@prutech/compliance 1.0.230 → 1.0.232

package/fesm2020/prutech-compliance.mjs

@@ -37,7 +37,7 @@ import * as i6 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i1$2 from '@angular/router';
 import { RouterModule } from '@angular/router';
-import * as i7$1 from '@angular/material/core';
+import * as i12 from '@angular/material/core';
 import { MatNativeDateModule, DateAdapter, MAT_DATE_LOCALE, MAT_DATE_FORMATS } from '@angular/material/core';
 import * as i8 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
@@ -46,19 +46,19 @@ import { MatCardModule } from '@angular/material/card';
 import * as i5$2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import { MatMenuModule } from '@angular/material/menu';
-import * as i6$2 from '@angular/material/select';
+import * as i11 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import * as i4$2 from '@angular/material/button-toggle';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import * as i2$3 from '@angular/material/sidenav';
 import { MatSidenavModule } from '@angular/material/sidenav';
-import * as i6$4 from '@angular/material/list';
+import * as i6$3 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
 import * as i9 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i2$4 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
-import * as i6$3 from '@angular/material/radio';
+import * as i6$2 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
 import * as i3$4 from '@prutech/appointment';
 import { AppointmentSchedulerModalComponent, SlotTypeEnum, AppointmentSchedulerModule, ManageAppointmentsService } from '@prutech/appointment';
@@ -4197,7 +4197,8 @@ const dialogSize$1 = '500px';
 const p60 = '60%';
 const p70$1 = '70%';
 const p90 = '90%';
