@hmcts/ccd-case-ui-toolkit 5.0.24-case-file-view-document-count → 5.0.24-case-file-view-folder-document-icons-v2

package/fesm2015/hmcts-ccd-case-ui-toolkit.js

@@ -7,18 +7,16 @@ import { RouterModule, NavigationStart, NavigationEnd } from '@angular/router';
 import * as i1$3 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS, FormArray, FormGroup, FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import polling from 'rx-polling';
-import { throwError, Subject, EMPTY, Observable, BehaviorSubject, of, timer, fromEvent } from 'rxjs';
+import { throwError, Subject, EMPTY, Observable, BehaviorSubject, of, fromEvent, timer } from 'rxjs';
 import * as i1$2 from '@angular/common/http';
 import { HttpErrorResponse, HttpHeaders, HttpParams } from '@angular/common/http';
-import { catchError, map, publish, refCount, debounceTime, distinctUntilChanged, finalize, tap, delay, publishReplay, take, switchMap, takeUntil, filter, first } from 'rxjs/operators';
+import { catchError, map, publish, refCount, debounceTime, distinctUntilChanged, finalize, tap, switchMap, takeUntil, delay, publishReplay, take, filter, first } from 'rxjs/operators';
 import { Type, Expose, plainToClassFromExist, plainToClass } from 'class-transformer';
 import * as _ from 'underscore';
 import * as moment from 'moment';
 import { __decorate, __metadata } from 'tslib';
 import * as i1$4 from 'ngx-md';
 import { NgxMdModule } from 'ngx-md';
-import { Subject as Subject$1 } from 'rxjs/Subject';
-import { isUndefined } from 'util';
 import * as i1$5 from '@angular/cdk/tree';
 import { NestedTreeControl, CdkTreeModule } from '@angular/cdk/tree';
 import * as i1$6 from '@angular/material/dialog';
@@ -32,6 +30,8 @@ import * as i5 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import * as i6 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
+import { Subject as Subject$1 } from 'rxjs/Subject';
+import { isUndefined } from 'util';
 import * as i5$1 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import * as i6$1 from '@angular/material/core';
@@ -6658,38 +6658,6 @@ WriteAddressFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteAddressFi
             type: Input
         }] }); })();
 
-class CaseFieldService {
-    isOptional(field) {
-        if (!field || !field.display_context) {
-            return false;
-        }
-        return field.display_context.toUpperCase() === 'OPTIONAL';
-    }
-    isReadOnly(field) {
-        if (!field || !field.display_context) {
-            return false;
-        }
-        return field.display_context.toUpperCase() === 'READONLY';
-    }
-    isMandatory(field) {
-        if (!field || !field.display_context) {
-            return false;
-        }
-        return field.display_context.toUpperCase() === 'MANDATORY';
-    }
-    isLabel(field) {
-        if (!field || !field.field_type) {
-            return false;
-        }
-        return field.field_type.type === 'Label';
-    }
-}
-CaseFieldService.ɵfac = function CaseFieldService_Factory(t) { return new (t || CaseFieldService)(); };
-CaseFieldService.ɵprov = i0.ɵɵdefineInjectable({ token: CaseFieldService, factory: CaseFieldService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFieldService, [{
-        type: Injectable
-    }], null, null); })();
-
 class CaseFileViewService {
     constructor(http, appConfig, errorService) {
         this.http = http;
@@ -6730,879 +6698,98 @@ CaseFileViewService.ɵprov = i0.ɵɵdefineInjectable({ token: CaseFileViewServic
         type: Injectable
     }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: HttpErrorService }]; }, null); })();
 
