@hmcts/ccd-case-ui-toolkit 5.0.24-case-file-view-document-count-v3 → 5.0.24-case-file-view-search-document-exceptions

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

@@ -7,21 +7,19 @@ 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 * as i3 from '@angular/cdk/tree';
 import { NestedTreeControl, CdkTreeModule } from '@angular/cdk/tree';
-import * as i1$6 from '@angular/material/dialog';
+import * as i1$5 from '@angular/material/dialog';
 import { MatDialogConfig } from '@angular/material/dialog';
 import * as i2 from '@nicky-lenaers/ngx-scroll-to';
 import { ScrollToModule } from '@nicky-lenaers/ngx-scroll-to';
@@ -32,17 +30,19 @@ 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';
 import { MAT_DATE_LOCALE } from '@angular/material/core';
-import * as i3 from '@hmcts/ccpay-web-component';
+import * as i3$1 from '@hmcts/ccpay-web-component';
 import { PaymentLibModule } from '@hmcts/ccpay-web-component';
 import { StateMachine } from '@edium/fsm';
 import * as i6$2 from '@angular/cdk/portal';
 import { ComponentPortal, PortalModule } from '@angular/cdk/portal';
 import { MatInputModule } from '@angular/material/input';
-import * as i1$7 from 'ngx-pagination';
+import * as i1$6 from 'ngx-pagination';
 import { NgxPaginationModule, PaginatePipe } from 'ngx-pagination';
 import * as i10 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
@@ -6207,7 +6207,7 @@ class IsCompoundPipe {
     }
 }
 IsCompoundPipe.COMPOUND_TYPES = [
-    'Complex', 'Label', 'AddressGlobal', 'AddressUK', 'AddressGlobalUK', 'CasePaymentHistoryViewer', 'CaseHistoryViewer', 'Organisation', 'WaysToPay'
+    'Complex', 'Label', 'AddressGlobal', 'AddressUK', 'AddressGlobalUK', 'CasePaymentHistoryViewer', 'CaseHistoryViewer', 'Organisation', 'WaysToPay', 'ComponentLauncher'
 ];
 IsCompoundPipe.EXCLUDE = [
     'CaseLink', 'JudicialUser'
@@ -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,1471 +6698,808 @@ 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);
-    }
-    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();
-    }
+class CaseFileViewCategory {
 }
-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();
-    }
-    announceError(error) {
-        this.errorSource.next(error);
-    }
+class CaseFileViewDocument {
 }
-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;
-    }
+/**
+ * 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 {
 }
-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'];
+var DocumentTreeNodeType;
+(function (DocumentTreeNodeType) {
+    DocumentTreeNodeType["FOLDER"] = "folder";
+    DocumentTreeNodeType["DOCUMENT"] = "document";
+})(DocumentTreeNodeType || (DocumentTreeNodeType = {}));
+
+const categoriesAndDocuments = {
+    case_version: 1,
+    categories: [
+        {
+            category_id: 'Beers',
+            category_name: 'Beers',
+            category_order: 1,
+            documents: [
+                {
+                    document_url: '/test',
+                    document_filename: 'Beers encyclopedia',
+                    document_binary_url: '/test/binary',
+                    attribute_path: '',
+                    upload_timestamp: ''
                 }
-                if (group && group.constructor && FormArray.name === group.constructor.name) {
-                    inArray = true;
+            ],
+            sub_categories: [
+                {
+                    category_id: 'BeersBitters',
+                    category_name: 'Bitters',
+                    category_order: 1,
+                    documents: [],
+                    sub_categories: []
+                },
+                {
+                    category_id: 'BeersAmerican',
+                    category_name: 'American',
+                    category_order: 2,
+                    documents: [],
+                    sub_categories: []
+                },
+                {
+                    category_id: 'BeersAsian',
+                    category_name: 'Asian',
+                    category_order: 3,
+                    documents: [],
+                    sub_categories: []
                 }
-                else {
-                    inArray = false;
+            ]
+        },
+        {
+            category_id: 'Wines',
+            category_name: 'Wines',
+            category_order: 2,
+            documents: [],
+            sub_categories: [
+                {
+                    category_id: 'WinesFrench',
+                    category_name: 'French',
+                    category_order: 1,
+                    documents: [],
+                    sub_categories: []
+                },
+                {
+                    category_id: 'WinesItalian',
+                    category_name: 'Italian',
+                    category_order: 2,
+                    documents: [],
+                    sub_categories: []
                 }
-            }
-            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); })();
+            ]
+        },
+        {
+            category_id: 'Spirits',
+            category_name: 'Spirits',
+            category_order: 3,
+            documents: [],
+            sub_categories: [
+                {
+                    category_id: 'SpiritsWhisky',
+                    category_name: 'Scotch whisky',
+                    category_order: 1,
+                    documents: [],
+                    sub_categories: [
+                        {
+                            category_id: 'WhiskyHighland',
+                            category_name: 'Highland',
+                            category_order: 1,
+                            documents: [],
+                            sub_categories: [
+                                {
+                                    category_id: 'WhiskyHighland1',
+                                    category_name: 'Highland 1',
+                                    category_order: 1,
+                                    documents: [],
+                                    sub_categories: []
+                                }
+                            ]
+                        },
+                        {
+                            category_id: 'WhiskyLowland',
+                            category_name: 'Lowland',
+                            category_order: 2,
+                            documents: [],
+                            sub_categories: [
+                                {
+                                    category_id: 'WhiskyLowland1',
+                                    category_name: 'Lowland 1',
+                                    category_order: 1,
+                                    documents: [
+                                        {
+                                            document_url: '/test',
+                                            document_filename: 'Details about Whisky Lowland 1',
+                                            document_binary_url: '/test/binary',
+                                            attribute_path: '',
+                                            upload_timestamp: ''
+                                        }
+                                    ],
+                                    sub_categories: []
+                                },
+                                {
+                                    category_id: 'WhiskyLowland2',
+                                    category_name: 'Lowland 2',
+                                    category_order: 2,
+                                    documents: [],
+                                    sub_categories: []
+                                }
+                            ]
+                        },
+                        {
+                            category_id: 'WhiskyIslay',
+                            category_name: 'Islay',
+                            category_order: 3,
+                            documents: [
+                                {
+                                    document_url: '/test',
+                                    document_filename: 'Details about Whisky Islay',
+                                    document_binary_url: '/test/binary',
+                                    attribute_path: '',
+                                    upload_timestamp: ''
+                                },
+                                {
+                                    document_url: '/test',
+                                    document_filename: 'More information about Whisky Islay',
+                                    document_binary_url: '/test/binary',
+                                    attribute_path: '',
+                                    upload_timestamp: ''
+                                }
+                            ],
+                            sub_categories: []
+                        },
+                        {
+                            category_id: 'WhiskySpeyside',
+                            category_name: 'Speyside',
+                            category_order: 4,
+                            documents: [],
+                            sub_categories: []
+                        },
+                        {
+                            category_id: 'WhiskyCampbeltown',
+                            category_name: 'Campbeltown',
+                            category_order: 5,
+                            documents: [],
+                            sub_categories: []
+                        }
+                    ]
+                }
+            ]
+        }
+    ],
+    uncategorised_documents: [
+        {
+            document_url: '/uncategorised-document-1',
+            document_filename: 'Uncategorised document 1',
+            document_binary_url: '/test/binary',
+            attribute_path: '',
+            upload_timestamp: ''
+        },
+        {
+            document_url: '/uncategorised-document-2',
+            document_filename: 'Uncategorised document 2',
+            document_binary_url: '/test/binary',
+            attribute_path: '',
+            upload_timestamp: ''
+        }
+    ]
+};
 
-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;
+function CaseFileViewFolderComponent_div_5_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtext(1, " No results found ");
+    i0.ɵɵelementEnd();
+} }
+function CaseFileViewFolderComponent_div_5_cdk_nested_tree_node_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "cdk-nested-tree-node", 10);
+    i0.ɵɵelementStart(1, "div", 11);
+    i0.ɵɵelement(2, "button", 12);
+    i0.ɵɵelementStart(3, "span", 13);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const node_r4 = ctx.$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(node_r4.name);
+} }
+function CaseFileViewFolderComponent_div_5_cdk_nested_tree_node_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "cdk-nested-tree-node", 10);
+    i0.ɵɵelementStart(1, "div", 11);
+    i0.ɵɵelementStart(2, "button", 14);
+    i0.ɵɵelementStart(3, "span", 15);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 16);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div");
+    i0.ɵɵelementContainer(8, 17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const node_r5 = ctx.$implicit;
+    const ctx_r3 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵattribute("aria-label", "toggle " + node_r5.name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(node_r5.count);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(node_r5.name);
+    i0.ɵɵadvance(1);
+    i0.ɵɵclassProp("document-tree-invisible", !ctx_r3.nestedTreeControl.isExpanded(node_r5));
+} }
+function CaseFileViewFolderComponent_div_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵtemplate(1, CaseFileViewFolderComponent_div_5_div_1_Template, 2, 0, "div", 6);
+    i0.ɵɵelementStart(2, "cdk-tree", 7);
+    i0.ɵɵtemplate(3, CaseFileViewFolderComponent_div_5_cdk_nested_tree_node_3_Template, 5, 1, "cdk-nested-tree-node", 8);
+    i0.ɵɵtemplate(4, CaseFileViewFolderComponent_div_5_cdk_nested_tree_node_4_Template, 9, 5, "cdk-nested-tree-node", 9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !ctx_r0.nestedDataSource || ctx_r0.nestedDataSource.length === 0);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("dataSource", ctx_r0.nestedDataSource)("treeControl", ctx_r0.nestedTreeControl);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("cdkTreeNodeDefWhen", ctx_r0.nestedChildren);
+} }
+class CaseFileViewFolderComponent {
+    constructor() {
+        this.categories = [];
+        this.getChildren = (node) => of(node.children);
+        this.nestedChildren = (_, nodeData) => nodeData.children;
+        this.nestedTreeControl = new NestedTreeControl(this.getChildren);
     }
-    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));
+    ngOnInit() {
+        this.documentFilterFormGroup = new FormGroup({});
+        this.documentSearchFormControl = new FormControl('');
+        this.documentFilterFormGroup.addControl(CaseFileViewFolderComponent.DOCUMENT_SEARCH_FORM_CONTROL_NAME, this.documentSearchFormControl);
+        // Listen to search input and initiate filter documents if at least three characters entered
+        this.documentFilterSubscription = this.documentSearchFormControl.valueChanges.pipe(switchMap((searchTerm) => this.filter(searchTerm.toLowerCase(), this.documentTreeData))).subscribe(documentTreeData => {
+            this.nestedDataSource = documentTreeData;
+        });
+        // Subscribe to the input categories and documents, and generate tree data and initialise cdk tree
+        this.categoriesAndDocumentsSubscription = this.categoriesAndDocuments.subscribe(categoriesAndDocumentsResult => {
+            // Using the mock data for now as we have to display the documents as well for demo purpose
+            const categories = categoriesAndDocuments.categories; // categoriesAndDocuments.categories;
+            // Generate document tree data from categories
+            this.documentTreeData = this.generateTreeData(categories);
+            // Append uncategorised documents
+            if (categoriesAndDocumentsResult.uncategorised_documents && categoriesAndDocumentsResult.uncategorised_documents.length > 0) {
+                const uncategorisedDocuments = this.getUncategorisedDocuments(categoriesAndDocumentsResult.uncategorised_documents);
+                this.documentTreeData.push(uncategorisedDocuments);
+            }
+            // Initialise cdk tree with generated data
+            this.nestedDataSource = this.documentTreeData;
+        });
     }
-}
-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();
+    generateTreeData(categories) {
+        return categories.reduce((tree, node) => [
+            ...tree,
+            ...[
+                {
+                    name: node.category_name,
+                    type: DocumentTreeNodeType.FOLDER,
+                    children: [...this.generateTreeData(node.sub_categories), ...this.getDocuments(node.documents)]
+                },
+            ],
+        ], []);
     }
-    announceNavigation(origin) {
-        this.navigationSource.next(origin);
+    getDocuments(documents) {
+        const documentsToReturn = [];
+        documents.forEach(document => {
+            documentsToReturn.push({ name: document.document_filename, type: DocumentTreeNodeType.DOCUMENT });
+        });
+        return documentsToReturn;
     }
-}
-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;
+    getUncategorisedDocuments(uncategorisedDocuments) {
+        const documents = [];
+        uncategorisedDocuments.forEach(document => {
+            documents.push({ name: document.document_filename, type: DocumentTreeNodeType.DOCUMENT });
+        });
+        return { name: CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE, type: DocumentTreeNodeType.FOLDER, children: documents };
     }
-    return false;
-}
-// @dynamic
-class Profile {
-    isSolicitor() {
-        if (hasRoles(this)) {
-            return this.user.idam.roles.find(r => r.endsWith('-solicitor')) !== undefined;
+    filter(searchTerm, documentTreeData) {
+        // Make a copy of the data so we do not mutate the original
+        function copy(node) {
+            return Object.assign({}, node);
         }
-        return false;
+        let filteredData = documentTreeData;
+        if (searchTerm && searchTerm.length > 2 && this.documentFilterFormGroup.controls[CaseFileViewFolderComponent.DOCUMENT_SEARCH_FORM_CONTROL_NAME].value.length > 2) {
+            filteredData = documentTreeData.map(copy).filter(function filterTreeData(node) {
+                if (node.name && node.name.toLowerCase().includes(searchTerm) && node.type === DocumentTreeNodeType.DOCUMENT) {
+                    return true;
+                }
+                // Call recursively if node has children
+                if (node.children) {
+                    return (node.children = node.children.map(copy).filter(filterTreeData)).length;
+                }
+            });
+        }
+        return of(filteredData);
     }
-    isCourtAdmin() {
-        if (hasRoles(this)) {
-            return this.user.idam.roles.find(r => r.endsWith('-courtadmin')) !== undefined;
+    ngOnDestroy() {
+        if (this.categoriesAndDocumentsSubscription) {
+            this.categoriesAndDocumentsSubscription.unsubscribe();
+        }
+        if (this.documentFilterSubscription) {
+            this.documentFilterSubscription.unsubscribe();
         }
-        return false;
     }
 }
-__decorate([
-    Type(() => Jurisdiction),
-    __metadata("design:type", Array)
-], Profile.prototype, "jurisdictions", void 0);
+CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE = 'Uncategorised documents';
+CaseFileViewFolderComponent.DOCUMENT_SEARCH_FORM_CONTROL_NAME = 'documentSearchFormControl';
+CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS = 2;
+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: 6, vars: 2, consts: [[1, "document-filter-container"], [1, "form-group", "document-filter", 3, "formGroup"], ["type", "search", "id", "document-search", "name", "documentSearchFormControl", "formControlName", "documentSearchFormControl", "placeholder", "Search by document name", 1, "form-control", "document-search"], [1, "documents-title"], ["class", "document-tree", 4, "ngIf"], [1, "document-tree"], [4, "ngIf"], [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.ɵɵelementStart(1, "div", 1);
+        i0.ɵɵelement(2, "input", 2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(3, "div", 3);
+        i0.ɵɵtext(4, "Documents");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(5, CaseFileViewFolderComponent_div_5_Template, 5, 4, "div", 4);
+    } if (rf & 2) {
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("formGroup", ctx.documentFilterFormGroup);
+        i0.ɵɵadvance(4);
+        i0.ɵɵproperty("ngIf", ctx.documentTreeData);
+    } }, directives: [i1$3.NgControlStatusGroup, i1$3.FormGroupDirective, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlName, i1.NgIf, i3.CdkTree, i3.CdkTreeNodeDef, i3.CdkNestedTreeNode, i3.CdkTreeNodeToggle, i3.CdkTreeNodeOutlet], styles: [".document-filter-container[_ngcontent-%COMP%]{border-bottom:2px solid #c9c9c9;padding-bottom:4px}.document-filter-container[_ngcontent-%COMP%]   .document-filter[_ngcontent-%COMP%]{height:70%;padding:8px 8px 0;margin-bottom:10px}.document-filter-container[_ngcontent-%COMP%]   .document-filter[_ngcontent-%COMP%]   .document-search[_ngcontent-%COMP%]{background:url(/assets/images/icon-search-black.svg) no-repeat 100% #fff;background-position-x:calc(100% - 4px);padding-right:30px;width:100%}.document-filter-container[_ngcontent-%COMP%]   .documents-title[_ngcontent-%COMP%]{height:30%;margin-left:8px;font-weight:700}.document-tree[_ngcontent-%COMP%]{margin:4px}.document-tree[_ngcontent-%COMP%]   .document-tree-invisible[_ngcontent-%COMP%]{display:none}.document-tree[_ngcontent-%COMP%]   .document-tree[_ngcontent-%COMP%]   li[_ngcontent-%COMP%], .document-tree[_ngcontent-%COMP%]   .document-tree[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{margin-top:0;margin-bottom:0;list-style-type:none}.document-tree[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]{display:block}.document-tree[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]{padding-left:40px}.document-tree[_ngcontent-%COMP%]   .node[_ngcontent-%COMP%]{display:flex;padding:4px}.document-tree[_ngcontent-%COMP%]   .icon[_ngcontent-%COMP%]{width:36px;height:36px;background-size:100%;border:0;background-color:#faf8f8}.document-tree[_ngcontent-%COMP%]   .icon-folder[_ngcontent-%COMP%]{background-image:url(/assets/images/folder.png)}.document-tree[_ngcontent-%COMP%]   .icon-document[_ngcontent-%COMP%]{background-image:url(/assets/images/document.png)}.document-tree[_ngcontent-%COMP%]   .node-name[_ngcontent-%COMP%]{margin-left:6px}.document-tree[_ngcontent-%COMP%]   .node-name-document[_ngcontent-%COMP%], .document-tree[_ngcontent-%COMP%]   .node-name-folder[_ngcontent-%COMP%]{margin-top:4px}.document-tree[_ngcontent-%COMP%]   .document-count[_ngcontent-%COMP%]{color:#fff}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewFolderComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-case-file-view-folder',
+                styleUrls: ['./case-file-view-folder.component.scss'],
+                templateUrl: './case-file-view-folder.component.html'
+            }]
+    }], function () { return []; }, { categoriesAndDocuments: [{
+            type: Input
+        }] }); })();
 
-class ProfileService {
-    constructor(httpService, appConfig) {
-        this.httpService = httpService;
-        this.appConfig = appConfig;
+class CaseFileViewFieldComponent {
+    constructor(elementRef, route, caseFileViewService) {
+        this.elementRef = elementRef;
+        this.route = route;
+        this.caseFileViewService = caseFileViewService;
     }
-    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)));
+    ngOnInit() {
+        const cid = this.route.snapshot.paramMap.get(CaseFileViewFieldComponent.PARAM_CASE_ID);
+        this.categoriesAndDocuments$ = this.caseFileViewService.getCategoriesAndDocuments(cid);
+    }
+    ngAfterViewInit() {
+        const slider = this.elementRef.nativeElement.querySelector('.slider');
+        const documentTreeContainer = this.elementRef.nativeElement.querySelector('.document-tree-container');
+        const mousedown$ = fromEvent(slider, 'mousedown');
+        const mousemove$ = fromEvent(document, 'mousemove');
+        const mouseup$ = fromEvent(document, 'mouseup');
+        const drag$ = mousedown$.pipe(switchMap((start) => {
+            const x = start.clientX;
+            const documentTreeContainerWidth = documentTreeContainer.getBoundingClientRect().width;
+            return mousemove$.pipe(map(move => {
+                move.preventDefault();
+                return {
+                    dx: move.clientX - x,
+                    documentTreeContainerWidth
+                };
+            }), takeUntil(mouseup$));
+        }));
+        drag$.subscribe(pos => {
+            const calculatedWidth = ((pos.documentTreeContainerWidth + pos.dx) * 100) / slider.parentElement.getBoundingClientRect().width;
+            documentTreeContainer.setAttribute('style', `width: ${calculatedWidth}%`);
+        });
     }
 }
-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); })();
+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) {
+        i0.ɵɵelementStart(0, "h2", 0);
+        i0.ɵɵtext(1, "Case file");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(2, "div", 1);
+        i0.ɵɵelementStart(3, "div", 2);
+        i0.ɵɵelement(4, "ccd-case-file-view-folder", 3);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelement(5, "div", 4);
+        i0.ɵɵelementStart(6, "div", 5);
+        i0.ɵɵtext(7, " Media viewer ");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(4);
+        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']
+            }]
+    }], function () { return [{ type: i0.ElementRef }, { type: i1$1.ActivatedRoute }, { type: CaseFileViewService }]; }, null); })();
 
-class ProfileNotifier {
+var PaletteContext;
+(function (PaletteContext) {
+    PaletteContext["DEFAULT"] = "DEFAULT";
+    PaletteContext["CHECK_YOUR_ANSWER"] = "CHECK_YOUR_ANSWER";
+    PaletteContext["TABLE_VIEW"] = "TABLE_VIEW";
+})(PaletteContext || (PaletteContext = {}));
+
+class AbstractFieldReadComponent extends AbstractFormFieldComponent {
     constructor() {
-        this.profileSource = new BehaviorSubject(new Profile());
-        this.profile = this.profileSource.asObservable();
-    }
-    announceProfile(profile) {
-        this.profileSource.next(profile);
+        super(...arguments);
+        /**
+         * Optional. Enable context-aware rendering of fields.
+         */
+        this.context = PaletteContext.DEFAULT;
     }
