@csmart/ngc-smart-core 1.13.19 → 1.13.21

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

@@ -27,1546 +27,1558 @@ import * as i2$1 from '@angular/router';
 import * as i5 from '@angular/material/form-field';
 import * as i7 from '@angular/material/core';
 
-class Permission {
-}
-class Role {
-}
-class Option {
-}
-class LoginStaff {
-    constructor() {
-        this.selectedRole = '*';
-    }
-}
-class SelectedOffender {
-    constructor() {
-        this.intakeFlag = false;
-    }
-}
-class OffenderQuery {
-}
-class StorageKey {
-}
-StorageKey.selectedOffender = 'smart-selected-offender';
-StorageKey.loginStaff = 'smart-login-staff';
-StorageKey.offenderQuery = 'smart-offender-query';
-const SMART_WEB_STORAGE_LISTENER_URL = new InjectionToken('SMART Web Storage Listener URL');
-const SMART_WEB_PORTAL_URL = new InjectionToken('SMART Web Portal URL');
-const SMART_DATA_SERVICE_URL = new InjectionToken('SMART Data Service URL');
-//exception for redirection
+class Permission {
+}
+class Role {
+}
+class Option {
+}
+class LoginStaff {
+    constructor() {
+        this.selectedRole = '*';
+    }
+}
+class SelectedOffender {
+    constructor() {
+        this.intakeFlag = false;
+    }
+}
+class OffenderQuery {
+}
+class StorageKey {
+}
+StorageKey.selectedOffender = 'smart-selected-offender';
+StorageKey.loginStaff = 'smart-login-staff';
+StorageKey.offenderQuery = 'smart-offender-query';
+const SMART_WEB_STORAGE_LISTENER_URL = new InjectionToken('SMART Web Storage Listener URL');
+const SMART_WEB_PORTAL_URL = new InjectionToken('SMART Web Portal URL');
+const SMART_DATA_SERVICE_URL = new InjectionToken('SMART Data Service URL');
+//exception for redirection
 const SMART_DOMAIN_FORMAT = new InjectionToken('SMART Domain Format URL');
 
-class XdmService {
-    constructor(document, smartStorageListenerUrl, httpClient, smartDataServiceUrl) {
-        this.document = document;
-        this.smartStorageListenerUrl = smartStorageListenerUrl;
-        this.httpClient = httpClient;
-        this.smartDataServiceUrl = smartDataServiceUrl;
-        this.offenderSubject = new Subject();
-        this.staffSubject = new Subject();
-        this.offenderQuerySubject = new Subject();
-        if (isDevMode) {
-            console.log('SmartStorage XdmService (Client) - constructor()');
-        }
-        this.init();
-    }
-    init() {
-        const frame = this.document.createElement('iframe');
-        frame.src = this.smartStorageListenerUrl;
-        frame.id = 'childframe';
-        frame.name = Math.random().toString();
-        frame.onload = null;
-        frame.style.visibility = 'hidden';
-        this.document.body.appendChild(frame);
-        this.connection = connectToChild({
-            iframe: frame,
-            debug: false,
-        });
-    }
-    getStaffOffenderListOptions(staffId) {
-        const queryString = `{findvStaffOffenderListOptions(input:{
-        where:{
-          staffId: ${staffId}
-        }
-      }){
-        data{
-          offenderListOptionId
-          name
-          serviceApiFieldName
-          selectedFlag
-        }
-    } }`;
-        return this.httpClient
-            .post(this.smartDataServiceUrl, { query: queryString })
-            .pipe(map(({ data }) => {
-            data.findvStaffOffenderListOptions.data['offenderOptionListId'] =
-                data.findvStaffOffenderListOptions.data['offenderListOptionId'];
-            return data.findvStaffOffenderListOptions.data;
-        }));
-        /*return of([
-          { offenderListOptionId: 'genderCode', name: '', selectedFlag: true }]);*/
-    }
-    clearAll() {
-        this.connection.promise.then((child) => {
-            child.clearAll();
-            this.offenderSubject.next();
-            this.staffSubject.next();
-        });
-    }
-    /*************************************
-     * Offender
-     **************************************/
-    setSelectedOffender(selectedOffender) {
-        this.connection.promise.then((child) => {
-            child.setSelectedOffender(selectedOffender);
-            this.offenderSubject.next(selectedOffender);
-        });
-    }
-    getSelectedOffender() {
-        return this.connection.promise.then((child) => child.getSelectedOffender(StorageKey.selectedOffender));
-    }
-    clearSelectedOffender() {
-        this.connection.promise.then((child) => {
-            child.clearSelectedOffender();
-            this.offenderSubject.next();
-        });
-    }
-    getOffenderUpdate() {
-        return this.offenderSubject.asObservable();
-    }
-    /************************************************************************
-     * Staff
-     ************************************************************************/
-    setLoginStaff(loginStaff) {
-        this.connection.promise.then((child) => {
-            child.setLoginStaff(loginStaff);
-            this.staffSubject.next(loginStaff);
-        });
-    }
-    getLoginStaff() {
-        return this.connection.promise.then((child) => child.getLoginStaff(StorageKey.loginStaff));
-    }
-    clearLoginStaff() {
-        this.connection.promise.then((child) => {
-            child.clearLoginStaff();
-            this.staffSubject.next();
-        });
-    }
-    getStaffUpdate() {
-        return this.staffSubject.asObservable();
-    }
-    refreshLoginStaffOptions() {
-        this.getLoginStaff().then((oldLoginStaff) => {
-            this.getStaffOffenderListOptions(oldLoginStaff.staffId).subscribe((optionData) => {
-                console.log(optionData);
-                oldLoginStaff.options = optionData;
-                this.setLoginStaff(oldLoginStaff);
-            });
-        });
-    }
-    /************************************************************************
-     * Offender Query
-     ************************************************************************/
-    setOffenderQuery(offenderQuery) {
-        this.connection.promise.then((child) => {
-            child.setOffenderQuery(offenderQuery);
-            this.offenderQuerySubject.next(offenderQuery);
-        });
-    }
-    getOffenderQuery() {
-        return this.connection.promise.then((child) => child.getOffenderQuery(StorageKey.offenderQuery));
-    }
-    clearOffenderQuery() {
-        this.connection.promise.then((child) => {
-            child.clearOffenderQuery();
-            this.offenderQuerySubject.next();
-        });
-    }
-    getOffenderQueryUpdate() {
-        return this.offenderQuerySubject.asObservable();
-    }
-}
-/** @nocollapse */ /** @nocollapse */ XdmService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: XdmService, deps: [{ token: DOCUMENT }, { token: SMART_WEB_STORAGE_LISTENER_URL }, { token: i1.HttpClient }, { token: SMART_DATA_SERVICE_URL }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ XdmService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: XdmService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: XdmService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [SMART_WEB_STORAGE_LISTENER_URL]
-                }] }, { type: i1.HttpClient }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [SMART_DATA_SERVICE_URL]
+class XdmService {
+    constructor(document, smartStorageListenerUrl, httpClient, smartDataServiceUrl) {
+        this.document = document;
+        this.smartStorageListenerUrl = smartStorageListenerUrl;
+        this.httpClient = httpClient;
+        this.smartDataServiceUrl = smartDataServiceUrl;
+        this.offenderSubject = new Subject();
+        this.staffSubject = new Subject();
+        this.offenderQuerySubject = new Subject();
+        if (isDevMode) {
+            console.log('SmartStorage XdmService (Client) - constructor()');
+        }
+        this.init();
+    }
+    init() {
+        const frame = this.document.createElement('iframe');
+        frame.src = this.smartStorageListenerUrl;
+        frame.id = 'childframe';
+        frame.name = Math.random().toString();
+        frame.onload = null;
+        frame.style.visibility = 'hidden';
+        this.document.body.appendChild(frame);
+        this.connection = connectToChild({
+            iframe: frame,
+            debug: false,
+        });
+    }
+    getStaffOffenderListOptions(staffId) {
+        const queryString = `{findvStaffOffenderListOptions(input:{
+        where:{
+          staffId: ${staffId}
+        }
+      }){
+        data{
+          offenderListOptionId
+          name
+          serviceApiFieldName
+          selectedFlag
+        }
+    } }`;
+        return this.httpClient
+            .post(this.smartDataServiceUrl, { query: queryString })
+            .pipe(map(({ data }) => {
+            data.findvStaffOffenderListOptions.data['offenderOptionListId'] =
+                data.findvStaffOffenderListOptions.data['offenderListOptionId'];
+            return data.findvStaffOffenderListOptions.data;
+        }));
+        /*return of([
+          { offenderListOptionId: 'genderCode', name: '', selectedFlag: true }]);*/
+    }
+    clearAll() {
+        this.connection.promise.then((child) => {
+            child.clearAll();
+            this.offenderSubject.next();
+            this.staffSubject.next();
+        });
+    }
+    /*************************************
+     * Offender
+     **************************************/
+    setSelectedOffender(selectedOffender) {
+        this.connection.promise.then((child) => {
+            child.setSelectedOffender(selectedOffender);
+            this.offenderSubject.next(selectedOffender);
+        });
+        this.getLoginStaff().then((loginStaff) => {
+            let now = (new Date()).toISOString();
+            const queryString = `mutation { createStaffOffenderAccess(input: {
+        staffId: ${loginStaff.staffId},
+        offenderId: ${selectedOffender.offenderId},
+        accessDate: "${now}"
+      }) {
+        data {
+          staffOffenderAccessId
+        }
+      }}`;
+            this.httpClient.post(this.smartDataServiceUrl, { query: queryString }).subscribe();
+        });
+    }
+    getSelectedOffender() {
+        return this.connection.promise.then((child) => child.getSelectedOffender(StorageKey.selectedOffender));
+    }
+    clearSelectedOffender() {
+        this.connection.promise.then((child) => {
+            child.clearSelectedOffender();
+            this.offenderSubject.next();
+        });
+    }
+    getOffenderUpdate() {
+        return this.offenderSubject.asObservable();
+    }
+    /************************************************************************
+     * Staff
+     ************************************************************************/
+    setLoginStaff(loginStaff) {
+        this.connection.promise.then((child) => {
+            child.setLoginStaff(loginStaff);
+            this.staffSubject.next(loginStaff);
+        });
+    }
+    getLoginStaff() {
+        return this.connection.promise.then((child) => child.getLoginStaff(StorageKey.loginStaff));
+    }
+    clearLoginStaff() {
+        this.connection.promise.then((child) => {
+            child.clearLoginStaff();
+            this.staffSubject.next();
+        });
+    }
+    getStaffUpdate() {
+        return this.staffSubject.asObservable();
+    }
+    refreshLoginStaffOptions() {
+        this.getLoginStaff().then((oldLoginStaff) => {
+            this.getStaffOffenderListOptions(oldLoginStaff.staffId).subscribe((optionData) => {
+                console.log(optionData);
+                oldLoginStaff.options = optionData;
+                this.setLoginStaff(oldLoginStaff);
+            });
+        });
+    }
+    /************************************************************************
+     * Offender Query
+     ************************************************************************/
+    setOffenderQuery(offenderQuery) {
+        this.connection.promise.then((child) => {
+            child.setOffenderQuery(offenderQuery);
+            this.offenderQuerySubject.next(offenderQuery);
+        });
+    }
+    getOffenderQuery() {
+        return this.connection.promise.then((child) => child.getOffenderQuery(StorageKey.offenderQuery));
+    }
+    clearOffenderQuery() {
+        this.connection.promise.then((child) => {
+            child.clearOffenderQuery();
+            this.offenderQuerySubject.next();
+        });
+    }
+    getOffenderQueryUpdate() {
+        return this.offenderQuerySubject.asObservable();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XdmService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: XdmService, deps: [{ token: DOCUMENT }, { token: SMART_WEB_STORAGE_LISTENER_URL }, { token: i1.HttpClient }, { token: SMART_DATA_SERVICE_URL }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ /** @nocollapse */ XdmService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: XdmService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: XdmService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SMART_WEB_STORAGE_LISTENER_URL]
+                }] }, { type: i1.HttpClient }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SMART_DATA_SERVICE_URL]
                 }] }]; } });
 
-class SmartOffenderHeaderService {
-    constructor(smartDataServiceUrl, http) {
-        this.smartDataServiceUrl = smartDataServiceUrl;
-        this.http = http;
-    }
-    getStaffOffenders(staffId) {
-        const queryString = `
-        query getStaffOffenderList{
-            filterOffenderList(input: {staffId: ${staffId}}) {
-                data {
-                    offenderId
-                    offenderName
-                    pdId
-                    birthDate
-                    gender
-                }
-            }
-        }
-    `;
-        return this.http
-            .post(this.smartDataServiceUrl, { query: queryString })
-            .pipe(map(({ data }) => {
-            return data.filterOffenderList.data;
-        }));
-    }
-}
-/** @nocollapse */ /** @nocollapse */ SmartOffenderHeaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartOffenderHeaderService, deps: [{ token: SMART_DATA_SERVICE_URL }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ SmartOffenderHeaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartOffenderHeaderService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartOffenderHeaderService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [SMART_DATA_SERVICE_URL]
+class SmartOffenderHeaderService {
+    constructor(smartDataServiceUrl, http) {
+        this.smartDataServiceUrl = smartDataServiceUrl;
+        this.http = http;
+    }
+    getStaffOffenders(staffId) {
+        const queryString = `
+        query getStaffOffenderList{
+            filterOffenderList(input: {staffId: ${staffId}}) {
+                data {
+                    offenderId
+                    offenderName
+                    pdId
+                    birthDate
+                    gender
+                }
+            }
+        }
+    `;
+        return this.http
+            .post(this.smartDataServiceUrl, { query: queryString })
+            .pipe(map(({ data }) => {
+            return data.filterOffenderList.data;
+        }));
+    }
+}
+/** @nocollapse */ /** @nocollapse */ SmartOffenderHeaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartOffenderHeaderService, deps: [{ token: SMART_DATA_SERVICE_URL }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ /** @nocollapse */ SmartOffenderHeaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartOffenderHeaderService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartOffenderHeaderService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SMART_DATA_SERVICE_URL]
                 }] }, { type: i1.HttpClient }]; } });
 