-class DocumentManagementService {
-    constructor(http, appConfig) {
-        this.http = http;
-        this.appConfig = appConfig;
-    }
-    uploadFile(formData) {
-        const url = this.getDocStoreUrl();
-        // Do not set any headers, such as "Accept" or "Content-Type", with null values; this is not permitted with the
-        // Angular HttpClient in @angular/common/http. Just create and pass a new HttpHeaders object. Angular will add the
-        // correct headers and values automatically
-        const headers = new HttpHeaders();
-        return this.http
-            .post(url, formData, { headers, observe: 'body' })
-            .pipe(delay(DocumentManagementService.RESPONSE_DELAY));
-    }
-    getMediaViewerInfo(documentFieldValue) {
-        const mediaViewerInfo = {
-            document_binary_url: this.transformDocumentUrl(documentFieldValue.document_binary_url),
-            document_filename: documentFieldValue.document_filename,
-            content_type: this.getContentType(documentFieldValue),
-            annotation_api_url: this.appConfig.getAnnotationApiUrl(),
-            case_id: documentFieldValue.id,
-            case_jurisdiction: documentFieldValue.jurisdiction
-        };
-        return JSON.stringify(mediaViewerInfo);
+function CaseFileViewFolderComponent_cdk_nested_tree_node_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "cdk-nested-tree-node", 7);
+    i0.ɵɵelementStart(1, "div", 8);
+    i0.ɵɵelement(2, "button", 9);
+    i0.ɵɵelementStart(3, "span", 10);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const node_r2 = ctx.$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(node_r2.name);
+} }
+function CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "cdk-nested-tree-node", 7);
+    i0.ɵɵelementStart(1, "div", 8);
+    i0.ɵɵelementStart(2, "button", 11);
+    i0.ɵɵelementStart(3, "span", 12);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 13);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div");
+    i0.ɵɵelementContainer(8, 14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const node_r3 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵattribute("aria-label", "toggle " + node_r3.name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(node_r3.count);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(node_r3.name);
+    i0.ɵɵadvance(1);
+    i0.ɵɵclassProp("document-tree-invisible", !ctx_r1.nestedTreeControl.isExpanded(node_r3));
+} }
+class CaseFileViewFolderComponent {
+    constructor() {
+        this.categories = [];
+        this.getChildren = (node) => of(node.children);
+        this.nestedChildren = (_, nodeData) => nodeData.children;
+        this.nestedTreeControl = new NestedTreeControl(this.getChildren);
     }
-    getContentType(documentFieldValue) {
-        let fileExtension = '<unknown>';
-        if (documentFieldValue.document_filename) {
-            const position = documentFieldValue.document_filename.lastIndexOf('.');
-            if (position === documentFieldValue.document_filename.length) {
-                fileExtension = '';
-            }
-            else if (position >= 0) {
-                fileExtension = documentFieldValue.document_filename.slice(position + 1);
+    ngOnInit() {
+        this.categoriesAndDocumentsSubscription = this.categoriesAndDocuments.subscribe(categoriesAndDocuments => {
+            // Using the mock data for now as we have to display the documents as well for demo purpose
+            const categories = this.loadCategories(); // categoriesAndDocuments.categories;
+            // Generate document tree data from categories
+            const treeData = this.generateTreeData(categories);
+            // Append uncategorised documents
+            if (categoriesAndDocuments.uncategorised_documents && categoriesAndDocuments.uncategorised_documents.length > 0) {
+                const uncategorisedDocuments = this.getUncategorisedDocuments(categoriesAndDocuments.uncategorised_documents);
+                treeData.push(uncategorisedDocuments);
             }
-        }
-        if (this.isImage(fileExtension)) {
-            return DocumentManagementService.IMAGE;
-        }
-        else if (this.isWord(fileExtension)) {
-            return DocumentManagementService.WORD;
-        }
-        else if (this.isExcel(fileExtension)) {
-            return DocumentManagementService.EXCEL;
-        }
-        else if (this.isPowerpoint(fileExtension)) {
-            return DocumentManagementService.POWERPOINT;
-        }
-        else if (fileExtension.toLowerCase() === 'txt') {
-            return DocumentManagementService.TXT;
-        }
-        else if (fileExtension.toLowerCase() === 'rtf') {
-            return DocumentManagementService.RTF;
-        }
-        else if (fileExtension.toLowerCase() === 'pdf') {
-            return DocumentManagementService.PDF;
-        }
-        else {
-            return fileExtension;
-        }
-    }
-    isImage(imageType) {
-        return DocumentManagementService.imagesList.find(e => e === imageType) !== undefined;
-    }
-    isWord(wordType) {
-        return DocumentManagementService.wordList.find(e => e === wordType) !== undefined;
-    }
-    isExcel(excelType) {
-        return DocumentManagementService.excelList.find(e => e === excelType) !== undefined;
-    }
-    isPowerpoint(powerpointType) {
-        return DocumentManagementService.powerpointList.find(e => e === powerpointType) !== undefined;
-    }
-    transformDocumentUrl(documentBinaryUrl) {
-        const remoteHrsPattern = new RegExp(this.appConfig.getRemoteHrsUrl());
-        documentBinaryUrl = documentBinaryUrl.replace(remoteHrsPattern, this.appConfig.getHrsUrl());
-        const remoteDocumentManagementPattern = new RegExp(this.appConfig.getRemoteDocumentManagementUrl());
-        return documentBinaryUrl.replace(remoteDocumentManagementPattern, this.getDocStoreUrl());
+            // Initialise cdk tree with generated data
+            this.nestedDataSource = treeData;
+        });
     }
-    getDocStoreUrl() {
-        return this.appConfig.getDocumentSecureMode() ? this.appConfig.getDocumentManagementUrlV2() : this.appConfig.getDocumentManagementUrl();
+    generateTreeData(categories) {
+        return categories.reduce((tree, node) => [
+            ...tree,
+            ...[
+                {
+                    name: node.category_name,
+                    children: [...this.generateTreeData(node.sub_categories), ...this.getDocuments(node.documents)]
+                },
+            ],
+        ], []);
     }
-}
-DocumentManagementService.PDF = 'pdf';
-DocumentManagementService.IMAGE = 'image';
-DocumentManagementService.WORD = 'word';
-DocumentManagementService.EXCEL = 'excel';
-DocumentManagementService.POWERPOINT = 'powerpoint';
-DocumentManagementService.TXT = 'txt';
-DocumentManagementService.RTF = 'rtf';
-// This delay has been added to give enough time to the user on the UI to see the info messages on the document upload
-// field for cases when uploads are very fast.
-DocumentManagementService.RESPONSE_DELAY = 1000;
-DocumentManagementService.imagesList = ['GIF', 'JPG', 'JPEG', 'PNG', 'gif', 'jpg', 'jpeg', 'png'];
-DocumentManagementService.wordList = ['DOC', 'DOCX', 'doc', 'docx'];
-DocumentManagementService.excelList = ['XLS', 'XLSX', 'xls', 'xlsx'];
-DocumentManagementService.powerpointList = ['PPT', 'PPTX', 'ppt', 'pptx'];
-DocumentManagementService.ɵfac = function DocumentManagementService_Factory(t) { return new (t || DocumentManagementService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig)); };
-DocumentManagementService.ɵprov = i0.ɵɵdefineInjectable({ token: DocumentManagementService, factory: DocumentManagementService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DocumentManagementService, [{
-        type: Injectable
-    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }]; }, null); })();
-
-class ErrorNotifierService {
-    constructor() {
-        this.errorSource = new Subject();
-        this.error = this.errorSource.asObservable();
+    getDocuments(documents) {
+        const documentsToReturn = [];
+        documents.forEach(document => {
+            documentsToReturn.push({ name: document.document_filename });
+        });
+        return documentsToReturn;
     }
-    announceError(error) {
-        this.errorSource.next(error);
+    getUncategorisedDocuments(uncategorisedDocuments) {
+        const documents = [];
+        uncategorisedDocuments.forEach(document => {
+            documents.push({ name: document.document_filename });
+        });
+        return { name: CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE, children: documents };
     }
-}
-ErrorNotifierService.ɵfac = function ErrorNotifierService_Factory(t) { return new (t || ErrorNotifierService)(); };
-ErrorNotifierService.ɵprov = i0.ɵɵdefineInjectable({ token: ErrorNotifierService, factory: ErrorNotifierService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ErrorNotifierService, [{
-        type: Injectable
-    }], null, null); })();
-
-class EventStatusService {
-    static isIncomplete(eventStatus) {
-        if (!eventStatus) {
-            return false;
-        }
-        return EventStatusService.CALLBACK_STATUS_INCOMPLETE === eventStatus
-            || EventStatusService.DELETE_DRAFT_STATUS_INCOMPLETE === eventStatus;
-    }
-}
-EventStatusService.CALLBACK_STATUS_INCOMPLETE = 'INCOMPLETE_CALLBACK';
-EventStatusService.DELETE_DRAFT_STATUS_INCOMPLETE = 'INCOMPLETE_DELETE_DRAFT';
-EventStatusService.CALLBACK_STATUS_COMPLETE = 'CALLBACK_COMPLETED';
-EventStatusService.DELETE_DRAFT_STATUS_COMPLETE = 'DELETE_DRAFT_COMPLETED';
-EventStatusService.ɵfac = function EventStatusService_Factory(t) { return new (t || EventStatusService)(); };
-EventStatusService.ɵprov = i0.ɵɵdefineInjectable({ token: EventStatusService, factory: EventStatusService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EventStatusService, [{
-        type: Injectable
-    }], null, null); })();
-
-class FormErrorService {
-    mapFieldErrors(errors, form, errorKey) {
-        errors.forEach(error => {
-            const formControl = this.getFormControl(form, error.id);
-            if (formControl) {
-                formControl.setErrors({
-                    [errorKey]: error.message
-                });
-            }
-        });
-    }
-    getFormControl(form, fieldId) {
-        const fields = fieldId.split('.');
-        let group = form;
-        let inArray = false;
-        let control;
-        fields.every((field, index) => {
-            if (index === fields.length - 1) {
-                control = group.controls[field];
-            }
-            else {
-                group = group.controls[field];
-                if (inArray && group.controls['value']) {
-                    group = group.controls['value'];
-                }
-                if (group && group.constructor && FormArray.name === group.constructor.name) {
-                    inArray = true;
-                }
-                else {
-                    inArray = false;
-                }
-            }
-            return !!group;
-        });
-        return control;
-    }
-}
-FormErrorService.ɵfac = function FormErrorService_Factory(t) { return new (t || FormErrorService)(); };
-FormErrorService.ɵprov = i0.ɵɵdefineInjectable({ token: FormErrorService, factory: FormErrorService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormErrorService, [{
-        type: Injectable
-    }], null, null); })();
-
-class JurisdictionService {
-    constructor(httpService) {
-        this.httpService = httpService;
-        this.selectedJurisdictionSource = new Subject$1();
-        this.selectedJurisdiction = this.selectedJurisdictionSource.asObservable();
-    }
-    announceSelectedJurisdiction(jurisdiction) {
-        this.selectedJurisdictionSource.next(jurisdiction);
-    }
-    searchJudicialUsers(searchTerm, serviceId) {
-        return this.httpService.post('api/prd/judicial/getJudicialUsersSearch', { searchString: searchTerm, serviceCode: serviceId });
-    }
-    searchJudicialUsersByPersonalCodes(personalCodes) {
-        return this.httpService.post('api/prd/judicial/searchJudicialUserByPersonalCodes', { personal_code: personalCodes });
-    }
-}
-JurisdictionService.ɵfac = function JurisdictionService_Factory(t) { return new (t || JurisdictionService)(i0.ɵɵinject(HttpService)); };
-JurisdictionService.ɵprov = i0.ɵɵdefineInjectable({ token: JurisdictionService, factory: JurisdictionService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(JurisdictionService, [{
-        type: Injectable
-    }], function () { return [{ type: HttpService }]; }, null); })();
-
-class BannersService {
-    constructor(httpService, appConfig) {
-        this.httpService = httpService;
-        this.appConfig = appConfig;
-    }
-    getBanners(jurisdictionReferences) {
-        const url = this.appConfig.getBannersUrl();
-        const headers = new HttpHeaders()
-            .set('experimental', 'true')
-            .set('Accept', BannersService.V2_MEDIATYPE_BANNERS)
-            .set('Content-Type', 'application/json');
-        let params = new HttpParams();
-        jurisdictionReferences.forEach(reference => params = params.append('ids', reference));
-        return this.httpService
-            .get(url, { params, headers, observe: 'body' })
-            .pipe(map(body => body.banners));
-    }
-}
-BannersService.V2_MEDIATYPE_BANNERS = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-banners.v2+json;charset=UTF-8';
-BannersService.ɵfac = function BannersService_Factory(t) { return new (t || BannersService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig)); };
-BannersService.ɵprov = i0.ɵɵdefineInjectable({ token: BannersService, factory: BannersService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BannersService, [{
-        type: Injectable
-    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }]; }, null); })();
-
-var NavigationOrigin;
-(function (NavigationOrigin) {
-    NavigationOrigin[NavigationOrigin["DRAFT_DELETED"] = 0] = "DRAFT_DELETED";
-    NavigationOrigin[NavigationOrigin["ERROR_DELETING_DRAFT"] = 1] = "ERROR_DELETING_DRAFT";
-    NavigationOrigin[NavigationOrigin["DRAFT_RESUMED"] = 2] = "DRAFT_RESUMED";
-    NavigationOrigin[NavigationOrigin["EVENT_TRIGGERED"] = 3] = "EVENT_TRIGGERED";
-    NavigationOrigin[NavigationOrigin["NO_READ_ACCESS_REDIRECTION"] = 4] = "NO_READ_ACCESS_REDIRECTION";
-})(NavigationOrigin || (NavigationOrigin = {}));
-
-class NavigationNotifierService {
-    constructor() {
-        this.navigationSource = new BehaviorSubject({});
-        this.navigation = this.navigationSource.asObservable();
-    }
-    announceNavigation(origin) {
-        this.navigationSource.next(origin);
-    }
-}
-NavigationNotifierService.ɵfac = function NavigationNotifierService_Factory(t) { return new (t || NavigationNotifierService)(); };
-NavigationNotifierService.ɵprov = i0.ɵɵdefineInjectable({ token: NavigationNotifierService, factory: NavigationNotifierService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationNotifierService, [{
-        type: Injectable
-    }], null, null); })();
-
-function hasRoles(profile) {
-    if (profile.user && profile.user.idam && Array.isArray(profile.user.idam.roles)) {
-        return profile.user.idam.roles.length > 0;
-    }
-    return false;
-}
-// @dynamic
-class Profile {
-    isSolicitor() {
-        if (hasRoles(this)) {
-            return this.user.idam.roles.find(r => r.endsWith('-solicitor')) !== undefined;
-        }
-        return false;
-    }
-    isCourtAdmin() {
-        if (hasRoles(this)) {
-            return this.user.idam.roles.find(r => r.endsWith('-courtadmin')) !== undefined;
-        }
-        return false;
-    }
-}
-__decorate([
-    Type(() => Jurisdiction),
-    __metadata("design:type", Array)
-], Profile.prototype, "jurisdictions", void 0);
-
-class ProfileService {
-    constructor(httpService, appConfig) {
-        this.httpService = httpService;
-        this.appConfig = appConfig;
-    }
-    get() {
-        const url = this.appConfig.getCaseDataUrl() + ProfileService.URL;
-        const headers = new HttpHeaders()
-            .set('experimental', 'true')
-            .set('Accept', ProfileService.V2_MEDIATYPE_USER_PROFILE)
-            .set('Content-Type', 'application/json');
-        return this.httpService
-            .get(url, { headers, observe: 'body' })
-            .pipe(map((p) => plainToClass(Profile, p)));
-    }
-}
-ProfileService.V2_MEDIATYPE_USER_PROFILE = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-user-profile.v2+json;charset=UTF-8';
-ProfileService.URL = '/internal/profile';
-ProfileService.ɵfac = function ProfileService_Factory(t) { return new (t || ProfileService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig)); };
-ProfileService.ɵprov = i0.ɵɵdefineInjectable({ token: ProfileService, factory: ProfileService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProfileService, [{
-        type: Injectable
-    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }]; }, null); })();
-
-class ProfileNotifier {
-    constructor() {
-        this.profileSource = new BehaviorSubject(new Profile());
-        this.profile = this.profileSource.asObservable();
-    }
-    announceProfile(profile) {
-        this.profileSource.next(profile);
-    }
-}
-ProfileNotifier.ɵfac = function ProfileNotifier_Factory(t) { return new (t || ProfileNotifier)(); };
-ProfileNotifier.ɵprov = i0.ɵɵdefineInjectable({ token: ProfileNotifier, factory: ProfileNotifier.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProfileNotifier, [{
-        type: Injectable
-    }], null, null); })();
-
-class RequestOptionsBuilder {
-    /**
-     * Assess the value to see if it should be included in the request options.
-     * If it's null or an "empty" string, it shouldn't be.
-     *
-     * @param value The value to be assessed.
-     */
-    static includeParam(value) {
-        if (value) {
-            if (typeof (value) === 'string') {
-                return value.trim().length > 0;
-            }
-            return true;
-        }
-        return false;
-    }
-    buildOptions(metaCriteria, caseCriteria, view) {
-        // TODO: This should probably be the now built-in URLSearchParams but it
-        // requires a bigger refactor and there are bigger fish to fry right now.
-        let params = new HttpParams();
-        if (view) {
-            params = params.set('view', view);
-        }
-        if (metaCriteria) {
-            for (const criterion of Object.keys(metaCriteria)) {
-                // EUI-3490. Make sure the parameter should be included for adding it.
-                // This was already handled by the old URLSearchParams mechanism.
-                if (RequestOptionsBuilder.includeParam(metaCriteria[criterion])) {
-                    params = params.set(criterion, metaCriteria[criterion]);
-                }
-            }
-        }
-        if (caseCriteria) {
-            for (const criterion of Object.keys(caseCriteria)) {
-                if (RequestOptionsBuilder.includeParam(caseCriteria[criterion])) {
-                    const key = RequestOptionsBuilder.FIELD_PREFIX + criterion;
-                    const value = caseCriteria[criterion].trim ? caseCriteria[criterion].trim() : caseCriteria[criterion];
-                    params = params.set(key, value.replace(/’/i, `'`));
-                }
-            }
-        }
-        const options = { params, observe: 'body' };
-        return options;
-    }
-}
-RequestOptionsBuilder.FIELD_PREFIX = 'case.';
-RequestOptionsBuilder.ɵfac = function RequestOptionsBuilder_Factory(t) { return new (t || RequestOptionsBuilder)(); };
-RequestOptionsBuilder.ɵprov = i0.ɵɵdefineInjectable({ token: RequestOptionsBuilder, factory: RequestOptionsBuilder.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RequestOptionsBuilder, [{
-        type: Injectable
-    }], null, null); })();
-
-class SearchService {
-    constructor(appConfig, httpService, requestOptionsBuilder, loadingService) {
-        this.appConfig = appConfig;
-        this.httpService = httpService;
-        this.requestOptionsBuilder = requestOptionsBuilder;
-        this.loadingService = loadingService;
-    }
-    search(jurisdictionId, caseTypeId, metaCriteria, caseCriteria, view) {
-        const url = this.appConfig.getApiUrl() + `/caseworkers/:uid`
-            + `/jurisdictions/${jurisdictionId}`
-            + `/case-types/${caseTypeId}`
-            + `/cases`;
-        const options = this.requestOptionsBuilder.buildOptions(metaCriteria, caseCriteria, view);
-        const loadingToken = this.loadingService.register();
-        return this.httpService
-            .get(url, options)
-            .pipe(map(response => response), finalize(() => this.loadingService.unregister(loadingToken)));
-    }
-    searchCases(caseTypeId, metaCriteria, caseCriteria, view, sort) {
-        const url = this.appConfig.getCaseDataUrl() + `/internal/searchCases?ctid=${caseTypeId}&use_case=${view}`;
-        const options = this.requestOptionsBuilder.buildOptions(metaCriteria, caseCriteria, view);
-        const body = {
-            sort,
-            size: this.appConfig.getPaginationPageSize()
-        };
-        const loadingToken = this.loadingService.register();
-        return this.httpService
-            .post(url, body, options)
-            .pipe(map(response => response), finalize(() => this.loadingService.unregister(loadingToken)));
-    }
-    getSearchInputUrl(caseTypeId) {
-        return `${this.appConfig.getCaseDataUrl()}/internal/case-types/${caseTypeId}/search-inputs`;
-    }
-    getSearchInputs(jurisdictionId, caseTypeId) {
-        const url = this.getSearchInputUrl(caseTypeId);
-        const headers = new HttpHeaders()
-            .set('experimental', 'true')
-            .set('Accept', SearchService.V2_MEDIATYPE_SEARCH_INPUTS)
-            .set('Content-Type', 'application/json');
-        this.currentJurisdiction = jurisdictionId;
-        this.currentCaseType = caseTypeId;
-        return this.httpService
-            .get(url, { headers, observe: 'body' })
-            .pipe(map(body => {
-            const searchInputs = body.searchInputs;
-            if (this.isDataValid(jurisdictionId, caseTypeId)) {
-                searchInputs.forEach(item => {
-                    item.field.label = item.label;
-                    item.field.display_context_parameter = item.display_context_parameter;
-                });
-            }
-            else {
-                throw new Error('Response expired');
-            }
-            return searchInputs;
-        }));
-    }
-    isDataValid(jurisdictionId, caseTypeId) {
-        return this.currentJurisdiction === jurisdictionId && this.currentCaseType === caseTypeId;
-    }
-}
-SearchService.V2_MEDIATYPE_SEARCH_INPUTS = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-search-input-details.v2+json;charset=UTF-8';
-SearchService.VIEW_SEARCH = 'SEARCH';
-SearchService.VIEW_WORKBASKET = 'WORKBASKET';
-SearchService.FIELD_PREFIX = 'case.';
-SearchService.ɵfac = function SearchService_Factory(t) { return new (t || SearchService)(i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(HttpService), i0.ɵɵinject(RequestOptionsBuilder), i0.ɵɵinject(LoadingService)); };
-SearchService.ɵprov = i0.ɵɵdefineInjectable({ token: SearchService, factory: SearchService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchService, [{
-        type: Injectable
-    }], function () { return [{ type: AbstractAppConfig }, { type: HttpService }, { type: RequestOptionsBuilder }, { type: LoadingService }]; }, null); })();
-
-class RouterHelperService {
-    getUrlSegmentsFromRoot(route) {
-        return route.pathFromRoot
-            .filter(r => r.url && r.url.length)
-            .reduce((acc, r) => {
-            r.url.forEach(url => {
-                acc.push(url.path);
-            });
-            return acc;
-        }, []);
-    }
-}
-RouterHelperService.ɵfac = function RouterHelperService_Factory(t) { return new (t || RouterHelperService)(); };
-RouterHelperService.ɵprov = i0.ɵɵdefineInjectable({ token: RouterHelperService, factory: RouterHelperService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RouterHelperService, [{
-        type: Injectable
-    }], null, null); })();
-
-class WindowService {
-    locationAssign(url) {
-        window.location.assign(url);
-    }
-    setLocalStorage(key, value) {
-        window.localStorage.setItem(key, value);
-    }
-    getLocalStorage(key) {
-        return window.localStorage.getItem(key);
-    }
-    clearLocalStorage() {
-        window.localStorage.clear();
-    }
-    removeLocalStorage(key) {
-        window.localStorage.removeItem(key);
-    }
-    setSessionStorage(key, value) {
-        window.sessionStorage.setItem(key, value);
-    }
-    getSessionStorage(key) {
-        return window.sessionStorage.getItem(key);
-    }
-    openOnNewTab(url) {
-        window.open(url, '_blank');
-    }
-    confirm(message) {
-        return window.confirm(message);
-    }
-}
-WindowService.ɵfac = function WindowService_Factory(t) { return new (t || WindowService)(); };
-WindowService.ɵprov = i0.ɵɵdefineInjectable({ token: WindowService, factory: WindowService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WindowService, [{
-        type: Injectable
-    }], null, null); })();
-
-class WorkbasketInputFilterService {
-    constructor(httpService, appConfig) {
-        this.httpService = httpService;
-        this.appConfig = appConfig;
-    }
-    getWorkbasketInputUrl(caseTypeId) {
-        return `${this.appConfig.getCaseDataUrl()}/internal/case-types/${caseTypeId}/work-basket-inputs`;
-    }
-    getWorkbasketInputs(jurisdictionId, caseTypeId) {
-        const url = this.getWorkbasketInputUrl(caseTypeId);
-        const headers = new HttpHeaders()
-            .set('experimental', 'true')
-            .set('Accept', WorkbasketInputFilterService.V2_MEDIATYPE_WORKBASKET_INPUT_DETAILS)
-            .set('Content-Type', 'application/json');
-        this.currentJurisdiction = jurisdictionId;
-        this.currentCaseType = caseTypeId;
-        return this.httpService
-            .get(url, { headers, observe: 'body' })
-            .pipe(map(body => {
-            const workbasketInputs = body.workbasketInputs;
-            if (this.isDataValid(jurisdictionId, caseTypeId)) {
-                workbasketInputs.forEach(item => {
-                    item.field.label = item.label;
-                    if (item.display_context_parameter) {
-                        item.field.display_context_parameter = item.display_context_parameter;
-                    }
-                });
-            }
-            else {
-                throw new Error('Response expired');
-            }
-            return workbasketInputs;
-        }));
-    }
-    isDataValid(jurisdictionId, caseTypeId) {
-        return this.currentJurisdiction === jurisdictionId && this.currentCaseType === caseTypeId;
-    }
-}
-WorkbasketInputFilterService.V2_MEDIATYPE_WORKBASKET_INPUT_DETAILS = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-workbasket-input-details.v2+json;charset=UTF-8';
-WorkbasketInputFilterService.ɵfac = function WorkbasketInputFilterService_Factory(t) { return new (t || WorkbasketInputFilterService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig)); };
-WorkbasketInputFilterService.ɵprov = i0.ɵɵdefineInjectable({ token: WorkbasketInputFilterService, factory: WorkbasketInputFilterService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkbasketInputFilterService, [{
-        type: Injectable
-    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }]; }, null); })();
-
-class DefinitionsService {
-    constructor(http, appConfig) {
-        this.http = http;
-        this.appConfig = appConfig;
-    }
-    getCaseTypes(jurisdictionId, access) {
-        const url = this.appConfig.getApiUrl()
-            + `/caseworkers/:uid`
-            + `/jurisdictions/${jurisdictionId}`
-            + `/case-types?access=${access}`;
-        return this.http
-            .get(url).pipe(map(response => response));
-    }
-    getJurisdictions(access) {
-        const url = this.appConfig.getApiUrl()
-            + `/caseworkers/:uid`
-            + `/jurisdictions?access=${access}`;
-        return this.http
-            .get(url)
-            .pipe(map(response => response));
-    }
-}
-DefinitionsService.ɵfac = function DefinitionsService_Factory(t) { return new (t || DefinitionsService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig)); };
-DefinitionsService.ɵprov = i0.ɵɵdefineInjectable({ token: DefinitionsService, factory: DefinitionsService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DefinitionsService, [{
-        type: Injectable
-    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }]; }, null); })();
-
-class DefinitionsModule {
-}
-DefinitionsModule.ɵfac = function DefinitionsModule_Factory(t) { return new (t || DefinitionsModule)(); };
-DefinitionsModule.ɵmod = i0.ɵɵdefineNgModule({ type: DefinitionsModule });
-DefinitionsModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
-        DefinitionsService
-    ] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DefinitionsModule, [{
-        type: NgModule,
-        args: [{
-                providers: [
-                    DefinitionsService
-                ]
-            }]
-    }], null, null); })();
-
-class SearchResultViewItemComparatorFactory {
-    createSearchResultViewItemComparator(column) {
-        const fieldId = column.case_field_id;
-        switch (column.case_field_type.type) {
-            case ('MultiSelectList'): {
-                return this.textArrayComparator(fieldId);
-            }
-            case ('Number'):
-            case ('MoneyGBP'): {
-                return this.numberComparator(fieldId);
-            }
-            case ('Text'):
-            case ('TextArea'):
-            case ('Email'):
-            case ('Date'):
-            case ('DateTime'):
-            case ('Label'):
-            case ('Postcode'):
-            case ('YesOrNo'):
-            case ('PhoneUK'):
-            case ('FixedList'): {
-                return this.stringComparator(fieldId);
-            }
-            default: {
-                return undefined;
-            }
-        }
-    }
-    numberComparator(fieldId) {
-        return {
-            compare(a, b) {
-                let fieldA = a.case_fields[fieldId];
-                let fieldB = b.case_fields[fieldId];
-                fieldA = isUndefined(fieldA) || fieldA === null ? 0 : fieldA;
-                fieldB = isUndefined(fieldB) || fieldB === null ? 0 : fieldB;
-                return fieldA - fieldB;
-            }
-        };
-    }
-    stringComparator(fieldId) {
-        return {
-            compare(a, b) {
-                let fieldA = a.case_fields[fieldId];
-                let fieldB = b.case_fields[fieldId];
-                fieldA = isUndefined(fieldA) || fieldA == null ? '' : fieldA.toLowerCase();
-                fieldB = isUndefined(fieldB) || fieldB == null ? '' : fieldB.toLowerCase();
-                return fieldA === fieldB ? 0 : fieldA > fieldB ? 1 : -1;
-            }
-        };
-    }
-    textArrayComparator(fieldId) {
-        return {
-            compare(a, b) {
-                let fieldA = a.case_fields[fieldId];
-                let fieldB = b.case_fields[fieldId];
-                fieldA = isUndefined(fieldA) || fieldA == null ? '' : fieldA.join().toLowerCase();
-                fieldB = isUndefined(fieldB) || fieldB == null ? '' : fieldB.join().toLowerCase();
-                return fieldA === fieldB ? 0 : fieldA > fieldB ? 1 : -1;
-            }
-        };
-    }
-}
-SearchResultViewItemComparatorFactory.ɵfac = function SearchResultViewItemComparatorFactory_Factory(t) { return new (t || SearchResultViewItemComparatorFactory)(); };
-SearchResultViewItemComparatorFactory.ɵprov = i0.ɵɵdefineInjectable({ token: SearchResultViewItemComparatorFactory, factory: SearchResultViewItemComparatorFactory.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchResultViewItemComparatorFactory, [{
-        type: Injectable
-    }], null, null); })();
-
-class OrganisationService {
-    constructor(http, appconfig) {
-        this.http = http;
-        this.appconfig = appconfig;
-    }
-    static mapOrganisation(organisations) {
-        const organisationsVm = new Array();
-        organisations.forEach(org => {
-            let contactInformation = null;
-            if (org.contactInformation && org.contactInformation[0]) {
-                contactInformation = org.contactInformation[0];
-            }
-            organisationsVm.push({
-                organisationIdentifier: org.organisationIdentifier,
-                name: org.name,
-                addressLine1: contactInformation !== null ? contactInformation.addressLine1 : null,
-                addressLine2: contactInformation !== null ? contactInformation.addressLine2 : null,
-                addressLine3: contactInformation !== null ? contactInformation.addressLine3 : null,
-                townCity: contactInformation !== null ? contactInformation.townCity : null,
-                county: contactInformation !== null ? contactInformation.county : null,
-                country: contactInformation !== null ? contactInformation.country : null,
-                postCode: contactInformation !== null ? contactInformation.postCode : null,
-            });
-        });
-        return organisationsVm;
-    }
-    getActiveOrganisations() {
-        if (!this.organisations$) {
-            const url = this.appconfig.getPrdUrl();
-            const cacheTimeOut = this.appconfig.getCacheTimeOut();
-            this.organisations$ = this.http.get(url)
-                .pipe(map((orgs) => OrganisationService.mapOrganisation(orgs)), publishReplay(1), refCount(), take(1), catchError(e => {
-                console.log(e);
-                // Handle error and return blank Observable array
-                return of([]);
-            }));
-            timer(cacheTimeOut).subscribe(() => {
-                this.organisations$ = null;
-            });
-        }
-        return this.organisations$;
-    }
-}
-OrganisationService.ɵfac = function OrganisationService_Factory(t) { return new (t || OrganisationService)(i0.ɵɵinject(i1$2.HttpClient), i0.ɵɵinject(AbstractAppConfig)); };
-OrganisationService.ɵprov = i0.ɵɵdefineInjectable({ token: OrganisationService, factory: OrganisationService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OrganisationService, [{
-        type: Injectable
-    }], function () { return [{ type: i1$2.HttpClient }, { type: AbstractAppConfig }]; }, null); })();
-
-class BrowserService {
-    isFirefox() {
-        return window.navigator.userAgent.indexOf('Firefox') > -1;
-    }
-    isSafari() {
-        const isSafariAgent = window.navigator.userAgent.indexOf('Safari') > -1;
-        const isChromeAgent = window.navigator.userAgent.indexOf('Chrome') > -1;
-        if ((isChromeAgent) && (isSafariAgent)) {
-            return false;
-        }
-        return isSafariAgent;
-    }
-    isIEOrEdge() {
-        return /msie\s|trident\/|edge\//i.test(window.navigator.userAgent);
-    }
-}
-BrowserService.ɵfac = function BrowserService_Factory(t) { return new (t || BrowserService)(); };
-BrowserService.ɵprov = i0.ɵɵdefineInjectable({ token: BrowserService, factory: BrowserService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BrowserService, [{
-        type: Injectable
-    }], null, null); })();
-
-class LoadingModule {
-}
-LoadingModule.ɵfac = function LoadingModule_Factory(t) { return new (t || LoadingModule)(); };
-LoadingModule.ɵmod = i0.ɵɵdefineNgModule({ type: LoadingModule });
-LoadingModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
-        LoadingService
-    ], imports: [[]] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingModule, [{
-        type: NgModule,
-        args: [{
-                imports: [],
-                declarations: [],
-                exports: [],
-                providers: [
-                    LoadingService
-                ]
-            }]
-    }], null, null); })();
-
-class CaseFileViewCategory {
-}
-
-class CaseFileViewDocument {
-}
-
-/**
- * DTO to provide typing of the response from the CCD Data Store API for Categories and Documents data.
- * @see {@link https://tools.hmcts.net/confluence/x/0KSDX#CaseFileViewDocumentDataendpointLLD-SuccessResponsePayload} for full details
- */
-class CategoriesAndDocuments {
-}
-
-class DocumentTreeNode {
-    get childDocumentCount() {
-        const countChildren = (childNodes) => {
-            let count = 0;
-            if (childNodes === null || childNodes === void 0 ? void 0 : childNodes.length) {
-                const documents = childNodes.filter(item => item.type === 'document');
-                count += documents.length;
-                childNodes.forEach((children) => {
-                    count += countChildren(children.children);
-                });
-            }
-            return count;
-        };
-        return countChildren(this.children);
-    }
-}
-__decorate([
-    Type(() => DocumentTreeNode),
-    __metadata("design:type", Array)
-], DocumentTreeNode.prototype, "children", void 0);
-__decorate([
-    Expose(),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [])
-], DocumentTreeNode.prototype, "childDocumentCount", null);
-
-function CaseFileViewFolderComponent_cdk_nested_tree_node_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "cdk-nested-tree-node", 7);
-    i0.ɵɵelementStart(1, "div", 8);
-    i0.ɵɵelement(2, "button", 9);
-    i0.ɵɵelementStart(3, "span", 10);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const node_r2 = ctx.$implicit;
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(node_r2.name);
-} }
-function CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "cdk-nested-tree-node", 7);
-    i0.ɵɵelementStart(1, "div", 8);
-    i0.ɵɵelementStart(2, "button", 11);
-    i0.ɵɵelementStart(3, "span", 12);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 13);
-    i0.ɵɵtext(6);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div");
-    i0.ɵɵelementContainer(8, 14);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const node_r3 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵattribute("aria-label", "toggle " + node_r3.name);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(node_r3.childDocumentCount);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(node_r3.name);
-    i0.ɵɵadvance(1);
-    i0.ɵɵclassProp("document-tree-invisible", !ctx_r1.nestedTreeControl.isExpanded(node_r3));
-} }
-class CaseFileViewFolderComponent {
-    constructor() {
-        this.categories = [];
-        this.getChildren = (node) => of(node.children);
-        this.hasNestedChild = (_, nodeData) => nodeData.children;
-        this.nestedTreeControl = new NestedTreeControl(this.getChildren);
-    }
-    ngOnInit() {
-        this.categoriesAndDocumentsSubscription = this.categoriesAndDocuments$
-            .subscribe(categoriesAndDocuments => {
-            // Using the mock data for now as we have to display the documents as well for demo purpose
-            const categories = this.loadCategories(); // categoriesAndDocuments.categories;
-            // Generate document tree data from categories
-            const treeData = this.generateTreeData(categories);
-            // Append uncategorised documents
-            if (categoriesAndDocuments.uncategorised_documents && categoriesAndDocuments.uncategorised_documents.length > 0) {
-                const uncategorisedDocuments = this.getUncategorisedDocuments(categoriesAndDocuments.uncategorised_documents);
-                treeData.push(uncategorisedDocuments);
-            }
-            // Initialise cdk tree with generated data
-            this.nestedDataSource = treeData;
-        });
-    }
-    generateTreeData(categories) {
-        return categories.reduce((tree, node) => [
-            ...tree,
-            ...[
-                plainToClass(DocumentTreeNode, {
-                    name: node.category_name,
-                    type: 'category',
-                    children: [...this.generateTreeData(node.sub_categories), ...this.getDocuments(node.documents)],
-                })
-            ],
-        ], []);
-    }
-    getDocuments(documents) {
-        const documentsToReturn = [];
-        documents.forEach(document => {
-            documentsToReturn.push(plainToClass(DocumentTreeNode, { name: document.document_filename, type: 'document' }));
-        });
-        return documentsToReturn;
-    }
-    getUncategorisedDocuments(uncategorisedDocuments) {
-        const documents = [];
-        uncategorisedDocuments.forEach(document => {
-            documents.push(plainToClass(DocumentTreeNode, { name: document.document_filename, type: 'document' }));
-        });
-        return plainToClass(DocumentTreeNode, { name: CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE, type: 'category', children: documents });
-    }
-    ngOnDestroy() {
-        if (this.categoriesAndDocumentsSubscription) {
-            this.categoriesAndDocumentsSubscription.unsubscribe();
+    ngOnDestroy() {
+        if (this.categoriesAndDocumentsSubscription) {
+            this.categoriesAndDocumentsSubscription.unsubscribe();
         }
     }
     loadCategories() {
@@ -7768,7 +6955,7 @@ class CaseFileViewFolderComponent {
 }
 CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE = 'Uncategorised documents';
 CaseFileViewFolderComponent.ɵfac = function CaseFileViewFolderComponent_Factory(t) { return new (t || CaseFileViewFolderComponent)(); };
-CaseFileViewFolderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFolderComponent, selectors: [["ccd-case-file-view-folder"]], inputs: { categoriesAndDocuments$: "categoriesAndDocuments$" }, decls: 8, vars: 3, consts: [[1, "document-filter-container"], [1, "document-filter"], [1, "documents-title"], [1, "document-tree-container"], [3, "dataSource", "treeControl"], ["class", "document-tree-node", 4, "cdkTreeNodeDef"], ["class", "document-tree-node", 4, "cdkTreeNodeDef", "cdkTreeNodeDefWhen"], [1, "document-tree-node"], [1, "node"], ["mat-icon-button", "", "disabled", "", 1, "icon", "icon-document"], [1, "node-name", "node-name-document"], ["mat-icon-button", "", "cdkTreeNodeToggle", "", 1, "icon", "icon-folder"], [1, "document-count"], [1, "node-name", "node-name-folder"], ["cdkTreeNodeOutlet", ""]], template: function CaseFileViewFolderComponent_Template(rf, ctx) { if (rf & 1) {
+CaseFileViewFolderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFolderComponent, selectors: [["ccd-case-file-view-folder"]], inputs: { categoriesAndDocuments: "categoriesAndDocuments" }, decls: 8, vars: 3, consts: [[1, "document-filter-container"], [1, "document-filter"], [1, "documents-title"], [1, "document-tree-container"], [3, "dataSource", "treeControl"], ["class", "document-tree-node", 4, "cdkTreeNodeDef"], ["class", "document-tree-node", 4, "cdkTreeNodeDef", "cdkTreeNodeDefWhen"], [1, "document-tree-node"], [1, "node"], ["mat-icon-button", "", "disabled", "", 1, "icon", "icon-document"], [1, "node-name", "node-name-document"], ["mat-icon-button", "", "cdkTreeNodeToggle", "", 1, "icon", "icon-folder"], [1, "document-count"], [1, "node-name", "node-name-folder"], ["cdkTreeNodeOutlet", ""]], template: function CaseFileViewFolderComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵelement(1, "div", 1);
         i0.ɵɵelementStart(2, "div", 2);
@@ -7785,8 +6972,8 @@ CaseFileViewFolderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewF
         i0.ɵɵadvance(5);
         i0.ɵɵproperty("dataSource", ctx.nestedDataSource)("treeControl", ctx.nestedTreeControl);
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("cdkTreeNodeDefWhen", ctx.hasNestedChild);
-    } }, directives: [i1$5.CdkTree, i1$5.CdkTreeNodeDef, i1$5.CdkNestedTreeNode, i1$5.CdkTreeNodeToggle, i1$5.CdkTreeNodeOutlet], styles: [".document-filter-container[_ngcontent-%COMP%]{height:60px;border-bottom:2px solid #c9c9c9;padding-bottom:4px}.document-filter-container[_ngcontent-%COMP%]   .document-filter[_ngcontent-%COMP%]{height:70%}.document-filter-container[_ngcontent-%COMP%]   .documents-title[_ngcontent-%COMP%]{height:30%;margin-left:8px;font-weight:700}.document-tree-container[_ngcontent-%COMP%]{margin:4px}.document-tree-container[_ngcontent-%COMP%]   .document-tree-invisible[_ngcontent-%COMP%]{display:none}.document-tree-container[_ngcontent-%COMP%]   .document-tree[_ngcontent-%COMP%]   li[_ngcontent-%COMP%], .document-tree-container[_ngcontent-%COMP%]   .document-tree[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{margin-top:0;margin-bottom:0;list-style-type:none}.document-tree-container[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]{display:block}.document-tree-container[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]{padding-left:40px}.document-tree-container[_ngcontent-%COMP%]   .node[_ngcontent-%COMP%]{display:flex;padding:4px}.document-tree-container[_ngcontent-%COMP%]   .icon[_ngcontent-%COMP%]{width:36px;height:36px;background-size:100%;border:0;background-color:#fff}.document-tree-container[_ngcontent-%COMP%]   .icon-folder[_ngcontent-%COMP%]{background-image:url(/assets/images/folder.png)}.document-tree-container[_ngcontent-%COMP%]   .icon-document[_ngcontent-%COMP%]{background-image:url(/assets/images/document.png)}.document-tree-container[_ngcontent-%COMP%]   .node-name[_ngcontent-%COMP%]{margin-left:6px}.document-tree-container[_ngcontent-%COMP%]   .node-name-document[_ngcontent-%COMP%], .document-tree-container[_ngcontent-%COMP%]   .node-name-folder[_ngcontent-%COMP%]{margin-top:4px}"] });
+        i0.ɵɵproperty("cdkTreeNodeDefWhen", ctx.nestedChildren);
+    } }, directives: [i1$5.CdkTree, i1$5.CdkTreeNodeDef, i1$5.CdkNestedTreeNode, i1$5.CdkTreeNodeToggle, i1$5.CdkTreeNodeOutlet], styles: [".document-filter-container[_ngcontent-%COMP%]{height:60px;border-bottom:2px solid #c9c9c9;padding-bottom:4px}.document-filter-container[_ngcontent-%COMP%]   .document-filter[_ngcontent-%COMP%]{height:70%}.document-filter-container[_ngcontent-%COMP%]   .documents-title[_ngcontent-%COMP%]{height:30%;margin-left:8px;font-weight:700}.document-tree-container[_ngcontent-%COMP%]{margin:4px}.document-tree-container[_ngcontent-%COMP%]   .document-tree-invisible[_ngcontent-%COMP%]{display:none}.document-tree-container[_ngcontent-%COMP%]   .document-tree[_ngcontent-%COMP%]   li[_ngcontent-%COMP%], .document-tree-container[_ngcontent-%COMP%]   .document-tree[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{margin-top:0;margin-bottom:0;list-style-type:none}.document-tree-container[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]{display:block}.document-tree-container[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]{padding-left:40px}.document-tree-container[_ngcontent-%COMP%]   .node[_ngcontent-%COMP%]{display:flex;padding:4px}.document-tree-container[_ngcontent-%COMP%]   .icon[_ngcontent-%COMP%]{width:36px;height:36px;background-size:100%;border:0;background-color:#fff}.document-tree-container[_ngcontent-%COMP%]   .icon-folder[_ngcontent-%COMP%]{background-image:url(/assets/images/folder.png)}.document-tree-container[_ngcontent-%COMP%]   .icon-document[_ngcontent-%COMP%]{background-image:url(/assets/images/document.png)}.document-tree-container[_ngcontent-%COMP%]   .node-name[_ngcontent-%COMP%]{margin-left:6px}.document-tree-container[_ngcontent-%COMP%]   .node-name-document[_ngcontent-%COMP%], .document-tree-container[_ngcontent-%COMP%]   .node-name-folder[_ngcontent-%COMP%]{margin-top:4px}.document-tree-container[_ngcontent-%COMP%]   .document-count[_ngcontent-%COMP%]{color:#fff}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewFolderComponent, [{
         type: Component,
         args: [{
@@ -7794,7 +6981,7 @@ CaseFileViewFolderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewF
                 styleUrls: ['./case-file-view-folder.component.scss'],
                 templateUrl: './case-file-view-folder.component.html'
             }]
-    }], function () { return []; }, { categoriesAndDocuments$: [{
+    }], function () { return []; }, { categoriesAndDocuments: [{
             type: Input
         }] }); })();
 