-const recordOutreachdialogSize = '800px';
+const recordOutreachdialogSize = '800px';
+const diaglogFormSize = '550px';
 
 class DoNotConciliateItemModel {
     constructor(data) {
@@ -4716,6 +4717,8 @@ class IsarWorkListItemModel {
         this.isUpdateLegacy = get(data, 'isUpdateLegacy');
         this.appointmentId = get(data, 'appointmentId');
         this.wlIsarId = get(data, 'wlIsarId');
+        this.infractionDate = get(data, 'infractionDate');
+        this.updateLegacyDate = get(data, 'updateLegacyDate');
     }
 }
 
@@ -4978,6 +4981,12 @@ const columnDefs$8 = [
     {
         headerName: 'Job Center', field: 'jobCenter.value', resizable: true, sortable: true, filter: true,
     },
+    {
+        headerName: 'Infraction Date', field: 'infractionDate', valueFormatter: dateOnlyFormatter, resizable: true, sortable: true, filter: true,
+    },
+    {
+        headerName: 'Update Legacy Date', field: 'updateLegacyDate', valueFormatter: dateOnlyFormatter, resizable: true, sortable: true, filter: true,
+    }
 ];
 
 class IsarWorkSheetComponent {
@@ -8393,7 +8402,7 @@ class ParticipantTimesheetComponent extends AbstractComponent {
     }
 }
 ParticipantTimesheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ParticipantTimesheetComponent, deps: [{ token: TimeKeepingDetailsService }, { token: ParticipantChangeStatusService }, { token: i0.ChangeDetectorRef }, { token: i2$2.TabService }, { token: i1$2.Router }, { token: i5$1.UserService }, { token: i1$1.MatDialog }, { token: i7.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-ParticipantTimesheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ParticipantTimesheetComponent, selector: "prutech-participant-timesheet", inputs: { isAttestedCheckValue: "isAttestedCheckValue" }, usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"space-around start\">\r\n    <div fxFlex=\"100%\">\r\n      <div fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"time-sheet-details\">\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-bottom\" fxLayoutGap=\"20px\">\r\n          <div fxFlex=\"5%\" fxLayoutAlign=\"end center\">\r\n            <mat-icon class=\"material-icons-outlined primary-icon\" [ngClass]=\"{ 'primary-icon': !isBackDisable(), 'grey-icon': isBackDisable() }\"\r\n              (click)=\"loadPastCycle()\">arrow_back_ios\r\n            </mat-icon>\r\n          </div>\r\n          <div fxFlex=\"60%\" fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"20px\">\r\n            <mat-label class=\"label time-sheet-header\">\r\n              Timesheet Cycle <span class=\"left-label\">{{ timeCycleDisplay }}</span>\r\n            </mat-label>\r\n          </div>\r\n          <mat-icon fxFlex=\"5%\" class=\"material-icons-outlined\" [ngClass]=\"{ 'primary-icon': !isForwardDisable(), 'grey-icon': isForwardDisable() }\"\r\n            (click)=\"loadForwardCycle()\">\r\n            arrow_forward_ios\r\n          </mat-icon>\r\n        </div>\r\n        <ng-container *ngFor=\"let assignment of assignments;let i=index\">\r\n          <div fxFlex fxLayoutAlign=\"center center\" class=\"time-sheet-row border-bottom padding\">\r\n            <div *ngIf=\"isHoursExceeded(assignment)\" class=\"warning-icon\">\r\n              <mat-icon>error</mat-icon>\r\n              <span> HOURS EXCEEDED </span>\r\n            </div>\r\n\r\n            <strong fxFlex=\"50%\" fxLayoutAlign=\"end center\">\r\n              ASSIGNMENT {{ i+1 }}  ATTRIBUTES\r\n            </strong>\r\n            <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"20px\">\r\n              <button mat-stroked-button color=\"primary\" class=\"button-size\" [disabled] = \"!this.details.isDue\"\r\n                (click)=\"onClickConciliate(assignment)\">\r\n                <span>DO NOT CONCILIATE</span>\r\n                <br>\r\n                <sub>({{ assignment?.doNotConciliateCounter }} REMAINING)</sub>\r\n              </button>\r\n              <button mat-stroked-button color=\"primary\" class=\"button-size\" (click)=\"openPCS(assignment)\" \r\n              [disabled]=\"isPcsDisabled(assignment)\">\r\n                PARTICIPANT CHANGE OF STATUS\r\n              </button>\r\n            </div>\r\n          </div>\r\n          <div class=\"participant-details time-sheet-row border-bottom padding\">\r\n            <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Site Name</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.siteName?.displayValue }}</div>\r\n              </div>\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment Type</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentType?.displayValue }}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment Status</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentStatus?.displayValue\r\n                  }}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment Start Date</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentStartDate | date:\r\n                  fullDateFormat }}</div>\r\n              </div>\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment End Date</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentEndDate | date:\r\n                  fullDateFormat }}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Hour Group</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.hourGroup }}</div>\r\n              </div>\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Hours Assigned</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.hourAssigned }}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Skill Code</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.skillCode?.displayValue }}</div>\r\n              </div>\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Course Name</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.courseName?.displayValue}}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-bottom\" fxLayoutGap=\"20px\">\r\n            <div fxFlex=\"15%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"left-label\">\r\n              <mat-icon fxFlex=\"10%\" class=\"material-icons-outlined\" color=\"primary\" *ngIf=\"(this.details.isCurrent||this.details.isDue)\" (click)=\"addActivity(assignment)\">add_circle\r\n                </mat-icon>\r\n          <mat-form-field fxFlex=\"90%\" appearance=\"outline\" class=\"left-label-2 activity-form-field\" floatLabel=\"auto\">\r\n            <mat-label>Select Activity</mat-label>\r\n            <mat-select [formControl]=\"control\" [disabled]=\"!isVisible() != true? (this.details.isDue || this.details.isCurrent)? (!this.isAttestedCheckValue? assignment.isSelfAttestedSchool:false):true:false\">\r\n              <mat-option *ngFor=\"let activity of assignment.filteredActivities\" [value]=\"activity\">\r\n                <span [title]=\"activity?.displayValue\">\r\n                  {{ activity?.displayValue }}\r\n                </span>\r\n              </mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n            <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n\r\n              <div fxFlex=\"12%\" *ngFor=\"let item of assignment.currentCycleDates\" class=\"time-label\">\r\n                <div fxLayout=\"column\" fxLayoutAlign=\"start center\">\r\n                  <div>{{ item?.dayOfWeek }}</div>\r\n                  <div>{{ item?.date | date: dateFormat }}</div>\r\n                </div>\r\n              </div>\r\n              <div fxFlex=\"12%\" class=\"time-label\"><span>Weekly</span></div>\r\n\r\n            </div>\r\n          </div>\r\n          <ng-container *ngIf=\"!!assignment.formGroup\">\r\n            <form [formGroup]=\"assignment.formGroup\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"20px\"\r\n              class=\"time-sheet-row\" *ngFor=\"let item of assignment.timesheetByActivity\">\r\n              <div fxFlex=\"15%\" class=\"left-label\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n                <mat-icon class=\"material-icons-outlined\" color=\"primary\" *ngIf=\"isVisible()\" (click)=\"removeActivity(item?.id, assignment)\">remove_circle\r\n                </mat-icon>\r\n                <span class=\"left-label-2\">{{ item?.name }}</span>\r\n              </div>\r\n              <div formGroupName=\"{{item?.id}}\" fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n                <mat-form-field fxFlex=\"12%\" appearance=\"outline\" *ngFor=\"let path of dayOfWeeks\" class=\"time-input\">\r\n                  <input matInput [formControlName]=\"path\" [readonly]=\"!isAttestedCheckValue?assignment.isSelfAttestedSchool:false\" (ngModelChange)=\"updateHours($event, item?.id, path, assignment)\" />\r\n                  <mat-error *ngIf=\"!!getErrorMessage(item?.id, path, assignment)\">{{ getErrorMessage(item?.id, path,\r\n                    assignment)\r\n                    }}</mat-error>\r\n                </mat-form-field>\r\n                <span fxFlex=\"12%\" class=\"time-label\">{{ getSum(item) }}</span>\r\n              </div>\r\n            </form>\r\n          </ng-container>\r\n\r\n          <!--Total-->\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row\" fxLayoutGap=\"20px\">\r\n            <div fxFlex=\"15%\" class=\"left-label\" [ngClass]=\"{ 'total': isVisible() }\"><span class=\"left-label-2\">Daily\r\n                Total</span>\r\n            </div>\r\n            <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n              <div fxFlex=\"12%\" *ngFor=\"let path of dayOfWeeks\" class=\"time-label\">{{ assignment?.dailyTotal[path] }}</div>\r\n              <div fxFlex=\"12%\" class=\"time-label\">{{ getTotalSum( assignment ) }}</div>\r\n            </div>\r\n          </div>\r\n          <!--Carfare-->\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-top\" fxLayoutGap=\"20px\">\r\n            <div fxFlex=\"20%\" class=\"left-label total\"><span>Carfare</span>\r\n            </div>\r\n            <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" [formGroup]=\"assignment.carfareFormGroup\">\r\n              <mat-form-field appearance=\"outline\" fxFlex=\"12%\" *ngFor=\"let item of assignment.carfareModels; let index=index;\"\r\n                class=\"time-input\">\r\n                <mat-select [disabled]=\"item?.isDisable\" [formControlName]=\"item?.dayOfWeek\">\r\n                  <mat-option [value]=\"defaultCarfareOption\">N/A</mat-option>\r\n                  <mat-option *ngFor=\"let option of item?.options\" [value]=\"option\">\r\n                    {{ option.displayValue }}\r\n                  </mat-option>\r\n                </mat-select>\r\n              </mat-form-field>\r\n              <div fxFlex=\"12%\" class=\"time-label\"></div>\r\n            </div>\r\n          </div>\r\n          <!--Assignment Mode-->\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-top\" fxLayoutGap=\"20px\">\r\n            <div fxFlex=\"20%\" class=\"left-label total\">\r\n              <span>Assignment Mode\r\n                <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n              </span>\r\n            </div>\r\n            <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" [formGroup]=\"assignment.assignmentModeFormGroup\">\r\n              <mat-form-field appearance=\"outline\" fxFlex=\"12%\" *ngFor=\"let item of assignment.assignmentModeModels; let index=index;\"\r\n                class=\"time-input\">\r\n                <mat-select [disabled]=\"item?.isDisable ||!isAttestedCheckValue?assignment.isSelfAttestedSchool:false\" [formControlName]=\"item?.dayOfWeek\">\r\n                  <mat-option *ngFor=\"let option of item?.options\" [value]=\"option\">\r\n                    {{ option.displayValue }}\r\n                  </mat-option>\r\n                </mat-select>\r\n              </mat-form-field>\r\n              <div fxFlex=\"12%\" class=\"time-label\"></div>\r\n            </div>\r\n          </div>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n  <div class=\"time-sheet-comment\">\r\n    <div *ngIf=\"showDcMessage()\" class=\"warning-text\">\r\n      <span>{{ this.getDcMessage() }}</span>\r\n    </div>\r\n    <div *ngIf=\"isParticipantChangeOfStatus()\" class=\"warning-text\">\r\n      <span>{{ this.details?.programAlert?.pcsType?.displayValue }} PCS</span><br>\r\n      <span>Performed on {{ this.details?.programAlert?.submittedOn | date: 'MM/dd/yyyy'}}</span><br>\r\n      <span>Reason: {{ this.details?.programAlert?.reason?.displayValue }}</span><br>\r\n      <span class=\"comment\">{{ this.details?.programAlert?.comments }}</span>\r\n    </div>\r\n    <span>- All hours entered into SEAMS are subject to audit and require back up documentation, either thru separate\r\n      manual or electronic tracking which matches the hours submitted for each client. </span><br>\r\n    <span *ngIf=\"!!timeFrameMessage\">- Data Entry must be completed by {{ timeFrameMessage }}.</span>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"30px\">\r\n    <button mat-flat-button (click)=\"exit()\">EXIT</button>\r\n    <button mat-raised-button color=\"primary\" *ngIf=\"isVisible()&& (this.details.isDue ||this.details.isCurrent)\" (click)=\"validateAndSave()\" [disabled]=\"isFormInValid()\">SAVE\r\n    </button>\r\n  </div>\r\n  <div *ngIf=\"showDeficitHoursMessage\" class=\"save-warning\" fxLayoutAlign=\"center center\">\r\n    <mat-icon>error</mat-icon>\r\n    <span> Total weekly hours entered have a deficit subject to infraction. </span>\r\n  </div>\r\n</div>", styles: [""], components: [{ type: i5$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6$2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "date": i4$1.DatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ParticipantTimesheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ParticipantTimesheetComponent, selector: "prutech-participant-timesheet", inputs: { isAttestedCheckValue: "isAttestedCheckValue" }, usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"space-around start\">\r\n    <div fxFlex=\"100%\">\r\n      <div fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"time-sheet-details\">\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-bottom\" fxLayoutGap=\"20px\">\r\n          <div fxFlex=\"5%\" fxLayoutAlign=\"end center\">\r\n            <mat-icon class=\"material-icons-outlined primary-icon\" [ngClass]=\"{ 'primary-icon': !isBackDisable(), 'grey-icon': isBackDisable() }\"\r\n              (click)=\"loadPastCycle()\">arrow_back_ios\r\n            </mat-icon>\r\n          </div>\r\n          <div fxFlex=\"60%\" fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"20px\">\r\n            <mat-label class=\"label time-sheet-header\">\r\n              Timesheet Cycle <span class=\"left-label\">{{ timeCycleDisplay }}</span>\r\n            </mat-label>\r\n          </div>\r\n          <mat-icon fxFlex=\"5%\" class=\"material-icons-outlined\" [ngClass]=\"{ 'primary-icon': !isForwardDisable(), 'grey-icon': isForwardDisable() }\"\r\n            (click)=\"loadForwardCycle()\">\r\n            arrow_forward_ios\r\n          </mat-icon>\r\n        </div>\r\n        <ng-container *ngFor=\"let assignment of assignments;let i=index\">\r\n          <div fxFlex fxLayoutAlign=\"center center\" class=\"time-sheet-row border-bottom padding\">\r\n            <div *ngIf=\"isHoursExceeded(assignment)\" class=\"warning-icon\">\r\n              <mat-icon>error</mat-icon>\r\n              <span> HOURS EXCEEDED </span>\r\n            </div>\r\n\r\n            <strong fxFlex=\"50%\" fxLayoutAlign=\"end center\">\r\n              ASSIGNMENT {{ i+1 }}  ATTRIBUTES\r\n            </strong>\r\n            <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"20px\">\r\n              <button mat-stroked-button color=\"primary\" class=\"button-size\" [disabled] = \"!this.details.isDue\"\r\n                (click)=\"onClickConciliate(assignment)\">\r\n                <span>DO NOT CONCILIATE</span>\r\n                <br>\r\n                <sub>({{ assignment?.doNotConciliateCounter }} REMAINING)</sub>\r\n              </button>\r\n              <button mat-stroked-button color=\"primary\" class=\"button-size\" (click)=\"openPCS(assignment)\" \r\n              [disabled]=\"isPcsDisabled(assignment)\">\r\n                PARTICIPANT CHANGE OF STATUS\r\n              </button>\r\n            </div>\r\n          </div>\r\n          <div class=\"participant-details time-sheet-row border-bottom padding\">\r\n            <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Site Name</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.siteName?.displayValue }}</div>\r\n              </div>\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment Type</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentType?.displayValue }}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment Status</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentStatus?.displayValue\r\n                  }}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment Start Date</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentStartDate | date:\r\n                  fullDateFormat }}</div>\r\n              </div>\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment End Date</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentEndDate | date:\r\n                  fullDateFormat }}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Hour Group</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.hourGroup }}</div>\r\n              </div>\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Hours Assigned</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.hourAssigned }}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Skill Code</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.skillCode?.displayValue }}</div>\r\n              </div>\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Course Name</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.courseName?.displayValue}}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-bottom\" fxLayoutGap=\"20px\">\r\n            <div fxFlex=\"15%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"left-label\">\r\n              <mat-icon fxFlex=\"10%\" class=\"material-icons-outlined\" color=\"primary\" *ngIf=\"(this.details.isCurrent||this.details.isDue)\" (click)=\"addActivity(assignment)\">add_circle\r\n                </mat-icon>\r\n          <mat-form-field fxFlex=\"90%\" appearance=\"outline\" class=\"left-label-2 activity-form-field\" floatLabel=\"auto\">\r\n            <mat-label>Select Activity</mat-label>\r\n            <mat-select [formControl]=\"control\" [disabled]=\"!isVisible() != true? (this.details.isDue || this.details.isCurrent)? (!this.isAttestedCheckValue? assignment.isSelfAttestedSchool:false):true:false\">\r\n              <mat-option *ngFor=\"let activity of assignment.filteredActivities\" [value]=\"activity\">\r\n                <span [title]=\"activity?.displayValue\">\r\n                  {{ activity?.displayValue }}\r\n                </span>\r\n              </mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n            <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n\r\n              <div fxFlex=\"12%\" *ngFor=\"let item of assignment.currentCycleDates\" class=\"time-label\">\r\n                <div fxLayout=\"column\" fxLayoutAlign=\"start center\">\r\n                  <div>{{ item?.dayOfWeek }}</div>\r\n                  <div>{{ item?.date | date: dateFormat }}</div>\r\n                </div>\r\n              </div>\r\n              <div fxFlex=\"12%\" class=\"time-label\"><span>Weekly</span></div>\r\n\r\n            </div>\r\n          </div>\r\n          <ng-container *ngIf=\"!!assignment.formGroup\">\r\n            <form [formGroup]=\"assignment.formGroup\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"20px\"\r\n              class=\"time-sheet-row\" *ngFor=\"let item of assignment.timesheetByActivity\">\r\n              <div fxFlex=\"15%\" class=\"left-label\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n                <mat-icon class=\"material-icons-outlined\" color=\"primary\" *ngIf=\"isVisible()\" (click)=\"removeActivity(item?.id, assignment)\">remove_circle\r\n                </mat-icon>\r\n                <span class=\"left-label-2\">{{ item?.name }}</span>\r\n              </div>\r\n              <div formGroupName=\"{{item?.id}}\" fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n                <mat-form-field fxFlex=\"12%\" appearance=\"outline\" *ngFor=\"let path of dayOfWeeks\" class=\"time-input\">\r\n                  <input matInput [formControlName]=\"path\" [readonly]=\"!isAttestedCheckValue?assignment.isSelfAttestedSchool:false\" (ngModelChange)=\"updateHours($event, item?.id, path, assignment)\" />\r\n                  <mat-error *ngIf=\"!!getErrorMessage(item?.id, path, assignment)\">{{ getErrorMessage(item?.id, path,\r\n                    assignment)\r\n                    }}</mat-error>\r\n                </mat-form-field>\r\n                <span fxFlex=\"12%\" class=\"time-label\">{{ getSum(item) }}</span>\r\n              </div>\r\n            </form>\r\n          </ng-container>\r\n\r\n          <!--Total-->\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row\" fxLayoutGap=\"20px\">\r\n            <div fxFlex=\"15%\" class=\"left-label\" [ngClass]=\"{ 'total': isVisible() }\"><span class=\"left-label-2\">Daily\r\n                Total</span>\r\n            </div>\r\n            <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n              <div fxFlex=\"12%\" *ngFor=\"let path of dayOfWeeks\" class=\"time-label\">{{ assignment?.dailyTotal[path] }}</div>\r\n              <div fxFlex=\"12%\" class=\"time-label\">{{ getTotalSum( assignment ) }}</div>\r\n            </div>\r\n          </div>\r\n          <!--Carfare-->\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-top\" fxLayoutGap=\"20px\">\r\n            <div fxFlex=\"20%\" class=\"left-label total\"><span>Carfare</span>\r\n            </div>\r\n            <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" [formGroup]=\"assignment.carfareFormGroup\">\r\n              <mat-form-field appearance=\"outline\" fxFlex=\"12%\" *ngFor=\"let item of assignment.carfareModels; let index=index;\"\r\n                class=\"time-input\">\r\n                <mat-select [disabled]=\"item?.isDisable\" [formControlName]=\"item?.dayOfWeek\">\r\n                  <mat-option [value]=\"defaultCarfareOption\">N/A</mat-option>\r\n                  <mat-option *ngFor=\"let option of item?.options\" [value]=\"option\">\r\n                    {{ option.displayValue }}\r\n                  </mat-option>\r\n                </mat-select>\r\n              </mat-form-field>\r\n              <div fxFlex=\"12%\" class=\"time-label\"></div>\r\n            </div>\r\n          </div>\r\n          <!--Assignment Mode-->\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-top\" fxLayoutGap=\"20px\">\r\n            <div fxFlex=\"20%\" class=\"left-label total\">\r\n              <span>Assignment Mode\r\n                <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n              </span>\r\n            </div>\r\n            <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" [formGroup]=\"assignment.assignmentModeFormGroup\">\r\n              <mat-form-field appearance=\"outline\" fxFlex=\"12%\" *ngFor=\"let item of assignment.assignmentModeModels; let index=index;\"\r\n                class=\"time-input\">\r\n                <mat-select [disabled]=\"item?.isDisable ||!isAttestedCheckValue?assignment.isSelfAttestedSchool:false\" [formControlName]=\"item?.dayOfWeek\">\r\n                  <mat-option *ngFor=\"let option of item?.options\" [value]=\"option\">\r\n                    {{ option.displayValue }}\r\n                  </mat-option>\r\n                </mat-select>\r\n              </mat-form-field>\r\n              <div fxFlex=\"12%\" class=\"time-label\"></div>\r\n            </div>\r\n          </div>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n  <div class=\"time-sheet-comment\">\r\n    <div *ngIf=\"showDcMessage()\" class=\"warning-text\">\r\n      <span>{{ this.getDcMessage() }}</span>\r\n    </div>\r\n    <div *ngIf=\"isParticipantChangeOfStatus()\" class=\"warning-text\">\r\n      <span>{{ this.details?.programAlert?.pcsType?.displayValue }} PCS</span><br>\r\n      <span>Performed on {{ this.details?.programAlert?.submittedOn | date: 'MM/dd/yyyy'}}</span><br>\r\n      <span>Reason: {{ this.details?.programAlert?.reason?.displayValue }}</span><br>\r\n      <span class=\"comment\">{{ this.details?.programAlert?.comments }}</span>\r\n    </div>\r\n    <span>- All hours entered into SEAMS are subject to audit and require back up documentation, either thru separate\r\n      manual or electronic tracking which matches the hours submitted for each client. </span><br>\r\n    <span *ngIf=\"!!timeFrameMessage\">- Data Entry must be completed by {{ timeFrameMessage }}.</span>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"30px\">\r\n    <button mat-flat-button (click)=\"exit()\">EXIT</button>\r\n    <button mat-raised-button color=\"primary\" *ngIf=\"isVisible()&& (this.details.isDue ||this.details.isCurrent)\" (click)=\"validateAndSave()\" [disabled]=\"isFormInValid()\">SAVE\r\n    </button>\r\n  </div>\r\n  <div *ngIf=\"showDeficitHoursMessage\" class=\"save-warning\" fxLayoutAlign=\"center center\">\r\n    <mat-icon>error</mat-icon>\r\n    <span> Total weekly hours entered have a deficit subject to infraction. </span>\r\n  </div>\r\n</div>", styles: [""], components: [{ type: i5$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i11.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i12.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "date": i4$1.DatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ParticipantTimesheetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'prutech-participant-timesheet', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"space-around start\">\r\n    <div fxFlex=\"100%\">\r\n      <div fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"time-sheet-details\">\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-bottom\" fxLayoutGap=\"20px\">\r\n          <div fxFlex=\"5%\" fxLayoutAlign=\"end center\">\r\n            <mat-icon class=\"material-icons-outlined primary-icon\" [ngClass]=\"{ 'primary-icon': !isBackDisable(), 'grey-icon': isBackDisable() }\"\r\n              (click)=\"loadPastCycle()\">arrow_back_ios\r\n            </mat-icon>\r\n          </div>\r\n          <div fxFlex=\"60%\" fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"20px\">\r\n            <mat-label class=\"label time-sheet-header\">\r\n              Timesheet Cycle <span class=\"left-label\">{{ timeCycleDisplay }}</span>\r\n            </mat-label>\r\n          </div>\r\n          <mat-icon fxFlex=\"5%\" class=\"material-icons-outlined\" [ngClass]=\"{ 'primary-icon': !isForwardDisable(), 'grey-icon': isForwardDisable() }\"\r\n            (click)=\"loadForwardCycle()\">\r\n            arrow_forward_ios\r\n          </mat-icon>\r\n        </div>\r\n        <ng-container *ngFor=\"let assignment of assignments;let i=index\">\r\n          <div fxFlex fxLayoutAlign=\"center center\" class=\"time-sheet-row border-bottom padding\">\r\n            <div *ngIf=\"isHoursExceeded(assignment)\" class=\"warning-icon\">\r\n              <mat-icon>error</mat-icon>\r\n              <span> HOURS EXCEEDED </span>\r\n            </div>\r\n\r\n            <strong fxFlex=\"50%\" fxLayoutAlign=\"end center\">\r\n              ASSIGNMENT {{ i+1 }}  ATTRIBUTES\r\n            </strong>\r\n            <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"20px\">\r\n              <button mat-stroked-button color=\"primary\" class=\"button-size\" [disabled] = \"!this.details.isDue\"\r\n                (click)=\"onClickConciliate(assignment)\">\r\n                <span>DO NOT CONCILIATE</span>\r\n                <br>\r\n                <sub>({{ assignment?.doNotConciliateCounter }} REMAINING)</sub>\r\n              </button>\r\n              <button mat-stroked-button color=\"primary\" class=\"button-size\" (click)=\"openPCS(assignment)\" \r\n              [disabled]=\"isPcsDisabled(assignment)\">\r\n                PARTICIPANT CHANGE OF STATUS\r\n              </button>\r\n            </div>\r\n          </div>\r\n          <div class=\"participant-details time-sheet-row border-bottom padding\">\r\n            <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Site Name</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.siteName?.displayValue }}</div>\r\n              </div>\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment Type</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentType?.displayValue }}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment Status</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentStatus?.displayValue\r\n                  }}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment Start Date</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentStartDate | date:\r\n                  fullDateFormat }}</div>\r\n              </div>\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment End Date</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentEndDate | date:\r\n                  fullDateFormat }}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Hour Group</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.hourGroup }}</div>\r\n              </div>\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Hours Assigned</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.hourAssigned }}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Skill Code</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.skillCode?.displayValue }}</div>\r\n              </div>\r\n              <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n                <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Course Name</div>\r\n                <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.courseName?.displayValue}}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-bottom\" fxLayoutGap=\"20px\">\r\n            <div fxFlex=\"15%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"left-label\">\r\n              <mat-icon fxFlex=\"10%\" class=\"material-icons-outlined\" color=\"primary\" *ngIf=\"(this.details.isCurrent||this.details.isDue)\" (click)=\"addActivity(assignment)\">add_circle\r\n                </mat-icon>\r\n          <mat-form-field fxFlex=\"90%\" appearance=\"outline\" class=\"left-label-2 activity-form-field\" floatLabel=\"auto\">\r\n            <mat-label>Select Activity</mat-label>\r\n            <mat-select [formControl]=\"control\" [disabled]=\"!isVisible() != true? (this.details.isDue || this.details.isCurrent)? (!this.isAttestedCheckValue? assignment.isSelfAttestedSchool:false):true:false\">\r\n              <mat-option *ngFor=\"let activity of assignment.filteredActivities\" [value]=\"activity\">\r\n                <span [title]=\"activity?.displayValue\">\r\n                  {{ activity?.displayValue }}\r\n                </span>\r\n              </mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n            <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n\r\n              <div fxFlex=\"12%\" *ngFor=\"let item of assignment.currentCycleDates\" class=\"time-label\">\r\n                <div fxLayout=\"column\" fxLayoutAlign=\"start center\">\r\n                  <div>{{ item?.dayOfWeek }}</div>\r\n                  <div>{{ item?.date | date: dateFormat }}</div>\r\n                </div>\r\n              </div>\r\n              <div fxFlex=\"12%\" class=\"time-label\"><span>Weekly</span></div>\r\n\r\n            </div>\r\n          </div>\r\n          <ng-container *ngIf=\"!!assignment.formGroup\">\r\n            <form [formGroup]=\"assignment.formGroup\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"20px\"\r\n              class=\"time-sheet-row\" *ngFor=\"let item of assignment.timesheetByActivity\">\r\n              <div fxFlex=\"15%\" class=\"left-label\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n                <mat-icon class=\"material-icons-outlined\" color=\"primary\" *ngIf=\"isVisible()\" (click)=\"removeActivity(item?.id, assignment)\">remove_circle\r\n                </mat-icon>\r\n                <span class=\"left-label-2\">{{ item?.name }}</span>\r\n              </div>\r\n              <div formGroupName=\"{{item?.id}}\" fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n                <mat-form-field fxFlex=\"12%\" appearance=\"outline\" *ngFor=\"let path of dayOfWeeks\" class=\"time-input\">\r\n                  <input matInput [formControlName]=\"path\" [readonly]=\"!isAttestedCheckValue?assignment.isSelfAttestedSchool:false\" (ngModelChange)=\"updateHours($event, item?.id, path, assignment)\" />\r\n                  <mat-error *ngIf=\"!!getErrorMessage(item?.id, path, assignment)\">{{ getErrorMessage(item?.id, path,\r\n                    assignment)\r\n                    }}</mat-error>\r\n                </mat-form-field>\r\n                <span fxFlex=\"12%\" class=\"time-label\">{{ getSum(item) }}</span>\r\n              </div>\r\n            </form>\r\n          </ng-container>\r\n\r\n          <!--Total-->\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row\" fxLayoutGap=\"20px\">\r\n            <div fxFlex=\"15%\" class=\"left-label\" [ngClass]=\"{ 'total': isVisible() }\"><span class=\"left-label-2\">Daily\r\n                Total</span>\r\n            </div>\r\n            <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n              <div fxFlex=\"12%\" *ngFor=\"let path of dayOfWeeks\" class=\"time-label\">{{ assignment?.dailyTotal[path] }}</div>\r\n              <div fxFlex=\"12%\" class=\"time-label\">{{ getTotalSum( assignment ) }}</div>\r\n            </div>\r\n          </div>\r\n          <!--Carfare-->\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-top\" fxLayoutGap=\"20px\">\r\n            <div fxFlex=\"20%\" class=\"left-label total\"><span>Carfare</span>\r\n            </div>\r\n            <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" [formGroup]=\"assignment.carfareFormGroup\">\r\n              <mat-form-field appearance=\"outline\" fxFlex=\"12%\" *ngFor=\"let item of assignment.carfareModels; let index=index;\"\r\n                class=\"time-input\">\r\n                <mat-select [disabled]=\"item?.isDisable\" [formControlName]=\"item?.dayOfWeek\">\r\n                  <mat-option [value]=\"defaultCarfareOption\">N/A</mat-option>\r\n                  <mat-option *ngFor=\"let option of item?.options\" [value]=\"option\">\r\n                    {{ option.displayValue }}\r\n                  </mat-option>\r\n                </mat-select>\r\n              </mat-form-field>\r\n              <div fxFlex=\"12%\" class=\"time-label\"></div>\r\n            </div>\r\n          </div>\r\n          <!--Assignment Mode-->\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-top\" fxLayoutGap=\"20px\">\r\n            <div fxFlex=\"20%\" class=\"left-label total\">\r\n              <span>Assignment Mode\r\n                <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n              </span>\r\n            </div>\r\n            <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" [formGroup]=\"assignment.assignmentModeFormGroup\">\r\n              <mat-form-field appearance=\"outline\" fxFlex=\"12%\" *ngFor=\"let item of assignment.assignmentModeModels; let index=index;\"\r\n                class=\"time-input\">\r\n                <mat-select [disabled]=\"item?.isDisable ||!isAttestedCheckValue?assignment.isSelfAttestedSchool:false\" [formControlName]=\"item?.dayOfWeek\">\r\n                  <mat-option *ngFor=\"let option of item?.options\" [value]=\"option\">\r\n                    {{ option.displayValue }}\r\n                  </mat-option>\r\n                </mat-select>\r\n              </mat-form-field>\r\n              <div fxFlex=\"12%\" class=\"time-label\"></div>\r\n            </div>\r\n          </div>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n  <div class=\"time-sheet-comment\">\r\n    <div *ngIf=\"showDcMessage()\" class=\"warning-text\">\r\n      <span>{{ this.getDcMessage() }}</span>\r\n    </div>\r\n    <div *ngIf=\"isParticipantChangeOfStatus()\" class=\"warning-text\">\r\n      <span>{{ this.details?.programAlert?.pcsType?.displayValue }} PCS</span><br>\r\n      <span>Performed on {{ this.details?.programAlert?.submittedOn | date: 'MM/dd/yyyy'}}</span><br>\r\n      <span>Reason: {{ this.details?.programAlert?.reason?.displayValue }}</span><br>\r\n      <span class=\"comment\">{{ this.details?.programAlert?.comments }}</span>\r\n    </div>\r\n    <span>- All hours entered into SEAMS are subject to audit and require back up documentation, either thru separate\r\n      manual or electronic tracking which matches the hours submitted for each client. </span><br>\r\n    <span *ngIf=\"!!timeFrameMessage\">- Data Entry must be completed by {{ timeFrameMessage }}.</span>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"30px\">\r\n    <button mat-flat-button (click)=\"exit()\">EXIT</button>\r\n    <button mat-raised-button color=\"primary\" *ngIf=\"isVisible()&& (this.details.isDue ||this.details.isCurrent)\" (click)=\"validateAndSave()\" [disabled]=\"isFormInValid()\">SAVE\r\n    </button>\r\n  </div>\r\n  <div *ngIf=\"showDeficitHoursMessage\" class=\"save-warning\" fxLayoutAlign=\"center center\">\r\n    <mat-icon>error</mat-icon>\r\n    <span> Total weekly hours entered have a deficit subject to infraction. </span>\r\n  </div>\r\n</div>", styles: [""] }]
@@ -10933,6 +10942,8 @@ class NonComplianceOutreachListItem {
         this.caseId = get(data, 'caseId');
         this.wlNonComplianceOutreachId = get(data, 'wlNonComplianceOutreachId');
         this.infractionType = get(data, 'infractionType');
+        this.ncoEntryDate = get(data, 'ncoEntryDate');
+        this.remainingDays = get(data, 'remainingDays');
     }
 }
 
@@ -12346,6 +12357,12 @@ const worklistColumnDefs$7 = [
     {
         headerName: 'Infraction Type', field: 'infractionType', sortable: true, resizable: true, filter: true,
     },
+    {
+        headerName: 'NCO Entry Date', field: 'ncoEntryDate', valueFormatter: dateOnlyFormatter, sortable: true, resizable: true, filter: true,
+    },
+    {
+        headerName: 'Remaining Days', field: 'remainingDays', sortable: true, resizable: true, filter: true,
+    },
 ];
 
 class NonComplianceOutreachGridComponent extends AbstractComponent {
@@ -15323,7 +15340,7 @@ class FollowUpFormComponent extends AbstractComponent {
     }
 }
 FollowUpFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FollowUpFormComponent, deps: [{ token: i2$2.PtDynamicFormsService }, { token: i2$2.TabService }, { token: i1$2.Router }, { token: i7.FormBuilder }, { token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-FollowUpFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FollowUpFormComponent, selector: "prutech-follow-up-form", inputs: { primaryPhone: "primaryPhone", longTermGoals: "longTermGoals", formEntity: "formEntity", cmsCaseId: "cmsCaseId", readonly: "readonly", latestContact: "latestContact", milestone: "milestone", editMode: "editMode", followupListData: "followupListData" }, usesInheritance: true, ngImport: i0, template: "<div class=\"follow-up-form\">\r\n  <form *ngIf=\"!!formGroup\" [formGroup]=\"formGroup\" fxLayout=\"row\" fxLayoutAlign=\"space-between start\"\r\n        fxLayoutGap=\"20px\">\r\n    <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"follow-up-form-content\">\r\n      <div fxLayout=\"row\" class=\"prutech-dynamic-input-wrapper\">\r\n        <mat-label class=\"label\">\r\n          <span>Primary Phone</span>\r\n        </mat-label>\r\n        <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n          <input matInput readonly formControlName=\"primaryPhone\" mask=\"(000) 000-0000\">\r\n        </mat-form-field>\r\n      </div>\r\n      <div fxLayout=\"row\" fxFlexFill class=\"prutech-dynamic-radio-button-group-wrapper\">\r\n        <mat-label class=\"label\">\r\n          <span>Is this the preferred contact of the client?\r\n            <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n          </span>\r\n        </mat-label>\r\n        <div fxLayout=\"column\">\r\n          <mat-radio-group formControlName=\"isPreferedContact\" class=\"prutech-dynamic-radio-button-group\">\r\n            <mat-radio-button class=\"prutech-dynamic-radio-button\" *ngFor=\"let selection of radioSelections\"\r\n                              [value]=\"selection.value\">{{ selection.displayText || selection }}\r\n            </mat-radio-button>\r\n          </mat-radio-group>\r\n          <mat-error align=\"start\"\r\n                     *ngIf=\"formGroup?.get('isPreferedContact')?.touched && formGroup?.get('isPreferedContact')?.hasError('required')\">\r\n            *Required\r\n          </mat-error>\r\n        </div>\r\n      </div>\r\n      <div fxLayout=\"row\" class=\"prutech-dynamic-input-wrapper\" *ngIf=\"displayJobRetentionContact\">\r\n        <mat-label class=\"label\">\r\n          <span>Job Retention Contact Information\r\n            <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n          </span>\r\n        </mat-label>\r\n        <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n          <input matInput formControlName=\"jobRetentionContact\" required mask=\"(000) 000-0000\"/>\r\n          <mat-error align=\"start\"\r\n                     *ngIf=\"formGroup?.get('jobRetentionContact')?.touched && formGroup?.get('jobRetentionContact')?.hasError('required')\">\r\n            *Required\r\n          </mat-error>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"sub-title\">Job Information</div>\r\n      <div fxLayout=\"row\" fxFlexFill class=\"prutech-dynamic-radio-button-group-wrapper\">\r\n        <mat-label class=\"label\">\r\n          <span>Have there been any changes in the client's title, salary, or hours since the last follow up?\r\n            <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n          </span>\r\n        </mat-label>\r\n        <div fxLayout=\"column\">\r\n          <mat-radio-group formControlName=\"lastFollowUp\" class=\"prutech-dynamic-radio-button-group\">\r\n            <mat-radio-button class=\"prutech-dynamic-radio-button\" *ngFor=\"let selection of radioSelections\"\r\n                              [value]=\"selection.value\">{{ selection.displayText || selection }}\r\n            </mat-radio-button>\r\n          </mat-radio-group>\r\n          <mat-error align=\"start\"\r\n                     *ngIf=\"formGroup?.get('lastFollowUp')?.touched && formGroup?.get('lastFollowUp')?.hasError('required')\">\r\n            *Required\r\n          </mat-error>\r\n        </div>\r\n      </div>\r\n      <div fxLayout=\"row\" fxFlexFill *ngIf=\"displayEmploymentDeclaration\" fxLayoutGap=\"10px\">\r\n        <button mat-stroked-button color=\"primary\" (click)=\"directToFia3a()\" [disabled]=\"readonly\">INITIATE FIA3A\r\n        </button>\r\n      </div>\r\n      <div fxLayout=\"row\" fxFlexFill *ngIf=\"displayJobTrainingOrder\" fxLayoutGap=\"10px\">\r\n        <button mat-stroked-button color=\"primary\" (click)=\"directToJobOrders()\" [disabled]=\"readonly\">JOB ORDERS\r\n        </button>\r\n        <button mat-stroked-button color=\"primary\" (click)=\"directToTrainingOrders()\" [disabled]=\"readonly\">TRAINING\r\n          ORDERS\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div fxFlex=\"25%\">\r\n      <div fxLayout=\"column\" fxFlexFill class=\"prutech-dynamic-textarea-wrapper\">\r\n        <mat-label class=\"label\">\r\n          <span>Case Notes<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n        </mat-label>\r\n        <mat-form-field class=\"prutech-dynamic-textarea-field\" floatLabel='never' appearance=\"outline\">\r\n          <textarea\r\n            matInput\r\n            formControlName=\"caseNote\"\r\n            [placeholder]=\"placeHolderMessage\"\r\n            rows=\"10\"\r\n          ></textarea>\r\n        </mat-form-field>\r\n        <mat-error align=\"start\"\r\n                   *ngIf=\"formGroup?.get('caseNote')?.touched && formGroup?.get('caseNote')?.hasError('required')\">\r\n          *Required\r\n        </mat-error>\r\n      </div>\r\n    </div>\r\n    <prutech-long-term-goals\r\n      fxFlex=\"35%\"\r\n      [longTermGoals]=\"longTermGoals\"\r\n    ></prutech-long-term-goals>\r\n  </form>\r\n</div>\r\n", styles: [""], components: [{ type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6$3.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: LongTermGoalsComponent, selector: "prutech-long-term-goals", inputs: ["longTermGoals"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2$2.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { type: i6$3.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+FollowUpFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FollowUpFormComponent, selector: "prutech-follow-up-form", inputs: { primaryPhone: "primaryPhone", longTermGoals: "longTermGoals", formEntity: "formEntity", cmsCaseId: "cmsCaseId", readonly: "readonly", latestContact: "latestContact", milestone: "milestone", editMode: "editMode", followupListData: "followupListData" }, usesInheritance: true, ngImport: i0, template: "<div class=\"follow-up-form\">\r\n  <form *ngIf=\"!!formGroup\" [formGroup]=\"formGroup\" fxLayout=\"row\" fxLayoutAlign=\"space-between start\"\r\n        fxLayoutGap=\"20px\">\r\n    <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"follow-up-form-content\">\r\n      <div fxLayout=\"row\" class=\"prutech-dynamic-input-wrapper\">\r\n        <mat-label class=\"label\">\r\n          <span>Primary Phone</span>\r\n        </mat-label>\r\n        <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n          <input matInput readonly formControlName=\"primaryPhone\" mask=\"(000) 000-0000\">\r\n        </mat-form-field>\r\n      </div>\r\n      <div fxLayout=\"row\" fxFlexFill class=\"prutech-dynamic-radio-button-group-wrapper\">\r\n        <mat-label class=\"label\">\r\n          <span>Is this the preferred contact of the client?\r\n            <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n          </span>\r\n        </mat-label>\r\n        <div fxLayout=\"column\">\r\n          <mat-radio-group formControlName=\"isPreferedContact\" class=\"prutech-dynamic-radio-button-group\">\r\n            <mat-radio-button class=\"prutech-dynamic-radio-button\" *ngFor=\"let selection of radioSelections\"\r\n                              [value]=\"selection.value\">{{ selection.displayText || selection }}\r\n            </mat-radio-button>\r\n          </mat-radio-group>\r\n          <mat-error align=\"start\"\r\n                     *ngIf=\"formGroup?.get('isPreferedContact')?.touched && formGroup?.get('isPreferedContact')?.hasError('required')\">\r\n            *Required\r\n          </mat-error>\r\n        </div>\r\n      </div>\r\n      <div fxLayout=\"row\" class=\"prutech-dynamic-input-wrapper\" *ngIf=\"displayJobRetentionContact\">\r\n        <mat-label class=\"label\">\r\n          <span>Job Retention Contact Information\r\n            <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n          </span>\r\n        </mat-label>\r\n        <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n          <input matInput formControlName=\"jobRetentionContact\" required mask=\"(000) 000-0000\"/>\r\n          <mat-error align=\"start\"\r\n                     *ngIf=\"formGroup?.get('jobRetentionContact')?.touched && formGroup?.get('jobRetentionContact')?.hasError('required')\">\r\n            *Required\r\n          </mat-error>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"sub-title\">Job Information</div>\r\n      <div fxLayout=\"row\" fxFlexFill class=\"prutech-dynamic-radio-button-group-wrapper\">\r\n        <mat-label class=\"label\">\r\n          <span>Have there been any changes in the client's title, salary, or hours since the last follow up?\r\n            <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n          </span>\r\n        </mat-label>\r\n        <div fxLayout=\"column\">\r\n          <mat-radio-group formControlName=\"lastFollowUp\" class=\"prutech-dynamic-radio-button-group\">\r\n            <mat-radio-button class=\"prutech-dynamic-radio-button\" *ngFor=\"let selection of radioSelections\"\r\n                              [value]=\"selection.value\">{{ selection.displayText || selection }}\r\n            </mat-radio-button>\r\n          </mat-radio-group>\r\n          <mat-error align=\"start\"\r\n                     *ngIf=\"formGroup?.get('lastFollowUp')?.touched && formGroup?.get('lastFollowUp')?.hasError('required')\">\r\n            *Required\r\n          </mat-error>\r\n        </div>\r\n      </div>\r\n      <div fxLayout=\"row\" fxFlexFill *ngIf=\"displayEmploymentDeclaration\" fxLayoutGap=\"10px\">\r\n        <button mat-stroked-button color=\"primary\" (click)=\"directToFia3a()\" [disabled]=\"readonly\">INITIATE FIA3A\r\n        </button>\r\n      </div>\r\n      <div fxLayout=\"row\" fxFlexFill *ngIf=\"displayJobTrainingOrder\" fxLayoutGap=\"10px\">\r\n        <button mat-stroked-button color=\"primary\" (click)=\"directToJobOrders()\" [disabled]=\"readonly\">JOB ORDERS\r\n        </button>\r\n        <button mat-stroked-button color=\"primary\" (click)=\"directToTrainingOrders()\" [disabled]=\"readonly\">TRAINING\r\n          ORDERS\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div fxFlex=\"25%\">\r\n      <div fxLayout=\"column\" fxFlexFill class=\"prutech-dynamic-textarea-wrapper\">\r\n        <mat-label class=\"label\">\r\n          <span>Case Notes<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n        </mat-label>\r\n        <mat-form-field class=\"prutech-dynamic-textarea-field\" floatLabel='never' appearance=\"outline\">\r\n          <textarea\r\n            matInput\r\n            formControlName=\"caseNote\"\r\n            [placeholder]=\"placeHolderMessage\"\r\n            rows=\"10\"\r\n          ></textarea>\r\n        </mat-form-field>\r\n        <mat-error align=\"start\"\r\n                   *ngIf=\"formGroup?.get('caseNote')?.touched && formGroup?.get('caseNote')?.hasError('required')\">\r\n          *Required\r\n        </mat-error>\r\n      </div>\r\n    </div>\r\n    <prutech-long-term-goals\r\n      fxFlex=\"35%\"\r\n      [longTermGoals]=\"longTermGoals\"\r\n    ></prutech-long-term-goals>\r\n  </form>\r\n</div>\r\n", styles: [""], components: [{ type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6$2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: LongTermGoalsComponent, selector: "prutech-long-term-goals", inputs: ["longTermGoals"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2$2.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { type: i6$2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FollowUpFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'prutech-follow-up-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"follow-up-form\">\r\n  <form *ngIf=\"!!formGroup\" [formGroup]=\"formGroup\" fxLayout=\"row\" fxLayoutAlign=\"space-between start\"\r\n        fxLayoutGap=\"20px\">\r\n    <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"follow-up-form-content\">\r\n      <div fxLayout=\"row\" class=\"prutech-dynamic-input-wrapper\">\r\n        <mat-label class=\"label\">\r\n          <span>Primary Phone</span>\r\n        </mat-label>\r\n        <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n          <input matInput readonly formControlName=\"primaryPhone\" mask=\"(000) 000-0000\">\r\n        </mat-form-field>\r\n      </div>\r\n      <div fxLayout=\"row\" fxFlexFill class=\"prutech-dynamic-radio-button-group-wrapper\">\r\n        <mat-label class=\"label\">\r\n          <span>Is this the preferred contact of the client?\r\n            <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n          </span>\r\n        </mat-label>\r\n        <div fxLayout=\"column\">\r\n          <mat-radio-group formControlName=\"isPreferedContact\" class=\"prutech-dynamic-radio-button-group\">\r\n            <mat-radio-button class=\"prutech-dynamic-radio-button\" *ngFor=\"let selection of radioSelections\"\r\n                              [value]=\"selection.value\">{{ selection.displayText || selection }}\r\n            </mat-radio-button>\r\n          </mat-radio-group>\r\n          <mat-error align=\"start\"\r\n                     *ngIf=\"formGroup?.get('isPreferedContact')?.touched && formGroup?.get('isPreferedContact')?.hasError('required')\">\r\n            *Required\r\n          </mat-error>\r\n        </div>\r\n      </div>\r\n      <div fxLayout=\"row\" class=\"prutech-dynamic-input-wrapper\" *ngIf=\"displayJobRetentionContact\">\r\n        <mat-label class=\"label\">\r\n          <span>Job Retention Contact Information\r\n            <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n          </span>\r\n        </mat-label>\r\n        <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n          <input matInput formControlName=\"jobRetentionContact\" required mask=\"(000) 000-0000\"/>\r\n          <mat-error align=\"start\"\r\n                     *ngIf=\"formGroup?.get('jobRetentionContact')?.touched && formGroup?.get('jobRetentionContact')?.hasError('required')\">\r\n            *Required\r\n          </mat-error>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"sub-title\">Job Information</div>\r\n      <div fxLayout=\"row\" fxFlexFill class=\"prutech-dynamic-radio-button-group-wrapper\">\r\n        <mat-label class=\"label\">\r\n          <span>Have there been any changes in the client's title, salary, or hours since the last follow up?\r\n            <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n          </span>\r\n        </mat-label>\r\n        <div fxLayout=\"column\">\r\n          <mat-radio-group formControlName=\"lastFollowUp\" class=\"prutech-dynamic-radio-button-group\">\r\n            <mat-radio-button class=\"prutech-dynamic-radio-button\" *ngFor=\"let selection of radioSelections\"\r\n                              [value]=\"selection.value\">{{ selection.displayText || selection }}\r\n            </mat-radio-button>\r\n          </mat-radio-group>\r\n          <mat-error align=\"start\"\r\n                     *ngIf=\"formGroup?.get('lastFollowUp')?.touched && formGroup?.get('lastFollowUp')?.hasError('required')\">\r\n            *Required\r\n          </mat-error>\r\n        </div>\r\n      </div>\r\n      <div fxLayout=\"row\" fxFlexFill *ngIf=\"displayEmploymentDeclaration\" fxLayoutGap=\"10px\">\r\n        <button mat-stroked-button color=\"primary\" (click)=\"directToFia3a()\" [disabled]=\"readonly\">INITIATE FIA3A\r\n        </button>\r\n      </div>\r\n      <div fxLayout=\"row\" fxFlexFill *ngIf=\"displayJobTrainingOrder\" fxLayoutGap=\"10px\">\r\n        <button mat-stroked-button color=\"primary\" (click)=\"directToJobOrders()\" [disabled]=\"readonly\">JOB ORDERS\r\n        </button>\r\n        <button mat-stroked-button color=\"primary\" (click)=\"directToTrainingOrders()\" [disabled]=\"readonly\">TRAINING\r\n          ORDERS\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div fxFlex=\"25%\">\r\n      <div fxLayout=\"column\" fxFlexFill class=\"prutech-dynamic-textarea-wrapper\">\r\n        <mat-label class=\"label\">\r\n          <span>Case Notes<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n        </mat-label>\r\n        <mat-form-field class=\"prutech-dynamic-textarea-field\" floatLabel='never' appearance=\"outline\">\r\n          <textarea\r\n            matInput\r\n            formControlName=\"caseNote\"\r\n            [placeholder]=\"placeHolderMessage\"\r\n            rows=\"10\"\r\n          ></textarea>\r\n        </mat-form-field>\r\n        <mat-error align=\"start\"\r\n                   *ngIf=\"formGroup?.get('caseNote')?.touched && formGroup?.get('caseNote')?.hasError('required')\">\r\n          *Required\r\n        </mat-error>\r\n      </div>\r\n    </div>\r\n    <prutech-long-term-goals\r\n      fxFlex=\"35%\"\r\n      [longTermGoals]=\"longTermGoals\"\r\n    ></prutech-long-term-goals>\r\n  </form>\r\n</div>\r\n", styles: [""] }]
@@ -17555,7 +17572,7 @@ class CreateClientInteractionComponent extends AbstractComponent {
     }
 }
 CreateClientInteractionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CreateClientInteractionComponent, deps: [{ token: i2$2.TabService }, { token: i1$1.MatDialog }, { token: i5$1.UserService }, { token: ClientCommunicationService }], target: i0.ɵɵFactoryTarget.Component });
-CreateClientInteractionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CreateClientInteractionComponent, selector: "prutech-create-client-interaction", inputs: { lookups: "lookups", caseId: "caseId" }, outputs: { onExit: "onExit" }, viewQueries: [{ propertyName: "clientInteractionFormComponent", first: true, predicate: ["clientInteractionForm"], descendants: true }, { propertyName: "debtCounselingFormComponent", first: true, predicate: ["debtCounselingForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-card class=\"prutech-card interaction-details\">\r\n  <!--  <mat-card-title>Add Client Interaction</mat-card-title>-->\r\n  <mat-card-content [ngSwitch]=\"formName\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between stretch\">\r\n      <span class=\"title\">Add Client Interaction</span>\r\n      <div *ngIf=\"!!interactionType\" fxLayout=\"row\" fxLayoutAlign=\"end center\">\r\n        <div fxLayout=\"column\" fxLayoutAlign=\"start end\" class=\"readonly-group\" fxLayoutGap=\"10px\">\r\n          <div class=\"label\">Created By</div>\r\n          <div class=\"value\">{{ userName }}</div>\r\n        </div>\r\n        <div fxLayout=\"column\" fxLayoutAlign=\"start end\" class=\"readonly-group\" fxLayoutGap=\"10px\">\r\n          <div class=\"label\">Created On</div>\r\n          <div class=\"value\">{{ currentDate }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <ng-container *ngSwitchCase=\"requestInteractionForm.Other\">\r\n      <div fxLayout=\"column\">\r\n        <div fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n          <mat-label fxFlex class=\"label prutech-language-label\">\r\n            <span>Interaction Type <span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n          </mat-label>\r\n          <mat-form-field fxFlex class=\"prutech-dynamic-select-field\" floatLabel=\"never\" appearance=\"outline\">\r\n            <mat-select [formControl]=\"interactionTypeCtrl\" [compareWith]=\"compareLookup\">\r\n              <mat-option *ngFor=\"let interactionType of lookups?.interactionType\"\r\n                          [value]=\"interactionType\">{{ interactionType.displayValue }}\r\n              </mat-option>\r\n            </mat-select>\r\n            <mat-error *ngIf=\"interactionTypeCtrl.hasError('required')\">Required\r\n            </mat-error>\r\n          </mat-form-field>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n    <prutech-client-interaction-form\r\n      #clientInteractionForm\r\n      *ngSwitchCase=\"requestInteractionForm.Regular\"\r\n      [interactionType]=\"interactionType\"\r\n      [lookups]=\"lookups\"\r\n      (interactionTypeEmitter)=\"updateInteractionType($event)\"\r\n    ></prutech-client-interaction-form>\r\n    <prutech-debt-counseling-form\r\n      #debtCounselingForm\r\n      *ngSwitchCase=\"requestInteractionForm.Debt\"\r\n      [interactionType]=\"interactionType\"\r\n      [lookups]=\"lookups\"\r\n      (interactionTypeEmitter)=\"updateInteractionType($event)\"\r\n    ></prutech-debt-counseling-form>\r\n  </mat-card-content>\r\n  <prutech-form-footer [showSave]=\"true\" [showSubmit]=\"false\" [showExit]=\"true\"\r\n                       [enableSave]=\"isSaveEnabled()\"\r\n                       (onExit)=\"exit()\" (onSave)=\"save()\">\r\n  </prutech-form-footer>\r\n</mat-card>\r\n", styles: [""], components: [{ type: i6$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6$2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: ClientInteractionFormComponent, selector: "prutech-client-interaction-form", inputs: ["interactionType", "lookups"], outputs: ["interactionTypeEmitter"] }, { type: DebtCounselingFormComponent, selector: "prutech-debt-counseling-form", inputs: ["interactionType", "lookups"], outputs: ["interactionTypeEmitter"] }, { type: i2$2.FormFooterComponent, selector: "prutech-form-footer", inputs: ["saveDisplayText", "submitDisplayText", "showExit", "showSave", "showSubmit", "showApprove", "showReject", "showClientServicesScreen", "showCancel", "showDelete", "showCancelRequest", "showPrintAssessment", "showBatchMailLetters", "enableSave", "enableSubmit", "enableApprove", "enableReject"], outputs: ["onExit", "onSave", "onSubmit", "onApprove", "onReject", "onCancel", "onDelete", "onCancelRequest", "onPrintAssessment", "onPrintApptLetters", "openClientServicesScreen"] }], directives: [{ type: i6$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i4$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CreateClientInteractionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CreateClientInteractionComponent, selector: "prutech-create-client-interaction", inputs: { lookups: "lookups", caseId: "caseId" }, outputs: { onExit: "onExit" }, viewQueries: [{ propertyName: "clientInteractionFormComponent", first: true, predicate: ["clientInteractionForm"], descendants: true }, { propertyName: "debtCounselingFormComponent", first: true, predicate: ["debtCounselingForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-card class=\"prutech-card interaction-details\">\r\n  <!--  <mat-card-title>Add Client Interaction</mat-card-title>-->\r\n  <mat-card-content [ngSwitch]=\"formName\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between stretch\">\r\n      <span class=\"title\">Add Client Interaction</span>\r\n      <div *ngIf=\"!!interactionType\" fxLayout=\"row\" fxLayoutAlign=\"end center\">\r\n        <div fxLayout=\"column\" fxLayoutAlign=\"start end\" class=\"readonly-group\" fxLayoutGap=\"10px\">\r\n          <div class=\"label\">Created By</div>\r\n          <div class=\"value\">{{ userName }}</div>\r\n        </div>\r\n        <div fxLayout=\"column\" fxLayoutAlign=\"start end\" class=\"readonly-group\" fxLayoutGap=\"10px\">\r\n          <div class=\"label\">Created On</div>\r\n          <div class=\"value\">{{ currentDate }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <ng-container *ngSwitchCase=\"requestInteractionForm.Other\">\r\n      <div fxLayout=\"column\">\r\n        <div fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n          <mat-label fxFlex class=\"label prutech-language-label\">\r\n            <span>Interaction Type <span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n          </mat-label>\r\n          <mat-form-field fxFlex class=\"prutech-dynamic-select-field\" floatLabel=\"never\" appearance=\"outline\">\r\n            <mat-select [formControl]=\"interactionTypeCtrl\" [compareWith]=\"compareLookup\">\r\n              <mat-option *ngFor=\"let interactionType of lookups?.interactionType\"\r\n                          [value]=\"interactionType\">{{ interactionType.displayValue }}\r\n              </mat-option>\r\n            </mat-select>\r\n            <mat-error *ngIf=\"interactionTypeCtrl.hasError('required')\">Required\r\n            </mat-error>\r\n          </mat-form-field>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n    <prutech-client-interaction-form\r\n      #clientInteractionForm\r\n      *ngSwitchCase=\"requestInteractionForm.Regular\"\r\n      [interactionType]=\"interactionType\"\r\n      [lookups]=\"lookups\"\r\n      (interactionTypeEmitter)=\"updateInteractionType($event)\"\r\n    ></prutech-client-interaction-form>\r\n    <prutech-debt-counseling-form\r\n      #debtCounselingForm\r\n      *ngSwitchCase=\"requestInteractionForm.Debt\"\r\n      [interactionType]=\"interactionType\"\r\n      [lookups]=\"lookups\"\r\n      (interactionTypeEmitter)=\"updateInteractionType($event)\"\r\n    ></prutech-debt-counseling-form>\r\n  </mat-card-content>\r\n  <prutech-form-footer [showSave]=\"true\" [showSubmit]=\"false\" [showExit]=\"true\"\r\n                       [enableSave]=\"isSaveEnabled()\"\r\n                       (onExit)=\"exit()\" (onSave)=\"save()\">\r\n  </prutech-form-footer>\r\n</mat-card>\r\n", styles: [""], components: [{ type: i6$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i11.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i12.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: ClientInteractionFormComponent, selector: "prutech-client-interaction-form", inputs: ["interactionType", "lookups"], outputs: ["interactionTypeEmitter"] }, { type: DebtCounselingFormComponent, selector: "prutech-debt-counseling-form", inputs: ["interactionType", "lookups"], outputs: ["interactionTypeEmitter"] }, { type: i2$2.FormFooterComponent, selector: "prutech-form-footer", inputs: ["saveDisplayText", "submitDisplayText", "showExit", "showSave", "showSubmit", "showApprove", "showReject", "showClientServicesScreen", "showCancel", "showDelete", "showCancelRequest", "showPrintAssessment", "showBatchMailLetters", "enableSave", "enableSubmit", "enableApprove", "enableReject"], outputs: ["onExit", "onSave", "onSubmit", "onApprove", "onReject", "onCancel", "onDelete", "onCancelRequest", "onPrintAssessment", "onPrintApptLetters", "openClientServicesScreen"] }], directives: [{ type: i6$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i4$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CreateClientInteractionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'prutech-create-client-interaction', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card class=\"prutech-card interaction-details\">\r\n  <!--  <mat-card-title>Add Client Interaction</mat-card-title>-->\r\n  <mat-card-content [ngSwitch]=\"formName\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between stretch\">\r\n      <span class=\"title\">Add Client Interaction</span>\r\n      <div *ngIf=\"!!interactionType\" fxLayout=\"row\" fxLayoutAlign=\"end center\">\r\n        <div fxLayout=\"column\" fxLayoutAlign=\"start end\" class=\"readonly-group\" fxLayoutGap=\"10px\">\r\n          <div class=\"label\">Created By</div>\r\n          <div class=\"value\">{{ userName }}</div>\r\n        </div>\r\n        <div fxLayout=\"column\" fxLayoutAlign=\"start end\" class=\"readonly-group\" fxLayoutGap=\"10px\">\r\n          <div class=\"label\">Created On</div>\r\n          <div class=\"value\">{{ currentDate }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <ng-container *ngSwitchCase=\"requestInteractionForm.Other\">\r\n      <div fxLayout=\"column\">\r\n        <div fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n          <mat-label fxFlex class=\"label prutech-language-label\">\r\n            <span>Interaction Type <span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n          </mat-label>\r\n          <mat-form-field fxFlex class=\"prutech-dynamic-select-field\" floatLabel=\"never\" appearance=\"outline\">\r\n            <mat-select [formControl]=\"interactionTypeCtrl\" [compareWith]=\"compareLookup\">\r\n              <mat-option *ngFor=\"let interactionType of lookups?.interactionType\"\r\n                          [value]=\"interactionType\">{{ interactionType.displayValue }}\r\n              </mat-option>\r\n            </mat-select>\r\n            <mat-error *ngIf=\"interactionTypeCtrl.hasError('required')\">Required\r\n            </mat-error>\r\n          </mat-form-field>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n    <prutech-client-interaction-form\r\n      #clientInteractionForm\r\n      *ngSwitchCase=\"requestInteractionForm.Regular\"\r\n      [interactionType]=\"interactionType\"\r\n      [lookups]=\"lookups\"\r\n      (interactionTypeEmitter)=\"updateInteractionType($event)\"\r\n    ></prutech-client-interaction-form>\r\n    <prutech-debt-counseling-form\r\n      #debtCounselingForm\r\n      *ngSwitchCase=\"requestInteractionForm.Debt\"\r\n      [interactionType]=\"interactionType\"\r\n      [lookups]=\"lookups\"\r\n      (interactionTypeEmitter)=\"updateInteractionType($event)\"\r\n    ></prutech-debt-counseling-form>\r\n  </mat-card-content>\r\n  <prutech-form-footer [showSave]=\"true\" [showSubmit]=\"false\" [showExit]=\"true\"\r\n                       [enableSave]=\"isSaveEnabled()\"\r\n                       (onExit)=\"exit()\" (onSave)=\"save()\">\r\n  </prutech-form-footer>\r\n</mat-card>\r\n", styles: [""] }]
@@ -22195,7 +22212,7 @@ class SupplCarfareNavPanelComponent extends AbstractComponent {
     }
 }
 SupplCarfareNavPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SupplCarfareNavPanelComponent, deps: [{ token: SupplementalCarfareDetailsService }, { token: SupplementalCarfareService }, { token: i2$2.TabService }, { token: i1$2.Router }, { token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-SupplCarfareNavPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SupplCarfareNavPanelComponent, selector: "lib-suppl-carfare-nav-panel", usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" class=\"side-nav\" *ngIf=\"navigationConfig\">\r\n  <div fxFlex fxLayout=\"row wrap\" fxLayoutAlign=\"start center\" fxFlexFill>\r\n    <div *ngIf=\"showText\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"side-nav-title\" fxFlexFill>\r\n      <div fxFlex class=\"side-nav-header\">Supplemental</div>\r\n      <span>\r\n        <mat-icon matListIcon matTooltip=\"Expand menu\" [matTooltipPosition]=\"'right'\" class=\"icon\" fontSet=\"fas\"\r\n                  fontIcon=\"fa-chevron-circle-left\" (click)=\"toggleText()\"></mat-icon>\r\n      </span>\r\n    </div>\r\n    <span *ngIf=\"!showText\" class=\"arrow-left\" fxFlex=\"50px\">\r\n      <mat-icon matListIcon matTooltip=\"Collapse menu\" [matTooltipPosition]=\"'left'\" class=\"icon\" fontSet=\"fas\"\r\n                fontIcon=\"fa-chevron-circle-right\" (click)=\"toggleText()\"></mat-icon>\r\n    </span>\r\n  </div>\r\n\r\n  <mat-selection-list *ngIf=\"showText\" [multiple]=\"false\" class=\"sub-title-header supplemental-nav-list\">\r\n    <mat-list-option *ngFor=\"let entity of navigationConfig | async; let i = index;\"\r\n                     [value]=\"entity\"\r\n                     [routerLink]=\"[entity.route]\"\r\n                     [routerLinkActive]=\"['active']\"\r\n                     class=\"nav-item\">\r\n      <span class=\"item-label\">{{ entity.label }}</span>\r\n    </mat-list-option>\r\n  </mat-selection-list>\r\n</div>\r\n", styles: [""], components: [{ type: i5$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6$4.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i6$4.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { type: i6$4.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i9.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], pipes: { "async": i4$1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SupplCarfareNavPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SupplCarfareNavPanelComponent, selector: "lib-suppl-carfare-nav-panel", usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" class=\"side-nav\" *ngIf=\"navigationConfig\">\r\n  <div fxFlex fxLayout=\"row wrap\" fxLayoutAlign=\"start center\" fxFlexFill>\r\n    <div *ngIf=\"showText\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"side-nav-title\" fxFlexFill>\r\n      <div fxFlex class=\"side-nav-header\">Supplemental</div>\r\n      <span>\r\n        <mat-icon matListIcon matTooltip=\"Expand menu\" [matTooltipPosition]=\"'right'\" class=\"icon\" fontSet=\"fas\"\r\n                  fontIcon=\"fa-chevron-circle-left\" (click)=\"toggleText()\"></mat-icon>\r\n      </span>\r\n    </div>\r\n    <span *ngIf=\"!showText\" class=\"arrow-left\" fxFlex=\"50px\">\r\n      <mat-icon matListIcon matTooltip=\"Collapse menu\" [matTooltipPosition]=\"'left'\" class=\"icon\" fontSet=\"fas\"\r\n                fontIcon=\"fa-chevron-circle-right\" (click)=\"toggleText()\"></mat-icon>\r\n    </span>\r\n  </div>\r\n\r\n  <mat-selection-list *ngIf=\"showText\" [multiple]=\"false\" class=\"sub-title-header supplemental-nav-list\">\r\n    <mat-list-option *ngFor=\"let entity of navigationConfig | async; let i = index;\"\r\n                     [value]=\"entity\"\r\n                     [routerLink]=\"[entity.route]\"\r\n                     [routerLinkActive]=\"['active']\"\r\n                     class=\"nav-item\">\r\n      <span class=\"item-label\">{{ entity.label }}</span>\r\n    </mat-list-option>\r\n  </mat-selection-list>\r\n</div>\r\n", styles: [""], components: [{ type: i5$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6$3.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i6$3.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { type: i6$3.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i9.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], pipes: { "async": i4$1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SupplCarfareNavPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-suppl-carfare-nav-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" class=\"side-nav\" *ngIf=\"navigationConfig\">\r\n  <div fxFlex fxLayout=\"row wrap\" fxLayoutAlign=\"start center\" fxFlexFill>\r\n    <div *ngIf=\"showText\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"side-nav-title\" fxFlexFill>\r\n      <div fxFlex class=\"side-nav-header\">Supplemental</div>\r\n      <span>\r\n        <mat-icon matListIcon matTooltip=\"Expand menu\" [matTooltipPosition]=\"'right'\" class=\"icon\" fontSet=\"fas\"\r\n                  fontIcon=\"fa-chevron-circle-left\" (click)=\"toggleText()\"></mat-icon>\r\n      </span>\r\n    </div>\r\n    <span *ngIf=\"!showText\" class=\"arrow-left\" fxFlex=\"50px\">\r\n      <mat-icon matListIcon matTooltip=\"Collapse menu\" [matTooltipPosition]=\"'left'\" class=\"icon\" fontSet=\"fas\"\r\n                fontIcon=\"fa-chevron-circle-right\" (click)=\"toggleText()\"></mat-icon>\r\n    </span>\r\n  </div>\r\n\r\n  <mat-selection-list *ngIf=\"showText\" [multiple]=\"false\" class=\"sub-title-header supplemental-nav-list\">\r\n    <mat-list-option *ngFor=\"let entity of navigationConfig | async; let i = index;\"\r\n                     [value]=\"entity\"\r\n                     [routerLink]=\"[entity.route]\"\r\n                     [routerLinkActive]=\"['active']\"\r\n                     class=\"nav-item\">\r\n      <span class=\"item-label\">{{ entity.label }}</span>\r\n    </mat-list-option>\r\n  </mat-selection-list>\r\n</div>\r\n", styles: [""] }]
@@ -23032,7 +23049,7 @@ class SupplCarfareFormComponent extends AbstractComponent {
     }
 }
 SupplCarfareFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SupplCarfareFormComponent, deps: [{ token: i7.FormBuilder }, { token: i1$2.Router }, { token: i1$1.MatDialog }, { token: SupplementalCarfareDetailsService }, { token: i2$2.TabService }, { token: i1$2.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: i5$1.UserService }, { token: i2$2.SignatureService }], target: i0.ɵɵFactoryTarget.Component });
-SupplCarfareFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SupplCarfareFormComponent, selector: "lib-suppl-carfare-form", usesInheritance: true, ngImport: i0, template: "<prutech-loader *ngIf=\"loading | async\"></prutech-loader>\r\n<mat-card fxFlexFill class=\"prutech-card supplemental-carfare-form\">\r\n  <mat-card-content>\r\n    <mat-card-title>{{ isApproveMode ? 'Approve Supplemental Request' : (isViewMode ? 'View Supplemental Request' :\r\n      'Supplemental Request') }}\r\n    </mat-card-title>\r\n\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between start\">\r\n      <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Last, First Name</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.lastNameAndFirstName }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Case Number</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.caseNumber }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Individual Status</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.individualStatus }}</div>\r\n        </div>\r\n      </div>\r\n\r\n      <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Assignment Type</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.assignmentType }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Program Status</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.programStatus }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Assignment Start Date</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.programStart | date: dateFormat }}</div>\r\n        </div>\r\n      </div>\r\n\r\n      <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">EBT Carfare Date</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.ebtCarfareDate | date: dateFormat }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Hours Group</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.hourGroup }}</div>\r\n        </div>\r\n        <!--<div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n            <div fxFlex class=\"label\">Orientation Time</div>\r\n            <div fxFlex class=\"value\">{{ details?.orientationTime }}</div>\r\n        </div>-->\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Site</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.siteName }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"form-divider\"></div>\r\n\r\n    <div *ngIf=\"formGroup\" [formGroup]=\"formGroup\" class=\"prutech-dynamic-form-wrapper\">\r\n      <div fxLayout=\"row\" fxLayoutGap=\"2%\" fxFlexFill class=\"prutech-select-wrapper\">\r\n        <mat-label class=\"label\">\r\n          <span>Days paid before Program Start Date <span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n        </mat-label>\r\n        <mat-form-field fxFlex=\"25%\" class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n                        appearance=\"outline\">\r\n          <mat-select #trigger formControlName=\"paidDays\">\r\n            <mat-option *ngFor=\"let selection of noOfDaysLookup\" [value]=\"selection\">\r\n              {{ selection }}\r\n            </mat-option>\r\n          </mat-select>\r\n          <mat-error align=\"start\"\r\n                     *ngIf=\"formGroup?.get('paidDays')?.touched && formGroup?.get('paidDays')?.hasError('required')\">\r\n            *Required\r\n          </mat-error>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div fxLayout=\"row\" fxLayoutGap=\"2%\" fxFlexFill>\r\n        <div fxLayout=\"column\" fxFlex=\"59%\">\r\n          <mat-card-subtitle class=\"label-top\">Enter Type and Number of MetroCards given to the participant\r\n          </mat-card-subtitle>\r\n          <div fxLayout=\"row\" fxLayoutGap=\"2%\">\r\n            <div fxLayout=\"row\" fxFlex=\"50%\" class=\"prutech-dynamic-select-wrapper\">\r\n              <mat-label class=\"label\">\r\n                <span>Daily<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n              </mat-label>\r\n              <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n                              appearance=\"outline\">\r\n                <mat-select #trigger formControlName=\"{{dailyRequestedCtrlName}}\">\r\n                  <mat-option\r\n                    *ngFor=\"let selection of noOfDaysLookup | supplCarefareDay:formGroup?.get(weeklyRequestedCtrlName)?.value\"\r\n                    [value]=\"selection\">\r\n                    {{ selection }}\r\n                  </mat-option>\r\n                </mat-select>\r\n                <mat-error align=\"start\"\r\n                           *ngIf=\"formGroup?.get(dailyRequestedCtrlName)?.touched && formGroup?.get(dailyRequestedCtrlName)?.hasError('required')\">\r\n                  *Required\r\n                </mat-error>\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <div fxLayout=\"row\" fxFlex=\"50%\" class=\"prutech-dynamic-select-wrapper\">\r\n              <mat-label class=\"label\">\r\n                <span>Weekly<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n              </mat-label>\r\n              <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n                              appearance=\"outline\">\r\n                <mat-select #trigger formControlName=\"{{weeklyRequestedCtrlName}}\">\r\n                  <mat-option\r\n                    *ngFor=\"let selection of noOfWeeksLookup | supplCarefareWeek:formGroup?.get(dailyRequestedCtrlName)?.value\"\r\n                    [value]=\"selection\">\r\n                    {{ selection }}\r\n                  </mat-option>\r\n                </mat-select>\r\n                <mat-error align=\"start\"\r\n                           *ngIf=\"formGroup?.get(weeklyRequestedCtrlName)?.touched && formGroup?.get(weeklyRequestedCtrlName)?.hasError('required')\">\r\n                  *Required\r\n                </mat-error>\r\n              </mat-form-field>\r\n            </div>\r\n          </div>\r\n\r\n          <div fxLayout=\"row\" fxFlexFill fxLayoutGap=\"2%\">\r\n            <div fxLayout=\"column\" fxFlex=\"49%\">\r\n              <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n                <mat-label class=\"label-top\">\r\n                  <span>Supplemental Request<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n                </mat-label>\r\n                <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                  <input type=\"number\" #elementInput matInput formControlName=\"{{suppleAmtRequestedCtrlName}}\"/>\r\n                  <span matSuffix>$68.00 max</span>\r\n                  <mat-error align=\"start\"\r\n                             *ngIf=\"formGroup?.get(suppleAmtRequestedCtrlName)?.touched && formGroup?.get(suppleAmtRequestedCtrlName)?.hasError('required')\">\r\n                    *Required\r\n                  </mat-error>\r\n                </mat-form-field>\r\n              </div>\r\n\r\n              <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n                <mat-label class=\"label-top\">\r\n                  <span>Contact Person<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n                </mat-label>\r\n                <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                  <input #elementInput matInput formControlName=\"{{contactPersonCtrlName}}\"/>\r\n                  <mat-error align=\"start\"\r\n                             *ngIf=\"formGroup?.get(contactPersonCtrlName)?.touched && formGroup?.get(contactPersonCtrlName)?.hasError('required')\">\r\n                    *Required\r\n                  </mat-error>\r\n                </mat-form-field>\r\n              </div>\r\n\r\n              <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n                <mat-label class=\"label-top\">\r\n                  <span>Contact Phone<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n                </mat-label>\r\n                <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                  <input mask=\"(000) 000-0000\" #elementInput matInput formControlName=\"{{contactPhoneCtrlName}}\"/>\r\n                  <mat-error align=\"start\"\r\n                             *ngIf=\"formGroup?.get(contactPhoneCtrlName)?.touched && formGroup?.get(contactPhoneCtrlName)?.hasError('required')\">\r\n                    *Required\r\n                  </mat-error>\r\n                </mat-form-field>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxLayout=\"column\" fxFlex=\"49%\" class=\"prutech-dynamic-input-wrapper\">\r\n              <mat-label class=\"label-top\">\r\n                <span>Comments<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n              </mat-label>\r\n              <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                <textarea #elementInput matInput formControlName=\"comments\" [rows]=\"5\"></textarea>\r\n                <mat-error align=\"start\"\r\n                           *ngIf=\"formGroup?.get('comments')?.touched && formGroup?.get('comments')?.hasError('required')\">\r\n                  *Required\r\n                </mat-error>\r\n              </mat-form-field>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div fxLayout=\"column\" fxFlex=\"39%\">\r\n          <mat-card-subtitle>Carfare History</mat-card-subtitle>\r\n          <div fxLayout=\"column\" fxLayoutGap=\"15px\" formArrayName=\"{{carFareSuppReqMappingCtrlName}}\"\r\n               fxLayoutAlign=\"start stretch\"\r\n               *ngFor=\"let item of historyControls; let index=index\">\r\n            <div formGroupName=\"{{index}}\" fxLayout=\"column\">\r\n              <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\">\r\n                <div fxFlex=\"42%\" fxLayout=\"column\" class=\"prutech-dynamic-select-wrapper\">\r\n                  <mat-label class=\"label-top\">\r\n                    <span>Issuance Date<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n                  </mat-label>\r\n                  <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never' appearance=\"outline\">\r\n                    <mat-select #trigger formControlName=\"{{issuanceDateCtrlName}}\">\r\n                      <mat-option *ngFor=\"let selection of carfareHistory\" [value]=\"selection?.timeKeepingCarfareId\">\r\n                        {{ selection?.issuanceDate | date: dateFormat }}\r\n                      </mat-option>\r\n                    </mat-select>\r\n                    <mat-error align=\"start\"\r\n                               *ngIf=\"item.get(issuanceDateCtrlName).touched && item.get(issuanceDateCtrlName).hasError('required')\">\r\n                      *Required\r\n                    </mat-error>\r\n                    <mat-error align=\"start\"\r\n                               *ngIf=\"item.get(issuanceDateCtrlName).touched && item.get(issuanceDateCtrlName).hasError('invalidSelection')\">\r\n                      *Repeated Selection\r\n                    </mat-error>\r\n                  </mat-form-field>\r\n                </div>\r\n\r\n                <div fxFlex=\"42%\" fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n                  <mat-label class=\"label-top\"><span>Amount</span></mat-label>\r\n                  <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                    <input type=\"text\" #elementInput matInput formControlName=\"{{issuanceAmountCtrlName}}\"/>\r\n                  </mat-form-field>\r\n                </div>\r\n\r\n                <!--<mat-icon *ngIf=\"isRequestEditable\" class=\"material-icons-outlined\" color=\"primary\" (click)=\"addCarfareHistory()\">\r\n                  add_circle\r\n                </mat-icon>-->\r\n                <div fxFlex=\"10%\">\r\n                  <mat-icon *ngIf=\"isRequestEditable && index !== 0\" class=\"material-icons-outlined\" color=\"primary\"\r\n                            (click)=\"removeCarfareHistory(index)\">remove_circle\r\n                  </mat-icon>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div style=\"{ padding-top: 20px }\" fxLayout=\"row\" *ngIf=\"isRequestEditable\">\r\n            <!--            <button mat-raised-button color=\"primary\" (click)=\"test()\">Upload Police Report</button>-->\r\n            <mat-icon class=\"material-icons-outlined\" color=\"primary\" (click)=\"addCarfareHistory()\">\r\n              add_circle\r\n            </mat-icon>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n      <ng-container *ngIf=\"isApproveMode || isReviewMode\">\r\n        <div class=\"form-divider\" fxFlexFill></div>\r\n        <mat-card-title fxFlexFill>HRA Review</mat-card-title>\r\n\r\n        <div fxLayout=\"row\" fxFlexFill fxLayoutGap=\"2%\">\r\n          <div fxLayout=\"column\" fxFlex=\"49%\">\r\n            <mat-label class=\"label-top\">Enter Type and Number of MetroCards given to the participant\r\n            </mat-label>\r\n\r\n            <div fxLayout=\"row\" fxLayoutGap=\"2%\">\r\n              <div fxLayout=\"row\" fxFlex=\"49%\" class=\"prutech-dynamic-select-wrapper\">\r\n                <mat-label class=\"label\">\r\n                  <span>Daily</span>\r\n                </mat-label>\r\n                <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n                                appearance=\"outline\">\r\n                  <mat-select #trigger formControlName=\"{{dailyApprovedCtrlName}}\">\r\n                    <mat-option\r\n                      *ngFor=\"let selection of noOfDaysLookup | supplCarefareDay:formGroup?.get(weeklyApprovedCtrlName)?.value\"\r\n                      [value]=\"selection\">\r\n                      {{ selection }}\r\n                    </mat-option>\r\n                  </mat-select>\r\n                  <mat-error align=\"start\"\r\n                             *ngIf=\"formGroup?.get(dailyApprovedCtrlName)?.touched && formGroup?.get(dailyApprovedCtrlName)?.hasError('required')\">\r\n                    *Required\r\n                  </mat-error>\r\n                </mat-form-field>\r\n              </div>\r\n\r\n              <div fxLayout=\"row\" fxFlex=\"49%\" class=\"prutech-dynamic-select-wrapper\">\r\n                <mat-label class=\"label\">\r\n                  <span>Weekly</span>\r\n                </mat-label>\r\n                <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n                                appearance=\"outline\">\r\n                  <mat-select #trigger formControlName=\"{{weeklyApprovedCtrlName}}\">\r\n                    <mat-option\r\n                      *ngFor=\"let selection of noOfWeeksLookup | supplCarefareWeek:formGroup?.get(dailyApprovedCtrlName)?.value\"\r\n                      [value]=\"selection\">\r\n                      {{ selection }}\r\n                    </mat-option>\r\n                  </mat-select>\r\n                  <mat-error align=\"start\"\r\n                             *ngIf=\"formGroup?.get(weeklyApprovedCtrlName)?.touched && formGroup?.get(weeklyApprovedCtrlName)?.hasError('required')\">\r\n                    *Required\r\n                  </mat-error>\r\n                </mat-form-field>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n              <mat-label class=\"label-top\">\r\n                <span>Amount Approved<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n              </mat-label>\r\n              <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                <input type=\"number\" #elementInput matInput formControlName=\"{{suppleAmtApprovedCtrlName}}\"/>\r\n                <span matSuffix>$68.00 max</span>\r\n                <mat-error align=\"start\"\r\n                           *ngIf=\"formGroup?.get(suppleAmtApprovedCtrlName)?.touched && formGroup?.get(suppleAmtApprovedCtrlName)?.hasError('required')\">\r\n                  *Required\r\n                </mat-error>\r\n              </mat-form-field>\r\n            </div>\r\n          </div>\r\n          <div fxLayout=\"column\" fxFlex=\"49%\">\r\n            <div fxLayout=\"column\" fxFlex=\"50%\" class=\"prutech-dynamic-input-wrapper\">\r\n              <mat-label class=\"label-top\">\r\n                <span>Decision<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n              </mat-label>\r\n              <div fxLayout=\"column\">\r\n                <mat-radio-group formControlName=\"decision\" class=\"prutech-dynamic-radio-button-group\">\r\n                  <mat-radio-button class=\"prutech-dynamic-radio-button\"\r\n                                    *ngFor=\"let selection of selections\" [value]=\"selection.lookupId\">{{\r\n                    selection?.displayValue }}\r\n                  </mat-radio-button>\r\n                </mat-radio-group>\r\n                <mat-error align=\"start\"\r\n                           *ngIf=\"formGroup?.get('decision')?.touched && formGroup?.get('decision')?.hasError('required')\">\r\n                  *Required\r\n                </mat-error>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxLayout=\"column\" fxFlex=\"50%\" class=\"prutech-dynamic-input-wrapper\">\r\n              <mat-label class=\"label-top\">\r\n                <span>Comments<span *ngIf=\"isDecisionCommentsRequired\" class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n              </mat-label>\r\n              <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                <mat-select #trigger formControlName=\"{{reqDecisionReasonCtrlName}}\" [compareWith]=\"compareFn\">\r\n                  <mat-option *ngFor=\"let selection of commentsLookup | async\" [value]=\"selection\">\r\n                    {{ selection?.displayValue }}\r\n                  </mat-option>\r\n                </mat-select>\r\n                <button mat-button\r\n                        *ngIf=\"formGroup?.get(reqDecisionReasonCtrlName)?.value && formGroup?.get(reqDecisionReasonCtrlName)?.enabled\"\r\n                        matSuffix\r\n                        mat-icon-button\r\n                        aria-label=\"Clear\"\r\n                        (click)=\"clear(formGroup?.get(reqDecisionReasonCtrlName));\">\r\n                  <mat-icon>close</mat-icon>\r\n                </button>\r\n                <mat-error align=\"start\"\r\n                           *ngIf=\"formGroup?.get(reqDecisionReasonCtrlName)?.touched && formGroup?.get(reqDecisionReasonCtrlName)?.hasError('required')\">\r\n                  *Required\r\n                </mat-error>\r\n              </mat-form-field>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n\r\n    </div>\r\n  </mat-card-content>\r\n  <prutech-form-footer [showExit]=\"false\" [showCancel]=\"true\" (onCancel)=\"cancel()\"\r\n                       [saveDisplayText]=\"saveButtonLabel\" [showSave]=\"showSaveButton\"\r\n                       [enableSave]=\"formGroup?.valid && showSaveButton\"\r\n                       [submitDisplayText]=\"submitButtonLabel\" [showSubmit]=\"showSubmitButton\"\r\n                       [enableSubmit]=\"formGroup?.valid\"\r\n                       [showCancelRequest]=\"showCancelRequestButton\" (onCancelRequest)=\"cancelRequest()\"\r\n                       (onSave)=\"save()\" (onSubmit)=\"submit()\"></prutech-form-footer>\r\n</mat-card>\r\n", styles: [""], components: [{ type: i2$2.LoaderComponent, selector: "prutech-loader" }, { type: i6$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6$2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i5$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6$3.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2$2.FormFooterComponent, selector: "prutech-form-footer", inputs: ["saveDisplayText", "submitDisplayText", "showExit", "showSave", "showSubmit", "showApprove", "showReject", "showClientServicesScreen", "showCancel", "showDelete", "showCancelRequest", "showPrintAssessment", "showBatchMailLetters", "enableSave", "enableSubmit", "enableApprove", "enableReject"], outputs: ["onExit", "onSave", "onSubmit", "onApprove", "onReject", "onCancel", "onDelete", "onCancelRequest", "onPrintAssessment", "onPrintApptLetters", "openClientServicesScreen"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { type: i6$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i6$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i6$1.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i7.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3$1.MatSuffix, selector: "[matSuffix]" }, { type: i2$2.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime"] }, { type: i7.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { type: i7.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i6$3.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }], pipes: { "async": i4$1.AsyncPipe, "date": i4$1.DatePipe, "supplCarefareDay": SupplCarfareDayFilter, "supplCarefareWeek": SupplCarfareWeekFilter }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SupplCarfareFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SupplCarfareFormComponent, selector: "lib-suppl-carfare-form", usesInheritance: true, ngImport: i0, template: "<prutech-loader *ngIf=\"loading | async\"></prutech-loader>\r\n<mat-card fxFlexFill class=\"prutech-card supplemental-carfare-form\">\r\n  <mat-card-content>\r\n    <mat-card-title>{{ isApproveMode ? 'Approve Supplemental Request' : (isViewMode ? 'View Supplemental Request' :\r\n      'Supplemental Request') }}\r\n    </mat-card-title>\r\n\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between start\">\r\n      <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Last, First Name</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.lastNameAndFirstName }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Case Number</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.caseNumber }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Individual Status</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.individualStatus }}</div>\r\n        </div>\r\n      </div>\r\n\r\n      <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Assignment Type</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.assignmentType }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Program Status</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.programStatus }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Assignment Start Date</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.programStart | date: dateFormat }}</div>\r\n        </div>\r\n      </div>\r\n\r\n      <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">EBT Carfare Date</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.ebtCarfareDate | date: dateFormat }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Hours Group</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.hourGroup }}</div>\r\n        </div>\r\n        <!--<div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n            <div fxFlex class=\"label\">Orientation Time</div>\r\n            <div fxFlex class=\"value\">{{ details?.orientationTime }}</div>\r\n        </div>-->\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Site</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.siteName }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"form-divider\"></div>\r\n\r\n    <div *ngIf=\"formGroup\" [formGroup]=\"formGroup\" class=\"prutech-dynamic-form-wrapper\">\r\n      <div fxLayout=\"row\" fxLayoutGap=\"2%\" fxFlexFill class=\"prutech-select-wrapper\">\r\n        <mat-label class=\"label\">\r\n          <span>Days paid before Program Start Date <span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n        </mat-label>\r\n        <mat-form-field fxFlex=\"25%\" class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n                        appearance=\"outline\">\r\n          <mat-select #trigger formControlName=\"paidDays\">\r\n            <mat-option *ngFor=\"let selection of noOfDaysLookup\" [value]=\"selection\">\r\n              {{ selection }}\r\n            </mat-option>\r\n          </mat-select>\r\n          <mat-error align=\"start\"\r\n                     *ngIf=\"formGroup?.get('paidDays')?.touched && formGroup?.get('paidDays')?.hasError('required')\">\r\n            *Required\r\n          </mat-error>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div fxLayout=\"row\" fxLayoutGap=\"2%\" fxFlexFill>\r\n        <div fxLayout=\"column\" fxFlex=\"59%\">\r\n          <mat-card-subtitle class=\"label-top\">Enter Type and Number of MetroCards given to the participant\r\n          </mat-card-subtitle>\r\n          <div fxLayout=\"row\" fxLayoutGap=\"2%\">\r\n            <div fxLayout=\"row\" fxFlex=\"50%\" class=\"prutech-dynamic-select-wrapper\">\r\n              <mat-label class=\"label\">\r\n                <span>Daily<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n              </mat-label>\r\n              <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n                              appearance=\"outline\">\r\n                <mat-select #trigger formControlName=\"{{dailyRequestedCtrlName}}\">\r\n                  <mat-option\r\n                    *ngFor=\"let selection of noOfDaysLookup | supplCarefareDay:formGroup?.get(weeklyRequestedCtrlName)?.value\"\r\n                    [value]=\"selection\">\r\n                    {{ selection }}\r\n                  </mat-option>\r\n                </mat-select>\r\n                <mat-error align=\"start\"\r\n                           *ngIf=\"formGroup?.get(dailyRequestedCtrlName)?.touched && formGroup?.get(dailyRequestedCtrlName)?.hasError('required')\">\r\n                  *Required\r\n                </mat-error>\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <div fxLayout=\"row\" fxFlex=\"50%\" class=\"prutech-dynamic-select-wrapper\">\r\n              <mat-label class=\"label\">\r\n                <span>Weekly<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n              </mat-label>\r\n              <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n                              appearance=\"outline\">\r\n                <mat-select #trigger formControlName=\"{{weeklyRequestedCtrlName}}\">\r\n                  <mat-option\r\n                    *ngFor=\"let selection of noOfWeeksLookup | supplCarefareWeek:formGroup?.get(dailyRequestedCtrlName)?.value\"\r\n                    [value]=\"selection\">\r\n                    {{ selection }}\r\n                  </mat-option>\r\n                </mat-select>\r\n                <mat-error align=\"start\"\r\n                           *ngIf=\"formGroup?.get(weeklyRequestedCtrlName)?.touched && formGroup?.get(weeklyRequestedCtrlName)?.hasError('required')\">\r\n                  *Required\r\n                </mat-error>\r\n              </mat-form-field>\r\n            </div>\r\n          </div>\r\n\r\n          <div fxLayout=\"row\" fxFlexFill fxLayoutGap=\"2%\">\r\n            <div fxLayout=\"column\" fxFlex=\"49%\">\r\n              <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n                <mat-label class=\"label-top\">\r\n                  <span>Supplemental Request<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n                </mat-label>\r\n                <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                  <input type=\"number\" #elementInput matInput formControlName=\"{{suppleAmtRequestedCtrlName}}\"/>\r\n                  <span matSuffix>$68.00 max</span>\r\n                  <mat-error align=\"start\"\r\n                             *ngIf=\"formGroup?.get(suppleAmtRequestedCtrlName)?.touched && formGroup?.get(suppleAmtRequestedCtrlName)?.hasError('required')\">\r\n                    *Required\r\n                  </mat-error>\r\n                </mat-form-field>\r\n              </div>\r\n\r\n              <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n                <mat-label class=\"label-top\">\r\n                  <span>Contact Person<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n                </mat-label>\r\n                <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                  <input #elementInput matInput formControlName=\"{{contactPersonCtrlName}}\"/>\r\n                  <mat-error align=\"start\"\r\n                             *ngIf=\"formGroup?.get(contactPersonCtrlName)?.touched && formGroup?.get(contactPersonCtrlName)?.hasError('required')\">\r\n                    *Required\r\n                  </mat-error>\r\n                </mat-form-field>\r\n              </div>\r\n\r\n              <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n                <mat-label class=\"label-top\">\r\n                  <span>Contact Phone<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n                </mat-label>\r\n                <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                  <input mask=\"(000) 000-0000\" #elementInput matInput formControlName=\"{{contactPhoneCtrlName}}\"/>\r\n                  <mat-error align=\"start\"\r\n                             *ngIf=\"formGroup?.get(contactPhoneCtrlName)?.touched && formGroup?.get(contactPhoneCtrlName)?.hasError('required')\">\r\n                    *Required\r\n                  </mat-error>\r\n                </mat-form-field>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxLayout=\"column\" fxFlex=\"49%\" class=\"prutech-dynamic-input-wrapper\">\r\n              <mat-label class=\"label-top\">\r\n                <span>Comments<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n              </mat-label>\r\n              <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                <textarea #elementInput matInput formControlName=\"comments\" [rows]=\"5\"></textarea>\r\n                <mat-error align=\"start\"\r\n                           *ngIf=\"formGroup?.get('comments')?.touched && formGroup?.get('comments')?.hasError('required')\">\r\n                  *Required\r\n                </mat-error>\r\n              </mat-form-field>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div fxLayout=\"column\" fxFlex=\"39%\">\r\n          <mat-card-subtitle>Carfare History</mat-card-subtitle>\r\n          <div fxLayout=\"column\" fxLayoutGap=\"15px\" formArrayName=\"{{carFareSuppReqMappingCtrlName}}\"\r\n               fxLayoutAlign=\"start stretch\"\r\n               *ngFor=\"let item of historyControls; let index=index\">\r\n            <div formGroupName=\"{{index}}\" fxLayout=\"column\">\r\n              <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\">\r\n                <div fxFlex=\"42%\" fxLayout=\"column\" class=\"prutech-dynamic-select-wrapper\">\r\n                  <mat-label class=\"label-top\">\r\n                    <span>Issuance Date<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n                  </mat-label>\r\n                  <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never' appearance=\"outline\">\r\n                    <mat-select #trigger formControlName=\"{{issuanceDateCtrlName}}\">\r\n                      <mat-option *ngFor=\"let selection of carfareHistory\" [value]=\"selection?.timeKeepingCarfareId\">\r\n                        {{ selection?.issuanceDate | date: dateFormat }}\r\n                      </mat-option>\r\n                    </mat-select>\r\n                    <mat-error align=\"start\"\r\n                               *ngIf=\"item.get(issuanceDateCtrlName).touched && item.get(issuanceDateCtrlName).hasError('required')\">\r\n                      *Required\r\n                    </mat-error>\r\n                    <mat-error align=\"start\"\r\n                               *ngIf=\"item.get(issuanceDateCtrlName).touched && item.get(issuanceDateCtrlName).hasError('invalidSelection')\">\r\n                      *Repeated Selection\r\n                    </mat-error>\r\n                  </mat-form-field>\r\n                </div>\r\n\r\n                <div fxFlex=\"42%\" fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n                  <mat-label class=\"label-top\"><span>Amount</span></mat-label>\r\n                  <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                    <input type=\"text\" #elementInput matInput formControlName=\"{{issuanceAmountCtrlName}}\"/>\r\n                  </mat-form-field>\r\n                </div>\r\n\r\n                <!--<mat-icon *ngIf=\"isRequestEditable\" class=\"material-icons-outlined\" color=\"primary\" (click)=\"addCarfareHistory()\">\r\n                  add_circle\r\n                </mat-icon>-->\r\n                <div fxFlex=\"10%\">\r\n                  <mat-icon *ngIf=\"isRequestEditable && index !== 0\" class=\"material-icons-outlined\" color=\"primary\"\r\n                            (click)=\"removeCarfareHistory(index)\">remove_circle\r\n                  </mat-icon>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div style=\"{ padding-top: 20px }\" fxLayout=\"row\" *ngIf=\"isRequestEditable\">\r\n            <!--            <button mat-raised-button color=\"primary\" (click)=\"test()\">Upload Police Report</button>-->\r\n            <mat-icon class=\"material-icons-outlined\" color=\"primary\" (click)=\"addCarfareHistory()\">\r\n              add_circle\r\n            </mat-icon>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n      <ng-container *ngIf=\"isApproveMode || isReviewMode\">\r\n        <div class=\"form-divider\" fxFlexFill></div>\r\n        <mat-card-title fxFlexFill>HRA Review</mat-card-title>\r\n\r\n        <div fxLayout=\"row\" fxFlexFill fxLayoutGap=\"2%\">\r\n          <div fxLayout=\"column\" fxFlex=\"49%\">\r\n            <mat-label class=\"label-top\">Enter Type and Number of MetroCards given to the participant\r\n            </mat-label>\r\n\r\n            <div fxLayout=\"row\" fxLayoutGap=\"2%\">\r\n              <div fxLayout=\"row\" fxFlex=\"49%\" class=\"prutech-dynamic-select-wrapper\">\r\n                <mat-label class=\"label\">\r\n                  <span>Daily</span>\r\n                </mat-label>\r\n                <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n                                appearance=\"outline\">\r\n                  <mat-select #trigger formControlName=\"{{dailyApprovedCtrlName}}\">\r\n                    <mat-option\r\n                      *ngFor=\"let selection of noOfDaysLookup | supplCarefareDay:formGroup?.get(weeklyApprovedCtrlName)?.value\"\r\n                      [value]=\"selection\">\r\n                      {{ selection }}\r\n                    </mat-option>\r\n                  </mat-select>\r\n                  <mat-error align=\"start\"\r\n                             *ngIf=\"formGroup?.get(dailyApprovedCtrlName)?.touched && formGroup?.get(dailyApprovedCtrlName)?.hasError('required')\">\r\n                    *Required\r\n                  </mat-error>\r\n                </mat-form-field>\r\n              </div>\r\n\r\n              <div fxLayout=\"row\" fxFlex=\"49%\" class=\"prutech-dynamic-select-wrapper\">\r\n                <mat-label class=\"label\">\r\n                  <span>Weekly</span>\r\n                </mat-label>\r\n                <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n                                appearance=\"outline\">\r\n                  <mat-select #trigger formControlName=\"{{weeklyApprovedCtrlName}}\">\r\n                    <mat-option\r\n                      *ngFor=\"let selection of noOfWeeksLookup | supplCarefareWeek:formGroup?.get(dailyApprovedCtrlName)?.value\"\r\n                      [value]=\"selection\">\r\n                      {{ selection }}\r\n                    </mat-option>\r\n                  </mat-select>\r\n                  <mat-error align=\"start\"\r\n                             *ngIf=\"formGroup?.get(weeklyApprovedCtrlName)?.touched && formGroup?.get(weeklyApprovedCtrlName)?.hasError('required')\">\r\n                    *Required\r\n                  </mat-error>\r\n                </mat-form-field>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n              <mat-label class=\"label-top\">\r\n                <span>Amount Approved<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n              </mat-label>\r\n              <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                <input type=\"number\" #elementInput matInput formControlName=\"{{suppleAmtApprovedCtrlName}}\"/>\r\n                <span matSuffix>$68.00 max</span>\r\n                <mat-error align=\"start\"\r\n                           *ngIf=\"formGroup?.get(suppleAmtApprovedCtrlName)?.touched && formGroup?.get(suppleAmtApprovedCtrlName)?.hasError('required')\">\r\n                  *Required\r\n                </mat-error>\r\n              </mat-form-field>\r\n            </div>\r\n          </div>\r\n          <div fxLayout=\"column\" fxFlex=\"49%\">\r\n            <div fxLayout=\"column\" fxFlex=\"50%\" class=\"prutech-dynamic-input-wrapper\">\r\n              <mat-label class=\"label-top\">\r\n                <span>Decision<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n              </mat-label>\r\n              <div fxLayout=\"column\">\r\n                <mat-radio-group formControlName=\"decision\" class=\"prutech-dynamic-radio-button-group\">\r\n                  <mat-radio-button class=\"prutech-dynamic-radio-button\"\r\n                                    *ngFor=\"let selection of selections\" [value]=\"selection.lookupId\">{{\r\n                    selection?.displayValue }}\r\n                  </mat-radio-button>\r\n                </mat-radio-group>\r\n                <mat-error align=\"start\"\r\n                           *ngIf=\"formGroup?.get('decision')?.touched && formGroup?.get('decision')?.hasError('required')\">\r\n                  *Required\r\n                </mat-error>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxLayout=\"column\" fxFlex=\"50%\" class=\"prutech-dynamic-input-wrapper\">\r\n              <mat-label class=\"label-top\">\r\n                <span>Comments<span *ngIf=\"isDecisionCommentsRequired\" class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n              </mat-label>\r\n              <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                <mat-select #trigger formControlName=\"{{reqDecisionReasonCtrlName}}\" [compareWith]=\"compareFn\">\r\n                  <mat-option *ngFor=\"let selection of commentsLookup | async\" [value]=\"selection\">\r\n                    {{ selection?.displayValue }}\r\n                  </mat-option>\r\n                </mat-select>\r\n                <button mat-button\r\n                        *ngIf=\"formGroup?.get(reqDecisionReasonCtrlName)?.value && formGroup?.get(reqDecisionReasonCtrlName)?.enabled\"\r\n                        matSuffix\r\n                        mat-icon-button\r\n                        aria-label=\"Clear\"\r\n                        (click)=\"clear(formGroup?.get(reqDecisionReasonCtrlName));\">\r\n                  <mat-icon>close</mat-icon>\r\n                </button>\r\n                <mat-error align=\"start\"\r\n                           *ngIf=\"formGroup?.get(reqDecisionReasonCtrlName)?.touched && formGroup?.get(reqDecisionReasonCtrlName)?.hasError('required')\">\r\n                  *Required\r\n                </mat-error>\r\n              </mat-form-field>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n\r\n    </div>\r\n  </mat-card-content>\r\n  <prutech-form-footer [showExit]=\"false\" [showCancel]=\"true\" (onCancel)=\"cancel()\"\r\n                       [saveDisplayText]=\"saveButtonLabel\" [showSave]=\"showSaveButton\"\r\n                       [enableSave]=\"formGroup?.valid && showSaveButton\"\r\n                       [submitDisplayText]=\"submitButtonLabel\" [showSubmit]=\"showSubmitButton\"\r\n                       [enableSubmit]=\"formGroup?.valid\"\r\n                       [showCancelRequest]=\"showCancelRequestButton\" (onCancelRequest)=\"cancelRequest()\"\r\n                       (onSave)=\"save()\" (onSubmit)=\"submit()\"></prutech-form-footer>\r\n</mat-card>\r\n", styles: [""], components: [{ type: i2$2.LoaderComponent, selector: "prutech-loader" }, { type: i6$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i11.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i12.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i5$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6$2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2$2.FormFooterComponent, selector: "prutech-form-footer", inputs: ["saveDisplayText", "submitDisplayText", "showExit", "showSave", "showSubmit", "showApprove", "showReject", "showClientServicesScreen", "showCancel", "showDelete", "showCancelRequest", "showPrintAssessment", "showBatchMailLetters", "enableSave", "enableSubmit", "enableApprove", "enableReject"], outputs: ["onExit", "onSave", "onSubmit", "onApprove", "onReject", "onCancel", "onDelete", "onCancelRequest", "onPrintAssessment", "onPrintApptLetters", "openClientServicesScreen"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { type: i6$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i6$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i6$1.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i7.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3$1.MatSuffix, selector: "[matSuffix]" }, { type: i2$2.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime"] }, { type: i7.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { type: i7.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i6$2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }], pipes: { "async": i4$1.AsyncPipe, "date": i4$1.DatePipe, "supplCarefareDay": SupplCarfareDayFilter, "supplCarefareWeek": SupplCarfareWeekFilter }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SupplCarfareFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-suppl-carfare-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<prutech-loader *ngIf=\"loading | async\"></prutech-loader>\r\n<mat-card fxFlexFill class=\"prutech-card supplemental-carfare-form\">\r\n  <mat-card-content>\r\n    <mat-card-title>{{ isApproveMode ? 'Approve Supplemental Request' : (isViewMode ? 'View Supplemental Request' :\r\n      'Supplemental Request') }}\r\n    </mat-card-title>\r\n\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between start\">\r\n      <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Last, First Name</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.lastNameAndFirstName }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Case Number</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.caseNumber }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Individual Status</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.individualStatus }}</div>\r\n        </div>\r\n      </div>\r\n\r\n      <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Assignment Type</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.assignmentType }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Program Status</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.programStatus }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Assignment Start Date</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.programStart | date: dateFormat }}</div>\r\n        </div>\r\n      </div>\r\n\r\n      <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">EBT Carfare Date</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.ebtCarfareDate | date: dateFormat }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Hours Group</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.hourGroup }}</div>\r\n        </div>\r\n        <!--<div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n            <div fxFlex class=\"label\">Orientation Time</div>\r\n            <div fxFlex class=\"value\">{{ details?.orientationTime }}</div>\r\n        </div>-->\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n          <div fxFlex class=\"label\">Site</div>\r\n          <div fxFlex class=\"value\">{{ participantInfo?.siteName }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"form-divider\"></div>\r\n\r\n    <div *ngIf=\"formGroup\" [formGroup]=\"formGroup\" class=\"prutech-dynamic-form-wrapper\">\r\n      <div fxLayout=\"row\" fxLayoutGap=\"2%\" fxFlexFill class=\"prutech-select-wrapper\">\r\n        <mat-label class=\"label\">\r\n          <span>Days paid before Program Start Date <span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n        </mat-label>\r\n        <mat-form-field fxFlex=\"25%\" class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n                        appearance=\"outline\">\r\n          <mat-select #trigger formControlName=\"paidDays\">\r\n            <mat-option *ngFor=\"let selection of noOfDaysLookup\" [value]=\"selection\">\r\n              {{ selection }}\r\n            </mat-option>\r\n          </mat-select>\r\n          <mat-error align=\"start\"\r\n                     *ngIf=\"formGroup?.get('paidDays')?.touched && formGroup?.get('paidDays')?.hasError('required')\">\r\n            *Required\r\n          </mat-error>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div fxLayout=\"row\" fxLayoutGap=\"2%\" fxFlexFill>\r\n        <div fxLayout=\"column\" fxFlex=\"59%\">\r\n          <mat-card-subtitle class=\"label-top\">Enter Type and Number of MetroCards given to the participant\r\n          </mat-card-subtitle>\r\n          <div fxLayout=\"row\" fxLayoutGap=\"2%\">\r\n            <div fxLayout=\"row\" fxFlex=\"50%\" class=\"prutech-dynamic-select-wrapper\">\r\n              <mat-label class=\"label\">\r\n                <span>Daily<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n              </mat-label>\r\n              <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n                              appearance=\"outline\">\r\n                <mat-select #trigger formControlName=\"{{dailyRequestedCtrlName}}\">\r\n                  <mat-option\r\n                    *ngFor=\"let selection of noOfDaysLookup | supplCarefareDay:formGroup?.get(weeklyRequestedCtrlName)?.value\"\r\n                    [value]=\"selection\">\r\n                    {{ selection }}\r\n                  </mat-option>\r\n                </mat-select>\r\n                <mat-error align=\"start\"\r\n                           *ngIf=\"formGroup?.get(dailyRequestedCtrlName)?.touched && formGroup?.get(dailyRequestedCtrlName)?.hasError('required')\">\r\n                  *Required\r\n                </mat-error>\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <div fxLayout=\"row\" fxFlex=\"50%\" class=\"prutech-dynamic-select-wrapper\">\r\n              <mat-label class=\"label\">\r\n                <span>Weekly<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n              </mat-label>\r\n              <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n                              appearance=\"outline\">\r\n                <mat-select #trigger formControlName=\"{{weeklyRequestedCtrlName}}\">\r\n                  <mat-option\r\n                    *ngFor=\"let selection of noOfWeeksLookup | supplCarefareWeek:formGroup?.get(dailyRequestedCtrlName)?.value\"\r\n                    [value]=\"selection\">\r\n                    {{ selection }}\r\n                  </mat-option>\r\n                </mat-select>\r\n                <mat-error align=\"start\"\r\n                           *ngIf=\"formGroup?.get(weeklyRequestedCtrlName)?.touched && formGroup?.get(weeklyRequestedCtrlName)?.hasError('required')\">\r\n                  *Required\r\n                </mat-error>\r\n              </mat-form-field>\r\n            </div>\r\n          </div>\r\n\r\n          <div fxLayout=\"row\" fxFlexFill fxLayoutGap=\"2%\">\r\n            <div fxLayout=\"column\" fxFlex=\"49%\">\r\n              <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n                <mat-label class=\"label-top\">\r\n                  <span>Supplemental Request<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n                </mat-label>\r\n                <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                  <input type=\"number\" #elementInput matInput formControlName=\"{{suppleAmtRequestedCtrlName}}\"/>\r\n                  <span matSuffix>$68.00 max</span>\r\n                  <mat-error align=\"start\"\r\n                             *ngIf=\"formGroup?.get(suppleAmtRequestedCtrlName)?.touched && formGroup?.get(suppleAmtRequestedCtrlName)?.hasError('required')\">\r\n                    *Required\r\n                  </mat-error>\r\n                </mat-form-field>\r\n              </div>\r\n\r\n              <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n                <mat-label class=\"label-top\">\r\n                  <span>Contact Person<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n                </mat-label>\r\n                <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                  <input #elementInput matInput formControlName=\"{{contactPersonCtrlName}}\"/>\r\n                  <mat-error align=\"start\"\r\n                             *ngIf=\"formGroup?.get(contactPersonCtrlName)?.touched && formGroup?.get(contactPersonCtrlName)?.hasError('required')\">\r\n                    *Required\r\n                  </mat-error>\r\n                </mat-form-field>\r\n              </div>\r\n\r\n              <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n                <mat-label class=\"label-top\">\r\n                  <span>Contact Phone<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n                </mat-label>\r\n                <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                  <input mask=\"(000) 000-0000\" #elementInput matInput formControlName=\"{{contactPhoneCtrlName}}\"/>\r\n                  <mat-error align=\"start\"\r\n                             *ngIf=\"formGroup?.get(contactPhoneCtrlName)?.touched && formGroup?.get(contactPhoneCtrlName)?.hasError('required')\">\r\n                    *Required\r\n                  </mat-error>\r\n                </mat-form-field>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxLayout=\"column\" fxFlex=\"49%\" class=\"prutech-dynamic-input-wrapper\">\r\n              <mat-label class=\"label-top\">\r\n                <span>Comments<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n              </mat-label>\r\n              <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                <textarea #elementInput matInput formControlName=\"comments\" [rows]=\"5\"></textarea>\r\n                <mat-error align=\"start\"\r\n                           *ngIf=\"formGroup?.get('comments')?.touched && formGroup?.get('comments')?.hasError('required')\">\r\n                  *Required\r\n                </mat-error>\r\n              </mat-form-field>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div fxLayout=\"column\" fxFlex=\"39%\">\r\n          <mat-card-subtitle>Carfare History</mat-card-subtitle>\r\n          <div fxLayout=\"column\" fxLayoutGap=\"15px\" formArrayName=\"{{carFareSuppReqMappingCtrlName}}\"\r\n               fxLayoutAlign=\"start stretch\"\r\n               *ngFor=\"let item of historyControls; let index=index\">\r\n            <div formGroupName=\"{{index}}\" fxLayout=\"column\">\r\n              <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\">\r\n                <div fxFlex=\"42%\" fxLayout=\"column\" class=\"prutech-dynamic-select-wrapper\">\r\n                  <mat-label class=\"label-top\">\r\n                    <span>Issuance Date<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n                  </mat-label>\r\n                  <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never' appearance=\"outline\">\r\n                    <mat-select #trigger formControlName=\"{{issuanceDateCtrlName}}\">\r\n                      <mat-option *ngFor=\"let selection of carfareHistory\" [value]=\"selection?.timeKeepingCarfareId\">\r\n                        {{ selection?.issuanceDate | date: dateFormat }}\r\n                      </mat-option>\r\n                    </mat-select>\r\n                    <mat-error align=\"start\"\r\n                               *ngIf=\"item.get(issuanceDateCtrlName).touched && item.get(issuanceDateCtrlName).hasError('required')\">\r\n                      *Required\r\n                    </mat-error>\r\n                    <mat-error align=\"start\"\r\n                               *ngIf=\"item.get(issuanceDateCtrlName).touched && item.get(issuanceDateCtrlName).hasError('invalidSelection')\">\r\n                      *Repeated Selection\r\n                    </mat-error>\r\n                  </mat-form-field>\r\n                </div>\r\n\r\n                <div fxFlex=\"42%\" fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n                  <mat-label class=\"label-top\"><span>Amount</span></mat-label>\r\n                  <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                    <input type=\"text\" #elementInput matInput formControlName=\"{{issuanceAmountCtrlName}}\"/>\r\n                  </mat-form-field>\r\n                </div>\r\n\r\n                <!--<mat-icon *ngIf=\"isRequestEditable\" class=\"material-icons-outlined\" color=\"primary\" (click)=\"addCarfareHistory()\">\r\n                  add_circle\r\n                </mat-icon>-->\r\n                <div fxFlex=\"10%\">\r\n                  <mat-icon *ngIf=\"isRequestEditable && index !== 0\" class=\"material-icons-outlined\" color=\"primary\"\r\n                            (click)=\"removeCarfareHistory(index)\">remove_circle\r\n                  </mat-icon>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div style=\"{ padding-top: 20px }\" fxLayout=\"row\" *ngIf=\"isRequestEditable\">\r\n            <!--            <button mat-raised-button color=\"primary\" (click)=\"test()\">Upload Police Report</button>-->\r\n            <mat-icon class=\"material-icons-outlined\" color=\"primary\" (click)=\"addCarfareHistory()\">\r\n              add_circle\r\n            </mat-icon>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n      <ng-container *ngIf=\"isApproveMode || isReviewMode\">\r\n        <div class=\"form-divider\" fxFlexFill></div>\r\n        <mat-card-title fxFlexFill>HRA Review</mat-card-title>\r\n\r\n        <div fxLayout=\"row\" fxFlexFill fxLayoutGap=\"2%\">\r\n          <div fxLayout=\"column\" fxFlex=\"49%\">\r\n            <mat-label class=\"label-top\">Enter Type and Number of MetroCards given to the participant\r\n            </mat-label>\r\n\r\n            <div fxLayout=\"row\" fxLayoutGap=\"2%\">\r\n              <div fxLayout=\"row\" fxFlex=\"49%\" class=\"prutech-dynamic-select-wrapper\">\r\n                <mat-label class=\"label\">\r\n                  <span>Daily</span>\r\n                </mat-label>\r\n                <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n                                appearance=\"outline\">\r\n                  <mat-select #trigger formControlName=\"{{dailyApprovedCtrlName}}\">\r\n                    <mat-option\r\n                      *ngFor=\"let selection of noOfDaysLookup | supplCarefareDay:formGroup?.get(weeklyApprovedCtrlName)?.value\"\r\n                      [value]=\"selection\">\r\n                      {{ selection }}\r\n                    </mat-option>\r\n                  </mat-select>\r\n                  <mat-error align=\"start\"\r\n                             *ngIf=\"formGroup?.get(dailyApprovedCtrlName)?.touched && formGroup?.get(dailyApprovedCtrlName)?.hasError('required')\">\r\n                    *Required\r\n                  </mat-error>\r\n                </mat-form-field>\r\n              </div>\r\n\r\n              <div fxLayout=\"row\" fxFlex=\"49%\" class=\"prutech-dynamic-select-wrapper\">\r\n                <mat-label class=\"label\">\r\n                  <span>Weekly</span>\r\n                </mat-label>\r\n                <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n                                appearance=\"outline\">\r\n                  <mat-select #trigger formControlName=\"{{weeklyApprovedCtrlName}}\">\r\n                    <mat-option\r\n                      *ngFor=\"let selection of noOfWeeksLookup | supplCarefareWeek:formGroup?.get(dailyApprovedCtrlName)?.value\"\r\n                      [value]=\"selection\">\r\n                      {{ selection }}\r\n                    </mat-option>\r\n                  </mat-select>\r\n                  <mat-error align=\"start\"\r\n                             *ngIf=\"formGroup?.get(weeklyApprovedCtrlName)?.touched && formGroup?.get(weeklyApprovedCtrlName)?.hasError('required')\">\r\n                    *Required\r\n                  </mat-error>\r\n                </mat-form-field>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n              <mat-label class=\"label-top\">\r\n                <span>Amount Approved<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n              </mat-label>\r\n              <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                <input type=\"number\" #elementInput matInput formControlName=\"{{suppleAmtApprovedCtrlName}}\"/>\r\n                <span matSuffix>$68.00 max</span>\r\n                <mat-error align=\"start\"\r\n                           *ngIf=\"formGroup?.get(suppleAmtApprovedCtrlName)?.touched && formGroup?.get(suppleAmtApprovedCtrlName)?.hasError('required')\">\r\n                  *Required\r\n                </mat-error>\r\n              </mat-form-field>\r\n            </div>\r\n          </div>\r\n          <div fxLayout=\"column\" fxFlex=\"49%\">\r\n            <div fxLayout=\"column\" fxFlex=\"50%\" class=\"prutech-dynamic-input-wrapper\">\r\n              <mat-label class=\"label-top\">\r\n                <span>Decision<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n              </mat-label>\r\n              <div fxLayout=\"column\">\r\n                <mat-radio-group formControlName=\"decision\" class=\"prutech-dynamic-radio-button-group\">\r\n                  <mat-radio-button class=\"prutech-dynamic-radio-button\"\r\n                                    *ngFor=\"let selection of selections\" [value]=\"selection.lookupId\">{{\r\n                    selection?.displayValue }}\r\n                  </mat-radio-button>\r\n                </mat-radio-group>\r\n                <mat-error align=\"start\"\r\n                           *ngIf=\"formGroup?.get('decision')?.touched && formGroup?.get('decision')?.hasError('required')\">\r\n                  *Required\r\n                </mat-error>\r\n              </div>\r\n            </div>\r\n\r\n            <div fxLayout=\"column\" fxFlex=\"50%\" class=\"prutech-dynamic-input-wrapper\">\r\n              <mat-label class=\"label-top\">\r\n                <span>Comments<span *ngIf=\"isDecisionCommentsRequired\" class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n              </mat-label>\r\n              <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n                <mat-select #trigger formControlName=\"{{reqDecisionReasonCtrlName}}\" [compareWith]=\"compareFn\">\r\n                  <mat-option *ngFor=\"let selection of commentsLookup | async\" [value]=\"selection\">\r\n                    {{ selection?.displayValue }}\r\n                  </mat-option>\r\n                </mat-select>\r\n                <button mat-button\r\n                        *ngIf=\"formGroup?.get(reqDecisionReasonCtrlName)?.value && formGroup?.get(reqDecisionReasonCtrlName)?.enabled\"\r\n                        matSuffix\r\n                        mat-icon-button\r\n                        aria-label=\"Clear\"\r\n                        (click)=\"clear(formGroup?.get(reqDecisionReasonCtrlName));\">\r\n                  <mat-icon>close</mat-icon>\r\n                </button>\r\n                <mat-error align=\"start\"\r\n                           *ngIf=\"formGroup?.get(reqDecisionReasonCtrlName)?.touched && formGroup?.get(reqDecisionReasonCtrlName)?.hasError('required')\">\r\n                  *Required\r\n                </mat-error>\r\n              </mat-form-field>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n\r\n    </div>\r\n  </mat-card-content>\r\n  <prutech-form-footer [showExit]=\"false\" [showCancel]=\"true\" (onCancel)=\"cancel()\"\r\n                       [saveDisplayText]=\"saveButtonLabel\" [showSave]=\"showSaveButton\"\r\n                       [enableSave]=\"formGroup?.valid && showSaveButton\"\r\n                       [submitDisplayText]=\"submitButtonLabel\" [showSubmit]=\"showSubmitButton\"\r\n                       [enableSubmit]=\"formGroup?.valid\"\r\n                       [showCancelRequest]=\"showCancelRequestButton\" (onCancelRequest)=\"cancelRequest()\"\r\n                       (onSave)=\"save()\" (onSubmit)=\"submit()\"></prutech-form-footer>\r\n</mat-card>\r\n", styles: [""] }]
@@ -24039,7 +24056,7 @@ class SevenHundredDNavComponent {
     }
 }
 SevenHundredDNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SevenHundredDNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SevenHundredDNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SevenHundredDNavComponent, selector: "prutech-seven-hundred-d-nav", inputs: { caseId: "caseId", navigationConfig: "navigationConfig", status: "status" }, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" class=\"side-nav\" *ngIf=\"navigationConfig\">\r\n  <div fxFlex fxLayout=\"row wrap\" fxLayoutAlign=\"start center\" fxFlexFill>\r\n    <div *ngIf=\"showText\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"side-nav-title\" fxFlexFill>\r\n      <div fxFlex class=\"side-nav-header\">Remote 700D</div>\r\n      <span>\r\n        <mat-icon matListIcon matTooltip=\"Collapse menu\" [matTooltipPosition]=\"'right'\" class=\"icon\" fontSet=\"fas\"\r\n                  fontIcon=\"fa-chevron-circle-left\" (click)=\"toggleText()\"></mat-icon>\r\n      </span>\r\n    </div>\r\n    <span *ngIf=\"!showText\" class=\"arrow-left\" fxFlex=\"50px\">\r\n      <mat-icon matListIcon matTooltip=\"Expand menu\" [matTooltipPosition]=\"'left'\" class=\"icon\" fontSet=\"fas\"\r\n                fontIcon=\"fa-chevron-circle-right\" (click)=\"toggleText()\"></mat-icon>\r\n    </span>\r\n  </div>\r\n\r\n  <mat-accordion *ngIf=\"showText\" class=\"sub-title-header\" [multi]=\"true\" displayMode=\"flat\" fxFlexFill>\r\n    <ng-container *ngFor=\"let entity of navigationConfig; let i = index\">\r\n      <mat-expansion-panel *ngIf=\"isSubModuleShown( entity?.subModuleId )\"\r\n                           [disabled]=\"!isSubModuleEnabled( entity?.subModuleId )\"\r\n                           [expanded]=\"isExpanded( entity?.subModuleId )\" #header hideToggle=\"true\">\r\n        <mat-expansion-panel-header\r\n          [routerLink]=\"!!entity.route && isSubModuleEnabled( entity?.subModuleId )? [ '../', caseId, entity.route] : []\">\r\n          <mat-panel-title class=\"nav-title\">\r\n            <prutech-progress-icon\r\n              *ngIf=\"showErrorMessage( entity?.subModuleId )\"\r\n              [type]=\"getEntityStatus( entity?.subModuleId )\"\r\n              [errorMessages]=\"getErrorMessages( entity?.subModuleId, 1)\"\r\n            ></prutech-progress-icon>\r\n            <prutech-progress-icon\r\n              *ngIf=\"!showErrorMessage( entity?.subModuleId )\"\r\n              [type]=\"getEntityStatus( entity?.subModuleId )\"\r\n            ></prutech-progress-icon>\r\n            <span *ngIf=\"entity?.categories\">\r\n              {{entity.label}}\r\n            </span>\r\n            <span *ngIf=\"!entity?.categories\">\r\n              <span class=\"item-label\">{{ entity.label }}</span>\r\n            </span>\r\n          </mat-panel-title>\r\n          <mat-panel-description *ngIf=\"entity?.categories\">\r\n            <mat-icon *ngIf=\"header.expanded\">remove_circle_outline</mat-icon>\r\n            <mat-icon *ngIf=\"!header.expanded\">add_circle_outline</mat-icon>\r\n          </mat-panel-description>\r\n        </mat-expansion-panel-header>\r\n        <mat-nav-list fxFlex>\r\n          <ng-container *ngFor=\"let item of entity?.categories\">\r\n            <a mat-list-item href *ngIf=\"isPageShown(entity.subModuleId, item.pageId)\"\r\n               [disabled]=\"!isPageEnabled(entity.subModuleId, item.pageId)\" [routerLink]=\"[ '../', caseId, item.route]\"\r\n               [routerLinkActive]=\"['active']\" class=\"nav-item\">\r\n              <prutech-progress-icon\r\n                [type]=\"getPageStatus(entity.subModuleId, item.pageId)\"\r\n                [errorMessages]=\"getErrorMessages( entity.subModuleId, item?.pageId)\"\r\n              ></prutech-progress-icon>\r\n              <span class=\"item-label\">{{ item.label }}</span>\r\n            </a>\r\n          </ng-container>\r\n        </mat-nav-list>\r\n      </mat-expansion-panel>\r\n    </ng-container>\r\n  </mat-accordion>\r\n</div>\r\n", styles: [""], components: [{ type: i5$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2$4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i2$4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i2$2.ProgressIconComponent, selector: "prutech-progress-icon", inputs: ["type", "errorMessages", "adminType"] }, { type: i6$4.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: i6$4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { type: i6$4.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i9.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i2$4.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i2$4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i2$4.MatExpansionPanelDescription, selector: "mat-panel-description" }, { type: i1$2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SevenHundredDNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SevenHundredDNavComponent, selector: "prutech-seven-hundred-d-nav", inputs: { caseId: "caseId", navigationConfig: "navigationConfig", status: "status" }, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" class=\"side-nav\" *ngIf=\"navigationConfig\">\r\n  <div fxFlex fxLayout=\"row wrap\" fxLayoutAlign=\"start center\" fxFlexFill>\r\n    <div *ngIf=\"showText\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"side-nav-title\" fxFlexFill>\r\n      <div fxFlex class=\"side-nav-header\">Remote 700D</div>\r\n      <span>\r\n        <mat-icon matListIcon matTooltip=\"Collapse menu\" [matTooltipPosition]=\"'right'\" class=\"icon\" fontSet=\"fas\"\r\n                  fontIcon=\"fa-chevron-circle-left\" (click)=\"toggleText()\"></mat-icon>\r\n      </span>\r\n    </div>\r\n    <span *ngIf=\"!showText\" class=\"arrow-left\" fxFlex=\"50px\">\r\n      <mat-icon matListIcon matTooltip=\"Expand menu\" [matTooltipPosition]=\"'left'\" class=\"icon\" fontSet=\"fas\"\r\n                fontIcon=\"fa-chevron-circle-right\" (click)=\"toggleText()\"></mat-icon>\r\n    </span>\r\n  </div>\r\n\r\n  <mat-accordion *ngIf=\"showText\" class=\"sub-title-header\" [multi]=\"true\" displayMode=\"flat\" fxFlexFill>\r\n    <ng-container *ngFor=\"let entity of navigationConfig; let i = index\">\r\n      <mat-expansion-panel *ngIf=\"isSubModuleShown( entity?.subModuleId )\"\r\n                           [disabled]=\"!isSubModuleEnabled( entity?.subModuleId )\"\r\n                           [expanded]=\"isExpanded( entity?.subModuleId )\" #header hideToggle=\"true\">\r\n        <mat-expansion-panel-header\r\n          [routerLink]=\"!!entity.route && isSubModuleEnabled( entity?.subModuleId )? [ '../', caseId, entity.route] : []\">\r\n          <mat-panel-title class=\"nav-title\">\r\n            <prutech-progress-icon\r\n              *ngIf=\"showErrorMessage( entity?.subModuleId )\"\r\n              [type]=\"getEntityStatus( entity?.subModuleId )\"\r\n              [errorMessages]=\"getErrorMessages( entity?.subModuleId, 1)\"\r\n            ></prutech-progress-icon>\r\n            <prutech-progress-icon\r\n              *ngIf=\"!showErrorMessage( entity?.subModuleId )\"\r\n              [type]=\"getEntityStatus( entity?.subModuleId )\"\r\n            ></prutech-progress-icon>\r\n            <span *ngIf=\"entity?.categories\">\r\n              {{entity.label}}\r\n            </span>\r\n            <span *ngIf=\"!entity?.categories\">\r\n              <span class=\"item-label\">{{ entity.label }}</span>\r\n            </span>\r\n          </mat-panel-title>\r\n          <mat-panel-description *ngIf=\"entity?.categories\">\r\n            <mat-icon *ngIf=\"header.expanded\">remove_circle_outline</mat-icon>\r\n            <mat-icon *ngIf=\"!header.expanded\">add_circle_outline</mat-icon>\r\n          </mat-panel-description>\r\n        </mat-expansion-panel-header>\r\n        <mat-nav-list fxFlex>\r\n          <ng-container *ngFor=\"let item of entity?.categories\">\r\n            <a mat-list-item href *ngIf=\"isPageShown(entity.subModuleId, item.pageId)\"\r\n               [disabled]=\"!isPageEnabled(entity.subModuleId, item.pageId)\" [routerLink]=\"[ '../', caseId, item.route]\"\r\n               [routerLinkActive]=\"['active']\" class=\"nav-item\">\r\n              <prutech-progress-icon\r\n                [type]=\"getPageStatus(entity.subModuleId, item.pageId)\"\r\n                [errorMessages]=\"getErrorMessages( entity.subModuleId, item?.pageId)\"\r\n              ></prutech-progress-icon>\r\n              <span class=\"item-label\">{{ item.label }}</span>\r\n            </a>\r\n          </ng-container>\r\n        </mat-nav-list>\r\n      </mat-expansion-panel>\r\n    </ng-container>\r\n  </mat-accordion>\r\n</div>\r\n", styles: [""], components: [{ type: i5$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2$4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i2$4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i2$2.ProgressIconComponent, selector: "prutech-progress-icon", inputs: ["type", "errorMessages", "adminType"] }, { type: i6$3.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: i6$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { type: i6$3.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i9.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i2$4.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i2$4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i2$4.MatExpansionPanelDescription, selector: "mat-panel-description" }, { type: i1$2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SevenHundredDNavComponent, decorators: [{
             type: Component,
             args: [{ selector: 'prutech-seven-hundred-d-nav', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" class=\"side-nav\" *ngIf=\"navigationConfig\">\r\n  <div fxFlex fxLayout=\"row wrap\" fxLayoutAlign=\"start center\" fxFlexFill>\r\n    <div *ngIf=\"showText\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"side-nav-title\" fxFlexFill>\r\n      <div fxFlex class=\"side-nav-header\">Remote 700D</div>\r\n      <span>\r\n        <mat-icon matListIcon matTooltip=\"Collapse menu\" [matTooltipPosition]=\"'right'\" class=\"icon\" fontSet=\"fas\"\r\n                  fontIcon=\"fa-chevron-circle-left\" (click)=\"toggleText()\"></mat-icon>\r\n      </span>\r\n    </div>\r\n    <span *ngIf=\"!showText\" class=\"arrow-left\" fxFlex=\"50px\">\r\n      <mat-icon matListIcon matTooltip=\"Expand menu\" [matTooltipPosition]=\"'left'\" class=\"icon\" fontSet=\"fas\"\r\n                fontIcon=\"fa-chevron-circle-right\" (click)=\"toggleText()\"></mat-icon>\r\n    </span>\r\n  </div>\r\n\r\n  <mat-accordion *ngIf=\"showText\" class=\"sub-title-header\" [multi]=\"true\" displayMode=\"flat\" fxFlexFill>\r\n    <ng-container *ngFor=\"let entity of navigationConfig; let i = index\">\r\n      <mat-expansion-panel *ngIf=\"isSubModuleShown( entity?.subModuleId )\"\r\n                           [disabled]=\"!isSubModuleEnabled( entity?.subModuleId )\"\r\n                           [expanded]=\"isExpanded( entity?.subModuleId )\" #header hideToggle=\"true\">\r\n        <mat-expansion-panel-header\r\n          [routerLink]=\"!!entity.route && isSubModuleEnabled( entity?.subModuleId )? [ '../', caseId, entity.route] : []\">\r\n          <mat-panel-title class=\"nav-title\">\r\n            <prutech-progress-icon\r\n              *ngIf=\"showErrorMessage( entity?.subModuleId )\"\r\n              [type]=\"getEntityStatus( entity?.subModuleId )\"\r\n              [errorMessages]=\"getErrorMessages( entity?.subModuleId, 1)\"\r\n            ></prutech-progress-icon>\r\n            <prutech-progress-icon\r\n              *ngIf=\"!showErrorMessage( entity?.subModuleId )\"\r\n              [type]=\"getEntityStatus( entity?.subModuleId )\"\r\n            ></prutech-progress-icon>\r\n            <span *ngIf=\"entity?.categories\">\r\n              {{entity.label}}\r\n            </span>\r\n            <span *ngIf=\"!entity?.categories\">\r\n              <span class=\"item-label\">{{ entity.label }}</span>\r\n            </span>\r\n          </mat-panel-title>\r\n          <mat-panel-description *ngIf=\"entity?.categories\">\r\n            <mat-icon *ngIf=\"header.expanded\">remove_circle_outline</mat-icon>\r\n            <mat-icon *ngIf=\"!header.expanded\">add_circle_outline</mat-icon>\r\n          </mat-panel-description>\r\n        </mat-expansion-panel-header>\r\n        <mat-nav-list fxFlex>\r\n          <ng-container *ngFor=\"let item of entity?.categories\">\r\n            <a mat-list-item href *ngIf=\"isPageShown(entity.subModuleId, item.pageId)\"\r\n               [disabled]=\"!isPageEnabled(entity.subModuleId, item.pageId)\" [routerLink]=\"[ '../', caseId, item.route]\"\r\n               [routerLinkActive]=\"['active']\" class=\"nav-item\">\r\n              <prutech-progress-icon\r\n                [type]=\"getPageStatus(entity.subModuleId, item.pageId)\"\r\n                [errorMessages]=\"getErrorMessages( entity.subModuleId, item?.pageId)\"\r\n              ></prutech-progress-icon>\r\n              <span class=\"item-label\">{{ item.label }}</span>\r\n            </a>\r\n          </ng-container>\r\n        </mat-nav-list>\r\n      </mat-expansion-panel>\r\n    </ng-container>\r\n  </mat-accordion>\r\n</div>\r\n", styles: [""] }]
@@ -24428,7 +24445,7 @@ class CompletionByStudentComponent extends AbstractComponent {
     }
 }
 CompletionByStudentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CompletionByStudentComponent, deps: [{ token: i2$2.PtDynamicFormsService }, { token: i2$2.TabService }, { token: i0.ChangeDetectorRef }, { token: i1$2.ActivatedRoute }, { token: i1$1.MatDialog }, { token: SevenHundredDDetailsService }], target: i0.ɵɵFactoryTarget.Component });
-CompletionByStudentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CompletionByStudentComponent, selector: "prutech-completion-by-student", viewQueries: [{ propertyName: "trainingRelatedDynamicForm", first: true, predicate: ["trainingRelatedDynamicForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-card class=\"prutech-card seven-hundred-d-details\">\r\n  <mat-card-title><span>{{ completionByStudentTitle }}</span></mat-card-title>\r\n  <mat-card-content>\r\n    <!--first section-->\r\n    <div>\r\n      <div class=\"form-subtitle\">{{ trainingRelatedExpensesTitle }}</div>\r\n      <div>{{ trainingRelatedExpenses }}</div>\r\n      <div><b>Note:</b> {{ trainingRelatedExpensesNote }}</div>\r\n      <div class=\"prutech-vertical-form\">\r\n        <prutech-dynamic-forms class=\"prutech-vertical-form-content\"\r\n                               *ngIf=\"elements\"\r\n                               [elements]=\"elements\"\r\n                               (init)=\"initTrainingDynamicFormElements()\"\r\n                               #trainingRelatedDynamicForm>\r\n          <ng-template let-element ngFor [ngForOf]=\"elements\">\r\n            <ng-template let-control=\"control\" [tdDynamicFormsError]=\"element.name\">\r\n              <span *ngIf=\"control.touched || !control.pristine\">\r\n                <span *ngIf=\"control.hasError('required')\">Required</span>\r\n              </span>\r\n            </ng-template>\r\n          </ng-template>\r\n        </prutech-dynamic-forms>\r\n      </div>\r\n    </div>\r\n    <!--second section-->\r\n    <div>\r\n      <div class=\"form-subtitle\">{{ agreementToRecoveryTitle }}</div>\r\n      <div *ngIf=\"showAgreementCtrl\">\r\n        <mat-label class=\"label\">\r\n          <span>Choosing one of the following<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n        </mat-label>\r\n        <div class=\"prutech-dynamic-radio-button-group-wrapper\">\r\n          <div fxLayout=\"column\">\r\n            <mat-radio-group [formControl]=\"agreementControl\" [required]=\"true\"\r\n                             class=\"prutech-dynamic-radio-button-group\"\r\n                             fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n              <mat-radio-button class=\"prutech-dynamic-radio-button\"\r\n                                *ngFor=\"let selection of agreementSelections\"\r\n                                [value]=\"selection.value\">\r\n                {{ selection.displayText || selection }}\r\n              </mat-radio-button>\r\n            </mat-radio-group>\r\n            <div class=\"mat-form-field-subscript-wrapper\">\r\n              <mat-error>\r\n                <span *ngIf=\"agreementControl.touched || !agreementControl.pristine\">\r\n                  <span *ngIf=\"agreementControl.hasError('required')\">Required</span>\r\n                </span>\r\n              </mat-error>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!--third section-->\r\n    <div>\r\n      <div class=\"form-subtitle\">{{ noticeToCATitle }}</div>\r\n      <div>{{ noticeToCADescription }}</div>\r\n      <br/>\r\n      <div>{{ noticeToCADescription1 }}</div>\r\n    </div>\r\n    <!--fourth section-->\r\n    <div class=\"prutech-vertical-form\">\r\n      <div class=\"form-subtitle\">{{ authorizationTitle }}</div>\r\n      <div>{{ authorizationDescription }}</div>\r\n      <br/>\r\n      <div><b>{{ authorizationNote }}</b></div>\r\n      <br/>\r\n      <div class=\"prutech-vertical-form-content\">\r\n        <div class=\"prutech-dynamic-input-wrapper\" *ngIf=\"showApplicantNameCtrl\">\r\n          <mat-label class=\"label prutech-dynamic-radio-button-group-label\">\r\n            <span>{{ applicantNameCtrlLabel }}<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n          </mat-label>\r\n          <mat-form-field class=\"prutech-dynamic-input-field\"\r\n                          [appearance]=\"'outline'\">\r\n            <input\r\n              #elementInput\r\n              matInput\r\n              [formControl]=\"applicantNameControl\"\r\n              [placeholder]=\"applicantNameCtrlLabel\"\r\n              [type]=\"'input'\"\r\n              [required]=\"true\"/>\r\n          </mat-form-field>\r\n        </div>\r\n        <div class=\"d-flex prutech-dynamic-datepicker-wrapper\" *ngIf=\"showDateCtrl\">\r\n          <mat-label class=\"label\"><span>{{ dateCtrlLabel }}</span>\r\n          </mat-label>\r\n          <mat-form-field class=\"prutech-dynamic-datepicker-field mat-form-field-disabled\" [appearance]=\"'outline'\">\r\n            <input #elementInput\r\n                   matInput\r\n                   readonly\r\n                   [formControl]=\"dateControl\"\r\n                   [matDatepicker]=\"dynamicDatePicker\"\r\n                   [placeholder]=\"dateCtrlLabel\"\r\n                   [name]=\"dateCtrlLabel\"\r\n                   disabled/>\r\n            <mat-datepicker-toggle matSuffix [for]=\"dynamicDatePicker\"></mat-datepicker-toggle>\r\n            <mat-datepicker #dynamicDatePicker></mat-datepicker>\r\n          </mat-form-field>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </mat-card-content>\r\n  <prutech-form-footer [showSave]=\"true\" [showSubmit]=\"true\" [showExit]=\"true\"\r\n                       [enableSave]=\"isSaveEnabled\" [enableSubmit]=\"false\"\r\n                       (onExit)=\"exit()\" (onSave)=\"save()\" (onSubmit)=\"submit()\">\r\n  </prutech-form-footer>\r\n</mat-card>\r\n", styles: [""], components: [{ type: i6$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i2$2.PtDynamicFormsComponent, selector: "prutech-dynamic-forms", inputs: ["formControls", "elements"], outputs: ["init"] }, { type: i6$3.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i8.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i8.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i2$2.FormFooterComponent, selector: "prutech-form-footer", inputs: ["saveDisplayText", "submitDisplayText", "showExit", "showSave", "showSubmit", "showApprove", "showReject", "showClientServicesScreen", "showCancel", "showDelete", "showCancelRequest", "showPrintAssessment", "showBatchMailLetters", "enableSave", "enableSubmit", "enableApprove", "enableReject"], outputs: ["onExit", "onSave", "onSubmit", "onApprove", "onReject", "onCancel", "onDelete", "onCancelRequest", "onPrintAssessment", "onPrintApptLetters", "openClientServicesScreen"] }], directives: [{ type: i6$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i6$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$2.PtDynamicFormsErrorTemplateDirective, selector: "[tdDynamicFormsError]ng-template", inputs: ["tdDynamicFormsError"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6$3.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i8.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i3$1.MatSuffix, selector: "[matSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CompletionByStudentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CompletionByStudentComponent, selector: "prutech-completion-by-student", viewQueries: [{ propertyName: "trainingRelatedDynamicForm", first: true, predicate: ["trainingRelatedDynamicForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-card class=\"prutech-card seven-hundred-d-details\">\r\n  <mat-card-title><span>{{ completionByStudentTitle }}</span></mat-card-title>\r\n  <mat-card-content>\r\n    <!--first section-->\r\n    <div>\r\n      <div class=\"form-subtitle\">{{ trainingRelatedExpensesTitle }}</div>\r\n      <div>{{ trainingRelatedExpenses }}</div>\r\n      <div><b>Note:</b> {{ trainingRelatedExpensesNote }}</div>\r\n      <div class=\"prutech-vertical-form\">\r\n        <prutech-dynamic-forms class=\"prutech-vertical-form-content\"\r\n                               *ngIf=\"elements\"\r\n                               [elements]=\"elements\"\r\n                               (init)=\"initTrainingDynamicFormElements()\"\r\n                               #trainingRelatedDynamicForm>\r\n          <ng-template let-element ngFor [ngForOf]=\"elements\">\r\n            <ng-template let-control=\"control\" [tdDynamicFormsError]=\"element.name\">\r\n              <span *ngIf=\"control.touched || !control.pristine\">\r\n                <span *ngIf=\"control.hasError('required')\">Required</span>\r\n              </span>\r\n            </ng-template>\r\n          </ng-template>\r\n        </prutech-dynamic-forms>\r\n      </div>\r\n    </div>\r\n    <!--second section-->\r\n    <div>\r\n      <div class=\"form-subtitle\">{{ agreementToRecoveryTitle }}</div>\r\n      <div *ngIf=\"showAgreementCtrl\">\r\n        <mat-label class=\"label\">\r\n          <span>Choosing one of the following<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n        </mat-label>\r\n        <div class=\"prutech-dynamic-radio-button-group-wrapper\">\r\n          <div fxLayout=\"column\">\r\n            <mat-radio-group [formControl]=\"agreementControl\" [required]=\"true\"\r\n                             class=\"prutech-dynamic-radio-button-group\"\r\n                             fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n              <mat-radio-button class=\"prutech-dynamic-radio-button\"\r\n                                *ngFor=\"let selection of agreementSelections\"\r\n                                [value]=\"selection.value\">\r\n                {{ selection.displayText || selection }}\r\n              </mat-radio-button>\r\n            </mat-radio-group>\r\n            <div class=\"mat-form-field-subscript-wrapper\">\r\n              <mat-error>\r\n                <span *ngIf=\"agreementControl.touched || !agreementControl.pristine\">\r\n                  <span *ngIf=\"agreementControl.hasError('required')\">Required</span>\r\n                </span>\r\n              </mat-error>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!--third section-->\r\n    <div>\r\n      <div class=\"form-subtitle\">{{ noticeToCATitle }}</div>\r\n      <div>{{ noticeToCADescription }}</div>\r\n      <br/>\r\n      <div>{{ noticeToCADescription1 }}</div>\r\n    </div>\r\n    <!--fourth section-->\r\n    <div class=\"prutech-vertical-form\">\r\n      <div class=\"form-subtitle\">{{ authorizationTitle }}</div>\r\n      <div>{{ authorizationDescription }}</div>\r\n      <br/>\r\n      <div><b>{{ authorizationNote }}</b></div>\r\n      <br/>\r\n      <div class=\"prutech-vertical-form-content\">\r\n        <div class=\"prutech-dynamic-input-wrapper\" *ngIf=\"showApplicantNameCtrl\">\r\n          <mat-label class=\"label prutech-dynamic-radio-button-group-label\">\r\n            <span>{{ applicantNameCtrlLabel }}<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n          </mat-label>\r\n          <mat-form-field class=\"prutech-dynamic-input-field\"\r\n                          [appearance]=\"'outline'\">\r\n            <input\r\n              #elementInput\r\n              matInput\r\n              [formControl]=\"applicantNameControl\"\r\n              [placeholder]=\"applicantNameCtrlLabel\"\r\n              [type]=\"'input'\"\r\n              [required]=\"true\"/>\r\n          </mat-form-field>\r\n        </div>\r\n        <div class=\"d-flex prutech-dynamic-datepicker-wrapper\" *ngIf=\"showDateCtrl\">\r\n          <mat-label class=\"label\"><span>{{ dateCtrlLabel }}</span>\r\n          </mat-label>\r\n          <mat-form-field class=\"prutech-dynamic-datepicker-field mat-form-field-disabled\" [appearance]=\"'outline'\">\r\n            <input #elementInput\r\n                   matInput\r\n                   readonly\r\n                   [formControl]=\"dateControl\"\r\n                   [matDatepicker]=\"dynamicDatePicker\"\r\n                   [placeholder]=\"dateCtrlLabel\"\r\n                   [name]=\"dateCtrlLabel\"\r\n                   disabled/>\r\n            <mat-datepicker-toggle matSuffix [for]=\"dynamicDatePicker\"></mat-datepicker-toggle>\r\n            <mat-datepicker #dynamicDatePicker></mat-datepicker>\r\n          </mat-form-field>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </mat-card-content>\r\n  <prutech-form-footer [showSave]=\"true\" [showSubmit]=\"true\" [showExit]=\"true\"\r\n                       [enableSave]=\"isSaveEnabled\" [enableSubmit]=\"false\"\r\n                       (onExit)=\"exit()\" (onSave)=\"save()\" (onSubmit)=\"submit()\">\r\n  </prutech-form-footer>\r\n</mat-card>\r\n", styles: [""], components: [{ type: i6$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i2$2.PtDynamicFormsComponent, selector: "prutech-dynamic-forms", inputs: ["formControls", "elements"], outputs: ["init"] }, { type: i6$2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i8.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i8.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i2$2.FormFooterComponent, selector: "prutech-form-footer", inputs: ["saveDisplayText", "submitDisplayText", "showExit", "showSave", "showSubmit", "showApprove", "showReject", "showClientServicesScreen", "showCancel", "showDelete", "showCancelRequest", "showPrintAssessment", "showBatchMailLetters", "enableSave", "enableSubmit", "enableApprove", "enableReject"], outputs: ["onExit", "onSave", "onSubmit", "onApprove", "onReject", "onCancel", "onDelete", "onCancelRequest", "onPrintAssessment", "onPrintApptLetters", "openClientServicesScreen"] }], directives: [{ type: i6$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i6$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$2.PtDynamicFormsErrorTemplateDirective, selector: "[tdDynamicFormsError]ng-template", inputs: ["tdDynamicFormsError"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6$2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i8.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i3$1.MatSuffix, selector: "[matSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CompletionByStudentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'prutech-completion-by-student', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card class=\"prutech-card seven-hundred-d-details\">\r\n  <mat-card-title><span>{{ completionByStudentTitle }}</span></mat-card-title>\r\n  <mat-card-content>\r\n    <!--first section-->\r\n    <div>\r\n      <div class=\"form-subtitle\">{{ trainingRelatedExpensesTitle }}</div>\r\n      <div>{{ trainingRelatedExpenses }}</div>\r\n      <div><b>Note:</b> {{ trainingRelatedExpensesNote }}</div>\r\n      <div class=\"prutech-vertical-form\">\r\n        <prutech-dynamic-forms class=\"prutech-vertical-form-content\"\r\n                               *ngIf=\"elements\"\r\n                               [elements]=\"elements\"\r\n                               (init)=\"initTrainingDynamicFormElements()\"\r\n                               #trainingRelatedDynamicForm>\r\n          <ng-template let-element ngFor [ngForOf]=\"elements\">\r\n            <ng-template let-control=\"control\" [tdDynamicFormsError]=\"element.name\">\r\n              <span *ngIf=\"control.touched || !control.pristine\">\r\n                <span *ngIf=\"control.hasError('required')\">Required</span>\r\n              </span>\r\n            </ng-template>\r\n          </ng-template>\r\n        </prutech-dynamic-forms>\r\n      </div>\r\n    </div>\r\n    <!--second section-->\r\n    <div>\r\n      <div class=\"form-subtitle\">{{ agreementToRecoveryTitle }}</div>\r\n      <div *ngIf=\"showAgreementCtrl\">\r\n        <mat-label class=\"label\">\r\n          <span>Choosing one of the following<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n        </mat-label>\r\n        <div class=\"prutech-dynamic-radio-button-group-wrapper\">\r\n          <div fxLayout=\"column\">\r\n            <mat-radio-group [formControl]=\"agreementControl\" [required]=\"true\"\r\n                             class=\"prutech-dynamic-radio-button-group\"\r\n                             fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n              <mat-radio-button class=\"prutech-dynamic-radio-button\"\r\n                                *ngFor=\"let selection of agreementSelections\"\r\n                                [value]=\"selection.value\">\r\n                {{ selection.displayText || selection }}\r\n              </mat-radio-button>\r\n            </mat-radio-group>\r\n            <div class=\"mat-form-field-subscript-wrapper\">\r\n              <mat-error>\r\n                <span *ngIf=\"agreementControl.touched || !agreementControl.pristine\">\r\n                  <span *ngIf=\"agreementControl.hasError('required')\">Required</span>\r\n                </span>\r\n              </mat-error>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!--third section-->\r\n    <div>\r\n      <div class=\"form-subtitle\">{{ noticeToCATitle }}</div>\r\n      <div>{{ noticeToCADescription }}</div>\r\n      <br/>\r\n      <div>{{ noticeToCADescription1 }}</div>\r\n    </div>\r\n    <!--fourth section-->\r\n    <div class=\"prutech-vertical-form\">\r\n      <div class=\"form-subtitle\">{{ authorizationTitle }}</div>\r\n      <div>{{ authorizationDescription }}</div>\r\n      <br/>\r\n      <div><b>{{ authorizationNote }}</b></div>\r\n      <br/>\r\n      <div class=\"prutech-vertical-form-content\">\r\n        <div class=\"prutech-dynamic-input-wrapper\" *ngIf=\"showApplicantNameCtrl\">\r\n          <mat-label class=\"label prutech-dynamic-radio-button-group-label\">\r\n            <span>{{ applicantNameCtrlLabel }}<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n          </mat-label>\r\n          <mat-form-field class=\"prutech-dynamic-input-field\"\r\n                          [appearance]=\"'outline'\">\r\n            <input\r\n              #elementInput\r\n              matInput\r\n              [formControl]=\"applicantNameControl\"\r\n              [placeholder]=\"applicantNameCtrlLabel\"\r\n              [type]=\"'input'\"\r\n              [required]=\"true\"/>\r\n          </mat-form-field>\r\n        </div>\r\n        <div class=\"d-flex prutech-dynamic-datepicker-wrapper\" *ngIf=\"showDateCtrl\">\r\n          <mat-label class=\"label\"><span>{{ dateCtrlLabel }}</span>\r\n          </mat-label>\r\n          <mat-form-field class=\"prutech-dynamic-datepicker-field mat-form-field-disabled\" [appearance]=\"'outline'\">\r\n            <input #elementInput\r\n                   matInput\r\n                   readonly\r\n                   [formControl]=\"dateControl\"\r\n                   [matDatepicker]=\"dynamicDatePicker\"\r\n                   [placeholder]=\"dateCtrlLabel\"\r\n                   [name]=\"dateCtrlLabel\"\r\n                   disabled/>\r\n            <mat-datepicker-toggle matSuffix [for]=\"dynamicDatePicker\"></mat-datepicker-toggle>\r\n            <mat-datepicker #dynamicDatePicker></mat-datepicker>\r\n          </mat-form-field>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </mat-card-content>\r\n  <prutech-form-footer [showSave]=\"true\" [showSubmit]=\"true\" [showExit]=\"true\"\r\n                       [enableSave]=\"isSaveEnabled\" [enableSubmit]=\"false\"\r\n                       (onExit)=\"exit()\" (onSave)=\"save()\" (onSubmit)=\"submit()\">\r\n  </prutech-form-footer>\r\n</mat-card>\r\n", styles: [""] }]
@@ -26698,7 +26715,7 @@ class ActionDialogComponent extends AbstractComponent {
     }
 }
 ActionDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionDialogComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-ActionDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ActionDialogComponent, selector: "prutech-isar-action-dialog", usesInheritance: true, ngImport: i0, template: "<prutech-dialog-box class=\"prutech-dialog-box\">\r\n  <div class=\"header\">Update Status</div>\r\n  <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n    <mat-label>Select Status\r\n      <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n    </mat-label>\r\n    <mat-form-field class=\"prutech-dynamic-select-field\"\r\n                    [appearance]=\"'outline'\"\r\n                    [floatLabel]=\"'auto'\">\r\n      <mat-select #status\r\n                  [formControl]=\"statusCtrl\"\r\n                  [placeholder]=\"'Update Status'\"\r\n                  [required]=\"true\">\r\n        <mat-option *ngFor=\"let selection of selections\"\r\n                    [value]=\"selection\">\r\n          {{ selection.displayText }}\r\n        </mat-option>\r\n      </mat-select>\r\n      <mat-error>\r\n        <span *ngIf=\"commentCtrl.touched || !commentCtrl.pristine\">\r\n          <span *ngIf=\"commentCtrl.hasError('required')\">Required</span>\r\n        </span>\r\n      </mat-error>\r\n    </mat-form-field>\r\n    <mat-label>Comments\r\n      <span class=\"prutech-dynamic-button-mandatory\" *ngIf=\"isRequired\">*</span>\r\n    </mat-label>\r\n    <mat-form-field appearance=\"outline\" floatLabel=\"auto\">\r\n      <textarea matInput\r\n                [formControl]=\"commentCtrl\"\r\n                placeholder=\"Comments\"\r\n                rows=\"5\"\r\n                [required]=\"isRequired\"\r\n      ></textarea>\r\n      <mat-error>\r\n        <span *ngIf=\"commentCtrl.touched || !commentCtrl.pristine\">\r\n          <span *ngIf=\"commentCtrl.hasError('required')\">Required</span>\r\n        </span>\r\n      </mat-error>\r\n    </mat-form-field>\r\n  </div>\r\n  <div class=\"dialogboxfooter\">\r\n    <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n    <button mat-flat-button\r\n            color=\"primary\"\r\n            (click)=\"closeModal(true)\"\r\n            [disabled]=\"isDisabled\">SUBMIT\r\n    </button>\r\n  </div>\r\n</prutech-dialog-box>\r\n", styles: [""], components: [{ type: i2$2.DialogBoxComponent, selector: "prutech-dialog-box" }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6$2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ActionDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ActionDialogComponent, selector: "prutech-isar-action-dialog", usesInheritance: true, ngImport: i0, template: "<prutech-dialog-box class=\"prutech-dialog-box\">\r\n  <div class=\"header\">Update Status</div>\r\n  <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n    <mat-label>Select Status\r\n      <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n    </mat-label>\r\n    <mat-form-field class=\"prutech-dynamic-select-field\"\r\n                    [appearance]=\"'outline'\"\r\n                    [floatLabel]=\"'auto'\">\r\n      <mat-select #status\r\n                  [formControl]=\"statusCtrl\"\r\n                  [placeholder]=\"'Update Status'\"\r\n                  [required]=\"true\">\r\n        <mat-option *ngFor=\"let selection of selections\"\r\n                    [value]=\"selection\">\r\n          {{ selection.displayText }}\r\n        </mat-option>\r\n      </mat-select>\r\n      <mat-error>\r\n        <span *ngIf=\"commentCtrl.touched || !commentCtrl.pristine\">\r\n          <span *ngIf=\"commentCtrl.hasError('required')\">Required</span>\r\n        </span>\r\n      </mat-error>\r\n    </mat-form-field>\r\n    <mat-label>Comments\r\n      <span class=\"prutech-dynamic-button-mandatory\" *ngIf=\"isRequired\">*</span>\r\n    </mat-label>\r\n    <mat-form-field appearance=\"outline\" floatLabel=\"auto\">\r\n      <textarea matInput\r\n                [formControl]=\"commentCtrl\"\r\n                placeholder=\"Comments\"\r\n                rows=\"5\"\r\n                [required]=\"isRequired\"\r\n      ></textarea>\r\n      <mat-error>\r\n        <span *ngIf=\"commentCtrl.touched || !commentCtrl.pristine\">\r\n          <span *ngIf=\"commentCtrl.hasError('required')\">Required</span>\r\n        </span>\r\n      </mat-error>\r\n    </mat-form-field>\r\n  </div>\r\n  <div class=\"dialogboxfooter\">\r\n    <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n    <button mat-flat-button\r\n            color=\"primary\"\r\n            (click)=\"closeModal(true)\"\r\n            [disabled]=\"isDisabled\">SUBMIT\r\n    </button>\r\n  </div>\r\n</prutech-dialog-box>\r\n", styles: [""], components: [{ type: i2$2.DialogBoxComponent, selector: "prutech-dialog-box" }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i11.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i12.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'prutech-isar-action-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<prutech-dialog-box class=\"prutech-dialog-box\">\r\n  <div class=\"header\">Update Status</div>\r\n  <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n    <mat-label>Select Status\r\n      <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n    </mat-label>\r\n    <mat-form-field class=\"prutech-dynamic-select-field\"\r\n                    [appearance]=\"'outline'\"\r\n                    [floatLabel]=\"'auto'\">\r\n      <mat-select #status\r\n                  [formControl]=\"statusCtrl\"\r\n                  [placeholder]=\"'Update Status'\"\r\n                  [required]=\"true\">\r\n        <mat-option *ngFor=\"let selection of selections\"\r\n                    [value]=\"selection\">\r\n          {{ selection.displayText }}\r\n        </mat-option>\r\n      </mat-select>\r\n      <mat-error>\r\n        <span *ngIf=\"commentCtrl.touched || !commentCtrl.pristine\">\r\n          <span *ngIf=\"commentCtrl.hasError('required')\">Required</span>\r\n        </span>\r\n      </mat-error>\r\n    </mat-form-field>\r\n    <mat-label>Comments\r\n      <span class=\"prutech-dynamic-button-mandatory\" *ngIf=\"isRequired\">*</span>\r\n    </mat-label>\r\n    <mat-form-field appearance=\"outline\" floatLabel=\"auto\">\r\n      <textarea matInput\r\n                [formControl]=\"commentCtrl\"\r\n                placeholder=\"Comments\"\r\n                rows=\"5\"\r\n                [required]=\"isRequired\"\r\n      ></textarea>\r\n      <mat-error>\r\n        <span *ngIf=\"commentCtrl.touched || !commentCtrl.pristine\">\r\n          <span *ngIf=\"commentCtrl.hasError('required')\">Required</span>\r\n        </span>\r\n      </mat-error>\r\n    </mat-form-field>\r\n  </div>\r\n  <div class=\"dialogboxfooter\">\r\n    <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n    <button mat-flat-button\r\n            color=\"primary\"\r\n            (click)=\"closeModal(true)\"\r\n            [disabled]=\"isDisabled\">SUBMIT\r\n    </button>\r\n  </div>\r\n</prutech-dialog-box>\r\n", styles: [""] }]
@@ -29099,7 +29116,7 @@ class AddAgencyDialogComponent extends AbstractComponent {
     }
 }
 AddAgencyDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AddAgencyDialogComponent, deps: [{ token: i1$1.MatDialogRef }, { token: i1$1.MatDialog }, { token: i0.ChangeDetectorRef }, { token: AgencyBlockListService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-AddAgencyDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AddAgencyDialogComponent, selector: "prutech-add-block-agency-dialog", usesInheritance: true, ngImport: i0, template: "<prutech-dialog-box class=\"prutech-dialog-box\">\r\n  <div class=\"header\">Add Agency</div>\r\n  <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n    <button mat-stroked-button color=\"primary\" (click)=\"openActiveAgencyList()\">SELECT AGENCY/SCHOOL</button>\r\n    <div *ngIf=\"selectedAgency\"><span>{{ selectedAgency.agencyOrSchool?.displayValue }}</span></div>\r\n    <mat-label>Reason for Blocking<span class=\"prutech-dynamic-button-mandatory\" *ngIf=\"required\">*</span></mat-label>\r\n    <mat-form-field appearance=\"outline\" floatLabel=\"auto\">\r\n      <mat-select #trigger\r\n                  [formControl]=\"reasonCtrl\"\r\n                  [placeholder]=\"reasonCtrlPlaceHolder\"\r\n                  [required]=\"required\"\r\n                  [compareWith]=\"compareFn\">\r\n        <mat-option *ngFor=\"let selection of lookups?.reasonForBlock\"\r\n                    [value]=\"selection\">\r\n          {{ selection?.displayValue }}\r\n        </mat-option>\r\n      </mat-select>\r\n      <mat-error>\r\n        <span *ngIf=\"reasonCtrl.touched || !reasonCtrl.pristine\">\r\n          <span *ngIf=\"reasonCtrl.hasError('required')\">Required</span>\r\n        </span>\r\n      </mat-error>\r\n    </mat-form-field>\r\n    <mat-label>Comments<span class=\"prutech-dynamic-button-mandatory\" *ngIf=\"required\">*</span></mat-label>\r\n    <mat-form-field appearance=\"outline\" floatLabel=\"auto\">\r\n      <textarea matInput\r\n                [formControl]=\"commentsCtrl\"\r\n                placeholder=\"Enter Comments\"\r\n                rows=\"5\"\r\n                [maxlength]=\"maxLength\"\r\n                [required]=\"required\"\r\n      ></textarea>\r\n      <mat-error>\r\n        <span *ngIf=\"commentsCtrl.touched || !commentsCtrl.pristine\">\r\n          <span *ngIf=\"commentsCtrl.hasError('required')\">Required</span>\r\n        </span>\r\n      </mat-error>\r\n    </mat-form-field>\r\n  </div>\r\n  <div class=\"dialogboxfooter\">\r\n    <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n    <button mat-flat-button\r\n            color=\"primary\"\r\n            (click)=\"closeModal(true)\"\r\n            [disabled]=\"isDisabled\">SUBMIT\r\n    </button>\r\n  </div>\r\n</prutech-dialog-box>\r\n", styles: [""], components: [{ type: i2$2.DialogBoxComponent, selector: "prutech-dialog-box" }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6$2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+AddAgencyDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AddAgencyDialogComponent, selector: "prutech-add-block-agency-dialog", usesInheritance: true, ngImport: i0, template: "<prutech-dialog-box class=\"prutech-dialog-box\">\r\n  <div class=\"header\">Add Agency</div>\r\n  <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n    <button mat-stroked-button color=\"primary\" (click)=\"openActiveAgencyList()\">SELECT AGENCY/SCHOOL</button>\r\n    <div *ngIf=\"selectedAgency\"><span>{{ selectedAgency.agencyOrSchool?.displayValue }}</span></div>\r\n    <mat-label>Reason for Blocking<span class=\"prutech-dynamic-button-mandatory\" *ngIf=\"required\">*</span></mat-label>\r\n    <mat-form-field appearance=\"outline\" floatLabel=\"auto\">\r\n      <mat-select #trigger\r\n                  [formControl]=\"reasonCtrl\"\r\n                  [placeholder]=\"reasonCtrlPlaceHolder\"\r\n                  [required]=\"required\"\r\n                  [compareWith]=\"compareFn\">\r\n        <mat-option *ngFor=\"let selection of lookups?.reasonForBlock\"\r\n                    [value]=\"selection\">\r\n          {{ selection?.displayValue }}\r\n        </mat-option>\r\n      </mat-select>\r\n      <mat-error>\r\n        <span *ngIf=\"reasonCtrl.touched || !reasonCtrl.pristine\">\r\n          <span *ngIf=\"reasonCtrl.hasError('required')\">Required</span>\r\n        </span>\r\n      </mat-error>\r\n    </mat-form-field>\r\n    <mat-label>Comments<span class=\"prutech-dynamic-button-mandatory\" *ngIf=\"required\">*</span></mat-label>\r\n    <mat-form-field appearance=\"outline\" floatLabel=\"auto\">\r\n      <textarea matInput\r\n                [formControl]=\"commentsCtrl\"\r\n                placeholder=\"Enter Comments\"\r\n                rows=\"5\"\r\n                [maxlength]=\"maxLength\"\r\n                [required]=\"required\"\r\n      ></textarea>\r\n      <mat-error>\r\n        <span *ngIf=\"commentsCtrl.touched || !commentsCtrl.pristine\">\r\n          <span *ngIf=\"commentsCtrl.hasError('required')\">Required</span>\r\n        </span>\r\n      </mat-error>\r\n    </mat-form-field>\r\n  </div>\r\n  <div class=\"dialogboxfooter\">\r\n    <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n    <button mat-flat-button\r\n            color=\"primary\"\r\n            (click)=\"closeModal(true)\"\r\n            [disabled]=\"isDisabled\">SUBMIT\r\n    </button>\r\n  </div>\r\n</prutech-dialog-box>\r\n", styles: [""], components: [{ type: i2$2.DialogBoxComponent, selector: "prutech-dialog-box" }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i11.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i12.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AddAgencyDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'prutech-add-block-agency-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<prutech-dialog-box class=\"prutech-dialog-box\">\r\n  <div class=\"header\">Add Agency</div>\r\n  <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n    <button mat-stroked-button color=\"primary\" (click)=\"openActiveAgencyList()\">SELECT AGENCY/SCHOOL</button>\r\n    <div *ngIf=\"selectedAgency\"><span>{{ selectedAgency.agencyOrSchool?.displayValue }}</span></div>\r\n    <mat-label>Reason for Blocking<span class=\"prutech-dynamic-button-mandatory\" *ngIf=\"required\">*</span></mat-label>\r\n    <mat-form-field appearance=\"outline\" floatLabel=\"auto\">\r\n      <mat-select #trigger\r\n                  [formControl]=\"reasonCtrl\"\r\n                  [placeholder]=\"reasonCtrlPlaceHolder\"\r\n                  [required]=\"required\"\r\n                  [compareWith]=\"compareFn\">\r\n        <mat-option *ngFor=\"let selection of lookups?.reasonForBlock\"\r\n                    [value]=\"selection\">\r\n          {{ selection?.displayValue }}\r\n        </mat-option>\r\n      </mat-select>\r\n      <mat-error>\r\n        <span *ngIf=\"reasonCtrl.touched || !reasonCtrl.pristine\">\r\n          <span *ngIf=\"reasonCtrl.hasError('required')\">Required</span>\r\n        </span>\r\n      </mat-error>\r\n    </mat-form-field>\r\n    <mat-label>Comments<span class=\"prutech-dynamic-button-mandatory\" *ngIf=\"required\">*</span></mat-label>\r\n    <mat-form-field appearance=\"outline\" floatLabel=\"auto\">\r\n      <textarea matInput\r\n                [formControl]=\"commentsCtrl\"\r\n                placeholder=\"Enter Comments\"\r\n                rows=\"5\"\r\n                [maxlength]=\"maxLength\"\r\n                [required]=\"required\"\r\n      ></textarea>\r\n      <mat-error>\r\n        <span *ngIf=\"commentsCtrl.touched || !commentsCtrl.pristine\">\r\n          <span *ngIf=\"commentsCtrl.hasError('required')\">Required</span>\r\n        </span>\r\n      </mat-error>\r\n    </mat-form-field>\r\n  </div>\r\n  <div class=\"dialogboxfooter\">\r\n    <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n    <button mat-flat-button\r\n            color=\"primary\"\r\n            (click)=\"closeModal(true)\"\r\n            [disabled]=\"isDisabled\">SUBMIT\r\n    </button>\r\n  </div>\r\n</prutech-dialog-box>\r\n", styles: [""] }]
@@ -30757,12 +30774,16 @@ class SubmitReassignModel$1 {
 }
 
 class UpdateStatusDialogboxComponent extends AbstractComponent {
-    constructor(dilogref, fb, data, lookupsService) {
+    constructor(dilogref, fb, dialog, data, lookupsService, userService, preNoiWorkListService) {
         super();
         this.dilogref = dilogref;
         this.fb = fb;
+        this.dialog = dialog;
         this.data = data;
         this.lookupsService = lookupsService;
+        this.userService = userService;
+        this.preNoiWorkListService = preNoiWorkListService;
+        this.rejectedGcg = 4;
         this.statusForm = this.fb.group({
             comments: [''],
             updateStatusId: ['', Validators.required],
@@ -30772,18 +30793,30 @@ class UpdateStatusDialogboxComponent extends AbstractComponent {
         this.lookupsService.dispatchLoadLookups(conciliationLookupsNameArray);
         this.loadingLookups = this.lookupsService.loadingLookups;
         this.lookupsService.lookups.pipe(takeUntil(this.componentDestroyed)).subscribe((lookups) => {
-            console.log(lookups);
             if (lookups) {
                 this.lookupData = lookups;
             }
         });
+        this.userService.user.pipe(takeUntil(this.componentDestroyed), filter$1((user) => !!user))
+            .subscribe((user) => {
+            this.user = user;
+        });
+        this.lookupsService.lookups.pipe(takeUntil(this.componentDestroyed))
+            .subscribe((lookups) => {
+            this.conciliationLookups = lookups;
+        });
     }
     closeModal(action) {
         const formValue = this.statusForm.get('updateStatusId').value;
         if (action) {
-            this.dilogref.close({
-                ...formValue,
-            });
+            if (formValue.lookupId == this.rejectedGcg) {
+                this.openGoodCauseGrantedDialog(get(this.data, 'preNoiworklist'));
+            }
+            else {
+                this.dilogref.close({
+                    ...formValue,
+                });
+            }
         }
         else {
             this.dilogref.close(undefined);
@@ -30792,16 +30825,94 @@ class UpdateStatusDialogboxComponent extends AbstractComponent {
     afterOnDestroy() {
         //
     }
+    openGoodCauseGrantedDialog(item) {
+        // Open the GoodCauseGrantedAction dialog
+        const dialogRef = this.dialog?.open(GoodCauseGrantedActionComponent, {
+            width: dialogSize$1,
+            disableClose: true,
+            data: {
+                conciliationLookups: get(this.data, 'conciliationLookups'),
+                isPreNOI: true
+            },
+        });
+        // After the first dialog closes
+        dialogRef.afterClosed().pipe(takeUntil(this.componentDestroyed)).subscribe((res) => {
+            // Check if res is valid and proceed with the second dialog
+            if (res) {
+                const letterDialogRef = this.dialog.open(GenerateFIA1187ALetterDialogboxComponent, {
+                    width: diaglogFormSize,
+                    disableClose: true,
+                    data: {},
+                });
+                // After the second dialog closes
+                letterDialogRef.afterClosed().pipe(takeUntil(this.componentDestroyed)).subscribe((letterTypeId) => {
+                    if (letterTypeId) {
+                        // Create the payload for the backend request
+                        const payload = new SavePreNoiStatusPayload({
+                            ...res,
+                            actionId: goodCauseGrantedActionId$1,
+                            wlPreNoiId: item?.wlPreNoiId,
+                            letterType: letterTypeId,
+                            assessmentId: get(item, 'eaepAssessmentId'),
+                            caseId: get(item, 'cmsCaseId'),
+                            infractionDate: get(item, 'infractionDate')
+                        });
+                        // Perform additional checks before dispatching to the backend
+                        if (get(item, 'infractedType.value.lookupId') === InfractionTypeEnum.FTRAppointment
+                            && ((get(item, 'infractedAt.value.lookupId') === InfractionAtEnum.CareerServices && this.user
+                                && (this.user.isJosWorker || this.user.isJosSupervisor || this.user.isOutStationWorker || this.user.isOutStationSupervisor))
+                                || (get(item, 'infractedAt.value.lookupId') === InfractionAtEnum.CareerAdvance && this.user
+                                    && (this.user.isJosWorker || this.user.isJosSupervisor || this.user.isOutStationWorker || this.user.isOutStationSupervisor)))) {
+                            // Open confirmation dialog
+                            this.openYesNoConfirmationDialog(payload, item);
+                        }
+                        else {
+                            // Dispatch the save status to backend
+                            this.preNoiWorkListService.dispatchSaveStatus(payload);
+                        }
+                    }
+                    // Close the first dialog after the second one is closed
+                    this.dilogref.close(undefined);
+                });
+            }
+        });
+    }
+    openYesNoConfirmationDialog(payload, item) {
+        const confirmDialogRef = this.dialog.open(YesNoConfirmationDialogComponent, {
+            width: dialogSize$1,
+            disableClose: true,
+            data: {
+                yesLabel: yesLabel$1,
+                noLabel: noLabel$1,
+                header: confirmHeader$1,
+                message: goodCauseConfirmMessage$1,
+            },
+        });
+        confirmDialogRef.afterClosed().pipe(takeUntil(this.componentDestroyed)).subscribe((res) => {
+            if (!!res) {
+                this.preNoiWorkListService.dispatchSaveStatus(new SavePreNoiStatusPayload({
+                    ...payload,
+                    confirmYesNo: true,
+                }));
+            }
+            else {
+                this.preNoiWorkListService.dispatchSaveStatus(new SavePreNoiStatusPayload({
+                    ...payload,
+                    confirmYesNo: false,
+                }));
+            }
+        });
+    }
 }
-UpdateStatusDialogboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UpdateStatusDialogboxComponent, deps: [{ token: i1$1.MatDialogRef }, { token: i7.FormBuilder }, { token: MAT_DIALOG_DATA }, { token: LookupsService }], target: i0.ɵɵFactoryTarget.Component });
-UpdateStatusDialogboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: UpdateStatusDialogboxComponent, selector: "lib-update-status-dialogbox", usesInheritance: true, ngImport: i0, template: "<prutech-loader *ngIf=\"(agencyRequestStatusDataLoading | async)\"></prutech-loader>\r\n<prutech-dialog-box>\r\n  <div class=\"header\">UPDATE STATUS</div>\r\n  <div class=\"body prutech-dialog-box-form\" [formGroup]=\"statusForm\" fxLayout=\"column\" fxLayoutGap=\"15px\">\r\n    <div fxLayout=\"column\" fxLayoutGap=\"5px\">\r\n      <label class=\"label\">Status<span class=\"required\">*</span></label>\r\n      <mat-form-field floatLabel='never' appearance=\"outline\">\r\n        <mat-select formControlName=\"updateStatusId\">\r\n          <mat-option *ngFor=\"let status of lookupData?.preNOIUpdateStatusLookup\" [value]=\"status\">{{status.displayValue}}\r\n          </mat-option>\r\n        </mat-select>\r\n        <mat-error align=\"start\" *ngIf=\"statusForm?.get('status')?.hasError('required')\"> Required</mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n\r\n  \r\n  </div>\r\n  <div class=\"dialogboxfooter\" fxLayoutGap=\"20px\">\r\n    <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n    <button mat-flat-button (click)=\"closeModal(true)\" [disabled]=\"!statusForm.valid\" color=\"primary\">\r\n      UPDATE STATUS\r\n    </button>\r\n  </div>\r\n</prutech-dialog-box>\r\n", styles: [""], components: [{ type: i2$2.LoaderComponent, selector: "prutech-loader" }, { type: i2$2.DialogBoxComponent, selector: "prutech-dialog-box" }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6$2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "async": i4$1.AsyncPipe } });
+UpdateStatusDialogboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UpdateStatusDialogboxComponent, deps: [{ token: i1$1.MatDialogRef }, { token: i7.FormBuilder }, { token: i1$1.MatDialog }, { token: MAT_DIALOG_DATA }, { token: LookupsService }, { token: i5$1.UserService }, { token: PreNoiWorkListService }], target: i0.ɵɵFactoryTarget.Component });
+UpdateStatusDialogboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: UpdateStatusDialogboxComponent, selector: "lib-update-status-dialogbox", usesInheritance: true, ngImport: i0, template: "<prutech-loader *ngIf=\"(agencyRequestStatusDataLoading | async)\"></prutech-loader>\r\n<prutech-dialog-box>\r\n  <div class=\"header\">UPDATE STATUS</div>\r\n  <div class=\"body prutech-dialog-box-form\" [formGroup]=\"statusForm\" fxLayout=\"column\" fxLayoutGap=\"15px\">\r\n    <div fxLayout=\"column\" fxLayoutGap=\"5px\">\r\n      <label class=\"label\">Status<span class=\"required\">*</span></label>\r\n      <mat-form-field floatLabel='never' appearance=\"outline\">\r\n        <mat-select formControlName=\"updateStatusId\">\r\n          <mat-option *ngFor=\"let status of lookupData?.preNOIUpdateStatusLookup\" [value]=\"status\">{{status.displayValue}}\r\n          </mat-option>\r\n        </mat-select>\r\n        <mat-error align=\"start\" *ngIf=\"statusForm?.get('status')?.hasError('required')\"> Required</mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n\r\n  \r\n  </div>\r\n  <div class=\"dialogboxfooter\" fxLayoutGap=\"20px\">\r\n    <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n    <button mat-flat-button (click)=\"closeModal(true)\" [disabled]=\"!statusForm.valid\" color=\"primary\">\r\n      UPDATE STATUS\r\n    </button>\r\n  </div>\r\n</prutech-dialog-box>\r\n", styles: [""], components: [{ type: i2$2.LoaderComponent, selector: "prutech-loader" }, { type: i2$2.DialogBoxComponent, selector: "prutech-dialog-box" }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i11.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i12.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "async": i4$1.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UpdateStatusDialogboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-update-status-dialogbox', template: "<prutech-loader *ngIf=\"(agencyRequestStatusDataLoading | async)\"></prutech-loader>\r\n<prutech-dialog-box>\r\n  <div class=\"header\">UPDATE STATUS</div>\r\n  <div class=\"body prutech-dialog-box-form\" [formGroup]=\"statusForm\" fxLayout=\"column\" fxLayoutGap=\"15px\">\r\n    <div fxLayout=\"column\" fxLayoutGap=\"5px\">\r\n      <label class=\"label\">Status<span class=\"required\">*</span></label>\r\n      <mat-form-field floatLabel='never' appearance=\"outline\">\r\n        <mat-select formControlName=\"updateStatusId\">\r\n          <mat-option *ngFor=\"let status of lookupData?.preNOIUpdateStatusLookup\" [value]=\"status\">{{status.displayValue}}\r\n          </mat-option>\r\n        </mat-select>\r\n        <mat-error align=\"start\" *ngIf=\"statusForm?.get('status')?.hasError('required')\"> Required</mat-error>\r\n      </mat-form-field>\r\n    </div>\r\n\r\n  \r\n  </div>\r\n  <div class=\"dialogboxfooter\" fxLayoutGap=\"20px\">\r\n    <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n    <button mat-flat-button (click)=\"closeModal(true)\" [disabled]=\"!statusForm.valid\" color=\"primary\">\r\n      UPDATE STATUS\r\n    </button>\r\n  </div>\r\n</prutech-dialog-box>\r\n", styles: [""] }]
-        }], ctorParameters: function () { return [{ type: i1$1.MatDialogRef }, { type: i7.FormBuilder }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialogRef }, { type: i7.FormBuilder }, { type: i1$1.MatDialog }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
-                }] }, { type: LookupsService }]; } });
+                }] }, { type: LookupsService }, { type: i5$1.UserService }, { type: PreNoiWorkListService }]; } });
 
 class SubmitUpdateStatusModel {
     constructor(data) {
@@ -30915,6 +31026,7 @@ class PreNoiContextMenuComponent extends AbstractComponent {
             disableClose: true,
             data: {
                 conciliationLookups: this.conciliationLookups,
+                preNoiworklist: item
             },
         });
         // tslint:disable-next-line:no-any
@@ -32058,7 +32170,7 @@ const menuItems = [
                 route: toString(reScheduleConferenceByPhoneActionId),
             },
             {
-                name: 'Re-assign Conference Category ',
+                name: 'Re-assign Responsible Program ',
                 route: toString(reAssignConferenceCategoryActionId),
             },
             {
@@ -32350,7 +32462,7 @@ class SaveOutreachModel {
 const reAssignFormModel = {
     editTemplate: [
         {
-            label: 'Please select a Conference Category',
+            label: 'Please select a Responsible Program',
             name: 'confCategoryId',
             type: PtDynamicElement.Select,
             flex: 100,
@@ -32434,10 +32546,10 @@ class ReAssignDailogboxComponent extends AbstractComponent {
     }
 }
 ReAssignDailogboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ReAssignDailogboxComponent, deps: [{ token: i1$1.MatDialogRef }, { token: i2$2.PtDynamicFormsService }, { token: MAT_DIALOG_DATA }, { token: LookupsService }], target: i0.ɵɵFactoryTarget.Component });
-ReAssignDailogboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ReAssignDailogboxComponent, selector: "lib-re-assign-dailogbox", viewQueries: [{ propertyName: "dynamicForm", first: true, predicate: ["dynamicForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<prutech-loader *ngIf=\"(loadingLookups | async) \"></prutech-loader>\r\n<prutech-dialog-box class=\"prutech-dialog-box\">\r\n    <div class=\"header\">Re Assign Conference Category</div>\r\n    <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n  \r\n      <prutech-dynamic-forms *ngIf=\"elements\" (init)=\"initDynamicFormElements()\" [elements]=\"elements\" #dynamicForm>\r\n        <ng-template let-element ngFor [ngForOf]=\"elements\">\r\n          <ng-template let-control=\"control\" [tdDynamicFormsError]=\"element.name\">\r\n            <span *ngIf=\"control.touched || !control.pristine\">\r\n              <span *ngIf=\"control.hasError('required')\">Required</span>\r\n              <span *ngIf=\"control.hasError('invalidSelection')\">Invalid Selection</span>\r\n            </span>\r\n          </ng-template>\r\n        </ng-template>\r\n      </prutech-dynamic-forms>\r\n    </div>\r\n    <div class=\"dialogboxfooter\">\r\n      <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n      <button mat-flat-button\r\n              color=\"primary\"\r\n              (click)=\"closeModal(true)\"\r\n              [disabled]=\"isDisabled\">SUBMIT\r\n      </button>\r\n    </div>\r\n  </prutech-dialog-box>\r\n  ", styles: [""], components: [{ type: i2$2.LoaderComponent, selector: "prutech-loader" }, { type: i2$2.DialogBoxComponent, selector: "prutech-dialog-box" }, { type: i2$2.PtDynamicFormsComponent, selector: "prutech-dynamic-forms", inputs: ["formControls", "elements"], outputs: ["init"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$2.PtDynamicFormsErrorTemplateDirective, selector: "[tdDynamicFormsError]ng-template", inputs: ["tdDynamicFormsError"] }], pipes: { "async": i4$1.AsyncPipe } });
+ReAssignDailogboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ReAssignDailogboxComponent, selector: "lib-re-assign-dailogbox", viewQueries: [{ propertyName: "dynamicForm", first: true, predicate: ["dynamicForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<prutech-loader *ngIf=\"(loadingLookups | async) \"></prutech-loader>\r\n<prutech-dialog-box class=\"prutech-dialog-box\">\r\n    <div class=\"header\">Re Assign Responsible Program</div>\r\n    <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n  \r\n      <prutech-dynamic-forms *ngIf=\"elements\" (init)=\"initDynamicFormElements()\" [elements]=\"elements\" #dynamicForm>\r\n        <ng-template let-element ngFor [ngForOf]=\"elements\">\r\n          <ng-template let-control=\"control\" [tdDynamicFormsError]=\"element.name\">\r\n            <span *ngIf=\"control.touched || !control.pristine\">\r\n              <span *ngIf=\"control.hasError('required')\">Required</span>\r\n              <span *ngIf=\"control.hasError('invalidSelection')\">Invalid Selection</span>\r\n            </span>\r\n          </ng-template>\r\n        </ng-template>\r\n      </prutech-dynamic-forms>\r\n    </div>\r\n    <div class=\"dialogboxfooter\">\r\n      <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n      <button mat-flat-button\r\n              color=\"primary\"\r\n              (click)=\"closeModal(true)\"\r\n              [disabled]=\"isDisabled\">SUBMIT\r\n      </button>\r\n    </div>\r\n  </prutech-dialog-box>\r\n  ", styles: [""], components: [{ type: i2$2.LoaderComponent, selector: "prutech-loader" }, { type: i2$2.DialogBoxComponent, selector: "prutech-dialog-box" }, { type: i2$2.PtDynamicFormsComponent, selector: "prutech-dynamic-forms", inputs: ["formControls", "elements"], outputs: ["init"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$2.PtDynamicFormsErrorTemplateDirective, selector: "[tdDynamicFormsError]ng-template", inputs: ["tdDynamicFormsError"] }], pipes: { "async": i4$1.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ReAssignDailogboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-re-assign-dailogbox', template: "<prutech-loader *ngIf=\"(loadingLookups | async) \"></prutech-loader>\r\n<prutech-dialog-box class=\"prutech-dialog-box\">\r\n    <div class=\"header\">Re Assign Conference Category</div>\r\n    <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n  \r\n      <prutech-dynamic-forms *ngIf=\"elements\" (init)=\"initDynamicFormElements()\" [elements]=\"elements\" #dynamicForm>\r\n        <ng-template let-element ngFor [ngForOf]=\"elements\">\r\n          <ng-template let-control=\"control\" [tdDynamicFormsError]=\"element.name\">\r\n            <span *ngIf=\"control.touched || !control.pristine\">\r\n              <span *ngIf=\"control.hasError('required')\">Required</span>\r\n              <span *ngIf=\"control.hasError('invalidSelection')\">Invalid Selection</span>\r\n            </span>\r\n          </ng-template>\r\n        </ng-template>\r\n      </prutech-dynamic-forms>\r\n    </div>\r\n    <div class=\"dialogboxfooter\">\r\n      <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n      <button mat-flat-button\r\n              color=\"primary\"\r\n              (click)=\"closeModal(true)\"\r\n              [disabled]=\"isDisabled\">SUBMIT\r\n      </button>\r\n    </div>\r\n  </prutech-dialog-box>\r\n  ", styles: [""] }]
+            args: [{ selector: 'lib-re-assign-dailogbox', template: "<prutech-loader *ngIf=\"(loadingLookups | async) \"></prutech-loader>\r\n<prutech-dialog-box class=\"prutech-dialog-box\">\r\n    <div class=\"header\">Re Assign Responsible Program</div>\r\n    <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n  \r\n      <prutech-dynamic-forms *ngIf=\"elements\" (init)=\"initDynamicFormElements()\" [elements]=\"elements\" #dynamicForm>\r\n        <ng-template let-element ngFor [ngForOf]=\"elements\">\r\n          <ng-template let-control=\"control\" [tdDynamicFormsError]=\"element.name\">\r\n            <span *ngIf=\"control.touched || !control.pristine\">\r\n              <span *ngIf=\"control.hasError('required')\">Required</span>\r\n              <span *ngIf=\"control.hasError('invalidSelection')\">Invalid Selection</span>\r\n            </span>\r\n          </ng-template>\r\n        </ng-template>\r\n      </prutech-dynamic-forms>\r\n    </div>\r\n    <div class=\"dialogboxfooter\">\r\n      <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n      <button mat-flat-button\r\n              color=\"primary\"\r\n              (click)=\"closeModal(true)\"\r\n              [disabled]=\"isDisabled\">SUBMIT\r\n      </button>\r\n    </div>\r\n  </prutech-dialog-box>\r\n  ", styles: [""] }]
         }], ctorParameters: function () { return [{ type: i1$1.MatDialogRef }, { type: i2$2.PtDynamicFormsService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]