-class SmartOffenderHeaderComponent {
-    // public isAuthenticated: boolean;
-    constructor(xdmService, authnService, smartOffenderHeaderService, router) {
-        this.xdmService = xdmService;
-        this.authnService = authnService;
-        this.smartOffenderHeaderService = smartOffenderHeaderService;
-        this.router = router;
-        this.selectedOffenderControl$ = new FormControl();
-    }
-    ngOnInit() {
-        // this.isAuthenticated = this.authnService.getAccount() ? true : false;
-        this.xdmService.getLoginStaff().then((loginStaff) => {
-            this.loginStaff = loginStaff ? loginStaff : null;
-        });
-        this.xdmService.getSelectedOffender().then((selectedOffender) => {
-            this.selectedOffender =
-                selectedOffender && selectedOffender.offenderId
-                    ? selectedOffender
-                    : null;
-        });
-        this.subscription = this.xdmService
-            .getOffenderUpdate()
-            .subscribe((selectedOffender) => {
-            this.selectedOffender = selectedOffender;
-            this.setSelectedOffenderControl();
-        });
-        this.xdmService.getOffenderQuery().then((offenderQuery) => {
-            if (offenderQuery) {
-                this.offenderQueryList = offenderQuery.offenders;
-                this.setSelectedOffenderControl();
-            }
-        });
-        this.offenderQuerySubscription = this.xdmService
-            .getOffenderQueryUpdate()
-            .subscribe((offenderList) => {
-            if (offenderList && offenderList.offenders) {
-                this.offenderQueryList = [...offenderList.offenders];
-            }
-        });
-        this.selectedOffenderControl$.valueChanges.subscribe((o) => this.onOffenderSelected(o));
-        this.router.routeReuseStrategy.shouldReuseRoute = () => {
-            return false;
-        };
-    }
-    get isAuthenticated() {
-        return this.authnService.instance.getAllAccounts().length > 0;
-    }
-    ngOnDestroy() {
-        this.subscription.unsubscribe();
-    }
-    onOffenderSelected(offender) {
-        if (offender) {
-            // const o = offender.offenderName.split(',');
-            // if (o.length === 2) {
-            //   const offenderName = `${o[1]} ${o[0]}`;
-            //   this.selectedOffender = {
-            //     offenderId: offender.offenderId,
-            //     name: offenderName,
-            //     pdId: offender.pdId,
-            //     birthDate: offender.birthDate,
-            //     gender: offender.genderCode,
-            //     assignmentStaffRelationId: '',
-            //     intakeFlag: this.loginStaff
-            //       ? this.hasIntakeRole(this.loginStaff.roles)
-            //       : false,
-            //   } as SelectedOffender;
-            this.selectedOffender = offender;
-            this.xdmService.setSelectedOffender(this.selectedOffender);
-            this.reloadCurrentRoute();
-        }
-    }
-    setSelectedOffenderControl() {
-        if (this.selectedOffender &&
-            this.offenderQueryList &&
-            this.offenderQueryList.length > 0) {
-            const o = this.offenderQueryList.find((x) => x.offenderId === this.selectedOffender.offenderId);
-            if (o) {
-                this.selectedOffenderControl$.setValue(o, { emitEvent: false });
-            }
-            if (!o && this.offenderQueryList.length > 0) {
-                this.selectedOffenderControl$.setValue(this.offenderQueryList[0], {
-                    emitEvent: false,
-                });
-            }
-        }
-    }
-    reloadCurrentRoute() {
-        try {
-            const urlTree = this.router.parseUrl(this.router.url);
-            if (urlTree &&
-                urlTree.root &&
-                urlTree.root.segments &&
-                urlTree.root.segments.length > 1) {
-                this.router.navigate([urlTree.root.segments[0].path]);
-            }
-            else if (urlTree &&
-                urlTree.root &&
-                urlTree.root.children &&
-                urlTree.root.children.primary &&
-                urlTree.root.children.primary.segments &&
-                urlTree.root.children.primary.segments.length == 1) {
-                this.router.navigate([urlTree.root.children.primary.segments[0].path]);
-            }
-            else {
-                this.router.navigate([this.router.url]);
-            }
-        }
-        catch {
-            this.router.navigateByUrl('/');
-        }
-    }
-    hasIntakeRole(roles) {
-        if (roles && roles.length > 0) {
-            return roles.findIndex(this.isIntakeRole) > -1;
-        }
-        return false;
-    }
-    isIntakeRole(role) {
-        switch (role.roleId) {
-            case 'OPA':
-            case 'OPS':
-            case 'SOPS':
-                return true;
-            default:
-                return false;
-        }
-    }
-}
-/** @nocollapse */ /** @nocollapse */ SmartOffenderHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartOffenderHeaderComponent, deps: [{ token: XdmService }, { token: i2.MsalService }, { token: SmartOffenderHeaderService }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ SmartOffenderHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: SmartOffenderHeaderComponent, selector: "app-smart-offender-header", ngImport: i0, template: "<div\r\n  class=\"offender-header-container\"\r\n  *ngIf=\"selectedOffender && isAuthenticated\">\r\n  <div class=\"offender-header-name-item\">\r\n     <mat-form-field appearance=\"standard\" class=\"switch-offender\">\r\n          <mat-label>Switch Offender</mat-label>\r\n          <mat-select [formControl]=\"selectedOffenderControl$\">\r\n            <mat-option\r\n              *ngFor=\"let offender of offenderQueryList\"\r\n              [value]=\"offender\">\r\n              {{ offender?.name}} ({{offender?.offenderId}})\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n  </div>\r\n  <div>\r\n    <div class=\"offender-header-id-item\">\r\n      <span class=\"item-label\">PDID:</span> {{ selectedOffender.pdId }}\r\n    </div>\r\n    <div class=\"offender-header-id-item\">\r\n      <span class=\"item-label\">CSOSA ID:</span>\r\n      {{ selectedOffender.offenderId }}\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".offender-header-container{display:grid;grid-template-columns:2fr 1fr;grid-column-gap:20px;width:100%;margin:4px;background-color:#eae9e9;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;padding-top:8px;justify-items:end}.offender-header-name-item{width:50%}.offender-header-id-item{text-align:left;display:grid;grid-template-columns:80px 80px;margin-top:8px}.switch-offender{width:100%!important}@media only screen and (max-width: 740px){.offender-header-container{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr;align-items:center;background-color:#eae9e9;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;height:100%;margin:4px;padding-left:16px;justify-items:start}.offender-header-name-item{text-align:left}}\n"], components: [{ type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatLabel, selector: "mat-label" }, { type: i7$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartOffenderHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-smart-offender-header', template: "<div\r\n  class=\"offender-header-container\"\r\n  *ngIf=\"selectedOffender && isAuthenticated\">\r\n  <div class=\"offender-header-name-item\">\r\n     <mat-form-field appearance=\"standard\" class=\"switch-offender\">\r\n          <mat-label>Switch Offender</mat-label>\r\n          <mat-select [formControl]=\"selectedOffenderControl$\">\r\n            <mat-option\r\n              *ngFor=\"let offender of offenderQueryList\"\r\n              [value]=\"offender\">\r\n              {{ offender?.name}} ({{offender?.offenderId}})\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n  </div>\r\n  <div>\r\n    <div class=\"offender-header-id-item\">\r\n      <span class=\"item-label\">PDID:</span> {{ selectedOffender.pdId }}\r\n    </div>\r\n    <div class=\"offender-header-id-item\">\r\n      <span class=\"item-label\">CSOSA ID:</span>\r\n      {{ selectedOffender.offenderId }}\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".offender-header-container{display:grid;grid-template-columns:2fr 1fr;grid-column-gap:20px;width:100%;margin:4px;background-color:#eae9e9;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;padding-top:8px;justify-items:end}.offender-header-name-item{width:50%}.offender-header-id-item{text-align:left;display:grid;grid-template-columns:80px 80px;margin-top:8px}.switch-offender{width:100%!important}@media only screen and (max-width: 740px){.offender-header-container{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr;align-items:center;background-color:#eae9e9;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;height:100%;margin:4px;padding-left:16px;justify-items:start}.offender-header-name-item{text-align:left}}\n"] }]
+class SmartOffenderHeaderComponent {
+    // public isAuthenticated: boolean;
+    constructor(xdmService, authnService, smartOffenderHeaderService, router) {
+        this.xdmService = xdmService;
+        this.authnService = authnService;
+        this.smartOffenderHeaderService = smartOffenderHeaderService;
+        this.router = router;
+        this.selectedOffenderControl$ = new FormControl();
+    }
+    ngOnInit() {
+        // this.isAuthenticated = this.authnService.getAccount() ? true : false;
+        this.xdmService.getLoginStaff().then((loginStaff) => {
+            this.loginStaff = loginStaff ? loginStaff : null;
+        });
+        this.xdmService.getSelectedOffender().then((selectedOffender) => {
+            this.selectedOffender =
+                selectedOffender && selectedOffender.offenderId
+                    ? selectedOffender
+                    : null;
+        });
+        this.subscription = this.xdmService
+            .getOffenderUpdate()
+            .subscribe((selectedOffender) => {
+            this.selectedOffender = selectedOffender;
+            this.setSelectedOffenderControl();
+        });
+        this.xdmService.getOffenderQuery().then((offenderQuery) => {
+            if (offenderQuery) {
+                this.offenderQueryList = offenderQuery.offenders;
+                this.setSelectedOffenderControl();
+            }
+        });
+        this.offenderQuerySubscription = this.xdmService
+            .getOffenderQueryUpdate()
+            .subscribe((offenderList) => {
+            if (offenderList && offenderList.offenders) {
+                this.offenderQueryList = [...offenderList.offenders];
+            }
+        });
+        this.selectedOffenderControl$.valueChanges.subscribe((o) => this.onOffenderSelected(o));
+        this.router.routeReuseStrategy.shouldReuseRoute = () => {
+            return false;
+        };
+    }
+    get isAuthenticated() {
+        return this.authnService.instance.getAllAccounts().length > 0;
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    onOffenderSelected(offender) {
+        if (offender) {
+            // const o = offender.offenderName.split(',');
+            // if (o.length === 2) {
+            //   const offenderName = `${o[1]} ${o[0]}`;
+            //   this.selectedOffender = {
+            //     offenderId: offender.offenderId,
+            //     name: offenderName,
+            //     pdId: offender.pdId,
+            //     birthDate: offender.birthDate,
+            //     gender: offender.genderCode,
+            //     assignmentStaffRelationId: '',
+            //     intakeFlag: this.loginStaff
+            //       ? this.hasIntakeRole(this.loginStaff.roles)
+            //       : false,
+            //   } as SelectedOffender;
+            this.selectedOffender = offender;
+            this.xdmService.setSelectedOffender(this.selectedOffender);
+            this.reloadCurrentRoute();
+        }
+    }
+    setSelectedOffenderControl() {
+        if (this.selectedOffender &&
+            this.offenderQueryList &&
+            this.offenderQueryList.length > 0) {
+            const o = this.offenderQueryList.find((x) => x.offenderId === this.selectedOffender.offenderId);
+            if (o) {
+                this.selectedOffenderControl$.setValue(o, { emitEvent: false });
+            }
+            if (!o && this.offenderQueryList.length > 0) {
+                this.selectedOffenderControl$.setValue(this.offenderQueryList[0], {
+                    emitEvent: false,
+                });
+            }
+        }
+    }
+    reloadCurrentRoute() {
+        try {
+            const urlTree = this.router.parseUrl(this.router.url);
+            if (urlTree &&
+                urlTree.root &&
+                urlTree.root.segments &&
+                urlTree.root.segments.length > 1) {
+                this.router.navigate([urlTree.root.segments[0].path]);
+            }
+            else if (urlTree &&
+                urlTree.root &&
+                urlTree.root.children &&
+                urlTree.root.children.primary &&
+                urlTree.root.children.primary.segments &&
+                urlTree.root.children.primary.segments.length > 1) {
+                this.router.navigate([urlTree.root.children.primary.segments[0].path]);
+            }
+            else {
+                this.router.navigate([this.router.url]);
+            }
+        }
+        catch {
+            this.router.navigateByUrl('/');
+        }
+    }
+    hasIntakeRole(roles) {
+        if (roles && roles.length > 0) {
+            return roles.findIndex(this.isIntakeRole) > -1;
+        }
+        return false;
+    }
+    isIntakeRole(role) {
+        switch (role.roleId) {
+            case 'OPA':
+            case 'OPS':
+            case 'SOPS':
+                return true;
+            default:
+                return false;
+        }
+    }
+}
+/** @nocollapse */ /** @nocollapse */ SmartOffenderHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartOffenderHeaderComponent, deps: [{ token: XdmService }, { token: i2.MsalService }, { token: SmartOffenderHeaderService }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ SmartOffenderHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: SmartOffenderHeaderComponent, selector: "app-smart-offender-header", ngImport: i0, template: "<div\n  class=\"offender-header-container\"\n  *ngIf=\"selectedOffender && isAuthenticated\">\n  <div class=\"offender-header-name-item\">\n     <mat-form-field appearance=\"standard\" class=\"switch-offender\">\n          <mat-label>Switch Offender</mat-label>\n          <mat-select [formControl]=\"selectedOffenderControl$\">\n            <mat-option\n              *ngFor=\"let offender of offenderQueryList\"\n              [value]=\"offender\">\n              {{ offender?.name}} ({{offender?.offenderId}})\n            </mat-option>\n          </mat-select>\n        </mat-form-field>\n  </div>\n  <div>\n    <div class=\"offender-header-id-item\">\n      <span class=\"item-label\">PDID:</span> {{ selectedOffender.pdId }}\n    </div>\n    <div class=\"offender-header-id-item\">\n      <span class=\"item-label\">CSOSA ID:</span>\n      {{ selectedOffender.offenderId }}\n    </div>\n  </div>\n</div>\n", styles: [".offender-header-container{display:grid;grid-template-columns:2fr 1fr;grid-column-gap:20px;width:100%;margin:4px;background-color:#eae9e9;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;padding-top:8px;justify-items:end}.offender-header-name-item{width:50%}.offender-header-id-item{text-align:left;display:grid;grid-template-columns:80px 80px;margin-top:8px}.switch-offender{width:100%!important}@media only screen and (max-width: 740px){.offender-header-container{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr;align-items:center;background-color:#eae9e9;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;height:100%;margin:4px;padding-left:16px;justify-items:start}.offender-header-name-item{text-align:left}}\n"], components: [{ type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatLabel, selector: "mat-label" }, { type: i7$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartOffenderHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-smart-offender-header', template: "<div\n  class=\"offender-header-container\"\n  *ngIf=\"selectedOffender && isAuthenticated\">\n  <div class=\"offender-header-name-item\">\n     <mat-form-field appearance=\"standard\" class=\"switch-offender\">\n          <mat-label>Switch Offender</mat-label>\n          <mat-select [formControl]=\"selectedOffenderControl$\">\n            <mat-option\n              *ngFor=\"let offender of offenderQueryList\"\n              [value]=\"offender\">\n              {{ offender?.name}} ({{offender?.offenderId}})\n            </mat-option>\n          </mat-select>\n        </mat-form-field>\n  </div>\n  <div>\n    <div class=\"offender-header-id-item\">\n      <span class=\"item-label\">PDID:</span> {{ selectedOffender.pdId }}\n    </div>\n    <div class=\"offender-header-id-item\">\n      <span class=\"item-label\">CSOSA ID:</span>\n      {{ selectedOffender.offenderId }}\n    </div>\n  </div>\n</div>\n", styles: [".offender-header-container{display:grid;grid-template-columns:2fr 1fr;grid-column-gap:20px;width:100%;margin:4px;background-color:#eae9e9;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;padding-top:8px;justify-items:end}.offender-header-name-item{width:50%}.offender-header-id-item{text-align:left;display:grid;grid-template-columns:80px 80px;margin-top:8px}.switch-offender{width:100%!important}@media only screen and (max-width: 740px){.offender-header-container{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr;align-items:center;background-color:#eae9e9;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;height:100%;margin:4px;padding-left:16px;justify-items:start}.offender-header-name-item{text-align:left}}\n"] }]
         }], ctorParameters: function () { return [{ type: XdmService }, { type: i2.MsalService }, { type: SmartOffenderHeaderService }, { type: i2$1.Router }]; } });
 
-class SmartNavbarService {
-    constructor(http) {
-        this.http = http;
-    }
-    /*
-    public getNavbarConfigs(): SmartNavbarConfig[] {
-        this.configs = [
-            {appModuleId: 'SMART', name: 'SMART', url: 'http://localhost:4200', offenderSpecific: false, displayOrder: 1 },
-            {appModuleId: 'OFFENDER', name: 'Offender', url: 'http://localhost:4200', offenderSpecific: true, displayOrder: 2 },
-            {appModuleId: 'SPRVSN', name: 'Supervision', url: 'http://localhost:4200', offenderSpecific: true, displayOrder: 3 },
-        ];
-  
-        return this.configs;
-    }
-    */
-    /*
-    public getNavbarConfigs(serviceApiUrl: string): Observable<SmartNavbarConfig[]> {
-        return this.http.get<SmartNavbarConfig[]>(serviceApiUrl + '/AppModules');
-    }
-    */
-    getNavbarConfigs(serviceApiUrl) {
-        const queryString = `
-        {
-          findAppModules {
-            data {
-              appModuleId
-              name
-              url
-              offenderSpecificFlag
-              displayOrder
-            }
-          }
-        }`;
-        /*
-        const httpHeaders = new HttpHeaders({
-          'Content-Type': 'application/json',
-          'Cache-Control': 'no-cache'
-        });
-        const options = {
-          headers: httpHeaders
-        };
-        */
-        return this.http
-            .post(serviceApiUrl, { query: queryString })
-            .pipe(map(({ data }) => {
-            if (isDevMode()) {
-                console.log(data);
-            }
-            return data.findAppModules.data;
-        }));
-    }
-}
-/** @nocollapse */ /** @nocollapse */ SmartNavbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartNavbarService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ SmartNavbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartNavbarService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartNavbarService, decorators: [{
-            type: Injectable
+class SmartNavbarService {
+    constructor(http) {
+        this.http = http;
+    }
+    /*
+    public getNavbarConfigs(): SmartNavbarConfig[] {
+        this.configs = [
+            {appModuleId: 'SMART', name: 'SMART', url: 'http://localhost:4200', offenderSpecific: false, displayOrder: 1 },
+            {appModuleId: 'OFFENDER', name: 'Offender', url: 'http://localhost:4200', offenderSpecific: true, displayOrder: 2 },
+            {appModuleId: 'SPRVSN', name: 'Supervision', url: 'http://localhost:4200', offenderSpecific: true, displayOrder: 3 },
+        ];
+  
+        return this.configs;
+    }
+    */
+    /*
+    public getNavbarConfigs(serviceApiUrl: string): Observable<SmartNavbarConfig[]> {
+        return this.http.get<SmartNavbarConfig[]>(serviceApiUrl + '/AppModules');
+    }
+    */
+    getNavbarConfigs(serviceApiUrl) {
+        const queryString = `
+        {
+          findAppModules {
+            data {
+              appModuleId
+              name
+              url
+              offenderSpecificFlag
+              displayOrder
+            }
+          }
+        }`;
+        /*
+        const httpHeaders = new HttpHeaders({
+          'Content-Type': 'application/json',
+          'Cache-Control': 'no-cache'
+        });
+        const options = {
+          headers: httpHeaders
+        };
+        */
+        return this.http
+            .post(serviceApiUrl, { query: queryString })
+            .pipe(map(({ data }) => {
+            if (isDevMode()) {
+                console.log(data);
+            }
+            return data.findAppModules.data;
+        }));
+    }
+}
+/** @nocollapse */ /** @nocollapse */ SmartNavbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartNavbarService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ /** @nocollapse */ SmartNavbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartNavbarService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartNavbarService, decorators: [{
+            type: Injectable
         }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
 
-class SmartNavbarComponent {
-    constructor(navbarConfigService, xdmService, 
-    // private zone: NgZone,
-    authnService) {
-        this.navbarConfigService = navbarConfigService;
-        this.xdmService = xdmService;
-        this.authnService = authnService;
-        this.appModuleId = 'SMART';
-    }
-    ngOnChanges() {
-        /*
-        console.log(this.selectedTab);
-        setTimeout(() => {
-          this.tabGroup.selectedIndex = this.selectedTab;
-        }, 1000);
-        */
-    }
-    ngOnInit() {
-        this.xdmService.getSelectedOffender().then((selectedOffender) => {
-            this.selectedOffender =
-                selectedOffender && selectedOffender.offenderId
-                    ? selectedOffender
-                    : null;
-        });
-        this.xdmService.getLoginStaff().then((loginStaff) => {
-            // this.zone.run(() => {
-            this.loginStaff = loginStaff ? loginStaff : null;
-            // });
-        });
-        this.offenderSubscription = this.xdmService
-            .getOffenderUpdate()
-            .subscribe((selectedOffender) => {
-            // this.zone.run(() => {
-            this.selectedOffender = selectedOffender;
-            // });
-        });
-        this.staffSubscription = this.xdmService
-            .getStaffUpdate()
-            .subscribe((loginStaff) => {
-            // this.zone.run(() => {
-            this.loginStaff = loginStaff;
-            // });
-        });
-        this.navbarConfigService
-            .getNavbarConfigs(this.serviceApiUrl)
-            .subscribe((configs) => {
-            this.navbarConfigs = configs.sort((a, b) => {
-                if (a.displayOrder < b.displayOrder) {
-                    return -1;
-                }
-                else if (a.displayOrder > b.displayOrder) {
-                    return 1;
-                }
-                return 0;
-            });
-        });
-        // this.isAuthenticated = this.authnService.getAccount() ? true : false;
-    }
-    ngOnDestroy() {
-        this.offenderSubscription.unsubscribe();
-        this.staffSubscription.unsubscribe();
-    }
-    logout() {
-        this.xdmService.clearAll();
-        this.authnService.logout();
-    }
-    get isAuthenticated() {
-        return this.authnService.instance.getAllAccounts().length > 0;
-    }
-    getAppModuleUrl(config) {
-        return config && this.selectedOffender && config.appModuleId === 'PPMAS'
-            //  ? `${config.url}?skipAppMetadata=true&OffenderId=${this.selectedOffender.offenderId}`
-            ? `${config.url}&OffenderId=${this.selectedOffender.offenderId}`
-            : config.url;
-    }
-    hasAppModulePermission(appModuleId) {
-        if (this.loginStaff &&
-            this.loginStaff.permissions &&
-            this.loginStaff.permissions.length > 0) {
-            return (this.loginStaff.permissions.findIndex((p) => p.appModuleId === appModuleId) > -1);
-        }
-        return false;
-    }
-    get hasExternalUserRole() {
-        if (this.loginStaff &&
-            this.loginStaff.roles &&
-            this.loginStaff.roles.length > 0) {
-            return this.loginStaff.roles.findIndex(this.isExternalRole) > -1;
-        }
-        return false;
-    }
-    checkDVIPPermission(config) {
-        return ((config.appModuleId !== 'DVIP') || (config.appModuleId === "DVIP" && this.hasDVIPRole));
-    }
-    get hasDVIPRole() {
-        if (this.loginStaff &&
-            this.loginStaff.roles &&
-            this.loginStaff.roles.length > 0) {
-            return this.loginStaff.roles.findIndex(this.isDVIPRole) > -1;
-        }
-        return false;
-    }
-    isDVIPRole(role) {
-        if (role.roleId == 'TSD' || role.roleId == 'TAD' || role.roleId == 'STSD' || role.roleId == 'BC') {
-            return true;
-        }
-        return false;
-    }
-    checkVictimPermission(config) {
-        return ((config.appModuleId !== 'VICTIM') || (config.appModuleId === "VICTIM" && this.hasVictimRole));
-    }
-    get hasVictimRole() {
-        if (this.loginStaff &&
-            this.loginStaff.roles &&
-            this.loginStaff.roles.length > 0) {
-            return this.loginStaff.roles.findIndex(this.isVictimRole) > -1;
-        }
-        return false;
-    }
-    isVictimRole(role) {
-        if (role.roleId == 'BC' || role.roleId == 'VSP') {
-            return true;
-        }
-        return false;
-    }
-    isExternalRole(role) {
-        switch (role.roleId) {
-            case 'EUDTL':
-            case 'EUDUSM':
-            case 'EUJDG':
-            case 'EUMPD':
-            case 'EUSOTV':
-            case 'EUUSA2':
-            case 'EUUSAO':
-            case 'EUUSPC':
-                return true;
-            default:
-                return false;
-        }
-    }
-}
-/** @nocollapse */ /** @nocollapse */ SmartNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartNavbarComponent, deps: [{ token: SmartNavbarService }, { token: XdmService }, { token: i2.MsalService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ SmartNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: SmartNavbarComponent, selector: "app-smart-navbar", inputs: { serviceApiUrl: "serviceApiUrl", appModuleId: "appModuleId" }, viewQueries: [{ propertyName: "tabGroup", first: true, predicate: ["tabs"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<!--\r\n<a class=\"smart-navbar-toggle open\" href=\"#nav\">\r\n  <i class=\"material-icons\">menu</i>\r\n</a>\r\n\r\n<nav id=\"nav\" role=\"navigation\" class=\"smart-navbar-container\">\r\n  <a class=\"smart-navbar-toggle close\" href=\"#\">\r\n    <i class=\"material-icons\">close</i>\r\n  </a>\r\n\r\n  <span *ngFor=\"let config of navbarConfigs\">\r\n    <a mat-button class=\"smart-navbar-item\" \r\n      *ngIf=\"(config.offenderSpecificFlag === false || selectedOffender) && isAuthenticated && loginStaff\" href=\"{{config.url}}\">{{config.name}}</a>\r\n  </span>\r\n\r\n  <button mat-button class=\"smart-navbar-item\" [matMenuTriggerFor]=\"menuTheme\">Set Theme</button>\r\n  <mat-menu #menuTheme=\"matMenu\">\r\n    <button mat-menu-item (click)=\"onSetTheme('blue-theme')\">Blue</button>\r\n    <button mat-menu-item (click)=\"onSetTheme('red-theme')\">Red</button>\r\n    <button mat-menu-item (click)=\"onSetTheme('green-theme')\">Green</button>\r\n  </mat-menu>\r\n  <button mat-button class=\"smart-navbar-item smart-navbar-last-item\" [matMenuTriggerFor]=\"menu\"\r\n    *ngIf=\"isAuthenticated && loginStaff\">{{loginStaff.firstName + ' ' + loginStaff.lastName}}</button>\r\n  <mat-menu #menu=\"matMenu\">\r\n    <button mat-menu-item>Profile</button>\r\n    <button mat-menu-item (click)=\"logout()\">Sign Out</button>\r\n  </mat-menu>\r\n</nav>\r\n-->\r\n\r\n<!-- <nav mat-tab-nav-bar>\r\n  <a mat-tab-link mat-flat-button *ngFor=\"let config of navbarConfigs\" [active]=\"appModuleId == config.appModuleId\" href=\"{{config.url}}\">{{config.name}}</a>\r\n</nav> -->\r\n\r\n<mat-tab-group class=\"nav-tab-group\" [selectedIndex]=\"null\">\r\n  <ng-container *ngFor=\"let config of navbarConfigs\">\r\n    <mat-tab\r\n      *ngIf=\"\r\n        ((hasExternalUserRole && hasAppModulePermission(config.appModuleId)) ||\r\n        (!hasExternalUserRole && \r\n        (config.offenderSpecificFlag === false || selectedOffender))) &&\r\n        checkVictimPermission(config) &&\r\n        isAuthenticated &&\r\n        loginStaff\"\r\n      label=\"config.name\">\r\n      <ng-template mat-tab-label>\r\n        <a\r\n          mat-flat-button\r\n          [ngClass]=\"{ 'main-menu-active': appModuleId == config.appModuleId }\"\r\n          [href]=\"getAppModuleUrl(config)\"\r\n          >{{ config.name }}</a>\r\n      </ng-template>\r\n    </mat-tab>\r\n  </ng-container>\r\n</mat-tab-group>\r\n", styles: [".smart-navbar-container{display:flex;flex-wrap:wrap;flex-direction:column}.smart-navbar-item{font-size:1.2rem;line-height:1.2rem;padding:.5rem;background-color:var(--primary-color, #9fa8da);-webkit-text-decoration-line:none;text-decoration-line:none;display:block;text-align:left;border-radius:.3rem;margin:.1rem}.smart-navbar-last-item{margin-left:auto}.main-menu-active{border-bottom:3px solid darkblue!important;border-radius:0!important}.nav-tab-group.mat-primary .mat-ink-bar{background-color:inherit!important}.mat-tab-links{flex-direction:row;margin:4px;flex-wrap:wrap;font-family:Roboto,arial,sans-serif;font-size:13px}.mat-tab-link{min-width:16px!important}@media only screen and (min-width: 768px){.smart-navbar-container{flex-direction:row}.smart-navbar-item{text-align:center}.smart-navbar-toggle{display:none}}@media only screen and (max-width: 767px){#nav{position:fixed;top:0;bottom:0;width:300px;left:-340px;transition:transform .3s ease-in-out}#nav:target{transform:translate(340px)}}.mat-tab-labels{display:flex!important;justify-content:flex-start!important}.mat-tab-label,.mat-tab-label.mat-tab-label-active{min-width:25px!important;padding:0 5px!important;justify-content:flex-start!important;font-weight:700}\n"], components: [{ type: i4.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i4.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { type: i5$1.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab],             a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }], directives: [{ type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartNavbarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-smart-navbar', encapsulation: ViewEncapsulation.None, template: "<!--\r\n<a class=\"smart-navbar-toggle open\" href=\"#nav\">\r\n  <i class=\"material-icons\">menu</i>\r\n</a>\r\n\r\n<nav id=\"nav\" role=\"navigation\" class=\"smart-navbar-container\">\r\n  <a class=\"smart-navbar-toggle close\" href=\"#\">\r\n    <i class=\"material-icons\">close</i>\r\n  </a>\r\n\r\n  <span *ngFor=\"let config of navbarConfigs\">\r\n    <a mat-button class=\"smart-navbar-item\" \r\n      *ngIf=\"(config.offenderSpecificFlag === false || selectedOffender) && isAuthenticated && loginStaff\" href=\"{{config.url}}\">{{config.name}}</a>\r\n  </span>\r\n\r\n  <button mat-button class=\"smart-navbar-item\" [matMenuTriggerFor]=\"menuTheme\">Set Theme</button>\r\n  <mat-menu #menuTheme=\"matMenu\">\r\n    <button mat-menu-item (click)=\"onSetTheme('blue-theme')\">Blue</button>\r\n    <button mat-menu-item (click)=\"onSetTheme('red-theme')\">Red</button>\r\n    <button mat-menu-item (click)=\"onSetTheme('green-theme')\">Green</button>\r\n  </mat-menu>\r\n  <button mat-button class=\"smart-navbar-item smart-navbar-last-item\" [matMenuTriggerFor]=\"menu\"\r\n    *ngIf=\"isAuthenticated && loginStaff\">{{loginStaff.firstName + ' ' + loginStaff.lastName}}</button>\r\n  <mat-menu #menu=\"matMenu\">\r\n    <button mat-menu-item>Profile</button>\r\n    <button mat-menu-item (click)=\"logout()\">Sign Out</button>\r\n  </mat-menu>\r\n</nav>\r\n-->\r\n\r\n<!-- <nav mat-tab-nav-bar>\r\n  <a mat-tab-link mat-flat-button *ngFor=\"let config of navbarConfigs\" [active]=\"appModuleId == config.appModuleId\" href=\"{{config.url}}\">{{config.name}}</a>\r\n</nav> -->\r\n\r\n<mat-tab-group class=\"nav-tab-group\" [selectedIndex]=\"null\">\r\n  <ng-container *ngFor=\"let config of navbarConfigs\">\r\n    <mat-tab\r\n      *ngIf=\"\r\n        ((hasExternalUserRole && hasAppModulePermission(config.appModuleId)) ||\r\n        (!hasExternalUserRole && \r\n        (config.offenderSpecificFlag === false || selectedOffender))) &&\r\n        checkVictimPermission(config) &&\r\n        isAuthenticated &&\r\n        loginStaff\"\r\n      label=\"config.name\">\r\n      <ng-template mat-tab-label>\r\n        <a\r\n          mat-flat-button\r\n          [ngClass]=\"{ 'main-menu-active': appModuleId == config.appModuleId }\"\r\n          [href]=\"getAppModuleUrl(config)\"\r\n          >{{ config.name }}</a>\r\n      </ng-template>\r\n    </mat-tab>\r\n  </ng-container>\r\n</mat-tab-group>\r\n", styles: [".smart-navbar-container{display:flex;flex-wrap:wrap;flex-direction:column}.smart-navbar-item{font-size:1.2rem;line-height:1.2rem;padding:.5rem;background-color:var(--primary-color, #9fa8da);-webkit-text-decoration-line:none;text-decoration-line:none;display:block;text-align:left;border-radius:.3rem;margin:.1rem}.smart-navbar-last-item{margin-left:auto}.main-menu-active{border-bottom:3px solid darkblue!important;border-radius:0!important}.nav-tab-group.mat-primary .mat-ink-bar{background-color:inherit!important}.mat-tab-links{flex-direction:row;margin:4px;flex-wrap:wrap;font-family:Roboto,arial,sans-serif;font-size:13px}.mat-tab-link{min-width:16px!important}@media only screen and (min-width: 768px){.smart-navbar-container{flex-direction:row}.smart-navbar-item{text-align:center}.smart-navbar-toggle{display:none}}@media only screen and (max-width: 767px){#nav{position:fixed;top:0;bottom:0;width:300px;left:-340px;transition:transform .3s ease-in-out}#nav:target{transform:translate(340px)}}.mat-tab-labels{display:flex!important;justify-content:flex-start!important}.mat-tab-label,.mat-tab-label.mat-tab-label-active{min-width:25px!important;padding:0 5px!important;justify-content:flex-start!important;font-weight:700}\n"] }]
-        }], ctorParameters: function () { return [{ type: SmartNavbarService }, { type: XdmService }, { type: i2.MsalService }]; }, propDecorators: { serviceApiUrl: [{
-                type: Input
-            }], appModuleId: [{
-                type: Input
-            }], tabGroup: [{
-                type: ViewChild,
-                args: ['tabs']
+class SmartNavbarComponent {
+    constructor(navbarConfigService, xdmService, 
+    // private zone: NgZone,
+    authnService) {
+        this.navbarConfigService = navbarConfigService;
+        this.xdmService = xdmService;
+        this.authnService = authnService;
+        this.appModuleId = 'SMART';
+    }
+    ngOnChanges() {
+        /*
+        console.log(this.selectedTab);
+        setTimeout(() => {
+          this.tabGroup.selectedIndex = this.selectedTab;
+        }, 1000);
+        */
+    }
+    ngOnInit() {
+        this.xdmService.getSelectedOffender().then((selectedOffender) => {
+            this.selectedOffender =
+                selectedOffender && selectedOffender.offenderId
+                    ? selectedOffender
+                    : null;
+        });
+        this.xdmService.getLoginStaff().then((loginStaff) => {
+            // this.zone.run(() => {
+            this.loginStaff = loginStaff ? loginStaff : null;
+            // });
+        });
+        this.offenderSubscription = this.xdmService
+            .getOffenderUpdate()
+            .subscribe((selectedOffender) => {
+            // this.zone.run(() => {
+            this.selectedOffender = selectedOffender;
+            // });
+        });
+        this.staffSubscription = this.xdmService
+            .getStaffUpdate()
+            .subscribe((loginStaff) => {
+            // this.zone.run(() => {
+            this.loginStaff = loginStaff;
+            // });
+        });
+        this.navbarConfigService
+            .getNavbarConfigs(this.serviceApiUrl)
+            .subscribe((configs) => {
+            this.navbarConfigs = configs.sort((a, b) => {
+                if (a.displayOrder < b.displayOrder) {
+                    return -1;
+                }
+                else if (a.displayOrder > b.displayOrder) {
+                    return 1;
+                }
+                return 0;
+            });
+        });
+        // this.isAuthenticated = this.authnService.getAccount() ? true : false;
+    }
+    ngOnDestroy() {
+        this.offenderSubscription.unsubscribe();
+        this.staffSubscription.unsubscribe();
+    }
+    logout() {
+        this.xdmService.clearAll();
+        this.authnService.logout();
+    }
+    get isAuthenticated() {
+        return this.authnService.instance.getAllAccounts().length > 0;
+    }
+    getAppModuleUrl(config) {
+        return config && this.selectedOffender && config.appModuleId === 'PPMAS'
+            //  ? `${config.url}?skipAppMetadata=true&OffenderId=${this.selectedOffender.offenderId}`
+            ? `${config.url}&OffenderId=${this.selectedOffender.offenderId}`
+            : config.url;
+    }
+    hasAppModulePermission(appModuleId) {
+        if (this.loginStaff &&
+            this.loginStaff.permissions &&
+            this.loginStaff.permissions.length > 0) {
+            return (this.loginStaff.permissions.findIndex((p) => p.appModuleId === appModuleId) > -1);
+        }
+        return false;
+    }
+    get hasExternalUserRole() {
+        if (this.loginStaff &&
+            this.loginStaff.roles &&
+            this.loginStaff.roles.length > 0) {
+            return this.loginStaff.roles.findIndex(this.isExternalRole) > -1;
+        }
+        return false;
+    }
+    checkDVIPPermission(config) {
+        return ((config.appModuleId !== 'DVIP') || (config.appModuleId === "DVIP" && this.hasDVIPRole));
+    }
+    get hasDVIPRole() {
+        if (this.loginStaff &&
+            this.loginStaff.roles &&
+            this.loginStaff.roles.length > 0) {
+            return this.loginStaff.roles.findIndex(this.isDVIPRole) > -1;
+        }
+        return false;
+    }
+    isDVIPRole(role) {
+        if (role.roleId == 'TSD' || role.roleId == 'TAD' || role.roleId == 'STSD' || role.roleId == 'BC') {
+            return true;
+        }
+        return false;
+    }
+    checkVictimPermission(config) {
+        return ((config.appModuleId !== 'VICTIM') || (config.appModuleId === "VICTIM" && this.hasVictimRole));
+    }
+    get hasVictimRole() {
+        if (this.loginStaff &&
+            this.loginStaff.roles &&
+            this.loginStaff.roles.length > 0) {
+            return this.loginStaff.roles.findIndex(this.isVictimRole) > -1;
+        }
+        return false;
+    }
+    isVictimRole(role) {
+        if (role.roleId == 'BC' || role.roleId == 'VSP') {
+            return true;
+        }
+        return false;
+    }
+    isExternalRole(role) {
+        switch (role.roleId) {
+            case 'EUDTL':
+            case 'EUDUSM':
+            case 'EUJDG':
+            case 'EUMPD':
+            case 'EUSOTV':
+            case 'EUUSA2':
+            case 'EUUSAO':
+            case 'EUUSPC':
+                return true;
+            default:
+                return false;
+        }
+    }
+}
+/** @nocollapse */ /** @nocollapse */ SmartNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartNavbarComponent, deps: [{ token: SmartNavbarService }, { token: XdmService }, { token: i2.MsalService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ SmartNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: SmartNavbarComponent, selector: "app-smart-navbar", inputs: { serviceApiUrl: "serviceApiUrl", appModuleId: "appModuleId" }, viewQueries: [{ propertyName: "tabGroup", first: true, predicate: ["tabs"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<!--\n<a class=\"smart-navbar-toggle open\" href=\"#nav\">\n  <i class=\"material-icons\">menu</i>\n</a>\n\n<nav id=\"nav\" role=\"navigation\" class=\"smart-navbar-container\">\n  <a class=\"smart-navbar-toggle close\" href=\"#\">\n    <i class=\"material-icons\">close</i>\n  </a>\n\n  <span *ngFor=\"let config of navbarConfigs\">\n    <a mat-button class=\"smart-navbar-item\" \n      *ngIf=\"(config.offenderSpecificFlag === false || selectedOffender) && isAuthenticated && loginStaff\" href=\"{{config.url}}\">{{config.name}}</a>\n  </span>\n\n  <button mat-button class=\"smart-navbar-item\" [matMenuTriggerFor]=\"menuTheme\">Set Theme</button>\n  <mat-menu #menuTheme=\"matMenu\">\n    <button mat-menu-item (click)=\"onSetTheme('blue-theme')\">Blue</button>\n    <button mat-menu-item (click)=\"onSetTheme('red-theme')\">Red</button>\n    <button mat-menu-item (click)=\"onSetTheme('green-theme')\">Green</button>\n  </mat-menu>\n  <button mat-button class=\"smart-navbar-item smart-navbar-last-item\" [matMenuTriggerFor]=\"menu\"\n    *ngIf=\"isAuthenticated && loginStaff\">{{loginStaff.firstName + ' ' + loginStaff.lastName}}</button>\n  <mat-menu #menu=\"matMenu\">\n    <button mat-menu-item>Profile</button>\n    <button mat-menu-item (click)=\"logout()\">Sign Out</button>\n  </mat-menu>\n</nav>\n-->\n\n<!-- <nav mat-tab-nav-bar>\n  <a mat-tab-link mat-flat-button *ngFor=\"let config of navbarConfigs\" [active]=\"appModuleId == config.appModuleId\" href=\"{{config.url}}\">{{config.name}}</a>\n</nav> -->\n\n<mat-tab-group class=\"nav-tab-group\" [selectedIndex]=\"null\">\n  <ng-container *ngFor=\"let config of navbarConfigs\">\n    <mat-tab\n      *ngIf=\"\n        ((hasExternalUserRole && hasAppModulePermission(config.appModuleId)) ||\n        (!hasExternalUserRole && \n        (config.offenderSpecificFlag === false || selectedOffender))) &&\n        checkVictimPermission(config) &&\n        isAuthenticated &&\n        loginStaff\"\n      label=\"config.name\">\n      <ng-template mat-tab-label>\n        <a\n          mat-flat-button\n          [ngClass]=\"{ 'main-menu-active': appModuleId == config.appModuleId }\"\n          [href]=\"getAppModuleUrl(config)\"\n          >{{ config.name }}</a>\n      </ng-template>\n    </mat-tab>\n  </ng-container>\n</mat-tab-group>\n", styles: [".smart-navbar-container{display:flex;flex-wrap:wrap;flex-direction:column}.smart-navbar-item{font-size:1.2rem;line-height:1.2rem;padding:.5rem;background-color:var(--primary-color, #9fa8da);-webkit-text-decoration-line:none;text-decoration-line:none;display:block;text-align:left;border-radius:.3rem;margin:.1rem}.smart-navbar-last-item{margin-left:auto}.main-menu-active{border-bottom:3px solid darkblue!important;border-radius:0!important}.nav-tab-group.mat-primary .mat-ink-bar{background-color:inherit!important}.mat-tab-links{flex-direction:row;margin:4px;flex-wrap:wrap;font-family:Roboto,arial,sans-serif;font-size:13px}.mat-tab-link{min-width:16px!important}@media only screen and (min-width: 768px){.smart-navbar-container{flex-direction:row}.smart-navbar-item{text-align:center}.smart-navbar-toggle{display:none}}@media only screen and (max-width: 767px){#nav{position:fixed;top:0;bottom:0;width:300px;left:-340px;transition:transform .3s ease-in-out}#nav:target{transform:translate(340px)}}.mat-tab-labels{display:flex!important;justify-content:flex-start!important}.mat-tab-label,.mat-tab-label.mat-tab-label-active{min-width:25px!important;padding:0 5px!important;justify-content:flex-start!important;font-weight:700}\n"], components: [{ type: i4.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i4.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { type: i5$1.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab],             a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }], directives: [{ type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartNavbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-smart-navbar', encapsulation: ViewEncapsulation.None, template: "<!--\n<a class=\"smart-navbar-toggle open\" href=\"#nav\">\n  <i class=\"material-icons\">menu</i>\n</a>\n\n<nav id=\"nav\" role=\"navigation\" class=\"smart-navbar-container\">\n  <a class=\"smart-navbar-toggle close\" href=\"#\">\n    <i class=\"material-icons\">close</i>\n  </a>\n\n  <span *ngFor=\"let config of navbarConfigs\">\n    <a mat-button class=\"smart-navbar-item\" \n      *ngIf=\"(config.offenderSpecificFlag === false || selectedOffender) && isAuthenticated && loginStaff\" href=\"{{config.url}}\">{{config.name}}</a>\n  </span>\n\n  <button mat-button class=\"smart-navbar-item\" [matMenuTriggerFor]=\"menuTheme\">Set Theme</button>\n  <mat-menu #menuTheme=\"matMenu\">\n    <button mat-menu-item (click)=\"onSetTheme('blue-theme')\">Blue</button>\n    <button mat-menu-item (click)=\"onSetTheme('red-theme')\">Red</button>\n    <button mat-menu-item (click)=\"onSetTheme('green-theme')\">Green</button>\n  </mat-menu>\n  <button mat-button class=\"smart-navbar-item smart-navbar-last-item\" [matMenuTriggerFor]=\"menu\"\n    *ngIf=\"isAuthenticated && loginStaff\">{{loginStaff.firstName + ' ' + loginStaff.lastName}}</button>\n  <mat-menu #menu=\"matMenu\">\n    <button mat-menu-item>Profile</button>\n    <button mat-menu-item (click)=\"logout()\">Sign Out</button>\n  </mat-menu>\n</nav>\n-->\n\n<!-- <nav mat-tab-nav-bar>\n  <a mat-tab-link mat-flat-button *ngFor=\"let config of navbarConfigs\" [active]=\"appModuleId == config.appModuleId\" href=\"{{config.url}}\">{{config.name}}</a>\n</nav> -->\n\n<mat-tab-group class=\"nav-tab-group\" [selectedIndex]=\"null\">\n  <ng-container *ngFor=\"let config of navbarConfigs\">\n    <mat-tab\n      *ngIf=\"\n        ((hasExternalUserRole && hasAppModulePermission(config.appModuleId)) ||\n        (!hasExternalUserRole && \n        (config.offenderSpecificFlag === false || selectedOffender))) &&\n        checkVictimPermission(config) &&\n        isAuthenticated &&\n        loginStaff\"\n      label=\"config.name\">\n      <ng-template mat-tab-label>\n        <a\n          mat-flat-button\n          [ngClass]=\"{ 'main-menu-active': appModuleId == config.appModuleId }\"\n          [href]=\"getAppModuleUrl(config)\"\n          >{{ config.name }}</a>\n      </ng-template>\n    </mat-tab>\n  </ng-container>\n</mat-tab-group>\n", styles: [".smart-navbar-container{display:flex;flex-wrap:wrap;flex-direction:column}.smart-navbar-item{font-size:1.2rem;line-height:1.2rem;padding:.5rem;background-color:var(--primary-color, #9fa8da);-webkit-text-decoration-line:none;text-decoration-line:none;display:block;text-align:left;border-radius:.3rem;margin:.1rem}.smart-navbar-last-item{margin-left:auto}.main-menu-active{border-bottom:3px solid darkblue!important;border-radius:0!important}.nav-tab-group.mat-primary .mat-ink-bar{background-color:inherit!important}.mat-tab-links{flex-direction:row;margin:4px;flex-wrap:wrap;font-family:Roboto,arial,sans-serif;font-size:13px}.mat-tab-link{min-width:16px!important}@media only screen and (min-width: 768px){.smart-navbar-container{flex-direction:row}.smart-navbar-item{text-align:center}.smart-navbar-toggle{display:none}}@media only screen and (max-width: 767px){#nav{position:fixed;top:0;bottom:0;width:300px;left:-340px;transition:transform .3s ease-in-out}#nav:target{transform:translate(340px)}}.mat-tab-labels{display:flex!important;justify-content:flex-start!important}.mat-tab-label,.mat-tab-label.mat-tab-label-active{min-width:25px!important;padding:0 5px!important;justify-content:flex-start!important;font-weight:700}\n"] }]
+        }], ctorParameters: function () { return [{ type: SmartNavbarService }, { type: XdmService }, { type: i2.MsalService }]; }, propDecorators: { serviceApiUrl: [{
+                type: Input
+            }], appModuleId: [{
+                type: Input
+            }], tabGroup: [{
+                type: ViewChild,
+                args: ['tabs']
             }] } });
 
-class SmartErrorComponent {
-    constructor(authnService, route, smartWebPortalUrl) {
-        this.authnService = authnService;
-        this.route = route;
-        this.smartWebPortalUrl = smartWebPortalUrl;
-    }
-    ngOnInit() {
-        this.type = this.route.snapshot.queryParamMap.get('type') || 'staff';
-        this.message =
-            this.route.snapshot.queryParamMap.get('message') || 'Error occured.';
-    }
-    logout() {
-        this.authnService.logout();
-    }
-    portal() {
-        window.location.href = this.smartWebPortalUrl;
-    }
-}
-/** @nocollapse */ /** @nocollapse */ SmartErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartErrorComponent, deps: [{ token: i2.MsalService }, { token: i2$1.ActivatedRoute }, { token: SMART_WEB_PORTAL_URL }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ SmartErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: SmartErrorComponent, selector: "app-smart-error", ngImport: i0, template: "<div>\r\n  <h2>\r\n    {{ message }}\r\n  </h2>\r\n  <p>\r\n    Please contact help desk if needed.\r\n  </p>\r\n  <div>\r\n    <button (click)=\"logout()\" *ngIf=\"type === 'staff'\">OK</button>\r\n    <button (click)=\"portal()\" *ngIf=\"type === 'offender'\">OK</button>\r\n  </div>\r\n</div>\r\n", styles: ["div{text-align:center}\n"], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartErrorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-smart-error', template: "<div>\r\n  <h2>\r\n    {{ message }}\r\n  </h2>\r\n  <p>\r\n    Please contact help desk if needed.\r\n  </p>\r\n  <div>\r\n    <button (click)=\"logout()\" *ngIf=\"type === 'staff'\">OK</button>\r\n    <button (click)=\"portal()\" *ngIf=\"type === 'offender'\">OK</button>\r\n  </div>\r\n</div>\r\n", styles: ["div{text-align:center}\n"] }]
-        }], ctorParameters: function () { return [{ type: i2.MsalService }, { type: i2$1.ActivatedRoute }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [SMART_WEB_PORTAL_URL]
+class SmartErrorComponent {
+    constructor(authnService, route, smartWebPortalUrl) {
+        this.authnService = authnService;
+        this.route = route;
+        this.smartWebPortalUrl = smartWebPortalUrl;
+    }
+    ngOnInit() {
+        this.type = this.route.snapshot.queryParamMap.get('type') || 'staff';
+        this.message =
+            this.route.snapshot.queryParamMap.get('message') || 'Error occured.';
+    }
+    logout() {
+        this.authnService.logout();
+    }
+    portal() {
+        window.location.href = this.smartWebPortalUrl;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ SmartErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartErrorComponent, deps: [{ token: i2.MsalService }, { token: i2$1.ActivatedRoute }, { token: SMART_WEB_PORTAL_URL }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ SmartErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: SmartErrorComponent, selector: "app-smart-error", ngImport: i0, template: "<div>\n  <h2>\n    {{ message }}\n  </h2>\n  <p>\n    Please contact help desk if needed.\n  </p>\n  <div>\n    <button (click)=\"logout()\" *ngIf=\"type === 'staff'\">OK</button>\n    <button (click)=\"portal()\" *ngIf=\"type === 'offender'\">OK</button>\n  </div>\n</div>\n", styles: ["div{text-align:center}\n"], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-smart-error', template: "<div>\n  <h2>\n    {{ message }}\n  </h2>\n  <p>\n    Please contact help desk if needed.\n  </p>\n  <div>\n    <button (click)=\"logout()\" *ngIf=\"type === 'staff'\">OK</button>\n    <button (click)=\"portal()\" *ngIf=\"type === 'offender'\">OK</button>\n  </div>\n</div>\n", styles: ["div{text-align:center}\n"] }]
+        }], ctorParameters: function () { return [{ type: i2.MsalService }, { type: i2$1.ActivatedRoute }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SMART_WEB_PORTAL_URL]
                 }] }]; } });
 
-class SmartStaffOffenderOptionsService {
-    constructor(http, matSnackBar, serviceApiUrl) {
-        this.http = http;
-        this.matSnackBar = matSnackBar;
-        this.serviceApiUrl = serviceApiUrl;
-    }
-    showMessage(message) {
-        this.matSnackBar.open(message, null, {
-            duration: 2000,
-        });
-    }
-    convertEmptyToNull(jsonObject) {
-        if (!jsonObject) {
-            return;
-        }
-        if (jsonObject instanceof Array) {
-            jsonObject.forEach((obj) => {
-                this.convertEmptyToNull(obj);
-            });
-        }
-        const keys = Object.keys(jsonObject);
-        keys.forEach((key) => {
-            if (typeof jsonObject[key] === 'object') {
-                this.convertEmptyToNull(jsonObject[key]);
-            }
-            else if (typeof jsonObject[key] === 'string' &&
-                jsonObject[key].trim() === '') {
-                jsonObject[key] = null;
-            }
-        });
-    }
-    getGraphQueryData(queryName, queryString) {
-        return this.http.post(this.serviceApiUrl, { query: queryString }).pipe(map(({ data }) => {
-            return data[queryName];
-        }));
-    }
-    getOffenderListOptions() {
-        const queryString = `{findOffenderListOptions(input:{
-      where:{
-        deactivatedDate: null
-      }
-    }){
-      data{
-        offenderListOptionId
-          name
-          serviceApiFieldName
-      }
-  } }`;
-        return this.http.post(this.serviceApiUrl, { query: queryString }).pipe(map(({ data }) => {
-            return data['findOffenderListOptions'];
-        }));
-    }
-    getStaffOffenderListOptions(staffId) {
-        const queryString = `{findStaffOffenderListOptions(input:{
-      where:{
-        staffId: ${staffId}
-      }
-    }){
-      data{
-        offenderListOptionId
-      }
-  } }`;
-        return this.http.post(this.serviceApiUrl, { query: queryString }).pipe(map(({ data }) => {
-            return data.findStaffOffenderListOptions.data;
-        }));
-    }
-    saveStaffOffenderListOptionsData(dataToSave) {
-        //}: Observable<any> {
-        // this.convertEmptyToNull(dataToSave);
-        const queryName = 'upsertStaffOffenderListOption';
-        const query = `mutation  {
-            upsertStaffOffenderListOption(input: ${this.convertToString(dataToSave)}) {
-            message
-          }
-        }`;
-        return this.http.post(this.serviceApiUrl, { query });
-        /*.pipe(
-          map(({ data }) => {
-            return data[queryName];
-          }));*/
-    }
-    convertToString(obj) {
-        let result = '';
-        if (!obj) {
-            return result;
-        }
-        if (obj instanceof Array) {
-            result += ' [';
-            obj.forEach((eObj) => {
-                result += this.convertToString(eObj);
-            });
-            result += '],';
-        }
-        else {
-            result += '{';
-            const keys = Object.keys(obj);
-            keys.forEach((key) => {
-                if (typeof obj[key] === 'object') {
-                    result += key + ':' + this.convertToString(obj[key]);
-                }
-                else {
-                    if (isNaN(obj[key])) {
-                        result += key + ':"' + obj[key] + '",';
-                    }
-                    else {
-                        result += key + ':' + obj[key] + ',';
-                    }
-                }
-            });
-            result = result.substring(0, result.length - 1);
-            result += '},';
-        }
-        return result;
-    }
-}
-/** @nocollapse */ /** @nocollapse */ SmartStaffOffenderOptionsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartStaffOffenderOptionsService, deps: [{ token: i1.HttpClient }, { token: i2$2.MatSnackBar }, { token: SMART_DATA_SERVICE_URL }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ SmartStaffOffenderOptionsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartStaffOffenderOptionsService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartStaffOffenderOptionsService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2$2.MatSnackBar }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [SMART_DATA_SERVICE_URL]
+class SmartStaffOffenderOptionsService {
+    constructor(http, matSnackBar, serviceApiUrl) {
+        this.http = http;
+        this.matSnackBar = matSnackBar;
+        this.serviceApiUrl = serviceApiUrl;
+    }
+    showMessage(message) {
+        this.matSnackBar.open(message, null, {
+            duration: 2000,
+        });
+    }
+    convertEmptyToNull(jsonObject) {
+        if (!jsonObject) {
+            return;
+        }
+        if (jsonObject instanceof Array) {
+            jsonObject.forEach((obj) => {
+                this.convertEmptyToNull(obj);
+            });
+        }
+        const keys = Object.keys(jsonObject);
+        keys.forEach((key) => {
+            if (typeof jsonObject[key] === 'object') {
+                this.convertEmptyToNull(jsonObject[key]);
+            }
+            else if (typeof jsonObject[key] === 'string' &&
+                jsonObject[key].trim() === '') {
+                jsonObject[key] = null;
+            }
+        });
+    }
+    getGraphQueryData(queryName, queryString) {
+        return this.http.post(this.serviceApiUrl, { query: queryString }).pipe(map(({ data }) => {
+            return data[queryName];
+        }));
+    }
+    getOffenderListOptions() {
+        const queryString = `{findOffenderListOptions(input:{
+      where:{
+        deactivatedDate: null
+      }
+    }){
+      data{
+        offenderListOptionId
+          name
+          serviceApiFieldName
+      }
+  } }`;
+        return this.http.post(this.serviceApiUrl, { query: queryString }).pipe(map(({ data }) => {
+            return data['findOffenderListOptions'];
+        }));
+    }
+    getStaffOffenderListOptions(staffId) {
+        const queryString = `{findStaffOffenderListOptions(input:{
+      where:{
+        staffId: ${staffId}
+      }
+    }){
+      data{
+        offenderListOptionId
+      }
+  } }`;
+        return this.http.post(this.serviceApiUrl, { query: queryString }).pipe(map(({ data }) => {
+            return data.findStaffOffenderListOptions.data;
+        }));
+    }
+    saveStaffOffenderListOptionsData(dataToSave) {
+        //}: Observable<any> {
+        // this.convertEmptyToNull(dataToSave);
+        const queryName = 'upsertStaffOffenderListOption';
+        const query = `mutation  {
+            upsertStaffOffenderListOption(input: ${this.convertToString(dataToSave)}) {
+            message
+          }
+        }`;
+        return this.http.post(this.serviceApiUrl, { query });
+        /*.pipe(
+          map(({ data }) => {
+            return data[queryName];
+          }));*/
+    }
+    convertToString(obj) {
+        let result = '';
+        if (!obj) {
+            return result;
+        }
+        if (obj instanceof Array) {
+            result += ' [';
+            obj.forEach((eObj) => {
+                result += this.convertToString(eObj);
+            });
+            result += '],';
+        }
+        else {
+            result += '{';
+            const keys = Object.keys(obj);
+            keys.forEach((key) => {
+                if (typeof obj[key] === 'object') {
+                    result += key + ':' + this.convertToString(obj[key]);
+                }
+                else {
+                    if (isNaN(obj[key])) {
+                        result += key + ':"' + obj[key] + '",';
+                    }
+                    else {
+                        result += key + ':' + obj[key] + ',';
+                    }
+                }
+            });
+            result = result.substring(0, result.length - 1);
+            result += '},';
+        }
+        return result;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ SmartStaffOffenderOptionsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartStaffOffenderOptionsService, deps: [{ token: i1.HttpClient }, { token: i2$2.MatSnackBar }, { token: SMART_DATA_SERVICE_URL }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ /** @nocollapse */ SmartStaffOffenderOptionsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartStaffOffenderOptionsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartStaffOffenderOptionsService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2$2.MatSnackBar }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SMART_DATA_SERVICE_URL]
                 }] }]; } });
 
-class SmartStaffOffenderOptionsComponent {
-    constructor(route, offenderService, xdmService) {
-        this.route = route;
-        this.offenderService = offenderService;
-        this.xdmService = xdmService;
-        this.offenderListOptions = [];
-    }
-    ngOnInit() {
-        const routData = this.route.snapshot.data;
-        this.loginStaff = routData.loginStaff;
-        this.offenderListOptions = routData.selectedOffenderResolverService;
-        this.frmGroup = this.createForm();
-        this.offenderService.getStaffOffenderListOptions(this.loginStaff.staffId).subscribe(data => {
-            this.fillForm(data);
-        });
-    }
-    fillForm(data) {
-        if (data) {
-            const offenderListOptionsFg = this.frmGroup.get('offenderListOptions');
-            data.forEach(element => {
-                offenderListOptionsFg.get(element.offenderListOptionId).setValue(true);
-            });
-        }
-    }
-    createForm() {
-        const offenderListOptionsFg = new FormGroup({});
-        this.offenderListOptions.forEach((dt, i) => {
-            offenderListOptionsFg.addControl(dt.offenderListOptionId, new FormControl(false));
-        });
-        return new FormGroup({
-            offenderListOptions: offenderListOptionsFg,
-        });
-    }
-    onSave() {
-        const data = {
-            options: [],
-            staffId: this.loginStaff.staffId,
-            modifiedBy: this.loginStaff.staffId
-        };
-        const offenderListOptionsVal = this.frmGroup.get('offenderListOptions').value;
-        const keys = Object.keys(offenderListOptionsVal);
-        keys.forEach(key => {
-            if (offenderListOptionsVal[key]) {
-                data.options.push({ 'offenderListOptionId': key });
-            }
-        });
-        this.offenderService.saveStaffOffenderListOptionsData(data).subscribe(rtrDatea => {
-            if (rtrDatea.message) {
-                this.offenderService.showMessage(rtrDatea.message);
-            }
-            else {
-                this.offenderService.showMessage('Saved successfully');
-                this.xdmService.refreshLoginStaffOptions();
-            }
-        });
-    }
-}
-/** @nocollapse */ /** @nocollapse */ SmartStaffOffenderOptionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartStaffOffenderOptionsComponent, deps: [{ token: i2$1.ActivatedRoute }, { token: SmartStaffOffenderOptionsService }, { token: XdmService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ SmartStaffOffenderOptionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: SmartStaffOffenderOptionsComponent, selector: "lib-smart-staff-offender-options", ngImport: i0, template: "<form class=\"main-form\" [formGroup]=\"frmGroup\">\r\n  <mat-card role=\"group\">\r\n  <mat-card-content>\r\n    <div formGroupName=\"offenderListOptions\">\r\n      <div  style=\"float:left;\">\r\n        <div *ngFor=\"let offenderListOption of offenderListOptions; let i = index\">\r\n          <mat-checkbox *ngIf=\"i%2!=0\" color=\"primary\" formControlName=\"{{offenderListOption.offenderListOptionId}}\">\r\n            {{offenderListOption.name}}\r\n          </mat-checkbox>\r\n        </div>\r\n      </div>\r\n      <div>\r\n        <div *ngFor=\"let offenderListOption of offenderListOptions; let i = index\" >\r\n          <mat-checkbox *ngIf=\"i%2==0\" color=\"primary\" formControlName=\"{{offenderListOption.offenderListOptionId}}\">\r\n            {{offenderListOption.name}}\r\n          </mat-checkbox> \r\n        </div>\r\n      </div>\r\n    </div>\r\n  </mat-card-content>\r\n      <div align=\"center\">\r\n       <button mat-raised-button color=\"accent\" (click)=\"onSave()\">Save</button>\r\n      </div>\r\n  </mat-card>\r\n  </form>\r\n  ", styles: [""], components: [{ type: i4$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i5$2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i5$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i7$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i7$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i7$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i7$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartStaffOffenderOptionsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-smart-staff-offender-options', template: "<form class=\"main-form\" [formGroup]=\"frmGroup\">\r\n  <mat-card role=\"group\">\r\n  <mat-card-content>\r\n    <div formGroupName=\"offenderListOptions\">\r\n      <div  style=\"float:left;\">\r\n        <div *ngFor=\"let offenderListOption of offenderListOptions; let i = index\">\r\n          <mat-checkbox *ngIf=\"i%2!=0\" color=\"primary\" formControlName=\"{{offenderListOption.offenderListOptionId}}\">\r\n            {{offenderListOption.name}}\r\n          </mat-checkbox>\r\n        </div>\r\n      </div>\r\n      <div>\r\n        <div *ngFor=\"let offenderListOption of offenderListOptions; let i = index\" >\r\n          <mat-checkbox *ngIf=\"i%2==0\" color=\"primary\" formControlName=\"{{offenderListOption.offenderListOptionId}}\">\r\n            {{offenderListOption.name}}\r\n          </mat-checkbox> \r\n        </div>\r\n      </div>\r\n    </div>\r\n  </mat-card-content>\r\n      <div align=\"center\">\r\n       <button mat-raised-button color=\"accent\" (click)=\"onSave()\">Save</button>\r\n      </div>\r\n  </mat-card>\r\n  </form>\r\n  ", styles: [""] }]
+class SmartStaffOffenderOptionsComponent {
+    constructor(route, offenderService, xdmService) {
+        this.route = route;
+        this.offenderService = offenderService;
+        this.xdmService = xdmService;
+        this.offenderListOptions = [];
+    }
+    ngOnInit() {
+        const routData = this.route.snapshot.data;
+        this.loginStaff = routData.loginStaff;
+        this.offenderListOptions = routData.selectedOffenderResolverService;
+        this.frmGroup = this.createForm();
+        this.offenderService.getStaffOffenderListOptions(this.loginStaff.staffId).subscribe(data => {
+            this.fillForm(data);
+        });
+    }
+    fillForm(data) {
+        if (data) {
+            const offenderListOptionsFg = this.frmGroup.get('offenderListOptions');
+            data.forEach(element => {
+                offenderListOptionsFg.get(element.offenderListOptionId).setValue(true);
+            });
+        }
+    }
+    createForm() {
+        const offenderListOptionsFg = new FormGroup({});
+        this.offenderListOptions.forEach((dt, i) => {
+            offenderListOptionsFg.addControl(dt.offenderListOptionId, new FormControl(false));
+        });
+        return new FormGroup({
+            offenderListOptions: offenderListOptionsFg,
+        });
+    }
+    onSave() {
+        const data = {
+            options: [],
+            staffId: this.loginStaff.staffId,
+            modifiedBy: this.loginStaff.staffId
+        };
+        const offenderListOptionsVal = this.frmGroup.get('offenderListOptions').value;
+        const keys = Object.keys(offenderListOptionsVal);
+        keys.forEach(key => {
+            if (offenderListOptionsVal[key]) {
+                data.options.push({ 'offenderListOptionId': key });
+            }
+        });
+        this.offenderService.saveStaffOffenderListOptionsData(data).subscribe(rtrDatea => {
+            if (rtrDatea.message) {
+                this.offenderService.showMessage(rtrDatea.message);
+            }
+            else {
+                this.offenderService.showMessage('Saved successfully');
+                this.xdmService.refreshLoginStaffOptions();
+            }
+        });
+    }
+}
+/** @nocollapse */ /** @nocollapse */ SmartStaffOffenderOptionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartStaffOffenderOptionsComponent, deps: [{ token: i2$1.ActivatedRoute }, { token: SmartStaffOffenderOptionsService }, { token: XdmService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ SmartStaffOffenderOptionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: SmartStaffOffenderOptionsComponent, selector: "lib-smart-staff-offender-options", ngImport: i0, template: "<form class=\"main-form\" [formGroup]=\"frmGroup\">\n  <mat-card role=\"group\">\n  <mat-card-content>\n    <div formGroupName=\"offenderListOptions\">\n      <div  style=\"float:left;\">\n        <div *ngFor=\"let offenderListOption of offenderListOptions; let i = index\">\n          <mat-checkbox *ngIf=\"i%2!=0\" color=\"primary\" formControlName=\"{{offenderListOption.offenderListOptionId}}\">\n            {{offenderListOption.name}}\n          </mat-checkbox>\n        </div>\n      </div>\n      <div>\n        <div *ngFor=\"let offenderListOption of offenderListOptions; let i = index\" >\n          <mat-checkbox *ngIf=\"i%2==0\" color=\"primary\" formControlName=\"{{offenderListOption.offenderListOptionId}}\">\n            {{offenderListOption.name}}\n          </mat-checkbox> \n        </div>\n      </div>\n    </div>\n  </mat-card-content>\n      <div align=\"center\">\n       <button mat-raised-button color=\"accent\" (click)=\"onSave()\">Save</button>\n      </div>\n  </mat-card>\n  </form>\n  ", styles: [""], components: [{ type: i4$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i5$2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i5$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i7$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i7$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i7$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i7$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartStaffOffenderOptionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-smart-staff-offender-options', template: "<form class=\"main-form\" [formGroup]=\"frmGroup\">\n  <mat-card role=\"group\">\n  <mat-card-content>\n    <div formGroupName=\"offenderListOptions\">\n      <div  style=\"float:left;\">\n        <div *ngFor=\"let offenderListOption of offenderListOptions; let i = index\">\n          <mat-checkbox *ngIf=\"i%2!=0\" color=\"primary\" formControlName=\"{{offenderListOption.offenderListOptionId}}\">\n            {{offenderListOption.name}}\n          </mat-checkbox>\n        </div>\n      </div>\n      <div>\n        <div *ngFor=\"let offenderListOption of offenderListOptions; let i = index\" >\n          <mat-checkbox *ngIf=\"i%2==0\" color=\"primary\" formControlName=\"{{offenderListOption.offenderListOptionId}}\">\n            {{offenderListOption.name}}\n          </mat-checkbox> \n        </div>\n      </div>\n    </div>\n  </mat-card-content>\n      <div align=\"center\">\n       <button mat-raised-button color=\"accent\" (click)=\"onSave()\">Save</button>\n      </div>\n  </mat-card>\n  </form>\n  ", styles: [""] }]
         }], ctorParameters: function () { return [{ type: i2$1.ActivatedRoute }, { type: SmartStaffOffenderOptionsService }, { type: XdmService }]; } });
 
-// import { stringify } from 'querystring';
-class SmartAuthService {
-    constructor(http, authnService, xdmService, smartDataServiceUrl, smartDomainFormatUrl) {
-        this.http = http;
-        this.authnService = authnService;
-        this.xdmService = xdmService;
-        this.smartDataServiceUrl = smartDataServiceUrl;
-        this.smartDomainFormatUrl = smartDomainFormatUrl;
-    }
-    getLoginStaff() {
-        if (isDevMode) {
-            console.log('SmartAuthService - getLoginStaff()');
-        }
-        if (!isDevMode && this.loginStaff) {
-            if (this.loginStaff.staffId) {
-                if (isDevMode) {
-                    console.log('##### getLoginStaff(): get internal instance in service', this.loginStaff);
-                }
-                return of(this.loginStaff);
-            }
-            else if (this.loginStaff.userName) {
-                if (isDevMode) {
-                    console.log('##### getLoginStaff(): get using preset user name', this.loginStaff);
-                }
-                return this.getStaff(this.loginStaff.userName);
-            }
-        }
-        return from(this.xdmService.getLoginStaff()).pipe(switchMap((storedResult) => {
-            if (storedResult && storedResult.staffId) {
-                if (isDevMode) {
-                    console.log('##### getLoginStaff(): get from session.', storedResult);
-                }
-                this.loginStaff = storedResult;
-                return of(storedResult);
-            }
-            else if (storedResult && storedResult.userName) {
-                if (isDevMode) {
-                    console.log('##### getLoginStaff(): get using preset user name', this.loginStaff);
-                }
-                return this.getStaff(storedResult.userName);
-            }
-            else {
-                const userName = this.userName;
-                const staffName = userName.substring(0, userName.indexOf('@'));
-                if (isDevMode) {
-                    console.log('##### loginLoginStaff(): get using login staff name ', staffName);
-                }
-                return this.getStaff(staffName);
-            }
-        }));
-    }
-    get userName() {
-        if (this.authnService.instance.getAllAccounts().length > 0) {
-            const account = this.authnService.instance.getAllAccounts()[0];
-            return account.username;
-        }
-        return '';
-    }
-    getTeamUrl(app, afterHash) {
-        return this.smartDomainFormatUrl.replace('${APP}', app) + afterHash;
-    }
-    isSameHost(url, app) {
-        return this.smartDomainFormatUrl.replace('${APP}', app) === url;
-    }
-    redirectToTeam(loginStaff) {
-        if (loginStaff.roles.findIndex((role) => role.roleId === 'EUUSPC') > -1) {
-            if (!this.isSameHost(window.location.origin, 'investigation')) {
-                window.location.href = this.getTeamUrl('investigation', '/assignment');
-            }
-        }
-        else if (loginStaff.roles.findIndex((role) => role.roleId.substring(0, 3) === 'RSC') > -1) {
-            if (!this.isSameHost(window.location.origin, 'rsc')) {
-                window.location.href = this.getTeamUrl('rsc', '/offender-list');
-            }
-        }
-    }
-    async setSelectedOffender(selectedOffender) {
-        if (!this.loginStaff) {
-            return;
-        }
-        if (selectedOffender) {
-            // if (!selectedOffender.assignmentStaffRelationId) {
-            const relation = await lastValueFrom(this.getStaffOffenderRelation(this.loginStaff.staffId, selectedOffender.offenderId));
-            if (relation) {
-                selectedOffender.assignmentStaffRelationId = relation;
-            }
-            else {
-                selectedOffender.assignmentStaffRelationId = 'NOASSIGN';
-            }
-            // }
-        }
-        this.xdmService.setSelectedOffender(selectedOffender);
-        this.selectedOffender = selectedOffender;
-    }
-    logout() {
-        this.xdmService.clearAll();
-        this.authnService.logout();
-    }
-    async setPermission(appModuleId, route) {
-        if (!this.loginStaff) {
-            this.loginStaff = await this.xdmService.getLoginStaff();
-        }
-        const permissions = this.loginStaff.permissions;
-        const resource = route.url && route.url.length > 0 ? route.url[0].path : '';
-        if (!this.selectedOffender) {
-            this.selectedOffender = await this.xdmService.getSelectedOffender();
-        }
-        if (this.selectedOffender) {
-            // if (!this.selectedOffender.assignmentStaffRelationId) {
-            const relation = await this.getStaffOffenderRelation(this.loginStaff.staffId, this.selectedOffender.offenderId).toPromise();
-            if (relation) {
-                this.selectedOffender.assignmentStaffRelationId = relation;
-            }
-            else {
-                this.selectedOffender.assignmentStaffRelationId = 'NOASSIGN';
-            }
-            this.xdmService.setSelectedOffender(this.selectedOffender);
-            // }
-        }
-        const assignmentStaffRelationId = this.selectedOffender.assignmentStaffRelationId;
-        const elements = document.querySelectorAll('[class^="sac-"]');
-        const pattern = /^sac-(\S+)-(\S+)$/i;
-        Array.from(elements).forEach((element) => {
-            let hide;
-            let disable;
-            element.classList.forEach((c) => {
-                const results = c.match(pattern);
-                // console.log(results);
-                if (results && results.length > 2) {
-                    const roleId = results[1] ? results[1].toUpperCase() : null;
-                    const right = results[2];
-                    // console.log(results[0]);
-                    // console.log(results[1]);
-                    // console.log(results[2]);
-                    const permission = permissions.find(function (p) {
-                        return (p.appModuleId === appModuleId &&
-                            p.resource === resource &&
-                            p.roleId === roleId &&
-                            p.assignmentStaffRelationId === assignmentStaffRelationId);
-                    });
-                    /*
-                    console.log('##### setPermission() resource: ', resource);
-                    console.log('##### setPermission() appModuleId: ', appModuleId);
-                    console.log('##### setPermission() roleId: ', roleId);
-                    console.log(
-                      '##### setPermission() assignment relation: ',
-                      assignmentStaffRelationId,
-                    );
-                    */
-                    console.log('##### Matched permission: ', permission);
-                    if (permission) {
-                        if (right === 'read') {
-                            if (!permission.readFlag) {
-                                if (hide !== false) {
-                                    hide = true;
-                                }
-                            }
-                            else {
-                                hide = false;
-                            }
-                        }
-                        else if ((right === 'create' && !permission.createFlag) ||
-                            (right === 'update' && !permission.updateFlag) ||
-                            (right === 'delete' && !permission.deleteFlag) ||
-                            (right === 'assign' && !permission.assignFlag) ||
-                            (right === 'close' && !permission.closeFlag) ||
-                            (right === 'expunge' && !permission.expungeFlag) ||
-                            (right === 'reopen' && !permission.reopenFlag)) {
-                            if (element.nodeName === 'BUTTON') {
-                                if (hide !== false) {
-                                    hide = true;
-                                }
-                            }
-                            else {
-                                if (disable !== false) {
-                                    disable = true;
-                                }
-                            }
-                        }
-                        else {
-                            if (element.nodeName === 'BUTTON') {
-                                hide = false;
-                            }
-                            else {
-                                disable = false;
-                            }
-                        }
-                    }
-                    else {
-                        if (right === 'read') {
-                            if (hide !== false) {
-                                hide = true;
-                            }
-                        }
-                        else if (element.nodeName === 'BUTTON') {
-                            if (hide !== false) {
-                                hide = true;
-                            }
-                        }
-                        else if (disable !== false) {
-                            disable = true;
-                        }
-                    }
-                }
-            });
-            console.log('hide: ', hide);
-            console.log('disable: ', disable);
-            if (hide === true) {
-                this.hideHtmlElement(element);
-            }
-            else if (disable === true) {
-                this.disableHtmlElement(element);
-            }
-        });
-    }
-    checkPermission(accessControlConfig) {
-        const selData = accessControlConfig.route.data;
-        this.loginStaff = selData.loginStaff;
-        this.selectedOffender = selData.selectedOffender;
-        let routePath = '';
-        if (accessControlConfig.route.url &&
-            accessControlConfig.route.url.length > 0) {
-            routePath = accessControlConfig.route.url[0].path;
-        }
-        const permissions = this.loginStaff.permissions;
-        const resource = routePath;
-        const roleId = accessControlConfig.roleId
-            ? accessControlConfig.roleId.toUpperCase()
-            : null;
-        const accessType = accessControlConfig.accessType;
-        const assignmentStaffRelationId = !this.selectedOffender
-            .assignmentStaffRelationId
-            ? 'N/A'
-            : this.selectedOffender.assignmentStaffRelationId;
-        const permission = permissions.find((p) => {
-            return (p.appModuleId === accessControlConfig.appModuleId &&
-                p.resource === resource &&
-                (!roleId || p.roleId === roleId) &&
-                (p.assignmentStaffRelationId === 'N/A' ||
-                    p.assignmentStaffRelationId === assignmentStaffRelationId));
-        });
-        if (permission) {
-            if (accessType === 'read') {
-                if (!permission.readFlag) {
-                    return false;
-                }
-                else {
-                    return true;
-                }
-            }
-            else if ((accessType === 'create' && !permission.createFlag) ||
-                (accessType === 'update' && !permission.updateFlag) ||
-                (accessType === 'delete' && !permission.deleteFlag) ||
-                (accessType === 'assign' && !permission.assignFlag) ||
-                (accessType === 'close' && !permission.closeFlag) ||
-                (accessType === 'expunge' && !permission.expungeFlag) ||
-                (accessType === 'reopen' && !permission.reopenFlag)) {
-                return false;
-            }
-            else {
-                return true;
-            }
-        }
-        else {
-            if (accessType === 'read') {
-                return false;
-            }
-        }
-        return false;
-    }
-    canAppFeatureActivate(loginStaff, feature, appModuleId = null) {
-        // if (!this.isAuthEnable(loginStaff.roles, appModuleId)) {
-        //   return true;
-        // }
-        return this.hasAppFeaturePermission(loginStaff.permissions, feature, appModuleId);
-    }
-    // public isAuthEnable(roles: Role[], appModuleId: string) {
-    //   if (roles && roles.length > 0) {
-    //     return roles.map(r => r.roleId).findIndex(this.isExternalRole) > -1 || appModuleId === 'RR';
-    //   }
-    //   return false;
-    // }
-    hasIntakeRole(roles) {
-        if (roles && roles.length > 0) {
-            return roles.findIndex(this.isIntakeRole) > -1;
-        }
-        return false;
-    }
-    hasAppFeaturePermission(permissions, feature, appModuleId) {
-        if (permissions && permissions.length > 0) {
-            if (appModuleId) {
-                return (permissions.findIndex((p) => p.resource === feature && p.appModuleId === appModuleId) > -1);
-            }
-            else {
-                return permissions.findIndex((p) => p.resource === feature) > -1;
-            }
-        }
-        return false;
-    }
-    isExternalRole(roleId) {
-        switch (roleId) {
-            case 'EUDTL':
-            case 'EUDUSM':
-            case 'EUJDG':
-            case 'EUMPD':
-            case 'EUSOTV':
-            case 'EUUSA2':
-            case 'EUUSAO':
-            case 'EUUSPC':
-                return true;
-            default:
-                return false;
-        }
-    }
-    isIntakeRole(role) {
-        switch (role.roleId) {
-            case 'OPA':
-            case 'OPS':
-            case 'SOPS':
-                return true;
-            default:
-                return false;
-        }
-    }
-    disableHtmlElement(element) {
-        // console.log(element);
-        switch (element.nodeName) {
-            case 'A':
-                element.setAttribute('style', 'pointer-events: none;cursor: not-allowed;');
-                element.setAttribute('tabIndex', '-1');
-                break;
-            default:
-                element.setAttribute('disabled', 'disabled');
-                break;
-        }
-    }
-    hideHtmlElement(element) {
-        // element.setAttribute('hidden', 'hidden');
-        element.setAttribute('style', 'display: none;');
-    }
-    getStaff(userName) {
-        return this.query({
-            query: this.findStaffQuery,
-            variables: {
-                input: {
-                    where: {
-                        userName: userName,
-                        activeFlag: true,
-                    },
-                }
-            },
-        }).pipe(take(1), map((result) => {
-            if (isDevMode) {
-                console.log('##### getStaff() from service ', result);
-            }
-            if (result.findvStaffs.data.length > 0) {
-                const data = result.findvStaffs.data[0];
-                this.xdmService.setLoginStaff(data);
-                this.loginStaff = data;
-                return data;
-            }
-            else {
-                return of(null);
-            }
-        }), catchError((error) => {
-            console.log('error ' + error);
-            return of(null);
-        }));
-    }
-    query(options) {
-        return this.http
-            .post(this.smartDataServiceUrl, {
-            query: options.query,
-            variables: options.variables,
-        }, {
-            headers: new HttpHeaders({
-                'Content-Type': 'application/json',
-                'No-Auth': 'True',
-            }),
-        })
-            .pipe(map((d) => d.data));
-    }
-    get findStaffQuery() {
-        return `
-     query findvStaffs($input: vStaffMultiInput) {
-        findvStaffs(input: $input) {
-          totalCount
-          message
-          data {
-            staffId
-            userName
-            lastName
-            firstName
-            phone
-            email
-            roles {
-              roleId
-              role
-            }
-            permissions {
-              roleId
-              appModuleId
-              resource
-              assignmentStaffRelationId
-              readFlag
-              createFlag
-              updateFlag
-              deleteFlag
-              assignFlag
-              reopenFlag
-              closeFlag
-              expungeFlag
-            }
-            options {
-              offenderListOptionId
-              name
-              serviceApiFieldName
-              selectedFlag
-            }
-          }
-        }
-      }
-    `;
-    }
-    getStaffOffenderRelation(staffId, offenderId) {
-        const queryString = `
-            {
-              findvStaffOffenderRelations(input: {where: {staffId: ${staffId}, offenderId: ${offenderId}}}) {
-                data {
-                  assignmentStaffRelationId
-                }
-              }
-            }`;
-        return this.http
-            .post(this.smartDataServiceUrl, { query: queryString })
-            .pipe(take(1), map((result) => {
-            if (isDevMode) {
-                console.log('##### getStaffOffenderRelation() from service ', result);
-            }
-            if (result.data.findvStaffOffenderRelations.data.length > 0) {
-                const data = result.data.findvStaffOffenderRelations.data[0];
-                return data.assignmentStaffRelationId;
-            }
-            else {
-                return null;
-                // return throwError('No access right.');
-            }
-        }), catchError((error) => {
-            console.log('error ' + error);
-            return null;
-        }));
-    }
-    getRolePermissions(appModuleId, resource) {
-        const queryString = `
-           query findvRolePermissionPivots{
-            findvRolePermissionPivots(input: {where: {appModuleId: ${appModuleId}, resource: ${resource}}}){
-              totalCount
-              message
-            }
-          }`;
-        return this.http
-            .post(this.smartDataServiceUrl, { query: queryString })
-            .pipe(take(1), map((result) => {
-            if (isDevMode) {
-                console.log('##### findvRolePermissionPivots() from service ', result);
-            }
-            if (result.data.findvRolePermissionPivots.totalCount > 0) {
-                return true;
-            }
-            else {
-                return false;
-                // return throwError('No access right.');
-            }
-        }), catchError((error) => {
-            console.log('error ' + error);
-            return throwError(error);
-        }));
-    }
-}
-/** @nocollapse */ /** @nocollapse */ SmartAuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartAuthService, deps: [{ token: i1.HttpClient }, { token: i2.MsalService }, { token: XdmService }, { token: SMART_DATA_SERVICE_URL }, { token: SMART_DOMAIN_FORMAT }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ SmartAuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartAuthService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartAuthService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.MsalService }, { type: XdmService }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [SMART_DATA_SERVICE_URL]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [SMART_DOMAIN_FORMAT]
+// import { stringify } from 'querystring';
+class SmartAuthService {
+    constructor(http, authnService, xdmService, smartDataServiceUrl, smartDomainFormatUrl) {
+        this.http = http;
+        this.authnService = authnService;
+        this.xdmService = xdmService;
+        this.smartDataServiceUrl = smartDataServiceUrl;
+        this.smartDomainFormatUrl = smartDomainFormatUrl;
+    }
+    getLoginStaff() {
+        if (isDevMode) {
+            console.log('SmartAuthService - getLoginStaff()');
+        }
+        if (!isDevMode && this.loginStaff) {
+            if (this.loginStaff.staffId) {
+                if (isDevMode) {
+                    console.log('##### getLoginStaff(): get internal instance in service', this.loginStaff);
+                }
+                return of(this.loginStaff);
+            }
+            else if (this.loginStaff.userName) {
+                if (isDevMode) {
+                    console.log('##### getLoginStaff(): get using preset user name', this.loginStaff);
+                }
+                return this.getStaff(this.loginStaff.userName);
+            }
+        }
+        return from(this.xdmService.getLoginStaff()).pipe(switchMap((storedResult) => {
+            if (storedResult && storedResult.staffId) {
+                if (isDevMode) {
+                    console.log('##### getLoginStaff(): get from session.', storedResult);
+                }
+                this.loginStaff = storedResult;
+                return of(storedResult);
+            }
+            else if (storedResult && storedResult.userName) {
+                if (isDevMode) {
+                    console.log('##### getLoginStaff(): get using preset user name', this.loginStaff);
+                }
+                return this.getStaff(storedResult.userName);
+            }
+            else {
+                const userName = this.userName;
+                const staffName = userName.substring(0, userName.indexOf('@'));
+                if (isDevMode) {
+                    console.log('##### loginLoginStaff(): get using login staff name ', staffName);
+                }
+                return this.getStaff(staffName);
+            }
+        }));
+    }
+    get userName() {
+        if (this.authnService.instance.getAllAccounts().length > 0) {
+            const account = this.authnService.instance.getAllAccounts()[0];
+            return account.username;
+        }
+        return '';
+    }
+    getTeamUrl(app, afterHash) {
+        return this.smartDomainFormatUrl.replace('${APP}', app) + afterHash;
+    }
+    isSameHost(url, app) {
+        return this.smartDomainFormatUrl.replace('${APP}', app) === url;
+    }
+    redirectToTeam(loginStaff) {
+        if (loginStaff.roles.findIndex((role) => role.roleId === 'EUUSPC') > -1) {
+            if (!this.isSameHost(window.location.origin, 'investigation')) {
+                window.location.href = this.getTeamUrl('investigation', '/assignment');
+            }
+        }
+        else if (loginStaff.roles.findIndex((role) => role.roleId.substring(0, 3) === 'RSC') > -1) {
+            if (!this.isSameHost(window.location.origin, 'rsc')) {
+                window.location.href = this.getTeamUrl('rsc', '/offender-list');
+            }
+        }
+    }
+    async setSelectedOffender(selectedOffender) {
+        if (!this.loginStaff) {
+            return;
+        }
+        if (selectedOffender) {
+            // if (!selectedOffender.assignmentStaffRelationId) {
+            const relation = await lastValueFrom(this.getStaffOffenderRelation(this.loginStaff.staffId, selectedOffender.offenderId));
+            if (relation) {
+                selectedOffender.assignmentStaffRelationId = relation;
+            }
+            else {
+                selectedOffender.assignmentStaffRelationId = 'NOASSIGN';
+            }
+            // }
+        }
+        this.xdmService.setSelectedOffender(selectedOffender);
+        this.selectedOffender = selectedOffender;
+    }
+    logout() {
+        this.xdmService.clearAll();
+        this.authnService.logout();
+    }
+    async setPermission(appModuleId, route) {
+        if (!this.loginStaff) {
+            this.loginStaff = await this.xdmService.getLoginStaff();
+        }
+        const permissions = this.loginStaff.permissions;
+        const resource = route.url && route.url.length > 0 ? route.url[0].path : '';
+        if (!this.selectedOffender) {
+            this.selectedOffender = await this.xdmService.getSelectedOffender();
+        }
+        if (this.selectedOffender) {
+            // if (!this.selectedOffender.assignmentStaffRelationId) {
+            const relation = await this.getStaffOffenderRelation(this.loginStaff.staffId, this.selectedOffender.offenderId).toPromise();
+            if (relation) {
+                this.selectedOffender.assignmentStaffRelationId = relation;
+            }
+            else {
+                this.selectedOffender.assignmentStaffRelationId = 'NOASSIGN';
+            }
+            this.xdmService.setSelectedOffender(this.selectedOffender);
+            // }
+        }
+        const assignmentStaffRelationId = this.selectedOffender.assignmentStaffRelationId;
+        const elements = document.querySelectorAll('[class^="sac-"]');
+        const pattern = /^sac-(\S+)-(\S+)$/i;
+        Array.from(elements).forEach((element) => {
+            let hide;
+            let disable;
+            element.classList.forEach((c) => {
+                const results = c.match(pattern);
+                // console.log(results);
+                if (results && results.length > 2) {
+                    const roleId = results[1] ? results[1].toUpperCase() : null;
+                    const right = results[2];
+                    // console.log(results[0]);
+                    // console.log(results[1]);
+                    // console.log(results[2]);
+                    const permission = permissions.find(function (p) {
+                        return (p.appModuleId === appModuleId &&
+                            p.resource === resource &&
+                            p.roleId === roleId &&
+                            p.assignmentStaffRelationId === assignmentStaffRelationId);
+                    });
+                    /*
+                    console.log('##### setPermission() resource: ', resource);
+                    console.log('##### setPermission() appModuleId: ', appModuleId);
+                    console.log('##### setPermission() roleId: ', roleId);
+                    console.log(
+                      '##### setPermission() assignment relation: ',
+                      assignmentStaffRelationId,
+                    );
+                    */
+                    console.log('##### Matched permission: ', permission);
+                    if (permission) {
+                        if (right === 'read') {
+                            if (!permission.readFlag) {
+                                if (hide !== false) {
+                                    hide = true;
+                                }
+                            }
+                            else {
+                                hide = false;
+                            }
+                        }
+                        else if ((right === 'create' && !permission.createFlag) ||
+                            (right === 'update' && !permission.updateFlag) ||
+                            (right === 'delete' && !permission.deleteFlag) ||
+                            (right === 'assign' && !permission.assignFlag) ||
+                            (right === 'close' && !permission.closeFlag) ||
+                            (right === 'expunge' && !permission.expungeFlag) ||
+                            (right === 'reopen' && !permission.reopenFlag)) {
+                            if (element.nodeName === 'BUTTON') {
+                                if (hide !== false) {
+                                    hide = true;
+                                }
+                            }
+                            else {
+                                if (disable !== false) {
+                                    disable = true;
+                                }
+                            }
+                        }
+                        else {
+                            if (element.nodeName === 'BUTTON') {
+                                hide = false;
+                            }
+                            else {
+                                disable = false;
+                            }
+                        }
+                    }
+                    else {
+                        if (right === 'read') {
+                            if (hide !== false) {
+                                hide = true;
+                            }
+                        }
+                        else if (element.nodeName === 'BUTTON') {
+                            if (hide !== false) {
+                                hide = true;
+                            }
+                        }
+                        else if (disable !== false) {
+                            disable = true;
+                        }
+                    }
+                }
+            });
+            console.log('hide: ', hide);
+            console.log('disable: ', disable);
+            if (hide === true) {
+                this.hideHtmlElement(element);
+            }
+            else if (disable === true) {
+                this.disableHtmlElement(element);
+            }
+        });
+    }
+    checkPermission(accessControlConfig) {
+        const selData = accessControlConfig.route.data;
+        this.loginStaff = selData.loginStaff;
+        this.selectedOffender = selData.selectedOffender;
+        let routePath = '';
+        if (accessControlConfig.route.url &&
+            accessControlConfig.route.url.length > 0) {
+            routePath = accessControlConfig.route.url[0].path;
+        }
+        const permissions = this.loginStaff.permissions;
+        const resource = routePath;
+        const roleId = accessControlConfig.roleId
+            ? accessControlConfig.roleId.toUpperCase()
+            : null;
+        const accessType = accessControlConfig.accessType;
+        const assignmentStaffRelationId = (!this.selectedOffender || !this.selectedOffender
+            .assignmentStaffRelationId)
+            ? 'N/A'
+            : this.selectedOffender.assignmentStaffRelationId;
+        const permission = permissions.find((p) => {
+            return (p.appModuleId === accessControlConfig.appModuleId &&
+                p.resource === resource &&
+                (!roleId || p.roleId === roleId) &&
+                (p.assignmentStaffRelationId === 'N/A' ||
+                    p.assignmentStaffRelationId === assignmentStaffRelationId));
+        });
+        if (permission) {
+            if (accessType === 'read') {
+                if (!permission.readFlag) {
+                    return false;
+                }
+                else {
+                    return true;
+                }
+            }
+            else if ((accessType === 'create' && !permission.createFlag) ||
+                (accessType === 'update' && !permission.updateFlag) ||
+                (accessType === 'delete' && !permission.deleteFlag) ||
+                (accessType === 'assign' && !permission.assignFlag) ||
+                (accessType === 'close' && !permission.closeFlag) ||
+                (accessType === 'expunge' && !permission.expungeFlag) ||
+                (accessType === 'reopen' && !permission.reopenFlag)) {
+                return false;
+            }
+            else {
+                return true;
+            }
+        }
+        else {
+            if (accessType === 'read') {
+                return false;
+            }
+        }
+        return false;
+    }
+    canAppFeatureActivate(loginStaff, feature, appModuleId = null) {
+        // if (!this.isAuthEnable(loginStaff.roles, appModuleId)) {
+        //   return true;
+        // }
+        return this.hasAppFeaturePermission(loginStaff.permissions, feature, appModuleId);
+    }
+    // public isAuthEnable(roles: Role[], appModuleId: string) {
+    //   if (roles && roles.length > 0) {
+    //     return roles.map(r => r.roleId).findIndex(this.isExternalRole) > -1 || appModuleId === 'RR';
+    //   }
+    //   return false;
+    // }
+    hasIntakeRole(roles) {
+        if (roles && roles.length > 0) {
+            return roles.findIndex(this.isIntakeRole) > -1;
+        }
+        return false;
+    }
+    hasAppFeaturePermission(permissions, feature, appModuleId) {
+        if (permissions && permissions.length > 0) {
+            if (appModuleId) {
+                return (permissions.findIndex((p) => p.resource === feature && p.appModuleId === appModuleId) > -1);
+            }
+            else {
+                return permissions.findIndex((p) => p.resource === feature) > -1;
+            }
+        }
+        return false;
+    }
+    isExternalRole(roleId) {
+        switch (roleId) {
+            case 'EUDTL':
+            case 'EUDUSM':
+            case 'EUJDG':
+            case 'EUMPD':
+            case 'EUSOTV':
+            case 'EUUSA2':
+            case 'EUUSAO':
+            case 'EUUSPC':
+                return true;
+            default:
+                return false;
+        }
+    }
+    isIntakeRole(role) {
+        switch (role.roleId) {
+            case 'OPA':
+            case 'OPS':
+            case 'SOPS':
+                return true;
+            default:
+                return false;
+        }
+    }
+    disableHtmlElement(element) {
+        // console.log(element);
+        switch (element.nodeName) {
+            case 'A':
+                element.setAttribute('style', 'pointer-events: none;cursor: not-allowed;');
+                element.setAttribute('tabIndex', '-1');
+                break;
+            default:
+                element.setAttribute('disabled', 'disabled');
+                break;
+        }
+    }
+    hideHtmlElement(element) {
+        // element.setAttribute('hidden', 'hidden');
+        element.setAttribute('style', 'display: none;');
+    }
+    getStaff(userName) {
+        return this.query({
+            query: this.findStaffQuery,
+            variables: {
+                input: {
+                    where: {
+                        userName: userName,
+                        activeFlag: true,
+                    },
+                }
+            },
+        }).pipe(take(1), map((result) => {
+            if (isDevMode) {
+                console.log('##### getStaff() from service ', result);
+            }
+            if (result.findvStaffs.data.length > 0) {
+                const data = result.findvStaffs.data[0];
+                this.xdmService.setLoginStaff(data);
+                this.loginStaff = data;
+                return data;
+            }
+            else {
+                return of(null);
+            }
+        }), catchError((error) => {
+            console.log('error ' + error);
+            return of(null);
+        }));
+    }
+    query(options) {
+        return this.http
+            .post(this.smartDataServiceUrl, {
+            query: options.query,
+            variables: options.variables,
+        }, {
+            headers: new HttpHeaders({
+                'Content-Type': 'application/json',
+                'No-Auth': 'True',
+            }),
+        })
+            .pipe(map((d) => d.data));
+    }
+    get findStaffQuery() {
+        return `
+     query findvStaffs($input: vStaffMultiInput) {
+        findvStaffs(input: $input) {
+          totalCount
+          message
+          data {
+            staffId
+            userName
+            lastName
+            firstName
+            phone
+            email
+            roles {
+              roleId
+              role
+            }
+            permissions {
+              roleId
+              appModuleId
+              resource
+              assignmentStaffRelationId
+              readFlag
+              createFlag
+              updateFlag
+              deleteFlag
+              assignFlag
+              reopenFlag
+              closeFlag
+              expungeFlag
+            }
+            options {
+              offenderListOptionId
+              name
+              serviceApiFieldName
+              selectedFlag
+            }
+          }
+        }
+      }
+    `;
+    }
+    getStaffOffenderRelation(staffId, offenderId) {
+        const queryString = `
+            {
+              findvStaffOffenderRelations(input: {where: {staffId: ${staffId}, offenderId: ${offenderId}}}) {
+                data {
+                  assignmentStaffRelationId
+                }
+              }
+            }`;
+        return this.http
+            .post(this.smartDataServiceUrl, { query: queryString })
+            .pipe(take(1), map((result) => {
+            if (isDevMode) {
+                console.log('##### getStaffOffenderRelation() from service ', result);
+            }
+            if (result.data.findvStaffOffenderRelations.data.length > 0) {
+                const data = result.data.findvStaffOffenderRelations.data[0];
+                return data.assignmentStaffRelationId;
+            }
+            else {
+                return null;
+                // return throwError('No access right.');
+            }
+        }), catchError((error) => {
+            console.log('error ' + error);
+            return null;
+        }));
+    }
+    getRolePermissions(appModuleId, resource) {
+        const queryString = `
+           query findvRolePermissionPivots{
+            findvRolePermissionPivots(input: {where: {appModuleId: ${appModuleId}, resource: ${resource}}}){
+              totalCount
+              message
+            }
+          }`;
+        return this.http
+            .post(this.smartDataServiceUrl, { query: queryString })
+            .pipe(take(1), map((result) => {
+            if (isDevMode) {
+                console.log('##### findvRolePermissionPivots() from service ', result);
+            }
+            if (result.data.findvRolePermissionPivots.totalCount > 0) {
+                return true;
+            }
+            else {
+                return false;
+                // return throwError('No access right.');
+            }
+        }), catchError((error) => {
+            console.log('error ' + error);
+            return throwError(error);
+        }));
+    }
+}
+/** @nocollapse */ /** @nocollapse */ SmartAuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartAuthService, deps: [{ token: i1.HttpClient }, { token: i2.MsalService }, { token: XdmService }, { token: SMART_DATA_SERVICE_URL }, { token: SMART_DOMAIN_FORMAT }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ /** @nocollapse */ SmartAuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartAuthService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartAuthService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.MsalService }, { type: XdmService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SMART_DATA_SERVICE_URL]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SMART_DOMAIN_FORMAT]
                 }] }]; } });
 
-class SmartAccessControlDirective {
-    constructor(elementRef, auth) {
-        this.elementRef = elementRef;
-        this.auth = auth;
-    }
-    ngOnInit() {
-        this.checkAccess();
-    }
-    checkAccess() {
-        if (!this.accessControlConfig ||
-            !this.accessControlConfig.route ||
-            !this.accessControlConfig.route.data ||
-            !this.accessControlConfig.route.data.loginStaff ||
-            !this.accessControlConfig.route.data.selectedOffender) {
-            return;
-        }
-        // const loginStaff = this.accessControlConfig.route.data.loginStaff;
-        // if (!this.auth.isAuthEnable(loginStaff.roles, this.accessControlConfig.appModuleId)) {
-        //   return;
-        // }
-        this.elementRef.nativeElement.style.display = this.auth.checkPermission(this.accessControlConfig)
-            ? 'block'
-            : 'none';
-    }
-}
-/** @nocollapse */ /** @nocollapse */ SmartAccessControlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartAccessControlDirective, deps: [{ token: i0.ElementRef }, { token: SmartAuthService }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ /** @nocollapse */ SmartAccessControlDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.5", type: SmartAccessControlDirective, selector: "[accessControl]", inputs: { accessControlConfig: "accessControlConfig" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartAccessControlDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[accessControl]',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: SmartAuthService }]; }, propDecorators: { accessControlConfig: [{
-                type: Input
+class SmartAccessControlDirective {
+    constructor(elementRef, auth) {
+        this.elementRef = elementRef;
+        this.auth = auth;
+    }
+    ngOnInit() {
+        this.checkAccess();
+    }
+    checkAccess() {
+        if (!this.accessControlConfig ||
+            !this.accessControlConfig.route ||
+            !this.accessControlConfig.route.data ||
+            !this.accessControlConfig.route.data.loginStaff) {
+            return;
+        }
+        // const loginStaff = this.accessControlConfig.route.data.loginStaff;
+        // if (!this.auth.isAuthEnable(loginStaff.roles, this.accessControlConfig.appModuleId)) {
+        //   return;
+        // }
+        this.elementRef.nativeElement.style.display = this.auth.checkPermission(this.accessControlConfig)
+            ? 'block'
+            : 'none';
+    }
+}
+/** @nocollapse */ /** @nocollapse */ SmartAccessControlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartAccessControlDirective, deps: [{ token: i0.ElementRef }, { token: SmartAuthService }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ SmartAccessControlDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.5", type: SmartAccessControlDirective, selector: "[accessControl]", inputs: { accessControlConfig: "accessControlConfig" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartAccessControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[accessControl]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: SmartAuthService }]; }, propDecorators: { accessControlConfig: [{
+                type: Input
             }] } });
 