-}
-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
+    ngOnInit() {
+        if (!this.caseField.metadata) {
+            this.registerControl(new FormControl(this.caseField.value));
+        }
+    }
+}
+AbstractFieldReadComponent.ɵfac = function AbstractFieldReadComponent_Factory(t) { return ɵAbstractFieldReadComponent_BaseFactory(t || AbstractFieldReadComponent); };
+AbstractFieldReadComponent.ɵdir = i0.ɵɵdefineDirective({ type: AbstractFieldReadComponent, inputs: { caseReference: "caseReference", topLevelFormGroup: "topLevelFormGroup", context: "context" }, features: [i0.ɵɵInheritDefinitionFeature] });
+const ɵAbstractFieldReadComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(AbstractFieldReadComponent);
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AbstractFieldReadComponent, [{
+        type: Directive
+    }], null, { caseReference: [{
+            type: Input
+        }], topLevelFormGroup: [{
+            type: Input
+        }], context: [{
+            type: Input
+        }] }); })();
+
+function ReadCaseLinkFieldComponent_a_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "a", 1);
+    i0.ɵɵelementStart(1, "span", 2);
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "ccdCaseReference");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵpropertyInterpolate1("href", "/v2/case/", ctx_r0.caseField.value.CaseReference, "", i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.caseField.value.CaseReference ? i0.ɵɵpipeBind1(3, 2, ctx_r0.caseField.value.CaseReference) : "");
+} }
+class ReadCaseLinkFieldComponent extends AbstractFieldReadComponent {
+    hasReference() {
+        return this.caseField.value && this.caseField.value.CaseReference;
+    }
+}
+ReadCaseLinkFieldComponent.ɵfac = function ReadCaseLinkFieldComponent_Factory(t) { return ɵReadCaseLinkFieldComponent_BaseFactory(t || ReadCaseLinkFieldComponent); };
+ReadCaseLinkFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadCaseLinkFieldComponent, selectors: [["ccd-read-case-link-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["target", "_blank", 3, "href", 4, "ngIf"], ["target", "_blank", 3, "href"], [1, "text-16"]], template: function ReadCaseLinkFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, ReadCaseLinkFieldComponent_a_0_Template, 4, 4, "a", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.hasReference());
+    } }, directives: [i1.NgIf], pipes: [CaseReferencePipe], encapsulation: 2 });
+const ɵReadCaseLinkFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(ReadCaseLinkFieldComponent);
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadCaseLinkFieldComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-read-case-link-field',
+                templateUrl: 'read-case-link-field.html'
+            }]
     }], 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;
