@csmart/ngc-smart-victim 1.13.10 → 1.14.1

package/fesm2020/csmart-ngc-smart-victim.mjs

@@ -1,60 +1,60 @@
 import * as i1 from '@angular/common/http';
 import { HttpHeaders } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Inject, EventEmitter, Component, ViewEncapsulation, Output, Directive, HostListener, Input, ViewChild, NgModule } from '@angular/core';
+import { InjectionToken, Injectable, Inject, Component, Directive, HostListener, EventEmitter, Input, Output, ViewChild, ViewEncapsulation, NgModule } from '@angular/core';
 import { throwError } from 'rxjs';
 import { map, catchError } from 'rxjs/operators';
 import * as i2 from 'apollo-angular';
 import { ApolloModule } from 'apollo-angular';
-import * as i1$4 from '@angular/common';
+import * as i8$1 from '@angular/common';
 import { DatePipe, DOCUMENT, CommonModule } from '@angular/common';
-import * as i5$1 from '@angular/router';
+import * as i5 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i11$1 from '@angular/material/table';
 import { MatTableDataSource, MatTableModule } from '@angular/material/table';
 import { MatSort, MatSortModule } from '@angular/material/sort';
-import * as i1$3 from '@angular/material/dialog';
+import * as i1$1 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i6 from '@csmart/ngc-smart-core';
 import { AccessType, LoginStaffResolverService, SelectedOffenderResolverService, SmartErrorComponent, NgcSmartCoreModule } from '@csmart/ngc-smart-core';
-import * as i12$1 from '@angular/material/paginator';
+import * as i10$1 from '@angular/material/paginator';
 import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
 import * as i4 from '@angular/material/snack-bar';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
-import * as i1$1 from '@angular/material/expansion';
-import { MatExpansionModule } from '@angular/material/expansion';
-import * as i10 from '@angular/material/form-field';
-import * as i3 from '@angular/material/button';
+import * as i2$1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i1$2 from '@angular/forms';
-import { FormControl, Validators, FormGroup, ReactiveFormsModule, FormsModule } from '@angular/forms';
-import * as i5 from '@angular/material/input';
-import { MatInput, MatInputModule } from '@angular/material/input';
-import * as i11 from '@angular/material/radio';
-import { MatRadioGroup, MatRadioModule } from '@angular/material/radio';
 import * as i8 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
+import * as i9$1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i1$2 from '@angular/forms';
+import { UntypedFormControl, Validators, UntypedFormGroup, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import * as i10 from '@angular/material/radio';
+import { MatRadioGroup, MatRadioModule } from '@angular/material/radio';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import * as i15 from '@csmart/ngc-smart-address';
+import * as i20 from '@csmart/ngc-smart-address';
 import { SmartAddressModule } from '@csmart/ngc-smart-address';
-import * as i12 from '@angular/material/select';
+import * as i15 from '@angular/material/input';
+import { MatInput, MatInputModule } from '@angular/material/input';
+import * as i17 from '@angular/material/select';
 import { MatSelect, MatSelectModule } from '@angular/material/select';
-import * as i9 from '@angular/material/tabs';
-import { MatTabsModule } from '@angular/material/tabs';
-import * as i13 from '@angular/material/core';
-import { MatNativeDateModule, MatRippleModule } from '@angular/material/core';
-import * as i14 from '@angular/material/datepicker';
-import { MatDatepickerModule } from '@angular/material/datepicker';
-import * as i16 from '@angular/material/checkbox';
+import * as i9 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import * as i17 from '@angular/material/slider';
+import * as i11 from '@angular/material/slider';
 import { MatSliderModule } from '@angular/material/slider';
-import * as i9$1 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i14$1 from '@angular/material/list';
+import * as i13 from '@angular/material/tabs';
+import { MatTabsModule } from '@angular/material/tabs';
+import * as i14 from '@angular/material/form-field';
+import * as i16 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import * as i18 from '@angular/material/core';
+import { MatNativeDateModule, MatRippleModule } from '@angular/material/core';
+import * as i3 from '@angular/material/expansion';
+import { MatExpansionModule } from '@angular/material/expansion';
+import * as i12$1 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import * as i9$2 from '@angular/material/toolbar';
+import * as i11$2 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import { MatGridListModule } from '@angular/material/grid-list';
@@ -67,7 +67,7 @@ import { MatStepperModule } from '@angular/material/stepper';
 import { MatChipsModule } from '@angular/material/chips';
 import { MsalGuard } from '@azure/msal-angular';
 import gql from 'graphql-tag';
-import * as i18 from '@angular/cdk/text-field';
+import * as i12 from '@angular/cdk/text-field';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 
@@ -528,9 +528,9 @@ class NgcSmartVictimService {
         return this.http.delete(`${this.smartVictimServiceUrl}VictimServiceDetails/${victimProgramProviderId}?staffId=${staffId}`);
     }
 }