@@ -7833,7 +7020,7 @@ class CaseFileViewFieldComponent {
 }
 CaseFileViewFieldComponent.PARAM_CASE_ID = 'cid';
 CaseFileViewFieldComponent.ɵfac = function CaseFileViewFieldComponent_Factory(t) { return new (t || CaseFileViewFieldComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseFileViewService)); };
-CaseFileViewFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFieldComponent, selectors: [["ccd-case-file-view-field"]], decls: 8, vars: 1, consts: [[1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [3, "categoriesAndDocuments$"], [1, "slider"], [1, "media-viewer-container"]], template: function CaseFileViewFieldComponent_Template(rf, ctx) { if (rf & 1) {
+CaseFileViewFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFieldComponent, selectors: [["ccd-case-file-view-field"]], decls: 8, vars: 1, consts: [[1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [3, "categoriesAndDocuments"], [1, "slider"], [1, "media-viewer-container"]], template: function CaseFileViewFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "h2", 0);
         i0.ɵɵtext(1, "Case file");
         i0.ɵɵelementEnd();
@@ -7848,14 +7035,14 @@ CaseFileViewFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFi
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵadvance(4);
-        i0.ɵɵproperty("categoriesAndDocuments$", ctx.categoriesAndDocuments$);
+        i0.ɵɵproperty("categoriesAndDocuments", ctx.categoriesAndDocuments$);
     } }, directives: [CaseFileViewFolderComponent], styles: ["#case-file-view[_ngcontent-%COMP%]{display:flex;border:2px solid #c9c9c9}#case-file-view[_ngcontent-%COMP%]   .document-tree-container[_ngcontent-%COMP%]{background-color:#faf8f8;width:30%;min-height:400px;min-width:10%}#case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]{width:.2%;background-color:#6b6b6b}#case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]:focus, #case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]:hover{cursor:col-resize}#case-file-view[_ngcontent-%COMP%]   .media-viewer-container[_ngcontent-%COMP%]{flex:1 1 0%}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewFieldComponent, [{
         type: Component,
         args: [{
                 selector: 'ccd-case-file-view-field',
                 templateUrl: './case-file-view-field.component.html',
-                styleUrls: ['./case-file-view-field.component.scss'],
+                styleUrls: ['./case-file-view-field.component.scss']
             }]
     }], function () { return [{ type: i0.ElementRef }, { type: i1$1.ActivatedRoute }, { type: CaseFileViewService }]; }, null); })();
 
@@ -8169,6 +7356,47 @@ const ɵReadCollectionFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInher
             }]
     }], null, null); })();
 
+function hasRoles(profile) {
+    if (profile.user && profile.user.idam && Array.isArray(profile.user.idam.roles)) {
+        return profile.user.idam.roles.length > 0;
+    }
+    return false;
+}
+// @dynamic
+class Profile {
+    isSolicitor() {
+        if (hasRoles(this)) {
+            return this.user.idam.roles.find(r => r.endsWith('-solicitor')) !== undefined;
+        }
+        return false;
+    }
+    isCourtAdmin() {
+        if (hasRoles(this)) {
+            return this.user.idam.roles.find(r => r.endsWith('-courtadmin')) !== undefined;
+        }
+        return false;
+    }
+}
+__decorate([
+    Type(() => Jurisdiction),
+    __metadata("design:type", Array)
+], Profile.prototype, "jurisdictions", void 0);
+
+class ProfileNotifier {
+    constructor() {
+        this.profileSource = new BehaviorSubject(new Profile());
+        this.profile = this.profileSource.asObservable();
+    }
+    announceProfile(profile) {
+        this.profileSource.next(profile);
+    }
+}
+ProfileNotifier.ɵfac = function ProfileNotifier_Factory(t) { return new (t || ProfileNotifier)(); };
+ProfileNotifier.ɵprov = i0.ɵɵdefineInjectable({ token: ProfileNotifier, factory: ProfileNotifier.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProfileNotifier, [{
+        type: Injectable
+    }], null, null); })();
+
 class RemoveDialogComponent {
     constructor(matDialogRef) {
         this.matDialogRef = matDialogRef;
@@ -9607,6 +8835,38 @@ DatetimePickerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DatetimePickerCom
             type: Input
         }] }); })();
 