+class FirstErrorPipe {
+    transform(value, args) {
+        if (!value) {
+            return '';
         }
-        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 (!args) {
+            args = 'Field';
         }
-        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]);
-                }
-            }
+        const keys = Object.keys(value);
+        if (!keys.length) {
+            return '';
         }
-        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, `'`));
-                }
-            }
+        if (keys[0] === 'required') {
+            return `${args} is required`;
         }
-        const options = { params, observe: 'body' };
-        return options;
+        else if (keys[0] === 'pattern') {
+            return `The data entered is not valid for ${args}`;
+        }
+        else if (keys[0] === 'minlength') {
+            return `${args} is below the minimum length`;
+        }
+        else if (keys[0] === 'maxlength') {
+            return `${args} exceeds the maximum length`;
+        }
+        else if (value.hasOwnProperty('matDatetimePickerParse')) {
+            return 'The date entered is not valid. Please provide a valid date';
+        }
+        return value[keys[0]];
     }
 }
-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
+FirstErrorPipe.ɵfac = function FirstErrorPipe_Factory(t) { return new (t || FirstErrorPipe)(); };
+FirstErrorPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdFirstError", type: FirstErrorPipe, pure: true });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FirstErrorPipe, [{
+        type: Pipe,
+        args: [{
+                name: 'ccdFirstError'
+            }]
     }], 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)));
+const _c0$F = ["writeComplexFieldComponent"];
+function WriteCaseLinkFieldComponent_span_2_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 WriteCaseLinkFieldComponent_span_3_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 WriteCaseLinkFieldComponent_span_4_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.caseReferenceControl.errors, ctx_r2.caseField.label));
+} }
+const _c1$g = function (a0) { return { "form-group-error": a0 }; };
+class WriteCaseLinkFieldComponent extends AbstractFieldWriteComponent {
+    ngOnInit() {
+        if (this.caseField.value) {
+            this.caseLinkGroup = this.registerControl(new FormGroup({
+                CaseReference: new FormControl(this.caseField.value.CaseReference, Validators.required),
+            }), true);
+        }
+        else {
+            this.caseLinkGroup = this.registerControl(new FormGroup({
+                CaseReference: new FormControl(null, Validators.required),
+            }), true);
+        }
+        this.caseReferenceControl = this.caseLinkGroup.controls['CaseReference'];
+        this.caseReferenceControl.setValidators(this.caseReferenceValidator());
+        // Ensure that all sub-fields inherit the same value for retain_hidden_value as this parent; although a CaseLink
+        // field uses the Complex type, it is meant to be treated as one field
+        if (this.caseField && this.caseField.field_type.type === 'Complex') {
+            for (const caseLinkSubField of this.caseField.field_type.complex_fields) {
+                caseLinkSubField.retain_hidden_value = this.caseField.retain_hidden_value;
+            }
+        }
     }
-    getSearchInputUrl(caseTypeId) {
-        return `${this.appConfig.getCaseDataUrl()}/internal/case-types/${caseTypeId}/search-inputs`;
+    validCaseReference(valueString) {
+        if (!valueString) {
+            return false;
+        }
+        return new RegExp('^\\b\\d{4}[ -]?\\d{4}[ -]?\\d{4}[ -]?\\d{4}\\b$').test(valueString.trim());
     }
-    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;
-                });
+    caseReferenceValidator() {
+        return (control) => {
+            if (control.value) {
+                if (this.validCaseReference(control.value)) {
+                    return null;
+                }
+                return { error: 'Please use a valid 16 Digit Case Reference' };
             }
             else {
-                throw new Error('Response expired');
+                if (control.touched) {
+                    return { error: 'Please use a valid 16 Digit Case Reference' };
+                }
             }
-            return searchInputs;
-        }));
-    }
-    isDataValid(jurisdictionId, caseTypeId) {
-        return this.currentJurisdiction === jurisdictionId && this.currentCaseType === caseTypeId;
+            return null;
+        };
     }
 }
-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); })();
+WriteCaseLinkFieldComponent.ɵfac = function WriteCaseLinkFieldComponent_Factory(t) { return ɵWriteCaseLinkFieldComponent_BaseFactory(t || WriteCaseLinkFieldComponent); };
+WriteCaseLinkFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCaseLinkFieldComponent, selectors: [["ccd-write-case-link-field"]], viewQuery: function WriteCaseLinkFieldComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(_c0$F, 1);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.writeComplexFieldComponent = _t.first);
+    } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 9, consts: [[1, "form-group", 3, "ngClass"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], ["type", "text", 1, "form-control", "bottom-30", 3, "id", "formControl"], [1, "form-label"], [1, "form-hint"], [1, "error-message"]], template: function WriteCaseLinkFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelementStart(1, "label", 1);
+        i0.ɵɵtemplate(2, WriteCaseLinkFieldComponent_span_2_Template, 3, 3, "span", 2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(3, WriteCaseLinkFieldComponent_span_3_Template, 2, 1, "span", 3);
+        i0.ɵɵtemplate(4, WriteCaseLinkFieldComponent_span_4_Template, 3, 4, "span", 4);
+        i0.ɵɵelement(5, "input", 5);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1$g, !ctx.caseReferenceControl.valid && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.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.caseReferenceControl.errors && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.touched));
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("id", ctx.id())("formControl", ctx.caseReferenceControl);
+    } }, directives: [i1.NgClass, i1.NgIf, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+const ɵWriteCaseLinkFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteCaseLinkFieldComponent);
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteCaseLinkFieldComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-write-case-link-field',
+                templateUrl: 'write-case-link-field.html'
+            }]
+    }], null, { writeComplexFieldComponent: [{
+            type: ViewChild,
+            args: ['writeComplexFieldComponent', /* TODO: add static flag */ {}]
+        }] }); })();
 
-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;
-        }, []);
+const _c0$E = function (a0, a1, a2, a3, a4, a5) { return { id: a0, label: a1, field_type: a2, display_context_parameter: a3, value: a4, hidden: a5 }; };
+function ReadCollectionFieldComponent_table_0_tbody_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tbody");
+    i0.ɵɵelementStart(1, "tr");
+    i0.ɵɵelement(2, "th", 4);
+    i0.ɵɵelementStart(3, "td");
+    i0.ɵɵelement(4, "ccd-field-read", 5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("caseField", i0.ɵɵpureFunction6(3, _c0$E, ctx_r1.caseField.label, ctx_r1.caseField.label, ctx_r1.caseField.field_type.collection_field_type, ctx_r1.caseField.display_context_parameter, ctx_r1.caseField.value, ctx_r1.caseField.hidden))("context", ctx_r1.context)("topLevelFormGroup", ctx_r1.topLevelFormGroup);
+} }
+const _c1$f = function (a0, a1, a2, a3, a4) { return { id: a0, label: a1, field_type: a2, value: a3, hidden: a4 }; };
+function ReadCollectionFieldComponent_table_0_tbody_3_tr_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr");
+    i0.ɵɵelementStart(1, "td");
+    i0.ɵɵelement(2, "ccd-field-read", 7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r4 = ctx.$implicit;
+    const i_r5 = ctx.index;
+    const ctx_r3 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("caseField", i0.ɵɵpureFunction5(4, _c1$f, i_r5, ctx_r3.caseField.label + " " + (i_r5 + 1), ctx_r3.caseField.field_type.collection_field_type, item_r4.value, ctx_r3.caseField.hidden))("context", ctx_r3.context)("topLevelFormGroup", ctx_r3.topLevelFormGroup)("idPrefix", ctx_r3.buildIdPrefix(i_r5));
+} }
+function ReadCollectionFieldComponent_table_0_tbody_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tbody");
+    i0.ɵɵtemplate(1, ReadCollectionFieldComponent_table_0_tbody_3_tr_1_Template, 3, 10, "tr", 6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngForOf", ctx_r2.caseField.value);
+} }
+function ReadCollectionFieldComponent_table_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "table", 1);
+    i0.ɵɵelementContainerStart(1, 2);
+    i0.ɵɵtemplate(2, ReadCollectionFieldComponent_table_0_tbody_2_Template, 5, 10, "tbody", 3);
+    i0.ɵɵtemplate(3, ReadCollectionFieldComponent_table_0_tbody_3_Template, 2, 1, "tbody", 3);
+    i0.ɵɵelementContainerEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngSwitch", ctx_r0.isDisplayContextParameterAvailable);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngSwitchCase", true);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngSwitchCase", false);
+} }
+class ReadCollectionFieldComponent extends AbstractFieldReadComponent {
+    constructor() {
+        super(...arguments);
+        this.isDisplayContextParameterAvailable = false;
+    }
+    ngOnInit() {
+        if (this.caseField.display_context_parameter && this.caseField.display_context_parameter.trim().startsWith('#TABLE(')) {
+            this.isDisplayContextParameterAvailable = true;
+        }
+    }
+    buildIdPrefix(index) {
+        const prefix = `${this.idPrefix}${this.caseField.id}_`;
+        if (this.caseField.field_type.collection_field_type.type === 'Complex') {
+            return `${prefix}${index}_`;
+        }
+        return prefix;
     }
 }
-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
+ReadCollectionFieldComponent.ɵfac = function ReadCollectionFieldComponent_Factory(t) { return ɵReadCollectionFieldComponent_BaseFactory(t || ReadCollectionFieldComponent); };
+ReadCollectionFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadCollectionFieldComponent, selectors: [["ccd-read-collection-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "collection-field-table", "aria-describedby", "collection table", 4, "ngIf"], ["aria-describedby", "collection table", 1, "collection-field-table"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["id", "hiddenHeader", 2, "display", "none"], [3, "caseField", "context", "topLevelFormGroup"], [4, "ngFor", "ngForOf"], [3, "caseField", "context", "topLevelFormGroup", "idPrefix"]], template: function ReadCollectionFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, ReadCollectionFieldComponent_table_0_Template, 4, 3, "table", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.caseField.value && ctx.caseField.value.length);
+    } }, styles: [".collection-field-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:first-child > td[_ngcontent-%COMP%]{padding-top:0}.collection-field-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child > td[_ngcontent-%COMP%]{border-bottom:none}.collection-field-table[_ngcontent-%COMP%]   td.collection-actions[_ngcontent-%COMP%]{width:1px;white-space:nowrap}.error-spacing[_ngcontent-%COMP%]{margin-top:10px}.collection-title[_ngcontent-%COMP%]{height:51px}.float-left[_ngcontent-%COMP%]{float:left;padding-top:8px}.float-right[_ngcontent-%COMP%]{float:right}.complex-panel[_ngcontent-%COMP%]{margin:13px 0;border:1px solid #bfc1c3}.complex-panel[_ngcontent-%COMP%]   .complex-panel-title[_ngcontent-%COMP%]{background-color:#dee0e2;border-bottom:1px solid #bfc1c3;display:block;color:#0b0c0c;padding:5px 5px 2px;font-family:nta,Arial,sans-serif;font-weight:700;text-transform:none;font-size:16px;line-height:1.25}@media (min-width:641px){.complex-panel[_ngcontent-%COMP%]   .complex-panel-title[_ngcontent-%COMP%]{font-size:19px;line-height:1.3157894737}}.complex-panel[_ngcontent-%COMP%]   .complex-panel-table[_ngcontent-%COMP%] > tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%] > th[_ngcontent-%COMP%]{vertical-align:top}.complex-panel[_ngcontent-%COMP%]   .complex-panel-table[_ngcontent-%COMP%] > tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]:last-child > td[_ngcontent-%COMP%], .complex-panel[_ngcontent-%COMP%]   .complex-panel-table[_ngcontent-%COMP%] > tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]:last-child > th[_ngcontent-%COMP%]{border-bottom:none}.complex-panel[_ngcontent-%COMP%]   .complex-panel-simple-field[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{padding-left:5px;width:295px}.complex-panel[_ngcontent-%COMP%]   .complex-panel-compound-field[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:5px}.collection-indicator[_ngcontent-%COMP%]{border-left:5px solid #b1b4b6}"] });
+const ɵReadCollectionFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(ReadCollectionFieldComponent);
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadCollectionFieldComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-read-collection-field',
+                templateUrl: './read-collection-field.html',
+                styleUrls: ['./collection-field.scss']
+            }]
     }], 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);