-/** @nocollapse */ /** @nocollapse */ NgcSmartVictimService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgcSmartVictimService, deps: [{ token: i1.HttpClient }, { token: SMART_OFFENDER_SERVICE_URL }, { token: SMART_LOOKUP_SERVICE_URL }, { token: SMART_VICTIM_SERVICE_URL }, { token: i2.Apollo }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ NgcSmartVictimService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgcSmartVictimService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgcSmartVictimService, decorators: [{
+/** @nocollapse */ NgcSmartVictimService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgcSmartVictimService, deps: [{ token: i1.HttpClient }, { token: SMART_OFFENDER_SERVICE_URL }, { token: SMART_LOOKUP_SERVICE_URL }, { token: SMART_VICTIM_SERVICE_URL }, { token: i2.Apollo }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ NgcSmartVictimService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgcSmartVictimService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgcSmartVictimService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -562,9 +562,9 @@ class IntakeServicesComponent {
         return this.http.put(this.smartOffenderServiceUrl + '/IntakeStepStatus/' + offenderId, intakeStepStatus);
     }
 }
-/** @nocollapse */ /** @nocollapse */ IntakeServicesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IntakeServicesComponent, deps: [{ token: i1.HttpClient }, { token: SMART_OFFENDER_SERVICE_URL }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ IntakeServicesComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IntakeServicesComponent, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IntakeServicesComponent, decorators: [{
+/** @nocollapse */ IntakeServicesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IntakeServicesComponent, deps: [{ token: i1.HttpClient }, { token: SMART_OFFENDER_SERVICE_URL }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ IntakeServicesComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IntakeServicesComponent, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IntakeServicesComponent, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -598,39 +598,6 @@ IntakeStep.WarrantInformation = "WARRNT";
 IntakeStep.RunningRecord = "RUNREC";
 IntakeStep.Signature = "SIGN";
 
-class VictimListFilter {
-}
-
-class VictimSearchFormComponent {
-    constructor() {
-        this.onSearch = new EventEmitter();
-        this.change = new EventEmitter();
-        this.filter = new VictimListFilter();
-    }
-    ngOnInit() {
-    }
-    ngAfterViewInit() {
-        //   var element = <HTMLInputElement> document.getElementById("victimSearchButton");
-        //   element.disabled = true;
-        //   setTimeout(function() {
-        //     element.disabled = false;
-        // }, 10000);
-    }
-    onChange() {
-        console.log('this.filter in serach form.');
-        console.log(this.filter);
-        this.onSearch.emit(this.filter);
-    }
-}
-/** @nocollapse */ /** @nocollapse */ VictimSearchFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VictimSearchFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ VictimSearchFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: VictimSearchFormComponent, selector: "app-victim-search-form", outputs: { onSearch: "onSearch" }, ngImport: i0, template: "<form name=\"victimSearchFrom\"  #From=\"ngForm\">\r\n<mat-expansion-panel [expanded]=\"true\">\r\n        <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n                Search for Victims\r\n            </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div class=\"victimSearch\">\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Victim Last Name\"  [(ngModel)]=\"filter.lastName\" name=\"lastName\" id=\"lastName\">\r\n            </mat-form-field>\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Victim First Name\"  [(ngModel)]=\"filter.firstName\" name=\"firstName\" id=\"firstName\">\r\n            </mat-form-field>\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Victim Date of Birth\" type=\"date\"    [(ngModel)]=\"filter.birthDate\" name=\"birthDate\" id=\"birthDate\">\r\n            </mat-form-field>\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Offender PDID\"  [(ngModel)]=\"filter.pdid\" name=\"pdid\" id=\"pdid\">\r\n            </mat-form-field>\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Offender CSOSA #\"[(ngModel)]=\"filter.offenderId\" name=\"offenderId\" id=\"offenderId\">\r\n            </mat-form-field>\r\n           \r\n           \r\n            <section>\r\n                <button  id=\"victimSearchButton\" mat-raised-button color=\"primary\" (click)=\"onChange()\">Search</button>\r\n                <span style=\"padding-right: 5px;\"></span>\r\n                <button   mat-raised-button color=\"primary\"  type=\"reset\" value=\"Reset\">Clear Changes</button>\r\n            </section>\r\n        </div>\r\n    </mat-expansion-panel>\r\n</form>\r\n\r\n\r\n", styles: ["div.services{max-width:500px;margin:auto;border:3px solid #73AD21}.rTable{display:block;width:100%}.rTableHeading,.rTableBody,.rTableFoot,.rTableRow{clear:both}.rTableHead,.rTableFoot{background-color:#ddd;font-weight:700}.rTableCell,.rTableHead{border:0px;float:left;padding:1px;width:28%}.rTable:after{visibility:hidden;display:block;font-size:0;content:\" \";clear:both;height:0}.victimSearch{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:10px}.edit-btn{margin-right:4px}.main-container{display:flex;margin-top:8px}.add-action{display:flex;justify-content:flex-end;margin-bottom:8px}.example-headers-align .mat-expansion-panel-header-title,.example-headers-align .mat-expansion-panel-header-description{flex-basis:0}.example-headers-align .mat-expansion-panel-header-description{justify-content:space-between;align-items:center}mat-form-field{margin-right:12px}.actions{display:flex;justify-content:space-around}.Row{display:table;width:100%;table-layout:fixed}.Column{display:table-cell}.sp-form textarea{float:left;margin-top:20px;margin-bottom:10px;width:462px;height:70px;overflow:auto;box-sizing:border-box}.mat-column-lastName,.mat-column-firstName,.mat-column-relationship,.mat-column-homePhone,.mat-column-offenderName{word-wrap:break-word!important;white-space:unset!important;flex:0 0 15%!important;width:15%!important;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.mat-column-victimId{word-wrap:break-word!important;white-space:unset!important;flex:0 0 25%!important;width:25%!important;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}\n"], components: [{ type: i1$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i1$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i10.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.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: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i5.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: i1$2.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: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VictimSearchFormComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-victim-search-form', encapsulation: ViewEncapsulation.None, template: "<form name=\"victimSearchFrom\"  #From=\"ngForm\">\r\n<mat-expansion-panel [expanded]=\"true\">\r\n        <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n                Search for Victims\r\n            </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div class=\"victimSearch\">\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Victim Last Name\"  [(ngModel)]=\"filter.lastName\" name=\"lastName\" id=\"lastName\">\r\n            </mat-form-field>\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Victim First Name\"  [(ngModel)]=\"filter.firstName\" name=\"firstName\" id=\"firstName\">\r\n            </mat-form-field>\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Victim Date of Birth\" type=\"date\"    [(ngModel)]=\"filter.birthDate\" name=\"birthDate\" id=\"birthDate\">\r\n            </mat-form-field>\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Offender PDID\"  [(ngModel)]=\"filter.pdid\" name=\"pdid\" id=\"pdid\">\r\n            </mat-form-field>\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Offender CSOSA #\"[(ngModel)]=\"filter.offenderId\" name=\"offenderId\" id=\"offenderId\">\r\n            </mat-form-field>\r\n           \r\n           \r\n            <section>\r\n                <button  id=\"victimSearchButton\" mat-raised-button color=\"primary\" (click)=\"onChange()\">Search</button>\r\n                <span style=\"padding-right: 5px;\"></span>\r\n                <button   mat-raised-button color=\"primary\"  type=\"reset\" value=\"Reset\">Clear Changes</button>\r\n            </section>\r\n        </div>\r\n    </mat-expansion-panel>\r\n</form>\r\n\r\n\r\n", styles: ["div.services{max-width:500px;margin:auto;border:3px solid #73AD21}.rTable{display:block;width:100%}.rTableHeading,.rTableBody,.rTableFoot,.rTableRow{clear:both}.rTableHead,.rTableFoot{background-color:#ddd;font-weight:700}.rTableCell,.rTableHead{border:0px;float:left;padding:1px;width:28%}.rTable:after{visibility:hidden;display:block;font-size:0;content:\" \";clear:both;height:0}.victimSearch{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:10px}.edit-btn{margin-right:4px}.main-container{display:flex;margin-top:8px}.add-action{display:flex;justify-content:flex-end;margin-bottom:8px}.example-headers-align .mat-expansion-panel-header-title,.example-headers-align .mat-expansion-panel-header-description{flex-basis:0}.example-headers-align .mat-expansion-panel-header-description{justify-content:space-between;align-items:center}mat-form-field{margin-right:12px}.actions{display:flex;justify-content:space-around}.Row{display:table;width:100%;table-layout:fixed}.Column{display:table-cell}.sp-form textarea{float:left;margin-top:20px;margin-bottom:10px;width:462px;height:70px;overflow:auto;box-sizing:border-box}.mat-column-lastName,.mat-column-firstName,.mat-column-relationship,.mat-column-homePhone,.mat-column-offenderName{word-wrap:break-word!important;white-space:unset!important;flex:0 0 15%!important;width:15%!important;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.mat-column-victimId{word-wrap:break-word!important;white-space:unset!important;flex:0 0 25%!important;width:25%!important;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { onSearch: [{
-                type: Output
-            }] } });
-
 class CommonDialogComponent {
     constructor(commondialogRef) {
         this.commondialogRef = commondialogRef;
@@ -640,12 +607,12 @@ class CommonDialogComponent {
     ngOnInit() {
     }
 }
-/** @nocollapse */ /** @nocollapse */ CommonDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CommonDialogComponent, deps: [{ token: i1$3.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ CommonDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CommonDialogComponent, selector: "app-common-dialog", ngImport: i0, template: "\r\n           \r\n            <mat-card class=\"example-card\"> \r\n                <mat-card-content>\r\n           <p>{{ title }}</p>\r\n                   <p>{{ message }}</p>\r\n                   <br>\r\n\r\n                   <div class=\"inner\">\r\n                        <button type=\"button\" mat-raised-button color=\"primary\"\r\n                            (click)=\"commondialogRef.close(true)\">{{cmdYesTitle}}</button>\r\n                    </div>\r\n                        &nbsp;&nbsp;\r\n                        \r\n                    <div *ngIf=\"cmdYesTitle!=='Ok'\" class=\"inner\">\r\n                        <button type=\"button\" mat-raised-button color=\"primary\" \r\n                            (click)=\"commondialogRef.close()\">{{cmdNoTitle}}</button>\r\n                        \r\n                    </div>\r\n                 \r\n                             \r\n               </mat-card-content>\r\n           </mat-card>", styles: [".md-dialog-container{position:fixed;top:0!important;overflow:hidden}.inner{display:inline-block}\n"], components: [{ type: i8.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i3.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: i8.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CommonDialogComponent, decorators: [{
+/** @nocollapse */ CommonDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonDialogComponent, deps: [{ token: i1$1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ CommonDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CommonDialogComponent, selector: "app-common-dialog", ngImport: i0, template: "\r\n           \r\n            <mat-card class=\"example-card\"> \r\n                <mat-card-content>\r\n           <p>{{ title }}</p>\r\n                   <p>{{ message }}</p>\r\n                   <br>\r\n\r\n                   <div class=\"inner\">\r\n                        <button type=\"button\" mat-raised-button color=\"primary\"\r\n                            (click)=\"commondialogRef.close(true)\">{{cmdYesTitle}}</button>\r\n                    </div>\r\n                        &nbsp;&nbsp;\r\n                        \r\n                    <div *ngIf=\"cmdYesTitle!=='Ok'\" class=\"inner\">\r\n                        <button type=\"button\" mat-raised-button color=\"primary\" \r\n                            (click)=\"commondialogRef.close()\">{{cmdNoTitle}}</button>\r\n                        \r\n                    </div>\r\n                 \r\n                             \r\n               </mat-card-content>\r\n           </mat-card>", styles: [".md-dialog-container{position:fixed;top:0!important;overflow:hidden}.inner{display:inline-block}\n"], dependencies: [{ kind: "component", type: i2$1.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"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i8$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-common-dialog', template: "\r\n           \r\n            <mat-card class=\"example-card\"> \r\n                <mat-card-content>\r\n           <p>{{ title }}</p>\r\n                   <p>{{ message }}</p>\r\n                   <br>\r\n\r\n                   <div class=\"inner\">\r\n                        <button type=\"button\" mat-raised-button color=\"primary\"\r\n                            (click)=\"commondialogRef.close(true)\">{{cmdYesTitle}}</button>\r\n                    </div>\r\n                        &nbsp;&nbsp;\r\n                        \r\n                    <div *ngIf=\"cmdYesTitle!=='Ok'\" class=\"inner\">\r\n                        <button type=\"button\" mat-raised-button color=\"primary\" \r\n                            (click)=\"commondialogRef.close()\">{{cmdNoTitle}}</button>\r\n                        \r\n                    </div>\r\n                 \r\n                             \r\n               </mat-card-content>\r\n           </mat-card>", styles: [".md-dialog-container{position:fixed;top:0!important;overflow:hidden}.inner{display:inline-block}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$3.MatDialogRef }]; } });
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialogRef }]; } });
 
 class CommonDialogService {
     constructor(dialog) {
@@ -669,11 +636,11 @@ class CommonDialogService {
         return dialogRef.afterClosed();
     }
 }
-/** @nocollapse */ /** @nocollapse */ CommonDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CommonDialogService, deps: [{ token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ CommonDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CommonDialogService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CommonDialogService, decorators: [{
+/** @nocollapse */ CommonDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonDialogService, deps: [{ token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ CommonDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonDialogService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonDialogService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$3.MatDialog }]; } });
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }]; } });
 
 class PhoneMaskDirective {
     constructor(ngControl) {
@@ -711,9 +678,9 @@ class PhoneMaskDirective {
         }
     }
 }
-/** @nocollapse */ /** @nocollapse */ PhoneMaskDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PhoneMaskDirective, deps: [{ token: i1$2.NgControl }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ /** @nocollapse */ PhoneMaskDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: PhoneMaskDirective, selector: "[formControlName][appPhoneMask]", host: { listeners: { "ngModelChange": "onModelChange($event)", "keydown.backspace": "keydownBackspace($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PhoneMaskDirective, decorators: [{
+/** @nocollapse */ PhoneMaskDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PhoneMaskDirective, deps: [{ token: i1$2.NgControl }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ PhoneMaskDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: PhoneMaskDirective, selector: "[formControlName][appPhoneMask]", host: { listeners: { "ngModelChange": "onModelChange($event)", "keydown.backspace": "keydownBackspace($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PhoneMaskDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[formControlName][appPhoneMask]',
@@ -811,67 +778,67 @@ class SmartVictimDetailComponent {
     }
     initForm() {
         this.victimForm = this.formBuilder.group({
-            underSupervisionFlag: new FormControl('', Validators.compose([Validators.required])),
-            victimOffenderRelationshipTypeId: new FormControl('', Validators.compose([Validators.required])),
-            lastName: new FormControl('', Validators.compose([Validators.required])),
-            firstName: new FormControl('', Validators.compose([Validators.required])),
-            middleName: new FormControl(''),
-            prefixId: new FormControl(''),
-            suffixId: new FormControl(''),
-            genderCode: new FormControl(''),
-            birthDate: new FormControl(''),
-            homePhone: new FormControl(''),
-            cellPhone: new FormControl(''),
-            workPhone: new FormControl(''),
-            email: new FormControl('', Validators.compose([Validators.pattern(this.emailPattern)])),
-            minorFlag: new FormControl('', Validators.compose([Validators.required])),
-            victimAdvocateFlag: new FormControl('', Validators.compose([Validators.required])),
-            guardianLastName: new FormControl('', stringConditionalValidator(() => this.victimForm.get('minorFlag').value, Validators.required, 'illuminatiError')),
-            guardianFirstName: new FormControl('', stringConditionalValidator(() => this.victimForm.get('minorFlag').value, Validators.required, 'illuminatiError')),
-            guardianPrefixId: new FormControl(''),
-            guardianSuffixId: new FormControl(''),
+            underSupervisionFlag: new UntypedFormControl('', Validators.compose([Validators.required])),
+            victimOffenderRelationshipTypeId: new UntypedFormControl('', Validators.compose([Validators.required])),
+            lastName: new UntypedFormControl('', Validators.compose([Validators.required])),
+            firstName: new UntypedFormControl('', Validators.compose([Validators.required])),
+            middleName: new UntypedFormControl(''),
+            prefixId: new UntypedFormControl(''),
+            suffixId: new UntypedFormControl(''),
+            genderCode: new UntypedFormControl(''),
+            birthDate: new UntypedFormControl(''),
+            homePhone: new UntypedFormControl(''),
+            cellPhone: new UntypedFormControl(''),
+            workPhone: new UntypedFormControl(''),
+            email: new UntypedFormControl('', Validators.compose([Validators.pattern(this.emailPattern)])),
+            minorFlag: new UntypedFormControl('', Validators.compose([Validators.required])),
+            victimAdvocateFlag: new UntypedFormControl('', Validators.compose([Validators.required])),
+            guardianLastName: new UntypedFormControl('', stringConditionalValidator(() => this.victimForm.get('minorFlag').value, Validators.required, 'illuminatiError')),
+            guardianFirstName: new UntypedFormControl('', stringConditionalValidator(() => this.victimForm.get('minorFlag').value, Validators.required, 'illuminatiError')),
+            guardianPrefixId: new UntypedFormControl(''),
+            guardianSuffixId: new UntypedFormControl(''),
             //guardianGender:new FormControl('', ),
-            guardianBirthDate: new FormControl(''),
-            guardianNoPhoneFlag: new FormControl(true),
-            guardianHomePhone: new FormControl(''),
-            guardianCellPhone: new FormControl(''),
-            guardianWorkPhone: new FormControl(''),
-            guardianEmail: new FormControl('', Validators.compose([Validators.pattern(this.emailPattern)])),
-            advocateNoPhoneFlag: new FormControl(true),
-            advocateWorkPhone: new FormControl(''),
-            advocateHomePhone: new FormControl(''),
-            advocateCellPhone: new FormControl(''),
-            advocateSuffixId: new FormControl(''),
-            advocatePrefixId: new FormControl(''),
-            advocateFirstName: new FormControl('', stringConditionalValidator(() => this.victimForm.get('victimAdvocateFlag').value, Validators.required, 'illuminatiError')),
-            advocateLastName: new FormControl('', stringConditionalValidator(() => this.victimForm.get('victimAdvocateFlag').value, Validators.required, 'illuminatiError')),
-            advocateEmail: new FormControl('', Validators.compose([Validators.pattern(this.emailPattern)])),
-            emergencyContact: new FormControl(''),
-            emergencyContactPhone: new FormControl(''),
-            emergencyChildren: new FormControl(''),
-            emergencyCpo: new FormControl(''),
-            emergencyDrug: new FormControl(''),
-            emergencySupport: new FormControl(''),
-            emergencyWeapon: new FormControl(''),
-            drug: new FormControl(''),
-            weapon: new FormControl(''),
-            support: new FormControl(''),
-            commonChildrenFlag: new FormControl(''),
-            commonChildrenNumber: new FormControl(''),
-            cpoExpirationFlag: new FormControl(''),
-            cpoExpirationDate: new FormControl(''),
-            accessRisk: new FormControl(''),
-            drugUseFlag: new FormControl(''),
-            supportInPlaceFlag: new FormControl(''),
-            weaponInvolvedFlag: new FormControl(''),
-            otherWeapon: new FormControl(''),
-            otherDrug: new FormControl(''),
-            alcoholUseFlag: new FormControl(''),
-            victimSupports: new FormControl(''),
-            victimWeaponUses: new FormControl(''),
-            victimDrugUses: new FormControl(''),
-            allowCsosaContactFlag: new FormControl(''),
-            liveWithOffenderFlag: new FormControl(''),
+            guardianBirthDate: new UntypedFormControl(''),
+            guardianNoPhoneFlag: new UntypedFormControl(true),
+            guardianHomePhone: new UntypedFormControl(''),
+            guardianCellPhone: new UntypedFormControl(''),
+            guardianWorkPhone: new UntypedFormControl(''),
+            guardianEmail: new UntypedFormControl('', Validators.compose([Validators.pattern(this.emailPattern)])),
+            advocateNoPhoneFlag: new UntypedFormControl(true),
+            advocateWorkPhone: new UntypedFormControl(''),
+            advocateHomePhone: new UntypedFormControl(''),
+            advocateCellPhone: new UntypedFormControl(''),
+            advocateSuffixId: new UntypedFormControl(''),
+            advocatePrefixId: new UntypedFormControl(''),
+            advocateFirstName: new UntypedFormControl('', stringConditionalValidator(() => this.victimForm.get('victimAdvocateFlag').value, Validators.required, 'illuminatiError')),
+            advocateLastName: new UntypedFormControl('', stringConditionalValidator(() => this.victimForm.get('victimAdvocateFlag').value, Validators.required, 'illuminatiError')),
+            advocateEmail: new UntypedFormControl('', Validators.compose([Validators.pattern(this.emailPattern)])),
+            emergencyContact: new UntypedFormControl(''),
+            emergencyContactPhone: new UntypedFormControl(''),
+            emergencyChildren: new UntypedFormControl(''),
+            emergencyCpo: new UntypedFormControl(''),
+            emergencyDrug: new UntypedFormControl(''),
+            emergencySupport: new UntypedFormControl(''),
+            emergencyWeapon: new UntypedFormControl(''),
+            drug: new UntypedFormControl(''),
+            weapon: new UntypedFormControl(''),
+            support: new UntypedFormControl(''),
+            commonChildrenFlag: new UntypedFormControl(''),
+            commonChildrenNumber: new UntypedFormControl(''),
+            cpoExpirationFlag: new UntypedFormControl(''),
+            cpoExpirationDate: new UntypedFormControl(''),
+            accessRisk: new UntypedFormControl(''),
+            drugUseFlag: new UntypedFormControl(''),
+            supportInPlaceFlag: new UntypedFormControl(''),
+            weaponInvolvedFlag: new UntypedFormControl(''),
+            otherWeapon: new UntypedFormControl(''),
+            otherDrug: new UntypedFormControl(''),
+            alcoholUseFlag: new UntypedFormControl(''),
+            victimSupports: new UntypedFormControl(''),
+            victimWeaponUses: new UntypedFormControl(''),
+            victimDrugUses: new UntypedFormControl(''),
+            allowCsosaContactFlag: new UntypedFormControl(''),
+            liveWithOffenderFlag: new UntypedFormControl(''),
         });
         this.victimForm.markAsPristine();
         this.victimForm.markAsUntouched();
@@ -1385,7 +1352,7 @@ class SmartVictimDetailComponent {
         else {
             this.victimForm.value.guardianCellPhone = null;
         }
-        //data process 
+        //data process
         console.log('this.phoneValidationFlag 1');
         console.log(this.phoneValidationFlag);
         if (this.phoneValidationFlag === false) {
@@ -1445,11 +1412,21 @@ class SmartVictimDetailComponent {
                     victimOffenderRelationshipTypeId: this.victimForm.value.victimOffenderRelationshipTypeId,
                     lastName: this.victimForm.value.lastName,
                     firstName: this.victimForm.value.firstName,
-                    middleName: this.victimForm.value.middleName ? this.victimForm.value.middleName : null,
-                    prefixId: this.victimForm.value.prefixId ? this.victimForm.value.prefixId : null,
-                    suffixId: this.victimForm.value.suffixId ? this.victimForm.value.suffixId : null,
-                    birthDate: this.victimForm.value.birthDate ? this.victimForm.value.birthDate : null,
-                    genderCode: this.victimForm.value.genderCode ? this.victimForm.value.genderCode : null,
+                    middleName: this.victimForm.value.middleName
+                        ? this.victimForm.value.middleName
+                        : null,
+                    prefixId: this.victimForm.value.prefixId
+                        ? this.victimForm.value.prefixId
+                        : null,
+                    suffixId: this.victimForm.value.suffixId
+                        ? this.victimForm.value.suffixId
+                        : null,
+                    birthDate: this.victimForm.value.birthDate
+                        ? this.victimForm.value.birthDate
+                        : null,
+                    genderCode: this.victimForm.value.genderCode
+                        ? this.victimForm.value.genderCode
+                        : null,
                     underSupervisionFlag: this.victimForm.value.underSupervisionFlag,
                     minorFlag: this.victimForm.value.minorFlag,
                     victimAdvocateFlag: this.victimForm.value.victimAdvocateFlag,
@@ -1457,13 +1434,19 @@ class SmartVictimDetailComponent {
                     workPhone: this.victimForm.value.workPhone,
                     cellPhone: this.victimForm.value.cellPhone,
                     email: this.victimForm.value.email ? this.victimForm.value.email : null,
-                    addressId: this.victimForm.value.addressId ? this.victimForm.value.addressId : 1,
-                    emergencyContact: this.victimForm.value.emergencyContact ? this.victimForm.value.emergencyContact : null,
+                    addressId: this.victimForm.value.addressId
+                        ? this.victimForm.value.addressId
+                        : 1,
+                    emergencyContact: this.victimForm.value.emergencyContact
+                        ? this.victimForm.value.emergencyContact
+                        : null,
                     emergencyContactPhone: this.victimForm.value.emergencyContactPhone,
                     commonChildrenFlag: this.victimForm.value.commonChildrenFlag,
                     commonChildrenNumber: this.victimForm.value.commonChildrenNumber,
                     cpoExpirationFlag: this.victimForm.value.cpoExpirationFlag,
-                    cpoExpirationDate: this.victimForm.value.cpoExpirationDate ? this.datePipe.transform(this.victimForm.value.startDate, 'short') : null,
+                    cpoExpirationDate: this.victimForm.value.cpoExpirationDate
+                        ? this.datePipe.transform(this.victimForm.value.cpoExpirationDate, "short")
+                        : null,
                     supportInPlaceFlag: this.victimForm.value.supportInPlaceFlag,
                     weaponInvolvedFlag: this.victimForm.value.weaponInvolvedFlag,
                     drugUseFlag: this.victimForm.value.drugUseFlag,
@@ -1498,8 +1481,12 @@ class SmartVictimDetailComponent {
                     guardianBirthDate: null,
                     relationship: null,
                     //relationship: this.victimForm.value.victimOffenderRelationshipTypeId? this.victimForm.value.victimOffenderRelationshipTypeId : null,
-                    allowCsosaContactFlag: this.victimForm.value.allowCsosaContactFlag ? this.victimForm.value.allowCsosaContactFlag : null,
-                    liveWithOffenderFlag: this.victimForm.value.liveWithOffenderFlag ? this.victimForm.value.liveWithOffenderFlag : null,
+                    allowCsosaContactFlag: this.victimForm.value.allowCsosaContactFlag
+                        ? this.victimForm.value.allowCsosaContactFlag
+                        : null,
+                    liveWithOffenderFlag: this.victimForm.value.liveWithOffenderFlag
+                        ? this.victimForm.value.liveWithOffenderFlag
+                        : null,
                 };
                 if (this.addressId == 0) {
                     newVictim.addressId = null;
@@ -1715,12 +1702,12 @@ class SmartVictimDetailComponent {
         return value;
     }
 }
-/** @nocollapse */ /** @nocollapse */ SmartVictimDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartVictimDetailComponent, deps: [{ token: i1$4.Location }, { token: i1$2.FormBuilder }, { token: i1$3.MatDialog }, { token: i5$1.ActivatedRoute }, { token: i5$1.Router }, { token: i4.MatSnackBar }, { token: CommonDialogService }, { token: NgcSmartVictimService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ SmartVictimDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SmartVictimDetailComponent, selector: "csmart-victim-detail", inputs: { victimDetail: "victimDetail", staffId: "staffId", offenderId: "offenderId", isIntake: "isIntake" }, outputs: { onSave: "onSave", onCancel: "onCancel" }, providers: [CommonDialogService], viewQueries: [{ propertyName: "addressComponent", first: true, predicate: ["addressComponent"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mat-card>\r\n  <mat-card-content>\r\n\r\n        <div  [formGroup]=\"victimForm\">\r\n\r\n          <mat-tab-group dynamicHeight  mat-stretch-tabs>\r\n            <mat-tab label=\"Victim Detail\" >\r\n              <div class='container'>\r\n\r\n                    <mat-form-field>\r\n                      <mat-label>Is victim a minor?<font color=\"red\">* </font></mat-label>\r\n                      <br>\r\n                      <mat-radio-group  formControlName=\"minorFlag\"  (change)=\"radioMinorChange($event)\" [(ngModel)]=\"editVictim.minorFlag\" >\r\n                      <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                      <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                    </mat-radio-group>\r\n                    <input matInput placeholder=\"\" style=\"display: none\">\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('minorFlag').errors \r\n                    && (victimForm.get('minorFlag').dirty || victimForm.get('minorFlag').touched)\">\r\n                    <mat-error>If victim a minor field is <strong>required</strong></mat-error>\r\n                    </div> \r\n\r\n                  </mat-form-field>\r\n                 \r\n                  <mat-form-field>\r\n                    <mat-label>Does the Victim have a Victim Advocate or Social Worker with <br>whom CSOSA should maintain contact?<font color=\"red\">* </font></mat-label>\r\n                    <br>\r\n                    <br>\r\n                    <mat-radio-group class = \"tp-radio-group\"  formControlName=\"victimAdvocateFlag\"  (change)=\"radioAdvocateChange($event)\" [(ngModel)]=\"editVictim.victimAdvocateFlag\">\r\n                      <mat-radio-button  color=\"primary\" *ngFor=\"let item of flagOption\" [value]=\"item.flagOptionYesNoUnknownId\">{{item.name}} </mat-radio-button>&nbsp;\r\n                    </mat-radio-group>\r\n                    <input matInput placeholder=\"\" style=\"display: none\">\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('victimAdvocateFlag').errors \r\n                    && (victimForm.get('victimAdvocateFlag').dirty || victimForm.get('victimAdvocateFlag').touched)\">\r\n                    <mat-error>If victim has advocate field is <strong>required</strong></mat-error>\r\n                    </div> \r\n                  </mat-form-field>\r\n              \r\n \r\n               <mat-form-field>\r\n                  <mat-label>Victim Currently Under Supervision:</mat-label>\r\n                    <mat-select  formControlName=\"underSupervisionFlag\" name=\"supervision\" [(ngModel)]=\"editVictim.underSupervisionFlag\" >\r\n                      <mat-option *ngFor=\"let item of flagOption\" [value]=\"item.flagOptionYesNoUnknownId\" >\r\n                        {{item.name}}</mat-option>\r\n                    </mat-select>\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('underSupervisionFlag').errors \r\n                    && (victimForm.get('underSupervisionFlag').dirty || victimForm.get('underSupervisionFlag').touched)\">\r\n                    <mat-error>under supervision field is <strong>required</strong></mat-error>\r\n                    </div> \r\n                </mat-form-field>\r\n               \r\n             \r\n               <mat-form-field>\r\n                  <mat-label>Relationship to Offender:</mat-label>\r\n                    <mat-select formControlName=\"victimOffenderRelationshipTypeId\" [(ngModel)]=\"editVictim.victimOffenderRelationshipTypeId\"  >\r\n                      <mat-option *ngFor=\"let item of relationshipTypes\" [value]=\"item.relationshipTypeId\">{{item.name}}</mat-option>\r\n                    </mat-select>\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('victimOffenderRelationshipTypeId').errors \r\n                    && (victimForm.get('victimOffenderRelationshipTypeId').dirty || victimForm.get('victimOffenderRelationshipTypeId').touched)\">\r\n                    <mat-error>relationship is <strong>required</strong></mat-error>\r\n                    </div> \r\n                </mat-form-field>\r\n             \r\n                 \r\n                <mat-form-field>\r\n                  <mat-label>Victim Last Name:</mat-label>\r\n                  <input matInput formControlName=\"lastName\"  [(ngModel)]=\"editVictim.lastName\" >\r\n                  <div class=\"help-block\" *ngIf=\"victimForm.get('lastName').errors \r\n                  && (victimForm.get('lastName').dirty || victimForm.get('lastName').touched)\">\r\n                  <mat-error>victim last name is <strong>required</strong></mat-error>\r\n                  </div> \r\n                </mat-form-field>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Victim First Name: </mat-label>\r\n                  <input matInput  formControlName=\"firstName\" [(ngModel)]=\"editVictim.firstName\"  >\r\n                  <div class=\"help-block\" *ngIf=\"victimForm.get('firstName').errors \r\n                  && (victimForm.get('firstName').dirty || victimForm.get('firstName').touched)\">\r\n                  <mat-error>victim first name is <strong>required</strong></mat-error>\r\n                 </div> \r\n                </mat-form-field>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Victim Middle Name:</mat-label>\r\n                    <input matInput  formControlName=\"middleName\" [(ngModel)]=\"editVictim.middleName\">\r\n                </mat-form-field>\r\n                             \r\n                <mat-form-field>\r\n                  <mat-label>Victim Prefix:</mat-label>\r\n                    <mat-select  formControlName=\"prefixId\" [(ngModel)]=\"editVictim.prefixId\">\r\n                      <mat-option *ngFor=\"let item of prefixes\" [value]=\"item.prefixId\">{{item.name}}</mat-option>\r\n                    </mat-select>\r\n                </mat-form-field>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Victim Suffix:</mat-label>\r\n                    <mat-select  formControlName=\"suffixId\"  [(ngModel)]=\"editVictim.suffixId\">\r\n                      <mat-option *ngFor=\"let item of suffixes\" [value]=\"item.suffixId\">{{item.name}}</mat-option>\r\n                    </mat-select>\r\n                </mat-form-field>\r\n  \r\n                <mat-form-field>\r\n                  <mat-label>Victim Gender:</mat-label>\r\n                  <mat-select  formControlName=\"genderCode\" [(ngModel)]=\"editVictim.genderCode\">\r\n                    <mat-option *ngFor=\"let item of genders\" [value]=\"item.genderCode\">{{item.name}}</mat-option>\r\n                  </mat-select>\r\n                </mat-form-field>\r\n                             \r\n                <mat-form-field>\r\n                  <mat-label>Date of Birth:</mat-label>\r\n                   <input matInput \r\n                   [matDatepicker]=\"victimBirthRef\" \r\n                   formControlName=\"birthDate\"\r\n                  [(ngModel)]=\"editVictim.birthDate\"\r\n                  (click)=\"victimBirthRef.open()\"\r\n                  (dateChange)=\"handleDOBChange($event)\"  \r\n                    >\r\n                  <mat-datepicker-toggle [for]=\"victimBirthRef\" matSuffix></mat-datepicker-toggle>\r\n                  <mat-datepicker #victimBirthRef></mat-datepicker>\r\n                </mat-form-field>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Victim Home Phone:</mat-label>\r\n                    <input \r\n                    matInput \r\n                    formControlName=\"homePhone\" \r\n                    [(ngModel)]=\"editVictim.homePhone\" \r\n                    appPhoneMask\r\n                    maxlength=\"14\"/>\r\n\r\n\r\n                  <div class=\"help-block\" *ngIf=\"victimForm.get('homePhone').errors\r\n                  && (victimForm.get('homePhone').dirty || victimForm.get('homePhone').touched)\">\r\n                  <mat-error><strong>Home phone number format is not correct.</strong></mat-error>\r\n                  </div>\r\n                </mat-form-field>\r\n\r\n                <mat-form-field >\r\n                  <mat-label>Victim Cell Phone:</mat-label>\r\n                  <input \r\n                  matInput  \r\n                  formControlName=\"cellPhone\"\r\n                  appPhoneMask\r\n                  [(ngModel)]=\"editVictim.cellPhone\" >\r\n                      <div class=\"help-block\" *ngIf=\"victimForm.get('cellPhone').errors \r\n                  && (victimForm.get('cellPhone').dirty || victimForm.get('cellPhone').touched)\">\r\n                   <mat-error><strong>Cell phone number format is not correct.</strong></mat-error>\r\n              </div>\r\n                </mat-form-field>\r\n\r\n               \r\n                <mat-form-field >\r\n                  <mat-label>Victim Work Phone:</mat-label>\r\n                  <input matInput  \r\n                  formControlName=\"workPhone\"  \r\n                  [(ngModel)]=\"editVictim.workPhone\"\r\n                  appPhoneMask\r\n                  >\r\n                  <div class=\"help-block\" *ngIf=\"victimForm.get('workPhone').errors \r\n                  && (victimForm.get('workPhone').dirty || victimForm.get('workPhone').touched)\">\r\n                  <mat-error><strong>Work phone number format is not correct.</strong></mat-error>\r\n                  </div>\r\n                </mat-form-field>\r\n\r\n                <mat-form-field >\r\n                  <mat-label>Victim Email:</mat-label>\r\n                   <input matInput  formControlName=\"email\" [(ngModel)]=\"editVictim.email\" >\r\n                   <div class=\"help-block\" *ngIf=\"victimForm.get('email').errors \r\n                  && (victimForm.get('email').dirty || victimForm.get('email').touched)\">\r\n                  <mat-error><strong>victim email format is not correct.</strong></mat-error>\r\n              </div>\r\n                </mat-form-field>\r\n  \r\n                <div></div>\r\n              \r\n                <!-- <app-smart-address \r\n                [showPsa]=\"true\" \r\n                [modifiedBy]=\"staffId\" \r\n                [id]=\"addressId\"\r\n                (addressIdChange)=\"onAddressChange($event)\"\r\n                [outline]=\"true\" \r\n                readonly=\"false\"\r\n                [rowHeight]=\"80\" \r\n                (isValid)=\"false\" \r\n                [addressValidators]=\"addressValidators\"\r\n                #addressComponent\r\n                > -->\r\n\r\n\r\n                <app-smart-address\r\n                [modifiedBy]=\"staffId\"\r\n                [id]=\"addressId\"\r\n                [outline]=\"true\"\r\n                [showPsa]=\"true\"\r\n                [addressValidators]=\"addressValidators\"\r\n                [readonly]=\"false\"\r\n                (addressIdChange)=\"onAddressChange($event)\"\r\n                #addressComponent\r\n              >\r\n\r\n                </app-smart-address>\r\n          \r\n               \r\n                  <!-- Docket: \r\n                  <div>\r\n                    <div  *ngFor=\"let docket of docketlist; let i=index\">\r\n                      <mat-checkbox >{{docket.docketNumber}}</mat-checkbox>\r\n                    </div>\r\n                  </div> -->\r\n                  <div>\r\n                  <mat-checkbox  color=\"primary\" formControlName=\"liveWithOffenderFlag\" name=\"liveWithOffenderFlag\" [(ngModel)]=\"editVictim.liveWithOffenderFlag\"   (change)=\"showAddress($event)\"  >victim live with offender</mat-checkbox>\r\n                  <br>\r\n                  <mat-checkbox  color=\"primary\" formControlName=\"allowCsosaContactFlag\" name=\"allowCsosaContactFlag\" [(ngModel)]=\"editVictim.allowCsosaContactFlag\">victim wants to be contacted by CSOSA</mat-checkbox>\r\n                  </div>\r\n                                   \r\n                </div> \r\n\r\n                <mat-card>\r\n                      <mat-form-field>\r\n                        <mat-label> Children in Common</mat-label>\r\n                        <br>\r\n                        <mat-radio-group formControlName=\"commonChildrenFlag\" [(ngModel)]=\"editVictim.commonChildrenFlag\"  (change)=\"radioCicChange($event)\">\r\n                            <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                            <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                          </mat-radio-group>\r\n                          <input matInput placeholder=\"\" style=\"display: none\">\r\n                        </mat-form-field>\r\n\r\n                       <div  *ngIf=\"commonChildrenDivFlag\">\r\n                   \r\n                          <mat-form-field >\r\n                            <mat-label>\r\n                              Children number\r\n                             </mat-label>\r\n                              <input matInput  formControlName=\"commonChildrenNumber\" [(ngModel)]=\"editVictim.commonChildrenNumber\" >\r\n                            </mat-form-field>\r\n                   \r\n                  </div>\r\n   \r\n                      <mat-form-field>\r\n                        <mat-label>CPO: </mat-label>\r\n                        <br>\r\n                          <mat-radio-group formControlName=\"cpoExpirationFlag\"  [(ngModel)]=\"editVictim.cpoExpirationFlag\" (change)=\"radioCpoChange($event)\">\r\n                              <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                              <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                            </mat-radio-group>\r\n                            <input matInput placeholder=\"\" style=\"display: none\">\r\n                          </mat-form-field>\r\n                      \r\n                      <div *ngIf=\"cpoExpirationDivFlag\"> \r\n                          <mat-form-field>\r\n                            <mat-label>Expiration Date: </mat-label>\r\n                               <input matInput \r\n                               [matDatepicker]=\"cpoDateRef\" \r\n                               formControlName=\"cpoExpirationDate\" \r\n                              (click)=\"cpoDateRef.open()\"  \r\n                              [(ngModel)]=\"editVictim.cpoExpirationDate\"  >\r\n                              <mat-datepicker-toggle [for]=\"cpoDateRef\" matSuffix></mat-datepicker-toggle>\r\n                              <mat-datepicker #cpoDateRef></mat-datepicker>\r\n                            </mat-form-field>\r\n\r\n                      </div>\r\n                    \r\n                    <br>\r\n                    <br>\r\n     \r\n                          <mat-form-field>\r\n                            <mat-label>Victim has a Support System in Place? </mat-label>\r\n                             <br>\r\n                            <mat-radio-group formControlName=\"supportInPlaceFlag\" [(ngModel)]=\"editVictim.supportInPlaceFlag\"  (change)=\"radioSupportChange($event)\">\r\n                                <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                                <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                              </mat-radio-group>\r\n                              <input matInput placeholder=\"\" style=\"display: none\">\r\n                            </mat-form-field>\r\n                     \r\n                        <div *ngIf=\"supportInPlaceDivFlag\"> \r\n                            <mat-form-field>\r\n                              <mat-label>Support type? </mat-label>\r\n                                <mat-select #supportSel formControlName=\"victimSupports\" [(ngModel)]=\"editVictim.victimSupports\" multiple>\r\n                                  <div (mouseleave)=\"supportSel.close()\">\r\n                                    <mat-option color=\"primary\" *ngFor=\"let item of victimSupportTypes\" [value]=\"item.victimSupportTypeId\">\r\n                                      {{item.name}}\r\n                                    </mat-option>\r\n                                 </div>\r\n                                </mat-select>\r\n                                <input matInput placeholder=\"\" style=\"display: none\">\r\n                              </mat-form-field>\r\n\r\n                        </div>\r\n                      \r\n                      <br>\r\n                      <br>\r\n\r\n                            <mat-form-field>\r\n                              <mat-label>Weapons Involved?</mat-label>\r\n                              <br>\r\n                              <mat-radio-group formControlName=\"weaponInvolvedFlag\" (change)=\"radioWeaponChange($event)\" [(ngModel)]=\"editVictim.weaponInvolvedFlag\" >\r\n                                  <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                                  <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                                </mat-radio-group>\r\n                                <input matInput placeholder=\"\" style=\"display: none\">\r\n                            </mat-form-field>\r\n                            \r\n                       \r\n                          <div *ngIf=\"weaponInvolvedDivFlag\"> \r\n                              <mat-form-field>\r\n                                <mat-label>Weapon Type</mat-label>\r\n                                  <mat-select  #weaponSel formControlName=\"victimWeaponUses\" multiple [(ngModel)]=\"editVictim.victimWeaponUses\" (selectionChange)=\"checkOtherWeapon($event.value)\" >\r\n                                    <div (mouseleave)=\"weaponSel.close()\">\r\n                                      <mat-option color=\"primary\" *ngFor=\"let item of weaponTypes\" [value]=\"item.weaponTypeId\">\r\n                                        {{item.name}}\r\n                                      </mat-option>\r\n                                    </div>\r\n                                  </mat-select>\r\n                                  <input matInput placeholder=\"\" style=\"display: none\">\r\n                                </mat-form-field>\r\n                          </div>\r\n\r\n                          <div *ngIf=\"otherWeaponFlag\"> \r\n                             <mat-form-field>\r\n                              <mat-label>Other Weapon:* </mat-label>\r\n                              <input matInput  formControlName=\"otherWeapon\" >\r\n                              </mat-form-field>\r\n                              <div class=\"help-block\" *ngIf=\"victimForm.get('otherWeapon').errors \r\n                              && (victimForm.get('otherWeapon').dirty || victimForm.get('otherWeapon').touched)\">\r\n                              <mat-error><strong>Other weapon is required.</strong></mat-error>\r\n                              </div>\r\n                          </div>\r\n\r\n             \r\n                        <br>\r\n                        <br>\r\n \r\n                              <mat-form-field>\r\n                                <mat-label>Was Offender under the influence of alcohol at the time of the offense?</mat-label>\r\n                                <br>\r\n                                <mat-radio-group formControlName=\"alcoholUseFlag\" [(ngModel)]=\"editVictim.alcoholUseFlag\" >\r\n                                    <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                                    <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                                  </mat-radio-group>\r\n                                  <input matInput placeholder=\"\" style=\"display: none\">\r\n                                </mat-form-field>\r\n                      \r\n                          <br>\r\n                          <br>\r\n\r\n                                <mat-form-field>\r\n                                  <mat-label>Was Offender under the influence of drugs at the time of the offense?</mat-label>\r\n                                  <br>\r\n                                  <mat-radio-group formControlName=\"drugUseFlag\" (change)=\"radioDrugChange($event)\" [(ngModel)]=\"editVictim.drugUseFlag\"  >\r\n                                      <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                                      <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                                    </mat-radio-group>\r\n                                    <input matInput placeholder=\"\" style=\"display: none\">\r\n                                  </mat-form-field>\r\n                            \r\n                              <div *ngIf=\"drugUseDivFlag\"> \r\n                                  <mat-form-field>\r\n                                    <mat-label>Drug:</mat-label>\r\n                                      <mat-select  #drugSel formControlName=\"victimDrugUses\" multiple   (selectionChange)=\"checkOtherDrug($event.value)\" >\r\n                                        <div (mouseleave)=\"drugSel.close()\">\r\n                                            <mat-option color=\"primary\" *ngFor=\"let item of drugs\" [value]=\"item.drugTypeId\">\r\n                                            {{item.name}}\r\n                                          </mat-option>\r\n                                         \r\n                                        </div>\r\n                                      </mat-select>\r\n                                      <input matInput placeholder=\"\" style=\"display: none\">\r\n                                    </mat-form-field>\r\n    \r\n                              </div>\r\n\r\n                              <div *ngIf=\"otherDrugFlag\"> \r\n                                <mat-form-field>\r\n                                 <mat-label>Other Drug:* </mat-label>\r\n                                 <input matInput  formControlName=\"otherDrug\" >\r\n                                 </mat-form-field>\r\n                                 <div class=\"help-block\" *ngIf=\"victimForm.get('otherDrug').errors \r\n                                 && (victimForm.get('otherDrug').dirty || victimForm.get('otherDrug').touched)\">\r\n                                 <mat-error><strong>Other drug is required.</strong></mat-error>\r\n                                 </div>\r\n                             </div>\r\n                            <br>\r\n                            <br>\r\n\r\n                            <div>\r\n                                <div>\r\n                                <mat-label>\r\n                                  Access Risk: 1 thru 10 (10 greatest risk): &nbsp;<b> {{editVictim.accessRisk}}</b>\r\n                                </mat-label>\r\n                                </div>\r\n                                <div>\r\n                               \r\n                                    <mat-slider\r\n                                    formControlName=\"accessRisk\"\r\n                                    thumbLabel=\"true\"\r\n                                    [displayWith]=\"formatLabel\"\r\n                                    min=\"1\"\r\n                                    max=\"10\"\r\n                                    [(ngModel)]=\"editVictim.accessRisk\" \r\n                                    ></mat-slider>\r\n                                  \r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                          </mat-card>  \r\n\r\n \r\n              <br><br><br>           \r\n            </mat-tab>\r\n            \r\n           <mat-tab  *ngIf=\"guardianTabFlag\" label=\"Legal Guardian\">\r\n            <div class='container'>\r\n              <mat-form-field>\r\n                  <mat-label>Guardian Last Name:</mat-label>\r\n                  <input matInput formControlName=\"guardianLastName\" [(ngModel)]=\"editVictim.guardianLastName\" > \r\n                  <div class=\"help-block\" *ngIf=\"victimForm.get('guardianLastName').errors \">\r\n                    <mat-error>Guardian last name is <strong>required</strong></mat-error>\r\n                  </div> \r\n                </mat-form-field>\r\n\r\n               <mat-form-field>\r\n                <mat-label>Guardian First Name:</mat-label>\r\n                  <input matInput  formControlName=\"guardianFirstName\" [(ngModel)]=\"editVictim.guardianFirstName\" >\r\n                  <div class=\"help-block\" *ngIf=\"victimForm.get('guardianFirstName').errors \">\r\n                    <mat-error>Guardian first name is <strong>required</strong></mat-error>\r\n                  </div> \r\n                \r\n                </mat-form-field>\r\n                              \r\n              <mat-form-field>\r\n                <mat-label>Guardian Prefix:</mat-label>\r\n                  <mat-select  formControlName=\"guardianPrefixId\" [(ngModel)]=\"editVictim.guardianPrefixId\" >\r\n                    <mat-option *ngFor=\"let item of prefixes\" [value]=\"item.prefixId\">{{item.name}}</mat-option>\r\n                  </mat-select>\r\n              </mat-form-field>\r\n\r\n              <mat-form-field>\r\n                <mat-label>Guardian Suffix:</mat-label>\r\n                  <mat-select  formControlName=\"guardianSuffixId\" [(ngModel)]=\"editVictim.guardianSuffixId\"  >\r\n                    <mat-option *ngFor=\"let item of suffixes\" [value]=\"item.suffixId\">{{item.name}}</mat-option>\r\n                  </mat-select>\r\n                </mat-form-field>\r\n\r\n              \r\n                <!-- <mat-form-field>\r\n                    <mat-select placeholder=\"Choose\" formControlName=\"guardianGender\" [(ngModel)]=\"editVictim.guardianGender\">\r\n                      <mat-option *ngFor=\"let item of genders\" [value]=\"item.genderCode\">{{item.name}}</mat-option>\r\n                    </mat-select>\r\n                  </mat-form-field> -->\r\n             \r\n                \r\n                <mat-form-field>\r\n                  <mat-label>Date of Birth:</mat-label>\r\n                     <input matInput \r\n                     [matDatepicker]=\"guardianDateRef\" \r\n                     formControlName=\"guardianBirthDate\"\r\n                     [(ngModel)]=\"editVictim.guardianBirthDate\" \r\n                     (click)=\"guardianDateRef.open()\" \r\n                       >\r\n                    <mat-datepicker-toggle [for]=\"guardianDateRef\" matSuffix></mat-datepicker-toggle>\r\n                    <mat-datepicker #guardianDateRef></mat-datepicker>\r\n                </mat-form-field>\r\n\r\n                <div></div>\r\n                  <mat-form-field >\r\n                  <mat-checkbox \r\n                  color = \"primary\" \r\n                  formControlName=\"guardianNoPhoneFlag\" \r\n                 \r\n                  >\r\n                  No Phone (If there is no phone, the phone fields are no longer required)</mat-checkbox>\r\n                  <input matInput placeholder=\"\" style=\"display: none;\">\r\n                </mat-form-field>\r\n\r\n\r\n                <div></div>\r\n                <mat-card>\r\n                <mat-form-field >\r\n                  <mat-label>Guardian Home Phone:</mat-label>\r\n                    <input matInput   \r\n                    formControlName=\"guardianHomePhone\" \r\n                    [(ngModel)]=\"editVictim.guardianHomePhone\" \r\n                    appPhoneMask\r\n                    maxlength=\"14\" >\r\n                   \r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('guardianHomePhone').errors \r\n                    && (victimForm.get('guardianHomePhone').dirty || victimForm.get('guardianHomePhone').touched)\">\r\n                    <mat-error><strong>Guardian home phone number format is not correct.</strong></mat-error>\r\n                  </div>\r\n               \r\n\r\n                </mat-form-field>\r\n\r\n                <mat-form-field >\r\n                  <mat-label>Guardian Cell Phone:</mat-label>\r\n                    <input matInput  \r\n                    formControlName=\"guardianCellPhone\" \r\n                    [(ngModel)]=\"editVictim.guardianCellPhone\" \r\n                    appPhoneMask\r\n                    maxlength=\"14\" \r\n                   >\r\n\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('guardianCellPhone').errors \r\n                     && (victimForm.get('guardianCellPhone').dirty || victimForm.get('guardianCellPhone').touched)\">\r\n                    <mat-error><strong>Guardian Cell phone number format is not correct.</strong></mat-error>\r\n                    </div>\r\n\r\n                 \r\n\r\n                    \r\n                </mat-form-field>\r\n\r\n                <mat-form-field >\r\n                  <mat-label>Guardian Work Phone:</mat-label>\r\n                    <input matInput  \r\n                    formControlName=\"guardianWorkPhone\" \r\n                    [(ngModel)]=\"editVictim.guardianWorkPhone\" \r\n                    appPhoneMask\r\n                    maxlength=\"14\" >\r\n\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('guardianWorkPhone').errors \r\n                       && (victimForm.get('guardianWorkPhone').dirty || victimForm.get('guardianWorkPhone').touched)\">\r\n                       <mat-error><strong>Guardian work phone number format is not correct.</strong></mat-error>\r\n                    </div>\r\n                  \r\n                    \r\n                </mat-form-field>\r\n              </mat-card>\r\n               \r\n              <div></div>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Guardian Email:</mat-label>\r\n                    <input matInput formControlName=\"guardianEmail\" [(ngModel)]=\"editVictim.guardianEmail\"  >\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('guardianEmail').errors \r\n                    && (victimForm.get('guardianEmail').dirty || victimForm.get('guardianEmail').touched)\">\r\n                   <mat-error><strong>Guardian email format is not correct.</strong></mat-error>\r\n                   </div>\r\n                </mat-form-field>\r\n\r\n                <div></div>\r\n               \r\n                <div>\r\n                <app-smart-address \r\n\r\n                [showPsa]=\"true\" \r\n                [modifiedBy]=\"staffId\" \r\n                [id]=\"guardianAddressId\"\r\n                (addressIdChange)=\"onGuardianAddressChange($event)\"\r\n                [outline]=\"true\" \r\n                readonly=\"false\"\r\n                [rowHeight]=\"80\" \r\n                (isValid)=\"false\" \r\n                [addressValidators]=\"addressValidators\"\r\n                #guardianAddressComponent\r\n                >\r\n                </app-smart-address>\r\n                </div>\r\n              </div>\r\n                          \r\n              <br><br><br> \r\n            </mat-tab>\r\n                        \r\n            <!--advocate-->\r\n            \r\n              <mat-tab  *ngIf=\"advocateTabFlag\" label=\"Advocate\" > \r\n                <div class='container'>\r\n                \r\n                <mat-form-field>\r\n                  <mat-label>Advocate Last Name:</mat-label>\r\n                    <input matInput  formControlName=\"advocateLastName\" [(ngModel)]=\"editVictim.advocateLastName\"  >\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('advocateLastName').errors \">\r\n                      <mat-error>Advocate last name is <strong>required</strong></mat-error>\r\n                    </div> \r\n                 </mat-form-field>\r\n                   \r\n                <mat-form-field>\r\n                  <mat-label>Advocate First Name:</mat-label>\r\n                    <input matInput  formControlName=\"advocateFirstName\" [(ngModel)]=\"editVictim.advocateFirstName\"  >\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('advocateFirstName').errors \">\r\n                      <mat-error>Advocate first name is <strong>required</strong></mat-error>\r\n                    </div> \r\n                </mat-form-field>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Advocate Prefix:</mat-label>\r\n                    <mat-select  formControlName=\"advocatePrefixId\"  [(ngModel)]=\"editVictim.advocatePrefixId\" >\r\n                      <mat-option *ngFor=\"let item of prefixes\" [value]=\"item.prefixId\">{{item.name}}</mat-option>\r\n                    </mat-select>\r\n                </mat-form-field>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Advocate Suffix:</mat-label>\r\n                    <mat-select  formControlName=\"advocateSuffixId\" [(ngModel)]=\"editVictim.advocateSuffixId\"  >\r\n                      <mat-option *ngFor=\"let item of suffixes\" [value]=\"item.suffixId\">{{item.name}}</mat-option>\r\n                    </mat-select>\r\n                </mat-form-field>\r\n\r\n               \r\n                <mat-form-field>\r\n                  <mat-checkbox  \r\n                  color = \"primary\" \r\n                  formControlName=\"advocateNoPhoneFlag\" \r\n                 \r\n                  [(ngModel)]=\"editVictim.advocateNoPhoneFlag\" >\r\n                  No Phone (If there is no phone, the phone fields are no longer required)</mat-checkbox>\r\n                  <input matInput placeholder=\"\" style=\"display: none;\">\r\n                </mat-form-field>\r\n\r\n                <div></div> \r\n                <mat-card> \r\n                <mat-form-field >\r\n                  <mat-label>Advocate Home Phone:</mat-label>\r\n                    <input matInput   \r\n                    formControlName=\"advocateHomePhone\" \r\n                    [(ngModel)]=\"editVictim.advocateHomePhone\"\r\n                    appPhoneMask\r\n                    maxlength=\"14\" >\r\n\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('advocateHomePhone').errors \r\n                    && (victimForm.get('advocateHomePhone').dirty || victimForm.get('advocateHomePhone').touched)\">\r\n                    <mat-error><strong>Advocate home number format is not correct.</strong></mat-error>\r\n                  </div>\r\n                \r\n                </mat-form-field>\r\n    \r\n                <mat-form-field>\r\n                  <mat-label>Advocate Cell Phone:</mat-label>\r\n                    <input matInput  \r\n                    formControlName=\"advocateCellPhone\" \r\n                    [(ngModel)]=\"editVictim.advocateCellPhone\" \r\n                    appPhoneMask\r\n                    maxlength=\"14\">\r\n\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('advocateCellPhone').errors \r\n                    && (victimForm.get('advocateCellPhone').dirty || victimForm.get('advocateCellPhone').touched)\">\r\n                    <mat-error><strong>Advocate cell number format is not correct.</strong></mat-error>\r\n                  </div>\r\n\r\n                \r\n                </mat-form-field> \r\n\r\n                <mat-form-field>\r\n                  <mat-label>Advocate Work Phone:</mat-label>\r\n                    <input matInput  \r\n                     formControlName=\"advocateWorkPhone\" \r\n                     [(ngModel)]=\"editVictim.advocateWorkPhone\" \r\n                     appPhoneMask\r\n                     maxlength=\"14\"\r\n                     >\r\n\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('advocateWorkPhone').errors \r\n                    && (victimForm.get('advocateWorkPhone').dirty || victimForm.get('advocateWorkPhone').touched)\">\r\n                    <mat-error><strong>Advocate work number format is not correct.</strong></mat-error>\r\n                  </div>\r\n               \r\n                </mat-form-field>\r\n                </mat-card>\r\n\r\n                <div></div>\r\n        \r\n                <mat-form-field>\r\n                  <mat-label>Advocate Email:</mat-label>\r\n                    <input matInput formControlName=\"advocateEmail\"  [(ngModel)]=\"editVictim.advocateEmail\" >\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('advocateEmail').errors \r\n                    && (victimForm.get('advocateEmail').dirty || victimForm.get('advocateEmail').touched)\">\r\n                    <mat-error><strong>Advocate email format is not correct.</strong></mat-error>\r\n                  </div>\r\n                </mat-form-field>\r\n\r\n                <div></div>\r\n\r\n             \r\n              <div >\r\n              <app-smart-address \r\n              [showPsa]=\"true\" \r\n              [modifiedBy]=\"staffId\" \r\n              [id]=\"advocateAddressId\"\r\n              (addressIdChange)=\"onAdvocateAddressChange($event)\"\r\n              [outline]=\"true\" \r\n              readonly=\"false\"\r\n              [rowHeight]=\"80\" \r\n              (isValid)=\"false\" \r\n              [addressValidators]=\"addressValidators\"\r\n              #advocateAddressComponent >\r\n              </app-smart-address>\r\n              </div>\r\n              </div>\r\n              <br><br><br> \r\n            </mat-tab>\r\n           \r\n            \r\n             <mat-tab  label=\"Emergency Contact\">\r\n                <div class='container'>\r\n            \r\n                        <mat-form-field>\r\n                          <mat-label>Emergency Contact Name:</mat-label>\r\n                            <input matInput  formControlName=\"emergencyContact\" [(ngModel)]=\"editVictim.emergencyContact\"  >\r\n                          </mat-form-field>\r\n\r\n                          <mat-form-field>\r\n                            <mat-label>Emergency Phone Number:</mat-label>\r\n                              <input matInput   \r\n                              formControlName=\"emergencyContactPhone\" \r\n                               [(ngModel)]=\"editVictim.emergencyContactPhone\" \r\n                               appPhoneMask\r\n                               >\r\n                              <div class=\"help-block\" *ngIf=\"victimForm.get('emergencyContactPhone').errors \r\n                              && (victimForm.get('emergencyContactPhone').dirty || victimForm.get('emergencyContactPhone').touched)\">\r\n                              <mat-error><strong>Emergency contact number format is not correct.</strong></mat-error>\r\n                            </div>\r\n                            </mat-form-field>\r\n\r\n                </div>\r\n                <br><br><br>    \r\n            </mat-tab> \r\n          \r\n          </mat-tab-group>\r\n          <div class='outer'>\r\n            <div>\r\n               All buttons apply to all tabs. If save button is grey, please check each tab to make sure the required field is filled.<br><br>\r\n\r\n               <div class=\"help-block\" *ngIf=\"victimForm.get('minorFlag').errors \r\n                    && (victimForm.get('minorFlag').dirty || victimForm.get('minorFlag').touched)\">\r\n                    <mat-error>If victim a minor field is <strong>required</strong></mat-error>\r\n              </div>\r\n              \r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('victimAdvocateFlag').errors \r\n              && (victimForm.get('victimAdvocateFlag').dirty || victimForm.get('victimAdvocateFlag').touched)\">\r\n              <mat-error>If victim has advocate field is <strong>required</strong></mat-error>\r\n              </div> \r\n              \r\n               <div class=\"help-block\" *ngIf=\"victimForm.get('underSupervisionFlag').errors \r\n              && (victimForm.get('underSupervisionFlag').dirty || victimForm.get('underSupervisionFlag').touched)\">\r\n              <mat-error>Under supervision field is <strong>required</strong></mat-error>\r\n              </div> \r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('victimOffenderRelationshipTypeId').errors \r\n              && (victimForm.get('victimOffenderRelationshipTypeId').dirty || victimForm.get('victimOffenderRelationshipTypeId').touched)\">\r\n              <mat-error>Relationship is <strong>required</strong></mat-error>\r\n              </div> \r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('lastName').errors \r\n              && (victimForm.get('lastName').dirty || victimForm.get('lastName').touched)\">\r\n              <mat-error>Victim last name is <strong>required</strong></mat-error>\r\n              </div> \r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('firstName').errors \r\n              && (victimForm.get('firstName').dirty || victimForm.get('firstName').touched)\">\r\n              <mat-error>victim first name is <strong>required</strong></mat-error>\r\n             </div> \r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('guardianFirstName').errors \r\n              && (victimForm.get('guardianFirstName').dirty || victimForm.get('guardianFirstName').touched)\">\r\n                <mat-error>Guardian first name is <strong>required</strong></mat-error>\r\n              </div>\r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('guardianLastName').errors\r\n             && (victimForm.get('guardianLastName').dirty || victimForm.get('guardianLastName').touched)\" >\r\n              <mat-error>Guardian last name is <strong>required</strong></mat-error>\r\n              </div> \r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('advocateLastName').errors\r\n                && (victimForm.get('advocateLastName').dirty || victimForm.get('advocateLastName').touched)\" >\r\n                  <mat-error>Advocate last name is <strong>required</strong></mat-error>\r\n                  </div> \r\n    \r\n                <div class=\"help-block\" *ngIf=\"victimForm.get('advocateFirstName').errors\r\n                && (victimForm.get('advocateFirstName').dirty || victimForm.get('advocateFirstName').touched)\">\r\n                  <mat-error>Advocate first name is <strong>required</strong></mat-error>\r\n                </div>\r\n\r\n              \r\n                <div class=\"help-block\" *ngIf=\"victimForm.get('otherWeapon').errors \r\n                    && (victimForm.get('otherWeapon').dirty || victimForm.get('otherWeapon').touched)\">\r\n                    <mat-error>Other weapon field is <strong>required</strong></mat-error>\r\n              </div>\r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('otherDrug').errors \r\n              && (victimForm.get('otherDrug').dirty || victimForm.get('otherDrug').touched)\">\r\n              <mat-error>Other drug field is <strong>required</strong></mat-error>\r\n             </div>\r\n\r\n\r\n            </div>\r\n              \r\n                  <div class=\"inner\">\r\n                     <button  mat-raised-button color=\"primary\" (click)=\"saveVictim()\" [disabled]=\"!victimForm.valid\"  >Save </button> \r\n                  </div>\r\n                  &nbsp;&nbsp;\r\n                  <div *ngIf=\"showDelete\" class=\"inner\">\r\n                  <button  mat-raised-button color=\"primary\" (click)=\"deleteVictim()\">Delete </button>\r\n                 </div>\r\n                  &nbsp;&nbsp; \r\n                  <div class=\"inner\">\r\n                  <button  mat-raised-button color=\"primary\" (click)=\"cancel()\">Clear </button>\r\n                </div>\r\n                  &nbsp;&nbsp; \r\n                  <button mat-raised-button color=\"primary\"  (click)=\"back()\">Back</button>\r\n\r\n            </div>\r\n\r\n        </div>\r\n        <br>\r\n        <br>\r\n\r\n        <div align=\"right\">\r\n          <button mat-raised-button color=\"primary\"  (click)=\"addContact()\"  >Add victim contact</button>\r\n        </div>\r\n        \r\n        <div>\r\n\r\n          <mat-table #table [dataSource]=\"contactDataSource\" class=\"example-table\">\r\n            <ng-container matColumnDef=\"contactDate\">\r\n                <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Contact Date</mat-header-cell>\r\n                <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.contactDate | date}} </mat-cell>\r\n            </ng-container>\r\n\r\n\r\n            <ng-container matColumnDef=\"victimContactMethod\">\r\n                    <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Contact Method</mat-header-cell>\r\n                    <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.victimContactMethod}} </mat-cell>\r\n            </ng-container>\r\n\r\n            <ng-container matColumnDef=\"nextContactDate\">\r\n              <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Next Contact Date</mat-header-cell>\r\n              <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.nextContactDate | date}} </mat-cell>\r\n            </ng-container>\r\n            \r\n        \r\n            <ng-container matColumnDef=\"staff\">\r\n                    <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Contact By</mat-header-cell>\r\n                    <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.staff}} </mat-cell>\r\n            </ng-container>\r\n            <ng-container matColumnDef=\"comment\">\r\n                            <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Comment</mat-header-cell>\r\n                            <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.comment}} </mat-cell>\r\n                    </ng-container>\r\n\r\n            <ng-container matColumnDef=\"contactId\">\r\n                    <mat-header-cell *matHeaderCellDef class=\"example-header-cell\"></mat-header-cell>\r\n                <mat-cell *matCellDef=\"let row\" class=\"example-cell\">\r\n                  \r\n                </mat-cell>\r\n            </ng-container>\r\n\r\n            <mat-header-row *matHeaderRowDef=\"['contactDate', 'victimContactMethod','nextContactDate', 'staff', 'comment', 'contactId']\" class=\"example-header-row\"></mat-header-row>\r\n            <mat-row *matRowDef=\"let row; columns:['contactDate', 'victimContactMethod','nextContactDate', 'staff', 'comment', 'contactId'];\" class=\"example-row\"></mat-row>\r\n            </mat-table>\r\n\r\n\r\n        </div>\r\n  \r\n  </mat-card-content>\r\n</mat-card>\r\n", styles: ["mat-form-field{width:100%}.container{margin:16px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;grid-auto-rows:minmax(50px,auto);justify-items:stretch}@media only screen and (max-width: 1120px){.container{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:15px}}@media only screen and (max-width: 675px){.container{display:flex;flex-direction:column}}#outer{width:100%;text-align:center}.inner{display:inline-block}.tp-radio-group{display:flex;justify-content:space-between}\n"], components: [{ type: i8.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i9.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i9.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { type: i10.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i11.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i12.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i13.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i14.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i14.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i15.SmartAddressComponent, selector: "app-smart-address", inputs: ["showPsa", "housingTypeId", "modifiedBy", "rowHeight", "id", "outline", "readonly", "addressValidators"], outputs: ["isValid", "addressIdChange"] }, { type: i16.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i17.MatSlider, selector: "mat-slider", inputs: ["disabled", "color", "tabIndex", "invert", "max", "min", "step", "thumbLabel", "tickInterval", "value", "displayWith", "valueText", "vertical"], outputs: ["change", "input", "valueChange"], exportAs: ["matSlider"] }, { type: i3.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: i11$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i11$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i11$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }], directives: [{ type: i8.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i10.MatLabel, selector: "mat-label" }, { type: i11.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i5.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: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.MatError, selector: "mat-error", inputs: ["id"] }, { type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$2.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: i14.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i10.MatSuffix, selector: "[matSuffix]" }, { type: PhoneMaskDirective, selector: "[formControlName][appPhoneMask]" }, { type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i11$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i11$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i11$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i11$1.MatCellDef, selector: "[matCellDef]" }, { type: i11$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i11$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i11$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }], pipes: { "date": i1$4.DatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartVictimDetailComponent, decorators: [{
+/** @nocollapse */ SmartVictimDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SmartVictimDetailComponent, deps: [{ token: i8$1.Location }, { token: i1$2.UntypedFormBuilder }, { token: i1$1.MatDialog }, { token: i5.ActivatedRoute }, { token: i5.Router }, { token: i4.MatSnackBar }, { token: CommonDialogService }, { token: NgcSmartVictimService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SmartVictimDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SmartVictimDetailComponent, selector: "csmart-victim-detail", inputs: { victimDetail: "victimDetail", staffId: "staffId", offenderId: "offenderId", isIntake: "isIntake" }, outputs: { onSave: "onSave", onCancel: "onCancel" }, providers: [CommonDialogService], viewQueries: [{ propertyName: "addressComponent", first: true, predicate: ["addressComponent"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mat-card>\r\n  <mat-card-content>\r\n\r\n        <div  [formGroup]=\"victimForm\">\r\n\r\n          <mat-tab-group dynamicHeight  mat-stretch-tabs>\r\n            <mat-tab label=\"Victim Detail\" >\r\n              <div class='container'>\r\n\r\n                    <mat-form-field>\r\n                      <mat-label>Is victim a minor?<font color=\"red\">* </font></mat-label>\r\n                      <br>\r\n                      <mat-radio-group  formControlName=\"minorFlag\"  (change)=\"radioMinorChange($event)\" [(ngModel)]=\"editVictim.minorFlag\" >\r\n                      <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                      <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                    </mat-radio-group>\r\n                    <input matInput placeholder=\"\" style=\"display: none\">\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('minorFlag').errors \r\n                    && (victimForm.get('minorFlag').dirty || victimForm.get('minorFlag').touched)\">\r\n                    <mat-error>If victim a minor field is <strong>required</strong></mat-error>\r\n                    </div> \r\n\r\n                  </mat-form-field>\r\n                 \r\n                  <mat-form-field>\r\n                    <mat-label>Does the Victim have a Victim Advocate or Social Worker with <br>whom CSOSA should maintain contact?<font color=\"red\">* </font></mat-label>\r\n                    <br>\r\n                    <br>\r\n                    <mat-radio-group class = \"tp-radio-group\"  formControlName=\"victimAdvocateFlag\"  (change)=\"radioAdvocateChange($event)\" [(ngModel)]=\"editVictim.victimAdvocateFlag\">\r\n                      <mat-radio-button  color=\"primary\" *ngFor=\"let item of flagOption\" [value]=\"item.flagOptionYesNoUnknownId\">{{item.name}} </mat-radio-button>&nbsp;\r\n                    </mat-radio-group>\r\n                    <input matInput placeholder=\"\" style=\"display: none\">\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('victimAdvocateFlag').errors \r\n                    && (victimForm.get('victimAdvocateFlag').dirty || victimForm.get('victimAdvocateFlag').touched)\">\r\n                    <mat-error>If victim has advocate field is <strong>required</strong></mat-error>\r\n                    </div> \r\n                  </mat-form-field>\r\n              \r\n \r\n               <mat-form-field>\r\n                  <mat-label>Victim Currently Under Supervision:</mat-label>\r\n                    <mat-select  formControlName=\"underSupervisionFlag\" name=\"supervision\" [(ngModel)]=\"editVictim.underSupervisionFlag\" >\r\n                      <mat-option *ngFor=\"let item of flagOption\" [value]=\"item.flagOptionYesNoUnknownId\" >\r\n                        {{item.name}}</mat-option>\r\n                    </mat-select>\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('underSupervisionFlag').errors \r\n                    && (victimForm.get('underSupervisionFlag').dirty || victimForm.get('underSupervisionFlag').touched)\">\r\n                    <mat-error>under supervision field is <strong>required</strong></mat-error>\r\n                    </div> \r\n                </mat-form-field>\r\n               \r\n             \r\n               <mat-form-field>\r\n                  <mat-label>Relationship to Offender:</mat-label>\r\n                    <mat-select formControlName=\"victimOffenderRelationshipTypeId\" [(ngModel)]=\"editVictim.victimOffenderRelationshipTypeId\"  >\r\n                      <mat-option *ngFor=\"let item of relationshipTypes\" [value]=\"item.relationshipTypeId\">{{item.name}}</mat-option>\r\n                    </mat-select>\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('victimOffenderRelationshipTypeId').errors \r\n                    && (victimForm.get('victimOffenderRelationshipTypeId').dirty || victimForm.get('victimOffenderRelationshipTypeId').touched)\">\r\n                    <mat-error>relationship is <strong>required</strong></mat-error>\r\n                    </div> \r\n                </mat-form-field>\r\n             \r\n                 \r\n                <mat-form-field>\r\n                  <mat-label>Victim Last Name:</mat-label>\r\n                  <input matInput formControlName=\"lastName\"  [(ngModel)]=\"editVictim.lastName\" >\r\n                  <div class=\"help-block\" *ngIf=\"victimForm.get('lastName').errors \r\n                  && (victimForm.get('lastName').dirty || victimForm.get('lastName').touched)\">\r\n                  <mat-error>victim last name is <strong>required</strong></mat-error>\r\n                  </div> \r\n                </mat-form-field>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Victim First Name: </mat-label>\r\n                  <input matInput  formControlName=\"firstName\" [(ngModel)]=\"editVictim.firstName\"  >\r\n                  <div class=\"help-block\" *ngIf=\"victimForm.get('firstName').errors \r\n                  && (victimForm.get('firstName').dirty || victimForm.get('firstName').touched)\">\r\n                  <mat-error>victim first name is <strong>required</strong></mat-error>\r\n                 </div> \r\n                </mat-form-field>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Victim Middle Name:</mat-label>\r\n                    <input matInput  formControlName=\"middleName\" [(ngModel)]=\"editVictim.middleName\">\r\n                </mat-form-field>\r\n                             \r\n                <mat-form-field>\r\n                  <mat-label>Victim Prefix:</mat-label>\r\n                    <mat-select  formControlName=\"prefixId\" [(ngModel)]=\"editVictim.prefixId\">\r\n                      <mat-option *ngFor=\"let item of prefixes\" [value]=\"item.prefixId\">{{item.name}}</mat-option>\r\n                    </mat-select>\r\n                </mat-form-field>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Victim Suffix:</mat-label>\r\n                    <mat-select  formControlName=\"suffixId\"  [(ngModel)]=\"editVictim.suffixId\">\r\n                      <mat-option *ngFor=\"let item of suffixes\" [value]=\"item.suffixId\">{{item.name}}</mat-option>\r\n                    </mat-select>\r\n                </mat-form-field>\r\n  \r\n                <mat-form-field>\r\n                  <mat-label>Victim Gender:</mat-label>\r\n                  <mat-select  formControlName=\"genderCode\" [(ngModel)]=\"editVictim.genderCode\">\r\n                    <mat-option *ngFor=\"let item of genders\" [value]=\"item.genderCode\">{{item.name}}</mat-option>\r\n                  </mat-select>\r\n                </mat-form-field>\r\n                             \r\n                <mat-form-field>\r\n                  <mat-label>Date of Birth:</mat-label>\r\n                   <input matInput \r\n                   [matDatepicker]=\"victimBirthRef\" \r\n                   formControlName=\"birthDate\"\r\n                  [(ngModel)]=\"editVictim.birthDate\"\r\n                  (click)=\"victimBirthRef.open()\"\r\n                  (dateChange)=\"handleDOBChange($event)\"  \r\n                    >\r\n                  <mat-datepicker-toggle [for]=\"victimBirthRef\" matSuffix></mat-datepicker-toggle>\r\n                  <mat-datepicker #victimBirthRef></mat-datepicker>\r\n                </mat-form-field>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Victim Home Phone:</mat-label>\r\n                    <input \r\n                    matInput \r\n                    formControlName=\"homePhone\" \r\n                    [(ngModel)]=\"editVictim.homePhone\" \r\n                    appPhoneMask\r\n                    maxlength=\"14\"/>\r\n\r\n\r\n                  <div class=\"help-block\" *ngIf=\"victimForm.get('homePhone').errors\r\n                  && (victimForm.get('homePhone').dirty || victimForm.get('homePhone').touched)\">\r\n                  <mat-error><strong>Home phone number format is not correct.</strong></mat-error>\r\n                  </div>\r\n                </mat-form-field>\r\n\r\n                <mat-form-field >\r\n                  <mat-label>Victim Cell Phone:</mat-label>\r\n                  <input \r\n                  matInput  \r\n                  formControlName=\"cellPhone\"\r\n                  appPhoneMask\r\n                  [(ngModel)]=\"editVictim.cellPhone\" >\r\n                      <div class=\"help-block\" *ngIf=\"victimForm.get('cellPhone').errors \r\n                  && (victimForm.get('cellPhone').dirty || victimForm.get('cellPhone').touched)\">\r\n                   <mat-error><strong>Cell phone number format is not correct.</strong></mat-error>\r\n              </div>\r\n                </mat-form-field>\r\n\r\n               \r\n                <mat-form-field >\r\n                  <mat-label>Victim Work Phone:</mat-label>\r\n                  <input matInput  \r\n                  formControlName=\"workPhone\"  \r\n                  [(ngModel)]=\"editVictim.workPhone\"\r\n                  appPhoneMask\r\n                  >\r\n                  <div class=\"help-block\" *ngIf=\"victimForm.get('workPhone').errors \r\n                  && (victimForm.get('workPhone').dirty || victimForm.get('workPhone').touched)\">\r\n                  <mat-error><strong>Work phone number format is not correct.</strong></mat-error>\r\n                  </div>\r\n                </mat-form-field>\r\n\r\n                <mat-form-field >\r\n                  <mat-label>Victim Email:</mat-label>\r\n                   <input matInput  formControlName=\"email\" [(ngModel)]=\"editVictim.email\" >\r\n                   <div class=\"help-block\" *ngIf=\"victimForm.get('email').errors \r\n                  && (victimForm.get('email').dirty || victimForm.get('email').touched)\">\r\n                  <mat-error><strong>victim email format is not correct.</strong></mat-error>\r\n              </div>\r\n                </mat-form-field>\r\n  \r\n                <div></div>\r\n              \r\n                <!-- <app-smart-address \r\n                [showPsa]=\"true\" \r\n                [modifiedBy]=\"staffId\" \r\n                [id]=\"addressId\"\r\n                (addressIdChange)=\"onAddressChange($event)\"\r\n                [outline]=\"true\" \r\n                readonly=\"false\"\r\n                [rowHeight]=\"80\" \r\n                (isValid)=\"false\" \r\n                [addressValidators]=\"addressValidators\"\r\n                #addressComponent\r\n                > -->\r\n\r\n\r\n                <app-smart-address\r\n                [modifiedBy]=\"staffId\"\r\n                [id]=\"addressId\"\r\n                [outline]=\"true\"\r\n                [showPsa]=\"true\"\r\n                [addressValidators]=\"addressValidators\"\r\n                [readonly]=\"false\"\r\n                (addressIdChange)=\"onAddressChange($event)\"\r\n                #addressComponent\r\n              >\r\n\r\n                </app-smart-address>\r\n          \r\n               \r\n                  <!-- Docket: \r\n                  <div>\r\n                    <div  *ngFor=\"let docket of docketlist; let i=index\">\r\n                      <mat-checkbox >{{docket.docketNumber}}</mat-checkbox>\r\n                    </div>\r\n                  </div> -->\r\n                  <div>\r\n                  <mat-checkbox  color=\"primary\" formControlName=\"liveWithOffenderFlag\" name=\"liveWithOffenderFlag\" [(ngModel)]=\"editVictim.liveWithOffenderFlag\"   (change)=\"showAddress($event)\"  >victim live with offender</mat-checkbox>\r\n                  <br>\r\n                  <mat-checkbox  color=\"primary\" formControlName=\"allowCsosaContactFlag\" name=\"allowCsosaContactFlag\" [(ngModel)]=\"editVictim.allowCsosaContactFlag\">victim wants to be contacted by CSOSA</mat-checkbox>\r\n                  </div>\r\n                                   \r\n                </div> \r\n\r\n                <mat-card>\r\n                      <mat-form-field>\r\n                        <mat-label> Children in Common</mat-label>\r\n                        <br>\r\n                        <mat-radio-group formControlName=\"commonChildrenFlag\" [(ngModel)]=\"editVictim.commonChildrenFlag\"  (change)=\"radioCicChange($event)\">\r\n                            <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                            <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                          </mat-radio-group>\r\n                          <input matInput placeholder=\"\" style=\"display: none\">\r\n                        </mat-form-field>\r\n\r\n                       <div  *ngIf=\"commonChildrenDivFlag\">\r\n                   \r\n                          <mat-form-field >\r\n                            <mat-label>\r\n                              Children number\r\n                             </mat-label>\r\n                              <input matInput  formControlName=\"commonChildrenNumber\" [(ngModel)]=\"editVictim.commonChildrenNumber\" >\r\n                            </mat-form-field>\r\n                   \r\n                  </div>\r\n   \r\n                      <mat-form-field>\r\n                        <mat-label>CPO: </mat-label>\r\n                        <br>\r\n                          <mat-radio-group formControlName=\"cpoExpirationFlag\"  [(ngModel)]=\"editVictim.cpoExpirationFlag\" (change)=\"radioCpoChange($event)\">\r\n                              <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                              <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                            </mat-radio-group>\r\n                            <input matInput placeholder=\"\" style=\"display: none\">\r\n                          </mat-form-field>\r\n                      \r\n                      <div *ngIf=\"cpoExpirationDivFlag\"> \r\n                          <mat-form-field>\r\n                            <mat-label>Expiration Date: </mat-label>\r\n                               <input matInput \r\n                               [matDatepicker]=\"cpoDateRef\" \r\n                               formControlName=\"cpoExpirationDate\" \r\n                              (click)=\"cpoDateRef.open()\"  \r\n                              [(ngModel)]=\"editVictim.cpoExpirationDate\"  >\r\n                              <mat-datepicker-toggle [for]=\"cpoDateRef\" matSuffix></mat-datepicker-toggle>\r\n                              <mat-datepicker #cpoDateRef></mat-datepicker>\r\n                            </mat-form-field>\r\n\r\n                      </div>\r\n                    \r\n                    <br>\r\n                    <br>\r\n     \r\n                          <mat-form-field>\r\n                            <mat-label>Victim has a Support System in Place? </mat-label>\r\n                             <br>\r\n                            <mat-radio-group formControlName=\"supportInPlaceFlag\" [(ngModel)]=\"editVictim.supportInPlaceFlag\"  (change)=\"radioSupportChange($event)\">\r\n                                <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                                <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                              </mat-radio-group>\r\n                              <input matInput placeholder=\"\" style=\"display: none\">\r\n                            </mat-form-field>\r\n                     \r\n                        <div *ngIf=\"supportInPlaceDivFlag\"> \r\n                            <mat-form-field>\r\n                              <mat-label>Support type? </mat-label>\r\n                                <mat-select #supportSel formControlName=\"victimSupports\" [(ngModel)]=\"editVictim.victimSupports\" multiple>\r\n                                  <div (mouseleave)=\"supportSel.close()\">\r\n                                    <mat-option color=\"primary\" *ngFor=\"let item of victimSupportTypes\" [value]=\"item.victimSupportTypeId\">\r\n                                      {{item.name}}\r\n                                    </mat-option>\r\n                                 </div>\r\n                                </mat-select>\r\n                                <input matInput placeholder=\"\" style=\"display: none\">\r\n                              </mat-form-field>\r\n\r\n                        </div>\r\n                      \r\n                      <br>\r\n                      <br>\r\n\r\n                            <mat-form-field>\r\n                              <mat-label>Weapons Involved?</mat-label>\r\n                              <br>\r\n                              <mat-radio-group formControlName=\"weaponInvolvedFlag\" (change)=\"radioWeaponChange($event)\" [(ngModel)]=\"editVictim.weaponInvolvedFlag\" >\r\n                                  <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                                  <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                                </mat-radio-group>\r\n                                <input matInput placeholder=\"\" style=\"display: none\">\r\n                            </mat-form-field>\r\n                            \r\n                       \r\n                          <div *ngIf=\"weaponInvolvedDivFlag\"> \r\n                              <mat-form-field>\r\n                                <mat-label>Weapon Type</mat-label>\r\n                                  <mat-select  #weaponSel formControlName=\"victimWeaponUses\" multiple [(ngModel)]=\"editVictim.victimWeaponUses\" (selectionChange)=\"checkOtherWeapon($event.value)\" >\r\n                                    <div (mouseleave)=\"weaponSel.close()\">\r\n                                      <mat-option color=\"primary\" *ngFor=\"let item of weaponTypes\" [value]=\"item.weaponTypeId\">\r\n                                        {{item.name}}\r\n                                      </mat-option>\r\n                                    </div>\r\n                                  </mat-select>\r\n                                  <input matInput placeholder=\"\" style=\"display: none\">\r\n                                </mat-form-field>\r\n                          </div>\r\n\r\n                          <div *ngIf=\"otherWeaponFlag\"> \r\n                             <mat-form-field>\r\n                              <mat-label>Other Weapon:* </mat-label>\r\n                              <input matInput  formControlName=\"otherWeapon\" >\r\n                              </mat-form-field>\r\n                              <div class=\"help-block\" *ngIf=\"victimForm.get('otherWeapon').errors \r\n                              && (victimForm.get('otherWeapon').dirty || victimForm.get('otherWeapon').touched)\">\r\n                              <mat-error><strong>Other weapon is required.</strong></mat-error>\r\n                              </div>\r\n                          </div>\r\n\r\n             \r\n                        <br>\r\n                        <br>\r\n \r\n                              <mat-form-field>\r\n                                <mat-label>Was Offender under the influence of alcohol at the time of the offense?</mat-label>\r\n                                <br>\r\n                                <mat-radio-group formControlName=\"alcoholUseFlag\" [(ngModel)]=\"editVictim.alcoholUseFlag\" >\r\n                                    <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                                    <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                                  </mat-radio-group>\r\n                                  <input matInput placeholder=\"\" style=\"display: none\">\r\n                                </mat-form-field>\r\n                      \r\n                          <br>\r\n                          <br>\r\n\r\n                                <mat-form-field>\r\n                                  <mat-label>Was Offender under the influence of drugs at the time of the offense?</mat-label>\r\n                                  <br>\r\n                                  <mat-radio-group formControlName=\"drugUseFlag\" (change)=\"radioDrugChange($event)\" [(ngModel)]=\"editVictim.drugUseFlag\"  >\r\n                                      <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                                      <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                                    </mat-radio-group>\r\n                                    <input matInput placeholder=\"\" style=\"display: none\">\r\n                                  </mat-form-field>\r\n                            \r\n                              <div *ngIf=\"drugUseDivFlag\"> \r\n                                  <mat-form-field>\r\n                                    <mat-label>Drug:</mat-label>\r\n                                      <mat-select  #drugSel formControlName=\"victimDrugUses\" multiple   (selectionChange)=\"checkOtherDrug($event.value)\" >\r\n                                        <div (mouseleave)=\"drugSel.close()\">\r\n                                            <mat-option color=\"primary\" *ngFor=\"let item of drugs\" [value]=\"item.drugTypeId\">\r\n                                            {{item.name}}\r\n                                          </mat-option>\r\n                                         \r\n                                        </div>\r\n                                      </mat-select>\r\n                                      <input matInput placeholder=\"\" style=\"display: none\">\r\n                                    </mat-form-field>\r\n    \r\n                              </div>\r\n\r\n                              <div *ngIf=\"otherDrugFlag\"> \r\n                                <mat-form-field>\r\n                                 <mat-label>Other Drug:* </mat-label>\r\n                                 <input matInput  formControlName=\"otherDrug\" >\r\n                                 </mat-form-field>\r\n                                 <div class=\"help-block\" *ngIf=\"victimForm.get('otherDrug').errors \r\n                                 && (victimForm.get('otherDrug').dirty || victimForm.get('otherDrug').touched)\">\r\n                                 <mat-error><strong>Other drug is required.</strong></mat-error>\r\n                                 </div>\r\n                             </div>\r\n                            <br>\r\n                            <br>\r\n\r\n                            <div>\r\n                                <div>\r\n                                <mat-label>\r\n                                  Access Risk: 1 thru 10 (10 greatest risk): &nbsp;<b> {{editVictim.accessRisk}}</b>\r\n                                </mat-label>\r\n                                </div>\r\n                                <div>\r\n                               \r\n                                    <mat-slider\r\n                                    formControlName=\"accessRisk\"\r\n                                    thumbLabel=\"true\"\r\n                                    [displayWith]=\"formatLabel\"\r\n                                    min=\"1\"\r\n                                    max=\"10\"\r\n                                    [(ngModel)]=\"editVictim.accessRisk\" \r\n                                    ></mat-slider>\r\n                                  \r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                          </mat-card>  \r\n\r\n \r\n              <br><br><br>           \r\n            </mat-tab>\r\n            \r\n           <mat-tab  *ngIf=\"guardianTabFlag\" label=\"Legal Guardian\">\r\n            <div class='container'>\r\n              <mat-form-field>\r\n                  <mat-label>Guardian Last Name:</mat-label>\r\n                  <input matInput formControlName=\"guardianLastName\" [(ngModel)]=\"editVictim.guardianLastName\" > \r\n                  <div class=\"help-block\" *ngIf=\"victimForm.get('guardianLastName').errors \">\r\n                    <mat-error>Guardian last name is <strong>required</strong></mat-error>\r\n                  </div> \r\n                </mat-form-field>\r\n\r\n               <mat-form-field>\r\n                <mat-label>Guardian First Name:</mat-label>\r\n                  <input matInput  formControlName=\"guardianFirstName\" [(ngModel)]=\"editVictim.guardianFirstName\" >\r\n                  <div class=\"help-block\" *ngIf=\"victimForm.get('guardianFirstName').errors \">\r\n                    <mat-error>Guardian first name is <strong>required</strong></mat-error>\r\n                  </div> \r\n                \r\n                </mat-form-field>\r\n                              \r\n              <mat-form-field>\r\n                <mat-label>Guardian Prefix:</mat-label>\r\n                  <mat-select  formControlName=\"guardianPrefixId\" [(ngModel)]=\"editVictim.guardianPrefixId\" >\r\n                    <mat-option *ngFor=\"let item of prefixes\" [value]=\"item.prefixId\">{{item.name}}</mat-option>\r\n                  </mat-select>\r\n              </mat-form-field>\r\n\r\n              <mat-form-field>\r\n                <mat-label>Guardian Suffix:</mat-label>\r\n                  <mat-select  formControlName=\"guardianSuffixId\" [(ngModel)]=\"editVictim.guardianSuffixId\"  >\r\n                    <mat-option *ngFor=\"let item of suffixes\" [value]=\"item.suffixId\">{{item.name}}</mat-option>\r\n                  </mat-select>\r\n                </mat-form-field>\r\n\r\n              \r\n                <!-- <mat-form-field>\r\n                    <mat-select placeholder=\"Choose\" formControlName=\"guardianGender\" [(ngModel)]=\"editVictim.guardianGender\">\r\n                      <mat-option *ngFor=\"let item of genders\" [value]=\"item.genderCode\">{{item.name}}</mat-option>\r\n                    </mat-select>\r\n                  </mat-form-field> -->\r\n             \r\n                \r\n                <mat-form-field>\r\n                  <mat-label>Date of Birth:</mat-label>\r\n                     <input matInput \r\n                     [matDatepicker]=\"guardianDateRef\" \r\n                     formControlName=\"guardianBirthDate\"\r\n                     [(ngModel)]=\"editVictim.guardianBirthDate\" \r\n                     (click)=\"guardianDateRef.open()\" \r\n                       >\r\n                    <mat-datepicker-toggle [for]=\"guardianDateRef\" matSuffix></mat-datepicker-toggle>\r\n                    <mat-datepicker #guardianDateRef></mat-datepicker>\r\n                </mat-form-field>\r\n\r\n                <div></div>\r\n                  <mat-form-field >\r\n                  <mat-checkbox \r\n                  color = \"primary\" \r\n                  formControlName=\"guardianNoPhoneFlag\" \r\n                 \r\n                  >\r\n                  No Phone (If there is no phone, the phone fields are no longer required)</mat-checkbox>\r\n                  <input matInput placeholder=\"\" style=\"display: none;\">\r\n                </mat-form-field>\r\n\r\n\r\n                <div></div>\r\n                <mat-card>\r\n                <mat-form-field >\r\n                  <mat-label>Guardian Home Phone:</mat-label>\r\n                    <input matInput   \r\n                    formControlName=\"guardianHomePhone\" \r\n                    [(ngModel)]=\"editVictim.guardianHomePhone\" \r\n                    appPhoneMask\r\n                    maxlength=\"14\" >\r\n                   \r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('guardianHomePhone').errors \r\n                    && (victimForm.get('guardianHomePhone').dirty || victimForm.get('guardianHomePhone').touched)\">\r\n                    <mat-error><strong>Guardian home phone number format is not correct.</strong></mat-error>\r\n                  </div>\r\n               \r\n\r\n                </mat-form-field>\r\n\r\n                <mat-form-field >\r\n                  <mat-label>Guardian Cell Phone:</mat-label>\r\n                    <input matInput  \r\n                    formControlName=\"guardianCellPhone\" \r\n                    [(ngModel)]=\"editVictim.guardianCellPhone\" \r\n                    appPhoneMask\r\n                    maxlength=\"14\" \r\n                   >\r\n\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('guardianCellPhone').errors \r\n                     && (victimForm.get('guardianCellPhone').dirty || victimForm.get('guardianCellPhone').touched)\">\r\n                    <mat-error><strong>Guardian Cell phone number format is not correct.</strong></mat-error>\r\n                    </div>\r\n\r\n                 \r\n\r\n                    \r\n                </mat-form-field>\r\n\r\n                <mat-form-field >\r\n                  <mat-label>Guardian Work Phone:</mat-label>\r\n                    <input matInput  \r\n                    formControlName=\"guardianWorkPhone\" \r\n                    [(ngModel)]=\"editVictim.guardianWorkPhone\" \r\n                    appPhoneMask\r\n                    maxlength=\"14\" >\r\n\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('guardianWorkPhone').errors \r\n                       && (victimForm.get('guardianWorkPhone').dirty || victimForm.get('guardianWorkPhone').touched)\">\r\n                       <mat-error><strong>Guardian work phone number format is not correct.</strong></mat-error>\r\n                    </div>\r\n                  \r\n                    \r\n                </mat-form-field>\r\n              </mat-card>\r\n               \r\n              <div></div>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Guardian Email:</mat-label>\r\n                    <input matInput formControlName=\"guardianEmail\" [(ngModel)]=\"editVictim.guardianEmail\"  >\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('guardianEmail').errors \r\n                    && (victimForm.get('guardianEmail').dirty || victimForm.get('guardianEmail').touched)\">\r\n                   <mat-error><strong>Guardian email format is not correct.</strong></mat-error>\r\n                   </div>\r\n                </mat-form-field>\r\n\r\n                <div></div>\r\n               \r\n                <div>\r\n                <app-smart-address \r\n\r\n                [showPsa]=\"true\" \r\n                [modifiedBy]=\"staffId\" \r\n                [id]=\"guardianAddressId\"\r\n                (addressIdChange)=\"onGuardianAddressChange($event)\"\r\n                [outline]=\"true\" \r\n                readonly=\"false\"\r\n                [rowHeight]=\"80\" \r\n                (isValid)=\"false\" \r\n                [addressValidators]=\"addressValidators\"\r\n                #guardianAddressComponent\r\n                >\r\n                </app-smart-address>\r\n                </div>\r\n              </div>\r\n                          \r\n              <br><br><br> \r\n            </mat-tab>\r\n                        \r\n            <!--advocate-->\r\n            \r\n              <mat-tab  *ngIf=\"advocateTabFlag\" label=\"Advocate\" > \r\n                <div class='container'>\r\n                \r\n                <mat-form-field>\r\n                  <mat-label>Advocate Last Name:</mat-label>\r\n                    <input matInput  formControlName=\"advocateLastName\" [(ngModel)]=\"editVictim.advocateLastName\"  >\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('advocateLastName').errors \">\r\n                      <mat-error>Advocate last name is <strong>required</strong></mat-error>\r\n                    </div> \r\n                 </mat-form-field>\r\n                   \r\n                <mat-form-field>\r\n                  <mat-label>Advocate First Name:</mat-label>\r\n                    <input matInput  formControlName=\"advocateFirstName\" [(ngModel)]=\"editVictim.advocateFirstName\"  >\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('advocateFirstName').errors \">\r\n                      <mat-error>Advocate first name is <strong>required</strong></mat-error>\r\n                    </div> \r\n                </mat-form-field>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Advocate Prefix:</mat-label>\r\n                    <mat-select  formControlName=\"advocatePrefixId\"  [(ngModel)]=\"editVictim.advocatePrefixId\" >\r\n                      <mat-option *ngFor=\"let item of prefixes\" [value]=\"item.prefixId\">{{item.name}}</mat-option>\r\n                    </mat-select>\r\n                </mat-form-field>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Advocate Suffix:</mat-label>\r\n                    <mat-select  formControlName=\"advocateSuffixId\" [(ngModel)]=\"editVictim.advocateSuffixId\"  >\r\n                      <mat-option *ngFor=\"let item of suffixes\" [value]=\"item.suffixId\">{{item.name}}</mat-option>\r\n                    </mat-select>\r\n                </mat-form-field>\r\n\r\n               \r\n                <mat-form-field>\r\n                  <mat-checkbox  \r\n                  color = \"primary\" \r\n                  formControlName=\"advocateNoPhoneFlag\" \r\n                 \r\n                  [(ngModel)]=\"editVictim.advocateNoPhoneFlag\" >\r\n                  No Phone (If there is no phone, the phone fields are no longer required)</mat-checkbox>\r\n                  <input matInput placeholder=\"\" style=\"display: none;\">\r\n                </mat-form-field>\r\n\r\n                <div></div> \r\n                <mat-card> \r\n                <mat-form-field >\r\n                  <mat-label>Advocate Home Phone:</mat-label>\r\n                    <input matInput   \r\n                    formControlName=\"advocateHomePhone\" \r\n                    [(ngModel)]=\"editVictim.advocateHomePhone\"\r\n                    appPhoneMask\r\n                    maxlength=\"14\" >\r\n\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('advocateHomePhone').errors \r\n                    && (victimForm.get('advocateHomePhone').dirty || victimForm.get('advocateHomePhone').touched)\">\r\n                    <mat-error><strong>Advocate home number format is not correct.</strong></mat-error>\r\n                  </div>\r\n                \r\n                </mat-form-field>\r\n    \r\n                <mat-form-field>\r\n                  <mat-label>Advocate Cell Phone:</mat-label>\r\n                    <input matInput  \r\n                    formControlName=\"advocateCellPhone\" \r\n                    [(ngModel)]=\"editVictim.advocateCellPhone\" \r\n                    appPhoneMask\r\n                    maxlength=\"14\">\r\n\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('advocateCellPhone').errors \r\n                    && (victimForm.get('advocateCellPhone').dirty || victimForm.get('advocateCellPhone').touched)\">\r\n                    <mat-error><strong>Advocate cell number format is not correct.</strong></mat-error>\r\n                  </div>\r\n\r\n                \r\n                </mat-form-field> \r\n\r\n                <mat-form-field>\r\n                  <mat-label>Advocate Work Phone:</mat-label>\r\n                    <input matInput  \r\n                     formControlName=\"advocateWorkPhone\" \r\n                     [(ngModel)]=\"editVictim.advocateWorkPhone\" \r\n                     appPhoneMask\r\n                     maxlength=\"14\"\r\n                     >\r\n\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('advocateWorkPhone').errors \r\n                    && (victimForm.get('advocateWorkPhone').dirty || victimForm.get('advocateWorkPhone').touched)\">\r\n                    <mat-error><strong>Advocate work number format is not correct.</strong></mat-error>\r\n                  </div>\r\n               \r\n                </mat-form-field>\r\n                </mat-card>\r\n\r\n                <div></div>\r\n        \r\n                <mat-form-field>\r\n                  <mat-label>Advocate Email:</mat-label>\r\n                    <input matInput formControlName=\"advocateEmail\"  [(ngModel)]=\"editVictim.advocateEmail\" >\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('advocateEmail').errors \r\n                    && (victimForm.get('advocateEmail').dirty || victimForm.get('advocateEmail').touched)\">\r\n                    <mat-error><strong>Advocate email format is not correct.</strong></mat-error>\r\n                  </div>\r\n                </mat-form-field>\r\n\r\n                <div></div>\r\n\r\n             \r\n              <div >\r\n              <app-smart-address \r\n              [showPsa]=\"true\" \r\n              [modifiedBy]=\"staffId\" \r\n              [id]=\"advocateAddressId\"\r\n              (addressIdChange)=\"onAdvocateAddressChange($event)\"\r\n              [outline]=\"true\" \r\n              readonly=\"false\"\r\n              [rowHeight]=\"80\" \r\n              (isValid)=\"false\" \r\n              [addressValidators]=\"addressValidators\"\r\n              #advocateAddressComponent >\r\n              </app-smart-address>\r\n              </div>\r\n              </div>\r\n              <br><br><br> \r\n            </mat-tab>\r\n           \r\n            \r\n             <mat-tab  label=\"Emergency Contact\">\r\n                <div class='container'>\r\n            \r\n                        <mat-form-field>\r\n                          <mat-label>Emergency Contact Name:</mat-label>\r\n                            <input matInput  formControlName=\"emergencyContact\" [(ngModel)]=\"editVictim.emergencyContact\"  >\r\n                          </mat-form-field>\r\n\r\n                          <mat-form-field>\r\n                            <mat-label>Emergency Phone Number:</mat-label>\r\n                              <input matInput   \r\n                              formControlName=\"emergencyContactPhone\" \r\n                               [(ngModel)]=\"editVictim.emergencyContactPhone\" \r\n                               appPhoneMask\r\n                               >\r\n                              <div class=\"help-block\" *ngIf=\"victimForm.get('emergencyContactPhone').errors \r\n                              && (victimForm.get('emergencyContactPhone').dirty || victimForm.get('emergencyContactPhone').touched)\">\r\n                              <mat-error><strong>Emergency contact number format is not correct.</strong></mat-error>\r\n                            </div>\r\n                            </mat-form-field>\r\n\r\n                </div>\r\n                <br><br><br>    \r\n            </mat-tab> \r\n          \r\n          </mat-tab-group>\r\n          <div class='outer'>\r\n            <div>\r\n               All buttons apply to all tabs. If save button is grey, please check each tab to make sure the required field is filled.<br><br>\r\n\r\n               <div class=\"help-block\" *ngIf=\"victimForm.get('minorFlag').errors \r\n                    && (victimForm.get('minorFlag').dirty || victimForm.get('minorFlag').touched)\">\r\n                    <mat-error>If victim a minor field is <strong>required</strong></mat-error>\r\n              </div>\r\n              \r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('victimAdvocateFlag').errors \r\n              && (victimForm.get('victimAdvocateFlag').dirty || victimForm.get('victimAdvocateFlag').touched)\">\r\n              <mat-error>If victim has advocate field is <strong>required</strong></mat-error>\r\n              </div> \r\n              \r\n               <div class=\"help-block\" *ngIf=\"victimForm.get('underSupervisionFlag').errors \r\n              && (victimForm.get('underSupervisionFlag').dirty || victimForm.get('underSupervisionFlag').touched)\">\r\n              <mat-error>Under supervision field is <strong>required</strong></mat-error>\r\n              </div> \r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('victimOffenderRelationshipTypeId').errors \r\n              && (victimForm.get('victimOffenderRelationshipTypeId').dirty || victimForm.get('victimOffenderRelationshipTypeId').touched)\">\r\n              <mat-error>Relationship is <strong>required</strong></mat-error>\r\n              </div> \r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('lastName').errors \r\n              && (victimForm.get('lastName').dirty || victimForm.get('lastName').touched)\">\r\n              <mat-error>Victim last name is <strong>required</strong></mat-error>\r\n              </div> \r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('firstName').errors \r\n              && (victimForm.get('firstName').dirty || victimForm.get('firstName').touched)\">\r\n              <mat-error>victim first name is <strong>required</strong></mat-error>\r\n             </div> \r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('guardianFirstName').errors \r\n              && (victimForm.get('guardianFirstName').dirty || victimForm.get('guardianFirstName').touched)\">\r\n                <mat-error>Guardian first name is <strong>required</strong></mat-error>\r\n              </div>\r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('guardianLastName').errors\r\n             && (victimForm.get('guardianLastName').dirty || victimForm.get('guardianLastName').touched)\" >\r\n              <mat-error>Guardian last name is <strong>required</strong></mat-error>\r\n              </div> \r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('advocateLastName').errors\r\n                && (victimForm.get('advocateLastName').dirty || victimForm.get('advocateLastName').touched)\" >\r\n                  <mat-error>Advocate last name is <strong>required</strong></mat-error>\r\n                  </div> \r\n    \r\n                <div class=\"help-block\" *ngIf=\"victimForm.get('advocateFirstName').errors\r\n                && (victimForm.get('advocateFirstName').dirty || victimForm.get('advocateFirstName').touched)\">\r\n                  <mat-error>Advocate first name is <strong>required</strong></mat-error>\r\n                </div>\r\n\r\n              \r\n                <div class=\"help-block\" *ngIf=\"victimForm.get('otherWeapon').errors \r\n                    && (victimForm.get('otherWeapon').dirty || victimForm.get('otherWeapon').touched)\">\r\n                    <mat-error>Other weapon field is <strong>required</strong></mat-error>\r\n              </div>\r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('otherDrug').errors \r\n              && (victimForm.get('otherDrug').dirty || victimForm.get('otherDrug').touched)\">\r\n              <mat-error>Other drug field is <strong>required</strong></mat-error>\r\n             </div>\r\n\r\n\r\n            </div>\r\n              \r\n                  <div class=\"inner\">\r\n                     <button  mat-raised-button color=\"primary\" (click)=\"saveVictim()\" [disabled]=\"!victimForm.valid\"  >Save </button> \r\n                  </div>\r\n                  &nbsp;&nbsp;\r\n                  <div *ngIf=\"showDelete\" class=\"inner\">\r\n                  <button  mat-raised-button color=\"primary\" (click)=\"deleteVictim()\">Delete </button>\r\n                 </div>\r\n                  &nbsp;&nbsp; \r\n                  <div class=\"inner\">\r\n                  <button  mat-raised-button color=\"primary\" (click)=\"cancel()\">Clear </button>\r\n                </div>\r\n                  &nbsp;&nbsp; \r\n                  <button mat-raised-button color=\"primary\"  (click)=\"back()\">Back</button>\r\n\r\n            </div>\r\n\r\n        </div>\r\n        <br>\r\n        <br>\r\n\r\n        <div align=\"right\">\r\n          <button mat-raised-button color=\"primary\"  (click)=\"addContact()\"  >Add victim contact</button>\r\n        </div>\r\n        \r\n        <div>\r\n\r\n          <mat-table #table [dataSource]=\"contactDataSource\" class=\"example-table\">\r\n            <ng-container matColumnDef=\"contactDate\">\r\n                <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Contact Date</mat-header-cell>\r\n                <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.contactDate | date}} </mat-cell>\r\n            </ng-container>\r\n\r\n\r\n            <ng-container matColumnDef=\"victimContactMethod\">\r\n                    <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Contact Method</mat-header-cell>\r\n                    <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.victimContactMethod}} </mat-cell>\r\n            </ng-container>\r\n\r\n            <ng-container matColumnDef=\"nextContactDate\">\r\n              <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Next Contact Date</mat-header-cell>\r\n              <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.nextContactDate | date}} </mat-cell>\r\n            </ng-container>\r\n            \r\n        \r\n            <ng-container matColumnDef=\"staff\">\r\n                    <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Contact By</mat-header-cell>\r\n                    <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.staff}} </mat-cell>\r\n            </ng-container>\r\n            <ng-container matColumnDef=\"comment\">\r\n                            <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Comment</mat-header-cell>\r\n                            <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.comment}} </mat-cell>\r\n                    </ng-container>\r\n\r\n            <ng-container matColumnDef=\"contactId\">\r\n                    <mat-header-cell *matHeaderCellDef class=\"example-header-cell\"></mat-header-cell>\r\n                <mat-cell *matCellDef=\"let row\" class=\"example-cell\">\r\n                  \r\n                </mat-cell>\r\n            </ng-container>\r\n\r\n            <mat-header-row *matHeaderRowDef=\"['contactDate', 'victimContactMethod','nextContactDate', 'staff', 'comment', 'contactId']\" class=\"example-header-row\"></mat-header-row>\r\n            <mat-row *matRowDef=\"let row; columns:['contactDate', 'victimContactMethod','nextContactDate', 'staff', 'comment', 'contactId'];\" class=\"example-row\"></mat-row>\r\n            </mat-table>\r\n\r\n\r\n        </div>\r\n  \r\n  </mat-card-content>\r\n</mat-card>\r\n", styles: ["mat-form-field{width:100%}.container{margin:16px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;grid-auto-rows:minmax(50px,auto);justify-items:stretch}@media only screen and (max-width: 1120px){.container{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:15px}}@media only screen and (max-width: 675px){.container{display:flex;flex-direction:column}}#outer{width:100%;text-align:center}.inner{display:inline-block}.tp-radio-group{display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i8$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i8$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$1.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"] }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i10.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i10.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "component", type: i11.MatSlider, selector: "mat-slider", inputs: ["disabled", "color", "tabIndex", "invert", "max", "min", "step", "thumbLabel", "tickInterval", "value", "displayWith", "valueText", "vertical"], outputs: ["change", "input", "valueChange"], exportAs: ["matSlider"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i13.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i13.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "directive", type: i14.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i14.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i14.MatLabel, selector: "mat-label" }, { kind: "directive", type: i14.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i15.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"] }, { kind: "component", type: i16.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i16.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i16.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i17.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i18.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i11$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i11$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i11$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i11$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i11$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i11$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i11$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i11$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i11$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i11$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i20.SmartAddressComponent, selector: "app-smart-address", inputs: ["showPsa", "housingTypeId", "modifiedBy", "rowHeight", "id", "outline", "readonly", "addressValidators"], outputs: ["isValid", "addressIdChange"] }, { kind: "directive", type: PhoneMaskDirective, selector: "[formControlName][appPhoneMask]" }, { kind: "pipe", type: i8$1.DatePipe, name: "date" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SmartVictimDetailComponent, decorators: [{
             type: Component,
             args: [{ selector: 'csmart-victim-detail', providers: [CommonDialogService], template: "<mat-card>\r\n  <mat-card-content>\r\n\r\n        <div  [formGroup]=\"victimForm\">\r\n\r\n          <mat-tab-group dynamicHeight  mat-stretch-tabs>\r\n            <mat-tab label=\"Victim Detail\" >\r\n              <div class='container'>\r\n\r\n                    <mat-form-field>\r\n                      <mat-label>Is victim a minor?<font color=\"red\">* </font></mat-label>\r\n                      <br>\r\n                      <mat-radio-group  formControlName=\"minorFlag\"  (change)=\"radioMinorChange($event)\" [(ngModel)]=\"editVictim.minorFlag\" >\r\n                      <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                      <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                    </mat-radio-group>\r\n                    <input matInput placeholder=\"\" style=\"display: none\">\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('minorFlag').errors \r\n                    && (victimForm.get('minorFlag').dirty || victimForm.get('minorFlag').touched)\">\r\n                    <mat-error>If victim a minor field is <strong>required</strong></mat-error>\r\n                    </div> \r\n\r\n                  </mat-form-field>\r\n                 \r\n                  <mat-form-field>\r\n                    <mat-label>Does the Victim have a Victim Advocate or Social Worker with <br>whom CSOSA should maintain contact?<font color=\"red\">* </font></mat-label>\r\n                    <br>\r\n                    <br>\r\n                    <mat-radio-group class = \"tp-radio-group\"  formControlName=\"victimAdvocateFlag\"  (change)=\"radioAdvocateChange($event)\" [(ngModel)]=\"editVictim.victimAdvocateFlag\">\r\n                      <mat-radio-button  color=\"primary\" *ngFor=\"let item of flagOption\" [value]=\"item.flagOptionYesNoUnknownId\">{{item.name}} </mat-radio-button>&nbsp;\r\n                    </mat-radio-group>\r\n                    <input matInput placeholder=\"\" style=\"display: none\">\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('victimAdvocateFlag').errors \r\n                    && (victimForm.get('victimAdvocateFlag').dirty || victimForm.get('victimAdvocateFlag').touched)\">\r\n                    <mat-error>If victim has advocate field is <strong>required</strong></mat-error>\r\n                    </div> \r\n                  </mat-form-field>\r\n              \r\n \r\n               <mat-form-field>\r\n                  <mat-label>Victim Currently Under Supervision:</mat-label>\r\n                    <mat-select  formControlName=\"underSupervisionFlag\" name=\"supervision\" [(ngModel)]=\"editVictim.underSupervisionFlag\" >\r\n                      <mat-option *ngFor=\"let item of flagOption\" [value]=\"item.flagOptionYesNoUnknownId\" >\r\n                        {{item.name}}</mat-option>\r\n                    </mat-select>\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('underSupervisionFlag').errors \r\n                    && (victimForm.get('underSupervisionFlag').dirty || victimForm.get('underSupervisionFlag').touched)\">\r\n                    <mat-error>under supervision field is <strong>required</strong></mat-error>\r\n                    </div> \r\n                </mat-form-field>\r\n               \r\n             \r\n               <mat-form-field>\r\n                  <mat-label>Relationship to Offender:</mat-label>\r\n                    <mat-select formControlName=\"victimOffenderRelationshipTypeId\" [(ngModel)]=\"editVictim.victimOffenderRelationshipTypeId\"  >\r\n                      <mat-option *ngFor=\"let item of relationshipTypes\" [value]=\"item.relationshipTypeId\">{{item.name}}</mat-option>\r\n                    </mat-select>\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('victimOffenderRelationshipTypeId').errors \r\n                    && (victimForm.get('victimOffenderRelationshipTypeId').dirty || victimForm.get('victimOffenderRelationshipTypeId').touched)\">\r\n                    <mat-error>relationship is <strong>required</strong></mat-error>\r\n                    </div> \r\n                </mat-form-field>\r\n             \r\n                 \r\n                <mat-form-field>\r\n                  <mat-label>Victim Last Name:</mat-label>\r\n                  <input matInput formControlName=\"lastName\"  [(ngModel)]=\"editVictim.lastName\" >\r\n                  <div class=\"help-block\" *ngIf=\"victimForm.get('lastName').errors \r\n                  && (victimForm.get('lastName').dirty || victimForm.get('lastName').touched)\">\r\n                  <mat-error>victim last name is <strong>required</strong></mat-error>\r\n                  </div> \r\n                </mat-form-field>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Victim First Name: </mat-label>\r\n                  <input matInput  formControlName=\"firstName\" [(ngModel)]=\"editVictim.firstName\"  >\r\n                  <div class=\"help-block\" *ngIf=\"victimForm.get('firstName').errors \r\n                  && (victimForm.get('firstName').dirty || victimForm.get('firstName').touched)\">\r\n                  <mat-error>victim first name is <strong>required</strong></mat-error>\r\n                 </div> \r\n                </mat-form-field>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Victim Middle Name:</mat-label>\r\n                    <input matInput  formControlName=\"middleName\" [(ngModel)]=\"editVictim.middleName\">\r\n                </mat-form-field>\r\n                             \r\n                <mat-form-field>\r\n                  <mat-label>Victim Prefix:</mat-label>\r\n                    <mat-select  formControlName=\"prefixId\" [(ngModel)]=\"editVictim.prefixId\">\r\n                      <mat-option *ngFor=\"let item of prefixes\" [value]=\"item.prefixId\">{{item.name}}</mat-option>\r\n                    </mat-select>\r\n                </mat-form-field>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Victim Suffix:</mat-label>\r\n                    <mat-select  formControlName=\"suffixId\"  [(ngModel)]=\"editVictim.suffixId\">\r\n                      <mat-option *ngFor=\"let item of suffixes\" [value]=\"item.suffixId\">{{item.name}}</mat-option>\r\n                    </mat-select>\r\n                </mat-form-field>\r\n  \r\n                <mat-form-field>\r\n                  <mat-label>Victim Gender:</mat-label>\r\n                  <mat-select  formControlName=\"genderCode\" [(ngModel)]=\"editVictim.genderCode\">\r\n                    <mat-option *ngFor=\"let item of genders\" [value]=\"item.genderCode\">{{item.name}}</mat-option>\r\n                  </mat-select>\r\n                </mat-form-field>\r\n                             \r\n                <mat-form-field>\r\n                  <mat-label>Date of Birth:</mat-label>\r\n                   <input matInput \r\n                   [matDatepicker]=\"victimBirthRef\" \r\n                   formControlName=\"birthDate\"\r\n                  [(ngModel)]=\"editVictim.birthDate\"\r\n                  (click)=\"victimBirthRef.open()\"\r\n                  (dateChange)=\"handleDOBChange($event)\"  \r\n                    >\r\n                  <mat-datepicker-toggle [for]=\"victimBirthRef\" matSuffix></mat-datepicker-toggle>\r\n                  <mat-datepicker #victimBirthRef></mat-datepicker>\r\n                </mat-form-field>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Victim Home Phone:</mat-label>\r\n                    <input \r\n                    matInput \r\n                    formControlName=\"homePhone\" \r\n                    [(ngModel)]=\"editVictim.homePhone\" \r\n                    appPhoneMask\r\n                    maxlength=\"14\"/>\r\n\r\n\r\n                  <div class=\"help-block\" *ngIf=\"victimForm.get('homePhone').errors\r\n                  && (victimForm.get('homePhone').dirty || victimForm.get('homePhone').touched)\">\r\n                  <mat-error><strong>Home phone number format is not correct.</strong></mat-error>\r\n                  </div>\r\n                </mat-form-field>\r\n\r\n                <mat-form-field >\r\n                  <mat-label>Victim Cell Phone:</mat-label>\r\n                  <input \r\n                  matInput  \r\n                  formControlName=\"cellPhone\"\r\n                  appPhoneMask\r\n                  [(ngModel)]=\"editVictim.cellPhone\" >\r\n                      <div class=\"help-block\" *ngIf=\"victimForm.get('cellPhone').errors \r\n                  && (victimForm.get('cellPhone').dirty || victimForm.get('cellPhone').touched)\">\r\n                   <mat-error><strong>Cell phone number format is not correct.</strong></mat-error>\r\n              </div>\r\n                </mat-form-field>\r\n\r\n               \r\n                <mat-form-field >\r\n                  <mat-label>Victim Work Phone:</mat-label>\r\n                  <input matInput  \r\n                  formControlName=\"workPhone\"  \r\n                  [(ngModel)]=\"editVictim.workPhone\"\r\n                  appPhoneMask\r\n                  >\r\n                  <div class=\"help-block\" *ngIf=\"victimForm.get('workPhone').errors \r\n                  && (victimForm.get('workPhone').dirty || victimForm.get('workPhone').touched)\">\r\n                  <mat-error><strong>Work phone number format is not correct.</strong></mat-error>\r\n                  </div>\r\n                </mat-form-field>\r\n\r\n                <mat-form-field >\r\n                  <mat-label>Victim Email:</mat-label>\r\n                   <input matInput  formControlName=\"email\" [(ngModel)]=\"editVictim.email\" >\r\n                   <div class=\"help-block\" *ngIf=\"victimForm.get('email').errors \r\n                  && (victimForm.get('email').dirty || victimForm.get('email').touched)\">\r\n                  <mat-error><strong>victim email format is not correct.</strong></mat-error>\r\n              </div>\r\n                </mat-form-field>\r\n  \r\n                <div></div>\r\n              \r\n                <!-- <app-smart-address \r\n                [showPsa]=\"true\" \r\n                [modifiedBy]=\"staffId\" \r\n                [id]=\"addressId\"\r\n                (addressIdChange)=\"onAddressChange($event)\"\r\n                [outline]=\"true\" \r\n                readonly=\"false\"\r\n                [rowHeight]=\"80\" \r\n                (isValid)=\"false\" \r\n                [addressValidators]=\"addressValidators\"\r\n                #addressComponent\r\n                > -->\r\n\r\n\r\n                <app-smart-address\r\n                [modifiedBy]=\"staffId\"\r\n                [id]=\"addressId\"\r\n                [outline]=\"true\"\r\n                [showPsa]=\"true\"\r\n                [addressValidators]=\"addressValidators\"\r\n                [readonly]=\"false\"\r\n                (addressIdChange)=\"onAddressChange($event)\"\r\n                #addressComponent\r\n              >\r\n\r\n                </app-smart-address>\r\n          \r\n               \r\n                  <!-- Docket: \r\n                  <div>\r\n                    <div  *ngFor=\"let docket of docketlist; let i=index\">\r\n                      <mat-checkbox >{{docket.docketNumber}}</mat-checkbox>\r\n                    </div>\r\n                  </div> -->\r\n                  <div>\r\n                  <mat-checkbox  color=\"primary\" formControlName=\"liveWithOffenderFlag\" name=\"liveWithOffenderFlag\" [(ngModel)]=\"editVictim.liveWithOffenderFlag\"   (change)=\"showAddress($event)\"  >victim live with offender</mat-checkbox>\r\n                  <br>\r\n                  <mat-checkbox  color=\"primary\" formControlName=\"allowCsosaContactFlag\" name=\"allowCsosaContactFlag\" [(ngModel)]=\"editVictim.allowCsosaContactFlag\">victim wants to be contacted by CSOSA</mat-checkbox>\r\n                  </div>\r\n                                   \r\n                </div> \r\n\r\n                <mat-card>\r\n                      <mat-form-field>\r\n                        <mat-label> Children in Common</mat-label>\r\n                        <br>\r\n                        <mat-radio-group formControlName=\"commonChildrenFlag\" [(ngModel)]=\"editVictim.commonChildrenFlag\"  (change)=\"radioCicChange($event)\">\r\n                            <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                            <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                          </mat-radio-group>\r\n                          <input matInput placeholder=\"\" style=\"display: none\">\r\n                        </mat-form-field>\r\n\r\n                       <div  *ngIf=\"commonChildrenDivFlag\">\r\n                   \r\n                          <mat-form-field >\r\n                            <mat-label>\r\n                              Children number\r\n                             </mat-label>\r\n                              <input matInput  formControlName=\"commonChildrenNumber\" [(ngModel)]=\"editVictim.commonChildrenNumber\" >\r\n                            </mat-form-field>\r\n                   \r\n                  </div>\r\n   \r\n                      <mat-form-field>\r\n                        <mat-label>CPO: </mat-label>\r\n                        <br>\r\n                          <mat-radio-group formControlName=\"cpoExpirationFlag\"  [(ngModel)]=\"editVictim.cpoExpirationFlag\" (change)=\"radioCpoChange($event)\">\r\n                              <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                              <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                            </mat-radio-group>\r\n                            <input matInput placeholder=\"\" style=\"display: none\">\r\n                          </mat-form-field>\r\n                      \r\n                      <div *ngIf=\"cpoExpirationDivFlag\"> \r\n                          <mat-form-field>\r\n                            <mat-label>Expiration Date: </mat-label>\r\n                               <input matInput \r\n                               [matDatepicker]=\"cpoDateRef\" \r\n                               formControlName=\"cpoExpirationDate\" \r\n                              (click)=\"cpoDateRef.open()\"  \r\n                              [(ngModel)]=\"editVictim.cpoExpirationDate\"  >\r\n                              <mat-datepicker-toggle [for]=\"cpoDateRef\" matSuffix></mat-datepicker-toggle>\r\n                              <mat-datepicker #cpoDateRef></mat-datepicker>\r\n                            </mat-form-field>\r\n\r\n                      </div>\r\n                    \r\n                    <br>\r\n                    <br>\r\n     \r\n                          <mat-form-field>\r\n                            <mat-label>Victim has a Support System in Place? </mat-label>\r\n                             <br>\r\n                            <mat-radio-group formControlName=\"supportInPlaceFlag\" [(ngModel)]=\"editVictim.supportInPlaceFlag\"  (change)=\"radioSupportChange($event)\">\r\n                                <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                                <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                              </mat-radio-group>\r\n                              <input matInput placeholder=\"\" style=\"display: none\">\r\n                            </mat-form-field>\r\n                     \r\n                        <div *ngIf=\"supportInPlaceDivFlag\"> \r\n                            <mat-form-field>\r\n                              <mat-label>Support type? </mat-label>\r\n                                <mat-select #supportSel formControlName=\"victimSupports\" [(ngModel)]=\"editVictim.victimSupports\" multiple>\r\n                                  <div (mouseleave)=\"supportSel.close()\">\r\n                                    <mat-option color=\"primary\" *ngFor=\"let item of victimSupportTypes\" [value]=\"item.victimSupportTypeId\">\r\n                                      {{item.name}}\r\n                                    </mat-option>\r\n                                 </div>\r\n                                </mat-select>\r\n                                <input matInput placeholder=\"\" style=\"display: none\">\r\n                              </mat-form-field>\r\n\r\n                        </div>\r\n                      \r\n                      <br>\r\n                      <br>\r\n\r\n                            <mat-form-field>\r\n                              <mat-label>Weapons Involved?</mat-label>\r\n                              <br>\r\n                              <mat-radio-group formControlName=\"weaponInvolvedFlag\" (change)=\"radioWeaponChange($event)\" [(ngModel)]=\"editVictim.weaponInvolvedFlag\" >\r\n                                  <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                                  <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                                </mat-radio-group>\r\n                                <input matInput placeholder=\"\" style=\"display: none\">\r\n                            </mat-form-field>\r\n                            \r\n                       \r\n                          <div *ngIf=\"weaponInvolvedDivFlag\"> \r\n                              <mat-form-field>\r\n                                <mat-label>Weapon Type</mat-label>\r\n                                  <mat-select  #weaponSel formControlName=\"victimWeaponUses\" multiple [(ngModel)]=\"editVictim.victimWeaponUses\" (selectionChange)=\"checkOtherWeapon($event.value)\" >\r\n                                    <div (mouseleave)=\"weaponSel.close()\">\r\n                                      <mat-option color=\"primary\" *ngFor=\"let item of weaponTypes\" [value]=\"item.weaponTypeId\">\r\n                                        {{item.name}}\r\n                                      </mat-option>\r\n                                    </div>\r\n                                  </mat-select>\r\n                                  <input matInput placeholder=\"\" style=\"display: none\">\r\n                                </mat-form-field>\r\n                          </div>\r\n\r\n                          <div *ngIf=\"otherWeaponFlag\"> \r\n                             <mat-form-field>\r\n                              <mat-label>Other Weapon:* </mat-label>\r\n                              <input matInput  formControlName=\"otherWeapon\" >\r\n                              </mat-form-field>\r\n                              <div class=\"help-block\" *ngIf=\"victimForm.get('otherWeapon').errors \r\n                              && (victimForm.get('otherWeapon').dirty || victimForm.get('otherWeapon').touched)\">\r\n                              <mat-error><strong>Other weapon is required.</strong></mat-error>\r\n                              </div>\r\n                          </div>\r\n\r\n             \r\n                        <br>\r\n                        <br>\r\n \r\n                              <mat-form-field>\r\n                                <mat-label>Was Offender under the influence of alcohol at the time of the offense?</mat-label>\r\n                                <br>\r\n                                <mat-radio-group formControlName=\"alcoholUseFlag\" [(ngModel)]=\"editVictim.alcoholUseFlag\" >\r\n                                    <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                                    <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                                  </mat-radio-group>\r\n                                  <input matInput placeholder=\"\" style=\"display: none\">\r\n                                </mat-form-field>\r\n                      \r\n                          <br>\r\n                          <br>\r\n\r\n                                <mat-form-field>\r\n                                  <mat-label>Was Offender under the influence of drugs at the time of the offense?</mat-label>\r\n                                  <br>\r\n                                  <mat-radio-group formControlName=\"drugUseFlag\" (change)=\"radioDrugChange($event)\" [(ngModel)]=\"editVictim.drugUseFlag\"  >\r\n                                      <mat-radio-button color=\"primary\" [value]=\"true\">Yes</mat-radio-button>&nbsp;\r\n                                      <mat-radio-button color=\"primary\" [value]=\"false\">No</mat-radio-button>\r\n                                    </mat-radio-group>\r\n                                    <input matInput placeholder=\"\" style=\"display: none\">\r\n                                  </mat-form-field>\r\n                            \r\n                              <div *ngIf=\"drugUseDivFlag\"> \r\n                                  <mat-form-field>\r\n                                    <mat-label>Drug:</mat-label>\r\n                                      <mat-select  #drugSel formControlName=\"victimDrugUses\" multiple   (selectionChange)=\"checkOtherDrug($event.value)\" >\r\n                                        <div (mouseleave)=\"drugSel.close()\">\r\n                                            <mat-option color=\"primary\" *ngFor=\"let item of drugs\" [value]=\"item.drugTypeId\">\r\n                                            {{item.name}}\r\n                                          </mat-option>\r\n                                         \r\n                                        </div>\r\n                                      </mat-select>\r\n                                      <input matInput placeholder=\"\" style=\"display: none\">\r\n                                    </mat-form-field>\r\n    \r\n                              </div>\r\n\r\n                              <div *ngIf=\"otherDrugFlag\"> \r\n                                <mat-form-field>\r\n                                 <mat-label>Other Drug:* </mat-label>\r\n                                 <input matInput  formControlName=\"otherDrug\" >\r\n                                 </mat-form-field>\r\n                                 <div class=\"help-block\" *ngIf=\"victimForm.get('otherDrug').errors \r\n                                 && (victimForm.get('otherDrug').dirty || victimForm.get('otherDrug').touched)\">\r\n                                 <mat-error><strong>Other drug is required.</strong></mat-error>\r\n                                 </div>\r\n                             </div>\r\n                            <br>\r\n                            <br>\r\n\r\n                            <div>\r\n                                <div>\r\n                                <mat-label>\r\n                                  Access Risk: 1 thru 10 (10 greatest risk): &nbsp;<b> {{editVictim.accessRisk}}</b>\r\n                                </mat-label>\r\n                                </div>\r\n                                <div>\r\n                               \r\n                                    <mat-slider\r\n                                    formControlName=\"accessRisk\"\r\n                                    thumbLabel=\"true\"\r\n                                    [displayWith]=\"formatLabel\"\r\n                                    min=\"1\"\r\n                                    max=\"10\"\r\n                                    [(ngModel)]=\"editVictim.accessRisk\" \r\n                                    ></mat-slider>\r\n                                  \r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                          </mat-card>  \r\n\r\n \r\n              <br><br><br>           \r\n            </mat-tab>\r\n            \r\n           <mat-tab  *ngIf=\"guardianTabFlag\" label=\"Legal Guardian\">\r\n            <div class='container'>\r\n              <mat-form-field>\r\n                  <mat-label>Guardian Last Name:</mat-label>\r\n                  <input matInput formControlName=\"guardianLastName\" [(ngModel)]=\"editVictim.guardianLastName\" > \r\n                  <div class=\"help-block\" *ngIf=\"victimForm.get('guardianLastName').errors \">\r\n                    <mat-error>Guardian last name is <strong>required</strong></mat-error>\r\n                  </div> \r\n                </mat-form-field>\r\n\r\n               <mat-form-field>\r\n                <mat-label>Guardian First Name:</mat-label>\r\n                  <input matInput  formControlName=\"guardianFirstName\" [(ngModel)]=\"editVictim.guardianFirstName\" >\r\n                  <div class=\"help-block\" *ngIf=\"victimForm.get('guardianFirstName').errors \">\r\n                    <mat-error>Guardian first name is <strong>required</strong></mat-error>\r\n                  </div> \r\n                \r\n                </mat-form-field>\r\n                              \r\n              <mat-form-field>\r\n                <mat-label>Guardian Prefix:</mat-label>\r\n                  <mat-select  formControlName=\"guardianPrefixId\" [(ngModel)]=\"editVictim.guardianPrefixId\" >\r\n                    <mat-option *ngFor=\"let item of prefixes\" [value]=\"item.prefixId\">{{item.name}}</mat-option>\r\n                  </mat-select>\r\n              </mat-form-field>\r\n\r\n              <mat-form-field>\r\n                <mat-label>Guardian Suffix:</mat-label>\r\n                  <mat-select  formControlName=\"guardianSuffixId\" [(ngModel)]=\"editVictim.guardianSuffixId\"  >\r\n                    <mat-option *ngFor=\"let item of suffixes\" [value]=\"item.suffixId\">{{item.name}}</mat-option>\r\n                  </mat-select>\r\n                </mat-form-field>\r\n\r\n              \r\n                <!-- <mat-form-field>\r\n                    <mat-select placeholder=\"Choose\" formControlName=\"guardianGender\" [(ngModel)]=\"editVictim.guardianGender\">\r\n                      <mat-option *ngFor=\"let item of genders\" [value]=\"item.genderCode\">{{item.name}}</mat-option>\r\n                    </mat-select>\r\n                  </mat-form-field> -->\r\n             \r\n                \r\n                <mat-form-field>\r\n                  <mat-label>Date of Birth:</mat-label>\r\n                     <input matInput \r\n                     [matDatepicker]=\"guardianDateRef\" \r\n                     formControlName=\"guardianBirthDate\"\r\n                     [(ngModel)]=\"editVictim.guardianBirthDate\" \r\n                     (click)=\"guardianDateRef.open()\" \r\n                       >\r\n                    <mat-datepicker-toggle [for]=\"guardianDateRef\" matSuffix></mat-datepicker-toggle>\r\n                    <mat-datepicker #guardianDateRef></mat-datepicker>\r\n                </mat-form-field>\r\n\r\n                <div></div>\r\n                  <mat-form-field >\r\n                  <mat-checkbox \r\n                  color = \"primary\" \r\n                  formControlName=\"guardianNoPhoneFlag\" \r\n                 \r\n                  >\r\n                  No Phone (If there is no phone, the phone fields are no longer required)</mat-checkbox>\r\n                  <input matInput placeholder=\"\" style=\"display: none;\">\r\n                </mat-form-field>\r\n\r\n\r\n                <div></div>\r\n                <mat-card>\r\n                <mat-form-field >\r\n                  <mat-label>Guardian Home Phone:</mat-label>\r\n                    <input matInput   \r\n                    formControlName=\"guardianHomePhone\" \r\n                    [(ngModel)]=\"editVictim.guardianHomePhone\" \r\n                    appPhoneMask\r\n                    maxlength=\"14\" >\r\n                   \r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('guardianHomePhone').errors \r\n                    && (victimForm.get('guardianHomePhone').dirty || victimForm.get('guardianHomePhone').touched)\">\r\n                    <mat-error><strong>Guardian home phone number format is not correct.</strong></mat-error>\r\n                  </div>\r\n               \r\n\r\n                </mat-form-field>\r\n\r\n                <mat-form-field >\r\n                  <mat-label>Guardian Cell Phone:</mat-label>\r\n                    <input matInput  \r\n                    formControlName=\"guardianCellPhone\" \r\n                    [(ngModel)]=\"editVictim.guardianCellPhone\" \r\n                    appPhoneMask\r\n                    maxlength=\"14\" \r\n                   >\r\n\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('guardianCellPhone').errors \r\n                     && (victimForm.get('guardianCellPhone').dirty || victimForm.get('guardianCellPhone').touched)\">\r\n                    <mat-error><strong>Guardian Cell phone number format is not correct.</strong></mat-error>\r\n                    </div>\r\n\r\n                 \r\n\r\n                    \r\n                </mat-form-field>\r\n\r\n                <mat-form-field >\r\n                  <mat-label>Guardian Work Phone:</mat-label>\r\n                    <input matInput  \r\n                    formControlName=\"guardianWorkPhone\" \r\n                    [(ngModel)]=\"editVictim.guardianWorkPhone\" \r\n                    appPhoneMask\r\n                    maxlength=\"14\" >\r\n\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('guardianWorkPhone').errors \r\n                       && (victimForm.get('guardianWorkPhone').dirty || victimForm.get('guardianWorkPhone').touched)\">\r\n                       <mat-error><strong>Guardian work phone number format is not correct.</strong></mat-error>\r\n                    </div>\r\n                  \r\n                    \r\n                </mat-form-field>\r\n              </mat-card>\r\n               \r\n              <div></div>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Guardian Email:</mat-label>\r\n                    <input matInput formControlName=\"guardianEmail\" [(ngModel)]=\"editVictim.guardianEmail\"  >\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('guardianEmail').errors \r\n                    && (victimForm.get('guardianEmail').dirty || victimForm.get('guardianEmail').touched)\">\r\n                   <mat-error><strong>Guardian email format is not correct.</strong></mat-error>\r\n                   </div>\r\n                </mat-form-field>\r\n\r\n                <div></div>\r\n               \r\n                <div>\r\n                <app-smart-address \r\n\r\n                [showPsa]=\"true\" \r\n                [modifiedBy]=\"staffId\" \r\n                [id]=\"guardianAddressId\"\r\n                (addressIdChange)=\"onGuardianAddressChange($event)\"\r\n                [outline]=\"true\" \r\n                readonly=\"false\"\r\n                [rowHeight]=\"80\" \r\n                (isValid)=\"false\" \r\n                [addressValidators]=\"addressValidators\"\r\n                #guardianAddressComponent\r\n                >\r\n                </app-smart-address>\r\n                </div>\r\n              </div>\r\n                          \r\n              <br><br><br> \r\n            </mat-tab>\r\n                        \r\n            <!--advocate-->\r\n            \r\n              <mat-tab  *ngIf=\"advocateTabFlag\" label=\"Advocate\" > \r\n                <div class='container'>\r\n                \r\n                <mat-form-field>\r\n                  <mat-label>Advocate Last Name:</mat-label>\r\n                    <input matInput  formControlName=\"advocateLastName\" [(ngModel)]=\"editVictim.advocateLastName\"  >\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('advocateLastName').errors \">\r\n                      <mat-error>Advocate last name is <strong>required</strong></mat-error>\r\n                    </div> \r\n                 </mat-form-field>\r\n                   \r\n                <mat-form-field>\r\n                  <mat-label>Advocate First Name:</mat-label>\r\n                    <input matInput  formControlName=\"advocateFirstName\" [(ngModel)]=\"editVictim.advocateFirstName\"  >\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('advocateFirstName').errors \">\r\n                      <mat-error>Advocate first name is <strong>required</strong></mat-error>\r\n                    </div> \r\n                </mat-form-field>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Advocate Prefix:</mat-label>\r\n                    <mat-select  formControlName=\"advocatePrefixId\"  [(ngModel)]=\"editVictim.advocatePrefixId\" >\r\n                      <mat-option *ngFor=\"let item of prefixes\" [value]=\"item.prefixId\">{{item.name}}</mat-option>\r\n                    </mat-select>\r\n                </mat-form-field>\r\n\r\n                <mat-form-field>\r\n                  <mat-label>Advocate Suffix:</mat-label>\r\n                    <mat-select  formControlName=\"advocateSuffixId\" [(ngModel)]=\"editVictim.advocateSuffixId\"  >\r\n                      <mat-option *ngFor=\"let item of suffixes\" [value]=\"item.suffixId\">{{item.name}}</mat-option>\r\n                    </mat-select>\r\n                </mat-form-field>\r\n\r\n               \r\n                <mat-form-field>\r\n                  <mat-checkbox  \r\n                  color = \"primary\" \r\n                  formControlName=\"advocateNoPhoneFlag\" \r\n                 \r\n                  [(ngModel)]=\"editVictim.advocateNoPhoneFlag\" >\r\n                  No Phone (If there is no phone, the phone fields are no longer required)</mat-checkbox>\r\n                  <input matInput placeholder=\"\" style=\"display: none;\">\r\n                </mat-form-field>\r\n\r\n                <div></div> \r\n                <mat-card> \r\n                <mat-form-field >\r\n                  <mat-label>Advocate Home Phone:</mat-label>\r\n                    <input matInput   \r\n                    formControlName=\"advocateHomePhone\" \r\n                    [(ngModel)]=\"editVictim.advocateHomePhone\"\r\n                    appPhoneMask\r\n                    maxlength=\"14\" >\r\n\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('advocateHomePhone').errors \r\n                    && (victimForm.get('advocateHomePhone').dirty || victimForm.get('advocateHomePhone').touched)\">\r\n                    <mat-error><strong>Advocate home number format is not correct.</strong></mat-error>\r\n                  </div>\r\n                \r\n                </mat-form-field>\r\n    \r\n                <mat-form-field>\r\n                  <mat-label>Advocate Cell Phone:</mat-label>\r\n                    <input matInput  \r\n                    formControlName=\"advocateCellPhone\" \r\n                    [(ngModel)]=\"editVictim.advocateCellPhone\" \r\n                    appPhoneMask\r\n                    maxlength=\"14\">\r\n\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('advocateCellPhone').errors \r\n                    && (victimForm.get('advocateCellPhone').dirty || victimForm.get('advocateCellPhone').touched)\">\r\n                    <mat-error><strong>Advocate cell number format is not correct.</strong></mat-error>\r\n                  </div>\r\n\r\n                \r\n                </mat-form-field> \r\n\r\n                <mat-form-field>\r\n                  <mat-label>Advocate Work Phone:</mat-label>\r\n                    <input matInput  \r\n                     formControlName=\"advocateWorkPhone\" \r\n                     [(ngModel)]=\"editVictim.advocateWorkPhone\" \r\n                     appPhoneMask\r\n                     maxlength=\"14\"\r\n                     >\r\n\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('advocateWorkPhone').errors \r\n                    && (victimForm.get('advocateWorkPhone').dirty || victimForm.get('advocateWorkPhone').touched)\">\r\n                    <mat-error><strong>Advocate work number format is not correct.</strong></mat-error>\r\n                  </div>\r\n               \r\n                </mat-form-field>\r\n                </mat-card>\r\n\r\n                <div></div>\r\n        \r\n                <mat-form-field>\r\n                  <mat-label>Advocate Email:</mat-label>\r\n                    <input matInput formControlName=\"advocateEmail\"  [(ngModel)]=\"editVictim.advocateEmail\" >\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('advocateEmail').errors \r\n                    && (victimForm.get('advocateEmail').dirty || victimForm.get('advocateEmail').touched)\">\r\n                    <mat-error><strong>Advocate email format is not correct.</strong></mat-error>\r\n                  </div>\r\n                </mat-form-field>\r\n\r\n                <div></div>\r\n\r\n             \r\n              <div >\r\n              <app-smart-address \r\n              [showPsa]=\"true\" \r\n              [modifiedBy]=\"staffId\" \r\n              [id]=\"advocateAddressId\"\r\n              (addressIdChange)=\"onAdvocateAddressChange($event)\"\r\n              [outline]=\"true\" \r\n              readonly=\"false\"\r\n              [rowHeight]=\"80\" \r\n              (isValid)=\"false\" \r\n              [addressValidators]=\"addressValidators\"\r\n              #advocateAddressComponent >\r\n              </app-smart-address>\r\n              </div>\r\n              </div>\r\n              <br><br><br> \r\n            </mat-tab>\r\n           \r\n            \r\n             <mat-tab  label=\"Emergency Contact\">\r\n                <div class='container'>\r\n            \r\n                        <mat-form-field>\r\n                          <mat-label>Emergency Contact Name:</mat-label>\r\n                            <input matInput  formControlName=\"emergencyContact\" [(ngModel)]=\"editVictim.emergencyContact\"  >\r\n                          </mat-form-field>\r\n\r\n                          <mat-form-field>\r\n                            <mat-label>Emergency Phone Number:</mat-label>\r\n                              <input matInput   \r\n                              formControlName=\"emergencyContactPhone\" \r\n                               [(ngModel)]=\"editVictim.emergencyContactPhone\" \r\n                               appPhoneMask\r\n                               >\r\n                              <div class=\"help-block\" *ngIf=\"victimForm.get('emergencyContactPhone').errors \r\n                              && (victimForm.get('emergencyContactPhone').dirty || victimForm.get('emergencyContactPhone').touched)\">\r\n                              <mat-error><strong>Emergency contact number format is not correct.</strong></mat-error>\r\n                            </div>\r\n                            </mat-form-field>\r\n\r\n                </div>\r\n                <br><br><br>    \r\n            </mat-tab> \r\n          \r\n          </mat-tab-group>\r\n          <div class='outer'>\r\n            <div>\r\n               All buttons apply to all tabs. If save button is grey, please check each tab to make sure the required field is filled.<br><br>\r\n\r\n               <div class=\"help-block\" *ngIf=\"victimForm.get('minorFlag').errors \r\n                    && (victimForm.get('minorFlag').dirty || victimForm.get('minorFlag').touched)\">\r\n                    <mat-error>If victim a minor field is <strong>required</strong></mat-error>\r\n              </div>\r\n              \r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('victimAdvocateFlag').errors \r\n              && (victimForm.get('victimAdvocateFlag').dirty || victimForm.get('victimAdvocateFlag').touched)\">\r\n              <mat-error>If victim has advocate field is <strong>required</strong></mat-error>\r\n              </div> \r\n              \r\n               <div class=\"help-block\" *ngIf=\"victimForm.get('underSupervisionFlag').errors \r\n              && (victimForm.get('underSupervisionFlag').dirty || victimForm.get('underSupervisionFlag').touched)\">\r\n              <mat-error>Under supervision field is <strong>required</strong></mat-error>\r\n              </div> \r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('victimOffenderRelationshipTypeId').errors \r\n              && (victimForm.get('victimOffenderRelationshipTypeId').dirty || victimForm.get('victimOffenderRelationshipTypeId').touched)\">\r\n              <mat-error>Relationship is <strong>required</strong></mat-error>\r\n              </div> \r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('lastName').errors \r\n              && (victimForm.get('lastName').dirty || victimForm.get('lastName').touched)\">\r\n              <mat-error>Victim last name is <strong>required</strong></mat-error>\r\n              </div> \r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('firstName').errors \r\n              && (victimForm.get('firstName').dirty || victimForm.get('firstName').touched)\">\r\n              <mat-error>victim first name is <strong>required</strong></mat-error>\r\n             </div> \r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('guardianFirstName').errors \r\n              && (victimForm.get('guardianFirstName').dirty || victimForm.get('guardianFirstName').touched)\">\r\n                <mat-error>Guardian first name is <strong>required</strong></mat-error>\r\n              </div>\r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('guardianLastName').errors\r\n             && (victimForm.get('guardianLastName').dirty || victimForm.get('guardianLastName').touched)\" >\r\n              <mat-error>Guardian last name is <strong>required</strong></mat-error>\r\n              </div> \r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('advocateLastName').errors\r\n                && (victimForm.get('advocateLastName').dirty || victimForm.get('advocateLastName').touched)\" >\r\n                  <mat-error>Advocate last name is <strong>required</strong></mat-error>\r\n                  </div> \r\n    \r\n                <div class=\"help-block\" *ngIf=\"victimForm.get('advocateFirstName').errors\r\n                && (victimForm.get('advocateFirstName').dirty || victimForm.get('advocateFirstName').touched)\">\r\n                  <mat-error>Advocate first name is <strong>required</strong></mat-error>\r\n                </div>\r\n\r\n              \r\n                <div class=\"help-block\" *ngIf=\"victimForm.get('otherWeapon').errors \r\n                    && (victimForm.get('otherWeapon').dirty || victimForm.get('otherWeapon').touched)\">\r\n                    <mat-error>Other weapon field is <strong>required</strong></mat-error>\r\n              </div>\r\n\r\n              <div class=\"help-block\" *ngIf=\"victimForm.get('otherDrug').errors \r\n              && (victimForm.get('otherDrug').dirty || victimForm.get('otherDrug').touched)\">\r\n              <mat-error>Other drug field is <strong>required</strong></mat-error>\r\n             </div>\r\n\r\n\r\n            </div>\r\n              \r\n                  <div class=\"inner\">\r\n                     <button  mat-raised-button color=\"primary\" (click)=\"saveVictim()\" [disabled]=\"!victimForm.valid\"  >Save </button> \r\n                  </div>\r\n                  &nbsp;&nbsp;\r\n                  <div *ngIf=\"showDelete\" class=\"inner\">\r\n                  <button  mat-raised-button color=\"primary\" (click)=\"deleteVictim()\">Delete </button>\r\n                 </div>\r\n                  &nbsp;&nbsp; \r\n                  <div class=\"inner\">\r\n                  <button  mat-raised-button color=\"primary\" (click)=\"cancel()\">Clear </button>\r\n                </div>\r\n                  &nbsp;&nbsp; \r\n                  <button mat-raised-button color=\"primary\"  (click)=\"back()\">Back</button>\r\n\r\n            </div>\r\n\r\n        </div>\r\n        <br>\r\n        <br>\r\n\r\n        <div align=\"right\">\r\n          <button mat-raised-button color=\"primary\"  (click)=\"addContact()\"  >Add victim contact</button>\r\n        </div>\r\n        \r\n        <div>\r\n\r\n          <mat-table #table [dataSource]=\"contactDataSource\" class=\"example-table\">\r\n            <ng-container matColumnDef=\"contactDate\">\r\n                <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Contact Date</mat-header-cell>\r\n                <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.contactDate | date}} </mat-cell>\r\n            </ng-container>\r\n\r\n\r\n            <ng-container matColumnDef=\"victimContactMethod\">\r\n                    <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Contact Method</mat-header-cell>\r\n                    <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.victimContactMethod}} </mat-cell>\r\n            </ng-container>\r\n\r\n            <ng-container matColumnDef=\"nextContactDate\">\r\n              <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Next Contact Date</mat-header-cell>\r\n              <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.nextContactDate | date}} </mat-cell>\r\n            </ng-container>\r\n            \r\n        \r\n            <ng-container matColumnDef=\"staff\">\r\n                    <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Contact By</mat-header-cell>\r\n                    <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.staff}} </mat-cell>\r\n            </ng-container>\r\n            <ng-container matColumnDef=\"comment\">\r\n                            <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Comment</mat-header-cell>\r\n                            <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.comment}} </mat-cell>\r\n                    </ng-container>\r\n\r\n            <ng-container matColumnDef=\"contactId\">\r\n                    <mat-header-cell *matHeaderCellDef class=\"example-header-cell\"></mat-header-cell>\r\n                <mat-cell *matCellDef=\"let row\" class=\"example-cell\">\r\n                  \r\n                </mat-cell>\r\n            </ng-container>\r\n\r\n            <mat-header-row *matHeaderRowDef=\"['contactDate', 'victimContactMethod','nextContactDate', 'staff', 'comment', 'contactId']\" class=\"example-header-row\"></mat-header-row>\r\n            <mat-row *matRowDef=\"let row; columns:['contactDate', 'victimContactMethod','nextContactDate', 'staff', 'comment', 'contactId'];\" class=\"example-row\"></mat-row>\r\n            </mat-table>\r\n\r\n\r\n        </div>\r\n  \r\n  </mat-card-content>\r\n</mat-card>\r\n", styles: ["mat-form-field{width:100%}.container{margin:16px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;grid-auto-rows:minmax(50px,auto);justify-items:stretch}@media only screen and (max-width: 1120px){.container{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:15px}}@media only screen and (max-width: 675px){.container{display:flex;flex-direction:column}}#outer{width:100%;text-align:center}.inner{display:inline-block}.tp-radio-group{display:flex;justify-content:space-between}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$4.Location }, { type: i1$2.FormBuilder }, { type: i1$3.MatDialog }, { type: i5$1.ActivatedRoute }, { type: i5$1.Router }, { type: i4.MatSnackBar }, { type: CommonDialogService }, { type: NgcSmartVictimService }]; }, propDecorators: { victimDetail: [{
+        }], ctorParameters: function () { return [{ type: i8$1.Location }, { type: i1$2.UntypedFormBuilder }, { type: i1$1.MatDialog }, { type: i5.ActivatedRoute }, { type: i5.Router }, { type: i4.MatSnackBar }, { type: CommonDialogService }, { type: NgcSmartVictimService }]; }, propDecorators: { victimDetail: [{
                 type: Input
             }], staffId: [{
                 type: Input
@@ -1737,6 +1724,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 args: ["addressComponent"]
             }] } });
 
+class VictimListFilter {
+}
+
+class VictimSearchFormComponent {
+    constructor() {
+        this.onSearch = new EventEmitter();
+        this.change = new EventEmitter();
+        this.filter = new VictimListFilter();
+    }
+    ngOnInit() {
+    }
+    ngAfterViewInit() {
+        //   var element = <HTMLInputElement> document.getElementById("victimSearchButton");
+        //   element.disabled = true;
+        //   setTimeout(function() {
+        //     element.disabled = false;
+        // }, 10000);
+    }
+    onChange() {
+        console.log('this.filter in serach form.');
+        console.log(this.filter);
+        this.onSearch.emit(this.filter);
+    }
+}
+/** @nocollapse */ VictimSearchFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: VictimSearchFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ VictimSearchFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: VictimSearchFormComponent, selector: "app-victim-search-form", outputs: { onSearch: "onSearch" }, ngImport: i0, template: "<form name=\"victimSearchFrom\"  #From=\"ngForm\">\r\n<mat-expansion-panel [expanded]=\"true\">\r\n        <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n                Search for Victims\r\n            </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div class=\"victimSearch\">\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Victim Last Name\"  [(ngModel)]=\"filter.lastName\" name=\"lastName\" id=\"lastName\">\r\n            </mat-form-field>\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Victim First Name\"  [(ngModel)]=\"filter.firstName\" name=\"firstName\" id=\"firstName\">\r\n            </mat-form-field>\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Victim Date of Birth\" type=\"date\"    [(ngModel)]=\"filter.birthDate\" name=\"birthDate\" id=\"birthDate\">\r\n            </mat-form-field>\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Offender PDID\"  [(ngModel)]=\"filter.pdid\" name=\"pdid\" id=\"pdid\">\r\n            </mat-form-field>\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Offender CSOSA #\"[(ngModel)]=\"filter.offenderId\" name=\"offenderId\" id=\"offenderId\">\r\n            </mat-form-field>\r\n           \r\n           \r\n            <section>\r\n                <button  id=\"victimSearchButton\" mat-raised-button color=\"primary\" (click)=\"onChange()\">Search</button>\r\n                <span style=\"padding-right: 5px;\"></span>\r\n                <button   mat-raised-button color=\"primary\"  type=\"reset\" value=\"Reset\">Clear Changes</button>\r\n            </section>\r\n        </div>\r\n    </mat-expansion-panel>\r\n</form>\r\n\r\n\r\n", styles: ["div.services{max-width:500px;margin:auto;border:3px solid #73AD21}.rTable{display:block;width:100%}.rTableHeading,.rTableBody,.rTableFoot,.rTableRow{clear:both}.rTableHead,.rTableFoot{background-color:#ddd;font-weight:700}.rTableCell,.rTableHead{border:0px;float:left;padding:1px;width:28%}.rTable:after{visibility:hidden;display:block;font-size:0;content:\" \";clear:both;height:0}.victimSearch{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:10px}.edit-btn{margin-right:4px}.main-container{display:flex;margin-top:8px}.add-action{display:flex;justify-content:flex-end;margin-bottom:8px}.example-headers-align .mat-expansion-panel-header-title,.example-headers-align .mat-expansion-panel-header-description{flex-basis:0}.example-headers-align .mat-expansion-panel-header-description{justify-content:space-between;align-items:center}mat-form-field{margin-right:12px}.actions{display:flex;justify-content:space-around}.Row{display:table;width:100%;table-layout:fixed}.Column{display:table-cell}.sp-form textarea{float:left;margin-top:20px;margin-bottom:10px;width:462px;height:70px;overflow:auto;box-sizing:border-box}.mat-column-lastName,.mat-column-firstName,.mat-column-relationship,.mat-column-homePhone,.mat-column-offenderName{word-wrap:break-word!important;white-space:unset!important;flex:0 0 15%!important;width:15%!important;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.mat-column-victimId{word-wrap:break-word!important;white-space:unset!important;flex:0 0 25%!important;width:25%!important;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}\n"], dependencies: [{ kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i2$1.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"] }, { kind: "component", type: i3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: i14.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i15.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"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: VictimSearchFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-victim-search-form', encapsulation: ViewEncapsulation.None, template: "<form name=\"victimSearchFrom\"  #From=\"ngForm\">\r\n<mat-expansion-panel [expanded]=\"true\">\r\n        <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n                Search for Victims\r\n            </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div class=\"victimSearch\">\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Victim Last Name\"  [(ngModel)]=\"filter.lastName\" name=\"lastName\" id=\"lastName\">\r\n            </mat-form-field>\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Victim First Name\"  [(ngModel)]=\"filter.firstName\" name=\"firstName\" id=\"firstName\">\r\n            </mat-form-field>\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Victim Date of Birth\" type=\"date\"    [(ngModel)]=\"filter.birthDate\" name=\"birthDate\" id=\"birthDate\">\r\n            </mat-form-field>\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Offender PDID\"  [(ngModel)]=\"filter.pdid\" name=\"pdid\" id=\"pdid\">\r\n            </mat-form-field>\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Offender CSOSA #\"[(ngModel)]=\"filter.offenderId\" name=\"offenderId\" id=\"offenderId\">\r\n            </mat-form-field>\r\n           \r\n           \r\n            <section>\r\n                <button  id=\"victimSearchButton\" mat-raised-button color=\"primary\" (click)=\"onChange()\">Search</button>\r\n                <span style=\"padding-right: 5px;\"></span>\r\n                <button   mat-raised-button color=\"primary\"  type=\"reset\" value=\"Reset\">Clear Changes</button>\r\n            </section>\r\n        </div>\r\n    </mat-expansion-panel>\r\n</form>\r\n\r\n\r\n", styles: ["div.services{max-width:500px;margin:auto;border:3px solid #73AD21}.rTable{display:block;width:100%}.rTableHeading,.rTableBody,.rTableFoot,.rTableRow{clear:both}.rTableHead,.rTableFoot{background-color:#ddd;font-weight:700}.rTableCell,.rTableHead{border:0px;float:left;padding:1px;width:28%}.rTable:after{visibility:hidden;display:block;font-size:0;content:\" \";clear:both;height:0}.victimSearch{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:10px}.edit-btn{margin-right:4px}.main-container{display:flex;margin-top:8px}.add-action{display:flex;justify-content:flex-end;margin-bottom:8px}.example-headers-align .mat-expansion-panel-header-title,.example-headers-align .mat-expansion-panel-header-description{flex-basis:0}.example-headers-align .mat-expansion-panel-header-description{justify-content:space-between;align-items:center}mat-form-field{margin-right:12px}.actions{display:flex;justify-content:space-around}.Row{display:table;width:100%;table-layout:fixed}.Column{display:table-cell}.sp-form textarea{float:left;margin-top:20px;margin-bottom:10px;width:462px;height:70px;overflow:auto;box-sizing:border-box}.mat-column-lastName,.mat-column-firstName,.mat-column-relationship,.mat-column-homePhone,.mat-column-offenderName{word-wrap:break-word!important;white-space:unset!important;flex:0 0 15%!important;width:15%!important;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.mat-column-victimId{word-wrap:break-word!important;white-space:unset!important;flex:0 0 25%!important;width:25%!important;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { onSearch: [{
+                type: Output
+            }] } });
+
 class NgcSmartVictimComponent {
     constructor(dialog, victimService, router, route, snackBar, intakeService, smartWarrantUrl, document) {
         this.dialog = dialog;
@@ -1976,12 +1996,12 @@ class NgcSmartVictimComponent {
         });
     }
 }
-/** @nocollapse */ /** @nocollapse */ NgcSmartVictimComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgcSmartVictimComponent, deps: [{ token: i1$3.MatDialog }, { token: NgcSmartVictimService }, { token: i5$1.Router }, { token: i5$1.ActivatedRoute }, { token: i4.MatSnackBar }, { token: IntakeServicesComponent }, { token: SMART_WARRANT_URL }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ NgcSmartVictimComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NgcSmartVictimComponent, selector: "csmart-victim", inputs: { offenderId: "offenderId", staffId: "staffId", staffRole: "staffRole", showCaseNote: "showCaseNote", showSafetyPlan: "showSafetyPlan", showAdd: "showAdd", showEdit: "showEdit", showRelationshipColumn: "showRelationshipColumn", showOffenderNameColumn: "showOffenderNameColumn", showOffenderPhoneColumn: "showOffenderPhoneColumn", showSearchForm: "showSearchForm", accessByModule: "accessByModule", intakeFlag: "intakeFlag", appModuleId: "appModuleId", activatedRoute: "activatedRoute" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"showSearchForm\">\r\n    <app-victim-search-form\r\n    (onSearch)=\"getVictimList($event)\">\r\n    </app-victim-search-form>\r\n</div>\r\n\r\n<div *ngIf=\"showDetail\">\r\n  <csmart-victim-detail [victimDetail]=\"victimDetail\" \r\n                        [staffId]=\"staffId\"\r\n                        [offenderId] =\"offenderId\"\r\n                        [isIntake]=\"isIntake\"\r\n                        (onSave)=\"save($event)\" \r\n                        (onCancel)=\"cancel()\" >\r\n</csmart-victim-detail>\r\n</div>\r\n<div class=\"main-container\">\r\n    \r\n    <div class=\"add-action\" *ngIf=\"showAdd\">\r\n        <button mat-raised-button color=\"primary\" \r\n           accessControl\r\n          [accessControlConfig]=\"createAccessControlConfig\"  \r\n          (click)=\"addRecord()\">\r\n          <mat-icon>add</mat-icon>\r\n          Add Victim\r\n        </button>\r\n        &nbsp;&nbsp;\r\n\r\n    <div *ngIf=\"isIntake\">\r\n        <button \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        accessControl\r\n        [accessControlConfig]=\"updateAccessControlConfig\"          \r\n        (click)=\"saveIntake()\">\r\n        Continue\r\n        </button> \r\n    </div>\r\n\r\n    </div>\r\n   <div *ngIf=\"showListFlag\">\r\n    <mat-card id=\"divVictim\" >\r\n          <mat-card-content >\r\n            <mat-table #table [dataSource]=\"victimListDataSource\" >\r\n\r\n                <ng-container matColumnDef=\"lastName\">\r\n                    <mat-header-cell *matHeaderCellDef>Victim Last Name</mat-header-cell>\r\n                    <mat-cell *matCellDef=\"let row\" > {{row.lastName}}  </mat-cell>\r\n                </ng-container>\r\n\r\n\r\n                <ng-container matColumnDef=\"firstName\">\r\n                        <mat-header-cell *matHeaderCellDef >Victim First Name</mat-header-cell>\r\n                        <mat-cell *matCellDef=\"let row\" > {{row.firstName}} </mat-cell>\r\n                </ng-container>\r\n               \r\n                <div  *ngIf=\"showRelationshipColumn\">\r\n                    <ng-container matColumnDef=\"relationship\">\r\n                        <mat-header-cell *matHeaderCellDef >Relationship to Offender</mat-header-cell>\r\n                        <mat-cell *matCellDef=\"let row\" > {{row.relationship}} </mat-cell>\r\n                    </ng-container>\r\n                </div>\r\n\r\n                <div  *ngIf=\"showOffenderPhoneColumn\">\r\n                    <ng-container matColumnDef=\"homePhone\">\r\n                        <mat-header-cell *matHeaderCellDef >Phone Number</mat-header-cell>\r\n                        <mat-cell *matCellDef=\"let row\" > {{formatPhoneNumber(row.homePhone)}} </mat-cell>\r\n                    </ng-container>\r\n                </div>\r\n                \r\n                <div  *ngIf=\"showOffenderNameColumn\">\r\n                    <ng-container matColumnDef=\"offenderName\">\r\n                            <mat-header-cell *matHeaderCellDef>Offender Name</mat-header-cell>\r\n                            <mat-cell *matCellDef=\"let row\" > {{row.offenderName}} </mat-cell>\r\n                    </ng-container>\r\n                </div>\r\n               \r\n               <ng-container matColumnDef=\"victimId\">\r\n                  <mat-header-cell *matHeaderCellDef ></mat-header-cell>\r\n                    <mat-cell *matCellDef=\"let row\" >\r\n                        \r\n                        <!-- <div  *ngIf=\"accessByModule\">\r\n                            <mat-checkbox></mat-checkbox>\r\n                        </div> -->\r\n                        \r\n                        <div  *ngIf=\"showEdit\">\r\n                            <button class=\"edit-btn\"  mat-icon-button color=\"primary\"  matTooltip=\"View/Edit Victim\"\r\n                                accessControl\r\n                                [accessControlConfig]=\"updateAccessControlConfig\"  \r\n                                (click)=\"editVictimDetail(row)\">\r\n                                <i class=\"material-icons\">mode_edit</i>\r\n                            </button>\r\n                        </div>\r\n\r\n                        \r\n\r\n                        &nbsp;&nbsp; \r\n\r\n                        <div  *ngIf=\"showCaseNote\">\r\n                            <button type=\"button\" matTooltip=\"CaseNote\"  mat-raised-button color=\"primary\" \r\n                            accessControl\r\n                            [accessControlConfig]=\"updateAccessControlConfig\"  \r\n                            (click)=\"goToCaseNote(row.victimId)\">                        \r\n                                        <span class=\"glyphicon glyphicon-pencil\" ></span>&nbsp;Case Note\r\n                            </button> \r\n                        </div>\r\n                         &nbsp;&nbsp;\r\n                       \r\n                         <div  *ngIf=\"showSafetyPlan\">\r\n                        <button type=\"button\"  matTooltip=\"safety plan\" mat-raised-button color=\"primary\"\r\n                         accessControl\r\n                         [accessControlConfig]=\"updateAccessControlConfig\"  \r\n                         (click)=\"goToSaftyPlan(row.victimId)\">                        \r\n                                <span class=\"glyphicon glyphicon-pencil\" ></span>&nbsp;Safety Plan\r\n                        </button>\r\n                        </div>\r\n                        &nbsp;&nbsp;\r\n   \r\n                    </mat-cell>\r\n                </ng-container>\r\n\r\n                <mat-header-row *matHeaderRowDef=\"displayedColumns\" class=\"example-header-row\"></mat-header-row>\r\n                <mat-row *matRowDef=\"let row; columns: displayedColumns\" class=\"example-row\"></mat-row>\r\n                </mat-table>\r\n\r\n              <mat-paginator #paginator [pageSize]=\"10\" [pageSizeOptions]=\"[5, 10, 25, 100]\"></mat-paginator> \r\n          </mat-card-content>\r\n    </mat-card>\r\n    </div>\r\n\r\n    <div>\r\n        <b>{{msg}}</b>\r\n    </div>\r\n</div>", styles: ["div.services{max-width:500px;margin:auto;border:3px solid #73AD21}.rTable{display:block;width:100%}.rTableHeading,.rTableBody,.rTableFoot,.rTableRow{clear:both}.rTableHead,.rTableFoot{background-color:#ddd;font-weight:700}.rTableCell,.rTableHead{border:0px;float:left;padding:1px;width:28%}.rTable:after{visibility:hidden;display:block;font-size:0;content:\" \";clear:both;height:0}.victimSearch{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:10px}.edit-btn{margin-right:4px}.main-container{display:flex;margin-top:8px}.add-action{display:flex;justify-content:flex-end;margin-bottom:8px}.example-headers-align .mat-expansion-panel-header-title,.example-headers-align .mat-expansion-panel-header-description{flex-basis:0}.example-headers-align .mat-expansion-panel-header-description{justify-content:space-between;align-items:center}mat-form-field{margin-right:12px}.actions{display:flex;justify-content:space-around}.Row{display:table;width:100%;table-layout:fixed}.Column{display:table-cell}.sp-form textarea{float:left;margin-top:20px;margin-bottom:10px;width:462px;height:70px;overflow:auto;box-sizing:border-box}.mat-column-lastName,.mat-column-firstName,.mat-column-relationship,.mat-column-homePhone,.mat-column-offenderName{word-wrap:break-word!important;white-space:unset!important;flex:0 0 15%!important;width:15%!important;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.mat-column-victimId{word-wrap:break-word!important;white-space:unset!important;flex:0 0 25%!important;width:25%!important;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}\n"], components: [{ type: VictimSearchFormComponent, selector: "app-victim-search-form", outputs: ["onSearch"] }, { type: SmartVictimDetailComponent, selector: "csmart-victim-detail", inputs: ["victimDetail", "staffId", "offenderId", "isIntake"], outputs: ["onSave", "onCancel"] }, { type: i3.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: i9$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i8.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i11$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i11$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i11$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i12$1.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], directives: [{ type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.SmartAccessControlDirective, selector: "[accessControl]", inputs: ["accessControlConfig"] }, { type: i8.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i11$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i11$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i11$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i11$1.MatCellDef, selector: "[matCellDef]" }, { type: i11$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i11$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i11$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgcSmartVictimComponent, decorators: [{
+/** @nocollapse */ NgcSmartVictimComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgcSmartVictimComponent, deps: [{ token: i1$1.MatDialog }, { token: NgcSmartVictimService }, { token: i5.Router }, { token: i5.ActivatedRoute }, { token: i4.MatSnackBar }, { token: IntakeServicesComponent }, { token: SMART_WARRANT_URL }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ NgcSmartVictimComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NgcSmartVictimComponent, selector: "csmart-victim", inputs: { offenderId: "offenderId", staffId: "staffId", staffRole: "staffRole", showCaseNote: "showCaseNote", showSafetyPlan: "showSafetyPlan", showAdd: "showAdd", showEdit: "showEdit", showRelationshipColumn: "showRelationshipColumn", showOffenderNameColumn: "showOffenderNameColumn", showOffenderPhoneColumn: "showOffenderPhoneColumn", showSearchForm: "showSearchForm", accessByModule: "accessByModule", intakeFlag: "intakeFlag", appModuleId: "appModuleId", activatedRoute: "activatedRoute" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"showSearchForm\">\r\n    <app-victim-search-form\r\n    (onSearch)=\"getVictimList($event)\">\r\n    </app-victim-search-form>\r\n</div>\r\n\r\n<div *ngIf=\"showDetail\">\r\n  <csmart-victim-detail [victimDetail]=\"victimDetail\" \r\n                        [staffId]=\"staffId\"\r\n                        [offenderId] =\"offenderId\"\r\n                        [isIntake]=\"isIntake\"\r\n                        (onSave)=\"save($event)\" \r\n                        (onCancel)=\"cancel()\" >\r\n</csmart-victim-detail>\r\n</div>\r\n<div class=\"main-container\">\r\n    \r\n    <div class=\"add-action\" *ngIf=\"showAdd\">\r\n        <button mat-raised-button color=\"primary\" \r\n           accessControl\r\n          [accessControlConfig]=\"createAccessControlConfig\"  \r\n          (click)=\"addRecord()\">\r\n          <mat-icon>add</mat-icon>\r\n          Add Victim\r\n        </button>\r\n        &nbsp;&nbsp;\r\n\r\n    <div *ngIf=\"isIntake\">\r\n        <button \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        accessControl\r\n        [accessControlConfig]=\"updateAccessControlConfig\"          \r\n        (click)=\"saveIntake()\">\r\n        Continue\r\n        </button> \r\n    </div>\r\n\r\n    </div>\r\n   <div *ngIf=\"showListFlag\">\r\n    <mat-card id=\"divVictim\" >\r\n          <mat-card-content >\r\n            <mat-table #table [dataSource]=\"victimListDataSource\" >\r\n\r\n                <ng-container matColumnDef=\"lastName\">\r\n                    <mat-header-cell *matHeaderCellDef>Victim Last Name</mat-header-cell>\r\n                    <mat-cell *matCellDef=\"let row\" > {{row.lastName}}  </mat-cell>\r\n                </ng-container>\r\n\r\n\r\n                <ng-container matColumnDef=\"firstName\">\r\n                        <mat-header-cell *matHeaderCellDef >Victim First Name</mat-header-cell>\r\n                        <mat-cell *matCellDef=\"let row\" > {{row.firstName}} </mat-cell>\r\n                </ng-container>\r\n               \r\n                <div  *ngIf=\"showRelationshipColumn\">\r\n                    <ng-container matColumnDef=\"relationship\">\r\n                        <mat-header-cell *matHeaderCellDef >Relationship to Offender</mat-header-cell>\r\n                        <mat-cell *matCellDef=\"let row\" > {{row.relationship}} </mat-cell>\r\n                    </ng-container>\r\n                </div>\r\n\r\n                <div  *ngIf=\"showOffenderPhoneColumn\">\r\n                    <ng-container matColumnDef=\"homePhone\">\r\n                        <mat-header-cell *matHeaderCellDef >Phone Number</mat-header-cell>\r\n                        <mat-cell *matCellDef=\"let row\" > {{formatPhoneNumber(row.homePhone)}} </mat-cell>\r\n                    </ng-container>\r\n                </div>\r\n                \r\n                <div  *ngIf=\"showOffenderNameColumn\">\r\n                    <ng-container matColumnDef=\"offenderName\">\r\n                            <mat-header-cell *matHeaderCellDef>Offender Name</mat-header-cell>\r\n                            <mat-cell *matCellDef=\"let row\" > {{row.offenderName}} </mat-cell>\r\n                    </ng-container>\r\n                </div>\r\n               \r\n               <ng-container matColumnDef=\"victimId\">\r\n                  <mat-header-cell *matHeaderCellDef ></mat-header-cell>\r\n                    <mat-cell *matCellDef=\"let row\" >\r\n                        \r\n                        <!-- <div  *ngIf=\"accessByModule\">\r\n                            <mat-checkbox></mat-checkbox>\r\n                        </div> -->\r\n                        \r\n                        <div  *ngIf=\"showEdit\">\r\n                            <button class=\"edit-btn\"  mat-icon-button color=\"primary\"  matTooltip=\"View/Edit Victim\"\r\n                                accessControl\r\n                                [accessControlConfig]=\"updateAccessControlConfig\"  \r\n                                (click)=\"editVictimDetail(row)\">\r\n                                <i class=\"material-icons\">mode_edit</i>\r\n                            </button>\r\n                        </div>\r\n\r\n                        \r\n\r\n                        &nbsp;&nbsp; \r\n\r\n                        <div  *ngIf=\"showCaseNote\">\r\n                            <button type=\"button\" matTooltip=\"CaseNote\"  mat-raised-button color=\"primary\" \r\n                            accessControl\r\n                            [accessControlConfig]=\"updateAccessControlConfig\"  \r\n                            (click)=\"goToCaseNote(row.victimId)\">                        \r\n                                        <span class=\"glyphicon glyphicon-pencil\" ></span>&nbsp;Case Note\r\n                            </button> \r\n                        </div>\r\n                         &nbsp;&nbsp;\r\n                       \r\n                         <div  *ngIf=\"showSafetyPlan\">\r\n                        <button type=\"button\"  matTooltip=\"safety plan\" mat-raised-button color=\"primary\"\r\n                         accessControl\r\n                         [accessControlConfig]=\"updateAccessControlConfig\"  \r\n                         (click)=\"goToSaftyPlan(row.victimId)\">                        \r\n                                <span class=\"glyphicon glyphicon-pencil\" ></span>&nbsp;Safety Plan\r\n                        </button>\r\n                        </div>\r\n                        &nbsp;&nbsp;\r\n   \r\n                    </mat-cell>\r\n                </ng-container>\r\n\r\n                <mat-header-row *matHeaderRowDef=\"displayedColumns\" class=\"example-header-row\"></mat-header-row>\r\n                <mat-row *matRowDef=\"let row; columns: displayedColumns\" class=\"example-row\"></mat-row>\r\n                </mat-table>\r\n\r\n              <mat-paginator #paginator [pageSize]=\"10\" [pageSizeOptions]=\"[5, 10, 25, 100]\"></mat-paginator> \r\n          </mat-card-content>\r\n    </mat-card>\r\n    </div>\r\n\r\n    <div>\r\n        <b>{{msg}}</b>\r\n    </div>\r\n</div>", styles: ["div.services{max-width:500px;margin:auto;border:3px solid #73AD21}.rTable{display:block;width:100%}.rTableHeading,.rTableBody,.rTableFoot,.rTableRow{clear:both}.rTableHead,.rTableFoot{background-color:#ddd;font-weight:700}.rTableCell,.rTableHead{border:0px;float:left;padding:1px;width:28%}.rTable:after{visibility:hidden;display:block;font-size:0;content:\" \";clear:both;height:0}.victimSearch{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:10px}.edit-btn{margin-right:4px}.main-container{display:flex;margin-top:8px}.add-action{display:flex;justify-content:flex-end;margin-bottom:8px}.example-headers-align .mat-expansion-panel-header-title,.example-headers-align .mat-expansion-panel-header-description{flex-basis:0}.example-headers-align .mat-expansion-panel-header-description{justify-content:space-between;align-items:center}mat-form-field{margin-right:12px}.actions{display:flex;justify-content:space-around}.Row{display:table;width:100%;table-layout:fixed}.Column{display:table-cell}.sp-form textarea{float:left;margin-top:20px;margin-bottom:10px;width:462px;height:70px;overflow:auto;box-sizing:border-box}.mat-column-lastName,.mat-column-firstName,.mat-column-relationship,.mat-column-homePhone,.mat-column-offenderName{word-wrap:break-word!important;white-space:unset!important;flex:0 0 15%!important;width:15%!important;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.mat-column-victimId{word-wrap:break-word!important;white-space:unset!important;flex:0 0 25%!important;width:25%!important;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}\n"], dependencies: [{ kind: "directive", type: i8$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.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"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i9$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: i11$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i11$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i11$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i11$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i11$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i11$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i11$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i11$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i11$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i11$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i6.SmartAccessControlDirective, selector: "[accessControl]", inputs: ["accessControlConfig"] }, { kind: "component", type: SmartVictimDetailComponent, selector: "csmart-victim-detail", inputs: ["victimDetail", "staffId", "offenderId", "isIntake"], outputs: ["onSave", "onCancel"] }, { kind: "component", type: VictimSearchFormComponent, selector: "app-victim-search-form", outputs: ["onSearch"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgcSmartVictimComponent, decorators: [{
             type: Component,
             args: [{ selector: "csmart-victim", template: "<div *ngIf=\"showSearchForm\">\r\n    <app-victim-search-form\r\n    (onSearch)=\"getVictimList($event)\">\r\n    </app-victim-search-form>\r\n</div>\r\n\r\n<div *ngIf=\"showDetail\">\r\n  <csmart-victim-detail [victimDetail]=\"victimDetail\" \r\n                        [staffId]=\"staffId\"\r\n                        [offenderId] =\"offenderId\"\r\n                        [isIntake]=\"isIntake\"\r\n                        (onSave)=\"save($event)\" \r\n                        (onCancel)=\"cancel()\" >\r\n</csmart-victim-detail>\r\n</div>\r\n<div class=\"main-container\">\r\n    \r\n    <div class=\"add-action\" *ngIf=\"showAdd\">\r\n        <button mat-raised-button color=\"primary\" \r\n           accessControl\r\n          [accessControlConfig]=\"createAccessControlConfig\"  \r\n          (click)=\"addRecord()\">\r\n          <mat-icon>add</mat-icon>\r\n          Add Victim\r\n        </button>\r\n        &nbsp;&nbsp;\r\n\r\n    <div *ngIf=\"isIntake\">\r\n        <button \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        accessControl\r\n        [accessControlConfig]=\"updateAccessControlConfig\"          \r\n        (click)=\"saveIntake()\">\r\n        Continue\r\n        </button> \r\n    </div>\r\n\r\n    </div>\r\n   <div *ngIf=\"showListFlag\">\r\n    <mat-card id=\"divVictim\" >\r\n          <mat-card-content >\r\n            <mat-table #table [dataSource]=\"victimListDataSource\" >\r\n\r\n                <ng-container matColumnDef=\"lastName\">\r\n                    <mat-header-cell *matHeaderCellDef>Victim Last Name</mat-header-cell>\r\n                    <mat-cell *matCellDef=\"let row\" > {{row.lastName}}  </mat-cell>\r\n                </ng-container>\r\n\r\n\r\n                <ng-container matColumnDef=\"firstName\">\r\n                        <mat-header-cell *matHeaderCellDef >Victim First Name</mat-header-cell>\r\n                        <mat-cell *matCellDef=\"let row\" > {{row.firstName}} </mat-cell>\r\n                </ng-container>\r\n               \r\n                <div  *ngIf=\"showRelationshipColumn\">\r\n                    <ng-container matColumnDef=\"relationship\">\r\n                        <mat-header-cell *matHeaderCellDef >Relationship to Offender</mat-header-cell>\r\n                        <mat-cell *matCellDef=\"let row\" > {{row.relationship}} </mat-cell>\r\n                    </ng-container>\r\n                </div>\r\n\r\n                <div  *ngIf=\"showOffenderPhoneColumn\">\r\n                    <ng-container matColumnDef=\"homePhone\">\r\n                        <mat-header-cell *matHeaderCellDef >Phone Number</mat-header-cell>\r\n                        <mat-cell *matCellDef=\"let row\" > {{formatPhoneNumber(row.homePhone)}} </mat-cell>\r\n                    </ng-container>\r\n                </div>\r\n                \r\n                <div  *ngIf=\"showOffenderNameColumn\">\r\n                    <ng-container matColumnDef=\"offenderName\">\r\n                            <mat-header-cell *matHeaderCellDef>Offender Name</mat-header-cell>\r\n                            <mat-cell *matCellDef=\"let row\" > {{row.offenderName}} </mat-cell>\r\n                    </ng-container>\r\n                </div>\r\n               \r\n               <ng-container matColumnDef=\"victimId\">\r\n                  <mat-header-cell *matHeaderCellDef ></mat-header-cell>\r\n                    <mat-cell *matCellDef=\"let row\" >\r\n                        \r\n                        <!-- <div  *ngIf=\"accessByModule\">\r\n                            <mat-checkbox></mat-checkbox>\r\n                        </div> -->\r\n                        \r\n                        <div  *ngIf=\"showEdit\">\r\n                            <button class=\"edit-btn\"  mat-icon-button color=\"primary\"  matTooltip=\"View/Edit Victim\"\r\n                                accessControl\r\n                                [accessControlConfig]=\"updateAccessControlConfig\"  \r\n                                (click)=\"editVictimDetail(row)\">\r\n                                <i class=\"material-icons\">mode_edit</i>\r\n                            </button>\r\n                        </div>\r\n\r\n                        \r\n\r\n                        &nbsp;&nbsp; \r\n\r\n                        <div  *ngIf=\"showCaseNote\">\r\n                            <button type=\"button\" matTooltip=\"CaseNote\"  mat-raised-button color=\"primary\" \r\n                            accessControl\r\n                            [accessControlConfig]=\"updateAccessControlConfig\"  \r\n                            (click)=\"goToCaseNote(row.victimId)\">                        \r\n                                        <span class=\"glyphicon glyphicon-pencil\" ></span>&nbsp;Case Note\r\n                            </button> \r\n                        </div>\r\n                         &nbsp;&nbsp;\r\n                       \r\n                         <div  *ngIf=\"showSafetyPlan\">\r\n                        <button type=\"button\"  matTooltip=\"safety plan\" mat-raised-button color=\"primary\"\r\n                         accessControl\r\n                         [accessControlConfig]=\"updateAccessControlConfig\"  \r\n                         (click)=\"goToSaftyPlan(row.victimId)\">                        \r\n                                <span class=\"glyphicon glyphicon-pencil\" ></span>&nbsp;Safety Plan\r\n                        </button>\r\n                        </div>\r\n                        &nbsp;&nbsp;\r\n   \r\n                    </mat-cell>\r\n                </ng-container>\r\n\r\n                <mat-header-row *matHeaderRowDef=\"displayedColumns\" class=\"example-header-row\"></mat-header-row>\r\n                <mat-row *matRowDef=\"let row; columns: displayedColumns\" class=\"example-row\"></mat-row>\r\n                </mat-table>\r\n\r\n              <mat-paginator #paginator [pageSize]=\"10\" [pageSizeOptions]=\"[5, 10, 25, 100]\"></mat-paginator> \r\n          </mat-card-content>\r\n    </mat-card>\r\n    </div>\r\n\r\n    <div>\r\n        <b>{{msg}}</b>\r\n    </div>\r\n</div>", styles: ["div.services{max-width:500px;margin:auto;border:3px solid #73AD21}.rTable{display:block;width:100%}.rTableHeading,.rTableBody,.rTableFoot,.rTableRow{clear:both}.rTableHead,.rTableFoot{background-color:#ddd;font-weight:700}.rTableCell,.rTableHead{border:0px;float:left;padding:1px;width:28%}.rTable:after{visibility:hidden;display:block;font-size:0;content:\" \";clear:both;height:0}.victimSearch{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:10px}.edit-btn{margin-right:4px}.main-container{display:flex;margin-top:8px}.add-action{display:flex;justify-content:flex-end;margin-bottom:8px}.example-headers-align .mat-expansion-panel-header-title,.example-headers-align .mat-expansion-panel-header-description{flex-basis:0}.example-headers-align .mat-expansion-panel-header-description{justify-content:space-between;align-items:center}mat-form-field{margin-right:12px}.actions{display:flex;justify-content:space-around}.Row{display:table;width:100%;table-layout:fixed}.Column{display:table-cell}.sp-form textarea{float:left;margin-top:20px;margin-bottom:10px;width:462px;height:70px;overflow:auto;box-sizing:border-box}.mat-column-lastName,.mat-column-firstName,.mat-column-relationship,.mat-column-homePhone,.mat-column-offenderName{word-wrap:break-word!important;white-space:unset!important;flex:0 0 15%!important;width:15%!important;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.mat-column-victimId{word-wrap:break-word!important;white-space:unset!important;flex:0 0 25%!important;width:25%!important;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$3.MatDialog }, { type: NgcSmartVictimService }, { type: i5$1.Router }, { type: i5$1.ActivatedRoute }, { type: i4.MatSnackBar }, { type: IntakeServicesComponent }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }, { type: NgcSmartVictimService }, { type: i5.Router }, { type: i5.ActivatedRoute }, { type: i4.MatSnackBar }, { type: IntakeServicesComponent }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [SMART_WARRANT_URL]
                 }] }, { type: undefined, decorators: [{
@@ -2036,8 +2056,8 @@ class SmartVictimDeleteConfirmComponent {
     ngOnInit() {
     }
 }
-/** @nocollapse */ /** @nocollapse */ SmartVictimDeleteConfirmComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartVictimDeleteConfirmComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ SmartVictimDeleteConfirmComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SmartVictimDeleteConfirmComponent, selector: "csmart-victim-delete-confirm", ngImport: i0, template: `
+/** @nocollapse */ SmartVictimDeleteConfirmComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SmartVictimDeleteConfirmComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SmartVictimDeleteConfirmComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SmartVictimDeleteConfirmComponent, selector: "csmart-victim-delete-confirm", ngImport: i0, template: `
   <h1 mat-dialog-title>Delete Confirmation</h1>
   <div mat-dialog-content>
     <p>Are you sure you want to delete this item?</p>
@@ -2046,12 +2066,10 @@ class SmartVictimDeleteConfirmComponent {
     <button mat-flat-button color="primary" (click)="onNoClick()">No</button>
     <button mat-flat-button color="warn" [mat-dialog-close]='"YES"' cdkFocusInitial>Yes</button>
   </div>
-  `, isInline: true, styles: [".actions{display:flex;justify-content:space-between}\n"], components: [{ type: i3.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: i1$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1$3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartVictimDeleteConfirmComponent, decorators: [{
+  `, isInline: true, styles: [".actions{display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "component", type: i2$1.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"] }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SmartVictimDeleteConfirmComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'csmart-victim-delete-confirm',
-                    template: `
+            args: [{ selector: 'csmart-victim-delete-confirm', template: `
   <h1 mat-dialog-title>Delete Confirmation</h1>
   <div mat-dialog-content>
     <p>Are you sure you want to delete this item?</p>
@@ -2060,23 +2078,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
     <button mat-flat-button color="primary" (click)="onNoClick()">No</button>
     <button mat-flat-button color="warn" [mat-dialog-close]='"YES"' cdkFocusInitial>Yes</button>
   </div>
-  `,
-                    styles: [`
-     .actions{
-       display: flex;
-       justify-content: space-between;  
-      }
-  `]
-                }]
-        }], ctorParameters: function () { return [{ type: i1$3.MatDialogRef }, { type: undefined, decorators: [{
+  `, styles: [".actions{display:flex;justify-content:space-between}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }]; } });
 
 class SharedModule {
 }
-/** @nocollapse */ /** @nocollapse */ SharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, imports: [MatButtonModule,
+/** @nocollapse */ SharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SharedModule, imports: [MatButtonModule,
         MatCardModule,
         MatCheckboxModule,
         MatToolbarModule,
@@ -2129,35 +2140,33 @@ class SharedModule {
         MatPaginatorModule,
         MatExpansionModule,
         MatRippleModule] });
-/** @nocollapse */ /** @nocollapse */ SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, imports: [[
-            MatButtonModule,
-            MatCardModule,
-            MatCheckboxModule,
-            MatToolbarModule,
-            MatSelectModule,
-            MatDatepickerModule,
-            MatNativeDateModule,
-            MatDialogModule,
-            MatTabsModule,
-            MatListModule,
-            MatInputModule,
-            MatStepperModule,
-            BrowserAnimationsModule,
-            MatGridListModule,
-            MatProgressSpinnerModule,
-            MatTableModule,
-            MatSidenavModule,
-            MatRadioModule,
-            MatIconModule,
-            MatSliderModule,
-            MatChipsModule,
-            MatSnackBarModule,
-            CdkTableModule,
-            MatSortModule,
-            MatPaginatorModule,
-            MatExpansionModule,
-            MatRippleModule,
-        ], MatButtonModule,
+/** @nocollapse */ SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SharedModule, imports: [MatButtonModule,
+        MatCardModule,
+        MatCheckboxModule,
+        MatToolbarModule,
+        MatSelectModule,
+        MatDatepickerModule,
+        MatNativeDateModule,
+        MatDialogModule,
+        MatTabsModule,
+        MatListModule,
+        MatInputModule,
+        MatStepperModule,
+        BrowserAnimationsModule,
+        MatGridListModule,
+        MatProgressSpinnerModule,
+        MatTableModule,
+        MatSidenavModule,
+        MatRadioModule,
+        MatIconModule,
+        MatSliderModule,
+        MatChipsModule,
+        MatSnackBarModule,
+        CdkTableModule,
+        MatSortModule,
+        MatPaginatorModule,
+        MatExpansionModule,
+        MatRippleModule, MatButtonModule,
         MatCardModule,
         MatCheckboxModule,
         MatToolbarModule,
@@ -2184,7 +2193,7 @@ class SharedModule {
         MatPaginatorModule,
         MatExpansionModule,
         MatRippleModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SharedModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2244,26 +2253,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                         MatPaginatorModule,
                         MatExpansionModule,
                         MatRippleModule,
-                    ],
-                    entryComponents: [
-                    // SpinnerComponent,
-                    ],
+                    ]
                 }]
         }] });
 
 class CommonDialogModule {
 }
-/** @nocollapse */ /** @nocollapse */ CommonDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CommonDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ CommonDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CommonDialogModule, declarations: [CommonDialogComponent], imports: [
+/** @nocollapse */ CommonDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ CommonDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: CommonDialogModule, declarations: [CommonDialogComponent], imports: [
         // MaterialModule.forRoot(),
         SharedModule], exports: [CommonDialogComponent] });
-/** @nocollapse */ /** @nocollapse */ CommonDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CommonDialogModule, providers: [
+/** @nocollapse */ CommonDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonDialogModule, providers: [
         CommonDialogComponent,
-    ], imports: [[
-            // MaterialModule.forRoot(),
-            SharedModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CommonDialogModule, decorators: [{
+    ], imports: [
+        // MaterialModule.forRoot(),
+        SharedModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2278,10 +2283,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     ],
                     providers: [
                         CommonDialogComponent,
-                    ],
-                    entryComponents: [
-                        CommonDialogComponent,
-                    ],
+                    ]
                 }]
         }] });
 
@@ -2372,9 +2374,9 @@ class EmailService {
         });
     }
 }
-/** @nocollapse */ /** @nocollapse */ EmailService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EmailService, deps: [{ token: i2.Apollo }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ EmailService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EmailService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EmailService, decorators: [{
+/** @nocollapse */ EmailService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EmailService, deps: [{ token: i2.Apollo }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ EmailService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EmailService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EmailService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2397,12 +2399,12 @@ class CaseNoteComponent {
     }
     initForm() {
         this.caseNoteForm = this.formBuilder.group({
-            caseNoteDate: new FormControl('', Validators.compose([
+            caseNoteDate: new UntypedFormControl('', Validators.compose([
                 Validators.required, dateValidator()
             ])),
-            contactType: new FormControl('', Validators.required),
-            contactPurpose: new FormControl('', Validators.required),
-            comment: new FormControl('', Validators.required)
+            contactType: new UntypedFormControl('', Validators.required),
+            contactPurpose: new UntypedFormControl('', Validators.required),
+            comment: new UntypedFormControl('', Validators.required)
         });
         this.caseNoteForm.markAsPristine();
         this.caseNoteForm.markAsUntouched();
@@ -2539,12 +2541,12 @@ class CaseNoteComponent {
         //email
     }
 }
-/** @nocollapse */ /** @nocollapse */ CaseNoteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CaseNoteComponent, deps: [{ token: i1$2.FormBuilder }, { token: NgcSmartVictimService }, { token: CommonDialogService }, { token: i4.MatSnackBar }, { token: i5$1.ActivatedRoute }, { token: i5$1.Router }, { token: i6.SmartAuthService }, { token: EmailService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ CaseNoteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CaseNoteComponent, selector: "ng-component", providers: [CommonDialogService], ngImport: i0, template: "\r\n <mat-card>\r\n        <mat-card-header>\r\n\r\n        </mat-card-header>\r\n         <mat-card-content>\r\n                \r\n                        <mat-toolbar  color=\"primary\">\r\n                                        <h4 class=\"card-header\" >Case Note</h4>\r\n                        </mat-toolbar>\r\n                        <br>\r\n                        <div class=\"row\" >\r\n                                <div [hidden]=\"hiddenAddNewFlag\">\r\n                                &nbsp;&nbsp;<button mat-raised-button color=\"primary\" (click)=\"onAddNew()\" [disabled]=\"addDisableFlag\">Add Case Note</button>\r\n\r\n                                &nbsp;&nbsp;<button mat-raised-button color=\"primary\"  (click)=\"back()\">Back</button>\r\n                                </div>\r\n                       </div>\r\n\r\n                        <div [hidden]=\"hiddenDetailFlag\" >\r\n                                        <mat-card >\r\n                                        <div class='container'>       \r\n                                        <form [formGroup]=\"caseNoteForm\" #caseNoteDetailForm=\"ngForm\" >\r\n                                                    \r\n                                                <div>\r\n                                                        <mat-label>Victim Name:</mat-label>\r\n                                                                {{victimName}} \r\n                                                </div>\r\n                                                      \r\n\r\n                                                <div>      \r\n                                                        <mat-form-field>\r\n                                                                <mat-label>Date of Case Note: </mat-label>\r\n                                                                 <input matInput formControlName=\"caseNoteDate\"   \r\n                                                                 (click)=\"caseNoteDate.open()\" \r\n                                                                 [matDatepicker]=\"caseNoteDate\" \r\n                                                                 placeholder=\"Choose a start date\" \r\n                                                                 [(ngModel)]=\"editCaseNote.caseNoteDate\" required>\r\n                                                                <mat-datepicker-toggle matSuffix [for]=\"caseNoteDate\"></mat-datepicker-toggle>\r\n                                                                <mat-datepicker #caseNoteDate></mat-datepicker>\r\n\r\n                                                                <div class=\"help-block\" *ngIf=\"caseNoteForm.get('caseNoteDate').errors \r\n                                                                && (caseNoteForm.get('caseNoteDate').dirty || caseNoteForm.get('caseNoteDate').touched)\">\r\n                                                                <mat-error>case note date is <strong>required</strong></mat-error>\r\n                                                                </div> \r\n\r\n                                                                <div class=\"help-block\" \r\n                                                                *ngIf=\"caseNoteForm.get('caseNoteDate').hasError('date') \r\n                                                                && (caseNoteForm.get('caseNoteDate').dirty || caseNoteForm.get('caseNoteDate').touched)\">\r\n                                                                <mat-error>future case note Date is <strong>not allowed</strong></mat-error>\r\n                                                                </div>\r\n\r\n                                                        </mat-form-field>\r\n\r\n                                                </div>  \r\n                                                                \r\n                                                       \r\n\r\n                                                <div>\r\n                                                        <mat-form-field>\r\n                                                                <mat-label>Contact Type:</mat-label>\r\n                                                                <mat-select  placeholder=\"contactType\" formControlName=\"contactType\"  required   [(ngModel)]=\"editCaseNote.contactTypeId\">\r\n                                                                        <mat-option *ngFor=\" let contactType of contactTypes\" [value]=\"contactType.contactTypeId\" >{{contactType.name}}</mat-option>\r\n                                                                </mat-select>\r\n\r\n                                                                <div class=\"help-block\" *ngIf=\"caseNoteForm.get('contactType').errors \r\n                                                                && (caseNoteForm.get('contactType').dirty || caseNoteForm.get('contactType').touched)\">\r\n                                                                <mat-error>comment is <strong>required</strong></mat-error>\r\n                                                                </div> \r\n                                                        </mat-form-field>\r\n                                                </div>\r\n                                                                      \r\n                                                 <div>                    \r\n                                                        <mat-form-field class=\"mat-select-content\">\r\n                                                                <mat-label>Contact Purpose:</mat-label>\r\n                                                                <mat-select  formControlName=\"contactPurpose\"   required [(ngModel)]=\"editCaseNote.victimContactPurposeId\" class=\"mat-select-inner\">\r\n                                                                        <mat-option *ngFor=\" let contactPurpose of contactPurposes\" [value]=\"contactPurpose.victimContactPurposeId\" >{{contactPurpose.name}}</mat-option>\r\n                                                                </mat-select>\r\n\r\n                                                                <div class=\"help-block\" *ngIf=\"caseNoteForm.get('contactPurpose').errors \r\n                                                                && (caseNoteForm.get('contactPurpose').dirty || caseNoteForm.get('contactPurpose').touched)\">\r\n                                                                <mat-error>comment is <strong>required</strong></mat-error>\r\n                                                                </div> \r\n                                                                \r\n                                                        </mat-form-field>\r\n                                                </div>  \r\n                                                \r\n                                                <div>\r\n\r\n                                                        <mat-form-field style=\"width: 400px;\">\r\n                                                                <mat-label>Comment:</mat-label>\r\n                                                                <textarea \r\n                                                                class=\"textarea-content\"\r\n                                                                matInput \r\n                                                                placeholder=\"\" \r\n                                                                required formControlName=\"comment\" \r\n                                                                [(ngModel)]=\"editCaseNote.comment\"\r\n                                                                cdkTextareaAutosize\r\n                                                                #autosize=\"cdkTextareaAutosize\"\r\n                                                                cdkAutosizeMinRows=\"8\"\r\n                                                                cdkAutosizeMaxRows=\"12\">\r\n                                                                </textarea> \r\n\r\n                                                                <div class=\"help-block\" *ngIf=\"caseNoteForm.get('comment').errors \r\n                                                                && (caseNoteForm.get('comment').dirty || caseNoteForm.get('comment').touched)\">\r\n                                                                <mat-error>comment is <strong>required</strong></mat-error>\r\n                                                                </div> \r\n                                                        </mat-form-field>\r\n                                                </div>\r\n                                                \r\n                                                <div>\r\n                                                        <button  mat-raised-button color=\"primary\" (click)=\"saveCaseNote()\"  [disabled]=\"!caseNoteDetailForm.form.valid\" >Save</button>\r\n\r\n                                                        &nbsp;&nbsp;<button  mat-raised-button color=\"primary\"  (click)=\"hiddenDetailFlag = true;addDisableFlag = false; this.hiddenAddNewFlag = false;\">Cancel</button>\r\n                                                </div>\r\n\r\n                                              </form>\r\n                                              </div>\r\n                                                </mat-card>\r\n                                        \r\n                                        </div>\r\n                        <br>\r\n                        <mat-table #table [dataSource]=\"caseNoteDataSource\" class=\"example-table\">\r\n                                        <ng-container matColumnDef=\"caseNoteDate\">\r\n                                            <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Case Note Date</mat-header-cell>\r\n                                            <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.caseNoteDate | date}} </mat-cell>\r\n                                        </ng-container>\r\n\r\n\r\n                                        <ng-container matColumnDef=\"contactType\">\r\n                                                <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Contact Type</mat-header-cell>\r\n                                                <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.contactType}} </mat-cell>\r\n                                        </ng-container>\r\n                                        \r\n                                    \r\n                                        <ng-container matColumnDef=\"contactPurpose\">\r\n                                                <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Contact Purpose</mat-header-cell>\r\n                                                <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.contactPurpose}} </mat-cell>\r\n                                        </ng-container>\r\n                                        <ng-container matColumnDef=\"comment\">\r\n                                                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Comment</mat-header-cell>\r\n                                                        <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.comment}} </mat-cell>\r\n                                                </ng-container>\r\n\r\n                                        <ng-container matColumnDef=\"victimCaseNoteId\">\r\n                                                <mat-header-cell *matHeaderCellDef class=\"example-header-cell\"></mat-header-cell>\r\n                                            <mat-cell *matCellDef=\"let row\" class=\"example-cell\">\r\n                                              \r\n                                                <button \r\n                                                class=\"sac-cso-read sac-vsp-read\"  \r\n                                                mat-icon-button \r\n                                                color=\"primary\"  \r\n                                                matTooltip=\"Edit Case Note\" \r\n                                                (click)=\"onEditCaseNote(row.victimCaseNoteId)\">\r\n                                                        <i class=\"material-icons\">mode_edit</i>\r\n                                                </button>\r\n\r\n                                                &nbsp;&nbsp;\r\n                                             \r\n                                              \r\n\r\n                                        <button\r\n                                        class=\"sac-vsp-read\"\r\n                                        matTooltip=\"Delete Case Note\" \r\n                                        mat-icon-button\r\n                                        color=\"primary\"\r\n                                        (click)=\"onDeleteCaseNote(row.victimCaseNoteId)\">\r\n                                        <i class=\"material-icons\">delete</i>\r\n                                        </button>\r\n\r\n\r\n\r\n\r\n                                            </mat-cell>\r\n                                        </ng-container>\r\n        \r\n                                        <mat-header-row *matHeaderRowDef=\"['caseNoteDate', 'contactType', 'contactPurpose', 'comment', 'victimCaseNoteId']\" class=\"example-header-row\"></mat-header-row>\r\n                                        <mat-row *matRowDef=\"let row; columns:['caseNoteDate', 'contactType', 'contactPurpose', 'comment', 'victimCaseNoteId'];\" class=\"example-row\"></mat-row>\r\n                                        </mat-table>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n</mat-card-content>\r\n</mat-card>", styles: [".container{width:800px;margin:16px;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:10px;grid-auto-rows:minmax(50px,auto);justify-items:stretch}.mat-select-content{width:300px}.mat-select-inner{width:290px}.textarea-content{width:500px}\n"], components: [{ type: i8.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i8.MatCardHeader, selector: "mat-card-header" }, { type: i9$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i3.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: i10.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i14.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i14.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i12.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i13.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i11$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i11$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i11$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }], directives: [{ type: i8.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i10.MatLabel, selector: "mat-label" }, { type: i5.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: i1$2.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: i14.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i10.MatSuffix, selector: "[matSuffix]" }, { type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.MatError, selector: "mat-error", inputs: ["id"] }, { type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i18.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { type: i11$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i11$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i11$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i11$1.MatCellDef, selector: "[matCellDef]" }, { type: i11$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i11$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i11$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }], pipes: { "date": i1$4.DatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CaseNoteComponent, decorators: [{
+/** @nocollapse */ CaseNoteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CaseNoteComponent, deps: [{ token: i1$2.UntypedFormBuilder }, { token: NgcSmartVictimService }, { token: CommonDialogService }, { token: i4.MatSnackBar }, { token: i5.ActivatedRoute }, { token: i5.Router }, { token: i6.SmartAuthService }, { token: EmailService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ CaseNoteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CaseNoteComponent, selector: "ng-component", providers: [CommonDialogService], ngImport: i0, template: "\r\n <mat-card>\r\n        <mat-card-header>\r\n\r\n        </mat-card-header>\r\n         <mat-card-content>\r\n                \r\n                        <mat-toolbar  color=\"primary\">\r\n                                        <h4 class=\"card-header\" >Case Note</h4>\r\n                        </mat-toolbar>\r\n                        <br>\r\n                        <div class=\"row\" >\r\n                                <div [hidden]=\"hiddenAddNewFlag\">\r\n                                &nbsp;&nbsp;<button mat-raised-button color=\"primary\" (click)=\"onAddNew()\" [disabled]=\"addDisableFlag\">Add Case Note</button>\r\n\r\n                                &nbsp;&nbsp;<button mat-raised-button color=\"primary\"  (click)=\"back()\">Back</button>\r\n                                </div>\r\n                       </div>\r\n\r\n                        <div [hidden]=\"hiddenDetailFlag\" >\r\n                                        <mat-card >\r\n                                        <div class='container'>       \r\n                                        <form [formGroup]=\"caseNoteForm\" #caseNoteDetailForm=\"ngForm\" >\r\n                                                    \r\n                                                <div>\r\n                                                        <mat-label>Victim Name:</mat-label>\r\n                                                                {{victimName}} \r\n                                                </div>\r\n                                                      \r\n\r\n                                                <div>      \r\n                                                        <mat-form-field>\r\n                                                                <mat-label>Date of Case Note: </mat-label>\r\n                                                                 <input matInput formControlName=\"caseNoteDate\"   \r\n                                                                 (click)=\"caseNoteDate.open()\" \r\n                                                                 [matDatepicker]=\"caseNoteDate\" \r\n                                                                 placeholder=\"Choose a start date\" \r\n                                                                 [(ngModel)]=\"editCaseNote.caseNoteDate\" required>\r\n                                                                <mat-datepicker-toggle matSuffix [for]=\"caseNoteDate\"></mat-datepicker-toggle>\r\n                                                                <mat-datepicker #caseNoteDate></mat-datepicker>\r\n\r\n                                                                <div class=\"help-block\" *ngIf=\"caseNoteForm.get('caseNoteDate').errors \r\n                                                                && (caseNoteForm.get('caseNoteDate').dirty || caseNoteForm.get('caseNoteDate').touched)\">\r\n                                                                <mat-error>case note date is <strong>required</strong></mat-error>\r\n                                                                </div> \r\n\r\n                                                                <div class=\"help-block\" \r\n                                                                *ngIf=\"caseNoteForm.get('caseNoteDate').hasError('date') \r\n                                                                && (caseNoteForm.get('caseNoteDate').dirty || caseNoteForm.get('caseNoteDate').touched)\">\r\n                                                                <mat-error>future case note Date is <strong>not allowed</strong></mat-error>\r\n                                                                </div>\r\n\r\n                                                        </mat-form-field>\r\n\r\n                                                </div>  \r\n                                                                \r\n                                                       \r\n\r\n                                                <div>\r\n                                                        <mat-form-field>\r\n                                                                <mat-label>Contact Type:</mat-label>\r\n                                                                <mat-select  placeholder=\"contactType\" formControlName=\"contactType\"  required   [(ngModel)]=\"editCaseNote.contactTypeId\">\r\n                                                                        <mat-option *ngFor=\" let contactType of contactTypes\" [value]=\"contactType.contactTypeId\" >{{contactType.name}}</mat-option>\r\n                                                                </mat-select>\r\n\r\n                                                                <div class=\"help-block\" *ngIf=\"caseNoteForm.get('contactType').errors \r\n                                                                && (caseNoteForm.get('contactType').dirty || caseNoteForm.get('contactType').touched)\">\r\n                                                                <mat-error>comment is <strong>required</strong></mat-error>\r\n                                                                </div> \r\n                                                        </mat-form-field>\r\n                                                </div>\r\n                                                                      \r\n                                                 <div>                    \r\n                                                        <mat-form-field class=\"mat-select-content\">\r\n                                                                <mat-label>Contact Purpose:</mat-label>\r\n                                                                <mat-select  formControlName=\"contactPurpose\"   required [(ngModel)]=\"editCaseNote.victimContactPurposeId\" class=\"mat-select-inner\">\r\n                                                                        <mat-option *ngFor=\" let contactPurpose of contactPurposes\" [value]=\"contactPurpose.victimContactPurposeId\" >{{contactPurpose.name}}</mat-option>\r\n                                                                </mat-select>\r\n\r\n                                                                <div class=\"help-block\" *ngIf=\"caseNoteForm.get('contactPurpose').errors \r\n                                                                && (caseNoteForm.get('contactPurpose').dirty || caseNoteForm.get('contactPurpose').touched)\">\r\n                                                                <mat-error>comment is <strong>required</strong></mat-error>\r\n                                                                </div> \r\n                                                                \r\n                                                        </mat-form-field>\r\n                                                </div>  \r\n                                                \r\n                                                <div>\r\n\r\n                                                        <mat-form-field style=\"width: 400px;\">\r\n                                                                <mat-label>Comment:</mat-label>\r\n                                                                <textarea \r\n                                                                class=\"textarea-content\"\r\n                                                                matInput \r\n                                                                placeholder=\"\" \r\n                                                                required formControlName=\"comment\" \r\n                                                                [(ngModel)]=\"editCaseNote.comment\"\r\n                                                                cdkTextareaAutosize\r\n                                                                #autosize=\"cdkTextareaAutosize\"\r\n                                                                cdkAutosizeMinRows=\"8\"\r\n                                                                cdkAutosizeMaxRows=\"12\">\r\n                                                                </textarea> \r\n\r\n                                                                <div class=\"help-block\" *ngIf=\"caseNoteForm.get('comment').errors \r\n                                                                && (caseNoteForm.get('comment').dirty || caseNoteForm.get('comment').touched)\">\r\n                                                                <mat-error>comment is <strong>required</strong></mat-error>\r\n                                                                </div> \r\n                                                        </mat-form-field>\r\n                                                </div>\r\n                                                \r\n                                                <div>\r\n                                                        <button  mat-raised-button color=\"primary\" (click)=\"saveCaseNote()\"  [disabled]=\"!caseNoteDetailForm.form.valid\" >Save</button>\r\n\r\n                                                        &nbsp;&nbsp;<button  mat-raised-button color=\"primary\"  (click)=\"hiddenDetailFlag = true;addDisableFlag = false; this.hiddenAddNewFlag = false;\">Cancel</button>\r\n                                                </div>\r\n\r\n                                              </form>\r\n                                              </div>\r\n                                                </mat-card>\r\n                                        \r\n                                        </div>\r\n                        <br>\r\n                        <mat-table #table [dataSource]=\"caseNoteDataSource\" class=\"example-table\">\r\n                                        <ng-container matColumnDef=\"caseNoteDate\">\r\n                                            <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Case Note Date</mat-header-cell>\r\n                                            <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.caseNoteDate | date}} </mat-cell>\r\n                                        </ng-container>\r\n\r\n\r\n                                        <ng-container matColumnDef=\"contactType\">\r\n                                                <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Contact Type</mat-header-cell>\r\n                                                <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.contactType}} </mat-cell>\r\n                                        </ng-container>\r\n                                        \r\n                                    \r\n                                        <ng-container matColumnDef=\"contactPurpose\">\r\n                                                <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Contact Purpose</mat-header-cell>\r\n                                                <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.contactPurpose}} </mat-cell>\r\n                                        </ng-container>\r\n                                        <ng-container matColumnDef=\"comment\">\r\n                                                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Comment</mat-header-cell>\r\n                                                        <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.comment}} </mat-cell>\r\n                                                </ng-container>\r\n\r\n                                        <ng-container matColumnDef=\"victimCaseNoteId\">\r\n                                                <mat-header-cell *matHeaderCellDef class=\"example-header-cell\"></mat-header-cell>\r\n                                            <mat-cell *matCellDef=\"let row\" class=\"example-cell\">\r\n                                              \r\n                                                <button \r\n                                                class=\"sac-cso-read sac-vsp-read\"  \r\n                                                mat-icon-button \r\n                                                color=\"primary\"  \r\n                                                matTooltip=\"Edit Case Note\" \r\n                                                (click)=\"onEditCaseNote(row.victimCaseNoteId)\">\r\n                                                        <i class=\"material-icons\">mode_edit</i>\r\n                                                </button>\r\n\r\n                                                &nbsp;&nbsp;\r\n                                             \r\n                                              \r\n\r\n                                        <button\r\n                                        class=\"sac-vsp-read\"\r\n                                        matTooltip=\"Delete Case Note\" \r\n                                        mat-icon-button\r\n                                        color=\"primary\"\r\n                                        (click)=\"onDeleteCaseNote(row.victimCaseNoteId)\">\r\n                                        <i class=\"material-icons\">delete</i>\r\n                                        </button>\r\n\r\n\r\n\r\n\r\n                                            </mat-cell>\r\n                                        </ng-container>\r\n        \r\n                                        <mat-header-row *matHeaderRowDef=\"['caseNoteDate', 'contactType', 'contactPurpose', 'comment', 'victimCaseNoteId']\" class=\"example-header-row\"></mat-header-row>\r\n                                        <mat-row *matRowDef=\"let row; columns:['caseNoteDate', 'contactType', 'contactPurpose', 'comment', 'victimCaseNoteId'];\" class=\"example-row\"></mat-row>\r\n                                        </mat-table>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n</mat-card-content>\r\n</mat-card>", styles: [".container{width:800px;margin:16px;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:10px;grid-auto-rows:minmax(50px,auto);justify-items:stretch}.mat-select-content{width:300px}.mat-select-inner{width:290px}.textarea-content{width:500px}\n"], dependencies: [{ kind: "directive", type: i8$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i8$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$1.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"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "component", type: i8.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i11$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i12.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: i14.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i14.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i14.MatLabel, selector: "mat-label" }, { kind: "directive", type: i14.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i15.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"] }, { kind: "component", type: i16.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i16.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i16.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i17.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i18.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i11$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i11$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i11$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i11$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i11$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i11$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i11$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i11$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i11$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i11$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "pipe", type: i8$1.DatePipe, name: "date" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CaseNoteComponent, decorators: [{
             type: Component,
             args: [{ providers: [CommonDialogService], template: "\r\n <mat-card>\r\n        <mat-card-header>\r\n\r\n        </mat-card-header>\r\n         <mat-card-content>\r\n                \r\n                        <mat-toolbar  color=\"primary\">\r\n                                        <h4 class=\"card-header\" >Case Note</h4>\r\n                        </mat-toolbar>\r\n                        <br>\r\n                        <div class=\"row\" >\r\n                                <div [hidden]=\"hiddenAddNewFlag\">\r\n                                &nbsp;&nbsp;<button mat-raised-button color=\"primary\" (click)=\"onAddNew()\" [disabled]=\"addDisableFlag\">Add Case Note</button>\r\n\r\n                                &nbsp;&nbsp;<button mat-raised-button color=\"primary\"  (click)=\"back()\">Back</button>\r\n                                </div>\r\n                       </div>\r\n\r\n                        <div [hidden]=\"hiddenDetailFlag\" >\r\n                                        <mat-card >\r\n                                        <div class='container'>       \r\n                                        <form [formGroup]=\"caseNoteForm\" #caseNoteDetailForm=\"ngForm\" >\r\n                                                    \r\n                                                <div>\r\n                                                        <mat-label>Victim Name:</mat-label>\r\n                                                                {{victimName}} \r\n                                                </div>\r\n                                                      \r\n\r\n                                                <div>      \r\n                                                        <mat-form-field>\r\n                                                                <mat-label>Date of Case Note: </mat-label>\r\n                                                                 <input matInput formControlName=\"caseNoteDate\"   \r\n                                                                 (click)=\"caseNoteDate.open()\" \r\n                                                                 [matDatepicker]=\"caseNoteDate\" \r\n                                                                 placeholder=\"Choose a start date\" \r\n                                                                 [(ngModel)]=\"editCaseNote.caseNoteDate\" required>\r\n                                                                <mat-datepicker-toggle matSuffix [for]=\"caseNoteDate\"></mat-datepicker-toggle>\r\n                                                                <mat-datepicker #caseNoteDate></mat-datepicker>\r\n\r\n                                                                <div class=\"help-block\" *ngIf=\"caseNoteForm.get('caseNoteDate').errors \r\n                                                                && (caseNoteForm.get('caseNoteDate').dirty || caseNoteForm.get('caseNoteDate').touched)\">\r\n                                                                <mat-error>case note date is <strong>required</strong></mat-error>\r\n                                                                </div> \r\n\r\n                                                                <div class=\"help-block\" \r\n                                                                *ngIf=\"caseNoteForm.get('caseNoteDate').hasError('date') \r\n                                                                && (caseNoteForm.get('caseNoteDate').dirty || caseNoteForm.get('caseNoteDate').touched)\">\r\n                                                                <mat-error>future case note Date is <strong>not allowed</strong></mat-error>\r\n                                                                </div>\r\n\r\n                                                        </mat-form-field>\r\n\r\n                                                </div>  \r\n                                                                \r\n                                                       \r\n\r\n                                                <div>\r\n                                                        <mat-form-field>\r\n                                                                <mat-label>Contact Type:</mat-label>\r\n                                                                <mat-select  placeholder=\"contactType\" formControlName=\"contactType\"  required   [(ngModel)]=\"editCaseNote.contactTypeId\">\r\n                                                                        <mat-option *ngFor=\" let contactType of contactTypes\" [value]=\"contactType.contactTypeId\" >{{contactType.name}}</mat-option>\r\n                                                                </mat-select>\r\n\r\n                                                                <div class=\"help-block\" *ngIf=\"caseNoteForm.get('contactType').errors \r\n                                                                && (caseNoteForm.get('contactType').dirty || caseNoteForm.get('contactType').touched)\">\r\n                                                                <mat-error>comment is <strong>required</strong></mat-error>\r\n                                                                </div> \r\n                                                        </mat-form-field>\r\n                                                </div>\r\n                                                                      \r\n                                                 <div>                    \r\n                                                        <mat-form-field class=\"mat-select-content\">\r\n                                                                <mat-label>Contact Purpose:</mat-label>\r\n                                                                <mat-select  formControlName=\"contactPurpose\"   required [(ngModel)]=\"editCaseNote.victimContactPurposeId\" class=\"mat-select-inner\">\r\n                                                                        <mat-option *ngFor=\" let contactPurpose of contactPurposes\" [value]=\"contactPurpose.victimContactPurposeId\" >{{contactPurpose.name}}</mat-option>\r\n                                                                </mat-select>\r\n\r\n                                                                <div class=\"help-block\" *ngIf=\"caseNoteForm.get('contactPurpose').errors \r\n                                                                && (caseNoteForm.get('contactPurpose').dirty || caseNoteForm.get('contactPurpose').touched)\">\r\n                                                                <mat-error>comment is <strong>required</strong></mat-error>\r\n                                                                </div> \r\n                                                                \r\n                                                        </mat-form-field>\r\n                                                </div>  \r\n                                                \r\n                                                <div>\r\n\r\n                                                        <mat-form-field style=\"width: 400px;\">\r\n                                                                <mat-label>Comment:</mat-label>\r\n                                                                <textarea \r\n                                                                class=\"textarea-content\"\r\n                                                                matInput \r\n                                                                placeholder=\"\" \r\n                                                                required formControlName=\"comment\" \r\n                                                                [(ngModel)]=\"editCaseNote.comment\"\r\n                                                                cdkTextareaAutosize\r\n                                                                #autosize=\"cdkTextareaAutosize\"\r\n                                                                cdkAutosizeMinRows=\"8\"\r\n                                                                cdkAutosizeMaxRows=\"12\">\r\n                                                                </textarea> \r\n\r\n                                                                <div class=\"help-block\" *ngIf=\"caseNoteForm.get('comment').errors \r\n                                                                && (caseNoteForm.get('comment').dirty || caseNoteForm.get('comment').touched)\">\r\n                                                                <mat-error>comment is <strong>required</strong></mat-error>\r\n                                                                </div> \r\n                                                        </mat-form-field>\r\n                                                </div>\r\n                                                \r\n                                                <div>\r\n                                                        <button  mat-raised-button color=\"primary\" (click)=\"saveCaseNote()\"  [disabled]=\"!caseNoteDetailForm.form.valid\" >Save</button>\r\n\r\n                                                        &nbsp;&nbsp;<button  mat-raised-button color=\"primary\"  (click)=\"hiddenDetailFlag = true;addDisableFlag = false; this.hiddenAddNewFlag = false;\">Cancel</button>\r\n                                                </div>\r\n\r\n                                              </form>\r\n                                              </div>\r\n                                                </mat-card>\r\n                                        \r\n                                        </div>\r\n                        <br>\r\n                        <mat-table #table [dataSource]=\"caseNoteDataSource\" class=\"example-table\">\r\n                                        <ng-container matColumnDef=\"caseNoteDate\">\r\n                                            <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Case Note Date</mat-header-cell>\r\n                                            <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.caseNoteDate | date}} </mat-cell>\r\n                                        </ng-container>\r\n\r\n\r\n                                        <ng-container matColumnDef=\"contactType\">\r\n                                                <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Contact Type</mat-header-cell>\r\n                                                <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.contactType}} </mat-cell>\r\n                                        </ng-container>\r\n                                        \r\n                                    \r\n                                        <ng-container matColumnDef=\"contactPurpose\">\r\n                                                <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Contact Purpose</mat-header-cell>\r\n                                                <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.contactPurpose}} </mat-cell>\r\n                                        </ng-container>\r\n                                        <ng-container matColumnDef=\"comment\">\r\n                                                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Comment</mat-header-cell>\r\n                                                        <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.comment}} </mat-cell>\r\n                                                </ng-container>\r\n\r\n                                        <ng-container matColumnDef=\"victimCaseNoteId\">\r\n                                                <mat-header-cell *matHeaderCellDef class=\"example-header-cell\"></mat-header-cell>\r\n                                            <mat-cell *matCellDef=\"let row\" class=\"example-cell\">\r\n                                              \r\n                                                <button \r\n                                                class=\"sac-cso-read sac-vsp-read\"  \r\n                                                mat-icon-button \r\n                                                color=\"primary\"  \r\n                                                matTooltip=\"Edit Case Note\" \r\n                                                (click)=\"onEditCaseNote(row.victimCaseNoteId)\">\r\n                                                        <i class=\"material-icons\">mode_edit</i>\r\n                                                </button>\r\n\r\n                                                &nbsp;&nbsp;\r\n                                             \r\n                                              \r\n\r\n                                        <button\r\n                                        class=\"sac-vsp-read\"\r\n                                        matTooltip=\"Delete Case Note\" \r\n                                        mat-icon-button\r\n                                        color=\"primary\"\r\n                                        (click)=\"onDeleteCaseNote(row.victimCaseNoteId)\">\r\n                                        <i class=\"material-icons\">delete</i>\r\n                                        </button>\r\n\r\n\r\n\r\n\r\n                                            </mat-cell>\r\n                                        </ng-container>\r\n        \r\n                                        <mat-header-row *matHeaderRowDef=\"['caseNoteDate', 'contactType', 'contactPurpose', 'comment', 'victimCaseNoteId']\" class=\"example-header-row\"></mat-header-row>\r\n                                        <mat-row *matRowDef=\"let row; columns:['caseNoteDate', 'contactType', 'contactPurpose', 'comment', 'victimCaseNoteId'];\" class=\"example-row\"></mat-row>\r\n                                        </mat-table>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n</mat-card-content>\r\n</mat-card>", styles: [".container{width:800px;margin:16px;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:10px;grid-auto-rows:minmax(50px,auto);justify-items:stretch}.mat-select-content{width:300px}.mat-select-inner{width:290px}.textarea-content{width:500px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }, { type: NgcSmartVictimService }, { type: CommonDialogService }, { type: i4.MatSnackBar }, { type: i5$1.ActivatedRoute }, { type: i5$1.Router }, { type: i6.SmartAuthService }, { type: EmailService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$2.UntypedFormBuilder }, { type: NgcSmartVictimService }, { type: CommonDialogService }, { type: i4.MatSnackBar }, { type: i5.ActivatedRoute }, { type: i5.Router }, { type: i6.SmartAuthService }, { type: EmailService }]; } });
 
 class ContactComponent {
     constructor(_victimServicesComponent, 
@@ -2557,15 +2559,15 @@ class ContactComponent {
         this.smartAuthService = smartAuthService;
         this.editContact = {};
         this.staff = {};
-        this.contactForm = new FormGroup({
+        this.contactForm = new UntypedFormGroup({
             //contactDate: new FormControl(),
-            contactDate: new FormControl('', Validators.compose([
+            contactDate: new UntypedFormControl('', Validators.compose([
                 dateValidator()
             ])),
-            contactMethod: new FormControl(),
-            contactBy: new FormControl(),
-            comment: new FormControl(),
-            nextContactDate: new FormControl()
+            contactMethod: new UntypedFormControl(),
+            contactBy: new UntypedFormControl(),
+            comment: new UntypedFormControl(),
+            nextContactDate: new UntypedFormControl()
         });
     }
     ngAfterViewInit() {
@@ -2656,12 +2658,12 @@ class ContactComponent {
         });
     }
 }
-/** @nocollapse */ /** @nocollapse */ ContactComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ContactComponent, deps: [{ token: NgcSmartVictimService }, { token: i4.MatSnackBar }, { token: i5$1.ActivatedRoute }, { token: i5$1.Router }, { token: i6.SmartAuthService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ ContactComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ContactComponent, selector: "ng-component", ngImport: i0, template: "\r\n <mat-card>\r\n        <mat-card-header>\r\n\r\n        </mat-card-header>\r\n         <mat-card-content>\r\n                \r\n                        <mat-toolbar  color=\"primary\">\r\n                                        <h4 class=\"card-header\" >Contact detail</h4>\r\n                        </mat-toolbar>\r\n                        <br>\r\n       \r\n\r\n                       \r\n                                        <mat-card >\r\n                                        <div class='container'>       \r\n                                        <form [formGroup]=\"contactForm\" #contactDetailForm=\"ngForm\" >\r\n                                                    \r\n                                               \r\n\r\n                                                <div>      \r\n                                                        <mat-form-field>\r\n                                                                <mat-label>Contact Date:</mat-label>\r\n                                                                 <input matInput formControlName=\"contactDate\"   \r\n                                                                 (click)=\"contactDate.open()\" \r\n                                                                 [matDatepicker]=\"contactDate\" \r\n                                                                 placeholder=\"Choose a contact date\" \r\n                                                                 [(ngModel)]=\"editContact.contactDate\" required>\r\n                                                                <mat-datepicker-toggle matSuffix [for]=\"contactDate\"></mat-datepicker-toggle>\r\n                                                                <mat-datepicker #contactDate></mat-datepicker>\r\n                                                        </mat-form-field>\r\n\r\n                                                        <div class=\"validation-errors\">\r\n                                                                <div\r\n                                                                  class=\"help-block\"\r\n                                                                  *ngIf=\"\r\n                                                                  contactForm\r\n                                                                      .get('contactDate')\r\n                                                                      .hasError('required') &&\r\n                                                                    (contactForm.get('contactDate').dirty ||\r\n                                                                    contactForm.get('contactDate').touched)\">\r\n                                                                  <mat-error>Contact date is\r\n                                                                    <strong>required</strong></mat-error>\r\n                                                                </div>\r\n                                                                <div\r\n                                                                  class=\"help-block\"\r\n                                                                  *ngIf=\"\r\n                                                                  contactForm.get('contactDate').hasError('date') &&\r\n                                                                    (contactForm.get('contactDate').dirty ||\r\n                                                                    contactForm.get('contactDate').touched)\">\r\n                                                                  <mat-error >future Date is <strong>not allowed</strong> for contact date</mat-error>\r\n                                                                </div>\r\n                                                              </div>\r\n                                                </div>  \r\n                                                                \r\n                                                       \r\n\r\n                                                <div>\r\n                                                        <mat-form-field>\r\n                                                                <mat-label>Contact Method:</mat-label>\r\n                                                                <mat-select  placeholder=\"contactMethod\" formControlName=\"contactMethod\"  required   [(ngModel)]=\"editContact.victimContactMethodId\">\r\n                                                                        <mat-option *ngFor=\" let contactMethod of contactMethods\" [value]=\"contactMethod.victimContactMethodId\" >{{contactMethod.name}}</mat-option>\r\n                                                                </mat-select>\r\n                                                        </mat-form-field>\r\n                                                </div>\r\n                                                                      \r\n                                                 <div>                    \r\n                                                        <mat-form-field class=\"mat-select-content\">\r\n                                                                <mat-label>Contact By:</mat-label>\r\n                                                                <mat-select  formControlName=\"contactBy\"   required [(ngModel)]=\"editContact.contactedBy\" class=\"mat-select-inner\">\r\n                                                                        <mat-option *ngFor=\" let item of staff\" [value]=\"item.staffId\" >{{ item.fullName}}</mat-option>\r\n                                                                </mat-select>\r\n                                                        </mat-form-field>\r\n                                                </div>  \r\n                                                \r\n                                                <div>\r\n\r\n                                                        <mat-form-field>\r\n                                                                <mat-label>Comments </mat-label>\r\n                                                                <textarea \r\n                                                                matInput \r\n                                                                placeholder=\"\" \r\n                                                                required formControlName=\"comment\" \r\n                                                                [(ngModel)]=\"editContact.comment\"\r\n                                                                cdkTextareaAutosize\r\n                                                                #autosize=\"cdkTextareaAutosize\"\r\n                                                                cdkAutosizeMinRows=\"1\"\r\n                                                                cdkAutosizeMaxRows=\"5\">\r\n                                                                </textarea> \r\n                                                        </mat-form-field>\r\n                                                </div>\r\n\r\n                                                <div>      \r\n                                                        <mat-form-field>\r\n                                                                <mat-label>Next Contact Date: </mat-label>\r\n                                                                 <input matInput formControlName=\"nextContactDate\"   \r\n                                                                 (click)=\"nextContactDate.open()\" \r\n                                                                 [matDatepicker]=\"nextContactDate\" \r\n                                                                 placeholder=\"Choose a next contact date\" \r\n                                                                 [(ngModel)]=\"editContact.nextContactDate\" required>\r\n                                                                <mat-datepicker-toggle matSuffix [for]=\"nextContactDate\"></mat-datepicker-toggle>\r\n                                                                <mat-datepicker #nextContactDate></mat-datepicker>\r\n                                                        </mat-form-field>\r\n                                                </div> \r\n                                                \r\n                                                <div>\r\n                                                        <!-- <button  mat-raised-button color=\"primary\" (click)=\"saveContact()\"  [disabled]=\"!contactForm.form.valid\" >Save</button> -->\r\n                                                        <button  mat-raised-button color=\"primary\" (click)=\"saveContact()\" [disabled]=\"!contactForm.valid\" >Save</button>\r\n                                                        &nbsp;&nbsp;<button  mat-raised-button color=\"primary\"  >Cancel</button>\r\n                                                        &nbsp;&nbsp;<button  mat-raised-button color=\"primary\" (click)=\"back()\"  >Back</button>\r\n                                                </div>\r\n\r\n                                              </form>\r\n                                              </div>\r\n                                                </mat-card>\r\n                                        \r\n                                       \r\n                        <br>\r\n                       \r\n\r\n\r\n\r\n</mat-card-content>\r\n</mat-card>", styles: ["mat-form-field{width:50%}.container{margin:16px;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:10px;grid-auto-rows:minmax(50px,auto);justify-items:stretch}.mat-select-content{width:300px}.mat-select-inner{width:290px}\n"], components: [{ type: i8.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i8.MatCardHeader, selector: "mat-card-header" }, { type: i9$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i10.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i14.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i14.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i12.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i13.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i3.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: i8.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i10.MatLabel, selector: "mat-label" }, { type: i5.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: i1$2.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: i14.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i10.MatSuffix, selector: "[matSuffix]" }, { type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.MatError, selector: "mat-error", inputs: ["id"] }, { type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i18.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ContactComponent, decorators: [{
+/** @nocollapse */ ContactComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ContactComponent, deps: [{ token: NgcSmartVictimService }, { token: i4.MatSnackBar }, { token: i5.ActivatedRoute }, { token: i5.Router }, { token: i6.SmartAuthService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ ContactComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ContactComponent, selector: "ng-component", ngImport: i0, template: "\r\n <mat-card>\r\n        <mat-card-header>\r\n\r\n        </mat-card-header>\r\n         <mat-card-content>\r\n                \r\n                        <mat-toolbar  color=\"primary\">\r\n                                        <h4 class=\"card-header\" >Contact detail</h4>\r\n                        </mat-toolbar>\r\n                        <br>\r\n       \r\n\r\n                       \r\n                                        <mat-card >\r\n                                        <div class='container'>       \r\n                                        <form [formGroup]=\"contactForm\" #contactDetailForm=\"ngForm\" >\r\n                                                    \r\n                                               \r\n\r\n                                                <div>      \r\n                                                        <mat-form-field>\r\n                                                                <mat-label>Contact Date:</mat-label>\r\n                                                                 <input matInput formControlName=\"contactDate\"   \r\n                                                                 (click)=\"contactDate.open()\" \r\n                                                                 [matDatepicker]=\"contactDate\" \r\n                                                                 placeholder=\"Choose a contact date\" \r\n                                                                 [(ngModel)]=\"editContact.contactDate\" required>\r\n                                                                <mat-datepicker-toggle matSuffix [for]=\"contactDate\"></mat-datepicker-toggle>\r\n                                                                <mat-datepicker #contactDate></mat-datepicker>\r\n                                                        </mat-form-field>\r\n\r\n                                                        <div class=\"validation-errors\">\r\n                                                                <div\r\n                                                                  class=\"help-block\"\r\n                                                                  *ngIf=\"\r\n                                                                  contactForm\r\n                                                                      .get('contactDate')\r\n                                                                      .hasError('required') &&\r\n                                                                    (contactForm.get('contactDate').dirty ||\r\n                                                                    contactForm.get('contactDate').touched)\">\r\n                                                                  <mat-error>Contact date is\r\n                                                                    <strong>required</strong></mat-error>\r\n                                                                </div>\r\n                                                                <div\r\n                                                                  class=\"help-block\"\r\n                                                                  *ngIf=\"\r\n                                                                  contactForm.get('contactDate').hasError('date') &&\r\n                                                                    (contactForm.get('contactDate').dirty ||\r\n                                                                    contactForm.get('contactDate').touched)\">\r\n                                                                  <mat-error >future Date is <strong>not allowed</strong> for contact date</mat-error>\r\n                                                                </div>\r\n                                                              </div>\r\n                                                </div>  \r\n                                                                \r\n                                                       \r\n\r\n                                                <div>\r\n                                                        <mat-form-field>\r\n                                                                <mat-label>Contact Method:</mat-label>\r\n                                                                <mat-select  placeholder=\"contactMethod\" formControlName=\"contactMethod\"  required   [(ngModel)]=\"editContact.victimContactMethodId\">\r\n                                                                        <mat-option *ngFor=\" let contactMethod of contactMethods\" [value]=\"contactMethod.victimContactMethodId\" >{{contactMethod.name}}</mat-option>\r\n                                                                </mat-select>\r\n                                                        </mat-form-field>\r\n                                                </div>\r\n                                                                      \r\n                                                 <div>                    \r\n                                                        <mat-form-field class=\"mat-select-content\">\r\n                                                                <mat-label>Contact By:</mat-label>\r\n                                                                <mat-select  formControlName=\"contactBy\"   required [(ngModel)]=\"editContact.contactedBy\" class=\"mat-select-inner\">\r\n                                                                        <mat-option *ngFor=\" let item of staff\" [value]=\"item.staffId\" >{{ item.fullName}}</mat-option>\r\n                                                                </mat-select>\r\n                                                        </mat-form-field>\r\n                                                </div>  \r\n                                                \r\n                                                <div>\r\n\r\n                                                        <mat-form-field>\r\n                                                                <mat-label>Comments </mat-label>\r\n                                                                <textarea \r\n                                                                matInput \r\n                                                                placeholder=\"\" \r\n                                                                required formControlName=\"comment\" \r\n                                                                [(ngModel)]=\"editContact.comment\"\r\n                                                                cdkTextareaAutosize\r\n                                                                #autosize=\"cdkTextareaAutosize\"\r\n                                                                cdkAutosizeMinRows=\"1\"\r\n                                                                cdkAutosizeMaxRows=\"5\">\r\n                                                                </textarea> \r\n                                                        </mat-form-field>\r\n                                                </div>\r\n\r\n                                                <div>      \r\n                                                        <mat-form-field>\r\n                                                                <mat-label>Next Contact Date: </mat-label>\r\n                                                                 <input matInput formControlName=\"nextContactDate\"   \r\n                                                                 (click)=\"nextContactDate.open()\" \r\n                                                                 [matDatepicker]=\"nextContactDate\" \r\n                                                                 placeholder=\"Choose a next contact date\" \r\n                                                                 [(ngModel)]=\"editContact.nextContactDate\" required>\r\n                                                                <mat-datepicker-toggle matSuffix [for]=\"nextContactDate\"></mat-datepicker-toggle>\r\n                                                                <mat-datepicker #nextContactDate></mat-datepicker>\r\n                                                        </mat-form-field>\r\n                                                </div> \r\n                                                \r\n                                                <div>\r\n                                                        <!-- <button  mat-raised-button color=\"primary\" (click)=\"saveContact()\"  [disabled]=\"!contactForm.form.valid\" >Save</button> -->\r\n                                                        <button  mat-raised-button color=\"primary\" (click)=\"saveContact()\" [disabled]=\"!contactForm.valid\" >Save</button>\r\n                                                        &nbsp;&nbsp;<button  mat-raised-button color=\"primary\"  >Cancel</button>\r\n                                                        &nbsp;&nbsp;<button  mat-raised-button color=\"primary\" (click)=\"back()\"  >Back</button>\r\n                                                </div>\r\n\r\n                                              </form>\r\n                                              </div>\r\n                                                </mat-card>\r\n                                        \r\n                                       \r\n                        <br>\r\n                       \r\n\r\n\r\n\r\n</mat-card-content>\r\n</mat-card>", styles: ["mat-form-field{width:50%}.container{margin:16px;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:10px;grid-auto-rows:minmax(50px,auto);justify-items:stretch}.mat-select-content{width:300px}.mat-select-inner{width:290px}\n"], dependencies: [{ kind: "directive", type: i8$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i8$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$1.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"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "component", type: i8.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i11$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i12.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: i14.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i14.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i14.MatLabel, selector: "mat-label" }, { kind: "directive", type: i14.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i15.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"] }, { kind: "component", type: i16.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i16.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i16.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i17.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i18.MatOption, selector: "mat-option", exportAs: ["matOption"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ContactComponent, decorators: [{
             type: Component,
             args: [{ template: "\r\n <mat-card>\r\n        <mat-card-header>\r\n\r\n        </mat-card-header>\r\n         <mat-card-content>\r\n                \r\n                        <mat-toolbar  color=\"primary\">\r\n                                        <h4 class=\"card-header\" >Contact detail</h4>\r\n                        </mat-toolbar>\r\n                        <br>\r\n       \r\n\r\n                       \r\n                                        <mat-card >\r\n                                        <div class='container'>       \r\n                                        <form [formGroup]=\"contactForm\" #contactDetailForm=\"ngForm\" >\r\n                                                    \r\n                                               \r\n\r\n                                                <div>      \r\n                                                        <mat-form-field>\r\n                                                                <mat-label>Contact Date:</mat-label>\r\n                                                                 <input matInput formControlName=\"contactDate\"   \r\n                                                                 (click)=\"contactDate.open()\" \r\n                                                                 [matDatepicker]=\"contactDate\" \r\n                                                                 placeholder=\"Choose a contact date\" \r\n                                                                 [(ngModel)]=\"editContact.contactDate\" required>\r\n                                                                <mat-datepicker-toggle matSuffix [for]=\"contactDate\"></mat-datepicker-toggle>\r\n                                                                <mat-datepicker #contactDate></mat-datepicker>\r\n                                                        </mat-form-field>\r\n\r\n                                                        <div class=\"validation-errors\">\r\n                                                                <div\r\n                                                                  class=\"help-block\"\r\n                                                                  *ngIf=\"\r\n                                                                  contactForm\r\n                                                                      .get('contactDate')\r\n                                                                      .hasError('required') &&\r\n                                                                    (contactForm.get('contactDate').dirty ||\r\n                                                                    contactForm.get('contactDate').touched)\">\r\n                                                                  <mat-error>Contact date is\r\n                                                                    <strong>required</strong></mat-error>\r\n                                                                </div>\r\n                                                                <div\r\n                                                                  class=\"help-block\"\r\n                                                                  *ngIf=\"\r\n                                                                  contactForm.get('contactDate').hasError('date') &&\r\n                                                                    (contactForm.get('contactDate').dirty ||\r\n                                                                    contactForm.get('contactDate').touched)\">\r\n                                                                  <mat-error >future Date is <strong>not allowed</strong> for contact date</mat-error>\r\n                                                                </div>\r\n                                                              </div>\r\n                                                </div>  \r\n                                                                \r\n                                                       \r\n\r\n                                                <div>\r\n                                                        <mat-form-field>\r\n                                                                <mat-label>Contact Method:</mat-label>\r\n                                                                <mat-select  placeholder=\"contactMethod\" formControlName=\"contactMethod\"  required   [(ngModel)]=\"editContact.victimContactMethodId\">\r\n                                                                        <mat-option *ngFor=\" let contactMethod of contactMethods\" [value]=\"contactMethod.victimContactMethodId\" >{{contactMethod.name}}</mat-option>\r\n                                                                </mat-select>\r\n                                                        </mat-form-field>\r\n                                                </div>\r\n                                                                      \r\n                                                 <div>                    \r\n                                                        <mat-form-field class=\"mat-select-content\">\r\n                                                                <mat-label>Contact By:</mat-label>\r\n                                                                <mat-select  formControlName=\"contactBy\"   required [(ngModel)]=\"editContact.contactedBy\" class=\"mat-select-inner\">\r\n                                                                        <mat-option *ngFor=\" let item of staff\" [value]=\"item.staffId\" >{{ item.fullName}}</mat-option>\r\n                                                                </mat-select>\r\n                                                        </mat-form-field>\r\n                                                </div>  \r\n                                                \r\n                                                <div>\r\n\r\n                                                        <mat-form-field>\r\n                                                                <mat-label>Comments </mat-label>\r\n                                                                <textarea \r\n                                                                matInput \r\n                                                                placeholder=\"\" \r\n                                                                required formControlName=\"comment\" \r\n                                                                [(ngModel)]=\"editContact.comment\"\r\n                                                                cdkTextareaAutosize\r\n                                                                #autosize=\"cdkTextareaAutosize\"\r\n                                                                cdkAutosizeMinRows=\"1\"\r\n                                                                cdkAutosizeMaxRows=\"5\">\r\n                                                                </textarea> \r\n                                                        </mat-form-field>\r\n                                                </div>\r\n\r\n                                                <div>      \r\n                                                        <mat-form-field>\r\n                                                                <mat-label>Next Contact Date: </mat-label>\r\n                                                                 <input matInput formControlName=\"nextContactDate\"   \r\n                                                                 (click)=\"nextContactDate.open()\" \r\n                                                                 [matDatepicker]=\"nextContactDate\" \r\n                                                                 placeholder=\"Choose a next contact date\" \r\n                                                                 [(ngModel)]=\"editContact.nextContactDate\" required>\r\n                                                                <mat-datepicker-toggle matSuffix [for]=\"nextContactDate\"></mat-datepicker-toggle>\r\n                                                                <mat-datepicker #nextContactDate></mat-datepicker>\r\n                                                        </mat-form-field>\r\n                                                </div> \r\n                                                \r\n                                                <div>\r\n                                                        <!-- <button  mat-raised-button color=\"primary\" (click)=\"saveContact()\"  [disabled]=\"!contactForm.form.valid\" >Save</button> -->\r\n                                                        <button  mat-raised-button color=\"primary\" (click)=\"saveContact()\" [disabled]=\"!contactForm.valid\" >Save</button>\r\n                                                        &nbsp;&nbsp;<button  mat-raised-button color=\"primary\"  >Cancel</button>\r\n                                                        &nbsp;&nbsp;<button  mat-raised-button color=\"primary\" (click)=\"back()\"  >Back</button>\r\n                                                </div>\r\n\r\n                                              </form>\r\n                                              </div>\r\n                                                </mat-card>\r\n                                        \r\n                                       \r\n                        <br>\r\n                       \r\n\r\n\r\n\r\n</mat-card-content>\r\n</mat-card>", styles: ["mat-form-field{width:50%}.container{margin:16px;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:10px;grid-auto-rows:minmax(50px,auto);justify-items:stretch}.mat-select-content{width:300px}.mat-select-inner{width:290px}\n"] }]
-        }], ctorParameters: function () { return [{ type: NgcSmartVictimService }, { type: i4.MatSnackBar }, { type: i5$1.ActivatedRoute }, { type: i5$1.Router }, { type: i6.SmartAuthService }]; } });
+        }], ctorParameters: function () { return [{ type: NgcSmartVictimService }, { type: i4.MatSnackBar }, { type: i5.ActivatedRoute }, { type: i5.Router }, { type: i6.SmartAuthService }]; } });
 
 class VictimSafetyPlanComponent {
     constructor(_victimServicesComponent, commonDialogService, http, dialog, route, router, snackBar, smartAuthService) {
@@ -2750,12 +2752,12 @@ class VictimSafetyPlanComponent {
         this.router.navigate(['victimHome']);
     }
 }
-/** @nocollapse */ /** @nocollapse */ VictimSafetyPlanComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VictimSafetyPlanComponent, deps: [{ token: NgcSmartVictimService }, { token: CommonDialogService }, { token: i1.HttpClient }, { token: i1$3.MatDialog }, { token: i5$1.ActivatedRoute }, { token: i5$1.Router }, { token: i4.MatSnackBar }, { token: i6.SmartAuthService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ VictimSafetyPlanComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: VictimSafetyPlanComponent, selector: "ng-component", providers: [CommonDialogService], ngImport: i0, template: "\r\n <mat-card>\r\n        <mat-card-header>\r\n        </mat-card-header>\r\n         <mat-card-content>\r\n                <mat-toolbar  color=\"primary\">\r\n                        <h4 class=\"card-header\" style=\"display: inline-block;\">Safety Plan</h4>\r\n                    </mat-toolbar>\r\n        <br>\r\n        <button mat-raised-button color=\"primary\" (click)=\"goToSafetyPlanDetail(0)\" >Add Goal</button>\r\n        &nbsp;&nbsp;<button mat-raised-button color=\"primary\"  (click)=\"back()\">Back</button>\r\n        <br>\r\n        <br>\r\n        <mat-table #table [dataSource]=\"safetyPlanDataSource\" class=\"example-table\">\r\n                <ng-container matColumnDef=\"startDate\">\r\n                    <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Start Date</mat-header-cell>\r\n                    <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.startDate | date}} </mat-cell>\r\n                </ng-container>\r\n                <ng-container matColumnDef=\"goal\">\r\n                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Goal</mat-header-cell>\r\n                        <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.goal }} </mat-cell>\r\n                    </ng-container>\r\n                    <ng-container matColumnDef=\"victimServiceStatus\">\r\n                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Status</mat-header-cell>\r\n                        <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.victimServiceStatus }} </mat-cell>\r\n                    </ng-container>\r\n                    <ng-container matColumnDef=\"comment\">\r\n                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Comment</mat-header-cell>\r\n                        <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.comment }} </mat-cell>\r\n                    </ng-container>\r\n\r\n                <ng-container matColumnDef=\"victimServiceId\">\r\n                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\"></mat-header-cell>\r\n                    <!-- <mat-cell *matCellDef=\"let row\" class=\"example-cell\">\r\n                        <button type=\"button\" mat-raised-button color=\"primary\" (click)=\"goToSafetyPlanDetail(row.victimServiceId)\">                        \r\n                        <span class=\"glyphicon glyphicon-pencil\" ></span>&nbsp;\r\n                        <mat-icon>edit</mat-icon> \r\n                        </button> \r\n                      \r\n                       \r\n\r\n\r\n\r\n\r\n\r\n                        &nbsp;&nbsp;\r\n                        <button type=\"button\" mat-raised-button color=\"primary\" (click)=\"onDeleteSafetyPlan(row.victimServiceId)\">                        \r\n                            <span class=\"glyphicon glyphicon-trash\" ></span>&nbsp;Delete\r\n                        </button> \r\n                    </mat-cell> -->\r\n\r\n                    <mat-cell *matCellDef=\"let element\">\r\n                          \r\n                            <button class=\"edit-btn\"  mat-icon-button color=\"primary\"  matTooltip=\"Edit Safety Plan\" (click)=\"goToSafetyPlanDetail(element.victimServiceId)\">\r\n                                <i class=\"material-icons\">mode_edit</i>\r\n                            </button>\r\n\r\n                            &nbsp;&nbsp;\r\n                          \r\n                            <button\r\n                            class=\"delete-btn\"\r\n                            matTooltip=\"Delete Safety Plan\"\r\n                            mat-icon-button\r\n                            color=\"primary\"\r\n                            (click)=\"onDeleteSafetyPlan(element.victimServiceId)\">\r\n                            <i class=\"material-icons\">delete</i>\r\n                          </button>\r\n\r\n\r\n\r\n\r\n                        \r\n                    </mat-cell>\r\n\r\n                           \r\n                  \r\n                </ng-container>\r\n\r\n                <mat-header-row *matHeaderRowDef=\"['startDate', 'goal', 'victimServiceStatus', 'comment', 'victimServiceId']\" class=\"example-header-row\"></mat-header-row>\r\n                <mat-row *matRowDef=\"let row; columns:['startDate', 'goal', 'victimServiceStatus', 'comment', 'victimServiceId'];\" class=\"example-row\"></mat-row>\r\n                </mat-table>\r\n               \r\n       \r\n</mat-card-content>\r\n</mat-card>", components: [{ type: i8.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i8.MatCardHeader, selector: "mat-card-header" }, { type: i9$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i3.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: i11$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i11$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i11$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }], directives: [{ type: i8.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i11$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i11$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i11$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i11$1.MatCellDef, selector: "[matCellDef]" }, { type: i11$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i11$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i11$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }], pipes: { "date": i1$4.DatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VictimSafetyPlanComponent, decorators: [{
+/** @nocollapse */ VictimSafetyPlanComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: VictimSafetyPlanComponent, deps: [{ token: NgcSmartVictimService }, { token: CommonDialogService }, { token: i1.HttpClient }, { token: i1$1.MatDialog }, { token: i5.ActivatedRoute }, { token: i5.Router }, { token: i4.MatSnackBar }, { token: i6.SmartAuthService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ VictimSafetyPlanComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: VictimSafetyPlanComponent, selector: "ng-component", providers: [CommonDialogService], ngImport: i0, template: "\r\n <mat-card>\r\n        <mat-card-header>\r\n        </mat-card-header>\r\n         <mat-card-content>\r\n                <mat-toolbar  color=\"primary\">\r\n                        <h4 class=\"card-header\" style=\"display: inline-block;\">Safety Plan</h4>\r\n                    </mat-toolbar>\r\n        <br>\r\n        <button mat-raised-button color=\"primary\" (click)=\"goToSafetyPlanDetail(0)\" >Add Goal</button>\r\n        &nbsp;&nbsp;<button mat-raised-button color=\"primary\"  (click)=\"back()\">Back</button>\r\n        <br>\r\n        <br>\r\n        <mat-table #table [dataSource]=\"safetyPlanDataSource\" class=\"example-table\">\r\n                <ng-container matColumnDef=\"startDate\">\r\n                    <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Start Date</mat-header-cell>\r\n                    <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.startDate | date}} </mat-cell>\r\n                </ng-container>\r\n                <ng-container matColumnDef=\"goal\">\r\n                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Goal</mat-header-cell>\r\n                        <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.goal }} </mat-cell>\r\n                    </ng-container>\r\n                    <ng-container matColumnDef=\"victimServiceStatus\">\r\n                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Status</mat-header-cell>\r\n                        <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.victimServiceStatus }} </mat-cell>\r\n                    </ng-container>\r\n                    <ng-container matColumnDef=\"comment\">\r\n                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Comment</mat-header-cell>\r\n                        <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.comment }} </mat-cell>\r\n                    </ng-container>\r\n\r\n                <ng-container matColumnDef=\"victimServiceId\">\r\n                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\"></mat-header-cell>\r\n                    <!-- <mat-cell *matCellDef=\"let row\" class=\"example-cell\">\r\n                        <button type=\"button\" mat-raised-button color=\"primary\" (click)=\"goToSafetyPlanDetail(row.victimServiceId)\">                        \r\n                        <span class=\"glyphicon glyphicon-pencil\" ></span>&nbsp;\r\n                        <mat-icon>edit</mat-icon> \r\n                        </button> \r\n                      \r\n                       \r\n\r\n\r\n\r\n\r\n\r\n                        &nbsp;&nbsp;\r\n                        <button type=\"button\" mat-raised-button color=\"primary\" (click)=\"onDeleteSafetyPlan(row.victimServiceId)\">                        \r\n                            <span class=\"glyphicon glyphicon-trash\" ></span>&nbsp;Delete\r\n                        </button> \r\n                    </mat-cell> -->\r\n\r\n                    <mat-cell *matCellDef=\"let element\">\r\n                          \r\n                            <button class=\"edit-btn\"  mat-icon-button color=\"primary\"  matTooltip=\"Edit Safety Plan\" (click)=\"goToSafetyPlanDetail(element.victimServiceId)\">\r\n                                <i class=\"material-icons\">mode_edit</i>\r\n                            </button>\r\n\r\n                            &nbsp;&nbsp;\r\n                          \r\n                            <button\r\n                            class=\"delete-btn\"\r\n                            matTooltip=\"Delete Safety Plan\"\r\n                            mat-icon-button\r\n                            color=\"primary\"\r\n                            (click)=\"onDeleteSafetyPlan(element.victimServiceId)\">\r\n                            <i class=\"material-icons\">delete</i>\r\n                          </button>\r\n\r\n\r\n\r\n\r\n                        \r\n                    </mat-cell>\r\n\r\n                           \r\n                  \r\n                </ng-container>\r\n\r\n                <mat-header-row *matHeaderRowDef=\"['startDate', 'goal', 'victimServiceStatus', 'comment', 'victimServiceId']\" class=\"example-header-row\"></mat-header-row>\r\n                <mat-row *matRowDef=\"let row; columns:['startDate', 'goal', 'victimServiceStatus', 'comment', 'victimServiceId'];\" class=\"example-row\"></mat-row>\r\n                </mat-table>\r\n               \r\n       \r\n</mat-card-content>\r\n</mat-card>", dependencies: [{ kind: "component", type: i2$1.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"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "component", type: i8.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i11$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i11$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i11$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i11$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i11$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i11$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i11$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i11$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i11$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i11$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i11$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "pipe", type: i8$1.DatePipe, name: "date" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: VictimSafetyPlanComponent, decorators: [{
             type: Component,
             args: [{ providers: [CommonDialogService], template: "\r\n <mat-card>\r\n        <mat-card-header>\r\n        </mat-card-header>\r\n         <mat-card-content>\r\n                <mat-toolbar  color=\"primary\">\r\n                        <h4 class=\"card-header\" style=\"display: inline-block;\">Safety Plan</h4>\r\n                    </mat-toolbar>\r\n        <br>\r\n        <button mat-raised-button color=\"primary\" (click)=\"goToSafetyPlanDetail(0)\" >Add Goal</button>\r\n        &nbsp;&nbsp;<button mat-raised-button color=\"primary\"  (click)=\"back()\">Back</button>\r\n        <br>\r\n        <br>\r\n        <mat-table #table [dataSource]=\"safetyPlanDataSource\" class=\"example-table\">\r\n                <ng-container matColumnDef=\"startDate\">\r\n                    <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Start Date</mat-header-cell>\r\n                    <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.startDate | date}} </mat-cell>\r\n                </ng-container>\r\n                <ng-container matColumnDef=\"goal\">\r\n                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Goal</mat-header-cell>\r\n                        <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.goal }} </mat-cell>\r\n                    </ng-container>\r\n                    <ng-container matColumnDef=\"victimServiceStatus\">\r\n                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Status</mat-header-cell>\r\n                        <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.victimServiceStatus }} </mat-cell>\r\n                    </ng-container>\r\n                    <ng-container matColumnDef=\"comment\">\r\n                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Comment</mat-header-cell>\r\n                        <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.comment }} </mat-cell>\r\n                    </ng-container>\r\n\r\n                <ng-container matColumnDef=\"victimServiceId\">\r\n                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\"></mat-header-cell>\r\n                    <!-- <mat-cell *matCellDef=\"let row\" class=\"example-cell\">\r\n                        <button type=\"button\" mat-raised-button color=\"primary\" (click)=\"goToSafetyPlanDetail(row.victimServiceId)\">                        \r\n                        <span class=\"glyphicon glyphicon-pencil\" ></span>&nbsp;\r\n                        <mat-icon>edit</mat-icon> \r\n                        </button> \r\n                      \r\n                       \r\n\r\n\r\n\r\n\r\n\r\n                        &nbsp;&nbsp;\r\n                        <button type=\"button\" mat-raised-button color=\"primary\" (click)=\"onDeleteSafetyPlan(row.victimServiceId)\">                        \r\n                            <span class=\"glyphicon glyphicon-trash\" ></span>&nbsp;Delete\r\n                        </button> \r\n                    </mat-cell> -->\r\n\r\n                    <mat-cell *matCellDef=\"let element\">\r\n                          \r\n                            <button class=\"edit-btn\"  mat-icon-button color=\"primary\"  matTooltip=\"Edit Safety Plan\" (click)=\"goToSafetyPlanDetail(element.victimServiceId)\">\r\n                                <i class=\"material-icons\">mode_edit</i>\r\n                            </button>\r\n\r\n                            &nbsp;&nbsp;\r\n                          \r\n                            <button\r\n                            class=\"delete-btn\"\r\n                            matTooltip=\"Delete Safety Plan\"\r\n                            mat-icon-button\r\n                            color=\"primary\"\r\n                            (click)=\"onDeleteSafetyPlan(element.victimServiceId)\">\r\n                            <i class=\"material-icons\">delete</i>\r\n                          </button>\r\n\r\n\r\n\r\n\r\n                        \r\n                    </mat-cell>\r\n\r\n                           \r\n                  \r\n                </ng-container>\r\n\r\n                <mat-header-row *matHeaderRowDef=\"['startDate', 'goal', 'victimServiceStatus', 'comment', 'victimServiceId']\" class=\"example-header-row\"></mat-header-row>\r\n                <mat-row *matRowDef=\"let row; columns:['startDate', 'goal', 'victimServiceStatus', 'comment', 'victimServiceId'];\" class=\"example-row\"></mat-row>\r\n                </mat-table>\r\n               \r\n       \r\n</mat-card-content>\r\n</mat-card>" }]
-        }], ctorParameters: function () { return [{ type: NgcSmartVictimService }, { type: CommonDialogService }, { type: i1.HttpClient }, { type: i1$3.MatDialog }, { type: i5$1.ActivatedRoute }, { type: i5$1.Router }, { type: i4.MatSnackBar }, { type: i6.SmartAuthService }]; } });
+        }], ctorParameters: function () { return [{ type: NgcSmartVictimService }, { type: CommonDialogService }, { type: i1.HttpClient }, { type: i1$1.MatDialog }, { type: i5.ActivatedRoute }, { type: i5.Router }, { type: i4.MatSnackBar }, { type: i6.SmartAuthService }]; } });
 
 class SeriveProviderComponent {
     constructor(formBuilder, dialogRef, _victimServicesComponent, data) {
@@ -2785,8 +2787,8 @@ class SeriveProviderComponent {
         });
     }
 }
-/** @nocollapse */ /** @nocollapse */ SeriveProviderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SeriveProviderComponent, deps: [{ token: i1$2.FormBuilder }, { token: i1$3.MatDialogRef }, { token: NgcSmartVictimService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ SeriveProviderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SeriveProviderComponent, selector: "app-service-provider", ngImport: i0, template: `
+/** @nocollapse */ SeriveProviderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SeriveProviderComponent, deps: [{ token: i1$2.UntypedFormBuilder }, { token: i1$1.MatDialogRef }, { token: NgcSmartVictimService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SeriveProviderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SeriveProviderComponent, selector: "app-service-provider", ngImport: i0, template: `
     <h1 mat-dialog-title> {{data.serviceType}}</h1>
     <div mat-dialog-content class="main" [formGroup]="spForm">
       <mat-form-field>
@@ -2810,12 +2812,10 @@ class SeriveProviderComponent {
         Save Change
       </button>
     </div>
-  `, isInline: true, styles: [".main{width:100%;display:flex;flex-direction:column}.actions{display:flex}\n"], components: [{ type: i10.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i12.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i13.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i3.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: i1$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i10.MatLabel, selector: "mat-label" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1$3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SeriveProviderComponent, decorators: [{
+  `, isInline: true, styles: [".main{width:100%;display:flex;flex-direction:column}.actions{display:flex}\n"], dependencies: [{ kind: "directive", type: i8$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$1.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"] }, { kind: "component", type: i14.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i14.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i17.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i18.MatOption, selector: "mat-option", exportAs: ["matOption"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SeriveProviderComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'app-service-provider',
-                    template: `
+            args: [{ selector: 'app-service-provider', template: `
     <h1 mat-dialog-title> {{data.serviceType}}</h1>
     <div mat-dialog-content class="main" [formGroup]="spForm">
       <mat-form-field>
@@ -2839,22 +2839,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
         Save Change
       </button>
     </div>
-  `,
-                    styles: [
-                        `
-      .main {
-        width: 100%;
-        display: flex;
-        flex-direction: column;
-      }
-
-      .actions{
-        display: flex;
-      }
-    `,
-                    ],
-                }]
-        }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }, { type: i1$3.MatDialogRef }, { type: NgcSmartVictimService }, { type: undefined, decorators: [{
+  `, styles: [".main{width:100%;display:flex;flex-direction:column}.actions{display:flex}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$2.UntypedFormBuilder }, { type: i1$1.MatDialogRef }, { type: NgcSmartVictimService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }]; } });
@@ -2877,16 +2863,16 @@ class VictimSafetyPlanDetailComponent {
     }
     initForm() {
         this.spForm = this.formBuilder.group({
-            serviceGoal: new FormControl('', Validators.compose([
+            serviceGoal: new UntypedFormControl('', Validators.compose([
                 Validators.required
             ])),
-            goalStatus: new FormControl('', Validators.compose([
+            goalStatus: new UntypedFormControl('', Validators.compose([
                 Validators.required
             ])),
-            goalStatusDate: new FormControl('', Validators.compose([
+            goalStatusDate: new UntypedFormControl('', Validators.compose([
                 Validators.required, dateValidator()
             ])),
-            comment: new FormControl('', Validators.required)
+            comment: new UntypedFormControl('', Validators.required)
         });
         this.spForm.markAsPristine();
         this.spForm.markAsUntouched();
@@ -3160,12 +3146,12 @@ class VictimSafetyPlanDetailComponent {
         this.router.navigate(['saftyPlan', this.victimId]);
     }
 }
-/** @nocollapse */ /** @nocollapse */ VictimSafetyPlanDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VictimSafetyPlanDetailComponent, deps: [{ token: i1$3.MatDialog }, { token: NgcSmartVictimService }, { token: i1.HttpClient }, { token: i4.MatSnackBar }, { token: i5$1.ActivatedRoute }, { token: i5$1.Router }, { token: CommonDialogService }, { token: i1$2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ VictimSafetyPlanDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: VictimSafetyPlanDetailComponent, selector: "ng-component", providers: [CommonDialogService], ngImport: i0, template: "<mat-card>\r\n        <mat-card-header>\r\n            \r\n        </mat-card-header>\r\n         <mat-card-content>\r\n        <mat-toolbar  color=\"primary\">\r\n                        <h4 class=\"card-header\" style=\"display: inline-block;\">Safety Plan</h4>\r\n        </mat-toolbar>\r\n \r\n        \r\n                        <div class='container'>\r\n                                <form [formGroup]=\"spForm\" #spDetailForm=\"ngForm\" >\r\n                                                       \r\n                            \r\n                                        <div class=\"row\" ><b>Victim Name:</b> {{victimName}} </div>\r\n                              \r\n\r\n                                        <div class=\"row\" > \r\n                                                <mat-form-field >\r\n                                                <mat-label>Goal:</mat-label>\r\n                                                 <input matInput  formControlName=\"serviceGoal\" [(ngModel)]=\"editSafetyPlan.goal\" >\r\n                                                </mat-form-field>\r\n                                                \r\n                                        </div>\r\n                                \r\n                                        <div class=\"row\">  \r\n                                                <mat-form-field>\r\n                                                  <mat-label>Goal Status:</mat-label>\r\n                                                  <mat-select  formControlName=\"goalStatus\"  [(ngModel)]=\"editSafetyPlan.victimServiceStatusId\" >\r\n                                                        <mat-option *ngFor=\" let victimServiceStatu of victimServiceStatus\" [value]=\"victimServiceStatu.victimServiceStatusId\" >{{victimServiceStatu.name}}</mat-option>\r\n                                                  </mat-select> \r\n                                                </mat-form-field>\r\n                                        </div>\r\n                                \r\n                       \r\n                                        <div class=\"row\">  \r\n                                                \r\n                                                <mat-form-field>\r\n                                                        <mat-label>Goal Status Date:</mat-label>\r\n                                                <input matInput \r\n                                                formControlName=\"goalStatusDate\" \r\n                                                [matDatepicker]=\"goalStatusDate\" \r\n                                                placeholder=\"Choose a date\" [(ngModel)]=\"editSafetyPlan.startDate\" \r\n                                                (click)=\"goalStatusDate.open()\" \r\n                                                >\r\n                                             \r\n                                                <mat-datepicker-toggle matSuffix [for]=\"goalStatusDate\"></mat-datepicker-toggle>\r\n                                                <mat-datepicker #goalStatusDate></mat-datepicker>   \r\n                                                </mat-form-field> \r\n\r\n\r\n                                                <div class=\"help-block\" \r\n                                                *ngIf=\"spForm.get('goalStatusDate').hasError('date') \r\n                                                && (spForm.get('goalStatusDate').dirty || spForm.get('goalStatusDate').touched)\">\r\n                                                <mat-error>Future Date is <strong>not allowed</strong> for goal status date</mat-error>\r\n                                                </div>\r\n                                         </div>\r\n\r\n                                      \r\n                                        <div class=\"row\" >  \r\n                                                <!-- <mat-form-field style=\"width: 200px;\"> -->\r\n                                                <!-- <mat-label>Comment:</mat-label>   \r\n                                                <textarea mdInput \r\n                                                class=\"textarea-content\"\r\n                                                [(ngModel)]=\"editSafetyPlan.comment\"\r\n                                                formControlName=\"comment\" \r\n                                                cdkTextareaAutosize\r\n                                                #autosize=\"cdkTextareaAutosize\"\r\n                                                cdkAutosizeMinRows=\"8\"\r\n                                                cdkAutosizeMaxRows=\"12\"\r\n                                                >\r\n                                                </textarea>   -->\r\n                                                <!-- </mat-form-field> -->\r\n\r\n\r\n\r\n                                                <mat-form-field style=\"width: 400px;\">\r\n                                                        <mat-label>Comment:</mat-label>\r\n                                                        <textarea \r\n                                                        class=\"textarea-content\"\r\n                                                        matInput \r\n                                                        placeholder=\"\" \r\n                                                        formControlName=\"comment\" \r\n                                                        [(ngModel)]=\"editSafetyPlan.comment\"\r\n                                                        cdkTextareaAutosize\r\n                                                        #autosize=\"cdkTextareaAutosize\"\r\n                                                        cdkAutosizeMinRows=\"8\"\r\n                                                        cdkAutosizeMaxRows=\"12\">\r\n                                                        </textarea> \r\n\r\n                                                        \r\n                                                </mat-form-field>\r\n\r\n                                       </div>\r\n\r\n                                </form>\r\n                        </div><!--end form-->\r\n                       \r\n  \r\n                                        <br>\r\n\r\n                                        <div class=\"row\"><b>Need and provider:</b><br> (click on a check box to select provider information)\r\n                                                          \r\n                                        <mat-list>\r\n                                                <mat-list-item *ngFor=\"let serviceType of victimServiceTypes; let i=index\" >\r\n                                                     <mat-checkbox class=\"example-margin\" name=\"victimService\"  color =\"primary\" [checked]=\"evaluateSelection(serviceType.victimServiceTypeId)\"  (change)=\"isInArray(serviceType.victimServiceTypeId,serviceType.name, $event);\" > {{serviceType.name}}</mat-checkbox>\r\n                                                     <div> &nbsp;&nbsp;</div>\r\n                                                      <div *ngFor=\"let provider of providerListCollection; let pi = index\"  >\r\n                                                                <!-- <div *ngIf=\"provider.isDisplay && serviceType.victimServiceTypeId == provider.groupId \" class=\"Row\">\r\n                                                                                                      \r\n                                                                                <div class=\"serviceSelect\"> -->\r\n                                                                                <!-- <mat-form-field> -->\r\n                                                                                        <!-- <mat-select  name=\"provider\" id=\"provider.groupId\" [(ngModel)]=\"providerId\" >  -->\r\n                                                                                        <!-- <mat-select  name=\"provider\" id=\"provider.groupId\" [(value)]=\"providerId\" > \r\n                                                                                          <mat-option *ngFor=\" let providerOption of provider.collection\" [value]=\"providerOption.victimProgramProviderId\" >{{providerOption.victimProgramProvider}}</mat-option>\r\n                                                                                        </mat-select> -->\r\n                                                                                <!-- </mat-form-field> -->\r\n                                                                                  \r\n                                                                                <!-- </div>\r\n\r\n                                                                                 <div class=\"serviceButton\">\r\n                                                                                    <button mat-raised-button color=\"primary\" (click)=\"savePlanProvider(serviceType.victimServiceTypeId ,providerId)\">Add Provider</button>\r\n                                                                                </div>\r\n                                                                </div> -->\r\n                                                        </div>\r\n                                                                <div *ngFor=\" let serviceprovider of editSafetyPlan.vVictimServiceDetails\"  >\r\n                                                                        \r\n                                                                        <div *ngIf=\"serviceType.victimServiceTypeId===serviceprovider.victimServiceTypeId\"  class=\"Row\" >\r\n                                                                                <!-- . {{ serviceprovider.victimProgramProvider}}<button mat-raised-button color=\"primary\" (click)=\"deleteProvider(serviceprovider.victimServiceDetailId)\">Delete</button> <br> -->\r\n                                                                                <div class=\"serviceSelect\" >\r\n                                                                                . {{ serviceprovider.victimProgramProvider}}\r\n                                                                                </div>\r\n                                                                                <div class=\"serviceButton\">\r\n                                                                                        <button mat-raised-button color=\"primary\" (click)=\"deleteProvider(serviceprovider.victimServiceDetailId)\">Delete</button> \r\n                                                                                </div>\r\n                                                                        \r\n                                                                        </div>\r\n                                                                \r\n                                                                </div>\r\n                                                      \r\n                                                </mat-list-item>       \r\n                                                                                                       \r\n                                         </mat-list>\r\n                                        </div>\r\n                                         \r\n                                                \r\n                                          \r\n                         \r\n\r\n\r\n\r\n\r\n\r\n\r\n         \r\n  \r\n                        <!-- <div class='row' >\r\n                                <div class='col-md-5 desc-label'><b>Victim Name:</b> {{victimName}} </div>\r\n                                <div class='col-md-7'>           \r\n                                                 \r\n                                </div>           \r\n                        </div> -->\r\n                        <!-- <div class='row' >\r\n                                <div class='col-md-5 desc-label'><b>Goal:<font color=\"red\">*</font></b></div>\r\n                                <div class='col-md-7'> \r\n                                        <mat-form-field >\r\n                                                <input matInput name=\"serviceGoal\" [(ngModel)]=\"editSafetyPlan.goal\" required placeholder=\"\">\r\n                                        </mat-form-field>\r\n                                </div>           \r\n                        </div>\r\n\r\n                        <div class='row' >\r\n                                <div class='col-md-5 desc-label'><b>Goal Status:<font color=\"red\">*</font></b></div>\r\n                                <div class='col-md-7'> \r\n                                        <mat-select  name=\"goalStatus\"  [style.width]=\"'50%'\"  [(ngModel)]=\"editSafetyPlan.victimServiceStatusId\" required>\r\n                                                <mat-option *ngFor=\" let victimServiceStatu of victimServiceStatus\" [value]=\"victimServiceStatu.victimServiceStatusId\" >{{victimServiceStatu.name}}</mat-option>\r\n                                        </mat-select>\r\n                                </div>           \r\n                        </div>\r\n                \r\n                        <div class='row' >\r\n                                <div class='col-md-5 desc-label'><b>Goal Status Date:<font color=\"red\">*</font></b></div>\r\n                                <div class='col-md-7'>           \r\n                                        <input matInput name=\"goalStatusDate\" [matDatepicker]=\"goalStatusDate\" placeholder=\"Choose a date\" [(ngModel)]=\"editSafetyPlan.startDate\"  required>\r\n                                        <mat-datepicker-toggle matSuffix [for]=\"goalStatusDate\"></mat-datepicker-toggle>\r\n                                        <mat-datepicker #goalStatusDate></mat-datepicker>                         \r\n                                </div>           \r\n                        </div>\r\n                \r\n                        <div class='row' >\r\n                                <div class='col-md-5 desc-label'><b>Comment:</b></div>\r\n                                <div class='col-md-7'>           \r\n                                        <textarea mdInput placeholder=\"\"  rows=\"10\" cols=\"50\" name=\"comment\" [(ngModel)]=\"editSafetyPlan.comment\"></textarea>  \r\n                                </div>           \r\n                        </div> -->\r\n\r\n                      \r\n                        <div class='row' >\r\n                                <div class='col-md-12 text-center'>\r\n                                <!-- <button type=\"button\" class=\"btn btn-default btn-small\" (click)=\"print()\">Print</button> -->\r\n                                <button mat-raised-button color=\"primary\" (click)=\"saveSafetyPlan()\" [disabled]=\"!spForm.valid\">Save</button>\r\n                                <!-- &nbsp;&nbsp;<button mat-raised-button color=\"primary\"  (click)=\"commondialogRef.close()\">Cancel</button> -->\r\n                                &nbsp;&nbsp;<button mat-raised-button color=\"primary\"  (click)=\"back()\">Back</button>\r\n                                </div>                 \r\n                        </div> \r\n\r\n                        <!--status hisotry-->\r\n                       \r\n                         <mat-table #table [dataSource]=\"victimServiceStatusHistoriesDataSource\" class=\"example-table\">\r\n                                <ng-container matColumnDef=\"startDate\">\r\n                                    <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Start Date</mat-header-cell>\r\n                                    <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.startDate | date}} </mat-cell>\r\n                                </ng-container>\r\n\r\n\r\n                                <ng-container matColumnDef=\"victimServiceStatusId\">\r\n                                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Status</mat-header-cell>\r\n                                        <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.victimServiceStatusId}} </mat-cell>\r\n                                </ng-container>\r\n                                \r\n                            \r\n                                <ng-container matColumnDef=\"comment\">\r\n                                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Comment</mat-header-cell>\r\n                                        <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.comment}} </mat-cell>\r\n                                </ng-container>\r\n                                 <mat-header-row *matHeaderRowDef=\"[ 'startDate', 'victimServiceStatusId', 'comment']\" class=\"example-header-row\"></mat-header-row>\r\n                                <mat-row *matRowDef=\"let row; columns:[ 'startDate', 'victimServiceStatusId', 'comment'];\" class=\"example-row\"></mat-row>\r\n                         </mat-table>\r\n\r\n                \r\n                        \r\n\r\n</mat-card-content>\r\n</mat-card>", styles: ["div.serviceSelect{width:500px}div.serviceButton{width:20%}.container{margin:16px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;grid-auto-rows:minmax(50px,auto);justify-items:stretch}.app-class .mat-list-item{height:auto}.textarea-content{width:500px}\n"], components: [{ type: i8.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i8.MatCardHeader, selector: "mat-card-header" }, { type: i9$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i10.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i12.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i13.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i14.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i14.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i14$1.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: i14$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i16.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i3.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: i11$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i11$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i11$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }], directives: [{ type: i8.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i10.MatLabel, selector: "mat-label" }, { type: i5.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: i1$2.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: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i14.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i10.MatSuffix, selector: "[matSuffix]" }, { type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.MatError, selector: "mat-error", inputs: ["id"] }, { type: i18.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { type: i11$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i11$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i11$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i11$1.MatCellDef, selector: "[matCellDef]" }, { type: i11$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i11$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i11$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }], pipes: { "date": i1$4.DatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VictimSafetyPlanDetailComponent, decorators: [{
+/** @nocollapse */ VictimSafetyPlanDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: VictimSafetyPlanDetailComponent, deps: [{ token: i1$1.MatDialog }, { token: NgcSmartVictimService }, { token: i1.HttpClient }, { token: i4.MatSnackBar }, { token: i5.ActivatedRoute }, { token: i5.Router }, { token: CommonDialogService }, { token: i1$2.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ VictimSafetyPlanDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: VictimSafetyPlanDetailComponent, selector: "ng-component", providers: [CommonDialogService], ngImport: i0, template: "<mat-card>\r\n        <mat-card-header>\r\n            \r\n        </mat-card-header>\r\n         <mat-card-content>\r\n        <mat-toolbar  color=\"primary\">\r\n                        <h4 class=\"card-header\" style=\"display: inline-block;\">Safety Plan</h4>\r\n        </mat-toolbar>\r\n \r\n        \r\n                        <div class='container'>\r\n                                <form [formGroup]=\"spForm\" #spDetailForm=\"ngForm\" >\r\n                                                       \r\n                            \r\n                                        <div class=\"row\" ><b>Victim Name:</b> {{victimName}} </div>\r\n                              \r\n\r\n                                        <div class=\"row\" > \r\n                                                <mat-form-field >\r\n                                                <mat-label>Goal:</mat-label>\r\n                                                 <input matInput  formControlName=\"serviceGoal\" [(ngModel)]=\"editSafetyPlan.goal\" >\r\n                                                </mat-form-field>\r\n                                                \r\n                                        </div>\r\n                                \r\n                                        <div class=\"row\">  \r\n                                                <mat-form-field>\r\n                                                  <mat-label>Goal Status:</mat-label>\r\n                                                  <mat-select  formControlName=\"goalStatus\"  [(ngModel)]=\"editSafetyPlan.victimServiceStatusId\" >\r\n                                                        <mat-option *ngFor=\" let victimServiceStatu of victimServiceStatus\" [value]=\"victimServiceStatu.victimServiceStatusId\" >{{victimServiceStatu.name}}</mat-option>\r\n                                                  </mat-select> \r\n                                                </mat-form-field>\r\n                                        </div>\r\n                                \r\n                       \r\n                                        <div class=\"row\">  \r\n                                                \r\n                                                <mat-form-field>\r\n                                                        <mat-label>Goal Status Date:</mat-label>\r\n                                                <input matInput \r\n                                                formControlName=\"goalStatusDate\" \r\n                                                [matDatepicker]=\"goalStatusDate\" \r\n                                                placeholder=\"Choose a date\" [(ngModel)]=\"editSafetyPlan.startDate\" \r\n                                                (click)=\"goalStatusDate.open()\" \r\n                                                >\r\n                                             \r\n                                                <mat-datepicker-toggle matSuffix [for]=\"goalStatusDate\"></mat-datepicker-toggle>\r\n                                                <mat-datepicker #goalStatusDate></mat-datepicker>   \r\n                                                </mat-form-field> \r\n\r\n\r\n                                                <div class=\"help-block\" \r\n                                                *ngIf=\"spForm.get('goalStatusDate').hasError('date') \r\n                                                && (spForm.get('goalStatusDate').dirty || spForm.get('goalStatusDate').touched)\">\r\n                                                <mat-error>Future Date is <strong>not allowed</strong> for goal status date</mat-error>\r\n                                                </div>\r\n                                         </div>\r\n\r\n                                      \r\n                                        <div class=\"row\" >  \r\n                                                <!-- <mat-form-field style=\"width: 200px;\"> -->\r\n                                                <!-- <mat-label>Comment:</mat-label>   \r\n                                                <textarea mdInput \r\n                                                class=\"textarea-content\"\r\n                                                [(ngModel)]=\"editSafetyPlan.comment\"\r\n                                                formControlName=\"comment\" \r\n                                                cdkTextareaAutosize\r\n                                                #autosize=\"cdkTextareaAutosize\"\r\n                                                cdkAutosizeMinRows=\"8\"\r\n                                                cdkAutosizeMaxRows=\"12\"\r\n                                                >\r\n                                                </textarea>   -->\r\n                                                <!-- </mat-form-field> -->\r\n\r\n\r\n\r\n                                                <mat-form-field style=\"width: 400px;\">\r\n                                                        <mat-label>Comment:</mat-label>\r\n                                                        <textarea \r\n                                                        class=\"textarea-content\"\r\n                                                        matInput \r\n                                                        placeholder=\"\" \r\n                                                        formControlName=\"comment\" \r\n                                                        [(ngModel)]=\"editSafetyPlan.comment\"\r\n                                                        cdkTextareaAutosize\r\n                                                        #autosize=\"cdkTextareaAutosize\"\r\n                                                        cdkAutosizeMinRows=\"8\"\r\n                                                        cdkAutosizeMaxRows=\"12\">\r\n                                                        </textarea> \r\n\r\n                                                        \r\n                                                </mat-form-field>\r\n\r\n                                       </div>\r\n\r\n                                </form>\r\n                        </div><!--end form-->\r\n                       \r\n  \r\n                                        <br>\r\n\r\n                                        <div class=\"row\"><b>Need and provider:</b><br> (click on a check box to select provider information)\r\n                                                          \r\n                                        <mat-list>\r\n                                                <mat-list-item *ngFor=\"let serviceType of victimServiceTypes; let i=index\" >\r\n                                                     <mat-checkbox class=\"example-margin\" name=\"victimService\"  color =\"primary\" [checked]=\"evaluateSelection(serviceType.victimServiceTypeId)\"  (change)=\"isInArray(serviceType.victimServiceTypeId,serviceType.name, $event);\" > {{serviceType.name}}</mat-checkbox>\r\n                                                     <div> &nbsp;&nbsp;</div>\r\n                                                      <div *ngFor=\"let provider of providerListCollection; let pi = index\"  >\r\n                                                                <!-- <div *ngIf=\"provider.isDisplay && serviceType.victimServiceTypeId == provider.groupId \" class=\"Row\">\r\n                                                                                                      \r\n                                                                                <div class=\"serviceSelect\"> -->\r\n                                                                                <!-- <mat-form-field> -->\r\n                                                                                        <!-- <mat-select  name=\"provider\" id=\"provider.groupId\" [(ngModel)]=\"providerId\" >  -->\r\n                                                                                        <!-- <mat-select  name=\"provider\" id=\"provider.groupId\" [(value)]=\"providerId\" > \r\n                                                                                          <mat-option *ngFor=\" let providerOption of provider.collection\" [value]=\"providerOption.victimProgramProviderId\" >{{providerOption.victimProgramProvider}}</mat-option>\r\n                                                                                        </mat-select> -->\r\n                                                                                <!-- </mat-form-field> -->\r\n                                                                                  \r\n                                                                                <!-- </div>\r\n\r\n                                                                                 <div class=\"serviceButton\">\r\n                                                                                    <button mat-raised-button color=\"primary\" (click)=\"savePlanProvider(serviceType.victimServiceTypeId ,providerId)\">Add Provider</button>\r\n                                                                                </div>\r\n                                                                </div> -->\r\n                                                        </div>\r\n                                                                <div *ngFor=\" let serviceprovider of editSafetyPlan.vVictimServiceDetails\"  >\r\n                                                                        \r\n                                                                        <div *ngIf=\"serviceType.victimServiceTypeId===serviceprovider.victimServiceTypeId\"  class=\"Row\" >\r\n                                                                                <!-- . {{ serviceprovider.victimProgramProvider}}<button mat-raised-button color=\"primary\" (click)=\"deleteProvider(serviceprovider.victimServiceDetailId)\">Delete</button> <br> -->\r\n                                                                                <div class=\"serviceSelect\" >\r\n                                                                                . {{ serviceprovider.victimProgramProvider}}\r\n                                                                                </div>\r\n                                                                                <div class=\"serviceButton\">\r\n                                                                                        <button mat-raised-button color=\"primary\" (click)=\"deleteProvider(serviceprovider.victimServiceDetailId)\">Delete</button> \r\n                                                                                </div>\r\n                                                                        \r\n                                                                        </div>\r\n                                                                \r\n                                                                </div>\r\n                                                      \r\n                                                </mat-list-item>       \r\n                                                                                                       \r\n                                         </mat-list>\r\n                                        </div>\r\n                                         \r\n                                                \r\n                                          \r\n                         \r\n\r\n\r\n\r\n\r\n\r\n\r\n         \r\n  \r\n                        <!-- <div class='row' >\r\n                                <div class='col-md-5 desc-label'><b>Victim Name:</b> {{victimName}} </div>\r\n                                <div class='col-md-7'>           \r\n                                                 \r\n                                </div>           \r\n                        </div> -->\r\n                        <!-- <div class='row' >\r\n                                <div class='col-md-5 desc-label'><b>Goal:<font color=\"red\">*</font></b></div>\r\n                                <div class='col-md-7'> \r\n                                        <mat-form-field >\r\n                                                <input matInput name=\"serviceGoal\" [(ngModel)]=\"editSafetyPlan.goal\" required placeholder=\"\">\r\n                                        </mat-form-field>\r\n                                </div>           \r\n                        </div>\r\n\r\n                        <div class='row' >\r\n                                <div class='col-md-5 desc-label'><b>Goal Status:<font color=\"red\">*</font></b></div>\r\n                                <div class='col-md-7'> \r\n                                        <mat-select  name=\"goalStatus\"  [style.width]=\"'50%'\"  [(ngModel)]=\"editSafetyPlan.victimServiceStatusId\" required>\r\n                                                <mat-option *ngFor=\" let victimServiceStatu of victimServiceStatus\" [value]=\"victimServiceStatu.victimServiceStatusId\" >{{victimServiceStatu.name}}</mat-option>\r\n                                        </mat-select>\r\n                                </div>           \r\n                        </div>\r\n                \r\n                        <div class='row' >\r\n                                <div class='col-md-5 desc-label'><b>Goal Status Date:<font color=\"red\">*</font></b></div>\r\n                                <div class='col-md-7'>           \r\n                                        <input matInput name=\"goalStatusDate\" [matDatepicker]=\"goalStatusDate\" placeholder=\"Choose a date\" [(ngModel)]=\"editSafetyPlan.startDate\"  required>\r\n                                        <mat-datepicker-toggle matSuffix [for]=\"goalStatusDate\"></mat-datepicker-toggle>\r\n                                        <mat-datepicker #goalStatusDate></mat-datepicker>                         \r\n                                </div>           \r\n                        </div>\r\n                \r\n                        <div class='row' >\r\n                                <div class='col-md-5 desc-label'><b>Comment:</b></div>\r\n                                <div class='col-md-7'>           \r\n                                        <textarea mdInput placeholder=\"\"  rows=\"10\" cols=\"50\" name=\"comment\" [(ngModel)]=\"editSafetyPlan.comment\"></textarea>  \r\n                                </div>           \r\n                        </div> -->\r\n\r\n                      \r\n                        <div class='row' >\r\n                                <div class='col-md-12 text-center'>\r\n                                <!-- <button type=\"button\" class=\"btn btn-default btn-small\" (click)=\"print()\">Print</button> -->\r\n                                <button mat-raised-button color=\"primary\" (click)=\"saveSafetyPlan()\" [disabled]=\"!spForm.valid\">Save</button>\r\n                                <!-- &nbsp;&nbsp;<button mat-raised-button color=\"primary\"  (click)=\"commondialogRef.close()\">Cancel</button> -->\r\n                                &nbsp;&nbsp;<button mat-raised-button color=\"primary\"  (click)=\"back()\">Back</button>\r\n                                </div>                 \r\n                        </div> \r\n\r\n                        <!--status hisotry-->\r\n                       \r\n                         <mat-table #table [dataSource]=\"victimServiceStatusHistoriesDataSource\" class=\"example-table\">\r\n                                <ng-container matColumnDef=\"startDate\">\r\n                                    <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Start Date</mat-header-cell>\r\n                                    <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.startDate | date}} </mat-cell>\r\n                                </ng-container>\r\n\r\n\r\n                                <ng-container matColumnDef=\"victimServiceStatusId\">\r\n                                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Status</mat-header-cell>\r\n                                        <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.victimServiceStatusId}} </mat-cell>\r\n                                </ng-container>\r\n                                \r\n                            \r\n                                <ng-container matColumnDef=\"comment\">\r\n                                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Comment</mat-header-cell>\r\n                                        <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.comment}} </mat-cell>\r\n                                </ng-container>\r\n                                 <mat-header-row *matHeaderRowDef=\"[ 'startDate', 'victimServiceStatusId', 'comment']\" class=\"example-header-row\"></mat-header-row>\r\n                                <mat-row *matRowDef=\"let row; columns:[ 'startDate', 'victimServiceStatusId', 'comment'];\" class=\"example-row\"></mat-row>\r\n                         </mat-table>\r\n\r\n                \r\n                        \r\n\r\n</mat-card-content>\r\n</mat-card>", styles: ["div.serviceSelect{width:500px}div.serviceButton{width:20%}.container{margin:16px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;grid-auto-rows:minmax(50px,auto);justify-items:stretch}.app-class .mat-list-item{height:auto}.textarea-content{width:500px}\n"], dependencies: [{ kind: "directive", type: i8$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i8$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$1.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"] }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "component", type: i8.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "component", type: i12$1.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { kind: "component", type: i12$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { kind: "component", type: i11$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i12.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: i14.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i14.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i14.MatLabel, selector: "mat-label" }, { kind: "directive", type: i14.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i15.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"] }, { kind: "component", type: i16.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i16.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i16.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i17.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i18.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i11$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i11$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i11$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i11$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i11$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i11$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i11$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i11$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i11$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i11$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "pipe", type: i8$1.DatePipe, name: "date" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: VictimSafetyPlanDetailComponent, decorators: [{
             type: Component,
             args: [{ providers: [CommonDialogService], template: "<mat-card>\r\n        <mat-card-header>\r\n            \r\n        </mat-card-header>\r\n         <mat-card-content>\r\n        <mat-toolbar  color=\"primary\">\r\n                        <h4 class=\"card-header\" style=\"display: inline-block;\">Safety Plan</h4>\r\n        </mat-toolbar>\r\n \r\n        \r\n                        <div class='container'>\r\n                                <form [formGroup]=\"spForm\" #spDetailForm=\"ngForm\" >\r\n                                                       \r\n                            \r\n                                        <div class=\"row\" ><b>Victim Name:</b> {{victimName}} </div>\r\n                              \r\n\r\n                                        <div class=\"row\" > \r\n                                                <mat-form-field >\r\n                                                <mat-label>Goal:</mat-label>\r\n                                                 <input matInput  formControlName=\"serviceGoal\" [(ngModel)]=\"editSafetyPlan.goal\" >\r\n                                                </mat-form-field>\r\n                                                \r\n                                        </div>\r\n                                \r\n                                        <div class=\"row\">  \r\n                                                <mat-form-field>\r\n                                                  <mat-label>Goal Status:</mat-label>\r\n                                                  <mat-select  formControlName=\"goalStatus\"  [(ngModel)]=\"editSafetyPlan.victimServiceStatusId\" >\r\n                                                        <mat-option *ngFor=\" let victimServiceStatu of victimServiceStatus\" [value]=\"victimServiceStatu.victimServiceStatusId\" >{{victimServiceStatu.name}}</mat-option>\r\n                                                  </mat-select> \r\n                                                </mat-form-field>\r\n                                        </div>\r\n                                \r\n                       \r\n                                        <div class=\"row\">  \r\n                                                \r\n                                                <mat-form-field>\r\n                                                        <mat-label>Goal Status Date:</mat-label>\r\n                                                <input matInput \r\n                                                formControlName=\"goalStatusDate\" \r\n                                                [matDatepicker]=\"goalStatusDate\" \r\n                                                placeholder=\"Choose a date\" [(ngModel)]=\"editSafetyPlan.startDate\" \r\n                                                (click)=\"goalStatusDate.open()\" \r\n                                                >\r\n                                             \r\n                                                <mat-datepicker-toggle matSuffix [for]=\"goalStatusDate\"></mat-datepicker-toggle>\r\n                                                <mat-datepicker #goalStatusDate></mat-datepicker>   \r\n                                                </mat-form-field> \r\n\r\n\r\n                                                <div class=\"help-block\" \r\n                                                *ngIf=\"spForm.get('goalStatusDate').hasError('date') \r\n                                                && (spForm.get('goalStatusDate').dirty || spForm.get('goalStatusDate').touched)\">\r\n                                                <mat-error>Future Date is <strong>not allowed</strong> for goal status date</mat-error>\r\n                                                </div>\r\n                                         </div>\r\n\r\n                                      \r\n                                        <div class=\"row\" >  \r\n                                                <!-- <mat-form-field style=\"width: 200px;\"> -->\r\n                                                <!-- <mat-label>Comment:</mat-label>   \r\n                                                <textarea mdInput \r\n                                                class=\"textarea-content\"\r\n                                                [(ngModel)]=\"editSafetyPlan.comment\"\r\n                                                formControlName=\"comment\" \r\n                                                cdkTextareaAutosize\r\n                                                #autosize=\"cdkTextareaAutosize\"\r\n                                                cdkAutosizeMinRows=\"8\"\r\n                                                cdkAutosizeMaxRows=\"12\"\r\n                                                >\r\n                                                </textarea>   -->\r\n                                                <!-- </mat-form-field> -->\r\n\r\n\r\n\r\n                                                <mat-form-field style=\"width: 400px;\">\r\n                                                        <mat-label>Comment:</mat-label>\r\n                                                        <textarea \r\n                                                        class=\"textarea-content\"\r\n                                                        matInput \r\n                                                        placeholder=\"\" \r\n                                                        formControlName=\"comment\" \r\n                                                        [(ngModel)]=\"editSafetyPlan.comment\"\r\n                                                        cdkTextareaAutosize\r\n                                                        #autosize=\"cdkTextareaAutosize\"\r\n                                                        cdkAutosizeMinRows=\"8\"\r\n                                                        cdkAutosizeMaxRows=\"12\">\r\n                                                        </textarea> \r\n\r\n                                                        \r\n                                                </mat-form-field>\r\n\r\n                                       </div>\r\n\r\n                                </form>\r\n                        </div><!--end form-->\r\n                       \r\n  \r\n                                        <br>\r\n\r\n                                        <div class=\"row\"><b>Need and provider:</b><br> (click on a check box to select provider information)\r\n                                                          \r\n                                        <mat-list>\r\n                                                <mat-list-item *ngFor=\"let serviceType of victimServiceTypes; let i=index\" >\r\n                                                     <mat-checkbox class=\"example-margin\" name=\"victimService\"  color =\"primary\" [checked]=\"evaluateSelection(serviceType.victimServiceTypeId)\"  (change)=\"isInArray(serviceType.victimServiceTypeId,serviceType.name, $event);\" > {{serviceType.name}}</mat-checkbox>\r\n                                                     <div> &nbsp;&nbsp;</div>\r\n                                                      <div *ngFor=\"let provider of providerListCollection; let pi = index\"  >\r\n                                                                <!-- <div *ngIf=\"provider.isDisplay && serviceType.victimServiceTypeId == provider.groupId \" class=\"Row\">\r\n                                                                                                      \r\n                                                                                <div class=\"serviceSelect\"> -->\r\n                                                                                <!-- <mat-form-field> -->\r\n                                                                                        <!-- <mat-select  name=\"provider\" id=\"provider.groupId\" [(ngModel)]=\"providerId\" >  -->\r\n                                                                                        <!-- <mat-select  name=\"provider\" id=\"provider.groupId\" [(value)]=\"providerId\" > \r\n                                                                                          <mat-option *ngFor=\" let providerOption of provider.collection\" [value]=\"providerOption.victimProgramProviderId\" >{{providerOption.victimProgramProvider}}</mat-option>\r\n                                                                                        </mat-select> -->\r\n                                                                                <!-- </mat-form-field> -->\r\n                                                                                  \r\n                                                                                <!-- </div>\r\n\r\n                                                                                 <div class=\"serviceButton\">\r\n                                                                                    <button mat-raised-button color=\"primary\" (click)=\"savePlanProvider(serviceType.victimServiceTypeId ,providerId)\">Add Provider</button>\r\n                                                                                </div>\r\n                                                                </div> -->\r\n                                                        </div>\r\n                                                                <div *ngFor=\" let serviceprovider of editSafetyPlan.vVictimServiceDetails\"  >\r\n                                                                        \r\n                                                                        <div *ngIf=\"serviceType.victimServiceTypeId===serviceprovider.victimServiceTypeId\"  class=\"Row\" >\r\n                                                                                <!-- . {{ serviceprovider.victimProgramProvider}}<button mat-raised-button color=\"primary\" (click)=\"deleteProvider(serviceprovider.victimServiceDetailId)\">Delete</button> <br> -->\r\n                                                                                <div class=\"serviceSelect\" >\r\n                                                                                . {{ serviceprovider.victimProgramProvider}}\r\n                                                                                </div>\r\n                                                                                <div class=\"serviceButton\">\r\n                                                                                        <button mat-raised-button color=\"primary\" (click)=\"deleteProvider(serviceprovider.victimServiceDetailId)\">Delete</button> \r\n                                                                                </div>\r\n                                                                        \r\n                                                                        </div>\r\n                                                                \r\n                                                                </div>\r\n                                                      \r\n                                                </mat-list-item>       \r\n                                                                                                       \r\n                                         </mat-list>\r\n                                        </div>\r\n                                         \r\n                                                \r\n                                          \r\n                         \r\n\r\n\r\n\r\n\r\n\r\n\r\n         \r\n  \r\n                        <!-- <div class='row' >\r\n                                <div class='col-md-5 desc-label'><b>Victim Name:</b> {{victimName}} </div>\r\n                                <div class='col-md-7'>           \r\n                                                 \r\n                                </div>           \r\n                        </div> -->\r\n                        <!-- <div class='row' >\r\n                                <div class='col-md-5 desc-label'><b>Goal:<font color=\"red\">*</font></b></div>\r\n                                <div class='col-md-7'> \r\n                                        <mat-form-field >\r\n                                                <input matInput name=\"serviceGoal\" [(ngModel)]=\"editSafetyPlan.goal\" required placeholder=\"\">\r\n                                        </mat-form-field>\r\n                                </div>           \r\n                        </div>\r\n\r\n                        <div class='row' >\r\n                                <div class='col-md-5 desc-label'><b>Goal Status:<font color=\"red\">*</font></b></div>\r\n                                <div class='col-md-7'> \r\n                                        <mat-select  name=\"goalStatus\"  [style.width]=\"'50%'\"  [(ngModel)]=\"editSafetyPlan.victimServiceStatusId\" required>\r\n                                                <mat-option *ngFor=\" let victimServiceStatu of victimServiceStatus\" [value]=\"victimServiceStatu.victimServiceStatusId\" >{{victimServiceStatu.name}}</mat-option>\r\n                                        </mat-select>\r\n                                </div>           \r\n                        </div>\r\n                \r\n                        <div class='row' >\r\n                                <div class='col-md-5 desc-label'><b>Goal Status Date:<font color=\"red\">*</font></b></div>\r\n                                <div class='col-md-7'>           \r\n                                        <input matInput name=\"goalStatusDate\" [matDatepicker]=\"goalStatusDate\" placeholder=\"Choose a date\" [(ngModel)]=\"editSafetyPlan.startDate\"  required>\r\n                                        <mat-datepicker-toggle matSuffix [for]=\"goalStatusDate\"></mat-datepicker-toggle>\r\n                                        <mat-datepicker #goalStatusDate></mat-datepicker>                         \r\n                                </div>           \r\n                        </div>\r\n                \r\n                        <div class='row' >\r\n                                <div class='col-md-5 desc-label'><b>Comment:</b></div>\r\n                                <div class='col-md-7'>           \r\n                                        <textarea mdInput placeholder=\"\"  rows=\"10\" cols=\"50\" name=\"comment\" [(ngModel)]=\"editSafetyPlan.comment\"></textarea>  \r\n                                </div>           \r\n                        </div> -->\r\n\r\n                      \r\n                        <div class='row' >\r\n                                <div class='col-md-12 text-center'>\r\n                                <!-- <button type=\"button\" class=\"btn btn-default btn-small\" (click)=\"print()\">Print</button> -->\r\n                                <button mat-raised-button color=\"primary\" (click)=\"saveSafetyPlan()\" [disabled]=\"!spForm.valid\">Save</button>\r\n                                <!-- &nbsp;&nbsp;<button mat-raised-button color=\"primary\"  (click)=\"commondialogRef.close()\">Cancel</button> -->\r\n                                &nbsp;&nbsp;<button mat-raised-button color=\"primary\"  (click)=\"back()\">Back</button>\r\n                                </div>                 \r\n                        </div> \r\n\r\n                        <!--status hisotry-->\r\n                       \r\n                         <mat-table #table [dataSource]=\"victimServiceStatusHistoriesDataSource\" class=\"example-table\">\r\n                                <ng-container matColumnDef=\"startDate\">\r\n                                    <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Start Date</mat-header-cell>\r\n                                    <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.startDate | date}} </mat-cell>\r\n                                </ng-container>\r\n\r\n\r\n                                <ng-container matColumnDef=\"victimServiceStatusId\">\r\n                                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Status</mat-header-cell>\r\n                                        <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.victimServiceStatusId}} </mat-cell>\r\n                                </ng-container>\r\n                                \r\n                            \r\n                                <ng-container matColumnDef=\"comment\">\r\n                                        <mat-header-cell *matHeaderCellDef class=\"example-header-cell\">Comment</mat-header-cell>\r\n                                        <mat-cell *matCellDef=\"let row\" class=\"example-cell\"> {{row.comment}} </mat-cell>\r\n                                </ng-container>\r\n                                 <mat-header-row *matHeaderRowDef=\"[ 'startDate', 'victimServiceStatusId', 'comment']\" class=\"example-header-row\"></mat-header-row>\r\n                                <mat-row *matRowDef=\"let row; columns:[ 'startDate', 'victimServiceStatusId', 'comment'];\" class=\"example-row\"></mat-row>\r\n                         </mat-table>\r\n\r\n                \r\n                        \r\n\r\n</mat-card-content>\r\n</mat-card>", styles: ["div.serviceSelect{width:500px}div.serviceButton{width:20%}.container{margin:16px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;grid-auto-rows:minmax(50px,auto);justify-items:stretch}.app-class .mat-list-item{height:auto}.textarea-content{width:500px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$3.MatDialog }, { type: NgcSmartVictimService }, { type: i1.HttpClient }, { type: i4.MatSnackBar }, { type: i5$1.ActivatedRoute }, { type: i5$1.Router }, { type: CommonDialogService }, { type: i1$2.FormBuilder }]; } });
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }, { type: NgcSmartVictimService }, { type: i1.HttpClient }, { type: i4.MatSnackBar }, { type: i5.ActivatedRoute }, { type: i5.Router }, { type: CommonDialogService }, { type: i1$2.UntypedFormBuilder }]; } });
 
 const routes = [
     //{path: 'casenote/:victimId', component: CaseNoteComponent,pathMatch: 'full',canActivate: [MsalGuard],resolve: { loginStaff: LoginStaffResolverService } },
@@ -3180,12 +3166,10 @@ const routes = [
 ];
 class VictimRoutingModule {
 }
-/** @nocollapse */ /** @nocollapse */ VictimRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VictimRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ VictimRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VictimRoutingModule, imports: [i5$1.RouterModule], exports: [RouterModule] });
-/** @nocollapse */ /** @nocollapse */ VictimRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VictimRoutingModule, imports: [[
-            RouterModule.forChild(routes)
-        ], RouterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VictimRoutingModule, decorators: [{
+/** @nocollapse */ VictimRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: VictimRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ VictimRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: VictimRoutingModule, imports: [i5.RouterModule], exports: [RouterModule] });
+/** @nocollapse */ VictimRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: VictimRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: VictimRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3223,8 +3207,8 @@ const MATERIAL_MODULES = [
 ];
 class NgcSmartVictimModule {
 }
-/** @nocollapse */ /** @nocollapse */ NgcSmartVictimModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgcSmartVictimModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ NgcSmartVictimModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgcSmartVictimModule, declarations: [NgcSmartVictimComponent,
+/** @nocollapse */ NgcSmartVictimModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgcSmartVictimModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ NgcSmartVictimModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: NgcSmartVictimModule, declarations: [NgcSmartVictimComponent,
         SmartVictimDetailComponent,
         SmartVictimDeleteConfirmComponent,
         PhoneMaskDirective, CaseNoteComponent,
@@ -3247,17 +3231,11 @@ class NgcSmartVictimModule {
         SmartVictimDetailComponent,
         SmartVictimDeleteConfirmComponent,
         PhoneMaskDirective, ApolloModule] });
-/** @nocollapse */ /** @nocollapse */ NgcSmartVictimModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgcSmartVictimModule, providers: [NgcSmartVictimService], imports: [[
-            ...BASE_MODULES,
-            ...MATERIAL_MODULES,
-            ...CORE_MODULES,
-            CommonDialogModule,
-            FormsModule,
-            VictimRoutingModule,
-            ApolloModule,
-            //SharedModule
-        ], ApolloModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgcSmartVictimModule, decorators: [{
+/** @nocollapse */ NgcSmartVictimModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgcSmartVictimModule, providers: [NgcSmartVictimService], imports: [BASE_MODULES, MATERIAL_MODULES, CORE_MODULES, CommonDialogModule,
+        FormsModule,
+        VictimRoutingModule,
+        ApolloModule, ApolloModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgcSmartVictimModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENTS,
@@ -3279,7 +3257,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                         //SharedModule
                     ],
                     exports: [...COMPONENTS, ApolloModule],
-                    entryComponents: [...ENTRY_COMPONENTS, SeriveProviderComponent],
                     providers: [NgcSmartVictimService]
                 }]
         }] });