+class CaseFieldService {
+    isOptional(field) {
+        if (!field || !field.display_context) {
+            return false;
+        }
+        return field.display_context.toUpperCase() === 'OPTIONAL';
+    }
+    isReadOnly(field) {
+        if (!field || !field.display_context) {
+            return false;
+        }
+        return field.display_context.toUpperCase() === 'READONLY';
+    }
+    isMandatory(field) {
+        if (!field || !field.display_context) {
+            return false;
+        }
+        return field.display_context.toUpperCase() === 'MANDATORY';
+    }
+    isLabel(field) {
+        if (!field || !field.field_type) {
+            return false;
+        }
+        return field.field_type.type === 'Label';
+    }
+}
+CaseFieldService.ɵfac = function CaseFieldService_Factory(t) { return new (t || CaseFieldService)(); };
+CaseFieldService.ɵprov = i0.ɵɵdefineInjectable({ token: CaseFieldService, factory: CaseFieldService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFieldService, [{
+        type: Injectable
+    }], null, null); })();
+
 class IsMandatoryPipe {
     constructor(caseFieldService) {
         this.caseFieldService = caseFieldService;
@@ -9712,21 +8972,160 @@ function WriteDateContainerFieldComponent_ng_template_1_Template(rf, ctx) { if (
 } }
 class WriteDateContainerFieldComponent extends AbstractFormFieldComponent {
 }
-WriteDateContainerFieldComponent.ɵfac = function WriteDateContainerFieldComponent_Factory(t) { return ɵWriteDateContainerFieldComponent_BaseFactory(t || WriteDateContainerFieldComponent); };
-WriteDateContainerFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDateContainerFieldComponent, selectors: [["ccd-write-date-container-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[4, "ngIf", "ngIfElse"], ["nativeDatepicker", ""], [3, "caseField", "formGroup", "parent"]], template: function WriteDateContainerFieldComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, WriteDateContainerFieldComponent_ng_container_0_Template, 2, 3, "ng-container", 0);
-        i0.ɵɵtemplate(1, WriteDateContainerFieldComponent_ng_template_1_Template, 1, 3, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
-    } if (rf & 2) {
-        const _r1 = i0.ɵɵreference(2);
-        i0.ɵɵproperty("ngIf", ctx.caseField.dateTimeEntryFormat)("ngIfElse", _r1);
-    } }, directives: [i1.NgIf, DatetimePickerComponent, i1$3.NgControlStatusGroup, i1$3.FormGroupDirective, WriteDateFieldComponent], encapsulation: 2 });
-const ɵWriteDateContainerFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteDateContainerFieldComponent);
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteDateContainerFieldComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ccd-write-date-container-field',
-                templateUrl: './write-date-container-field.html'
-            }]
+WriteDateContainerFieldComponent.ɵfac = function WriteDateContainerFieldComponent_Factory(t) { return ɵWriteDateContainerFieldComponent_BaseFactory(t || WriteDateContainerFieldComponent); };
+WriteDateContainerFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDateContainerFieldComponent, selectors: [["ccd-write-date-container-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[4, "ngIf", "ngIfElse"], ["nativeDatepicker", ""], [3, "caseField", "formGroup", "parent"]], template: function WriteDateContainerFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, WriteDateContainerFieldComponent_ng_container_0_Template, 2, 3, "ng-container", 0);
+        i0.ɵɵtemplate(1, WriteDateContainerFieldComponent_ng_template_1_Template, 1, 3, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+    } if (rf & 2) {
+        const _r1 = i0.ɵɵreference(2);
+        i0.ɵɵproperty("ngIf", ctx.caseField.dateTimeEntryFormat)("ngIfElse", _r1);
+    } }, directives: [i1.NgIf, DatetimePickerComponent, i1$3.NgControlStatusGroup, i1$3.FormGroupDirective, WriteDateFieldComponent], encapsulation: 2 });
+const ɵWriteDateContainerFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteDateContainerFieldComponent);
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteDateContainerFieldComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-write-date-container-field',
+                templateUrl: './write-date-container-field.html'
+            }]
+    }], null, null); })();
+
+class DocumentManagementService {
+    constructor(http, appConfig) {
+        this.http = http;
+        this.appConfig = appConfig;
+    }
+    uploadFile(formData) {
+        const url = this.getDocStoreUrl();
+        // Do not set any headers, such as "Accept" or "Content-Type", with null values; this is not permitted with the
+        // Angular HttpClient in @angular/common/http. Just create and pass a new HttpHeaders object. Angular will add the
+        // correct headers and values automatically
+        const headers = new HttpHeaders();
+        return this.http
+            .post(url, formData, { headers, observe: 'body' })
+            .pipe(delay(DocumentManagementService.RESPONSE_DELAY));
+    }
+    getMediaViewerInfo(documentFieldValue) {
+        const mediaViewerInfo = {
+            document_binary_url: this.transformDocumentUrl(documentFieldValue.document_binary_url),
+            document_filename: documentFieldValue.document_filename,
+            content_type: this.getContentType(documentFieldValue),
+            annotation_api_url: this.appConfig.getAnnotationApiUrl(),
+            case_id: documentFieldValue.id,
+            case_jurisdiction: documentFieldValue.jurisdiction
+        };
+        return JSON.stringify(mediaViewerInfo);
+    }
+    getContentType(documentFieldValue) {
+        let fileExtension = '<unknown>';
+        if (documentFieldValue.document_filename) {
+            const position = documentFieldValue.document_filename.lastIndexOf('.');
+            if (position === documentFieldValue.document_filename.length) {
+                fileExtension = '';
+            }
+            else if (position >= 0) {
+                fileExtension = documentFieldValue.document_filename.slice(position + 1);
+            }
+        }
+        if (this.isImage(fileExtension)) {
+            return DocumentManagementService.IMAGE;
+        }
+        else if (this.isWord(fileExtension)) {
+            return DocumentManagementService.WORD;
+        }
+        else if (this.isExcel(fileExtension)) {
+            return DocumentManagementService.EXCEL;
+        }
+        else if (this.isPowerpoint(fileExtension)) {
+            return DocumentManagementService.POWERPOINT;
+        }
+        else if (fileExtension.toLowerCase() === 'txt') {
+            return DocumentManagementService.TXT;
+        }
+        else if (fileExtension.toLowerCase() === 'rtf') {
+            return DocumentManagementService.RTF;
+        }
+        else if (fileExtension.toLowerCase() === 'pdf') {
+            return DocumentManagementService.PDF;
+        }
+        else {
+            return fileExtension;
+        }
+    }
+    isImage(imageType) {
+        return DocumentManagementService.imagesList.find(e => e === imageType) !== undefined;
+    }
+    isWord(wordType) {
+        return DocumentManagementService.wordList.find(e => e === wordType) !== undefined;
+    }
+    isExcel(excelType) {
+        return DocumentManagementService.excelList.find(e => e === excelType) !== undefined;
+    }
+    isPowerpoint(powerpointType) {
+        return DocumentManagementService.powerpointList.find(e => e === powerpointType) !== undefined;
+    }
+    transformDocumentUrl(documentBinaryUrl) {
+        const remoteHrsPattern = new RegExp(this.appConfig.getRemoteHrsUrl());
+        documentBinaryUrl = documentBinaryUrl.replace(remoteHrsPattern, this.appConfig.getHrsUrl());
+        const remoteDocumentManagementPattern = new RegExp(this.appConfig.getRemoteDocumentManagementUrl());
+        return documentBinaryUrl.replace(remoteDocumentManagementPattern, this.getDocStoreUrl());
+    }
+    getDocStoreUrl() {
+        return this.appConfig.getDocumentSecureMode() ? this.appConfig.getDocumentManagementUrlV2() : this.appConfig.getDocumentManagementUrl();
+    }
+}
+DocumentManagementService.PDF = 'pdf';
+DocumentManagementService.IMAGE = 'image';
+DocumentManagementService.WORD = 'word';
+DocumentManagementService.EXCEL = 'excel';
+DocumentManagementService.POWERPOINT = 'powerpoint';
+DocumentManagementService.TXT = 'txt';
+DocumentManagementService.RTF = 'rtf';
+// This delay has been added to give enough time to the user on the UI to see the info messages on the document upload
+// field for cases when uploads are very fast.
+DocumentManagementService.RESPONSE_DELAY = 1000;
+DocumentManagementService.imagesList = ['GIF', 'JPG', 'JPEG', 'PNG', 'gif', 'jpg', 'jpeg', 'png'];
+DocumentManagementService.wordList = ['DOC', 'DOCX', 'doc', 'docx'];
+DocumentManagementService.excelList = ['XLS', 'XLSX', 'xls', 'xlsx'];
+DocumentManagementService.powerpointList = ['PPT', 'PPTX', 'ppt', 'pptx'];
+DocumentManagementService.ɵfac = function DocumentManagementService_Factory(t) { return new (t || DocumentManagementService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig)); };
+DocumentManagementService.ɵprov = i0.ɵɵdefineInjectable({ token: DocumentManagementService, factory: DocumentManagementService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DocumentManagementService, [{
+        type: Injectable
+    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }]; }, null); })();
+
+class WindowService {
+    locationAssign(url) {
+        window.location.assign(url);
+    }
+    setLocalStorage(key, value) {
+        window.localStorage.setItem(key, value);
+    }
+    getLocalStorage(key) {
+        return window.localStorage.getItem(key);
+    }
+    clearLocalStorage() {
+        window.localStorage.clear();
+    }
+    removeLocalStorage(key) {
+        window.localStorage.removeItem(key);
+    }
+    setSessionStorage(key, value) {
+        window.sessionStorage.setItem(key, value);
+    }
+    getSessionStorage(key) {
+        return window.sessionStorage.getItem(key);
+    }
+    openOnNewTab(url) {
+        window.open(url, '_blank');
+    }
+    confirm(message) {
+        return window.confirm(message);
+    }
+}
+WindowService.ɵfac = function WindowService_Factory(t) { return new (t || WindowService)(); };
+WindowService.ɵprov = i0.ɵɵdefineInjectable({ token: WindowService, factory: WindowService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WindowService, [{
+        type: Injectable
     }], null, null); })();
 
 function ReadDocumentFieldComponent_a_0_Template(rf, ctx) { if (rf & 1) {
@@ -10846,705 +10245,1265 @@ FixedListPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdFixedList", type: FixedList
 
 class ReadFixedListFieldComponent extends AbstractFieldReadComponent {
 }
-ReadFixedListFieldComponent.ɵfac = function ReadFixedListFieldComponent_Factory(t) { return ɵReadFixedListFieldComponent_BaseFactory(t || ReadFixedListFieldComponent); };
-ReadFixedListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadFixedListFieldComponent, selectors: [["ccd-read-fixed-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 4, consts: [[1, "text-16"]], template: function ReadFixedListFieldComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "span", 0);
-        i0.ɵɵtext(1);
-        i0.ɵɵpipe(2, "ccdFixedList");
+ReadFixedListFieldComponent.ɵfac = function ReadFixedListFieldComponent_Factory(t) { return ɵReadFixedListFieldComponent_BaseFactory(t || ReadFixedListFieldComponent); };
+ReadFixedListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadFixedListFieldComponent, selectors: [["ccd-read-fixed-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 4, consts: [[1, "text-16"]], template: function ReadFixedListFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "span", 0);
+        i0.ɵɵtext(1);
+        i0.ɵɵpipe(2, "ccdFixedList");
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx.caseField.value, ctx.caseField.list_items));
+    } }, pipes: [FixedListPipe], encapsulation: 2 });
+const ɵReadFixedListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(ReadFixedListFieldComponent);
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadFixedListFieldComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-read-fixed-list-field',
+                template: '<span class="text-16">{{caseField.value | ccdFixedList:caseField.list_items}}</span>',
+            }]
+    }], null, null); })();
+
+function WriteFixedListFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "ccdFieldLabel");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.caseField));
+} }
+function WriteFixedListFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 9);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r1.caseField.hint_text);
+} }
+function WriteFixedListFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 10);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "ccdFirstError");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.fixedListFormControl.errors, ctx_r2.caseField.label));
+} }
+function WriteFixedListFieldComponent_option_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 6);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const type_r4 = ctx.$implicit;
+    i0.ɵɵproperty("ngValue", type_r4.code);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(type_r4.label);
+} }
+const _c0$v = function (a0) { return { "form-group-error": a0 }; };
+class WriteFixedListFieldComponent extends AbstractFieldWriteComponent {
+    get listItems() {
+        if (this.caseField) {
+            if (this.caseField.list_items) {
+                return this.caseField.list_items;
+            }
+            if (this.caseField.formatted_value && this.caseField.formatted_value.list_items) {
+                return this.caseField.formatted_value.list_items;
+            }
+        }
+        return [];
+    }
+    ngOnInit() {
+        const isNull = this.caseField.value === undefined || this.caseField.value === '';
+        if (isNull) {
+            this.caseField.value = null;
+        }
+        this.fixedListFormControl = this.registerControl(new FormControl(this.caseField.value));
+        this.fixedListFormControl.setValue(this.caseField.value);
+    }
+}
+WriteFixedListFieldComponent.ɵfac = function WriteFixedListFieldComponent_Factory(t) { return ɵWriteFixedListFieldComponent_BaseFactory(t || WriteFixedListFieldComponent); };
+WriteFixedListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteFixedListFieldComponent, selectors: [["ccd-write-fixed-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 11, consts: [[1, "form-group", 3, "ngClass"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], [1, "form-control", "ccd-dropdown", "bottom-30", 3, "id", "formControl"], [3, "ngValue"], [3, "ngValue", 4, "ngFor", "ngForOf"], [1, "form-label"], [1, "form-hint"], [1, "error-message"]], template: function WriteFixedListFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelementStart(1, "label", 1);
+        i0.ɵɵtemplate(2, WriteFixedListFieldComponent_span_2_Template, 3, 3, "span", 2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(3, WriteFixedListFieldComponent_span_3_Template, 2, 1, "span", 3);
+        i0.ɵɵtemplate(4, WriteFixedListFieldComponent_span_4_Template, 3, 4, "span", 4);
+        i0.ɵɵelementStart(5, "select", 5);
+        i0.ɵɵelementStart(6, "option", 6);
+        i0.ɵɵtext(7, "--Select a value--");
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(8, WriteFixedListFieldComponent_option_8_Template, 2, 2, "option", 7);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$v, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("for", ctx.id());
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.caseField.label);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.caseField.hint_text);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.fixedListFormControl.errors && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched));
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("id", ctx.id())("formControl", ctx.fixedListFormControl);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngValue", null);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngForOf", ctx.listItems);
+    } }, directives: [i1.NgClass, i1.NgIf, i1$3.SelectControlValueAccessor, i1$3.NgControlStatus, i1$3.FormControlDirective, i1$3.NgSelectOption, i1$3.ɵangular_packages_forms_forms_z, i1.NgForOf], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+const ɵWriteFixedListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteFixedListFieldComponent);
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteFixedListFieldComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-write-fixed-list-field',
+                templateUrl: './write-fixed-list-field.html'
+            }]
+    }], null, null); })();
+
+class FixedRadioListPipe {
+    transform(value, items) {
+        const item = items.find(i => i.code === value);
+        return item ? item.label : FixedRadioListPipe.EMPTY;
+    }
+}
+FixedRadioListPipe.EMPTY = '';
+FixedRadioListPipe.ɵfac = function FixedRadioListPipe_Factory(t) { return new (t || FixedRadioListPipe)(); };
+FixedRadioListPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdFixedRadioList", type: FixedRadioListPipe, pure: true });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FixedRadioListPipe, [{
+        type: Pipe,
+        args: [{
+                name: 'ccdFixedRadioList'
+            }]
+    }], null, null); })();
+
+class ReadFixedRadioListFieldComponent extends AbstractFieldReadComponent {
+}
+ReadFixedRadioListFieldComponent.ɵfac = function ReadFixedRadioListFieldComponent_Factory(t) { return ɵReadFixedRadioListFieldComponent_BaseFactory(t || ReadFixedRadioListFieldComponent); };
+ReadFixedRadioListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadFixedRadioListFieldComponent, selectors: [["ccd-read-fixed-radio-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 4, consts: [[1, "text-16"]], template: function ReadFixedRadioListFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "span", 0);
+        i0.ɵɵtext(1);
+        i0.ɵɵpipe(2, "ccdFixedRadioList");
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx.caseField.value, ctx.caseField.field_type.fixed_list_items));
+    } }, pipes: [FixedRadioListPipe], encapsulation: 2 });
+const ɵReadFixedRadioListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(ReadFixedRadioListFieldComponent);
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadFixedRadioListFieldComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-read-fixed-radio-list-field',
+                template: '<span class="text-16">{{caseField.value | ccdFixedRadioList:caseField.field_type.fixed_list_items}}</span>',
+            }]
+    }], null, null); })();
+
+function WriteFixedRadioListFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 6);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "ccdFieldLabel");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.caseField));
+} }
+function WriteFixedRadioListFieldComponent_span_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 7);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r1.caseField.hint_text);
+} }
+function WriteFixedRadioListFieldComponent_span_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "ccdFirstError");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.fixedRadioListControl.errors, ctx_r2.caseField.label));
+} }
+const _c0$u = function (a0) { return { selected: a0 }; };
+function WriteFixedRadioListFieldComponent_div_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelement(1, "input", 10);
+    i0.ɵɵelementStart(2, "label", 11);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const radioButton_r4 = ctx.$implicit;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$u, ctx_r3.fixedRadioListControl.value === radioButton_r4.code));
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("id", ctx_r3.id() + "-" + radioButton_r4.code)("name", ctx_r3.id())("formControl", ctx_r3.fixedRadioListControl)("value", radioButton_r4.code);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("for", ctx_r3.id() + "-" + radioButton_r4.code);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(radioButton_r4.label);
+} }
+const _c1$a = function (a0) { return { "form-group-error": a0 }; };
+class WriteFixedRadioListFieldComponent extends AbstractFieldWriteComponent {
+    ngOnInit() {
+        const notEmpty = this.caseField.value !== null && this.caseField.value !== undefined;
+        this.fixedRadioListControl = this.registerControl(new FormControl(notEmpty ? this.caseField.value : null));
+    }
+}
+WriteFixedRadioListFieldComponent.ɵfac = function WriteFixedRadioListFieldComponent_Factory(t) { return ɵWriteFixedRadioListFieldComponent_BaseFactory(t || WriteFixedRadioListFieldComponent); };
+WriteFixedRadioListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteFixedRadioListFieldComponent, selectors: [["ccd-write-fixed-radio-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 9, consts: [[1, "form-group", "bottom-30", 3, "ngClass", "id"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], ["class", "multiple-choice", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "form-label"], [1, "form-hint"], [1, "error-message"], [1, "multiple-choice", 3, "ngClass"], ["type", "radio", 1, "form-control", 3, "id", "name", "formControl", "value"], [1, "form-label", 3, "for"]], template: function WriteFixedRadioListFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelementStart(1, "fieldset");
+        i0.ɵɵelementStart(2, "legend");
+        i0.ɵɵelementStart(3, "label", 1);
+        i0.ɵɵtemplate(4, WriteFixedRadioListFieldComponent_span_4_Template, 3, 3, "span", 2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(5, WriteFixedRadioListFieldComponent_span_5_Template, 2, 1, "span", 3);
+        i0.ɵɵtemplate(6, WriteFixedRadioListFieldComponent_span_6_Template, 3, 4, "span", 4);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementContainerStart(7);
+        i0.ɵɵtemplate(8, WriteFixedRadioListFieldComponent_div_8_Template, 4, 9, "div", 5);
+        i0.ɵɵelementContainerEnd();
+        i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1$a, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("for", ctx.id());
         i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx.caseField.value, ctx.caseField.list_items));
-    } }, pipes: [FixedListPipe], encapsulation: 2 });
-const ɵReadFixedListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(ReadFixedListFieldComponent);
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadFixedListFieldComponent, [{
+        i0.ɵɵproperty("ngIf", ctx.caseField.label);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.caseField.hint_text);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.fixedRadioListControl.errors && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched));
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngForOf", ctx.caseField.field_type.fixed_list_items);
+    } }, directives: [i1.NgClass, i1.NgIf, i1.NgForOf, i1$3.RadioControlValueAccessor, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+const ɵWriteFixedRadioListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteFixedRadioListFieldComponent);
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteFixedRadioListFieldComponent, [{
         type: Component,
         args: [{
-                selector: 'ccd-read-fixed-list-field',
-                template: '<span class="text-16">{{caseField.value | ccdFixedList:caseField.list_items}}</span>',
+                selector: 'ccd-write-fixed-radio-list-field',
+                templateUrl: './write-fixed-radio-list-field.html'
             }]
     }], null, null); })();
 
-function WriteFixedListFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 8);
+function EventLogTableComponent_tr_16_div_3_a_1_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "a", 16);
+    i0.ɵɵlistener("click", function EventLogTableComponent_tr_16_div_3_a_1_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r9); const event_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.caseHistoryClicked(event_r1.id); });
     i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "ccdFieldLabel");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const event_r1 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r6 = i0.ɵɵnextContext();
+    i0.ɵɵattribute("aria-label", ctx_r6.getAriaLabelforLink(event_r1));
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.caseField));
+    i0.ɵɵtextInterpolate(event_r1.event_name);
 } }
-function WriteFixedListFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 9);
-    i0.ɵɵtext(1);
+function EventLogTableComponent_tr_16_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵtemplate(1, EventLogTableComponent_tr_16_div_3_a_1_Template, 2, 2, "a", 15);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const event_r1 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r1.caseField.hint_text);
+    i0.ɵɵproperty("ngIf", event_r1.state_id !== "Draft");
 } }
-function WriteFixedListFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 10);
+const _c0$t = function (a2) { return ["./", "event", a2, "history"]; };
+function EventLogTableComponent_tr_16_div_4_a_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "a", 18);
     i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "ccdFirstError");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
+    const event_r1 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r12 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction1(4, _c0$t, event_r1.id))("target", "_blank");
+    i0.ɵɵattribute("aria-label", ctx_r12.getAriaLabelforLink(event_r1));
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.fixedListFormControl.errors, ctx_r2.caseField.label));
+    i0.ɵɵtextInterpolate(event_r1.event_name);
 } }
-function WriteFixedListFieldComponent_option_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 6);
+function EventLogTableComponent_tr_16_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, EventLogTableComponent_tr_16_div_4_a_1_Template, 2, 6, "a", 17);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const event_r1 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", event_r1.state_id !== "Draft");
+} }
+function EventLogTableComponent_tr_16_span_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const type_r4 = ctx.$implicit;
-    i0.ɵɵproperty("ngValue", type_r4.code);
+    const event_r1 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(type_r4.label);
+    i0.ɵɵtextInterpolate(event_r1.event_name);
 } }