+function hasRoles(profile) {
+    if (profile.user && profile.user.idam && Array.isArray(profile.user.idam.roles)) {
+        return profile.user.idam.roles.length > 0;
     }
-    setSessionStorage(key, value) {
-        window.sessionStorage.setItem(key, value);
+    return false;
+}
+// @dynamic
+class Profile {
+    isSolicitor() {
+        if (hasRoles(this)) {
+            return this.user.idam.roles.find(r => r.endsWith('-solicitor')) !== undefined;
+        }
+        return false;
     }
-    getSessionStorage(key) {
-        return window.sessionStorage.getItem(key);
+    isCourtAdmin() {
+        if (hasRoles(this)) {
+            return this.user.idam.roles.find(r => r.endsWith('-courtadmin')) !== undefined;
+        }
+        return false;
     }
-    openOnNewTab(url) {
-        window.open(url, '_blank');
+}
+__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();
     }
-    confirm(message) {
-        return window.confirm(message);
+    announceProfile(profile) {
+        this.profileSource.next(profile);
     }
 }
-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, [{
+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 WorkbasketInputFilterService {
-    constructor(httpService, appConfig) {
-        this.httpService = httpService;
-        this.appConfig = appConfig;
-    }
-    getWorkbasketInputUrl(caseTypeId) {
-        return `${this.appConfig.getCaseDataUrl()}/internal/case-types/${caseTypeId}/work-basket-inputs`;
+class RemoveDialogComponent {
+    constructor(matDialogRef) {
+        this.matDialogRef = matDialogRef;
     }
-    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;
-        }));
+    remove() {
+        this.result = 'Remove';
+        this.matDialogRef.close(this.result);
     }
-    isDataValid(jurisdictionId, caseTypeId) {
-        return this.currentJurisdiction === jurisdictionId && this.currentCaseType === caseTypeId;
+    cancel() {
+        this.result = 'Cancel';
+        this.matDialogRef.close(this.result);
     }
 }
-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.ɵɵelementStart(2, "button", 9);
-    i0.ɵɵelement(3, "img", 10);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 11);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const node_r2 = ctx.$implicit;
-    i0.ɵɵadvance(5);
-    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", 12);
-    i0.ɵɵelementStart(2, "button", 13);
-    i0.ɵɵelement(3, "img", 14);
-    i0.ɵɵelementStart(4, "span", 15);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 16);
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div");
-    i0.ɵɵelementContainer(9, 17);
-    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(3);
-    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.nestedChildren = (_, 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) => {
-            const newDocumentTreeNode = new DocumentTreeNode();
-            newDocumentTreeNode.name = node.category_name;
-            newDocumentTreeNode.type = 'category';
-            newDocumentTreeNode.children = [...this.generateTreeData(node.sub_categories), ...this.getDocuments(node.documents)];
-            return [
-                ...tree,
-                newDocumentTreeNode,
-            ];
-        }, []);
-    }
-    getDocuments(documents) {
-        const documentsToReturn = [];
-        documents.forEach(document => {
-            const documentTreeNode = new DocumentTreeNode();
-            documentTreeNode.name = document.document_filename;
-            documentTreeNode.type = 'document';
-            documentsToReturn.push(documentTreeNode);
-        });
-        return documentsToReturn;
-    }
-    getUncategorisedDocuments(uncategorisedDocuments) {
-        const documents = [];
-        uncategorisedDocuments.forEach(document => {
-            const documentTreeNode = new DocumentTreeNode();
-            documentTreeNode.name = document.document_filename;
-            documentTreeNode.type = 'document';
-            documents.push(documentTreeNode);
-        });
-        const uncategorisedNode = new DocumentTreeNode();
-        uncategorisedNode.name = CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE;
-        uncategorisedNode.type = 'category';
-        uncategorisedNode.children = documents;
-        return uncategorisedNode;
-    }
-    ngOnDestroy() {
-        if (this.categoriesAndDocumentsSubscription) {
-            this.categoriesAndDocumentsSubscription.unsubscribe();
-        }
-    }
-    loadCategories() {
-        return [
-            {
-                category_id: 'Beers',
-                category_name: 'Beers',
-                category_order: 1,
-                documents: [
-                    {
-                        document_url: '/test',
-                        document_filename: 'Beers encyclopedia',
-                        document_binary_url: '/test/binary',
-                        attribute_path: '',
-                        upload_timestamp: ''
-                    }
-                ],
-                sub_categories: [
-                    {
-                        category_id: 'BeersBitters',
-                        category_name: 'Bitters',
-                        category_order: 1,
-                        documents: [],
-                        sub_categories: []
-                    },
-                    {
-                        category_id: 'BeersAmerican',
-                        category_name: 'American',
-                        category_order: 2,
-                        documents: [],
-                        sub_categories: []
-                    },
-                    {
-                        category_id: 'BeersAsian',
-                        category_name: 'Asian',
-                        category_order: 3,
-                        documents: [],
-                        sub_categories: []
-                    }
-                ]
-            },
-            {
-                category_id: 'Wines',
-                category_name: 'Wines',
-                category_order: 2,
-                documents: [],
-                sub_categories: [
-                    {
-                        category_id: 'WinesFrench',
-                        category_name: 'French',
-                        category_order: 1,
-                        documents: [],
-                        sub_categories: []
-                    },
-                    {
-                        category_id: 'WinesItalian',
-                        category_name: 'Italian',
-                        category_order: 2,
-                        documents: [],
-                        sub_categories: []
-                    }
-                ]
-            },
-            {
-                category_id: 'Spirits',
-                category_name: 'Spirits',
-                category_order: 3,
-                documents: [],
-                sub_categories: [
-                    {
-                        category_id: 'SpiritsWhisky',
-                        category_name: 'Scotch whisky',
-                        category_order: 1,
-                        documents: [],
-                        sub_categories: [
-                            {
-                                category_id: 'WhiskyHighland',
-                                category_name: 'Highland',
-                                category_order: 1,
-                                documents: [],
-                                sub_categories: [
-                                    {
-                                        category_id: 'WhiskyHighland1',
-                                        category_name: 'Highland 1',
-                                        category_order: 1,
-                                        documents: [],
-                                        sub_categories: []
-                                    }
-                                ]
-                            },
-                            {
-                                category_id: 'WhiskyLowland',
-                                category_name: 'Lowland',
-                                category_order: 2,
-                                documents: [],
-                                sub_categories: [
-                                    {
-                                        category_id: 'WhiskyLowland1',
-                                        category_name: 'Lowland 1',
-                                        category_order: 1,
-                                        documents: [
-                                            {
-                                                document_url: '/test',
-                                                document_filename: 'Details about Whisky Lowland 1',
-                                                document_binary_url: '/test/binary',
-                                                attribute_path: '',
-                                                upload_timestamp: ''
-                                            }
-                                        ],
-                                        sub_categories: []
-                                    },
-                                    {
-                                        category_id: 'WhiskyLowland2',
-                                        category_name: 'Lowland 2',
-                                        category_order: 2,
-                                        documents: [],
-                                        sub_categories: []
-                                    }
-                                ]
-                            },
-                            {
-                                category_id: 'WhiskyIslay',
-                                category_name: 'Islay',
-                                category_order: 3,
-                                documents: [
-                                    {
-                                        document_url: '/test',
-                                        document_filename: 'Details about Whisky Islay',
-                                        document_binary_url: '/test/binary',
-                                        attribute_path: '',
-                                        upload_timestamp: ''
-                                    },
-                                    {
-                                        document_url: '/test',
-                                        document_filename: 'More information about Whisky Islay',
-                                        document_binary_url: '/test/binary',
-                                        attribute_path: '',
-                                        upload_timestamp: ''
-                                    }
-                                ],
-                                sub_categories: []
-                            },
-                            {
-                                category_id: 'WhiskySpeyside',
-                                category_name: 'Speyside',
-                                category_order: 4,
-                                documents: [],
-                                sub_categories: []
-                            },
-                            {
-                                category_id: 'WhiskyCampbeltown',
-                                category_name: 'Campbeltown',
-                                category_order: 5,
-                                documents: [],
-                                sub_categories: []
-                            }
-                        ]
-                    }
-                ]
-            }
-        ];
-    }
-}
-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, "node__icon"], ["src", "/assets/images/document.png", "alt", "Document icon", 1, "node__iconImg"], [1, "node-name", "node-name-document"], ["cdkTreeNodeToggle", "", 1, "node"], ["mat-icon-button", "", 1, "node__icon"], ["src", "/assets/images/folder.png", "alt", "Folder icon", 1, "node__iconImg"], [1, "node__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);
-        i0.ɵɵtext(3, "Documents");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(4, "div", 3);
-        i0.ɵɵelementStart(5, "cdk-tree", 4);
-        i0.ɵɵtemplate(6, CaseFileViewFolderComponent_cdk_nested_tree_node_6_Template, 6, 1, "cdk-nested-tree-node", 5);
-        i0.ɵɵtemplate(7, CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template, 10, 5, "cdk-nested-tree-node", 6);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance(5);
-        i0.ɵɵproperty("dataSource", ctx.nestedDataSource)("treeControl", ctx.nestedTreeControl);
-        i0.ɵɵadvance(2);
-        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}.node[_ngcontent-%COMP%]{display:flex;align-items:center;padding:6px 0}.node__icon[_ngcontent-%COMP%]{position:relative;background:none;border:0}.node__iconImg[_ngcontent-%COMP%]{height:24px}.node__count[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.node__name[_ngcontent-%COMP%]{margin-left:6px}"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewFolderComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ccd-case-file-view-folder',
-                styleUrls: ['./case-file-view-folder.component.scss'],
-                templateUrl: './case-file-view-folder.component.html'
-            }]
-    }], function () { return []; }, { categoriesAndDocuments: [{
-            type: Input
-        }] }); })();
-
-class CaseFileViewFieldComponent {
-    constructor(elementRef, route, caseFileViewService) {
-        this.elementRef = elementRef;
-        this.route = route;
-        this.caseFileViewService = caseFileViewService;
-    }
-    ngOnInit() {
-        const cid = this.route.snapshot.paramMap.get(CaseFileViewFieldComponent.PARAM_CASE_ID);
-        this.categoriesAndDocuments$ = this.caseFileViewService.getCategoriesAndDocuments(cid);
-    }
-    ngAfterViewInit() {
-        const slider = this.elementRef.nativeElement.querySelector('.slider');
-        const documentTreeContainer = this.elementRef.nativeElement.querySelector('.document-tree-container');
-        const mousedown$ = fromEvent(slider, 'mousedown');
-        const mousemove$ = fromEvent(document, 'mousemove');
-        const mouseup$ = fromEvent(document, 'mouseup');
-        const drag$ = mousedown$.pipe(switchMap((start) => {
-            const x = start.clientX;
-            const documentTreeContainerWidth = documentTreeContainer.getBoundingClientRect().width;
-            return mousemove$.pipe(map(move => {
-                move.preventDefault();
-                return {
-                    dx: move.clientX - x,
-                    documentTreeContainerWidth
-                };
-            }), takeUntil(mouseup$));
-        }));
-        drag$.subscribe(pos => {
-            const calculatedWidth = ((pos.documentTreeContainerWidth + pos.dx) * 100) / slider.parentElement.getBoundingClientRect().width;
-            documentTreeContainer.setAttribute('style', `width: ${calculatedWidth}%`);
-        });
-    }
-}
-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) {
-        i0.ɵɵelementStart(0, "h2", 0);
-        i0.ɵɵtext(1, "Case file");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(2, "div", 1);
-        i0.ɵɵelementStart(3, "div", 2);
-        i0.ɵɵelement(4, "ccd-case-file-view-folder", 3);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelement(5, "div", 4);
-        i0.ɵɵelementStart(6, "div", 5);
-        i0.ɵɵtext(7, " Media viewer ");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance(4);
-        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'],
-            }]
-    }], function () { return [{ type: i0.ElementRef }, { type: i1$1.ActivatedRoute }, { type: CaseFileViewService }]; }, null); })();
-
-var PaletteContext;
-(function (PaletteContext) {
-    PaletteContext["DEFAULT"] = "DEFAULT";
-    PaletteContext["CHECK_YOUR_ANSWER"] = "CHECK_YOUR_ANSWER";
-    PaletteContext["TABLE_VIEW"] = "TABLE_VIEW";
-})(PaletteContext || (PaletteContext = {}));
-
-class AbstractFieldReadComponent extends AbstractFormFieldComponent {
-    constructor() {
-        super(...arguments);
-        /**
-         * Optional. Enable context-aware rendering of fields.
-         */
-        this.context = PaletteContext.DEFAULT;
-    }
-    ngOnInit() {
-        if (!this.caseField.metadata) {
-            this.registerControl(new FormControl(this.caseField.value));
-        }
-    }
-}
-AbstractFieldReadComponent.ɵfac = function AbstractFieldReadComponent_Factory(t) { return ɵAbstractFieldReadComponent_BaseFactory(t || AbstractFieldReadComponent); };
-AbstractFieldReadComponent.ɵdir = i0.ɵɵdefineDirective({ type: AbstractFieldReadComponent, inputs: { caseReference: "caseReference", topLevelFormGroup: "topLevelFormGroup", context: "context" }, features: [i0.ɵɵInheritDefinitionFeature] });
-const ɵAbstractFieldReadComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(AbstractFieldReadComponent);
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AbstractFieldReadComponent, [{
-        type: Directive
-    }], null, { caseReference: [{
-            type: Input
-        }], topLevelFormGroup: [{
-            type: Input
-        }], context: [{
-            type: Input
-        }] }); })();
-
-function ReadCaseLinkFieldComponent_a_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 1);
-    i0.ɵɵelementStart(1, "span", 2);
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "ccdCaseReference");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵpropertyInterpolate1("href", "/v2/case/", ctx_r0.caseField.value.CaseReference, "", i0.ɵɵsanitizeUrl);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r0.caseField.value.CaseReference ? i0.ɵɵpipeBind1(3, 2, ctx_r0.caseField.value.CaseReference) : "");
-} }
-class ReadCaseLinkFieldComponent extends AbstractFieldReadComponent {
-    hasReference() {
-        return this.caseField.value && this.caseField.value.CaseReference;
-    }
-}
-ReadCaseLinkFieldComponent.ɵfac = function ReadCaseLinkFieldComponent_Factory(t) { return ɵReadCaseLinkFieldComponent_BaseFactory(t || ReadCaseLinkFieldComponent); };
-ReadCaseLinkFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadCaseLinkFieldComponent, selectors: [["ccd-read-case-link-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["target", "_blank", 3, "href", 4, "ngIf"], ["target", "_blank", 3, "href"], [1, "text-16"]], template: function ReadCaseLinkFieldComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, ReadCaseLinkFieldComponent_a_0_Template, 4, 4, "a", 0);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngIf", ctx.hasReference());
-    } }, directives: [i1.NgIf], pipes: [CaseReferencePipe], encapsulation: 2 });
-const ɵReadCaseLinkFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(ReadCaseLinkFieldComponent);
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadCaseLinkFieldComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ccd-read-case-link-field',
-                templateUrl: 'read-case-link-field.html'
-            }]
-    }], null, null); })();
-
-class FirstErrorPipe {
-    transform(value, args) {
-        if (!value) {
-            return '';
-        }
-        if (!args) {
-            args = 'Field';
-        }
-        const keys = Object.keys(value);
-        if (!keys.length) {
-            return '';
-        }
-        if (keys[0] === 'required') {
-            return `${args} is required`;
-        }
-        else if (keys[0] === 'pattern') {
-            return `The data entered is not valid for ${args}`;
-        }
-        else if (keys[0] === 'minlength') {
-            return `${args} is below the minimum length`;
-        }
-        else if (keys[0] === 'maxlength') {
-            return `${args} exceeds the maximum length`;
-        }
-        else if (value.hasOwnProperty('matDatetimePickerParse')) {
-            return 'The date entered is not valid. Please provide a valid date';
-        }
-        return value[keys[0]];
-    }
-}
-FirstErrorPipe.ɵfac = function FirstErrorPipe_Factory(t) { return new (t || FirstErrorPipe)(); };
-FirstErrorPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdFirstError", type: FirstErrorPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FirstErrorPipe, [{
-        type: Pipe,
-        args: [{
-                name: 'ccdFirstError'
-            }]
-    }], null, null); })();
-
-const _c0$F = ["writeComplexFieldComponent"];
-function WriteCaseLinkFieldComponent_span_2_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 WriteCaseLinkFieldComponent_span_3_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 WriteCaseLinkFieldComponent_span_4_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.caseReferenceControl.errors, ctx_r2.caseField.label));
-} }
-const _c1$g = function (a0) { return { "form-group-error": a0 }; };
-class WriteCaseLinkFieldComponent extends AbstractFieldWriteComponent {
-    ngOnInit() {
-        if (this.caseField.value) {
-            this.caseLinkGroup = this.registerControl(new FormGroup({
-                CaseReference: new FormControl(this.caseField.value.CaseReference, Validators.required),
-            }), true);
-        }
-        else {
-            this.caseLinkGroup = this.registerControl(new FormGroup({
-                CaseReference: new FormControl(null, Validators.required),
-            }), true);
-        }
-        this.caseReferenceControl = this.caseLinkGroup.controls['CaseReference'];
-        this.caseReferenceControl.setValidators(this.caseReferenceValidator());
-        // Ensure that all sub-fields inherit the same value for retain_hidden_value as this parent; although a CaseLink
-        // field uses the Complex type, it is meant to be treated as one field
-        if (this.caseField && this.caseField.field_type.type === 'Complex') {
-            for (const caseLinkSubField of this.caseField.field_type.complex_fields) {
-                caseLinkSubField.retain_hidden_value = this.caseField.retain_hidden_value;
-            }
-        }
-    }
-    validCaseReference(valueString) {
-        if (!valueString) {
-            return false;
-        }
-        return new RegExp('^\\b\\d{4}[ -]?\\d{4}[ -]?\\d{4}[ -]?\\d{4}\\b$').test(valueString.trim());
-    }
-    caseReferenceValidator() {
-        return (control) => {
-            if (control.value) {
-                if (this.validCaseReference(control.value)) {
-                    return null;
-                }
-                return { error: 'Please use a valid 16 Digit Case Reference' };
-            }
-            else {
-                if (control.touched) {
-                    return { error: 'Please use a valid 16 Digit Case Reference' };
-                }
-            }
-            return null;
-        };
-    }
-}
-WriteCaseLinkFieldComponent.ɵfac = function WriteCaseLinkFieldComponent_Factory(t) { return ɵWriteCaseLinkFieldComponent_BaseFactory(t || WriteCaseLinkFieldComponent); };
-WriteCaseLinkFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCaseLinkFieldComponent, selectors: [["ccd-write-case-link-field"]], viewQuery: function WriteCaseLinkFieldComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$F, 1);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.writeComplexFieldComponent = _t.first);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 9, consts: [[1, "form-group", 3, "ngClass"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], ["type", "text", 1, "form-control", "bottom-30", 3, "id", "formControl"], [1, "form-label"], [1, "form-hint"], [1, "error-message"]], template: function WriteCaseLinkFieldComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵelementStart(1, "label", 1);
-        i0.ɵɵtemplate(2, WriteCaseLinkFieldComponent_span_2_Template, 3, 3, "span", 2);
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(3, WriteCaseLinkFieldComponent_span_3_Template, 2, 1, "span", 3);
-        i0.ɵɵtemplate(4, WriteCaseLinkFieldComponent_span_4_Template, 3, 4, "span", 4);
-        i0.ɵɵelement(5, "input", 5);
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1$g, !ctx.caseReferenceControl.valid && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.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.caseReferenceControl.errors && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.touched));
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("id", ctx.id())("formControl", ctx.caseReferenceControl);
-    } }, directives: [i1.NgClass, i1.NgIf, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
-const ɵWriteCaseLinkFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteCaseLinkFieldComponent);
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteCaseLinkFieldComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ccd-write-case-link-field',
-                templateUrl: 'write-case-link-field.html'
-            }]
-    }], null, { writeComplexFieldComponent: [{
-            type: ViewChild,
-            args: ['writeComplexFieldComponent', /* TODO: add static flag */ {}]
-        }] }); })();
-
-const _c0$E = function (a0, a1, a2, a3, a4, a5) { return { id: a0, label: a1, field_type: a2, display_context_parameter: a3, value: a4, hidden: a5 }; };
-function ReadCollectionFieldComponent_table_0_tbody_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tbody");
-    i0.ɵɵelementStart(1, "tr");
-    i0.ɵɵelement(2, "th", 4);
-    i0.ɵɵelementStart(3, "td");
-    i0.ɵɵelement(4, "ccd-field-read", 5);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("caseField", i0.ɵɵpureFunction6(3, _c0$E, ctx_r1.caseField.label, ctx_r1.caseField.label, ctx_r1.caseField.field_type.collection_field_type, ctx_r1.caseField.display_context_parameter, ctx_r1.caseField.value, ctx_r1.caseField.hidden))("context", ctx_r1.context)("topLevelFormGroup", ctx_r1.topLevelFormGroup);
-} }
-const _c1$f = function (a0, a1, a2, a3, a4) { return { id: a0, label: a1, field_type: a2, value: a3, hidden: a4 }; };
-function ReadCollectionFieldComponent_table_0_tbody_3_tr_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr");
-    i0.ɵɵelementStart(1, "td");
-    i0.ɵɵelement(2, "ccd-field-read", 7);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r4 = ctx.$implicit;
-    const i_r5 = ctx.index;
-    const ctx_r3 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("caseField", i0.ɵɵpureFunction5(4, _c1$f, i_r5, ctx_r3.caseField.label + " " + (i_r5 + 1), ctx_r3.caseField.field_type.collection_field_type, item_r4.value, ctx_r3.caseField.hidden))("context", ctx_r3.context)("topLevelFormGroup", ctx_r3.topLevelFormGroup)("idPrefix", ctx_r3.buildIdPrefix(i_r5));
-} }
-function ReadCollectionFieldComponent_table_0_tbody_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tbody");
-    i0.ɵɵtemplate(1, ReadCollectionFieldComponent_table_0_tbody_3_tr_1_Template, 3, 10, "tr", 6);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r2.caseField.value);
-} }
-function ReadCollectionFieldComponent_table_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "table", 1);
-    i0.ɵɵelementContainerStart(1, 2);
-    i0.ɵɵtemplate(2, ReadCollectionFieldComponent_table_0_tbody_2_Template, 5, 10, "tbody", 3);
-    i0.ɵɵtemplate(3, ReadCollectionFieldComponent_table_0_tbody_3_Template, 2, 1, "tbody", 3);
-    i0.ɵɵelementContainerEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngSwitch", ctx_r0.isDisplayContextParameterAvailable);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngSwitchCase", true);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngSwitchCase", false);
-} }
-class ReadCollectionFieldComponent extends AbstractFieldReadComponent {
-    constructor() {
-        super(...arguments);
-        this.isDisplayContextParameterAvailable = false;
-    }
-    ngOnInit() {
-        if (this.caseField.display_context_parameter && this.caseField.display_context_parameter.trim().startsWith('#TABLE(')) {
-            this.isDisplayContextParameterAvailable = true;
-        }
-    }
-    buildIdPrefix(index) {
-        const prefix = `${this.idPrefix}${this.caseField.id}_`;
-        if (this.caseField.field_type.collection_field_type.type === 'Complex') {
-            return `${prefix}${index}_`;
-        }
-        return prefix;
-    }
-}
-ReadCollectionFieldComponent.ɵfac = function ReadCollectionFieldComponent_Factory(t) { return ɵReadCollectionFieldComponent_BaseFactory(t || ReadCollectionFieldComponent); };
-ReadCollectionFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadCollectionFieldComponent, selectors: [["ccd-read-collection-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "collection-field-table", "aria-describedby", "collection table", 4, "ngIf"], ["aria-describedby", "collection table", 1, "collection-field-table"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["id", "hiddenHeader", 2, "display", "none"], [3, "caseField", "context", "topLevelFormGroup"], [4, "ngFor", "ngForOf"], [3, "caseField", "context", "topLevelFormGroup", "idPrefix"]], template: function ReadCollectionFieldComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, ReadCollectionFieldComponent_table_0_Template, 4, 3, "table", 0);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngIf", ctx.caseField.value && ctx.caseField.value.length);
-    } }, styles: [".collection-field-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:first-child > td[_ngcontent-%COMP%]{padding-top:0}.collection-field-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child > td[_ngcontent-%COMP%]{border-bottom:none}.collection-field-table[_ngcontent-%COMP%]   td.collection-actions[_ngcontent-%COMP%]{width:1px;white-space:nowrap}.error-spacing[_ngcontent-%COMP%]{margin-top:10px}.collection-title[_ngcontent-%COMP%]{height:51px}.float-left[_ngcontent-%COMP%]{float:left;padding-top:8px}.float-right[_ngcontent-%COMP%]{float:right}.complex-panel[_ngcontent-%COMP%]{margin:13px 0;border:1px solid #bfc1c3}.complex-panel[_ngcontent-%COMP%]   .complex-panel-title[_ngcontent-%COMP%]{background-color:#dee0e2;border-bottom:1px solid #bfc1c3;display:block;color:#0b0c0c;padding:5px 5px 2px;font-family:nta,Arial,sans-serif;font-weight:700;text-transform:none;font-size:16px;line-height:1.25}@media (min-width:641px){.complex-panel[_ngcontent-%COMP%]   .complex-panel-title[_ngcontent-%COMP%]{font-size:19px;line-height:1.3157894737}}.complex-panel[_ngcontent-%COMP%]   .complex-panel-table[_ngcontent-%COMP%] > tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%] > th[_ngcontent-%COMP%]{vertical-align:top}.complex-panel[_ngcontent-%COMP%]   .complex-panel-table[_ngcontent-%COMP%] > tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]:last-child > td[_ngcontent-%COMP%], .complex-panel[_ngcontent-%COMP%]   .complex-panel-table[_ngcontent-%COMP%] > tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]:last-child > th[_ngcontent-%COMP%]{border-bottom:none}.complex-panel[_ngcontent-%COMP%]   .complex-panel-simple-field[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{padding-left:5px;width:295px}.complex-panel[_ngcontent-%COMP%]   .complex-panel-compound-field[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:5px}.collection-indicator[_ngcontent-%COMP%]{border-left:5px solid #b1b4b6}"] });
-const ɵReadCollectionFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(ReadCollectionFieldComponent);
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadCollectionFieldComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ccd-read-collection-field',
-                templateUrl: './read-collection-field.html',
-                styleUrls: ['./collection-field.scss']
-            }]
-    }], null, null); })();
-
-class RemoveDialogComponent {
-    constructor(matDialogRef) {
-        this.matDialogRef = matDialogRef;
-    }
-    remove() {
-        this.result = 'Remove';
-        this.matDialogRef.close(this.result);
-    }
-    cancel() {
-        this.result = 'Cancel';
-        this.matDialogRef.close(this.result);
-    }
-}
-RemoveDialogComponent.ɵfac = function RemoveDialogComponent_Factory(t) { return new (t || RemoveDialogComponent)(i0.ɵɵdirectiveInject(i1$6.MatDialogRef)); };
+RemoveDialogComponent.ɵfac = function RemoveDialogComponent_Factory(t) { return new (t || RemoveDialogComponent)(i0.ɵɵdirectiveInject(i1$5.MatDialogRef)); };
 RemoveDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RemoveDialogComponent, selectors: [["ccd-remove-dialog"]], decls: 15, vars: 0, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Remove", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Cancel", 1, "button", "button-secondary", 3, "click"]], template: function RemoveDialogComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div");
         i0.ɵɵelementStart(1, "div", 0);