-// smart-authorization.service
-class SmartAuthorizationGuard {
-    constructor(authnService) {
-        this.authnService = authnService;
-    }
-    canActivate(route) {
-        return this.authnService.getLoginStaff().pipe(take(1), mergeMap((loginStaff) => {
-            if (!loginStaff || !route || !route.routeConfig) {
-                return of(false);
-            }
-            // if (!this.authnService.isAuthEnable(loginStaff.roles, null)) {
-            //   return of(true);
-            // }
-            const resource = route.routeConfig.path
-                ? route.routeConfig.path.split('/')[0]
-                : '';
-            const isFeatureValid = this.authnService.canAppFeatureActivate(loginStaff, resource);
-            return of(isFeatureValid);
-        }), catchError((error) => {
-            return of(false);
-        }));
-    }
-}
-/** @nocollapse */ /** @nocollapse */ SmartAuthorizationGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartAuthorizationGuard, deps: [{ token: SmartAuthService }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ SmartAuthorizationGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartAuthorizationGuard });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartAuthorizationGuard, decorators: [{
-            type: Injectable
+// smart-authorization.service
+class SmartAuthorizationGuard {
+    constructor(authnService) {
+        this.authnService = authnService;
+    }
+    canActivate(route) {
+        return this.authnService.getLoginStaff().pipe(take(1), mergeMap((loginStaff) => {
+            if (!loginStaff || !route || !route.routeConfig) {
+                return of(false);
+            }
+            // if (!this.authnService.isAuthEnable(loginStaff.roles, null)) {
+            //   return of(true);
+            // }
+            const resource = route.routeConfig.path
+                ? route.routeConfig.path.split('/')[0]
+                : '';
+            const isFeatureValid = this.authnService.canAppFeatureActivate(loginStaff, resource);
+            return of(isFeatureValid);
+        }), catchError((error) => {
+            return of(false);
+        }));
+    }
+}
+/** @nocollapse */ /** @nocollapse */ SmartAuthorizationGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartAuthorizationGuard, deps: [{ token: SmartAuthService }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ /** @nocollapse */ SmartAuthorizationGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartAuthorizationGuard });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartAuthorizationGuard, decorators: [{
+            type: Injectable
         }], ctorParameters: function () { return [{ type: SmartAuthService }]; } });
 