-const _c0$v = function (a0) { return { "form-group-error": a0 }; };
-class WriteFixedListFieldComponent extends AbstractFieldWriteComponent {
-    get listItems() {
-        if (this.caseField) {
-            if (this.caseField.list_items) {
-                return this.caseField.list_items;
-            }
-            if (this.caseField.formatted_value && this.caseField.formatted_value.list_items) {
-                return this.caseField.formatted_value.list_items;
-            }
-        }
-        return [];
+function EventLogTableComponent_tr_16_div_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 19);
+    i0.ɵɵelementStart(1, "a", 20);
+    i0.ɵɵelement(2, "img", 21);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 22);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const event_r1 = i0.ɵɵnextContext().$implicit;
+    const ctx_r5 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵpropertyInterpolate("href", ctx_r5.getSignificantItemUrl(event_r1), i0.ɵɵsanitizeUrl);
+    i0.ɵɵattribute("aria-label", ctx_r5.getAriaLabelforLink(event_r1));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r5.getSignificantItemDesc(event_r1));
+} }
+const _c1$9 = function (a0) { return { "EventLogTable-Selected": a0 }; };
+function EventLogTableComponent_tr_16_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 4);
+    i0.ɵɵlistener("click", function EventLogTableComponent_tr_16_Template_tr_click_0_listener() { i0.ɵɵrestoreView(_r18); const event_r1 = ctx.$implicit; const ctx_r17 = i0.ɵɵnextContext(); return ctx_r17.select(event_r1); });
+    i0.ɵɵelementStart(1, "td");
+    i0.ɵɵelementContainerStart(2, 5);
+    i0.ɵɵtemplate(3, EventLogTableComponent_tr_16_div_3_Template, 2, 1, "div", 6);
+    i0.ɵɵtemplate(4, EventLogTableComponent_tr_16_div_4_Template, 2, 1, "div", 7);
+    i0.ɵɵelementContainerEnd();
+    i0.ɵɵtemplate(5, EventLogTableComponent_tr_16_span_5_Template, 2, 1, "span", 8);
+    i0.ɵɵtemplate(6, EventLogTableComponent_tr_16_div_6_Template, 5, 3, "div", 9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "td", 10);
+    i0.ɵɵlistener("keydown.enter", function EventLogTableComponent_tr_16_Template_td_keydown_enter_7_listener() { i0.ɵɵrestoreView(_r18); const event_r1 = ctx.$implicit; const ctx_r19 = i0.ɵɵnextContext(); return ctx_r19.select(event_r1); });
+    i0.ɵɵelementStart(8, "div", 11);
+    i0.ɵɵtext(9);
+    i0.ɵɵpipe(10, "ccdDate");
+    i0.ɵɵelementStart(11, "span", 12);
+    i0.ɵɵtext(12);
+    i0.ɵɵpipe(13, "ccdDate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "td", 13);
+    i0.ɵɵelementStart(15, "span", 2);
+    i0.ɵɵtext(16);
+    i0.ɵɵpipe(17, "titlecase");
+    i0.ɵɵpipe(18, "uppercase");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const event_r1 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(22, _c1$9, ctx_r0.selected === event_r1));
+    i0.ɵɵattribute("aria-label", ctx_r0.getAriaLabelforRow(event_r1));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngSwitch", ctx_r0.isPartOfCaseTimeline);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngSwitchCase", true);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngSwitchCase", false);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", event_r1.state_id === "Draft");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.significantItemExist(event_r1));
+    i0.ɵɵadvance(1);
+    i0.ɵɵattribute("aria-label", ctx_r0.getAriaLabelforColumn(event_r1));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(10, 12, event_r1.timestamp, "local"), " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("Local: ", i0.ɵɵpipeBind2(13, 15, event_r1.timestamp, "local"), "");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(17, 18, event_r1.user_first_name), " ", i0.ɵɵpipeBind1(18, 20, event_r1.user_last_name), "");
+} }
+class EventLogTableComponent {
+    constructor() {
+        this.onSelect = new EventEmitter();
+        this.onCaseHistory = new EventEmitter();
+        this.isPartOfCaseTimeline = false;
     }
     ngOnInit() {
-        const isNull = this.caseField.value === undefined || this.caseField.value === '';
-        if (isNull) {
-            this.caseField.value = null;
+        this.isPartOfCaseTimeline = this.onCaseHistory.observers.length > 0;
+    }
+    select(event) {
+        this.selected = event;
+        this.onSelect.emit(event);
+    }
+    significantItemExist(event) {
+        return (event.significant_item &&
+            event.significant_item.type === 'DOCUMENT' &&
+            event.significant_item.url !== undefined &&
+            event.significant_item.description !== undefined);
+    }
+    getSignificantItemUrl(event) {
+        if (event.significant_item) {
+            return event.significant_item.url;
         }
-        this.fixedListFormControl = this.registerControl(new FormControl(this.caseField.value));
-        this.fixedListFormControl.setValue(this.caseField.value);
+    }
+    getSignificantItemDesc(event) {
+        if (event.significant_item) {
+            return event.significant_item.description;
+        }
+    }
+    caseHistoryClicked(eventId) {
+        this.onCaseHistory.emit(eventId);
+    }
+    getAriaLabelforColumn(event) {
+        if (this.selected !== event) {
+            return `date ${formatDate(event.timestamp, 'dd MMM yyyy hh:mm:ss a', 'en-GB')},
+        press enter key for event ${event.event_name} details`;
+        }
+        else {
+            return '';
+        }
+    }
+    getAriaLabelforRow(event) {
+        return `you are on event ${event.event_name} row, press tab key to navigate to columns`;
+    }
+    getAriaLabelforLink(event) {
+        return `press enter key to open event ${event.event_name} link in separate window`;
     }
 }
-WriteFixedListFieldComponent.ɵfac = function WriteFixedListFieldComponent_Factory(t) { return ɵWriteFixedListFieldComponent_BaseFactory(t || WriteFixedListFieldComponent); };
-WriteFixedListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteFixedListFieldComponent, selectors: [["ccd-write-fixed-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 11, consts: [[1, "form-group", 3, "ngClass"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], [1, "form-control", "ccd-dropdown", "bottom-30", 3, "id", "formControl"], [3, "ngValue"], [3, "ngValue", 4, "ngFor", "ngForOf"], [1, "form-label"], [1, "form-hint"], [1, "error-message"]], template: function WriteFixedListFieldComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵelementStart(1, "label", 1);
-        i0.ɵɵtemplate(2, WriteFixedListFieldComponent_span_2_Template, 3, 3, "span", 2);
+EventLogTableComponent.ɵfac = function EventLogTableComponent_Factory(t) { return new (t || EventLogTableComponent)(); };
+EventLogTableComponent.ɵcmp = i0.ɵɵdefineComponent({ type: EventLogTableComponent, selectors: [["ccd-event-log-table"]], inputs: { events: "events", selected: "selected" }, outputs: { onSelect: "onSelect", onCaseHistory: "onCaseHistory" }, decls: 17, vars: 1, consts: [[1, "EventLogTable"], [1, "heading-h2"], [1, "text-16"], ["tabindex", "0", 3, "ngClass", "click", 4, "ngFor", "ngForOf"], ["tabindex", "0", 3, "ngClass", "click"], [3, "ngSwitch"], ["id", "case-timeline", 4, "ngSwitchCase"], [4, "ngSwitchCase"], [4, "ngIf"], ["class", "tooltip", 4, "ngIf"], ["tabindex", "0", 3, "keydown.enter"], [1, "tooltip", "text-16"], [1, "tooltiptext"], ["tabindex", "0"], ["id", "case-timeline"], ["class", "text-16 event-link", 3, "click", 4, "ngIf"], [1, "text-16", "event-link", 3, "click"], ["class", "text-16 event-link", 3, "routerLink", "target", 4, "ngIf"], [1, "text-16", "event-link", 3, "routerLink", "target"], [1, "tooltip"], ["target", "_blank", "rel", "noopener", 3, "href"], ["alt", "document image", "src", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABoCAYAAABmOHdtAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4yMfEgaZUAAAkoSURBVHhe7d33c5RFHAZw/wCKiF0s2LAwiigq9l5G/UV/UUeFkEAoQqiWoKKI1Dg6YxQQbGmkXQoJIQQiaSShhiQMkgIphCSXkN4buPtcnnDG9fXCa+FN9mY+M5Lce7f3ZPb2u/vu+3rRsKn+Z4ey4e7BIB4XnQ8doA7QHB2gSTpAk3SAJlk+wOG9VL/7L+gATbrgAxzlHgAM6skVcTDhw2i4daENXvbZCXd9EAU8fqRbADi/5j9JB2jSBRvg2Hmh8MAnMbAl/Ths+jUPqhvboLapHXJKTkPU/mKI2FcEdyyJhOvmhoLqvczQAZp0wQU4YVEAuPnGw5GTtdDd0wOdXd3Q1uGQXVID/HlXdw+0tHVCWU0zvLMhFSZ5R4Dqvc+HDtCkCybAW8RAIHn6xkJpuR3aOrqgqqEVPDanwZu+u8HLLwPY1aduTAF7fSvwuLqmNliweRfc6x0JqrYMxN8FONwj9Cz0Pq8/HWBvEP2Do389wFHugTDROxqOldcDu2hmfiXcucQGN8wLgxHiWOnc6zjKncs9t8DVs4Ih+kAxFFY2QK0IUXr1q11wvRhYJOc2DQSD6B8cDXMLPAuKYyUd4P8d4Eg3B7+UfOgRA4V0XHxYafx7kcCCePT0IHhudTyEZZ6Al9YlAAO+bEbQH8RlnYT6lg4oqW6CG+eHw7Apfg6KNhrRAVo9wAeXxcKu3DJgOTLn53S4cmYwMLiA1AI4VdsCja0dwC5feroZOKXjcWO9woDHtbSLMkfYmHgMVG1zhQ7Q6gHyg/IDnbA3AssRLiLM/SUDyutagc8vrmoEDj4suAsqGuCa2SFwuWcQLAzIhJ6eMxCYVgi3LY4AVRuN6ACtHuALaxKgobUT8kUI0uRlMcAy5+fkfOjsktO5nr4pHrvmG75JUFzdDE1iGie9/s1uuHiaP7y4NgH4B8gtrYFJH8eAqo1GdIBWD5BTs6KqJmCZMW5RBLAgfmd9MvDxeeRhYNe7QhTPUqWYvkFdC2xK/A34fl9EHYZ80b2lmqZ2GPNuKDi3zRU6QKsHyC7F4PjB7vsoBi6eFgCBaQXQ0dkN2cWn4VJRJEvsgtuzSqFdPEd6ZlU8cKr31BfxwN/zDzdZlFKSqo1GdIBWD3D8+1HAQvhQUTWc+/J3BLj1QDHwyz+zwA4MhoH/euQUsJzhFO8SjwC4X4QscZks6Wg5vOKzE1RtNKIDtHqAb36bBOVieiXVN7cDB4crZ24Bt+9TgQXwmpgc4GDDQrm6oRUqxAAi+cTmwAg3f+Agwikfnz9mdjCo2mhEB2j1AN/6Lgn4gVhWjFtkg9EegbA8MgvYNW37ioFTNRbUHIRYmE8XJZLE5TD+u0EMWNLpxjbg8ao2GtEBWj3AmxeEAx9ZYgCR5vllAAeR2EMl0NDSDnweBxGWKzyxztObj6/YDix3uHzGQcS2twg42KjaaEQHaPUAH/9cfEChTgwcUm1zBzz82TZgF14hvvglLiYE7SkEdmEuzXM5jIW55w9pwFMHM8R/S/0Ld8t2YR2g4ocD4bYxBfYXVgG/3Lm5iEv67ptSgY8vt+UCt7dd+24osBzilo5l4QeBC7OrtmYDyxwue42ZEwKqNhrRAVo9QBbMreILXWIXfHtDCnAQCU4/DpzK7cmrgNHTRRcXuBiwJ68S+HrPrNoBl4ivAenplduBiwmJuWXAKZ6qjUZ0gIMlwOa2DiiqaoS31ydDX4BiwJAYYNqxCmB5wkEnI98OXJx4emU8jHKX2z/8UepIDHBXThnoAIdqgAyKm4h4ovxGr1DoG0S+TwE+1okBRLpFFOHSdXPDgEv6nBouDT0AfL/V0Yfhz4NIKDi3zRU6QKsH+NCnscBFBBbULLA5SKyMzgYu6funFsBVs4Lh5gU2KBGhSXy9KRuSgYsJM3/cAyyX8srrYaxXOKjaaEQHaPUAOYXqFhN/iSfMFwdmAhcLth8uBXbxgyeqgL/nhTbx4jkSNylxcOAmo4dEqSNxEAkRpZH0wtoEULXRiA7Q6gG+9nUiFFY2Aif549+LAJYpq7bmABdUt4iSRrp6dghwaZ8bJ9mFueWDS/qzf0qHxtZOsNe3ADdmqtpoRAdo9QB5OrFYfGiJZcWED6OAWzs8f0wHnlRaHpEFXJBlucM/AKeEH4UdAC4mrI3NBS46cAsIl8VUbTSiA7R6gFyOYnBHy+pgmiiaJW5L25F9ErhIkHy0HPj7J1bEAZfFuPD66PI44GDz8Kdiyie0d3ZBgpjGSc+K6Z2kaqMRHaDVA3xMfDiJW3W5NfeRz7YBP3h45nHoEKWJtK/QDiy0n1udAPx5S3sX3Lt0KzDo59fsAAbIQnri0mhQtdGIDtDqAbJ8mLIhBbi5nFs6eKE0p2B8LAnaCzfNDwdukOQF2OzK3MrB91sXmwMn7A3ARQXLDiI6QMUPzwfLDE76+XMW0ryEn4PDT0l5wNOeDJqDREh6IfAPwdOaz68WXVjglJCD1kTRzSXnNrlCBzhYAvwrnIIliBJG4pI+bzLBJX8+n4MO/yA8ngFy0OKUMPVYBXDp3/m9XaEDHOwBcirHDZWcyn0spmcSp3CqY50xUF4yxsHjVE0z8JYDqmON6AAHe4C8gIYX1jBAn225wPJFdawzBsibVHARgUFyEFIda0QHONgDpK/jcoHlB28e4WoBfKmY7kncUtzVLW/S091XHvHiRtWxRnSAgz7A3ptBcNmLS/a8+VjU/iLg7U5YtvB4bioatzAceHkrb27Bk0osf/7w3i7QAQ76AHtxAyVPlPNWTly6z8ivhDd8d8NLPjvBY1Mq8CZlvClZQXkd8OJDHaAO0DWTvG3gtTkRePqSgwJPmPMSLm5zO3PmDBRW1IPHehGucNuicFC9lyt0gEMtQLr7gyjg1g0uCrCrcoq2t8AOyb9VABcTbl9sA9VrD4QOUPHaA2HZAIk3Fxsx1Q/u8Y4GBsugeVKJ2+FUr3U+dIAmWT7A/5sO0CQdoEk6QJN0gCbpAE0yHSBfYKgaMcMG/YMjHeDfMB2g6iDtHB2gSTpAk3SAJukATdIBmvSvBcj/UUnfGwxWitCcKcNxhQ7QQRmOK1iIql50KFGG4wodoIMyHFfoAB2U4bhCB+igDMcVOkAHZTiu0AFK/md/Bw8XevIIyEqZAAAAAElFTkSuQmCC", 1, "doc-img"], [1, "tooltiptext", "doc-tooltip"]], template: function EventLogTableComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "table", 0);
+        i0.ɵɵelementStart(1, "caption");
+        i0.ɵɵelementStart(2, "h2", 1);
+        i0.ɵɵtext(3, "History");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "thead");
+        i0.ɵɵelementStart(5, "tr");
+        i0.ɵɵelementStart(6, "th");
+        i0.ɵɵelementStart(7, "span", 2);
+        i0.ɵɵtext(8, "Event");
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(3, WriteFixedListFieldComponent_span_3_Template, 2, 1, "span", 3);
-        i0.ɵɵtemplate(4, WriteFixedListFieldComponent_span_4_Template, 3, 4, "span", 4);
-        i0.ɵɵelementStart(5, "select", 5);
-        i0.ɵɵelementStart(6, "option", 6);
-        i0.ɵɵtext(7, "--Select a value--");
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(8, WriteFixedListFieldComponent_option_8_Template, 2, 2, "option", 7);
+        i0.ɵɵelementStart(9, "th");
+        i0.ɵɵelementStart(10, "span", 2);
+        i0.ɵɵtext(11, "Date");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(12, "th");
+        i0.ɵɵelementStart(13, "span", 2);
+        i0.ɵɵtext(14, "Author");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(15, "tbody");
+        i0.ɵɵtemplate(16, EventLogTableComponent_tr_16_Template, 19, 24, "tr", 3);
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$v, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("for", ctx.id());
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.caseField.label);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.caseField.hint_text);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.fixedListFormControl.errors && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched));
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("id", ctx.id())("formControl", ctx.fixedListFormControl);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngValue", null);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngForOf", ctx.listItems);
-    } }, directives: [i1.NgClass, i1.NgIf, i1$3.SelectControlValueAccessor, i1$3.NgControlStatus, i1$3.FormControlDirective, i1$3.NgSelectOption, i1$3.ɵangular_packages_forms_forms_z, i1.NgForOf], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
-const ɵWriteFixedListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteFixedListFieldComponent);
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteFixedListFieldComponent, [{
+        i0.ɵɵadvance(16);
+        i0.ɵɵproperty("ngForOf", ctx.events);
+    } }, directives: [i1.NgForOf, i1.NgClass, i1.NgSwitch, i1.NgSwitchCase, i1.NgIf, i1$1.RouterLinkWithHref], pipes: [DatePipe, i1.TitleCasePipe, i1.UpperCasePipe], styles: ["#case-timeline[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{cursor:pointer;text-decoration:underline;color:#005ea5}#case-timeline[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover{color:#2b8cc4}#case-timeline[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:visited{color:#4c2c92}.EventLogTable[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:first-child{padding-left:10px}.EventLogTable[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%] > tr.EventLogTable-Selected[_ngcontent-%COMP%]{border-left:8px solid #005ea5;background-color:#f8f8f8}.EventLogTable[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%] > tr.EventLogTable-Selected[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:first-child{padding-left:6px}.EventLogTable[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]:not(.EventLogTable-Selected):hover{border-left:8px solid #2b8cc4;background-color:#f8f8f8;cursor:pointer;cursor:hand}.EventLogTable[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]:not(.EventLogTable-Selected):hover   td[_ngcontent-%COMP%]:first-child{padding-left:6px}.EventLogTable[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]   .event-link[_ngcontent-%COMP%]{float:left;padding-right:8px}.EventLogTable[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]   .doc-img[_ngcontent-%COMP%]{width:16px;float:left}.EventLogTable[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]   .doc-tooltip[_ngcontent-%COMP%]{left:35%;bottom:7px}.EventLogTable[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]   .doc-tooltip[_ngcontent-%COMP%]:after{border-color:transparent}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EventLogTableComponent, [{
         type: Component,
         args: [{
-                selector: 'ccd-write-fixed-list-field',
-                templateUrl: './write-fixed-list-field.html'
+                selector: 'ccd-event-log-table',
+                templateUrl: './event-log-table.component.html',
+                styleUrls: ['./event-log-table.scss']
             }]
-    }], null, null); })();
+    }], null, { events: [{
+            type: Input
+        }], selected: [{
+            type: Input
+        }], onSelect: [{
+            type: Output
+        }], onCaseHistory: [{
+            type: Output
+        }] }); })();
 
-class FixedRadioListPipe {
-    transform(value, items) {
-        const item = items.find(i => i.code === value);
-        return item ? item.label : FixedRadioListPipe.EMPTY;
+class DashPipe {
+    transform(value) {
+        return value ? value : '-';
     }
 }
-FixedRadioListPipe.EMPTY = '';
-FixedRadioListPipe.ɵfac = function FixedRadioListPipe_Factory(t) { return new (t || FixedRadioListPipe)(); };
-FixedRadioListPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdFixedRadioList", type: FixedRadioListPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FixedRadioListPipe, [{
+DashPipe.ɵfac = function DashPipe_Factory(t) { return new (t || DashPipe)(); };
+DashPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdDash", type: DashPipe, pure: true });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DashPipe, [{
         type: Pipe,
         args: [{
-                name: 'ccdFixedRadioList'
+                name: 'ccdDash'
             }]
     }], null, null); })();
 
-class ReadFixedRadioListFieldComponent extends AbstractFieldReadComponent {
+class EventLogDetailsComponent {
 }
-ReadFixedRadioListFieldComponent.ɵfac = function ReadFixedRadioListFieldComponent_Factory(t) { return ɵReadFixedRadioListFieldComponent_BaseFactory(t || ReadFixedRadioListFieldComponent); };
-ReadFixedRadioListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadFixedRadioListFieldComponent, selectors: [["ccd-read-fixed-radio-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 4, consts: [[1, "text-16"]], template: function ReadFixedRadioListFieldComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "span", 0);
-        i0.ɵɵtext(1);
-        i0.ɵɵpipe(2, "ccdFixedRadioList");
+EventLogDetailsComponent.ɵfac = function EventLogDetailsComponent_Factory(t) { return new (t || EventLogDetailsComponent)(); };
+EventLogDetailsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: EventLogDetailsComponent, selectors: [["ccd-event-log-details"]], inputs: { event: "event" }, decls: 52, vars: 18, consts: [["tabindex", "0", 1, "EventLogDetails"], [1, "heading-h2"], ["tabindex", "0", "aria-live", "polite"], [1, "text-16"], [1, "tooltip", "text-16"]], template: function EventLogDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "table", 0);
+        i0.ɵɵelementStart(1, "caption");
+        i0.ɵɵelementStart(2, "h2", 1);
+        i0.ɵɵtext(3, "Details");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "tbody", 2);
+        i0.ɵɵelementStart(5, "tr");
+        i0.ɵɵelementStart(6, "th");
+        i0.ɵɵelementStart(7, "span", 3);
+        i0.ɵɵtext(8, "Date");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(9, "td");
+        i0.ɵɵelementStart(10, "div", 4);
+        i0.ɵɵtext(11);
+        i0.ɵɵpipe(12, "ccdDate");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(13, "tr");
+        i0.ɵɵelementStart(14, "th");
+        i0.ɵɵelementStart(15, "span", 3);
+        i0.ɵɵtext(16, "Author");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(17, "td");
+        i0.ɵɵelementStart(18, "span", 3);
+        i0.ɵɵtext(19);
+        i0.ɵɵpipe(20, "titlecase");
+        i0.ɵɵpipe(21, "uppercase");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(22, "tr");
+        i0.ɵɵelementStart(23, "th");
+        i0.ɵɵelementStart(24, "span", 3);
+        i0.ɵɵtext(25, "End state");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(26, "td");
+        i0.ɵɵelementStart(27, "span", 3);
+        i0.ɵɵtext(28);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(29, "tr");
+        i0.ɵɵelementStart(30, "th");
+        i0.ɵɵelementStart(31, "span", 3);
+        i0.ɵɵtext(32, "Event");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(33, "td");
+        i0.ɵɵelementStart(34, "span", 3);
+        i0.ɵɵtext(35);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(36, "tr");
+        i0.ɵɵelementStart(37, "th");
+        i0.ɵɵelementStart(38, "span", 3);
+        i0.ɵɵtext(39, "Summary");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(40, "td");
+        i0.ɵɵelementStart(41, "span", 3);
+        i0.ɵɵtext(42);
+        i0.ɵɵpipe(43, "ccdDash");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(44, "tr");
+        i0.ɵɵelementStart(45, "th");
+        i0.ɵɵelementStart(46, "span", 3);
+        i0.ɵɵtext(47, "Comment");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(48, "td");
+        i0.ɵɵelementStart(49, "span", 3);
+        i0.ɵɵtext(50);
+        i0.ɵɵpipe(51, "ccdDash");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx.caseField.value, ctx.caseField.field_type.fixed_list_items));
-    } }, pipes: [FixedRadioListPipe], encapsulation: 2 });
-const ɵReadFixedRadioListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(ReadFixedRadioListFieldComponent);
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadFixedRadioListFieldComponent, [{
+        i0.ɵɵadvance(11);
+        i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(12, 7, ctx.event.timestamp, "local"), " ");
+        i0.ɵɵadvance(8);
+        i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(20, 10, ctx.event.user_first_name), " ", i0.ɵɵpipeBind1(21, 12, ctx.event.user_last_name), "");
+        i0.ɵɵadvance(9);
+        i0.ɵɵtextInterpolate(ctx.event.state_name);
+        i0.ɵɵadvance(7);
+        i0.ɵɵtextInterpolate(ctx.event.event_name);
+        i0.ɵɵadvance(7);
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(43, 14, ctx.event.summary));
+        i0.ɵɵadvance(8);
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(51, 16, ctx.event.comment));
+    } }, pipes: [DatePipe, i1.TitleCasePipe, i1.UpperCasePipe, DashPipe], styles: [".EventLogDetails[_ngcontent-%COMP%]   td[_ngcontent-%COMP%], .EventLogDetails[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{border-bottom:none}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EventLogDetailsComponent, [{
         type: Component,
         args: [{
-                selector: 'ccd-read-fixed-radio-list-field',
-                template: '<span class="text-16">{{caseField.value | ccdFixedRadioList:caseField.field_type.fixed_list_items}}</span>',
+                selector: 'ccd-event-log-details',
+                templateUrl: './event-log-details.component.html',
+                styleUrls: ['./event-log-details.scss']
             }]
-    }], null, null); })();
+    }], null, { event: [{
+            type: Input
+        }] }); })();
 