@@ -8232,7 +7537,7 @@ RemoveDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RemoveDialogCompone
                 templateUrl: './remove-dialog.component.html',
                 styleUrls: ['../action-dialog.component.scss']
             }]
-    }], function () { return [{ type: i1$6.MatDialogRef }]; }, null); })();
+    }], function () { return [{ type: i1$5.MatDialogRef }]; }, null); })();
 
 const _c0$D = ["collectionItem"];
 function WriteCollectionFieldComponent_h2_7_span_1_Template(rf, ctx) { if (rf & 1) {
@@ -8606,7 +7911,7 @@ class WriteCollectionFieldComponent extends AbstractFieldWriteComponent {
         return notSimple.indexOf(caseField.field_type.collection_field_type.type) < 0;
     }
 }
-WriteCollectionFieldComponent.ɵfac = function WriteCollectionFieldComponent_Factory(t) { return new (t || WriteCollectionFieldComponent)(i0.ɵɵdirectiveInject(i1$6.MatDialog), i0.ɵɵdirectiveInject(i2.ScrollToService), i0.ɵɵdirectiveInject(ProfileNotifier)); };
+WriteCollectionFieldComponent.ɵfac = function WriteCollectionFieldComponent_Factory(t) { return new (t || WriteCollectionFieldComponent)(i0.ɵɵdirectiveInject(i1$5.MatDialog), i0.ɵɵdirectiveInject(i2.ScrollToService), i0.ɵɵdirectiveInject(ProfileNotifier)); };
 WriteCollectionFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCollectionFieldComponent, selectors: [["ccd-write-collection-field"]], viewQuery: function WriteCollectionFieldComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$D, 1);
     } if (rf & 2) {
@@ -8648,7 +7953,7 @@ WriteCollectionFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCollec
                 templateUrl: './write-collection-field.html',
                 styleUrls: ['./collection-field.scss']
             }]