-class NgcSmartCoreModule {
-}
-/** @nocollapse */ /** @nocollapse */ NgcSmartCoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: NgcSmartCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ NgcSmartCoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: NgcSmartCoreModule, declarations: [SmartOffenderHeaderComponent,
-        SmartNavbarComponent,
-        SmartErrorComponent,
-        SmartStaffOffenderOptionsComponent,
-        SmartAccessControlDirective], imports: [CommonModule,
-        HttpClientModule,
-        MatButtonModule,
-        MatMenuModule,
-        MatTabsModule,
-        MatSelectModule,
-        MatCardModule,
-        MatCheckboxModule,
-        ReactiveFormsModule], exports: [SmartOffenderHeaderComponent,
-        SmartNavbarComponent,
-        SmartErrorComponent,
-        SmartStaffOffenderOptionsComponent,
-        SmartAccessControlDirective] });
-/** @nocollapse */ /** @nocollapse */ NgcSmartCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: NgcSmartCoreModule, providers: [
-        SmartNavbarService,
-        SmartOffenderHeaderService,
-        SmartStaffOffenderOptionsService,
-        SmartAuthorizationGuard,
-        MatSnackBar,
-    ], imports: [[
-            CommonModule,
-            HttpClientModule,
-            MatButtonModule,
-            MatMenuModule,
-            MatTabsModule,
-            MatSelectModule,
-            MatCardModule,
-            MatCheckboxModule,
-            ReactiveFormsModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: NgcSmartCoreModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SmartOffenderHeaderComponent,
-                        SmartNavbarComponent,
-                        SmartErrorComponent,
-                        SmartStaffOffenderOptionsComponent,
-                        SmartAccessControlDirective,
-                    ],
-                    imports: [
-                        CommonModule,
-                        HttpClientModule,
-                        MatButtonModule,
-                        MatMenuModule,
-                        MatTabsModule,
-                        MatSelectModule,
-                        MatCardModule,
-                        MatCheckboxModule,
-                        ReactiveFormsModule,
-                    ],
-                    exports: [
-                        SmartOffenderHeaderComponent,
-                        SmartNavbarComponent,
-                        SmartErrorComponent,
-                        SmartStaffOffenderOptionsComponent,
-                        SmartAccessControlDirective,
-                    ],
-                    providers: [
-                        SmartNavbarService,
-                        SmartOffenderHeaderService,
-                        SmartStaffOffenderOptionsService,
-                        SmartAuthorizationGuard,
-                        MatSnackBar,
-                    ],
-                }]
+class NgcSmartCoreModule {
+}
+/** @nocollapse */ /** @nocollapse */ NgcSmartCoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: NgcSmartCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ NgcSmartCoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: NgcSmartCoreModule, declarations: [SmartOffenderHeaderComponent,
+        SmartNavbarComponent,
+        SmartErrorComponent,
+        SmartStaffOffenderOptionsComponent,
+        SmartAccessControlDirective], imports: [CommonModule,
+        HttpClientModule,
+        MatButtonModule,
+        MatMenuModule,
+        MatTabsModule,
+        MatSelectModule,
+        MatCardModule,
+        MatCheckboxModule,
+        ReactiveFormsModule], exports: [SmartOffenderHeaderComponent,
+        SmartNavbarComponent,
+        SmartErrorComponent,
+        SmartStaffOffenderOptionsComponent,
+        SmartAccessControlDirective] });
+/** @nocollapse */ /** @nocollapse */ NgcSmartCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: NgcSmartCoreModule, providers: [
+        SmartNavbarService,
+        SmartOffenderHeaderService,
+        SmartStaffOffenderOptionsService,
+        SmartAuthorizationGuard,
+        MatSnackBar,
+    ], imports: [[
+            CommonModule,
+            HttpClientModule,
+            MatButtonModule,
+            MatMenuModule,
+            MatTabsModule,
+            MatSelectModule,
+            MatCardModule,
+            MatCheckboxModule,
+            ReactiveFormsModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: NgcSmartCoreModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SmartOffenderHeaderComponent,
+                        SmartNavbarComponent,
+                        SmartErrorComponent,
+                        SmartStaffOffenderOptionsComponent,
+                        SmartAccessControlDirective,
+                    ],
+                    imports: [
+                        CommonModule,
+                        HttpClientModule,
+                        MatButtonModule,
+                        MatMenuModule,
+                        MatTabsModule,
+                        MatSelectModule,
+                        MatCardModule,
+                        MatCheckboxModule,
+                        ReactiveFormsModule,
+                    ],
+                    exports: [
+                        SmartOffenderHeaderComponent,
+                        SmartNavbarComponent,
+                        SmartErrorComponent,
+                        SmartStaffOffenderOptionsComponent,
+                        SmartAccessControlDirective,
+                    ],
+                    providers: [
+                        SmartNavbarService,
+                        SmartOffenderHeaderService,
+                        SmartStaffOffenderOptionsService,
+                        SmartAuthorizationGuard,
+                        MatSnackBar,
+                    ],
+                }]
         }] });
 