-function WriteFixedRadioListFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 6);
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "ccdFieldLabel");
+function EventLogComponent_ccd_event_log_table_3_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "ccd-event-log-table", 7);
+    i0.ɵɵlistener("onSelect", function EventLogComponent_ccd_event_log_table_3_Template_ccd_event_log_table_onSelect_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.select($event); })("onCaseHistory", function EventLogComponent_ccd_event_log_table_3_Template_ccd_event_log_table_onCaseHistory_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.caseHistoryClicked($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.caseField));
+    i0.ɵɵproperty("events", ctx_r0.events)("selected", ctx_r0.selected);
 } }
-function WriteFixedRadioListFieldComponent_span_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 7);
-    i0.ɵɵtext(1);
+function EventLogComponent_ccd_event_log_table_4_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "ccd-event-log-table", 8);
+    i0.ɵɵlistener("onSelect", function EventLogComponent_ccd_event_log_table_4_Template_ccd_event_log_table_onSelect_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.select($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r1.caseField.hint_text);
+    i0.ɵɵproperty("events", ctx_r1.events)("selected", ctx_r1.selected);
 } }
-function WriteFixedRadioListFieldComponent_span_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 8);
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "ccdFirstError");
-    i0.ɵɵelementEnd();
+function EventLogComponent_ccd_event_log_details_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "ccd-event-log-details", 9);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.fixedRadioListControl.errors, ctx_r2.caseField.label));
-} }
-const _c0$u = function (a0) { return { selected: a0 }; };
-function WriteFixedRadioListFieldComponent_div_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 9);
-    i0.ɵɵelement(1, "input", 10);
-    i0.ɵɵelementStart(2, "label", 11);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const radioButton_r4 = ctx.$implicit;
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$u, ctx_r3.fixedRadioListControl.value === radioButton_r4.code));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("id", ctx_r3.id() + "-" + radioButton_r4.code)("name", ctx_r3.id())("formControl", ctx_r3.fixedRadioListControl)("value", radioButton_r4.code);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("for", ctx_r3.id() + "-" + radioButton_r4.code);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(radioButton_r4.label);
+    i0.ɵɵproperty("event", ctx_r2.selected);
 } }
-const _c1$a = function (a0) { return { "form-group-error": a0 }; };
-class WriteFixedRadioListFieldComponent extends AbstractFieldWriteComponent {
+class EventLogComponent {
+    constructor() {
+        this.onCaseHistory = new EventEmitter();
+        this.isPartOfCaseTimeline = false;
+    }
     ngOnInit() {
-        const notEmpty = this.caseField.value !== null && this.caseField.value !== undefined;
-        this.fixedRadioListControl = this.registerControl(new FormControl(notEmpty ? this.caseField.value : null));
+        this.selected = this.events[0];
+        this.isPartOfCaseTimeline = this.onCaseHistory.observers.length > 0;
+    }
+    select(event) {
+        this.selected = event;
+    }
+    caseHistoryClicked(eventId) {
+        this.onCaseHistory.emit(eventId);
     }
 }
-WriteFixedRadioListFieldComponent.ɵfac = function WriteFixedRadioListFieldComponent_Factory(t) { return ɵWriteFixedRadioListFieldComponent_BaseFactory(t || WriteFixedRadioListFieldComponent); };
-WriteFixedRadioListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteFixedRadioListFieldComponent, selectors: [["ccd-write-fixed-radio-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 9, consts: [[1, "form-group", "bottom-30", 3, "ngClass", "id"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], ["class", "multiple-choice", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "form-label"], [1, "form-hint"], [1, "error-message"], [1, "multiple-choice", 3, "ngClass"], ["type", "radio", 1, "form-control", 3, "id", "name", "formControl", "value"], [1, "form-label", 3, "for"]], template: function WriteFixedRadioListFieldComponent_Template(rf, ctx) { if (rf & 1) {
+EventLogComponent.ɵfac = function EventLogComponent_Factory(t) { return new (t || EventLogComponent)(); };
+EventLogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: EventLogComponent, selectors: [["ccd-event-log"]], inputs: { events: "events" }, outputs: { onCaseHistory: "onCaseHistory" }, decls: 8, vars: 4, consts: [[1, "grid-row"], [1, "column-one-half"], [3, "ngSwitch"], [3, "events", "selected", "onSelect", "onCaseHistory", 4, "ngSwitchCase"], [3, "events", "selected", "onSelect", 4, "ngSwitchCase"], [1, "EventLog-DetailsPanel"], [3, "event", 4, "ngIf"], [3, "events", "selected", "onSelect", "onCaseHistory"], [3, "events", "selected", "onSelect"], [3, "event"]], template: function EventLogComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵelementStart(1, "fieldset");
-        i0.ɵɵelementStart(2, "legend");
-        i0.ɵɵelementStart(3, "label", 1);
-        i0.ɵɵtemplate(4, WriteFixedRadioListFieldComponent_span_4_Template, 3, 3, "span", 2);
+        i0.ɵɵelementStart(1, "div", 1);
+        i0.ɵɵelementContainerStart(2, 2);
+        i0.ɵɵtemplate(3, EventLogComponent_ccd_event_log_table_3_Template, 1, 2, "ccd-event-log-table", 3);
+        i0.ɵɵtemplate(4, EventLogComponent_ccd_event_log_table_4_Template, 1, 2, "ccd-event-log-table", 4);
+        i0.ɵɵelementContainerEnd();
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(5, WriteFixedRadioListFieldComponent_span_5_Template, 2, 1, "span", 3);
-        i0.ɵɵtemplate(6, WriteFixedRadioListFieldComponent_span_6_Template, 3, 4, "span", 4);
+        i0.ɵɵelementStart(5, "div", 1);
+        i0.ɵɵelementStart(6, "div", 5);
+        i0.ɵɵtemplate(7, EventLogComponent_ccd_event_log_details_7_Template, 1, 1, "ccd-event-log-details", 6);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementContainerStart(7);
-        i0.ɵɵtemplate(8, WriteFixedRadioListFieldComponent_div_8_Template, 4, 9, "div", 5);
-        i0.ɵɵelementContainerEnd();
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1$a, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
-        i0.ɵɵadvance(3);
-        i0.ɵɵproperty("for", ctx.id());
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.caseField.label);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngSwitch", ctx.isPartOfCaseTimeline);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.caseField.hint_text);
+        i0.ɵɵproperty("ngSwitchCase", true);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.fixedRadioListControl.errors && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched));
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngForOf", ctx.caseField.field_type.fixed_list_items);
-    } }, directives: [i1.NgClass, i1.NgIf, i1.NgForOf, i1$3.RadioControlValueAccessor, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
-const ɵWriteFixedRadioListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteFixedRadioListFieldComponent);
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteFixedRadioListFieldComponent, [{
+        i0.ɵɵproperty("ngSwitchCase", false);
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("ngIf", ctx.selected);
+    } }, directives: [i1.NgSwitch, i1.NgSwitchCase, i1.NgIf, EventLogTableComponent, EventLogDetailsComponent], styles: ["@media (max-width:991px){[class*=col-md][_ngcontent-%COMP%]{margin-bottom:30px}}.EventLog-DetailsPanel[_ngcontent-%COMP%]{border:1px solid #bfc1c3;padding:0 10px 10px;margin-top:20px}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EventLogComponent, [{
         type: Component,
         args: [{
-                selector: 'ccd-write-fixed-radio-list-field',
-                templateUrl: './write-fixed-radio-list-field.html'
+                selector: 'ccd-event-log',
+                templateUrl: './event-log.component.html',
+                styleUrls: ['./event-log.scss']
+            }]
+    }], null, { events: [{
+            type: Input
+        }], onCaseHistory: [{
+            type: Output
+        }] }); })();
+
+class CaseHistoryViewerFieldComponent extends AbstractFieldReadComponent {
+}
+CaseHistoryViewerFieldComponent.ɵfac = function CaseHistoryViewerFieldComponent_Factory(t) { return ɵCaseHistoryViewerFieldComponent_BaseFactory(t || CaseHistoryViewerFieldComponent); };
+CaseHistoryViewerFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseHistoryViewerFieldComponent, selectors: [["ccd-case-history-viewer-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "events"]], template: function CaseHistoryViewerFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelement(0, "ccd-event-log", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("events", ctx.caseField.value);
+    } }, directives: [EventLogComponent], encapsulation: 2 });
+const ɵCaseHistoryViewerFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(CaseHistoryViewerFieldComponent);
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseHistoryViewerFieldComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-case-history-viewer-field',
+                templateUrl: 'case-history-viewer-field.component.html',
             }]
     }], null, null); })();
 