-    }], function () { return [{ type: i1$6.MatDialog }, { type: i2.ScrollToService }, { type: ProfileNotifier }]; }, { caseFields: [{
+    }], function () { return [{ type: i1$5.MatDialog }, { type: i2.ScrollToService }, { type: ProfileNotifier }]; }, { caseFields: [{
             type: Input
         }], formGroup: [{
             type: Input
@@ -9619,6 +8924,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;
@@ -9724,21 +9061,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) {
@@ -9979,7 +9455,7 @@ class DocumentDialogComponent {
         this.matDialogRef.close(this.result);
     }
 }
-DocumentDialogComponent.ɵfac = function DocumentDialogComponent_Factory(t) { return new (t || DocumentDialogComponent)(i0.ɵɵdirectiveInject(i1$6.MatDialogRef)); };
+DocumentDialogComponent.ɵfac = function DocumentDialogComponent_Factory(t) { return new (t || DocumentDialogComponent)(i0.ɵɵdirectiveInject(i1$5.MatDialogRef)); };
 DocumentDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DocumentDialogComponent, selectors: [["ccd-document-dialog"]], decls: 15, vars: 0, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Replace", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Cancel", 1, "button", "button-secondary", 3, "click"]], template: function DocumentDialogComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div");
         i0.ɵɵelementStart(1, "div", 0);
@@ -10017,7 +9493,7 @@ DocumentDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DocumentDialogCom
                 templateUrl: './document-dialog.component.html',
                 styleUrls: ['../action-dialog.component.scss']
             }]
-    }], function () { return [{ type: i1$6.MatDialogRef }]; }, null); })();
+    }], function () { return [{ type: i1$5.MatDialogRef }]; }, null); })();
 
 function initDialog() {
     const dialogConfig = new MatDialogConfig();
@@ -10324,7 +9800,7 @@ WriteDocumentFieldComponent.DOCUMENT_HASH = 'document_hash';
 WriteDocumentFieldComponent.UPLOAD_ERROR_FILE_REQUIRED = 'File required';
 WriteDocumentFieldComponent.UPLOAD_ERROR_NOT_AVAILABLE = 'Document upload facility is not available at the moment';
 WriteDocumentFieldComponent.UPLOAD_WAITING_FILE_STATUS = 'Uploading...';
-WriteDocumentFieldComponent.ɵfac = function WriteDocumentFieldComponent_Factory(t) { return new (t || WriteDocumentFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(i1$6.MatDialog), i0.ɵɵdirectiveInject(FileUploadStateService)); };
+WriteDocumentFieldComponent.ɵfac = function WriteDocumentFieldComponent_Factory(t) { return new (t || WriteDocumentFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(i1$5.MatDialog), i0.ɵɵdirectiveInject(FileUploadStateService)); };
 WriteDocumentFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDocumentFieldComponent, selectors: [["ccd-write-document-field"]], viewQuery: function WriteDocumentFieldComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$z, 1);
     } if (rf & 2) {
@@ -10389,7 +9865,7 @@ WriteDocumentFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDocument
                 selector: 'ccd-write-document-field',
                 templateUrl: './write-document-field.html'
             }]
-    }], function () { return [{ type: AbstractAppConfig }, { type: CaseNotifier }, { type: DocumentManagementService }, { type: i1$6.MatDialog }, { type: FileUploadStateService }]; }, { fileInput: [{
+    }], function () { return [{ type: AbstractAppConfig }, { type: CaseNotifier }, { type: DocumentManagementService }, { type: i1$5.MatDialog }, { type: FileUploadStateService }]; }, { fileInput: [{
             type: ViewChild,
             args: ['fileInput', { static: false }]
         }], clickout: [{
@@ -10858,705 +10334,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.ɵɵelementEnd();
+        i0.ɵɵelementStart(9, "th");
+        i0.ɵɵelementStart(10, "span", 2);
+        i0.ɵɵtext(11, "Date");
         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(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); })();
+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 EventLogDetailsComponent {
+class DefinitionsModule {
 }
-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,
+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); })();
 
@@ -13238,7 +13274,7 @@ CasePaymentHistoryViewerFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: Ca
         i0.ɵɵelement(0, "ccpay-payment-lib", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("API_ROOT", ctx.getBaseURL())("CCD_CASE_NUMBER", ctx.caseReference)("BULKSCAN_API_ROOT", ctx.getPayBulkScanBaseURL())("SELECTED_OPTION", "CCDorException")("ISBSENABLE", "true")("LOGGEDINUSEREMAIL", ctx.getUserEmail())("LOGGEDINUSERROLES", ctx.getUserRoles())("REFUNDS_API_ROOT", ctx.getRefundsUrl())("VIEW", "case-transactions")("REFUNDS_API_ROOT", ctx.getRefundsUrl())("TAKEPAYMENT", false)("SERVICEREQUEST", false)("PAYMENT_GROUP_REF", null)("EXC_REFERENCE", ctx.caseReference)("DCN_NUMBER", null)("LOGGEDINUSERROLES", ctx.getUserRoles());
-    } }, directives: [i3.PaymentLibComponent], encapsulation: 2 });
+    } }, directives: [i3$1.PaymentLibComponent], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CasePaymentHistoryViewerFieldComponent, [{
         type: Component,
         args: [{
@@ -13563,7 +13599,7 @@ WaysToPayFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WaysToPayFieldCom
         i0.ɵɵtemplate(0, WaysToPayFieldComponent_ccpay_payment_lib_0_Template, 1, 13, "ccpay-payment-lib", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.getUserRoles().length > 0);
-    } }, directives: [i1.NgIf, i3.PaymentLibComponent], encapsulation: 2 });
+    } }, directives: [i1.NgIf, i3$1.PaymentLibComponent], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WaysToPayFieldComponent, [{
         type: Component,
         args: [{
@@ -14079,7 +14115,7 @@ class SaveOrDiscardDialogComponent {
         this.matDialogRef.close(this.result);
     }
 }
-SaveOrDiscardDialogComponent.ɵfac = function SaveOrDiscardDialogComponent_Factory(t) { return new (t || SaveOrDiscardDialogComponent)(i0.ɵɵdirectiveInject(i1$6.MatDialogRef)); };
+SaveOrDiscardDialogComponent.ɵfac = function SaveOrDiscardDialogComponent_Factory(t) { return new (t || SaveOrDiscardDialogComponent)(i0.ɵɵdirectiveInject(i1$5.MatDialogRef)); };
 SaveOrDiscardDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SaveOrDiscardDialogComponent, selectors: [["ccd-save-or-discard-dialog"]], decls: 15, vars: 0, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Save", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Discard", 1, "button", "button-secondary", 3, "click"]], template: function SaveOrDiscardDialogComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div");
         i0.ɵɵelementStart(1, "div", 0);
@@ -14117,7 +14153,7 @@ SaveOrDiscardDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SaveOrDiscar
                 templateUrl: './save-or-discard-dialog.component.html',
                 styleUrls: ['../action-dialog.component.scss']
             }]