-class LoginStaffResolverService {
-    constructor(authnService, 
-    // private zone: NgZone,
-    router) {
-        this.authnService = authnService;
-        this.router = router;
-    }
-    resolve(route, state) {
-        return this.authnService.getLoginStaff().pipe(take(1), mergeMap((loginStaff) => {
-            if (isDevMode) {
-                console.log('LoginStaffResolverService: ', loginStaff);
-            }
-            if (loginStaff) {
-                return of(loginStaff);
-            }
-            else {
-                return throwError('Not authorized to access SMART.');
-                // return EMPTY;
-                /*
-                this.zone.run(() => {
-                  this.router.navigate(['/smart-error'], {
-                    queryParams: {
-                      type: 'staff',
-                      message: 'Not authorized to access SMART.'
-                    }
-                  });
-                });
-                return EMPTY;
-                */
-            }
-        }), catchError((error) => {
-            console.log('LoginStaffResolverService: ' + error);
-            this.router.navigate(['/smart-error'], {
-                queryParams: {
-                    type: 'staff',
-                    message: 'SMART Authentication: ' + error,
-                },
-            });
-            return EMPTY;
-        }));
-    }
-}
-/** @nocollapse */ /** @nocollapse */ LoginStaffResolverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: LoginStaffResolverService, deps: [{ token: SmartAuthService }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ LoginStaffResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: LoginStaffResolverService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: LoginStaffResolverService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+class LoginStaffResolverService {
+    constructor(authnService, 
+    // private zone: NgZone,
+    router) {
+        this.authnService = authnService;
+        this.router = router;
+    }
+    resolve(route, state) {
+        return this.authnService.getLoginStaff().pipe(take(1), mergeMap((loginStaff) => {
+            if (isDevMode) {
+                console.log('LoginStaffResolverService: ', loginStaff);
+            }
+            if (loginStaff) {
+                return of(loginStaff);
+            }
+            else {
+                return throwError('Not authorized to access SMART.');
+                // return EMPTY;
+                /*
+                this.zone.run(() => {
+                  this.router.navigate(['/smart-error'], {
+                    queryParams: {
+                      type: 'staff',
+                      message: 'Not authorized to access SMART.'
+                    }
+                  });
+                });
+                return EMPTY;
+                */
+            }
+        }), catchError((error) => {
+            console.log('LoginStaffResolverService: ' + error);
+            this.router.navigate(['/smart-error'], {
+                queryParams: {
+                    type: 'staff',
+                    message: 'SMART Authentication: ' + error,
+                },
+            });
+            return EMPTY;
+        }));
+    }
+}
+/** @nocollapse */ /** @nocollapse */ LoginStaffResolverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: LoginStaffResolverService, deps: [{ token: SmartAuthService }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ /** @nocollapse */ LoginStaffResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: LoginStaffResolverService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: LoginStaffResolverService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return [{ type: SmartAuthService }, { type: i2$1.Router }]; } });
 