-function EventLogTableComponent_tr_16_div_3_a_1_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "a", 16);
-    i0.ɵɵlistener("click", function EventLogTableComponent_tr_16_div_3_a_1_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r9); const event_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.caseHistoryClicked(event_r1.id); });
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const event_r1 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r6 = i0.ɵɵnextContext();
-    i0.ɵɵattribute("aria-label", ctx_r6.getAriaLabelforLink(event_r1));
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(event_r1.event_name);
-} }
-function EventLogTableComponent_tr_16_div_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵtemplate(1, EventLogTableComponent_tr_16_div_3_a_1_Template, 2, 2, "a", 15);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const event_r1 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", event_r1.state_id !== "Draft");
-} }
-const _c0$t = function (a2) { return ["./", "event", a2, "history"]; };
-function EventLogTableComponent_tr_16_div_4_a_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 18);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const event_r1 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r12 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction1(4, _c0$t, event_r1.id))("target", "_blank");
-    i0.ɵɵattribute("aria-label", ctx_r12.getAriaLabelforLink(event_r1));
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(event_r1.event_name);
-} }
-function EventLogTableComponent_tr_16_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, EventLogTableComponent_tr_16_div_4_a_1_Template, 2, 6, "a", 17);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const event_r1 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", event_r1.state_id !== "Draft");
-} }
-function EventLogTableComponent_tr_16_span_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const event_r1 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(event_r1.event_name);
-} }
-function EventLogTableComponent_tr_16_div_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19);
-    i0.ɵɵelementStart(1, "a", 20);
-    i0.ɵɵelement(2, "img", 21);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 22);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const event_r1 = i0.ɵɵnextContext().$implicit;
-    const ctx_r5 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵpropertyInterpolate("href", ctx_r5.getSignificantItemUrl(event_r1), i0.ɵɵsanitizeUrl);
-    i0.ɵɵattribute("aria-label", ctx_r5.getAriaLabelforLink(event_r1));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r5.getSignificantItemDesc(event_r1));
-} }
-const _c1$9 = function (a0) { return { "EventLogTable-Selected": a0 }; };
-function EventLogTableComponent_tr_16_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr", 4);
-    i0.ɵɵlistener("click", function EventLogTableComponent_tr_16_Template_tr_click_0_listener() { i0.ɵɵrestoreView(_r18); const event_r1 = ctx.$implicit; const ctx_r17 = i0.ɵɵnextContext(); return ctx_r17.select(event_r1); });
-    i0.ɵɵelementStart(1, "td");
-    i0.ɵɵelementContainerStart(2, 5);
-    i0.ɵɵtemplate(3, EventLogTableComponent_tr_16_div_3_Template, 2, 1, "div", 6);
-    i0.ɵɵtemplate(4, EventLogTableComponent_tr_16_div_4_Template, 2, 1, "div", 7);
-    i0.ɵɵelementContainerEnd();
-    i0.ɵɵtemplate(5, EventLogTableComponent_tr_16_span_5_Template, 2, 1, "span", 8);
-    i0.ɵɵtemplate(6, EventLogTableComponent_tr_16_div_6_Template, 5, 3, "div", 9);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "td", 10);
-    i0.ɵɵlistener("keydown.enter", function EventLogTableComponent_tr_16_Template_td_keydown_enter_7_listener() { i0.ɵɵrestoreView(_r18); const event_r1 = ctx.$implicit; const ctx_r19 = i0.ɵɵnextContext(); return ctx_r19.select(event_r1); });
-    i0.ɵɵelementStart(8, "div", 11);
-    i0.ɵɵtext(9);
-    i0.ɵɵpipe(10, "ccdDate");
-    i0.ɵɵelementStart(11, "span", 12);
-    i0.ɵɵtext(12);
-    i0.ɵɵpipe(13, "ccdDate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "td", 13);
-    i0.ɵɵelementStart(15, "span", 2);
-    i0.ɵɵtext(16);
-    i0.ɵɵpipe(17, "titlecase");
-    i0.ɵɵpipe(18, "uppercase");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const event_r1 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(22, _c1$9, ctx_r0.selected === event_r1));
-    i0.ɵɵattribute("aria-label", ctx_r0.getAriaLabelforRow(event_r1));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngSwitch", ctx_r0.isPartOfCaseTimeline);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngSwitchCase", true);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngSwitchCase", false);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", event_r1.state_id === "Draft");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.significantItemExist(event_r1));
-    i0.ɵɵadvance(1);
-    i0.ɵɵattribute("aria-label", ctx_r0.getAriaLabelforColumn(event_r1));
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(10, 12, event_r1.timestamp, "local"), " ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("Local: ", i0.ɵɵpipeBind2(13, 15, event_r1.timestamp, "local"), "");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(17, 18, event_r1.user_first_name), " ", i0.ɵɵpipeBind1(18, 20, event_r1.user_last_name), "");
-} }
-class EventLogTableComponent {
+class ErrorNotifierService {
+    constructor() {
+        this.errorSource = new Subject();
+        this.error = this.errorSource.asObservable();
+    }
+    announceError(error) {
+        this.errorSource.next(error);
+    }
+}
+ErrorNotifierService.ɵfac = function ErrorNotifierService_Factory(t) { return new (t || ErrorNotifierService)(); };
+ErrorNotifierService.ɵprov = i0.ɵɵdefineInjectable({ token: ErrorNotifierService, factory: ErrorNotifierService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ErrorNotifierService, [{
+        type: Injectable
+    }], null, null); })();
+
+class EventStatusService {
+    static isIncomplete(eventStatus) {
+        if (!eventStatus) {
+            return false;
+        }
+        return EventStatusService.CALLBACK_STATUS_INCOMPLETE === eventStatus
+            || EventStatusService.DELETE_DRAFT_STATUS_INCOMPLETE === eventStatus;
+    }
+}
+EventStatusService.CALLBACK_STATUS_INCOMPLETE = 'INCOMPLETE_CALLBACK';
+EventStatusService.DELETE_DRAFT_STATUS_INCOMPLETE = 'INCOMPLETE_DELETE_DRAFT';
+EventStatusService.CALLBACK_STATUS_COMPLETE = 'CALLBACK_COMPLETED';
+EventStatusService.DELETE_DRAFT_STATUS_COMPLETE = 'DELETE_DRAFT_COMPLETED';
+EventStatusService.ɵfac = function EventStatusService_Factory(t) { return new (t || EventStatusService)(); };
+EventStatusService.ɵprov = i0.ɵɵdefineInjectable({ token: EventStatusService, factory: EventStatusService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EventStatusService, [{
+        type: Injectable
+    }], null, null); })();
+
+class FormErrorService {
+    mapFieldErrors(errors, form, errorKey) {
+        errors.forEach(error => {
+            const formControl = this.getFormControl(form, error.id);
+            if (formControl) {
+                formControl.setErrors({
+                    [errorKey]: error.message
+                });
+            }
+        });
+    }
+    getFormControl(form, fieldId) {
+        const fields = fieldId.split('.');
+        let group = form;
+        let inArray = false;
+        let control;
+        fields.every((field, index) => {
+            if (index === fields.length - 1) {
+                control = group.controls[field];
+            }
+            else {
+                group = group.controls[field];
+                if (inArray && group.controls['value']) {
+                    group = group.controls['value'];
+                }
+                if (group && group.constructor && FormArray.name === group.constructor.name) {
+                    inArray = true;
+                }
+                else {
+                    inArray = false;
+                }
+            }
+            return !!group;
+        });
+        return control;
+    }
+}
+FormErrorService.ɵfac = function FormErrorService_Factory(t) { return new (t || FormErrorService)(); };
+FormErrorService.ɵprov = i0.ɵɵdefineInjectable({ token: FormErrorService, factory: FormErrorService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormErrorService, [{
+        type: Injectable
+    }], null, null); })();
+
+class JurisdictionService {
+    constructor(httpService) {
+        this.httpService = httpService;
+        this.selectedJurisdictionSource = new Subject$1();
+        this.selectedJurisdiction = this.selectedJurisdictionSource.asObservable();
+    }
+    announceSelectedJurisdiction(jurisdiction) {
+        this.selectedJurisdictionSource.next(jurisdiction);
+    }
+    searchJudicialUsers(searchTerm, serviceId) {
+        return this.httpService.post('api/prd/judicial/getJudicialUsersSearch', { searchString: searchTerm, serviceCode: serviceId });
+    }
+    searchJudicialUsersByPersonalCodes(personalCodes) {
+        return this.httpService.post('api/prd/judicial/searchJudicialUserByPersonalCodes', { personal_code: personalCodes });
+    }
+}
+JurisdictionService.ɵfac = function JurisdictionService_Factory(t) { return new (t || JurisdictionService)(i0.ɵɵinject(HttpService)); };
+JurisdictionService.ɵprov = i0.ɵɵdefineInjectable({ token: JurisdictionService, factory: JurisdictionService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(JurisdictionService, [{
+        type: Injectable
+    }], function () { return [{ type: HttpService }]; }, null); })();
+
+class BannersService {
+    constructor(httpService, appConfig) {
+        this.httpService = httpService;
+        this.appConfig = appConfig;
+    }
+    getBanners(jurisdictionReferences) {
+        const url = this.appConfig.getBannersUrl();
+        const headers = new HttpHeaders()
+            .set('experimental', 'true')
+            .set('Accept', BannersService.V2_MEDIATYPE_BANNERS)
+            .set('Content-Type', 'application/json');
+        let params = new HttpParams();
+        jurisdictionReferences.forEach(reference => params = params.append('ids', reference));
+        return this.httpService
+            .get(url, { params, headers, observe: 'body' })
+            .pipe(map(body => body.banners));
+    }
+}
+BannersService.V2_MEDIATYPE_BANNERS = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-banners.v2+json;charset=UTF-8';
+BannersService.ɵfac = function BannersService_Factory(t) { return new (t || BannersService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig)); };
+BannersService.ɵprov = i0.ɵɵdefineInjectable({ token: BannersService, factory: BannersService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BannersService, [{
+        type: Injectable
+    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }]; }, null); })();
+
+var NavigationOrigin;
+(function (NavigationOrigin) {
+    NavigationOrigin[NavigationOrigin["DRAFT_DELETED"] = 0] = "DRAFT_DELETED";
+    NavigationOrigin[NavigationOrigin["ERROR_DELETING_DRAFT"] = 1] = "ERROR_DELETING_DRAFT";
+    NavigationOrigin[NavigationOrigin["DRAFT_RESUMED"] = 2] = "DRAFT_RESUMED";
+    NavigationOrigin[NavigationOrigin["EVENT_TRIGGERED"] = 3] = "EVENT_TRIGGERED";
+    NavigationOrigin[NavigationOrigin["NO_READ_ACCESS_REDIRECTION"] = 4] = "NO_READ_ACCESS_REDIRECTION";
+})(NavigationOrigin || (NavigationOrigin = {}));
+
+class NavigationNotifierService {
     constructor() {
-        this.onSelect = new EventEmitter();
-        this.onCaseHistory = new EventEmitter();
-        this.isPartOfCaseTimeline = false;
+        this.navigationSource = new BehaviorSubject({});
+        this.navigation = this.navigationSource.asObservable();
     }
-    ngOnInit() {
-        this.isPartOfCaseTimeline = this.onCaseHistory.observers.length > 0;
+    announceNavigation(origin) {
+        this.navigationSource.next(origin);
     }
-    select(event) {
-        this.selected = event;
-        this.onSelect.emit(event);
+}
+NavigationNotifierService.ɵfac = function NavigationNotifierService_Factory(t) { return new (t || NavigationNotifierService)(); };
+NavigationNotifierService.ɵprov = i0.ɵɵdefineInjectable({ token: NavigationNotifierService, factory: NavigationNotifierService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationNotifierService, [{
+        type: Injectable
+    }], null, null); })();
+
+class ProfileService {
+    constructor(httpService, appConfig) {
+        this.httpService = httpService;
+        this.appConfig = appConfig;
     }
-    significantItemExist(event) {
-        return (event.significant_item &&
-            event.significant_item.type === 'DOCUMENT' &&
-            event.significant_item.url !== undefined &&
-            event.significant_item.description !== undefined);
+    get() {
+        const url = this.appConfig.getCaseDataUrl() + ProfileService.URL;
+        const headers = new HttpHeaders()
+            .set('experimental', 'true')
+            .set('Accept', ProfileService.V2_MEDIATYPE_USER_PROFILE)
+            .set('Content-Type', 'application/json');
+        return this.httpService
+            .get(url, { headers, observe: 'body' })
+            .pipe(map((p) => plainToClass(Profile, p)));
     }
-    getSignificantItemUrl(event) {
-        if (event.significant_item) {
-            return event.significant_item.url;
+}
+ProfileService.V2_MEDIATYPE_USER_PROFILE = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-user-profile.v2+json;charset=UTF-8';
+ProfileService.URL = '/internal/profile';
+ProfileService.ɵfac = function ProfileService_Factory(t) { return new (t || ProfileService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig)); };
+ProfileService.ɵprov = i0.ɵɵdefineInjectable({ token: ProfileService, factory: ProfileService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProfileService, [{
+        type: Injectable
+    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }]; }, null); })();
+
+class RequestOptionsBuilder {
+    /**
+     * Assess the value to see if it should be included in the request options.
+     * If it's null or an "empty" string, it shouldn't be.
+     *
+     * @param value The value to be assessed.
+     */
+    static includeParam(value) {
+        if (value) {
+            if (typeof (value) === 'string') {
+                return value.trim().length > 0;
+            }
+            return true;
         }
+        return false;
     }
-    getSignificantItemDesc(event) {
-        if (event.significant_item) {
-            return event.significant_item.description;
+    buildOptions(metaCriteria, caseCriteria, view) {
+        // TODO: This should probably be the now built-in URLSearchParams but it
+        // requires a bigger refactor and there are bigger fish to fry right now.
+        let params = new HttpParams();
+        if (view) {
+            params = params.set('view', view);
+        }
+        if (metaCriteria) {
+            for (const criterion of Object.keys(metaCriteria)) {
+                // EUI-3490. Make sure the parameter should be included for adding it.
+                // This was already handled by the old URLSearchParams mechanism.
+                if (RequestOptionsBuilder.includeParam(metaCriteria[criterion])) {
+                    params = params.set(criterion, metaCriteria[criterion]);
+                }
+            }
+        }
+        if (caseCriteria) {
+            for (const criterion of Object.keys(caseCriteria)) {
+                if (RequestOptionsBuilder.includeParam(caseCriteria[criterion])) {
+                    const key = RequestOptionsBuilder.FIELD_PREFIX + criterion;
+                    const value = caseCriteria[criterion].trim ? caseCriteria[criterion].trim() : caseCriteria[criterion];
+                    params = params.set(key, value.replace(/’/i, `'`));
+                }
+            }
         }
+        const options = { params, observe: 'body' };
+        return options;
+    }
+}
+RequestOptionsBuilder.FIELD_PREFIX = 'case.';
+RequestOptionsBuilder.ɵfac = function RequestOptionsBuilder_Factory(t) { return new (t || RequestOptionsBuilder)(); };
+RequestOptionsBuilder.ɵprov = i0.ɵɵdefineInjectable({ token: RequestOptionsBuilder, factory: RequestOptionsBuilder.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RequestOptionsBuilder, [{
+        type: Injectable
+    }], null, null); })();
+
+class SearchService {
+    constructor(appConfig, httpService, requestOptionsBuilder, loadingService) {
+        this.appConfig = appConfig;
+        this.httpService = httpService;
+        this.requestOptionsBuilder = requestOptionsBuilder;
+        this.loadingService = loadingService;
+    }
+    search(jurisdictionId, caseTypeId, metaCriteria, caseCriteria, view) {
+        const url = this.appConfig.getApiUrl() + `/caseworkers/:uid`
+            + `/jurisdictions/${jurisdictionId}`
+            + `/case-types/${caseTypeId}`
+            + `/cases`;
+        const options = this.requestOptionsBuilder.buildOptions(metaCriteria, caseCriteria, view);
+        const loadingToken = this.loadingService.register();
+        return this.httpService
+            .get(url, options)
+            .pipe(map(response => response), finalize(() => this.loadingService.unregister(loadingToken)));
+    }
+    searchCases(caseTypeId, metaCriteria, caseCriteria, view, sort) {
+        const url = this.appConfig.getCaseDataUrl() + `/internal/searchCases?ctid=${caseTypeId}&use_case=${view}`;
+        const options = this.requestOptionsBuilder.buildOptions(metaCriteria, caseCriteria, view);
+        const body = {
+            sort,
+            size: this.appConfig.getPaginationPageSize()
+        };
+        const loadingToken = this.loadingService.register();
+        return this.httpService
+            .post(url, body, options)
+            .pipe(map(response => response), finalize(() => this.loadingService.unregister(loadingToken)));
+    }
+    getSearchInputUrl(caseTypeId) {
+        return `${this.appConfig.getCaseDataUrl()}/internal/case-types/${caseTypeId}/search-inputs`;
+    }
+    getSearchInputs(jurisdictionId, caseTypeId) {
+        const url = this.getSearchInputUrl(caseTypeId);
+        const headers = new HttpHeaders()
+            .set('experimental', 'true')
+            .set('Accept', SearchService.V2_MEDIATYPE_SEARCH_INPUTS)
+            .set('Content-Type', 'application/json');
+        this.currentJurisdiction = jurisdictionId;
+        this.currentCaseType = caseTypeId;
+        return this.httpService
+            .get(url, { headers, observe: 'body' })
+            .pipe(map(body => {
+            const searchInputs = body.searchInputs;
+            if (this.isDataValid(jurisdictionId, caseTypeId)) {
+                searchInputs.forEach(item => {
+                    item.field.label = item.label;
+                    item.field.display_context_parameter = item.display_context_parameter;
+                });
+            }
+            else {
+                throw new Error('Response expired');
+            }
+            return searchInputs;
+        }));
+    }
+    isDataValid(jurisdictionId, caseTypeId) {
+        return this.currentJurisdiction === jurisdictionId && this.currentCaseType === caseTypeId;
+    }
+}
+SearchService.V2_MEDIATYPE_SEARCH_INPUTS = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-search-input-details.v2+json;charset=UTF-8';
+SearchService.VIEW_SEARCH = 'SEARCH';
+SearchService.VIEW_WORKBASKET = 'WORKBASKET';
+SearchService.FIELD_PREFIX = 'case.';
+SearchService.ɵfac = function SearchService_Factory(t) { return new (t || SearchService)(i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(HttpService), i0.ɵɵinject(RequestOptionsBuilder), i0.ɵɵinject(LoadingService)); };
+SearchService.ɵprov = i0.ɵɵdefineInjectable({ token: SearchService, factory: SearchService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchService, [{
+        type: Injectable
+    }], function () { return [{ type: AbstractAppConfig }, { type: HttpService }, { type: RequestOptionsBuilder }, { type: LoadingService }]; }, null); })();
+
+class RouterHelperService {
+    getUrlSegmentsFromRoot(route) {
+        return route.pathFromRoot
+            .filter(r => r.url && r.url.length)
+            .reduce((acc, r) => {
+            r.url.forEach(url => {
+                acc.push(url.path);
+            });
+            return acc;
+        }, []);
     }
-    caseHistoryClicked(eventId) {
-        this.onCaseHistory.emit(eventId);
+}
+RouterHelperService.ɵfac = function RouterHelperService_Factory(t) { return new (t || RouterHelperService)(); };
+RouterHelperService.ɵprov = i0.ɵɵdefineInjectable({ token: RouterHelperService, factory: RouterHelperService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RouterHelperService, [{
+        type: Injectable
+    }], null, null); })();
+
+class WorkbasketInputFilterService {
+    constructor(httpService, appConfig) {
+        this.httpService = httpService;
+        this.appConfig = appConfig;
     }
-    getAriaLabelforColumn(event) {
-        if (this.selected !== event) {
-            return `date ${formatDate(event.timestamp, 'dd MMM yyyy hh:mm:ss a', 'en-GB')},
-        press enter key for event ${event.event_name} details`;
-        }
-        else {
-            return '';
-        }
+    getWorkbasketInputUrl(caseTypeId) {
+        return `${this.appConfig.getCaseDataUrl()}/internal/case-types/${caseTypeId}/work-basket-inputs`;
     }
-    getAriaLabelforRow(event) {
-        return `you are on event ${event.event_name} row, press tab key to navigate to columns`;
+    getWorkbasketInputs(jurisdictionId, caseTypeId) {
+        const url = this.getWorkbasketInputUrl(caseTypeId);
+        const headers = new HttpHeaders()
+            .set('experimental', 'true')
+            .set('Accept', WorkbasketInputFilterService.V2_MEDIATYPE_WORKBASKET_INPUT_DETAILS)
+            .set('Content-Type', 'application/json');
+        this.currentJurisdiction = jurisdictionId;
+        this.currentCaseType = caseTypeId;
+        return this.httpService
+            .get(url, { headers, observe: 'body' })
+            .pipe(map(body => {
+            const workbasketInputs = body.workbasketInputs;
+            if (this.isDataValid(jurisdictionId, caseTypeId)) {
+                workbasketInputs.forEach(item => {
+                    item.field.label = item.label;
+                    if (item.display_context_parameter) {
+                        item.field.display_context_parameter = item.display_context_parameter;
+                    }
+                });
+            }
+            else {
+                throw new Error('Response expired');
+            }
+            return workbasketInputs;
+        }));
     }
-    getAriaLabelforLink(event) {
-        return `press enter key to open event ${event.event_name} link in separate window`;
+    isDataValid(jurisdictionId, caseTypeId) {
+        return this.currentJurisdiction === jurisdictionId && this.currentCaseType === caseTypeId;
     }
 }
-EventLogTableComponent.ɵfac = function EventLogTableComponent_Factory(t) { return new (t || EventLogTableComponent)(); };
-EventLogTableComponent.ɵcmp = i0.ɵɵdefineComponent({ type: EventLogTableComponent, selectors: [["ccd-event-log-table"]], inputs: { events: "events", selected: "selected" }, outputs: { onSelect: "onSelect", onCaseHistory: "onCaseHistory" }, decls: 17, vars: 1, consts: [[1, "EventLogTable"], [1, "heading-h2"], [1, "text-16"], ["tabindex", "0", 3, "ngClass", "click", 4, "ngFor", "ngForOf"], ["tabindex", "0", 3, "ngClass", "click"], [3, "ngSwitch"], ["id", "case-timeline", 4, "ngSwitchCase"], [4, "ngSwitchCase"], [4, "ngIf"], ["class", "tooltip", 4, "ngIf"], ["tabindex", "0", 3, "keydown.enter"], [1, "tooltip", "text-16"], [1, "tooltiptext"], ["tabindex", "0"], ["id", "case-timeline"], ["class", "text-16 event-link", 3, "click", 4, "ngIf"], [1, "text-16", "event-link", 3, "click"], ["class", "text-16 event-link", 3, "routerLink", "target", 4, "ngIf"], [1, "text-16", "event-link", 3, "routerLink", "target"], [1, "tooltip"], ["target", "_blank", "rel", "noopener", 3, "href"], ["alt", "document image", "src", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABoCAYAAABmOHdtAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4yMfEgaZUAAAkoSURBVHhe7d33c5RFHAZw/wCKiF0s2LAwiigq9l5G/UV/UUeFkEAoQqiWoKKI1Dg6YxQQbGmkXQoJIQQiaSShhiQMkgIphCSXkN4buPtcnnDG9fXCa+FN9mY+M5Lce7f3ZPb2u/vu+3rRsKn+Z4ey4e7BIB4XnQ8doA7QHB2gSTpAk3SAJlk+wOG9VL/7L+gATbrgAxzlHgAM6skVcTDhw2i4daENXvbZCXd9EAU8fqRbADi/5j9JB2jSBRvg2Hmh8MAnMbAl/Ths+jUPqhvboLapHXJKTkPU/mKI2FcEdyyJhOvmhoLqvczQAZp0wQU4YVEAuPnGw5GTtdDd0wOdXd3Q1uGQXVID/HlXdw+0tHVCWU0zvLMhFSZ5R4Dqvc+HDtCkCybAW8RAIHn6xkJpuR3aOrqgqqEVPDanwZu+u8HLLwPY1aduTAF7fSvwuLqmNliweRfc6x0JqrYMxN8FONwj9Cz0Pq8/HWBvEP2Do389wFHugTDROxqOldcDu2hmfiXcucQGN8wLgxHiWOnc6zjKncs9t8DVs4Ih+kAxFFY2QK0IUXr1q11wvRhYJOc2DQSD6B8cDXMLPAuKYyUd4P8d4Eg3B7+UfOgRA4V0XHxYafx7kcCCePT0IHhudTyEZZ6Al9YlAAO+bEbQH8RlnYT6lg4oqW6CG+eHw7Apfg6KNhrRAVo9wAeXxcKu3DJgOTLn53S4cmYwMLiA1AI4VdsCja0dwC5feroZOKXjcWO9woDHtbSLMkfYmHgMVG1zhQ7Q6gHyg/IDnbA3AssRLiLM/SUDyutagc8vrmoEDj4suAsqGuCa2SFwuWcQLAzIhJ6eMxCYVgi3LY4AVRuN6ACtHuALaxKgobUT8kUI0uRlMcAy5+fkfOjsktO5nr4pHrvmG75JUFzdDE1iGie9/s1uuHiaP7y4NgH4B8gtrYFJH8eAqo1GdIBWD5BTs6KqJmCZMW5RBLAgfmd9MvDxeeRhYNe7QhTPUqWYvkFdC2xK/A34fl9EHYZ80b2lmqZ2GPNuKDi3zRU6QKsHyC7F4PjB7vsoBi6eFgCBaQXQ0dkN2cWn4VJRJEvsgtuzSqFdPEd6ZlU8cKr31BfxwN/zDzdZlFKSqo1GdIBWD3D8+1HAQvhQUTWc+/J3BLj1QDHwyz+zwA4MhoH/euQUsJzhFO8SjwC4X4QscZks6Wg5vOKzE1RtNKIDtHqAb36bBOVieiXVN7cDB4crZ24Bt+9TgQXwmpgc4GDDQrm6oRUqxAAi+cTmwAg3f+Agwikfnz9mdjCo2mhEB2j1AN/6Lgn4gVhWjFtkg9EegbA8MgvYNW37ioFTNRbUHIRYmE8XJZLE5TD+u0EMWNLpxjbg8ao2GtEBWj3AmxeEAx9ZYgCR5vllAAeR2EMl0NDSDnweBxGWKzyxztObj6/YDix3uHzGQcS2twg42KjaaEQHaPUAH/9cfEChTgwcUm1zBzz82TZgF14hvvglLiYE7SkEdmEuzXM5jIW55w9pwFMHM8R/S/0Ld8t2YR2g4ocD4bYxBfYXVgG/3Lm5iEv67ptSgY8vt+UCt7dd+24osBzilo5l4QeBC7OrtmYDyxwue42ZEwKqNhrRAVo9QBbMreILXWIXfHtDCnAQCU4/DpzK7cmrgNHTRRcXuBiwJ68S+HrPrNoBl4ivAenplduBiwmJuWXAKZ6qjUZ0gIMlwOa2DiiqaoS31ydDX4BiwJAYYNqxCmB5wkEnI98OXJx4emU8jHKX2z/8UepIDHBXThnoAIdqgAyKm4h4ovxGr1DoG0S+TwE+1okBRLpFFOHSdXPDgEv6nBouDT0AfL/V0Yfhz4NIKDi3zRU6QKsH+NCnscBFBBbULLA5SKyMzgYu6funFsBVs4Lh5gU2KBGhSXy9KRuSgYsJM3/cAyyX8srrYaxXOKjaaEQHaPUAOYXqFhN/iSfMFwdmAhcLth8uBXbxgyeqgL/nhTbx4jkSNylxcOAmo4dEqSNxEAkRpZH0wtoEULXRiA7Q6gG+9nUiFFY2Aif549+LAJYpq7bmABdUt4iSRrp6dghwaZ8bJ9mFueWDS/qzf0qHxtZOsNe3ADdmqtpoRAdo9QB5OrFYfGiJZcWED6OAWzs8f0wHnlRaHpEFXJBlucM/AKeEH4UdAC4mrI3NBS46cAsIl8VUbTSiA7R6gFyOYnBHy+pgmiiaJW5L25F9ErhIkHy0HPj7J1bEAZfFuPD66PI44GDz8Kdiyie0d3ZBgpjGSc+K6Z2kaqMRHaDVA3xMfDiJW3W5NfeRz7YBP3h45nHoEKWJtK/QDiy0n1udAPx5S3sX3Lt0KzDo59fsAAbIQnri0mhQtdGIDtDqAbJ8mLIhBbi5nFs6eKE0p2B8LAnaCzfNDwdukOQF2OzK3MrB91sXmwMn7A3ARQXLDiI6QMUPzwfLDE76+XMW0ryEn4PDT0l5wNOeDJqDREh6IfAPwdOaz68WXVjglJCD1kTRzSXnNrlCBzhYAvwrnIIliBJG4pI+bzLBJX8+n4MO/yA8ngFy0OKUMPVYBXDp3/m9XaEDHOwBcirHDZWcyn0spmcSp3CqY50xUF4yxsHjVE0z8JYDqmON6AAHe4C8gIYX1jBAn225wPJFdawzBsibVHARgUFyEFIda0QHONgDpK/jcoHlB28e4WoBfKmY7kncUtzVLW/S091XHvHiRtWxRnSAgz7A3ptBcNmLS/a8+VjU/iLg7U5YtvB4bioatzAceHkrb27Bk0osf/7w3i7QAQ76AHtxAyVPlPNWTly6z8ivhDd8d8NLPjvBY1Mq8CZlvClZQXkd8OJDHaAO0DWTvG3gtTkRePqSgwJPmPMSLm5zO3PmDBRW1IPHehGucNuicFC9lyt0gEMtQLr7gyjg1g0uCrCrcoq2t8AOyb9VABcTbl9sA9VrD4QOUPHaA2HZAIk3Fxsx1Q/u8Y4GBsugeVKJ2+FUr3U+dIAmWT7A/5sO0CQdoEk6QJN0gCbpAE0yHSBfYKgaMcMG/YMjHeDfMB2g6iDtHB2gSTpAk3SAJukATdIBmvSvBcj/UUnfGwxWitCcKcNxhQ7QQRmOK1iIql50KFGG4wodoIMyHFfoAB2U4bhCB+igDMcVOkAHZTiu0AFK/md/Bw8XevIIyEqZAAAAAElFTkSuQmCC", 1, "doc-img"], [1, "tooltiptext", "doc-tooltip"]], template: function EventLogTableComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "table", 0);
-        i0.ɵɵelementStart(1, "caption");
-        i0.ɵɵelementStart(2, "h2", 1);
-        i0.ɵɵtext(3, "History");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(4, "thead");
-        i0.ɵɵelementStart(5, "tr");
-        i0.ɵɵelementStart(6, "th");
-        i0.ɵɵelementStart(7, "span", 2);
-        i0.ɵɵtext(8, "Event");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(9, "th");
-        i0.ɵɵelementStart(10, "span", 2);
-        i0.ɵɵtext(11, "Date");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(12, "th");
-        i0.ɵɵelementStart(13, "span", 2);
-        i0.ɵɵtext(14, "Author");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(15, "tbody");
-        i0.ɵɵtemplate(16, EventLogTableComponent_tr_16_Template, 19, 24, "tr", 3);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance(16);
-        i0.ɵɵproperty("ngForOf", ctx.events);
-    } }, directives: [i1.NgForOf, i1.NgClass, i1.NgSwitch, i1.NgSwitchCase, i1.NgIf, i1$1.RouterLinkWithHref], pipes: [DatePipe, i1.TitleCasePipe, i1.UpperCasePipe], styles: ["#case-timeline[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{cursor:pointer;text-decoration:underline;color:#005ea5}#case-timeline[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover{color:#2b8cc4}#case-timeline[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:visited{color:#4c2c92}.EventLogTable[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:first-child{padding-left:10px}.EventLogTable[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%] > tr.EventLogTable-Selected[_ngcontent-%COMP%]{border-left:8px solid #005ea5;background-color:#f8f8f8}.EventLogTable[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%] > tr.EventLogTable-Selected[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:first-child{padding-left:6px}.EventLogTable[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]:not(.EventLogTable-Selected):hover{border-left:8px solid #2b8cc4;background-color:#f8f8f8;cursor:pointer;cursor:hand}.EventLogTable[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]:not(.EventLogTable-Selected):hover   td[_ngcontent-%COMP%]:first-child{padding-left:6px}.EventLogTable[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]   .event-link[_ngcontent-%COMP%]{float:left;padding-right:8px}.EventLogTable[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]   .doc-img[_ngcontent-%COMP%]{width:16px;float:left}.EventLogTable[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]   .doc-tooltip[_ngcontent-%COMP%]{left:35%;bottom:7px}.EventLogTable[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]   .doc-tooltip[_ngcontent-%COMP%]:after{border-color:transparent}"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EventLogTableComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ccd-event-log-table',
-                templateUrl: './event-log-table.component.html',
-                styleUrls: ['./event-log-table.scss']
-            }]
-    }], null, { events: [{
-            type: Input
-        }], selected: [{
-            type: Input
-        }], onSelect: [{
-            type: Output
-        }], onCaseHistory: [{
-            type: Output
-        }] }); })();
+WorkbasketInputFilterService.V2_MEDIATYPE_WORKBASKET_INPUT_DETAILS = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-workbasket-input-details.v2+json;charset=UTF-8';
+WorkbasketInputFilterService.ɵfac = function WorkbasketInputFilterService_Factory(t) { return new (t || WorkbasketInputFilterService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig)); };
+WorkbasketInputFilterService.ɵprov = i0.ɵɵdefineInjectable({ token: WorkbasketInputFilterService, factory: WorkbasketInputFilterService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkbasketInputFilterService, [{
+        type: Injectable
+    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }]; }, null); })();
 