-    }], function () { return [{ type: i1$6.MatDialogRef }]; }, null); })();
+    }], function () { return [{ type: i1$5.MatDialogRef }]; }, null); })();
 
 class PageValidationService {
     constructor(caseFieldService) {
@@ -14929,7 +14965,7 @@ class CaseEditPageComponent {
         return caseEventData;
     }
 }
-CaseEditPageComponent.ɵfac = function CaseEditPageComponent_Factory(t) { return new (t || CaseEditPageComponent)(i0.ɵɵdirectiveInject(CaseEditComponent), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(FormValueService), i0.ɵɵdirectiveInject(FormErrorService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PageValidationService), i0.ɵɵdirectiveInject(i1$6.MatDialog), i0.ɵɵdirectiveInject(CaseFieldService)); };
+CaseEditPageComponent.ɵfac = function CaseEditPageComponent_Factory(t) { return new (t || CaseEditPageComponent)(i0.ɵɵdirectiveInject(CaseEditComponent), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(FormValueService), i0.ɵɵdirectiveInject(FormErrorService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PageValidationService), i0.ɵɵdirectiveInject(i1$5.MatDialog), i0.ɵɵdirectiveInject(CaseFieldService)); };
 CaseEditPageComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseEditPageComponent, selectors: [["ccd-case-edit-page"]], decls: 13, vars: 12, consts: [[4, "ngIf"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["titleBlock", ""], ["idBlock", ""], ["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], ["class", "error-summary", "role", "status", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [1, "width-50"], ["class", "form", 3, "formGroup", "submit", 4, "ngIf"], ["class", "govuk-heading-l", 4, "ngIf"], [1, "govuk-heading-l"], [1, "govuk-caption-l"], [3, "content"], ["class", "heading-h2", 4, "ngIf"], [1, "heading-h2"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], ["class", "govuk-error-summary__body", 4, "ngFor", "ngForOf"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [1, "validation-error", 3, "click"], ["role", "status", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading-3", 1, "heading-h3", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], ["class", "ccd-error-summary-li", 4, "ngFor", "ngForOf"], [1, "ccd-error-summary-li"], [1, "form", 3, "formGroup", "submit"], ["id", "fieldset-case-data"], [2, "display", "none"], ["id", "caseEditForm", 3, "fields", "formGroup", "caseFields", "pageChangeSubject", "valuesChanged", 4, "ngIf"], ["class", "grid-row", 4, "ngIf"], [1, "form-group", "form-group-related"], ["type", "button", 1, "button", "button-secondary", 3, "disabled", "click"], ["type", "submit", 1, "button", 3, "disabled"], [1, "cancel"], ["href", "javascript:void(0)", 3, "click"], ["id", "caseEditForm", 3, "fields", "formGroup", "caseFields", "pageChangeSubject", "valuesChanged"], [1, "grid-row"], [1, "column-two-thirds", "rightBorderSeparator"], ["id", "caseEditForm1", 3, "fields", "formGroup", "caseFields"], [1, "column-one-third"], ["id", "caseEditForm2", 3, "fields", "formGroup", "caseFields"]], template: function CaseEditPageComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, CaseEditPageComponent_ccd_loading_spinner_0_Template, 1, 0, "ccd-loading-spinner", 0);
         i0.ɵɵtemplate(1, CaseEditPageComponent_ng_container_1_Template, 3, 2, "ng-container", 0);
@@ -14971,7 +15007,7 @@ CaseEditPageComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseEditPageCompone
                 templateUrl: 'case-edit-page.html',
                 styleUrls: ['./case-edit-page.scss']
             }]
-    }], function () { return [{ type: CaseEditComponent }, { type: i1$1.ActivatedRoute }, { type: FormValueService }, { type: FormErrorService }, { type: i0.ChangeDetectorRef }, { type: PageValidationService }, { type: i1$6.MatDialog }, { type: CaseFieldService }]; }, null); })();
+    }], function () { return [{ type: CaseEditComponent }, { type: i1$1.ActivatedRoute }, { type: FormValueService }, { type: FormErrorService }, { type: i0.ChangeDetectorRef }, { type: PageValidationService }, { type: i1$5.MatDialog }, { type: CaseFieldService }]; }, null); })();
 
 class Confirmation {
     constructor(caseId, status, header, body) {
@@ -17852,7 +17888,7 @@ PaginationComponent.ɵcmp = i0.ɵɵdefineComponent({ type: PaginationComponent,
         i0.ɵɵproperty("id", ctx.id)("maxSize", ctx.maxSize);
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("ngIf", !(ctx.autoHide && _r0.pages.length <= 1));
-    } }, directives: [i1$7.PaginationControlsDirective, i1.NgIf, i1.NgForOf], pipes: [i1.DecimalPipe], styles: [".ngx-pagination[_ngcontent-%COMP%]{margin-left:0;margin-bottom:1rem;padding-top:25px;text-decoration:none;text-align:left;font-size:16px}.ngx-pagination[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]:before{content:\" \";display:table}.ngx-pagination[_ngcontent-%COMP%]:after{clear:both}.ngx-pagination[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-right:.0625rem;border-radius:0;display:inline-block}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{display:block;padding:.1875rem .625rem;border-radius:0;color:#005da6}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover, .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover{background:#e6e6e6}.ngx-pagination[_ngcontent-%COMP%]   .current[_ngcontent-%COMP%]{padding:.1875rem .625rem;background:#fff;color:#4c2c92;cursor:default;font-weight:900}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]{display:none}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]:hover{background:transparent}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{cursor:pointer}.ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{margin-right:.5rem;border-width:3px 0 0 3px}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;transform:rotate(-45deg);content:\"\"}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after{margin-left:.5rem;border-width:0 3px 3px 0}.ngx-pagination[_ngcontent-%COMP%]   .show-for-sr[_ngcontent-%COMP%]{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ngx-pagination[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:none}@media screen and (max-width:601px){.ngx-pagination.responsive[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:inline-block}.ngx-pagination.responsive[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:not(.small-screen):not(.pagination-previous):not(.pagination-next){display:none}}"] });
+    } }, directives: [i1$6.PaginationControlsDirective, i1.NgIf, i1.NgForOf], pipes: [i1.DecimalPipe], styles: [".ngx-pagination[_ngcontent-%COMP%]{margin-left:0;margin-bottom:1rem;padding-top:25px;text-decoration:none;text-align:left;font-size:16px}.ngx-pagination[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]:before{content:\" \";display:table}.ngx-pagination[_ngcontent-%COMP%]:after{clear:both}.ngx-pagination[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-right:.0625rem;border-radius:0;display:inline-block}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{display:block;padding:.1875rem .625rem;border-radius:0;color:#005da6}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover, .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover{background:#e6e6e6}.ngx-pagination[_ngcontent-%COMP%]   .current[_ngcontent-%COMP%]{padding:.1875rem .625rem;background:#fff;color:#4c2c92;cursor:default;font-weight:900}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]{display:none}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]:hover{background:transparent}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{cursor:pointer}.ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{margin-right:.5rem;border-width:3px 0 0 3px}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;transform:rotate(-45deg);content:\"\"}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after{margin-left:.5rem;border-width:0 3px 3px 0}.ngx-pagination[_ngcontent-%COMP%]   .show-for-sr[_ngcontent-%COMP%]{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ngx-pagination[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:none}@media screen and (max-width:601px){.ngx-pagination.responsive[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:inline-block}.ngx-pagination.responsive[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:not(.small-screen):not(.pagination-previous):not(.pagination-next){display:none}}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationComponent, [{
         type: Component,
         args: [{
@@ -18202,7 +18238,7 @@ CaseListComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseListComponent, sele
         i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind2(9, 8, ctx.cases, i0.ɵɵpureFunction3(11, _c0$c, ctx.pageSize, ctx.currentPageNo, ctx.totalResultsCount)));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.totalResultsCount > ctx.pageSize);
-    } }, directives: [i1.NgIf, i1.NgForOf, i1$1.RouterLinkWithHref, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, PaginationComponent], pipes: [i1$7.PaginatePipe, i1.CurrencyPipe], styles: [""] });
+    } }, directives: [i1.NgIf, i1.NgForOf, i1$1.RouterLinkWithHref, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, PaginationComponent], pipes: [i1$6.PaginatePipe, i1.CurrencyPipe], styles: [""] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseListComponent, [{
         type: Component,
         args: [{
@@ -19891,7 +19927,7 @@ class DeleteOrCancelDialogComponent {
         this.matDialogRef.close(this.result);
     }
 }
-DeleteOrCancelDialogComponent.ɵfac = function DeleteOrCancelDialogComponent_Factory(t) { return new (t || DeleteOrCancelDialogComponent)(i0.ɵɵdirectiveInject(i1$6.MatDialogRef)); };
+DeleteOrCancelDialogComponent.ɵfac = function DeleteOrCancelDialogComponent_Factory(t) { return new (t || DeleteOrCancelDialogComponent)(i0.ɵɵdirectiveInject(i1$5.MatDialogRef)); };
 DeleteOrCancelDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DeleteOrCancelDialogComponent, selectors: [["ccd-delete-or-cancel-dialog"]], decls: 15, vars: 0, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Delete", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Cancel", 1, "button", "button-secondary", 3, "click"]], template: function DeleteOrCancelDialogComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div");
         i0.ɵɵelementStart(1, "div", 0);
@@ -19929,7 +19965,7 @@ DeleteOrCancelDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DeleteOrCan
                 templateUrl: './delete-or-cancel-dialog.component.html',
                 styleUrls: ['../action-dialog.component.scss']
             }]
-    }], function () { return [{ type: i1$6.MatDialogRef }]; }, null); })();
+    }], function () { return [{ type: i1$5.MatDialogRef }]; }, null); })();
 
 function EventTriggerComponent_form_0_option_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "option", 8);
@@ -20112,8 +20148,8 @@ function CaseFullAccessViewComponent_ng_container_11_mat_tab_3_Template(rf, ctx)
     i0.ɵɵproperty("id", tab_r16.id)("label", tab_r16.label);
 } }
 function CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_th_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 35);
-    i0.ɵɵelementStart(1, "div", 36);
+    i0.ɵɵelementStart(0, "th", 34);
+    i0.ɵɵelementStart(1, "div", 35);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -20125,9 +20161,9 @@ 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, "th", 32);
-    i0.ɵɵelementStart(3, "span", 33);
-    i0.ɵɵelement(4, "ccd-field-read", 34);
+    i0.ɵɵelementStart(2, "td");
+    i0.ɵɵelementStart(3, "span", 32);
+    i0.ɵɵelement(4, "ccd-field-read", 33);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -20136,16 +20172,14 @@ function CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_
     const ctx_r22 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", !ctx_r22.isFieldToHaveNoLabel(field_r21));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("id", "case-viewer-field-read--" + field_r21.id);
-    i0.ɵɵadvance(2);
+    i0.ɵɵadvance(3);
     i0.ɵɵproperty("topLevelFormGroup", ctx_r22.formGroup.controls["data"])("caseField", field_r21)("caseReference", ctx_r22.caseDetails.case_id)("markdownUseHrefAsRouterLink", ctx_r22.markdownUseHrefAsRouterLink);
 } }
 function CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr", 37);
+    i0.ɵɵelementStart(0, "tr", 36);
     i0.ɵɵelementStart(1, "th");
-    i0.ɵɵelementStart(2, "span", 33);
-    i0.ɵɵelement(3, "ccd-field-read", 34);
+    i0.ɵɵelementStart(2, "span", 32);
+    i0.ɵɵelement(3, "ccd-field-read", 33);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -20160,7 +20194,7 @@ function CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_
     i0.ɵɵelementStart(1, "div", 27);
     i0.ɵɵelementContainerStart(2, 28);
     i0.ɵɵpipe(3, "ccdIsCompound");