-class SelectedOffenderResolverService {
-    constructor(service, zone, router) {
-        this.service = service;
-        this.zone = zone;
-        this.router = router;
-    }
-    resolve(route, state) {
-        return from(this.service.getSelectedOffender()).pipe(mergeMap((selectedOffender) => {
-            if (isDevMode) {
-                console.log(selectedOffender);
-            }
-            if (!selectedOffender) {
-                return throwError('No offender selected.');
-            }
-            return of(selectedOffender);
-        }), retryWhen((errors) => errors.pipe(
-        // tap(() => console.log('Retry getting selected offender.')),
-        delay(1000), take(5), (o) => concat(o, throwError('No offender selected (failed after retries).')))), catchError((error) => {
-            /*
-            this.zone.run(() => {
-              this.router.navigate(['/smart-error'], {
-                queryParams: { type: 'offender', message: error }
-              });
-            });
-            */
-            this.router.navigate(['/smart-error'], {
-                queryParams: { type: 'offender', message: error },
-            });
-            return EMPTY;
-        }));
-    }
-}
-/** @nocollapse */ /** @nocollapse */ SelectedOffenderResolverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SelectedOffenderResolverService, deps: [{ token: XdmService }, { token: i0.NgZone }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ SelectedOffenderResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SelectedOffenderResolverService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SelectedOffenderResolverService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+class SelectedOffenderResolverService {
+    constructor(service, zone, router) {
+        this.service = service;
+        this.zone = zone;
+        this.router = router;
+    }
+    resolve(route, state) {
+        return from(this.service.getSelectedOffender()).pipe(mergeMap((selectedOffender) => {
+            if (isDevMode) {
+                console.log(selectedOffender);
+            }
+            if (!selectedOffender) {
+                return throwError('No offender selected.');
+            }
+            return of(selectedOffender);
+        }), retryWhen((errors) => errors.pipe(
+        // tap(() => console.log('Retry getting selected offender.')),
+        delay(1000), take(5), (o) => concat(o, throwError('No offender selected (failed after retries).')))), catchError((error) => {
+            /*
+            this.zone.run(() => {
+              this.router.navigate(['/smart-error'], {
+                queryParams: { type: 'offender', message: error }
+              });
+            });
+            */
+            this.router.navigate(['/smart-error'], {
+                queryParams: { type: 'offender', message: error },
+            });
+            return EMPTY;
+        }));
+    }
+}
+/** @nocollapse */ /** @nocollapse */ SelectedOffenderResolverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SelectedOffenderResolverService, deps: [{ token: XdmService }, { token: i0.NgZone }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ /** @nocollapse */ SelectedOffenderResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SelectedOffenderResolverService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SelectedOffenderResolverService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return [{ type: XdmService }, { type: i0.NgZone }, { type: i2$1.Router }]; } });
 
