npm - @csmart/ngc-smart-victim - Versions diffs - 1.18.17 → 1.18.19 - Mend

@csmart/ngc-smart-victim 1.18.17 → 1.18.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/fesm2022/csmart-ngc-smart-victim.mjs CHANGED Viewed

@@ -1770,11 +1770,11 @@ class SmartVictimDetailComponent {
         // });
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.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 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.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:247</mat-label>\r\n \r\n                    <mat-select  #relationShipSel multiple formControlName=\"victimRelationships\" [(ngModel)]=\"editVictim.victimOffenderRelationships\"  >\r\n                      <div (mouseleave)=\"relationShipSel.close()\">\r\n                        <mat-option color=\"primary\" *ngFor=\"let item of relationshipTypes\" [value]=\"item.relationshipTypeId\">\r\n                          {{item.name}}\r\n                        </mat-option>\r\n                     </div>\r\n                    </mat-select>\r\n\r\n\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('victimRelationships').errors\r\n                    && (victimForm.get('victimRelationships').dirty || victimForm.get('victimRelationships').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                    id=\"tel\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.homePhone\"\r\n                    [phoneControl]=\"homePhoneControl\"\r\n                    [formControl]=\"homePhoneControl\"\r\n                    maxlength=\"14\"/>\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                  id=\"tel1\"\r\n                  matInput\r\n                  phoneMask\r\n                  [preValue]=\"editVictim.cellPhone\"\r\n                  [phoneControl]=\"cellPhoneControl\"\r\n                  [formControl]=\"cellPhoneControl\"\r\n                  maxlength=\"14\"/>\r\n\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\r\n                  id=\"tel2\"\r\n                  matInput\r\n                  phoneMask\r\n                  [preValue]=\"editVictim.workPhone\"\r\n                  [phoneControl]=\"workPhoneControl\"\r\n                  [formControl]=\"workPhoneControl\"\r\n                  maxlength=\"14\"/>\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                <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                </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                                    ><input matSliderThumb /></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                  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\r\n                    id=\"tel\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.guardianHomePhone\"\r\n                    [phoneControl]=\"guardianHomePhoneControl\"\r\n                    [formControl]=\"guardianHomePhoneControl\"\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\r\n                   id=\"tel4\"\r\n                   matInput\r\n                   phoneMask\r\n                   [preValue]=\"editVictim.guardianCellPhone\"\r\n                   [phoneControl]=\"guardianCellPhoneControl\"\r\n                   [formControl]=\"guardianCellPhoneControl\"\r\n                   maxlength=\"14\"/>\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                </mat-form-field>\r\n\r\n                <mat-form-field >\r\n                  <mat-label>Guardian Work Phone:</mat-label>\r\n\r\n                    <input\r\n                    id=\"tel5\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.guardianWorkPhone\"\r\n                    [phoneControl]=\"guardianWorkPhoneControl\"\r\n                    [formControl]=\"guardianWorkPhoneControl\"\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\r\n                    id=\"tel\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.advocateHomePhone\"\r\n                    [phoneControl]=\"advocateHomePhoneControl\"\r\n                    [formControl]=\"advocateHomePhoneControl\"\r\n                    maxlength=\"14\"/>\r\n\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\r\n                    id=\"tel7\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.advocateCellPhone\"\r\n                    [phoneControl]=\"advocateCellPhoneControl\"\r\n                    [formControl]=\"advocateCellPhoneControl\"\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\r\n                    id=\"tel8\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.advocateWorkPhone\"\r\n                    [phoneControl]=\"advocateWorkPhoneControl\"\r\n                    [formControl]=\"advocateWorkPhoneControl\"\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\r\n                               <input\r\n                               id=\"tel\"\r\n                               matInput\r\n                               phoneMask\r\n                               [preValue]=\"editVictim.emergencyContactPhone\"\r\n                               [phoneControl]=\"emergencyContactPhoneControl\"\r\n                               [formControl]=\"emergencyContactPhoneControl\"\r\n                               maxlength=\"14\"/>\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('victimRelationships').errors\r\n              && (victimForm.get('victimRelationships').dirty || victimForm.get('victimRelationships').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-stroked-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-stroked-button color=\"primary\" (click)=\"deleteVictim()\">Delete </button>\r\n                 </div>\r\n                  &nbsp;&nbsp;\r\n                  <div class=\"inner\">\r\n                  <button  mat-stroked-button color=\"primary\" (click)=\"cancel()\">Clear </button>\r\n                </div>\r\n                  &nbsp;&nbsp;\r\n                  <button mat-stroked-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-stroked-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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["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-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i10.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i10.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: i11.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i11.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i13.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i13.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i14.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: i15.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i15.MatLabel, selector: "mat-label" }, { kind: "directive", type: i15.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i15.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { 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: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i18.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], 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: ["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: i21.PhoneMaskDirective, selector: "[phoneMask]", inputs: ["phoneControl", "preValue"] }, { kind: "pipe", type: i8$1.DatePipe, name: "date" }] }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.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 \r\n                    <mat-select  #relationShipSel multiple formControlName=\"victimRelationships\" [(ngModel)]=\"editVictim.victimOffenderRelationships\"  >\r\n                      <div (mouseleave)=\"relationShipSel.close()\">\r\n                        <mat-option color=\"primary\" *ngFor=\"let item of relationshipTypes\" [value]=\"item.relationshipTypeId\">\r\n                          {{item.name}}\r\n                        </mat-option>\r\n                     </div>\r\n                    </mat-select>\r\n\r\n\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('victimRelationships').errors\r\n                    && (victimForm.get('victimRelationships').dirty || victimForm.get('victimRelationships').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                    id=\"tel\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.homePhone\"\r\n                    [phoneControl]=\"homePhoneControl\"\r\n                    [formControl]=\"homePhoneControl\"\r\n                    maxlength=\"14\"/>\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                  id=\"tel1\"\r\n                  matInput\r\n                  phoneMask\r\n                  [preValue]=\"editVictim.cellPhone\"\r\n                  [phoneControl]=\"cellPhoneControl\"\r\n                  [formControl]=\"cellPhoneControl\"\r\n                  maxlength=\"14\"/>\r\n\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\r\n                  id=\"tel2\"\r\n                  matInput\r\n                  phoneMask\r\n                  [preValue]=\"editVictim.workPhone\"\r\n                  [phoneControl]=\"workPhoneControl\"\r\n                  [formControl]=\"workPhoneControl\"\r\n                  maxlength=\"14\"/>\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                <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                </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                                    ><input matSliderThumb /></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                  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\r\n                    id=\"tel\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.guardianHomePhone\"\r\n                    [phoneControl]=\"guardianHomePhoneControl\"\r\n                    [formControl]=\"guardianHomePhoneControl\"\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\r\n                   id=\"tel4\"\r\n                   matInput\r\n                   phoneMask\r\n                   [preValue]=\"editVictim.guardianCellPhone\"\r\n                   [phoneControl]=\"guardianCellPhoneControl\"\r\n                   [formControl]=\"guardianCellPhoneControl\"\r\n                   maxlength=\"14\"/>\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                </mat-form-field>\r\n\r\n                <mat-form-field >\r\n                  <mat-label>Guardian Work Phone:</mat-label>\r\n\r\n                    <input\r\n                    id=\"tel5\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.guardianWorkPhone\"\r\n                    [phoneControl]=\"guardianWorkPhoneControl\"\r\n                    [formControl]=\"guardianWorkPhoneControl\"\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\r\n                    id=\"tel\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.advocateHomePhone\"\r\n                    [phoneControl]=\"advocateHomePhoneControl\"\r\n                    [formControl]=\"advocateHomePhoneControl\"\r\n                    maxlength=\"14\"/>\r\n\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\r\n                    id=\"tel7\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.advocateCellPhone\"\r\n                    [phoneControl]=\"advocateCellPhoneControl\"\r\n                    [formControl]=\"advocateCellPhoneControl\"\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\r\n                    id=\"tel8\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.advocateWorkPhone\"\r\n                    [phoneControl]=\"advocateWorkPhoneControl\"\r\n                    [formControl]=\"advocateWorkPhoneControl\"\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\r\n                               <input\r\n                               id=\"tel\"\r\n                               matInput\r\n                               phoneMask\r\n                               [preValue]=\"editVictim.emergencyContactPhone\"\r\n                               [phoneControl]=\"emergencyContactPhoneControl\"\r\n                               [formControl]=\"emergencyContactPhoneControl\"\r\n                               maxlength=\"14\"/>\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('victimRelationships').errors\r\n              && (victimForm.get('victimRelationships').dirty || victimForm.get('victimRelationships').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-stroked-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-stroked-button color=\"primary\" (click)=\"deleteVictim()\">Delete </button>\r\n                 </div>\r\n                  &nbsp;&nbsp;\r\n                  <div class=\"inner\">\r\n                  <button  mat-stroked-button color=\"primary\" (click)=\"cancel()\">Clear </button>\r\n                </div>\r\n                  &nbsp;&nbsp;\r\n                  <button mat-stroked-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-stroked-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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["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-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i10.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i10.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: i11.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i11.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i13.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i13.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i14.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: i15.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i15.MatLabel, selector: "mat-label" }, { kind: "directive", type: i15.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i15.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { 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: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i18.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], 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: ["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: i21.PhoneMaskDirective, selector: "[phoneMask]", inputs: ["phoneControl", "preValue"] }, { kind: "pipe", type: i8$1.DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.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:247</mat-label>\r\n \r\n                    <mat-select  #relationShipSel multiple formControlName=\"victimRelationships\" [(ngModel)]=\"editVictim.victimOffenderRelationships\"  >\r\n                      <div (mouseleave)=\"relationShipSel.close()\">\r\n                        <mat-option color=\"primary\" *ngFor=\"let item of relationshipTypes\" [value]=\"item.relationshipTypeId\">\r\n                          {{item.name}}\r\n                        </mat-option>\r\n                     </div>\r\n                    </mat-select>\r\n\r\n\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('victimRelationships').errors\r\n                    && (victimForm.get('victimRelationships').dirty || victimForm.get('victimRelationships').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                    id=\"tel\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.homePhone\"\r\n                    [phoneControl]=\"homePhoneControl\"\r\n                    [formControl]=\"homePhoneControl\"\r\n                    maxlength=\"14\"/>\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                  id=\"tel1\"\r\n                  matInput\r\n                  phoneMask\r\n                  [preValue]=\"editVictim.cellPhone\"\r\n                  [phoneControl]=\"cellPhoneControl\"\r\n                  [formControl]=\"cellPhoneControl\"\r\n                  maxlength=\"14\"/>\r\n\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\r\n                  id=\"tel2\"\r\n                  matInput\r\n                  phoneMask\r\n                  [preValue]=\"editVictim.workPhone\"\r\n                  [phoneControl]=\"workPhoneControl\"\r\n                  [formControl]=\"workPhoneControl\"\r\n                  maxlength=\"14\"/>\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                <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                </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                                    ><input matSliderThumb /></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                  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\r\n                    id=\"tel\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.guardianHomePhone\"\r\n                    [phoneControl]=\"guardianHomePhoneControl\"\r\n                    [formControl]=\"guardianHomePhoneControl\"\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\r\n                   id=\"tel4\"\r\n                   matInput\r\n                   phoneMask\r\n                   [preValue]=\"editVictim.guardianCellPhone\"\r\n                   [phoneControl]=\"guardianCellPhoneControl\"\r\n                   [formControl]=\"guardianCellPhoneControl\"\r\n                   maxlength=\"14\"/>\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                </mat-form-field>\r\n\r\n                <mat-form-field >\r\n                  <mat-label>Guardian Work Phone:</mat-label>\r\n\r\n                    <input\r\n                    id=\"tel5\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.guardianWorkPhone\"\r\n                    [phoneControl]=\"guardianWorkPhoneControl\"\r\n                    [formControl]=\"guardianWorkPhoneControl\"\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\r\n                    id=\"tel\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.advocateHomePhone\"\r\n                    [phoneControl]=\"advocateHomePhoneControl\"\r\n                    [formControl]=\"advocateHomePhoneControl\"\r\n                    maxlength=\"14\"/>\r\n\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\r\n                    id=\"tel7\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.advocateCellPhone\"\r\n                    [phoneControl]=\"advocateCellPhoneControl\"\r\n                    [formControl]=\"advocateCellPhoneControl\"\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\r\n                    id=\"tel8\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.advocateWorkPhone\"\r\n                    [phoneControl]=\"advocateWorkPhoneControl\"\r\n                    [formControl]=\"advocateWorkPhoneControl\"\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\r\n                               <input\r\n                               id=\"tel\"\r\n                               matInput\r\n                               phoneMask\r\n                               [preValue]=\"editVictim.emergencyContactPhone\"\r\n                               [phoneControl]=\"emergencyContactPhoneControl\"\r\n                               [formControl]=\"emergencyContactPhoneControl\"\r\n                               maxlength=\"14\"/>\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('victimRelationships').errors\r\n              && (victimForm.get('victimRelationships').dirty || victimForm.get('victimRelationships').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-stroked-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-stroked-button color=\"primary\" (click)=\"deleteVictim()\">Delete </button>\r\n                 </div>\r\n                  &nbsp;&nbsp;\r\n                  <div class=\"inner\">\r\n                  <button  mat-stroked-button color=\"primary\" (click)=\"cancel()\">Clear </button>\r\n                </div>\r\n                  &nbsp;&nbsp;\r\n                  <button mat-stroked-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-stroked-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"] }]
+            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 \r\n                    <mat-select  #relationShipSel multiple formControlName=\"victimRelationships\" [(ngModel)]=\"editVictim.victimOffenderRelationships\"  >\r\n                      <div (mouseleave)=\"relationShipSel.close()\">\r\n                        <mat-option color=\"primary\" *ngFor=\"let item of relationshipTypes\" [value]=\"item.relationshipTypeId\">\r\n                          {{item.name}}\r\n                        </mat-option>\r\n                     </div>\r\n                    </mat-select>\r\n\r\n\r\n                    <div class=\"help-block\" *ngIf=\"victimForm.get('victimRelationships').errors\r\n                    && (victimForm.get('victimRelationships').dirty || victimForm.get('victimRelationships').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                    id=\"tel\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.homePhone\"\r\n                    [phoneControl]=\"homePhoneControl\"\r\n                    [formControl]=\"homePhoneControl\"\r\n                    maxlength=\"14\"/>\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                  id=\"tel1\"\r\n                  matInput\r\n                  phoneMask\r\n                  [preValue]=\"editVictim.cellPhone\"\r\n                  [phoneControl]=\"cellPhoneControl\"\r\n                  [formControl]=\"cellPhoneControl\"\r\n                  maxlength=\"14\"/>\r\n\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\r\n                  id=\"tel2\"\r\n                  matInput\r\n                  phoneMask\r\n                  [preValue]=\"editVictim.workPhone\"\r\n                  [phoneControl]=\"workPhoneControl\"\r\n                  [formControl]=\"workPhoneControl\"\r\n                  maxlength=\"14\"/>\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                <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                </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                                    ><input matSliderThumb /></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                  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\r\n                    id=\"tel\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.guardianHomePhone\"\r\n                    [phoneControl]=\"guardianHomePhoneControl\"\r\n                    [formControl]=\"guardianHomePhoneControl\"\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\r\n                   id=\"tel4\"\r\n                   matInput\r\n                   phoneMask\r\n                   [preValue]=\"editVictim.guardianCellPhone\"\r\n                   [phoneControl]=\"guardianCellPhoneControl\"\r\n                   [formControl]=\"guardianCellPhoneControl\"\r\n                   maxlength=\"14\"/>\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                </mat-form-field>\r\n\r\n                <mat-form-field >\r\n                  <mat-label>Guardian Work Phone:</mat-label>\r\n\r\n                    <input\r\n                    id=\"tel5\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.guardianWorkPhone\"\r\n                    [phoneControl]=\"guardianWorkPhoneControl\"\r\n                    [formControl]=\"guardianWorkPhoneControl\"\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\r\n                    id=\"tel\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.advocateHomePhone\"\r\n                    [phoneControl]=\"advocateHomePhoneControl\"\r\n                    [formControl]=\"advocateHomePhoneControl\"\r\n                    maxlength=\"14\"/>\r\n\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\r\n                    id=\"tel7\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.advocateCellPhone\"\r\n                    [phoneControl]=\"advocateCellPhoneControl\"\r\n                    [formControl]=\"advocateCellPhoneControl\"\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\r\n                    id=\"tel8\"\r\n                    matInput\r\n                    phoneMask\r\n                    [preValue]=\"editVictim.advocateWorkPhone\"\r\n                    [phoneControl]=\"advocateWorkPhoneControl\"\r\n                    [formControl]=\"advocateWorkPhoneControl\"\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\r\n                               <input\r\n                               id=\"tel\"\r\n                               matInput\r\n                               phoneMask\r\n                               [preValue]=\"editVictim.emergencyContactPhone\"\r\n                               [phoneControl]=\"emergencyContactPhoneControl\"\r\n                               [formControl]=\"emergencyContactPhoneControl\"\r\n                               maxlength=\"14\"/>\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('victimRelationships').errors\r\n              && (victimForm.get('victimRelationships').dirty || victimForm.get('victimRelationships').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-stroked-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-stroked-button color=\"primary\" (click)=\"deleteVictim()\">Delete </button>\r\n                 </div>\r\n                  &nbsp;&nbsp;\r\n                  <div class=\"inner\">\r\n                  <button  mat-stroked-button color=\"primary\" (click)=\"cancel()\">Clear </button>\r\n                </div>\r\n                  &nbsp;&nbsp;\r\n                  <button mat-stroked-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-stroked-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: () => [{ 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 }, { type: i0.ChangeDetectorRef }], propDecorators: { victimDetail: [{
                 type: Input
             }], staffId: [{
@@ -1816,11 +1816,11 @@ class VictimSearchFormComponent {
         this.onSearch.emit(this.filter);
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: VictimSearchFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.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-stroked-button color=\"primary\" (click)=\"onChange()\">Search</button>\r\n                <span style=\"padding-right: 5px;\"></span>\r\n                <button   mat-stroked-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;flex-direction:column}.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;-ms-hyphens:auto;-moz-hyphens:auto;-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;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.smart-card{background-color:var(--mdc-elevated-card-container-color);border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:16px 0 16px 2px;width:100%}.smart-card-header{display:flex;flex-direction:column;align-items:start}.smart-label{font-size:16px!important}.smart-card-table{margin:16px 0}.smart-flex-container{display:flex!important;justify-content:space-between;flex-wrap:wrap}.smart-action-content{display:flex;justify-content:flex-end;margin:12px}.smart-button{margin:0 4px}.smart-add-button{margin:0 4px;font-size:1.25em!important}.material-icons{vertical-align:baseline!important}.smart-paginator{display:flex!important}\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-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i14.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: i15.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { 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 }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.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-stroked-button color=\"primary\" (click)=\"onChange()\">Search</button>\r\n                <span style=\"padding-right: 5px;\"></span>\r\n                <button   mat-stroked-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;flex-direction:column}.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;-ms-hyphens:auto;-moz-hyphens:auto;-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;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.smart-card{background-color:var(--mdc-elevated-card-container-color);border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:16px 0 16px 2px;width:100%}.smart-card-header{display:flex;flex-direction:column;align-items:start}.smart-label{font-size:16px!important}.smart-card-table{margin:16px 0}.smart-flex-container{display:flex!important;justify-content:space-between;flex-wrap:wrap}.smart-action-content{display:flex;justify-content:flex-end;margin:12px}.smart-button{margin:0 4px}.smart-add-button{margin:0 4px;font-size:14px!important}.material-icons{vertical-align:baseline!important}.smart-paginator{display:flex!important}\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-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i14.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: i15.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { 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: "18.1.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-stroked-button color=\"primary\" (click)=\"onChange()\">Search</button>\r\n                <span style=\"padding-right: 5px;\"></span>\r\n                <button   mat-stroked-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;flex-direction:column}.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;-ms-hyphens:auto;-moz-hyphens:auto;-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;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.smart-card{background-color:var(--mdc-elevated-card-container-color);border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:16px 0 16px 2px;width:100%}.smart-card-header{display:flex;flex-direction:column;align-items:start}.smart-label{font-size:16px!important}.smart-card-table{margin:16px 0}.smart-flex-container{display:flex!important;justify-content:space-between;flex-wrap:wrap}.smart-action-content{display:flex;justify-content:flex-end;margin:12px}.smart-button{margin:0 4px}.smart-add-button{margin:0 4px;font-size:1.25em!important}.material-icons{vertical-align:baseline!important}.smart-paginator{display:flex!important}\n"] }]
+            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-stroked-button color=\"primary\" (click)=\"onChange()\">Search</button>\r\n                <span style=\"padding-right: 5px;\"></span>\r\n                <button   mat-stroked-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;flex-direction:column}.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;-ms-hyphens:auto;-moz-hyphens:auto;-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;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.smart-card{background-color:var(--mdc-elevated-card-container-color);border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:16px 0 16px 2px;width:100%}.smart-card-header{display:flex;flex-direction:column;align-items:start}.smart-label{font-size:16px!important}.smart-card-table{margin:16px 0}.smart-flex-container{display:flex!important;justify-content:space-between;flex-wrap:wrap}.smart-action-content{display:flex;justify-content:flex-end;margin:12px}.smart-button{margin:0 4px}.smart-add-button{margin:0 4px;font-size:14px!important}.material-icons{vertical-align:baseline!important}.smart-paginator{display:flex!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { onSearch: [{
                 type: Output
             }] } });