-    i0.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_Template, 5, 6, "tr", 29);
+    i0.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_Template, 5, 5, "tr", 29);
     i0.ɵɵtemplate(5, CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_5_Template, 4, 4, "tr", 30);
     i0.ɵɵelementContainerEnd();
     i0.ɵɵelementEnd();
@@ -20487,13 +20521,13 @@ CaseFullAccessViewComponent.TRIGGER_TEXT_START = 'Go';
 CaseFullAccessViewComponent.TRIGGER_TEXT_CONTINUE = 'Ignore Warning and Go';
 CaseFullAccessViewComponent.UNICODE_SPACE = '%20';
 CaseFullAccessViewComponent.EMPTY_SPACE = ' ';
-CaseFullAccessViewComponent.ɵfac = function CaseFullAccessViewComponent_Factory(t) { return new (t || CaseFullAccessViewComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(NavigationNotifierService), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(ActivityPollingService), i0.ɵɵdirectiveInject(i1$6.MatDialog), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(DraftService), i0.ɵɵdirectiveInject(ErrorNotifierService), i0.ɵɵdirectiveInject(ConvertHrefToRouterService), i0.ɵɵdirectiveInject(i1.Location)); };
+CaseFullAccessViewComponent.ɵfac = function CaseFullAccessViewComponent_Factory(t) { return new (t || CaseFullAccessViewComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(NavigationNotifierService), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(ActivityPollingService), i0.ɵɵdirectiveInject(i1$5.MatDialog), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(DraftService), i0.ɵɵdirectiveInject(ErrorNotifierService), i0.ɵɵdirectiveInject(ConvertHrefToRouterService), i0.ɵɵdirectiveInject(i1.Location)); };
 CaseFullAccessViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFullAccessViewComponent, selectors: [["ccd-case-full-access-view"]], viewQuery: function CaseFullAccessViewComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$a, 1);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabGroup = _t.first);
-    } }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, decls: 12, vars: 11, consts: [["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [3, "caseId", "displayMode"], [1, "grid-row"], [1, "column-one-half"], [3, "caseDetails"], ["class", "case-viewer-controls", 4, "ngIf"], ["class", "column-one-half", 4, "ngIf"], [1, "column-full"], [4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h2", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], [4, "ngFor", "ngForOf"], [1, "case-viewer-controls"], ["id", "case-viewer-control-print", "routerLink", "print", 1, "button", "button-secondary"], [3, "isDisabled", "triggers", "triggerText", "onTriggerChange", "onTriggerSubmit"], ["animationDuration", "0ms", 3, "disableRipple", "selectedTabChange"], ["tabGroup", ""], [3, "id", "label", 4, "ngFor", "ngForOf"], [3, "id", "label"], ["matTabContent", ""], ["aria-describedby", "case viewer table"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "hidden"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "compound-field", 4, "ngSwitchCase"], ["id", "case-viewer-field-label", 4, "ngIf"], [3, "id"], [1, "text-16"], [3, "topLevelFormGroup", "caseField", "caseReference", "markdownUseHrefAsRouterLink"], ["id", "case-viewer-field-label"], [1, "case-viewer-label", "text-16"], [1, "compound-field"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, decls: 12, vars: 11, consts: [["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [3, "caseId", "displayMode"], [1, "grid-row"], [1, "column-one-half"], [3, "caseDetails"], ["class", "case-viewer-controls", 4, "ngIf"], ["class", "column-one-half", 4, "ngIf"], [1, "column-full"], [4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h2", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], [4, "ngFor", "ngForOf"], [1, "case-viewer-controls"], ["id", "case-viewer-control-print", "routerLink", "print", 1, "button", "button-secondary"], [3, "isDisabled", "triggers", "triggerText", "onTriggerChange", "onTriggerSubmit"], ["animationDuration", "0ms", 3, "disableRipple", "selectedTabChange"], ["tabGroup", ""], [3, "id", "label", 4, "ngFor", "ngForOf"], [3, "id", "label"], ["matTabContent", ""], ["aria-describedby", "case viewer table"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "hidden"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "compound-field", 4, "ngSwitchCase"], ["id", "case-viewer-field-label", 4, "ngIf"], [1, "text-16"], [3, "topLevelFormGroup", "caseField", "caseReference", "markdownUseHrefAsRouterLink"], ["id", "case-viewer-field-label"], [1, "case-viewer-label", "text-16"], [1, "compound-field"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, CaseFullAccessViewComponent_div_0_Template, 10, 0, "div", 0);
         i0.ɵɵtemplate(1, CaseFullAccessViewComponent_div_1_Template, 6, 2, "div", 0);
         i0.ɵɵelementStart(2, "ccd-callback-errors", 1);
@@ -20536,7 +20570,7 @@ CaseFullAccessViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFullAcces
                 templateUrl: './case-full-access-view.component.html',
                 styleUrls: ['./case-full-access-view.component.scss']
             }]
-    }], function () { return [{ type: i0.NgZone }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1$6.MatDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i1.Location }]; }, { hasPrint: [{
+    }], function () { return [{ type: i0.NgZone }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1$5.MatDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i1.Location }]; }, { hasPrint: [{
             type: Input
         }], hasEventSelector: [{
             type: Input
@@ -23652,11 +23686,11 @@ function SearchResultComponent_table_0_th_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("checked", ctx_r6.allOnPageSelected())("disabled", !ctx_r6.canAnyBeShared());
 } }
-function SearchResultComponent_table_0_th_10_div_6_Template(rf, ctx) { if (rf & 1) {
+function SearchResultComponent_table_0_th_10_div_5_Template(rf, ctx) { if (rf & 1) {
     const _r19 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 27);
     i0.ɵɵelementStart(1, "a", 28);
-    i0.ɵɵlistener("click", function SearchResultComponent_table_0_th_10_div_6_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r19); const col_r15 = i0.ɵɵnextContext().$implicit; const ctx_r17 = i0.ɵɵnextContext(2); return ctx_r17.sort(col_r15); });
+    i0.ɵɵlistener("click", function SearchResultComponent_table_0_th_10_div_5_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r19); const col_r15 = i0.ɵɵnextContext().$implicit; const ctx_r17 = i0.ɵɵnextContext(2); return ctx_r17.sort(col_r15); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -23670,13 +23704,11 @@ function SearchResultComponent_table_0_th_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "th");
     i0.ɵɵelementStart(1, "table", 24);
     i0.ɵɵelementStart(2, "tr");
-    i0.ɵɵelementStart(3, "th");
-    i0.ɵɵelementStart(4, "div", 25);
-    i0.ɵɵlistener("click", function SearchResultComponent_table_0_th_10_Template_div_click_4_listener() { i0.ɵɵrestoreView(_r22); const col_r15 = ctx.$implicit; const ctx_r21 = i0.ɵɵnextContext(2); return ctx_r21.sort(col_r15); });
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(6, SearchResultComponent_table_0_th_10_div_6_Template, 2, 1, "div", 26);
+    i0.ɵɵelementStart(3, "div", 25);
+    i0.ɵɵlistener("click", function SearchResultComponent_table_0_th_10_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r22); const col_r15 = ctx.$implicit; const ctx_r21 = i0.ɵɵnextContext(2); return ctx_r21.sort(col_r15); });
+    i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(5, SearchResultComponent_table_0_th_10_div_5_Template, 2, 1, "div", 26);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -23684,8 +23716,8 @@ function SearchResultComponent_table_0_th_10_Template(rf, ctx) { if (rf & 1) {
     const col_r15 = ctx.$implicit;
     const ctx_r7 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵattribute("aria-label", "Sort by " + col_r15.label + " " + ctx_r7.isSortAscending(col_r15) ? "ascending" : "descending");
-    i0.ɵɵadvance(4);
+    i0.ɵɵattributeInterpolate2("aria-label", "Sort by ", col_r15.label, " ", ctx_r7.isSortAscending(col_r15) ? "ascending" : "descending", "");
+    i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(col_r15.label);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r7.comparator(col_r15));
@@ -23957,7 +23989,7 @@ function SearchResultComponent_table_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(7, "thead");
     i0.ɵɵelementStart(8, "tr", 7);
     i0.ɵɵtemplate(9, SearchResultComponent_table_0_th_9_Template, 4, 2, "th", 8);
-    i0.ɵɵtemplate(10, SearchResultComponent_table_0_th_10_Template, 7, 3, "th", 9);
+    i0.ɵɵtemplate(10, SearchResultComponent_table_0_th_10_Template, 6, 4, "th", 9);
     i0.ɵɵtemplate(11, SearchResultComponent_table_0_th_11_Template, 1, 0, "th", 10);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -24343,7 +24375,7 @@ SearchResultComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SearchResultCompone
         i0.ɵɵproperty("ngIf", ctx.hasResults());
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", !(ctx.hasResults() || ctx.hasDrafts()));
-    } }, directives: [i1.NgIf, i1.NgForOf, i1$1.RouterLinkWithHref, FieldReadComponent, LabelSubstitutorDirective, ActivityComponent, PaginationComponent], pipes: [i1.DecimalPipe, i1$7.PaginatePipe, CaseReferencePipe, SortSearchResultPipe], styles: ["table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{vertical-align:top}table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{font-size:16px;word-wrap:break-word}table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{float:left}table[_ngcontent-%COMP%]   .caseid-col[_ngcontent-%COMP%]{white-space:nowrap}.notification[_ngcontent-%COMP%]{text-align:center;padding:30px 0;margin-top:75px}a[_ngcontent-%COMP%]:hover{color:#005ea5}.search-result-reset-link[_ngcontent-%COMP%]{padding-right:15px;padding-left:15px}.search-result-column-header[_ngcontent-%COMP%]{width:unset;table-layout:normal}.search-result-column-header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:table-cell;width:auto}@media screen and (max-width:379px){.search-result-column-header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:block;float:right}}.search-result-column-label[_ngcontent-%COMP%]{font-size:16px;font-weight:700;word-wrap:break-word;cursor:pointer;padding-right:15px}.search-result-column-sort[_ngcontent-%COMP%]{font-size:16px}.sort-widget[_ngcontent-%COMP%]{cursor:pointer;text-decoration:none;color:#231f20}span.heading-medium[_ngcontent-%COMP%]{margin-top:-20px}.govuk-table__checkbox[_ngcontent-%COMP%]{vertical-align:middle;padding-left:3px}#search-result-heading__text[_ngcontent-%COMP%]:focus{outline:none}"] });
+    } }, directives: [i1.NgIf, i1.NgForOf, i1$1.RouterLinkWithHref, FieldReadComponent, LabelSubstitutorDirective, ActivityComponent, PaginationComponent], pipes: [i1.DecimalPipe, i1$6.PaginatePipe, CaseReferencePipe, SortSearchResultPipe], styles: ["table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{vertical-align:top}table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{font-size:16px;word-wrap:break-word}table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{float:left}table[_ngcontent-%COMP%]   .caseid-col[_ngcontent-%COMP%]{white-space:nowrap}.notification[_ngcontent-%COMP%]{text-align:center;padding:30px 0;margin-top:75px}a[_ngcontent-%COMP%]:hover{color:#005ea5}.search-result-reset-link[_ngcontent-%COMP%]{padding-right:15px;padding-left:15px}.search-result-column-header[_ngcontent-%COMP%]{width:unset;table-layout:normal}.search-result-column-header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:table-cell;width:auto}@media screen and (max-width:379px){.search-result-column-header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:block;float:right}}.search-result-column-label[_ngcontent-%COMP%]{font-size:16px;font-weight:700;word-wrap:break-word;cursor:pointer;padding-right:15px}.search-result-column-sort[_ngcontent-%COMP%]{font-size:16px}.sort-widget[_ngcontent-%COMP%]{cursor:pointer;text-decoration:none;color:#231f20}span.heading-medium[_ngcontent-%COMP%]{margin-top:-20px}.govuk-table__checkbox[_ngcontent-%COMP%]{vertical-align:middle;padding-left:3px}#search-result-heading__text[_ngcontent-%COMP%]:focus{outline:none}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchResultComponent, [{
         type: Component,
         args: [{