-class SmartStaffOffenderOptionsResolverService {
-    constructor(offenderService) {
-        this.offenderService = offenderService;
-    }
-    resolve() {
-        return this.offenderService.getOffenderListOptions()
-            .pipe(map(({ data }) => {
-            return data;
-        }));
-    }
-}
-/** @nocollapse */ /** @nocollapse */ SmartStaffOffenderOptionsResolverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartStaffOffenderOptionsResolverService, deps: [{ token: SmartStaffOffenderOptionsService }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ SmartStaffOffenderOptionsResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartStaffOffenderOptionsResolverService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartStaffOffenderOptionsResolverService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+class SmartStaffOffenderOptionsResolverService {
+    constructor(offenderService) {
+        this.offenderService = offenderService;
+    }
+    resolve() {
+        return this.offenderService.getOffenderListOptions()
+            .pipe(map(({ data }) => {
+            return data;
+        }));
+    }
+}
+/** @nocollapse */ /** @nocollapse */ SmartStaffOffenderOptionsResolverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartStaffOffenderOptionsResolverService, deps: [{ token: SmartStaffOffenderOptionsService }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ /** @nocollapse */ SmartStaffOffenderOptionsResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartStaffOffenderOptionsResolverService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: SmartStaffOffenderOptionsResolverService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return [{ type: SmartStaffOffenderOptionsService }]; } });
 