@@ -2065,11 +2065,11 @@ class NgcSmartVictimComponent {
         });
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.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 */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.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    <mat-card id=\"divVictim\" class=\"smart-card-table\">\r\n      <div class=\"smart-action-content\">\r\n        <button mat-stroked-button color=\"primary\"\r\n          accessControl\r\n          [accessControlConfig]=\"createAccessControlConfig\"\r\n          *ngIf=\"showAdd\"\r\n          class=\"smart-add-button\"\r\n          (click)=\"addRecord()\">\r\n          <mat-icon>add</mat-icon>\r\n          Add Victim\r\n        </button>\r\n        <button\r\n          mat-stroked-button\r\n          class=\"smart-add-button\"\r\n          *ngIf=\"isIntake\"\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      <div *ngIf=\"victimListDataSource.data.length > 0\">\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.victimOffenderRelationships[0]}} </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\" >\r\n                        Home phone: {{formatPhoneNumber(row.homePhone)}}<br>\r\n                        Cell Phone: {{formatPhoneNumber(row.cellPhone)}}<br>\r\n                        Work Phone: {{formatPhoneNumber(row.workPhone)}}\r\n\r\n                    </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-stroked-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-stroked-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        <mat-paginator #paginator [pageSize]=\"10\" [pageSizeOptions]=\"[5, 10, 25, 100]\"></mat-paginator>\r\n      </div>\r\n    </mat-card>\r\n    <div>\r\n        <b>{{msg}}</b>\r\n    </div>\r\n</div>\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;flex-direction:column}.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;-ms-hyphens:auto;-moz-hyphens:auto;-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;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.smart-card{background-color:var(--mdc-elevated-card-container-color);border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:16px 0 16px 2px;width:100%}.smart-card-header{display:flex;flex-direction:column;align-items:start}.smart-label{font-size:16px!important}.smart-card-table{margin:16px 0}.smart-flex-container{display:flex!important;justify-content:space-between;flex-wrap:wrap}.smart-action-content{display:flex;justify-content:flex-end;margin:12px}.smart-button{margin:0 4px}.smart-add-button{margin:0 4px;font-size:1.25em!important}.material-icons{vertical-align:baseline!important}.smart-paginator{display:flex!important}\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-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { 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: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], 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: ["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"] }] }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.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    <mat-card id=\"divVictim\" class=\"smart-card-table\">\r\n      <div class=\"smart-action-content\">\r\n        <button mat-stroked-button color=\"primary\"\r\n          accessControl\r\n          [accessControlConfig]=\"createAccessControlConfig\"\r\n          *ngIf=\"showAdd\"\r\n          class=\"smart-add-button\"\r\n          (click)=\"addRecord()\">\r\n          <mat-icon>add</mat-icon>\r\n          Add Victim\r\n        </button>\r\n        <button\r\n          mat-stroked-button\r\n          class=\"smart-add-button\"\r\n          *ngIf=\"isIntake\"\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      <div *ngIf=\"victimListDataSource.data.length > 0\">\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.victimOffenderRelationships[0]}} </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\" >\r\n                        Home phone: {{formatPhoneNumber(row.homePhone)}}<br>\r\n                        Cell Phone: {{formatPhoneNumber(row.cellPhone)}}<br>\r\n                        Work Phone: {{formatPhoneNumber(row.workPhone)}}\r\n\r\n                    </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-stroked-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-stroked-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        <mat-paginator #paginator [pageSize]=\"10\" [pageSizeOptions]=\"[5, 10, 25, 100]\"></mat-paginator>\r\n      </div>\r\n    </mat-card>\r\n    <div>\r\n        <b>{{msg}}</b>\r\n    </div>\r\n</div>\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;flex-direction:column}.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;-ms-hyphens:auto;-moz-hyphens:auto;-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;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.smart-card{background-color:var(--mdc-elevated-card-container-color);border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:16px 0 16px 2px;width:100%}.smart-card-header{display:flex;flex-direction:column;align-items:start}.smart-label{font-size:16px!important}.smart-card-table{margin:16px 0}.smart-flex-container{display:flex!important;justify-content:space-between;flex-wrap:wrap}.smart-action-content{display:flex;justify-content:flex-end;margin:12px}.smart-button{margin:0 4px}.smart-add-button{margin:0 4px;font-size:14px!important}.material-icons{vertical-align:baseline!important}.smart-paginator{display:flex!important}\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-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { 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: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], 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: ["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: "18.1.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    <mat-card id=\"divVictim\" class=\"smart-card-table\">\r\n      <div class=\"smart-action-content\">\r\n        <button mat-stroked-button color=\"primary\"\r\n          accessControl\r\n          [accessControlConfig]=\"createAccessControlConfig\"\r\n          *ngIf=\"showAdd\"\r\n          class=\"smart-add-button\"\r\n          (click)=\"addRecord()\">\r\n          <mat-icon>add</mat-icon>\r\n          Add Victim\r\n        </button>\r\n        <button\r\n          mat-stroked-button\r\n          class=\"smart-add-button\"\r\n          *ngIf=\"isIntake\"\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      <div *ngIf=\"victimListDataSource.data.length > 0\">\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.victimOffenderRelationships[0]}} </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\" >\r\n                        Home phone: {{formatPhoneNumber(row.homePhone)}}<br>\r\n                        Cell Phone: {{formatPhoneNumber(row.cellPhone)}}<br>\r\n                        Work Phone: {{formatPhoneNumber(row.workPhone)}}\r\n\r\n                    </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-stroked-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-stroked-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        <mat-paginator #paginator [pageSize]=\"10\" [pageSizeOptions]=\"[5, 10, 25, 100]\"></mat-paginator>\r\n      </div>\r\n    </mat-card>\r\n    <div>\r\n        <b>{{msg}}</b>\r\n    </div>\r\n</div>\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;flex-direction:column}.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;-ms-hyphens:auto;-moz-hyphens:auto;-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;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.smart-card{background-color:var(--mdc-elevated-card-container-color);border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:16px 0 16px 2px;width:100%}.smart-card-header{display:flex;flex-direction:column;align-items:start}.smart-label{font-size:16px!important}.smart-card-table{margin:16px 0}.smart-flex-container{display:flex!important;justify-content:space-between;flex-wrap:wrap}.smart-action-content{display:flex;justify-content:flex-end;margin:12px}.smart-button{margin:0 4px}.smart-add-button{margin:0 4px;font-size:1.25em!important}.material-icons{vertical-align:baseline!important}.smart-paginator{display:flex!important}\n"] }]
+            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    <mat-card id=\"divVictim\" class=\"smart-card-table\">\r\n      <div class=\"smart-action-content\">\r\n        <button mat-stroked-button color=\"primary\"\r\n          accessControl\r\n          [accessControlConfig]=\"createAccessControlConfig\"\r\n          *ngIf=\"showAdd\"\r\n          class=\"smart-add-button\"\r\n          (click)=\"addRecord()\">\r\n          <mat-icon>add</mat-icon>\r\n          Add Victim\r\n        </button>\r\n        <button\r\n          mat-stroked-button\r\n          class=\"smart-add-button\"\r\n          *ngIf=\"isIntake\"\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      <div *ngIf=\"victimListDataSource.data.length > 0\">\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.victimOffenderRelationships[0]}} </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\" >\r\n                        Home phone: {{formatPhoneNumber(row.homePhone)}}<br>\r\n                        Cell Phone: {{formatPhoneNumber(row.cellPhone)}}<br>\r\n                        Work Phone: {{formatPhoneNumber(row.workPhone)}}\r\n\r\n                    </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-stroked-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-stroked-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        <mat-paginator #paginator [pageSize]=\"10\" [pageSizeOptions]=\"[5, 10, 25, 100]\"></mat-paginator>\r\n      </div>\r\n    </mat-card>\r\n    <div>\r\n        <b>{{msg}}</b>\r\n    </div>\r\n</div>\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;flex-direction:column}.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;-ms-hyphens:auto;-moz-hyphens:auto;-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;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.smart-card{background-color:var(--mdc-elevated-card-container-color);border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:16px 0 16px 2px;width:100%}.smart-card-header{display:flex;flex-direction:column;align-items:start}.smart-label{font-size:16px!important}.smart-card-table{margin:16px 0}.smart-flex-container{display:flex!important;justify-content:space-between;flex-wrap:wrap}.smart-action-content{display:flex;justify-content:flex-end;margin:12px}.smart-button{margin:0 4px}.smart-add-button{margin:0 4px;font-size:14px!important}.material-icons{vertical-align:baseline!important}.smart-paginator{display:flex!important}\n"] }]
         }], ctorParameters: () => [{ 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]
@@ -2125,28 +2125,28 @@ class SmartVictimDeleteConfirmComponent {
     ngOnInit() {
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: SmartVictimDeleteConfirmComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.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>
-  </div>
-  <div mat-dialog-actions class="actions">
-    <button mat-flat-button color="primary" (click)="onNoClick()">No</button>
-    <button mat-flat-button color="warn" [mat-dialog-close]='"YES"' cdkFocusInitial>Yes</button>
-  </div>
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.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>
+  </div>
+  <div mat-dialog-actions class="actions">
+    <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"], dependencies: [{ kind: "component", type: i2$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", 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.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: SmartVictimDeleteConfirmComponent, decorators: [{
             type: Component,
-            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>
-  </div>
-  <div mat-dialog-actions class="actions">
-    <button mat-flat-button color="primary" (click)="onNoClick()">No</button>
-    <button mat-flat-button color="warn" [mat-dialog-close]='"YES"' cdkFocusInitial>Yes</button>
-  </div>
+            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>
+  </div>
+  <div mat-dialog-actions class="actions">
+    <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}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,