-class DashPipe {
-    transform(value) {
-        return value ? value : '-';
+class DefinitionsService {
+    constructor(http, appConfig) {
+        this.http = http;
+        this.appConfig = appConfig;
+    }
+    getCaseTypes(jurisdictionId, access) {
+        const url = this.appConfig.getApiUrl()
+            + `/caseworkers/:uid`
+            + `/jurisdictions/${jurisdictionId}`
+            + `/case-types?access=${access}`;
+        return this.http
+            .get(url).pipe(map(response => response));
+    }
+    getJurisdictions(access) {
+        const url = this.appConfig.getApiUrl()
+            + `/caseworkers/:uid`
+            + `/jurisdictions?access=${access}`;
+        return this.http
+            .get(url)
+            .pipe(map(response => response));
     }
 }
-DashPipe.ɵfac = function DashPipe_Factory(t) { return new (t || DashPipe)(); };
-DashPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdDash", type: DashPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DashPipe, [{
-        type: Pipe,
-        args: [{
-                name: 'ccdDash'
-            }]
-    }], null, null); })();
-
-class EventLogDetailsComponent {
-}
-EventLogDetailsComponent.ɵfac = function EventLogDetailsComponent_Factory(t) { return new (t || EventLogDetailsComponent)(); };
-EventLogDetailsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: EventLogDetailsComponent, selectors: [["ccd-event-log-details"]], inputs: { event: "event" }, decls: 52, vars: 18, consts: [["tabindex", "0", 1, "EventLogDetails"], [1, "heading-h2"], ["tabindex", "0", "aria-live", "polite"], [1, "text-16"], [1, "tooltip", "text-16"]], template: function EventLogDetailsComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "table", 0);
-        i0.ɵɵelementStart(1, "caption");
-        i0.ɵɵelementStart(2, "h2", 1);
-        i0.ɵɵtext(3, "Details");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(4, "tbody", 2);
-        i0.ɵɵelementStart(5, "tr");
-        i0.ɵɵelementStart(6, "th");
-        i0.ɵɵelementStart(7, "span", 3);
-        i0.ɵɵtext(8, "Date");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(9, "td");
-        i0.ɵɵelementStart(10, "div", 4);
-        i0.ɵɵtext(11);
-        i0.ɵɵpipe(12, "ccdDate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(13, "tr");
-        i0.ɵɵelementStart(14, "th");
-        i0.ɵɵelementStart(15, "span", 3);
-        i0.ɵɵtext(16, "Author");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(17, "td");
-        i0.ɵɵelementStart(18, "span", 3);
-        i0.ɵɵtext(19);
-        i0.ɵɵpipe(20, "titlecase");
-        i0.ɵɵpipe(21, "uppercase");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(22, "tr");
-        i0.ɵɵelementStart(23, "th");
-        i0.ɵɵelementStart(24, "span", 3);
-        i0.ɵɵtext(25, "End state");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(26, "td");
-        i0.ɵɵelementStart(27, "span", 3);
-        i0.ɵɵtext(28);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(29, "tr");
-        i0.ɵɵelementStart(30, "th");
-        i0.ɵɵelementStart(31, "span", 3);
-        i0.ɵɵtext(32, "Event");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(33, "td");
-        i0.ɵɵelementStart(34, "span", 3);
-        i0.ɵɵtext(35);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(36, "tr");
-        i0.ɵɵelementStart(37, "th");
-        i0.ɵɵelementStart(38, "span", 3);
-        i0.ɵɵtext(39, "Summary");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(40, "td");
-        i0.ɵɵelementStart(41, "span", 3);
-        i0.ɵɵtext(42);
-        i0.ɵɵpipe(43, "ccdDash");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(44, "tr");
-        i0.ɵɵelementStart(45, "th");
-        i0.ɵɵelementStart(46, "span", 3);
-        i0.ɵɵtext(47, "Comment");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(48, "td");
-        i0.ɵɵelementStart(49, "span", 3);
-        i0.ɵɵtext(50);
-        i0.ɵɵpipe(51, "ccdDash");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance(11);
-        i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(12, 7, ctx.event.timestamp, "local"), " ");
-        i0.ɵɵadvance(8);
-        i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(20, 10, ctx.event.user_first_name), " ", i0.ɵɵpipeBind1(21, 12, ctx.event.user_last_name), "");
-        i0.ɵɵadvance(9);
-        i0.ɵɵtextInterpolate(ctx.event.state_name);
-        i0.ɵɵadvance(7);
-        i0.ɵɵtextInterpolate(ctx.event.event_name);
-        i0.ɵɵadvance(7);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(43, 14, ctx.event.summary));
-        i0.ɵɵadvance(8);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(51, 16, ctx.event.comment));
-    } }, pipes: [DatePipe, i1.TitleCasePipe, i1.UpperCasePipe, DashPipe], styles: [".EventLogDetails[_ngcontent-%COMP%]   td[_ngcontent-%COMP%], .EventLogDetails[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{border-bottom:none}"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EventLogDetailsComponent, [{
-        type: Component,
+DefinitionsService.ɵfac = function DefinitionsService_Factory(t) { return new (t || DefinitionsService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig)); };
+DefinitionsService.ɵprov = i0.ɵɵdefineInjectable({ token: DefinitionsService, factory: DefinitionsService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DefinitionsService, [{
+        type: Injectable
+    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }]; }, null); })();
+
+class DefinitionsModule {
+}
+DefinitionsModule.ɵfac = function DefinitionsModule_Factory(t) { return new (t || DefinitionsModule)(); };
+DefinitionsModule.ɵmod = i0.ɵɵdefineNgModule({ type: DefinitionsModule });
+DefinitionsModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
+        DefinitionsService
+    ] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DefinitionsModule, [{
+        type: NgModule,
         args: [{
-                selector: 'ccd-event-log-details',
-                templateUrl: './event-log-details.component.html',
-                styleUrls: ['./event-log-details.scss']
+                providers: [
+                    DefinitionsService
+                ]
             }]
-    }], null, { event: [{
-            type: Input
-        }] }); })();
+    }], null, null); })();
 
-function EventLogComponent_ccd_event_log_table_3_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ccd-event-log-table", 7);
-    i0.ɵɵlistener("onSelect", function EventLogComponent_ccd_event_log_table_3_Template_ccd_event_log_table_onSelect_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.select($event); })("onCaseHistory", function EventLogComponent_ccd_event_log_table_3_Template_ccd_event_log_table_onCaseHistory_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.caseHistoryClicked($event); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("events", ctx_r0.events)("selected", ctx_r0.selected);
-} }
-function EventLogComponent_ccd_event_log_table_4_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ccd-event-log-table", 8);
-    i0.ɵɵlistener("onSelect", function EventLogComponent_ccd_event_log_table_4_Template_ccd_event_log_table_onSelect_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.select($event); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("events", ctx_r1.events)("selected", ctx_r1.selected);
-} }
-function EventLogComponent_ccd_event_log_details_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ccd-event-log-details", 9);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("event", ctx_r2.selected);
-} }
-class EventLogComponent {
-    constructor() {
-        this.onCaseHistory = new EventEmitter();
-        this.isPartOfCaseTimeline = false;
+class SearchResultViewItemComparatorFactory {
+    createSearchResultViewItemComparator(column) {
+        const fieldId = column.case_field_id;
+        switch (column.case_field_type.type) {
+            case ('MultiSelectList'): {
+                return this.textArrayComparator(fieldId);
+            }
+            case ('Number'):
+            case ('MoneyGBP'): {
+                return this.numberComparator(fieldId);
+            }
+            case ('Text'):
+            case ('TextArea'):
+            case ('Email'):
+            case ('Date'):
+            case ('DateTime'):
+            case ('Label'):
+            case ('Postcode'):
+            case ('YesOrNo'):
+            case ('PhoneUK'):
+            case ('FixedList'): {
+                return this.stringComparator(fieldId);
+            }
+            default: {
+                return undefined;
+            }
+        }
     }
-    ngOnInit() {
-        this.selected = this.events[0];
-        this.isPartOfCaseTimeline = this.onCaseHistory.observers.length > 0;
+    numberComparator(fieldId) {
+        return {
+            compare(a, b) {
+                let fieldA = a.case_fields[fieldId];
+                let fieldB = b.case_fields[fieldId];
+                fieldA = isUndefined(fieldA) || fieldA === null ? 0 : fieldA;
+                fieldB = isUndefined(fieldB) || fieldB === null ? 0 : fieldB;
+                return fieldA - fieldB;
+            }
+        };
     }
-    select(event) {
-        this.selected = event;
+    stringComparator(fieldId) {
+        return {
+            compare(a, b) {
+                let fieldA = a.case_fields[fieldId];
+                let fieldB = b.case_fields[fieldId];
+                fieldA = isUndefined(fieldA) || fieldA == null ? '' : fieldA.toLowerCase();
+                fieldB = isUndefined(fieldB) || fieldB == null ? '' : fieldB.toLowerCase();
+                return fieldA === fieldB ? 0 : fieldA > fieldB ? 1 : -1;
+            }
+        };
     }
-    caseHistoryClicked(eventId) {
-        this.onCaseHistory.emit(eventId);
+    textArrayComparator(fieldId) {
+        return {
+            compare(a, b) {
+                let fieldA = a.case_fields[fieldId];
+                let fieldB = b.case_fields[fieldId];
+                fieldA = isUndefined(fieldA) || fieldA == null ? '' : fieldA.join().toLowerCase();
+                fieldB = isUndefined(fieldB) || fieldB == null ? '' : fieldB.join().toLowerCase();
+                return fieldA === fieldB ? 0 : fieldA > fieldB ? 1 : -1;
+            }
+        };
     }
 }
-EventLogComponent.ɵfac = function EventLogComponent_Factory(t) { return new (t || EventLogComponent)(); };
-EventLogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: EventLogComponent, selectors: [["ccd-event-log"]], inputs: { events: "events" }, outputs: { onCaseHistory: "onCaseHistory" }, decls: 8, vars: 4, consts: [[1, "grid-row"], [1, "column-one-half"], [3, "ngSwitch"], [3, "events", "selected", "onSelect", "onCaseHistory", 4, "ngSwitchCase"], [3, "events", "selected", "onSelect", 4, "ngSwitchCase"], [1, "EventLog-DetailsPanel"], [3, "event", 4, "ngIf"], [3, "events", "selected", "onSelect", "onCaseHistory"], [3, "events", "selected", "onSelect"], [3, "event"]], template: function EventLogComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵelementStart(1, "div", 1);
-        i0.ɵɵelementContainerStart(2, 2);
-        i0.ɵɵtemplate(3, EventLogComponent_ccd_event_log_table_3_Template, 1, 2, "ccd-event-log-table", 3);
-        i0.ɵɵtemplate(4, EventLogComponent_ccd_event_log_table_4_Template, 1, 2, "ccd-event-log-table", 4);
-        i0.ɵɵelementContainerEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(5, "div", 1);
-        i0.ɵɵelementStart(6, "div", 5);
-        i0.ɵɵtemplate(7, EventLogComponent_ccd_event_log_details_7_Template, 1, 1, "ccd-event-log-details", 6);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngSwitch", ctx.isPartOfCaseTimeline);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngSwitchCase", true);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngSwitchCase", false);
-        i0.ɵɵadvance(3);
-        i0.ɵɵproperty("ngIf", ctx.selected);
-    } }, directives: [i1.NgSwitch, i1.NgSwitchCase, i1.NgIf, EventLogTableComponent, EventLogDetailsComponent], styles: ["@media (max-width:991px){[class*=col-md][_ngcontent-%COMP%]{margin-bottom:30px}}.EventLog-DetailsPanel[_ngcontent-%COMP%]{border:1px solid #bfc1c3;padding:0 10px 10px;margin-top:20px}"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EventLogComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ccd-event-log',
-                templateUrl: './event-log.component.html',
-                styleUrls: ['./event-log.scss']
-            }]
-    }], null, { events: [{
-            type: Input
-        }], onCaseHistory: [{
-            type: Output
-        }] }); })();
+SearchResultViewItemComparatorFactory.ɵfac = function SearchResultViewItemComparatorFactory_Factory(t) { return new (t || SearchResultViewItemComparatorFactory)(); };
+SearchResultViewItemComparatorFactory.ɵprov = i0.ɵɵdefineInjectable({ token: SearchResultViewItemComparatorFactory, factory: SearchResultViewItemComparatorFactory.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchResultViewItemComparatorFactory, [{
+        type: Injectable
+    }], null, null); })();
 
-class CaseHistoryViewerFieldComponent extends AbstractFieldReadComponent {
+class OrganisationService {
+    constructor(http, appconfig) {
+        this.http = http;
+        this.appconfig = appconfig;
+    }
+    static mapOrganisation(organisations) {
+        const organisationsVm = new Array();
+        organisations.forEach(org => {
+            let contactInformation = null;
+            if (org.contactInformation && org.contactInformation[0]) {
+                contactInformation = org.contactInformation[0];
+            }
+            organisationsVm.push({
+                organisationIdentifier: org.organisationIdentifier,
+                name: org.name,
+                addressLine1: contactInformation !== null ? contactInformation.addressLine1 : null,
+                addressLine2: contactInformation !== null ? contactInformation.addressLine2 : null,
+                addressLine3: contactInformation !== null ? contactInformation.addressLine3 : null,
+                townCity: contactInformation !== null ? contactInformation.townCity : null,
+                county: contactInformation !== null ? contactInformation.county : null,
+                country: contactInformation !== null ? contactInformation.country : null,
+                postCode: contactInformation !== null ? contactInformation.postCode : null,
+            });
+        });
+        return organisationsVm;
+    }
+    getActiveOrganisations() {
+        if (!this.organisations$) {
+            const url = this.appconfig.getPrdUrl();
+            const cacheTimeOut = this.appconfig.getCacheTimeOut();
+            this.organisations$ = this.http.get(url)
+                .pipe(map((orgs) => OrganisationService.mapOrganisation(orgs)), publishReplay(1), refCount(), take(1), catchError(e => {
+                console.log(e);
+                // Handle error and return blank Observable array
+                return of([]);
+            }));
+            timer(cacheTimeOut).subscribe(() => {
+                this.organisations$ = null;
+            });
+        }
+        return this.organisations$;
+    }
 }
-CaseHistoryViewerFieldComponent.ɵfac = function CaseHistoryViewerFieldComponent_Factory(t) { return ɵCaseHistoryViewerFieldComponent_BaseFactory(t || CaseHistoryViewerFieldComponent); };
-CaseHistoryViewerFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseHistoryViewerFieldComponent, selectors: [["ccd-case-history-viewer-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "events"]], template: function CaseHistoryViewerFieldComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelement(0, "ccd-event-log", 0);
-    } if (rf & 2) {
-        i0.ɵɵproperty("events", ctx.caseField.value);
-    } }, directives: [EventLogComponent], encapsulation: 2 });
-const ɵCaseHistoryViewerFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(CaseHistoryViewerFieldComponent);
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseHistoryViewerFieldComponent, [{
-        type: Component,
+OrganisationService.ɵfac = function OrganisationService_Factory(t) { return new (t || OrganisationService)(i0.ɵɵinject(i1$2.HttpClient), i0.ɵɵinject(AbstractAppConfig)); };
+OrganisationService.ɵprov = i0.ɵɵdefineInjectable({ token: OrganisationService, factory: OrganisationService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OrganisationService, [{
+        type: Injectable
+    }], function () { return [{ type: i1$2.HttpClient }, { type: AbstractAppConfig }]; }, null); })();
+
+class BrowserService {
+    isFirefox() {
+        return window.navigator.userAgent.indexOf('Firefox') > -1;
+    }
+    isSafari() {
+        const isSafariAgent = window.navigator.userAgent.indexOf('Safari') > -1;
+        const isChromeAgent = window.navigator.userAgent.indexOf('Chrome') > -1;
+        if ((isChromeAgent) && (isSafariAgent)) {
+            return false;
+        }
+        return isSafariAgent;
+    }
+    isIEOrEdge() {
+        return /msie\s|trident\/|edge\//i.test(window.navigator.userAgent);
+    }
+}
+BrowserService.ɵfac = function BrowserService_Factory(t) { return new (t || BrowserService)(); };
+BrowserService.ɵprov = i0.ɵɵdefineInjectable({ token: BrowserService, factory: BrowserService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BrowserService, [{
+        type: Injectable
+    }], null, null); })();
+
+class LoadingModule {
+}
+LoadingModule.ɵfac = function LoadingModule_Factory(t) { return new (t || LoadingModule)(); };
+LoadingModule.ɵmod = i0.ɵɵdefineNgModule({ type: LoadingModule });
+LoadingModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
+        LoadingService
+    ], imports: [[]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingModule, [{
+        type: NgModule,
         args: [{
-                selector: 'ccd-case-history-viewer-field',
-                templateUrl: 'case-history-viewer-field.component.html',
+                imports: [],
+                declarations: [],
+                exports: [],
+                providers: [
+                    LoadingService
+                ]
             }]
     }], null, null); })();
 
@@ -16811,8 +16770,8 @@ const PALETTE_COMPONENTS = [
     WriteCaseLinkFieldComponent,
     WriteCollectionFieldComponent,
     // ComponentLauncher web components
-    CaseFileViewFolderComponent,
-    CaseFileViewFieldComponent
+    CaseFileViewFieldComponent,
+    CaseFileViewFolderComponent
 ];
 class PaletteModule {
 }
@@ -16932,8 +16891,8 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         WriteCaseLinkFieldComponent,
         WriteCollectionFieldComponent,
         // ComponentLauncher web components
-        CaseFileViewFolderComponent,
-        CaseFileViewFieldComponent], imports: [CommonModule,
+        CaseFileViewFieldComponent,
+        CaseFileViewFolderComponent], imports: [CommonModule,
         RouterModule,
         FormsModule,
         ReactiveFormsModule,
@@ -17030,8 +16989,8 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         WriteCaseLinkFieldComponent,
         WriteCollectionFieldComponent,
         // ComponentLauncher web components
-        CaseFileViewFolderComponent,
-        CaseFileViewFieldComponent] }); })();
+        CaseFileViewFieldComponent,
+        CaseFileViewFolderComponent] }); })();
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaletteModule, [{
         type: NgModule,
         args: [{
@@ -20113,7 +20072,7 @@ function CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_
 function CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr");
     i0.ɵɵtemplate(1, CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_th_1_Template, 3, 1, "th", 31);
-    i0.ɵɵelementStart(2, "td");
+    i0.ɵɵelementStart(2, "th");
     i0.ɵɵelementStart(3, "span", 32);
     i0.ɵɵelement(4, "ccd-field-read", 33);
     i0.ɵɵelementEnd();