-var AccessType;
-(function (AccessType) {
-    AccessType["READ"] = "read";
-    AccessType["CREATE"] = "create";
-    AccessType["UPDATE"] = "update";
-    AccessType["DELETE"] = "delete";
-    AccessType["EXPUNGE"] = "expunge";
-    AccessType["ASSIGN"] = "assign";
-    AccessType["REOPEN"] = "reopen";
-    AccessType["CLOSE"] = "close";
+var AccessType;
+(function (AccessType) {
+    AccessType["READ"] = "read";
+    AccessType["CREATE"] = "create";
+    AccessType["UPDATE"] = "update";
+    AccessType["DELETE"] = "delete";
+    AccessType["EXPUNGE"] = "expunge";
+    AccessType["ASSIGN"] = "assign";
+    AccessType["REOPEN"] = "reopen";
+    AccessType["CLOSE"] = "close";
 })(AccessType || (AccessType = {}));
 
-/*
- * Public API Surface of ngc-smart-core
+/*
+ * Public API Surface of ngc-smart-core
  */
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { AccessType, LoginStaff, LoginStaffResolverService, NgcSmartCoreModule, OffenderQuery, Option, Permission, Role, SMART_DATA_SERVICE_URL, SMART_DOMAIN_FORMAT, SMART_WEB_PORTAL_URL, SMART_WEB_STORAGE_LISTENER_URL, SelectedOffender, SelectedOffenderResolverService, SmartAccessControlDirective, SmartAuthService, SmartAuthorizationGuard, SmartErrorComponent, SmartNavbarComponent, SmartNavbarService, SmartOffenderHeaderComponent, SmartStaffOffenderOptionsComponent, SmartStaffOffenderOptionsResolverService, StorageKey, XdmService };