@hmcts/ccd-case-ui-toolkit 5.0.25-case-file-view-document-in-a-new-tab → 5.0.25-case-file-view-document-count-v2

package/bundles/hmcts-ccd-case-ui-toolkit.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/forms'), require('rx-polling'), require('rxjs'), require('@angular/common/http'), require('rxjs/operators'), require('class-transformer'), require('underscore'), require('moment'), require('util'), require('@edium/fsm'), require('ngx-md'), require('@angular/material/dialog'), require('@nicky-lenaers/ngx-scroll-to'), require('@angular-material-components/datetime-picker'), require('@angular-material-components/moment-adapter'), require('@angular/material/datepicker'), require('@angular/material/form-field'), require('@angular/material/autocomplete'), require('@angular/material/core'), require('@hmcts/ccpay-web-component'), require('@angular/cdk/portal'), require('@angular/cdk/overlay'), require('@angular/cdk/tree'), require('@angular/material/input'), require('ngx-pagination'), require('@angular/material/tabs')) :
-    typeof define === 'function' && define.amd ? define('@hmcts/ccd-case-ui-toolkit', ['exports', '@angular/core', '@angular/common', '@angular/router', '@angular/forms', 'rx-polling', 'rxjs', '@angular/common/http', 'rxjs/operators', 'class-transformer', 'underscore', 'moment', 'util', '@edium/fsm', 'ngx-md', '@angular/material/dialog', '@nicky-lenaers/ngx-scroll-to', '@angular-material-components/datetime-picker', '@angular-material-components/moment-adapter', '@angular/material/datepicker', '@angular/material/form-field', '@angular/material/autocomplete', '@angular/material/core', '@hmcts/ccpay-web-component', '@angular/cdk/portal', '@angular/cdk/overlay', '@angular/cdk/tree', '@angular/material/input', 'ngx-pagination', '@angular/material/tabs'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.hmcts = global.hmcts || {}, global.hmcts["ccd-case-ui-toolkit"] = {}), global.ng.core, global.ng.common, global.ng.router, global.ng.forms, global["rx-polling"], global.rxjs, global.ng.common.http, global.rxjs.operators, global["class-transformer"], global.underscore, global.moment, global.util, global["@edium/fsm"], global["ngx-md"], global.ng.material.dialog, global["@nicky-lenaers/ngx-scroll-to"], global["@angular-material-components/datetime-picker"], global["@angular-material-components/moment-adapter"], global.ng.material.datepicker, global.ng.material.formField, global.ng.material.autocomplete, global.ng.material.core, global["@hmcts/ccpay-web-component"], global.ng.cdk.portal, global.ng.cdk.overlay, global.ng.cdk.tree, global.ng.material.input, global["ngx-pagination"], global.ng.material.tabs));
-})(this, (function (exports, i0, i1, i1$1, i1$2, polling, rxjs, i1$3, operators, classTransformer, _, moment, util, fsm, i1$4, i1$5, i2, i4, momentAdapter, i5, i6, i5$1, i6$1, i3, i6$3, i1$6, i6$2, input, i1$7, i10) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/forms'), require('rx-polling'), require('rxjs'), require('@angular/common/http'), require('rxjs/operators'), require('class-transformer'), require('underscore'), require('moment'), require('util'), require('@edium/fsm'), require('ngx-md'), require('@angular/cdk/tree'), require('@angular/cdk/overlay'), require('@angular/material/dialog'), require('@nicky-lenaers/ngx-scroll-to'), require('@angular-material-components/datetime-picker'), require('@angular-material-components/moment-adapter'), require('@angular/material/datepicker'), require('@angular/material/form-field'), require('@angular/material/autocomplete'), require('@angular/material/core'), require('@hmcts/ccpay-web-component'), require('@angular/cdk/portal'), require('@angular/material/input'), require('ngx-pagination'), require('@angular/material/tabs')) :
+    typeof define === 'function' && define.amd ? define('@hmcts/ccd-case-ui-toolkit', ['exports', '@angular/core', '@angular/common', '@angular/router', '@angular/forms', 'rx-polling', 'rxjs', '@angular/common/http', 'rxjs/operators', 'class-transformer', 'underscore', 'moment', 'util', '@edium/fsm', 'ngx-md', '@angular/cdk/tree', '@angular/cdk/overlay', '@angular/material/dialog', '@nicky-lenaers/ngx-scroll-to', '@angular-material-components/datetime-picker', '@angular-material-components/moment-adapter', '@angular/material/datepicker', '@angular/material/form-field', '@angular/material/autocomplete', '@angular/material/core', '@hmcts/ccpay-web-component', '@angular/cdk/portal', '@angular/material/input', 'ngx-pagination', '@angular/material/tabs'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.hmcts = global.hmcts || {}, global.hmcts["ccd-case-ui-toolkit"] = {}), global.ng.core, global.ng.common, global.ng.router, global.ng.forms, global["rx-polling"], global.rxjs, global.ng.common.http, global.rxjs.operators, global["class-transformer"], global.underscore, global.moment, global.util, global["@edium/fsm"], global["ngx-md"], global.ng.cdk.tree, global.ng.cdk.overlay, global.ng.material.dialog, global["@nicky-lenaers/ngx-scroll-to"], global["@angular-material-components/datetime-picker"], global["@angular-material-components/moment-adapter"], global.ng.material.datepicker, global.ng.material.formField, global.ng.material.autocomplete, global.ng.material.core, global["@hmcts/ccpay-web-component"], global.ng.cdk.portal, global.ng.material.input, global["ngx-pagination"], global.ng.material.tabs));
+})(this, (function (exports, i0, i1, i1$1, i1$2, polling, rxjs, i1$3, operators, classTransformer, _, moment, util, fsm, i1$4, i2, i1$5, i1$6, i2$1, i4, momentAdapter, i5, i6, i5$1, i6$1, i3, i6$2, input, i1$7, i10) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -33,16 +33,16 @@
     var ___namespace = /*#__PURE__*/_interopNamespace(_);
     var moment__namespace = /*#__PURE__*/_interopNamespace(moment);
     var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
-    var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
     var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+    var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
+    var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$6);
+    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
     var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
     var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
     var i5__namespace$1 = /*#__PURE__*/_interopNamespace(i5$1);
     var i6__namespace$1 = /*#__PURE__*/_interopNamespace(i6$1);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i6__namespace$3 = /*#__PURE__*/_interopNamespace(i6$3);
-    var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$6);
     var i6__namespace$2 = /*#__PURE__*/_interopNamespace(i6$2);
     var i1__namespace$7 = /*#__PURE__*/_interopNamespace(i1$7);
     var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
@@ -563,7 +563,7 @@
         function step(op) {
             if (f)
                 throw new TypeError("Generator is already executing.");
-            while (_)
+            while (g && (g = 0, op[0] && (_ = 0)), _)
                 try {
                     if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
                         return t;
@@ -8859,7 +8859,7 @@
         return IsCompoundPipe;
     }());
     IsCompoundPipe.COMPOUND_TYPES = [
-        'Complex', 'Label', 'AddressGlobal', 'AddressUK', 'AddressGlobalUK', 'CasePaymentHistoryViewer', 'CaseHistoryViewer', 'Organisation', 'WaysToPay', 'ComponentLauncher'
+        'Complex', 'Label', 'AddressGlobal', 'AddressUK', 'AddressGlobalUK', 'CasePaymentHistoryViewer', 'CaseHistoryViewer', 'Organisation', 'WaysToPay'
     ];
     IsCompoundPipe.EXCLUDE = [
         'CaseLink', 'JudicialUser'
@@ -9459,351 +9459,1076 @@
                 }] });
     })();
 
-    var CaseFileViewFieldComponent = /** @class */ (function () {
-        function CaseFileViewFieldComponent(elementRef, route, caseFileViewService) {
-            this.elementRef = elementRef;
-            this.route = route;
-            this.caseFileViewService = caseFileViewService;
+    var CaseFileViewCategory = /** @class */ (function () {
+        function CaseFileViewCategory() {
         }
-        CaseFileViewFieldComponent.prototype.ngOnInit = function () {
-            var cid = this.route.snapshot.paramMap.get(CaseFileViewFieldComponent.PARAM_CASE_ID);
-            this.categoriesAndDocuments$ = this.caseFileViewService.getCategoriesAndDocuments(cid);
+        return CaseFileViewCategory;
+    }());
+
+    var CaseFileViewDocument = /** @class */ (function () {
+        function CaseFileViewDocument() {
+        }
+        return 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
+     */
+    var CategoriesAndDocuments = /** @class */ (function () {
+        function CategoriesAndDocuments() {
+        }
+        return CategoriesAndDocuments;
+    }());
+
+    var DocumentTreeNode = /** @class */ (function () {
+        function DocumentTreeNode() {
+        }
+        Object.defineProperty(DocumentTreeNode.prototype, "childDocumentCount", {
+            get: function () {
+                var countChildren = function (childNodes) {
+                    var count = 0;
+                    if (childNodes === null || childNodes === void 0 ? void 0 : childNodes.length) {
+                        var documents = childNodes.filter(function (item) { return item.type === 'document'; });
+                        count += documents.length;
+                        childNodes.forEach(function (children) {
+                            count += countChildren(children.children);
+                        });
+                    }
+                    return count;
+                };
+                return countChildren(this.children);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DocumentTreeNode.prototype.sortChildrenAscending = function () {
+            var _a, _b;
+            var sortAscending = function () {
+                return function (a, b) {
+                    var nameA = a.name.toUpperCase(); // ignore upper and lowercase
+                    var nameB = b.name.toUpperCase(); // ignore upper and lowercase
+                    if (a.type === 'category' || b.type === 'category') {
+                        return 0;
+                    }
+                    if (nameA < nameB) {
+                        return -1;
+                    }
+                    if (nameA > nameB) {
+                        return 1;
+                    }
+                };
+            };
+            (_a = this.children) === null || _a === void 0 ? void 0 : _a.sort(sortAscending());
+            (_b = this.children) === null || _b === void 0 ? void 0 : _b.forEach(function (childNodes) {
+                childNodes.sortChildrenAscending();
+            });
         };
-        CaseFileViewFieldComponent.prototype.ngAfterViewInit = function () {
-            var slider = this.elementRef.nativeElement.querySelector('.slider');
-            var documentTreeContainer = this.elementRef.nativeElement.querySelector('.document-tree-container');
-            var mousedown$ = rxjs.fromEvent(slider, 'mousedown');
-            var mousemove$ = rxjs.fromEvent(document, 'mousemove');
-            var mouseup$ = rxjs.fromEvent(document, 'mouseup');
-            var drag$ = mousedown$.pipe(operators.switchMap(function (start) {
-                var x = start.clientX;
-                var documentTreeContainerWidth = documentTreeContainer.getBoundingClientRect().width;
-                return mousemove$.pipe(operators.map(function (move) {
-                    move.preventDefault();
-                    return {
-                        dx: move.clientX - x,
-                        documentTreeContainerWidth: documentTreeContainerWidth
-                    };
-                }), operators.takeUntil(mouseup$));
-            }));
-            drag$.subscribe(function (pos) {
-                var calculatedWidth = ((pos.documentTreeContainerWidth + pos.dx) * 100) / slider.parentElement.getBoundingClientRect().width;
-                documentTreeContainer.setAttribute('style', "width: " + calculatedWidth + "%");
+        DocumentTreeNode.prototype.sortChildrenDescending = function () {
+            var _a, _b;
+            var sortDescending = function () {
+                return function (a, b) {
+                    var nameA = a.name.toUpperCase(); // ignore upper and lowercase
+                    var nameB = b.name.toUpperCase(); // ignore upper and lowercase
+                    if (a.type === 'category' || b.type === 'category') {
+                        return 0;
+                    }
+                    if (nameA > nameB) {
+                        return -1;
+                    }
+                    if (nameA < nameB) {
+                        return 1;
+                    }
+                };
+            };
+            (_a = this.children) === null || _a === void 0 ? void 0 : _a.sort(sortDescending());
+            (_b = this.children) === null || _b === void 0 ? void 0 : _b.forEach(function (childNodes) {
+                childNodes.sortChildrenDescending();
             });
         };
-        return CaseFileViewFieldComponent;
+        Object.defineProperty(DocumentTreeNode.prototype, "flattenedAll", {
+            get: function () {
+                var _a;
+                var flattenChildren = function (nodeChild) {
+                    var _a;
+                    var flattenedNodes = [];
+                    flattenedNodes.push(nodeChild);
+                    if (((_a = nodeChild.children) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                        nodeChild.children.forEach(function (child) {
+                            flattenedNodes.push.apply(flattenedNodes, __spread(flattenChildren(child)));
+                        });
+                    }
+                    return flattenedNodes;
+                };
+                return __spread([
+                    this
+                ], (_a = this.children) === null || _a === void 0 ? void 0 : _a.map(function (item) {
+                    return flattenChildren(item);
+                }).flat());
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return DocumentTreeNode;
     }());
-    CaseFileViewFieldComponent.PARAM_CASE_ID = 'cid';
-    CaseFileViewFieldComponent.ɵfac = function CaseFileViewFieldComponent_Factory(t) { return new (t || CaseFileViewFieldComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(CaseFileViewService)); };
-    CaseFileViewFieldComponent.ɵcmp = i0__namespace.ɵɵ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__namespace.ɵɵelementStart(0, "h2", 0);
-                i0__namespace.ɵɵtext(1, "Case file");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(2, "div", 1);
-                i0__namespace.ɵɵelementStart(3, "div", 2);
-                i0__namespace.ɵɵelement(4, "ccd-case-file-view-folder", 3);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelement(5, "div", 4);
-                i0__namespace.ɵɵelementStart(6, "div", 5);
-                i0__namespace.ɵɵtext(7, " Media viewer ");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵproperty("categoriesAndDocuments", ctx.categoriesAndDocuments$);
-            }
-        }, 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__namespace.ɵsetClassMetadata(CaseFileViewFieldComponent, [{
-                type: i0.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__namespace.ElementRef }, { type: i1__namespace$1.ActivatedRoute }, { type: CaseFileViewService }]; }, null);
-    })();
+    __decorate([
+        classTransformer.Type(function () { return DocumentTreeNode; }),
+        __metadata("design:type", Array)
+    ], DocumentTreeNode.prototype, "children", void 0);
+    __decorate([
+        classTransformer.Expose(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [])
+    ], DocumentTreeNode.prototype, "childDocumentCount", null);
 
-    function ReadCaseLinkFieldComponent_a_0_Template(rf, ctx) {
+    function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "a", 1);
-            i0__namespace.ɵɵelementStart(1, "span", 2);
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "div", 6);
             i0__namespace.ɵɵtext(2);
-            i0__namespace.ɵɵpipe(3, "ccdCaseReference");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(ctx_r2.title);
+        }
+    }
+    function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_img_2_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelement(0, "img", 10);
+        }
+        if (rf & 2) {
+            var item_r4 = i0__namespace.ɵɵnextContext().$implicit;
+            var ctx_r5 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵpropertyInterpolate1("alt", "", ctx_r5.title, " icon'");
+            i0__namespace.ɵɵproperty("src", item_r4.iconSrc, i0__namespace.ɵɵsanitizeUrl);
+        }
+    }
+    function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r8_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "div", 7);
+            i0__namespace.ɵɵlistener("click", function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_Template_div_click_1_listener() { i0__namespace.ɵɵrestoreView(_r8_1); var item_r4 = ctx.$implicit; var ctx_r7 = i0__namespace.ɵɵnextContext(2); item_r4.actionFn(); return ctx_r7.closeOverlay(); });
+            i0__namespace.ɵɵtemplate(2, CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_img_2_Template, 1, 2, "img", 8);
+            i0__namespace.ɵɵelementStart(3, "div", 9);
+            i0__namespace.ɵɵtext(4);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵpropertyInterpolate1("href", "/v2/case/", ctx_r0.caseField.value.CaseReference, "", i0__namespace.ɵɵsanitizeUrl);
+            var item_r4 = ctx.$implicit;
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(ctx_r0.caseField.value.CaseReference ? i0__namespace.ɵɵpipeBind1(3, 2, ctx_r0.caseField.value.CaseReference) : "");
+            i0__namespace.ɵɵproperty("ngIf", item_r4.iconSrc);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(item_r4.actionText);
         }
     }
-    var ReadCaseLinkFieldComponent = /** @class */ (function (_super) {
-        __extends(ReadCaseLinkFieldComponent, _super);
-        function ReadCaseLinkFieldComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
+    function CaseFileViewOverlayMenuComponent_ng_template_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div", 3);
+            i0__namespace.ɵɵtemplate(1, CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_1_Template, 3, 1, "ng-container", 4);
+            i0__namespace.ɵɵtemplate(2, CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_Template, 5, 2, "ng-container", 5);
+            i0__namespace.ɵɵelementEnd();
         }
-        ReadCaseLinkFieldComponent.prototype.hasReference = function () {
-            return this.caseField.value && this.caseField.value.CaseReference;
+        if (rf & 2) {
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r1.title);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r1.menuItems);
+        }
+    }
+    var _c0$G = [[["", "trigger", ""]]];
+    var _c1$h = ["[trigger]"];
+    var CaseFileViewOverlayMenuComponent = /** @class */ (function () {
+        function CaseFileViewOverlayMenuComponent() {
+            this.title = '';
+            this.isOpen = false;
+            this.isOpenChange = new i0.EventEmitter();
+        }
+        CaseFileViewOverlayMenuComponent.prototype.closeOverlay = function () {
+            var isOpen = false;
+            this.isOpen = isOpen;
+            this.isOpenChange.emit(isOpen);
         };
-        return ReadCaseLinkFieldComponent;
-    }(AbstractFieldReadComponent));
-    ReadCaseLinkFieldComponent.ɵfac = function ReadCaseLinkFieldComponent_Factory(t) { return ɵReadCaseLinkFieldComponent_BaseFactory(t || ReadCaseLinkFieldComponent); };
-    ReadCaseLinkFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadCaseLinkFieldComponent, selectors: [["ccd-read-case-link-field"]], features: [i0__namespace.ɵɵ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) {
+        return CaseFileViewOverlayMenuComponent;
+    }());
+    CaseFileViewOverlayMenuComponent.ɵfac = function CaseFileViewOverlayMenuComponent_Factory(t) { return new (t || CaseFileViewOverlayMenuComponent)(); };
+    CaseFileViewOverlayMenuComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewOverlayMenuComponent, selectors: [["ccd-case-file-view-overlay-menu"]], inputs: { title: "title", menuItems: "menuItems", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngContentSelectors: _c1$h, decls: 5, vars: 4, consts: [["type", "button", "cdkOverlayOrigin", "", 1, "overlay-toggle", 3, "click"], ["trigger", "cdkOverlayOrigin"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayBackdropClass", "backdropClick"], [1, "overlay-menu"], [4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "overlay-menu__title"], [1, "overlay-menu__item", 3, "click"], ["class", "overlay-menu__itemIcon", 3, "src", "alt", 4, "ngIf"], [1, "overlay-menu__actionText"], [1, "overlay-menu__itemIcon", 3, "src", "alt"]], template: function CaseFileViewOverlayMenuComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, ReadCaseLinkFieldComponent_a_0_Template, 4, 4, "a", 0);
+                i0__namespace.ɵɵprojectionDef(_c0$G);
+                i0__namespace.ɵɵelementStart(0, "div");
+                i0__namespace.ɵɵelementStart(1, "button", 0, 1);
+                i0__namespace.ɵɵlistener("click", function CaseFileViewOverlayMenuComponent_Template_button_click_1_listener() { return ctx.isOpen = !ctx.isOpen; });
+                i0__namespace.ɵɵprojection(3);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(4, CaseFileViewOverlayMenuComponent_ng_template_4_Template, 3, 2, "ng-template", 2);
+                i0__namespace.ɵɵlistener("backdropClick", function CaseFileViewOverlayMenuComponent_Template_ng_template_backdropClick_4_listener() { return ctx.closeOverlay(); });
+                i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngIf", ctx.hasReference());
+                var _r0 = i0__namespace.ɵɵreference(2);
+                i0__namespace.ɵɵadvance(4);
+                i0__namespace.ɵɵproperty("cdkConnectedOverlayOrigin", _r0)("cdkConnectedOverlayOpen", ctx.isOpen)("cdkConnectedOverlayHasBackdrop", true)("cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop");
             }
-        }, directives: [i1__namespace.NgIf], pipes: [CaseReferencePipe], encapsulation: 2 });
-    var ɵReadCaseLinkFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(ReadCaseLinkFieldComponent);
+        }, directives: [i1__namespace$5.CdkOverlayOrigin, i1__namespace$5.CdkConnectedOverlay, i1__namespace.NgIf, i1__namespace.NgForOf], styles: [".overlay-toggle[_ngcontent-%COMP%]{display:block;background:none;border:0;padding:0 6px;margin-right:-6px;cursor:pointer}.overlay-menu[_ngcontent-%COMP%]{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlay-menu__item[_ngcontent-%COMP%], .overlay-menu__title[_ngcontent-%COMP%]{padding:10px;border-bottom:1px solid grey}.overlay-menu__item[_ngcontent-%COMP%]:last-child, .overlay-menu__title[_ngcontent-%COMP%]:last-child{border:none}.overlay-menu__title[_ngcontent-%COMP%]{padding-left:6px;padding-right:6px}.overlay-menu__item[_ngcontent-%COMP%]{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlay-menu__item[_ngcontent-%COMP%]:hover{background-color:#fff2cc}.overlay-menu__itemIcon[_ngcontent-%COMP%]{height:1.25em;width:1.25em;margin-right:6px}"] });
     (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ReadCaseLinkFieldComponent, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewOverlayMenuComponent, [{
                 type: i0.Component,
                 args: [{
-                        selector: 'ccd-read-case-link-field',
-                        templateUrl: 'read-case-link-field.html'
+                        selector: 'ccd-case-file-view-overlay-menu',
+                        templateUrl: './case-file-view-overlay-menu.component.html',
+                        styleUrls: ['./case-file-view-overlay-menu.component.scss']
                     }]
-            }], null, null);
+            }], null, { title: [{
+                    type: i0.Input
+                }], menuItems: [{
+                    type: i0.Input
+                }], isOpen: [{
+                    type: i0.Input
+                }], isOpenChange: [{
+                    type: i0.Output
+                }] });
     })();
 
-    var FirstErrorPipe = /** @class */ (function () {
-        function FirstErrorPipe() {
+    var CaseFileViewFolderSortComponent = /** @class */ (function () {
+        function CaseFileViewFolderSortComponent() {
+            var _this = this;
+            this.isOpen = false;
+            this.sortAscending = new i0.EventEmitter();
+            this.sortDescending = new i0.EventEmitter();
+            this.overlayMenuItems = [
+                { actionText: 'A to Z ascending', iconSrc: '/assets/img/sort/sort-down-arrow.svg', actionFn: function () { return _this.sortAscending.emit(); } },
+                { actionText: 'Z to A descending', iconSrc: '/assets/img/sort/sort-up-arrow.svg', actionFn: function () { return _this.sortDescending.emit(); } },
+            ];
         }
-        FirstErrorPipe.prototype.transform = function (value, args) {
-            if (!value) {
-                return '';
-            }
-            if (!args) {
-                args = 'Field';
-            }
-            var 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;
+        return CaseFileViewFolderSortComponent;
+    }());
+    CaseFileViewFolderSortComponent.ɵfac = function CaseFileViewFolderSortComponent_Factory(t) { return new (t || CaseFileViewFolderSortComponent)(); };
+    CaseFileViewFolderSortComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderSortComponent, selectors: [["ccd-case-file-view-folder-sort"]], outputs: { sortAscending: "sortAscending", sortDescending: "sortDescending" }, decls: 4, vars: 3, consts: [["type", "button", "cdkOverlayOrigin", "", 1, "sort-button", 3, "click"], ["trigger", "cdkOverlayOrigin"], ["src", "/assets/img/sort/sort-arrows.svg", "alt", "Sort Arrows", 1, "sort-button__arrows"], [3, "title", "menuItems", "isOpen", "isOpenChange"]], template: function CaseFileViewFolderSortComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵelementStart(0, "button", 0, 1);
+                i0__namespace.ɵɵlistener("click", function CaseFileViewFolderSortComponent_Template_button_click_0_listener() { return ctx.isOpen = !ctx.isOpen; });
+                i0__namespace.ɵɵelement(2, "img", 2);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(3, "ccd-case-file-view-overlay-menu", 3);
+                i0__namespace.ɵɵlistener("isOpenChange", function CaseFileViewFolderSortComponent_Template_ccd_case_file_view_overlay_menu_isOpenChange_3_listener($event) { return ctx.isOpen = $event; });
+                i0__namespace.ɵɵelementEnd();
             }
-            else if (keys[0] === 'minlength') {
-                return args + " is below the minimum length";
+            if (rf & 2) {
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵproperty("title", "Sort documents by name")("menuItems", ctx.overlayMenuItems)("isOpen", ctx.isOpen);
             }
-            else if (keys[0] === 'maxlength') {
-                return args + " exceeds the maximum length";
+        }, directives: [i1__namespace$5.CdkOverlayOrigin, CaseFileViewOverlayMenuComponent], styles: [".sort-button[_ngcontent-%COMP%]{display:block;background:none;border:0;padding:0 6px;margin-right:-6px;cursor:pointer}.sort-button__arrows[_ngcontent-%COMP%]{display:block;height:20px}"] });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFolderSortComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-case-file-view-folder-sort',
+                        templateUrl: './case-file-view-folder-sort.component.html',
+                        styleUrls: ['./case-file-view-folder-sort.component.scss']
+                    }]
+            }], function () { return []; }, { sortAscending: [{
+                    type: i0.Output
+                }], sortDescending: [{
+                    type: i0.Output
+                }] });
+    })();
+
+    var CaseFileViewFolderDocumentActionsComponent = /** @class */ (function () {
+        function CaseFileViewFolderDocumentActionsComponent() {
+            var _this = this;
+            this.isOpen = false;
+            this.changeFolderAction = new i0.EventEmitter();
+            this.openInANewTabAction = new i0.EventEmitter();
+            this.downloadAction = new i0.EventEmitter();
+            this.printAction = new i0.EventEmitter();
+            this.overlayMenuItems = [
+                { actionText: 'Change folder', iconSrc: '/assets/img/case-file-view/document-menu/open_with.svg', actionFn: function () { return _this.changeFolderAction.emit(); } },
+                { actionText: 'Open in a new tab', iconSrc: '/assets/img/case-file-view/document-menu/open_in_new.svg', actionFn: function () { return _this.openInANewTabAction.emit(); } },
+                { actionText: 'Download', iconSrc: '/assets/img/case-file-view/document-menu/download.svg', actionFn: function () { return _this.downloadAction.emit(); } },
+                { actionText: 'Print', iconSrc: '/assets/img/case-file-view/document-menu/print.svg', actionFn: function () { return _this.printAction.emit(); } },
+            ];
+        }
+        return CaseFileViewFolderDocumentActionsComponent;
+    }());
+    CaseFileViewFolderDocumentActionsComponent.ɵfac = function CaseFileViewFolderDocumentActionsComponent_Factory(t) { return new (t || CaseFileViewFolderDocumentActionsComponent)(); };
+    CaseFileViewFolderDocumentActionsComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderDocumentActionsComponent, selectors: [["ccd-case-file-view-folder-document-actions"]], outputs: { changeFolderAction: "changeFolderAction", openInANewTabAction: "openInANewTabAction", downloadAction: "downloadAction", printAction: "printAction" }, decls: 3, vars: 2, consts: [[3, "menuItems", "isOpen", "isOpenChange"], ["trigger", ""], ["src", "/assets/img/case-file-view/document-menu/more_vert.svg", "alt", "More document options", 1, "actions-trigger-icon"]], template: function CaseFileViewFolderDocumentActionsComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵelementStart(0, "ccd-case-file-view-overlay-menu", 0);
+                i0__namespace.ɵɵlistener("isOpenChange", function CaseFileViewFolderDocumentActionsComponent_Template_ccd_case_file_view_overlay_menu_isOpenChange_0_listener($event) { return ctx.isOpen = $event; });
+                i0__namespace.ɵɵelementContainerStart(1, 1);
+                i0__namespace.ɵɵelement(2, "img", 2);
+                i0__namespace.ɵɵelementContainerEnd();
+                i0__namespace.ɵɵelementEnd();
             }
-            else if (value.hasOwnProperty('matDatetimePickerParse')) {
-                return 'The date entered is not valid. Please provide a valid date';
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("menuItems", ctx.overlayMenuItems)("isOpen", ctx.isOpen);
             }
-            return value[keys[0]];
-        };
-        return FirstErrorPipe;
-    }());
-    FirstErrorPipe.ɵfac = function FirstErrorPipe_Factory(t) { return new (t || FirstErrorPipe)(); };
-    FirstErrorPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdFirstError", type: FirstErrorPipe, pure: true });
+        }, directives: [CaseFileViewOverlayMenuComponent], styles: [".actions-trigger-icon[_ngcontent-%COMP%]{display:block;height:24px;margin-right:-5px}"] });
     (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(FirstErrorPipe, [{
-                type: i0.Pipe,
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFolderDocumentActionsComponent, [{
+                type: i0.Component,
                 args: [{
-                        name: 'ccdFirstError'
+                        selector: 'ccd-case-file-view-folder-document-actions',
+                        templateUrl: './case-file-view-folder-document-actions.component.html',
+                        styleUrls: ['./case-file-view-folder-document-actions.component.scss']
                     }]
-            }], null, null);
+            }], function () { return []; }, { changeFolderAction: [{
+                    type: i0.Output
+                }], openInANewTabAction: [{
+                    type: i0.Output
+                }], downloadAction: [{
+                    type: i0.Output
+                }], printAction: [{
+                    type: i0.Output
+                }] });
     })();
 
-    var _c0$G = ["writeComplexFieldComponent"];
-    function WriteCaseLinkFieldComponent_span_2_Template(rf, ctx) {
+    function CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "span", 6);
-            i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵpipe(2, "ccdFieldLabel");
+            var _r4_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "cdk-nested-tree-node", 7);
+            i0__namespace.ɵɵelementStart(1, "button", 8);
+            i0__namespace.ɵɵelementStart(2, "div", 9);
+            i0__namespace.ɵɵelement(3, "img", 10);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(4, "span", 11);
+            i0__namespace.ɵɵtext(5);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(6, "div", 12);
+            i0__namespace.ɵɵelementStart(7, "ccd-case-file-view-folder-document-actions", 13);
+            i0__namespace.ɵɵlistener("changeFolderAction", function CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template_ccd_case_file_view_folder_document_actions_changeFolderAction_7_listener() { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r3 = i0__namespace.ɵɵnextContext(); return ctx_r3.triggerDocumentAction("changeFolder"); })("openInANewTabAction", function CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template_ccd_case_file_view_folder_document_actions_openInANewTabAction_7_listener() { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r5 = i0__namespace.ɵɵnextContext(); return ctx_r5.triggerDocumentAction("openInANewTab"); })("downloadAction", function CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template_ccd_case_file_view_folder_document_actions_downloadAction_7_listener() { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r6 = i0__namespace.ɵɵnextContext(); return ctx_r6.triggerDocumentAction("download"); })("printAction", function CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template_ccd_case_file_view_folder_document_actions_printAction_7_listener() { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r7 = i0__namespace.ɵɵnextContext(); return ctx_r7.triggerDocumentAction("print"); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, ctx_r0.caseField));
-        }
-    }
-    function WriteCaseLinkFieldComponent_span_3_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "span", 7);
-            i0__namespace.ɵɵtext(1);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(ctx_r1.caseField.hint_text);
+            var node_r2 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(5);
+            i0__namespace.ɵɵtextInterpolate(node_r2.name);
         }
     }
-    function WriteCaseLinkFieldComponent_span_4_Template(rf, ctx) {
+    function CaseFileViewFolderComponent_cdk_nested_tree_node_8_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "span", 8);
-            i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵpipe(2, "ccdFirstError");
+            i0__namespace.ɵɵelementStart(0, "cdk-nested-tree-node", 7);
+            i0__namespace.ɵɵelementStart(1, "button", 14);
+            i0__namespace.ɵɵelementStart(2, "div", 15);
+            i0__namespace.ɵɵelement(3, "img", 16);
+            i0__namespace.ɵɵelementStart(4, "span", 17);
+            i0__namespace.ɵɵtext(5);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(6, "span", 18);
+            i0__namespace.ɵɵtext(7);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(8, "div");
+            i0__namespace.ɵɵelementContainer(9, 19);
+            i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r2 = i0__namespace.ɵɵnextContext();
+            var node_r8 = ctx.$implicit;
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵattribute("aria-label", "toggle " + node_r8.name);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(node_r8.childDocumentCount);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(node_r8.name);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.caseReferenceControl.errors, ctx_r2.caseField.label));
+            i0__namespace.ɵɵclassProp("document-tree-invisible", !ctx_r1.nestedTreeControl.isExpanded(node_r8));
         }
     }
-    var _c1$h = function (a0) { return { "form-group-error": a0 }; };
-    var WriteCaseLinkFieldComponent = /** @class */ (function (_super) {
-        __extends(WriteCaseLinkFieldComponent, _super);
-        function WriteCaseLinkFieldComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
+    var CaseFileViewFolderComponent = /** @class */ (function () {
+        function CaseFileViewFolderComponent() {
+            this.categories = [];
+            this.getChildren = function (node) { return rxjs.of(node.children); };
+            this.nestedChildren = function (_, nodeData) { return nodeData.children; };
+            this.nestedTreeControl = new i2.NestedTreeControl(this.getChildren);
         }
-        WriteCaseLinkFieldComponent.prototype.ngOnInit = function () {
-            var e_1, _a;
-            if (this.caseField.value) {
-                this.caseLinkGroup = this.registerControl(new i1$2.FormGroup({
-                    CaseReference: new i1$2.FormControl(this.caseField.value.CaseReference, i1$2.Validators.required),
-                }), true);
-            }
-            else {
-                this.caseLinkGroup = this.registerControl(new i1$2.FormGroup({
-                    CaseReference: new i1$2.FormControl(null, i1$2.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') {
-                try {
-                    for (var _b = __values(this.caseField.field_type.complex_fields), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var caseLinkSubField = _c.value;
-                        caseLinkSubField.retain_hidden_value = this.caseField.retain_hidden_value;
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                    }
-                    finally { if (e_1) throw e_1.error; }
+        CaseFileViewFolderComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.categoriesAndDocumentsSubscription = this.categoriesAndDocuments.subscribe(function (categoriesAndDocuments) {
+                // Using the mock data for now as we have to display the documents as well for demo purpose
+                var categories = _this.loadCategories(); // categoriesAndDocuments.categories;
+                // Generate document tree data from categories
+                var treeData = _this.generateTreeData(categories);
+                // Append uncategorised documents
+                if (categoriesAndDocuments.uncategorised_documents && categoriesAndDocuments.uncategorised_documents.length > 0) {
+                    var uncategorisedDocuments = _this.getUncategorisedDocuments(categoriesAndDocuments.uncategorised_documents);
+                    treeData.push(uncategorisedDocuments);
                 }
-            }
-        };
-        WriteCaseLinkFieldComponent.prototype.validCaseReference = function (valueString) {
-            if (!valueString) {
-                return false;
-            }
-            return new RegExp('^\\b\\d{4}[ -]?\\d{4}[ -]?\\d{4}[ -]?\\d{4}\\b$').test(valueString.trim());
+                // Initialise cdk tree with generated data
+                _this.nestedDataSource = treeData;
+            });
         };
-        WriteCaseLinkFieldComponent.prototype.caseReferenceValidator = function () {
+        CaseFileViewFolderComponent.prototype.generateTreeData = function (categories) {
             var _this = this;
-            return function (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;
-            };
+            return categories.reduce(function (tree, node) {
+                var newDocumentTreeNode = new DocumentTreeNode();
+                newDocumentTreeNode.name = node.category_name;
+                newDocumentTreeNode.type = 'category';
+                newDocumentTreeNode.children = __spread(_this.generateTreeData(node.sub_categories), _this.getDocuments(node.documents));
+                return __spread(tree, [
+                    newDocumentTreeNode,
+                ]);
+            }, []);
         };
-        return WriteCaseLinkFieldComponent;
-    }(AbstractFieldWriteComponent));
-    WriteCaseLinkFieldComponent.ɵfac = function WriteCaseLinkFieldComponent_Factory(t) { return ɵWriteCaseLinkFieldComponent_BaseFactory(t || WriteCaseLinkFieldComponent); };
-    WriteCaseLinkFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteCaseLinkFieldComponent, selectors: [["ccd-write-case-link-field"]], viewQuery: function WriteCaseLinkFieldComponent_Query(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$G, 1);
+        CaseFileViewFolderComponent.prototype.getDocuments = function (documents) {
+            var documentsToReturn = [];
+            documents.forEach(function (document) {
+                var documentTreeNode = new DocumentTreeNode();
+                documentTreeNode.name = document.document_filename;
+                documentTreeNode.type = 'document';
+                documentsToReturn.push(documentTreeNode);
+            });
+            return documentsToReturn;
+        };
+        CaseFileViewFolderComponent.prototype.getUncategorisedDocuments = function (uncategorisedDocuments) {
+            var documents = [];
+            uncategorisedDocuments.forEach(function (document) {
+                var documentTreeNode = new DocumentTreeNode();
+                documentTreeNode.name = document.document_filename;
+                documentTreeNode.type = 'document';
+                documents.push(documentTreeNode);
+            });
+            var uncategorisedNode = new DocumentTreeNode();
+            uncategorisedNode.name = CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE;
+            uncategorisedNode.type = 'category';
+            uncategorisedNode.children = documents;
+            return uncategorisedNode;
+        };
+        CaseFileViewFolderComponent.prototype.triggerDocumentAction = function (actionType) {
+            switch (actionType) {
+                case ('changeFolder'):
+                    console.log('changeFolder!');
+                    break;
+                case ('openInANewTab'):
+                    console.log('openInANewTab!');
+                    break;
+                case ('download'):
+                    console.log('download!');
+                    break;
+                case ('print'):
+                    console.log('print!');
+                    break;
+                default:
+                    return;
             }
-            if (rf & 2) {
-                var _t = void 0;
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.writeComplexFieldComponent = _t.first);
+        };
+        CaseFileViewFolderComponent.prototype.sortDataSourceAscAlphabetically = function () {
+            var sortedData = this.nestedDataSource.map(function (item) {
+                item.sortChildrenAscending();
+                var newDocumentTreeNode = new DocumentTreeNode();
+                newDocumentTreeNode.name = item.name;
+                newDocumentTreeNode.type = item.type;
+                newDocumentTreeNode.children = item.children;
+                return newDocumentTreeNode;
+            });
+            this.updateNodeData(sortedData);
+        };
+        CaseFileViewFolderComponent.prototype.sortDataSourceDescAlphabetically = function () {
+            var sortedData = this.nestedDataSource.map(function (item) {
+                item.sortChildrenDescending();
+                return item;
+            });
+            this.updateNodeData(sortedData);
+        };
+        CaseFileViewFolderComponent.prototype.ngOnDestroy = function () {
+            if (this.categoriesAndDocumentsSubscription) {
+                this.categoriesAndDocumentsSubscription.unsubscribe();
             }
-        }, features: [i0__namespace.ɵɵ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) {
+        };
+        CaseFileViewFolderComponent.prototype.updateNodeData = function (data) {
+            var _this = this;
+            var prevSelected = this.nestedTreeControl.expansionModel.selected.map(function (item) {
+                return item.name;
+            });
+            this.nestedTreeControl.collapseAll();
+            this.nestedDataSource = data.map(function (item) {
+                var newDocumentTreeNode = new DocumentTreeNode();
+                newDocumentTreeNode.name = item.name;
+                newDocumentTreeNode.type = item.type;
+                newDocumentTreeNode.children = item.children;
+                return newDocumentTreeNode;
+            });
+            var flattenedArray = this.nestedDataSource.map(function (item) {
+                return item.flattenedAll;
+            }).flat();
+            var newObjects = flattenedArray.filter(function (item) {
+                return prevSelected.includes(item.name);
+            });
+            newObjects.forEach(function (object) { return _this.nestedTreeControl.expand(object); });
+        };
+        CaseFileViewFolderComponent.prototype.loadCategories = function () {
+            return [
+                {
+                    category_id: 'Beers',
+                    category_name: 'Beers',
+                    category_order: 1,
+                    documents: [
+                        {
+                            document_url: '/test',
+                            document_filename: 'Lager encyclopedia',
+                            document_binary_url: '/test/binary',
+                            attribute_path: '',
+                            upload_timestamp: ''
+                        },
+                        {
+                            document_url: '/test',
+                            document_filename: 'Beers encyclopedia',
+                            document_binary_url: '/test/binary',
+                            attribute_path: '',
+                            upload_timestamp: ''
+                        },
+                        {
+                            document_url: '/test',
+                            document_filename: 'Ale 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: []
+                                }
+                            ]
+                        }
+                    ]
+                }
+            ];
+        };
+        return CaseFileViewFolderComponent;
+    }());
+    CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE = 'Uncategorised documents';
+    CaseFileViewFolderComponent.ɵfac = function CaseFileViewFolderComponent_Factory(t) { return new (t || CaseFileViewFolderComponent)(); };
+    CaseFileViewFolderComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderComponent, selectors: [["ccd-case-file-view-folder"]], inputs: { categoriesAndDocuments: "categoriesAndDocuments" }, decls: 9, vars: 3, consts: [[1, "document-folders-header"], [1, "document-folders-header__title"], [3, "sortAscending", "sortDescending"], [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"], [1, "node__document-options"], [3, "changeFolderAction", "openInANewTabAction", "downloadAction", "printAction"], ["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__namespace.ɵɵelementStart(0, "div", 0);
-                i0__namespace.ɵɵelementStart(1, "label", 1);
-                i0__namespace.ɵɵtemplate(2, WriteCaseLinkFieldComponent_span_2_Template, 3, 3, "span", 2);
+                i0__namespace.ɵɵelementStart(1, "div", 1);
+                i0__namespace.ɵɵtext(2, "Documents");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(3, "div");
+                i0__namespace.ɵɵelementStart(4, "ccd-case-file-view-folder-sort", 2);
+                i0__namespace.ɵɵlistener("sortAscending", function CaseFileViewFolderComponent_Template_ccd_case_file_view_folder_sort_sortAscending_4_listener() { return ctx.sortDataSourceAscAlphabetically(); })("sortDescending", function CaseFileViewFolderComponent_Template_ccd_case_file_view_folder_sort_sortDescending_4_listener() { return ctx.sortDataSourceDescAlphabetically(); });
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(5, "div", 3);
+                i0__namespace.ɵɵelementStart(6, "cdk-tree", 4);
+                i0__namespace.ɵɵtemplate(7, CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template, 8, 1, "cdk-nested-tree-node", 5);
+                i0__namespace.ɵɵtemplate(8, CaseFileViewFolderComponent_cdk_nested_tree_node_8_Template, 10, 5, "cdk-nested-tree-node", 6);
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(3, WriteCaseLinkFieldComponent_span_3_Template, 2, 1, "span", 3);
-                i0__namespace.ɵɵtemplate(4, WriteCaseLinkFieldComponent_span_4_Template, 3, 4, "span", 4);
-                i0__namespace.ɵɵelement(5, "input", 5);
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$h, !ctx.caseReferenceControl.valid && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.touched)));
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("for", ctx.id());
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", ctx.caseField.label);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", ctx.caseField.hint_text);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", ctx.caseReferenceControl.errors && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.touched));
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("id", ctx.id())("formControl", ctx.caseReferenceControl);
+                i0__namespace.ɵɵadvance(6);
+                i0__namespace.ɵɵproperty("dataSource", ctx.nestedDataSource)("treeControl", ctx.nestedTreeControl);
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("cdkTreeNodeDefWhen", ctx.nestedChildren);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
-    var ɵWriteCaseLinkFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteCaseLinkFieldComponent);
+        }, directives: [CaseFileViewFolderSortComponent, i2__namespace.CdkTree, i2__namespace.CdkTreeNodeDef, i2__namespace.CdkNestedTreeNode, CaseFileViewFolderDocumentActionsComponent, i2__namespace.CdkTreeNodeToggle, i2__namespace.CdkTreeNodeOutlet], styles: [".document-folders-header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #c9c9c9;padding:10px}.document-folders-header__title[_ngcontent-%COMP%]{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;width:100%;padding:6px;background:none;border:0;cursor:pointer}.node__icon[_ngcontent-%COMP%]{position:relative;display:inline-block}.node__iconImg[_ngcontent-%COMP%]{display:block;height:24px;width:24px}.node__count[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;padding-top:4px}.node__name[_ngcontent-%COMP%]{margin-left:6px;font-size:1rem}.node__document-options[_ngcontent-%COMP%]{margin-left:auto;margin-right:0}"] });
     (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteCaseLinkFieldComponent, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFolderComponent, [{
                 type: i0.Component,
                 args: [{
-                        selector: 'ccd-write-case-link-field',
-                        templateUrl: 'write-case-link-field.html'
+                        selector: 'ccd-case-file-view-folder',
+                        templateUrl: './case-file-view-folder.component.html',
+                        styleUrls: ['./case-file-view-folder.component.scss'],
                     }]
-            }], null, { writeComplexFieldComponent: [{
-                    type: i0.ViewChild,
-                    args: ['writeComplexFieldComponent', /* TODO: add static flag */ {}]
+            }], function () { return []; }, { categoriesAndDocuments: [{
+                    type: i0.Input
                 }] });
     })();
 
-    var _c0$F = 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__namespace.ɵɵelementStart(0, "tbody");
-            i0__namespace.ɵɵelementStart(1, "tr");
-            i0__namespace.ɵɵelement(2, "th", 4);
-            i0__namespace.ɵɵelementStart(3, "td");
-            i0__namespace.ɵɵelement(4, "ccd-field-read", 5);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction6(3, _c0$F, 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);
+    var CaseFileViewFieldComponent = /** @class */ (function () {
+        function CaseFileViewFieldComponent(elementRef, route, caseFileViewService) {
+            this.elementRef = elementRef;
+            this.route = route;
+            this.caseFileViewService = caseFileViewService;
         }
-    }
-    var _c1$g = 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) {
+        CaseFileViewFieldComponent.prototype.ngOnInit = function () {
+            var cid = this.route.snapshot.paramMap.get(CaseFileViewFieldComponent.PARAM_CASE_ID);
+            this.categoriesAndDocuments$ = this.caseFileViewService.getCategoriesAndDocuments(cid);
+        };
+        CaseFileViewFieldComponent.prototype.ngAfterViewInit = function () {
+            var slider = this.elementRef.nativeElement.querySelector('.slider');
+            var documentTreeContainer = this.elementRef.nativeElement.querySelector('.document-tree-container');
+            var mousedown$ = rxjs.fromEvent(slider, 'mousedown');
+            var mousemove$ = rxjs.fromEvent(document, 'mousemove');
+            var mouseup$ = rxjs.fromEvent(document, 'mouseup');
+            var drag$ = mousedown$.pipe(operators.switchMap(function (start) {
+                var x = start.clientX;
+                var documentTreeContainerWidth = documentTreeContainer.getBoundingClientRect().width;
+                return mousemove$.pipe(operators.map(function (move) {
+                    move.preventDefault();
+                    return {
+                        dx: move.clientX - x,
+                        documentTreeContainerWidth: documentTreeContainerWidth
+                    };
+                }), operators.takeUntil(mouseup$));
+            }));
+            drag$.subscribe(function (pos) {
+                var calculatedWidth = ((pos.documentTreeContainerWidth + pos.dx) * 100) / slider.parentElement.getBoundingClientRect().width;
+                documentTreeContainer.setAttribute('style', "width: " + calculatedWidth + "%");
+            });
+        };
+        return CaseFileViewFieldComponent;
+    }());
+    CaseFileViewFieldComponent.PARAM_CASE_ID = 'cid';
+    CaseFileViewFieldComponent.ɵfac = function CaseFileViewFieldComponent_Factory(t) { return new (t || CaseFileViewFieldComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(CaseFileViewService)); };
+    CaseFileViewFieldComponent.ɵcmp = i0__namespace.ɵɵ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__namespace.ɵɵelementStart(0, "h2", 0);
+                i0__namespace.ɵɵtext(1, "Case file");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(2, "div", 1);
+                i0__namespace.ɵɵelementStart(3, "div", 2);
+                i0__namespace.ɵɵelement(4, "ccd-case-file-view-folder", 3);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelement(5, "div", 4);
+                i0__namespace.ɵɵelementStart(6, "div", 5);
+                i0__namespace.ɵɵtext(7, " Media viewer ");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵadvance(4);
+                i0__namespace.ɵɵ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__namespace.ɵsetClassMetadata(CaseFileViewFieldComponent, [{
+                type: i0.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__namespace.ElementRef }, { type: i1__namespace$1.ActivatedRoute }, { type: CaseFileViewService }]; }, null);
+    })();
+
+    function ReadCaseLinkFieldComponent_a_0_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "tr");
-            i0__namespace.ɵɵelementStart(1, "td");
-            i0__namespace.ɵɵelement(2, "ccd-field-read", 7);
+            i0__namespace.ɵɵelementStart(0, "a", 1);
+            i0__namespace.ɵɵelementStart(1, "span", 2);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵpipe(3, "ccdCaseReference");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var item_r4 = ctx.$implicit;
-            var i_r5 = ctx.index;
-            var ctx_r3 = i0__namespace.ɵɵnextContext(3);
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵpropertyInterpolate1("href", "/v2/case/", ctx_r0.caseField.value.CaseReference, "", i0__namespace.ɵɵsanitizeUrl);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction5(4, _c1$g, 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));
+            i0__namespace.ɵɵtextInterpolate(ctx_r0.caseField.value.CaseReference ? i0__namespace.ɵɵpipeBind1(3, 2, ctx_r0.caseField.value.CaseReference) : "");
         }
     }
-    function ReadCollectionFieldComponent_table_0_tbody_3_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "tbody");
+    var ReadCaseLinkFieldComponent = /** @class */ (function (_super) {
+        __extends(ReadCaseLinkFieldComponent, _super);
+        function ReadCaseLinkFieldComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        ReadCaseLinkFieldComponent.prototype.hasReference = function () {
+            return this.caseField.value && this.caseField.value.CaseReference;
+        };
+        return ReadCaseLinkFieldComponent;
+    }(AbstractFieldReadComponent));
+    ReadCaseLinkFieldComponent.ɵfac = function ReadCaseLinkFieldComponent_Factory(t) { return ɵReadCaseLinkFieldComponent_BaseFactory(t || ReadCaseLinkFieldComponent); };
+    ReadCaseLinkFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadCaseLinkFieldComponent, selectors: [["ccd-read-case-link-field"]], features: [i0__namespace.ɵɵ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__namespace.ɵɵtemplate(0, ReadCaseLinkFieldComponent_a_0_Template, 4, 4, "a", 0);
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngIf", ctx.hasReference());
+            }
+        }, directives: [i1__namespace.NgIf], pipes: [CaseReferencePipe], encapsulation: 2 });
+    var ɵReadCaseLinkFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(ReadCaseLinkFieldComponent);
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ReadCaseLinkFieldComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-read-case-link-field',
+                        templateUrl: 'read-case-link-field.html'
+                    }]
+            }], null, null);
+    })();
+
+    var FirstErrorPipe = /** @class */ (function () {
+        function FirstErrorPipe() {
+        }
+        FirstErrorPipe.prototype.transform = function (value, args) {
+            if (!value) {
+                return '';
+            }
+            if (!args) {
+                args = 'Field';
+            }
+            var 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]];
+        };
+        return FirstErrorPipe;
+    }());
+    FirstErrorPipe.ɵfac = function FirstErrorPipe_Factory(t) { return new (t || FirstErrorPipe)(); };
+    FirstErrorPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdFirstError", type: FirstErrorPipe, pure: true });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(FirstErrorPipe, [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'ccdFirstError'
+                    }]
+            }], null, null);
+    })();
+
+    var _c0$F = ["writeComplexFieldComponent"];
+    function WriteCaseLinkFieldComponent_span_2_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "span", 6);
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵpipe(2, "ccdFieldLabel");
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, ctx_r0.caseField));
+        }
+    }
+    function WriteCaseLinkFieldComponent_span_3_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "span", 7);
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(ctx_r1.caseField.hint_text);
+        }
+    }
+    function WriteCaseLinkFieldComponent_span_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "span", 8);
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵpipe(2, "ccdFirstError");
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r2 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.caseReferenceControl.errors, ctx_r2.caseField.label));
+        }
+    }
+    var _c1$g = function (a0) { return { "form-group-error": a0 }; };
+    var WriteCaseLinkFieldComponent = /** @class */ (function (_super) {
+        __extends(WriteCaseLinkFieldComponent, _super);
+        function WriteCaseLinkFieldComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        WriteCaseLinkFieldComponent.prototype.ngOnInit = function () {
+            var e_1, _a;
+            if (this.caseField.value) {
+                this.caseLinkGroup = this.registerControl(new i1$2.FormGroup({
+                    CaseReference: new i1$2.FormControl(this.caseField.value.CaseReference, i1$2.Validators.required),
+                }), true);
+            }
+            else {
+                this.caseLinkGroup = this.registerControl(new i1$2.FormGroup({
+                    CaseReference: new i1$2.FormControl(null, i1$2.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') {
+                try {
+                    for (var _b = __values(this.caseField.field_type.complex_fields), _c = _b.next(); !_c.done; _c = _b.next()) {
+                        var caseLinkSubField = _c.value;
+                        caseLinkSubField.retain_hidden_value = this.caseField.retain_hidden_value;
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+            }
+        };
+        WriteCaseLinkFieldComponent.prototype.validCaseReference = function (valueString) {
+            if (!valueString) {
+                return false;
+            }
+            return new RegExp('^\\b\\d{4}[ -]?\\d{4}[ -]?\\d{4}[ -]?\\d{4}\\b$').test(valueString.trim());
+        };
+        WriteCaseLinkFieldComponent.prototype.caseReferenceValidator = function () {
+            var _this = this;
+            return function (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;
+            };
+        };
+        return WriteCaseLinkFieldComponent;
+    }(AbstractFieldWriteComponent));
+    WriteCaseLinkFieldComponent.ɵfac = function WriteCaseLinkFieldComponent_Factory(t) { return ɵWriteCaseLinkFieldComponent_BaseFactory(t || WriteCaseLinkFieldComponent); };
+    WriteCaseLinkFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteCaseLinkFieldComponent, selectors: [["ccd-write-case-link-field"]], viewQuery: function WriteCaseLinkFieldComponent_Query(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵviewQuery(_c0$F, 1);
+            }
+            if (rf & 2) {
+                var _t = void 0;
+                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.writeComplexFieldComponent = _t.first);
+            }
+        }, features: [i0__namespace.ɵɵ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__namespace.ɵɵelementStart(0, "div", 0);
+                i0__namespace.ɵɵelementStart(1, "label", 1);
+                i0__namespace.ɵɵtemplate(2, WriteCaseLinkFieldComponent_span_2_Template, 3, 3, "span", 2);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(3, WriteCaseLinkFieldComponent_span_3_Template, 2, 1, "span", 3);
+                i0__namespace.ɵɵtemplate(4, WriteCaseLinkFieldComponent_span_4_Template, 3, 4, "span", 4);
+                i0__namespace.ɵɵelement(5, "input", 5);
+                i0__namespace.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$g, !ctx.caseReferenceControl.valid && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.touched)));
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("for", ctx.id());
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", ctx.caseField.label);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", ctx.caseField.hint_text);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", ctx.caseReferenceControl.errors && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.touched));
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("id", ctx.id())("formControl", ctx.caseReferenceControl);
+            }
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+    var ɵWriteCaseLinkFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteCaseLinkFieldComponent);
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteCaseLinkFieldComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-write-case-link-field',
+                        templateUrl: 'write-case-link-field.html'
+                    }]
+            }], null, { writeComplexFieldComponent: [{
+                    type: i0.ViewChild,
+                    args: ['writeComplexFieldComponent', /* TODO: add static flag */ {}]
+                }] });
+    })();
+
+    var _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__namespace.ɵɵelementStart(0, "tbody");
+            i0__namespace.ɵɵelementStart(1, "tr");
+            i0__namespace.ɵɵelement(2, "th", 4);
+            i0__namespace.ɵɵelementStart(3, "td");
+            i0__namespace.ɵɵelement(4, "ccd-field-read", 5);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(4);
+            i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵ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);
+        }
+    }
+    var _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__namespace.ɵɵelementStart(0, "tr");
+            i0__namespace.ɵɵelementStart(1, "td");
+            i0__namespace.ɵɵelement(2, "ccd-field-read", 7);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var item_r4 = ctx.$implicit;
+            var i_r5 = ctx.index;
+            var ctx_r3 = i0__namespace.ɵɵnextContext(3);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵ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__namespace.ɵɵelementStart(0, "tbody");
             i0__namespace.ɵɵtemplate(1, ReadCollectionFieldComponent_table_0_tbody_3_tr_1_Template, 3, 10, "tr", 6);
             i0__namespace.ɵɵelementEnd();
         }
@@ -9888,7 +10613,7 @@
         };
         return RemoveDialogComponent;
     }());
-    RemoveDialogComponent.ɵfac = function RemoveDialogComponent_Factory(t) { return new (t || RemoveDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$5.MatDialogRef)); };
+    RemoveDialogComponent.ɵfac = function RemoveDialogComponent_Factory(t) { return new (t || RemoveDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$6.MatDialogRef)); };
     RemoveDialogComponent.ɵcmp = i0__namespace.ɵɵ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__namespace.ɵɵelementStart(0, "div");
@@ -9929,10 +10654,10 @@
                         templateUrl: './remove-dialog.component.html',
                         styleUrls: ['../action-dialog.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$5.MatDialogRef }]; }, null);
+            }], function () { return [{ type: i1__namespace$6.MatDialogRef }]; }, null);
     })();
 
-    var _c0$E = ["collectionItem"];
+    var _c0$D = ["collectionItem"];
     function WriteCollectionFieldComponent_h2_7_span_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 9);
@@ -10308,7 +11033,7 @@
         };
         WriteCollectionFieldComponent.prototype.openModal = function (i) {
             var _this = this;
-            var dialogConfig = new i1$5.MatDialogConfig();
+            var dialogConfig = new i1$6.MatDialogConfig();
             dialogConfig.disableClose = true;
             dialogConfig.autoFocus = true;
             dialogConfig.ariaLabel = 'Label';
@@ -10342,10 +11067,10 @@
         };
         return WriteCollectionFieldComponent;
     }(AbstractFieldWriteComponent));
-    WriteCollectionFieldComponent.ɵfac = function WriteCollectionFieldComponent_Factory(t) { return new (t || WriteCollectionFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$5.MatDialog), i0__namespace.ɵɵdirectiveInject(i2__namespace.ScrollToService), i0__namespace.ɵɵdirectiveInject(ProfileNotifier)); };
+    WriteCollectionFieldComponent.ɵfac = function WriteCollectionFieldComponent_Factory(t) { return new (t || WriteCollectionFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$6.MatDialog), i0__namespace.ɵɵdirectiveInject(i2__namespace$1.ScrollToService), i0__namespace.ɵɵdirectiveInject(ProfileNotifier)); };
     WriteCollectionFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteCollectionFieldComponent, selectors: [["ccd-write-collection-field"]], viewQuery: function WriteCollectionFieldComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$E, 1);
+                i0__namespace.ɵɵviewQuery(_c0$D, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -10391,7 +11116,7 @@
                         templateUrl: './write-collection-field.html',
                         styleUrls: ['./collection-field.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$5.MatDialog }, { type: i2__namespace.ScrollToService }, { type: ProfileNotifier }]; }, { caseFields: [{
+            }], function () { return [{ type: i1__namespace$6.MatDialog }, { type: i2__namespace$1.ScrollToService }, { type: ProfileNotifier }]; }, { caseFields: [{
                     type: i0.Input
                 }], formGroup: [{
                     type: i0.Input
@@ -10427,7 +11152,7 @@
             i0__namespace.ɵɵproperty("caseField", field_r1)("context", ctx_r0.context)("caseFields", ctx_r0.caseFields)("topLevelFormGroup", ctx_r0.topLevelFormGroup)("idPrefix", ctx_r0.idPrefix);
         }
     }
-    var _c0$D = function (a0, a4, a5) { return [a0, false, undefined, true, a4, a5]; };
+    var _c0$C = function (a0, a4, a5) { return [a0, false, undefined, true, a4, a5]; };
     /**
      * Display a complex type fields as a list of values without labels.
      * This is intended for rendering of Check Your Answer page.
@@ -10451,7 +11176,7 @@
             }
             if (rf & 2) {
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBindV(2, 1, i0__namespace.ɵɵpureFunction3(8, _c0$D, ctx.caseField, ctx.topLevelFormGroup, ctx.id())));
+                i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBindV(2, 1, i0__namespace.ɵɵpureFunction3(8, _c0$C, ctx.caseField, ctx.topLevelFormGroup, ctx.id())));
             }
         }, styles: ["dl.complex-raw[_ngcontent-%COMP%]{list-style-type:none;margin:5px 0 10px}dl.complex-raw[_ngcontent-%COMP%]   dl.complex-raw[_ngcontent-%COMP%]{padding-left:2ch}dl.complex-raw[_ngcontent-%COMP%]   dt[_ngcontent-%COMP%]{font-weight:700}"] });
     var ɵReadComplexFieldRawComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(ReadComplexFieldRawComponent);
@@ -11216,8 +11941,8 @@
         },
     };
 
-    var _c0$C = ["picker"];
-    var _c1$f = ["input"];
+    var _c0$B = ["picker"];
+    var _c1$e = ["input"];
     function DatetimePickerComponent_span_3_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 10);
@@ -11439,8 +12164,8 @@
     DatetimePickerComponent.ɵfac = function DatetimePickerComponent_Factory(t) { return new (t || DatetimePickerComponent)(i0__namespace.ɵɵdirectiveInject(FormatTranslatorService), i0__namespace.ɵɵdirectiveInject(i4.NGX_MAT_DATE_FORMATS)); };
     DatetimePickerComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: DatetimePickerComponent, selectors: [["ccd-datetime-picker"]], viewQuery: function DatetimePickerComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$C, 1);
-                i0__namespace.ɵɵviewQuery(_c1$f, 1);
+                i0__namespace.ɵɵviewQuery(_c0$B, 1);
+                i0__namespace.ɵɵviewQuery(_c1$e, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -11584,7 +12309,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.dateControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$B = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$A = function (a0) { return { "form-group-error": a0 }; };
     var WriteDateFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDateFieldComponent, _super);
         function WriteDateFieldComponent() {
@@ -11614,7 +12339,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("id", ctx.id())("ngClass", i0__namespace.ɵɵpureFunction1(12, _c0$B, ctx.dateControl && !ctx.dateControl.valid && (ctx.dateControl.dirty || ctx.dateControl.touched)));
+                i0__namespace.ɵɵproperty("id", ctx.id())("ngClass", i0__namespace.ɵɵpureFunction1(12, _c0$A, ctx.dateControl && !ctx.dateControl.valid && (ctx.dateControl.dirty || ctx.dateControl.touched)));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.caseField.label);
                 i0__namespace.ɵɵadvance(1);
@@ -11782,7 +12507,7 @@
         };
         return DocumentDialogComponent;
     }());
-    DocumentDialogComponent.ɵfac = function DocumentDialogComponent_Factory(t) { return new (t || DocumentDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$5.MatDialogRef)); };
+    DocumentDialogComponent.ɵfac = function DocumentDialogComponent_Factory(t) { return new (t || DocumentDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$6.MatDialogRef)); };
     DocumentDialogComponent.ɵcmp = i0__namespace.ɵɵ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__namespace.ɵɵelementStart(0, "div");
@@ -11823,11 +12548,11 @@
                         templateUrl: './document-dialog.component.html',
                         styleUrls: ['../action-dialog.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$5.MatDialogRef }]; }, null);
+            }], function () { return [{ type: i1__namespace$6.MatDialogRef }]; }, null);
     })();
 
     function initDialog() {
-        var dialogConfig = new i1$5.MatDialogConfig();
+        var dialogConfig = new i1$6.MatDialogConfig();
         dialogConfig.disableClose = true;
         dialogConfig.autoFocus = true;
         dialogConfig.ariaLabel = 'Label';
@@ -11860,7 +12585,7 @@
             }], null, null);
     })();
 
-    var _c0$A = ["fileInput"];
+    var _c0$z = ["fileInput"];
     function WriteDocumentFieldComponent_span_6_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 12);
@@ -11894,7 +12619,7 @@
             i0__namespace.ɵɵproperty("caseField", ctx_r2.caseField);
         }
     }
-    var _c1$e = function (a0) { return { "form-group-error bottom-30": a0 }; };
+    var _c1$d = function (a0) { return { "form-group-error bottom-30": a0 }; };
     var WriteDocumentFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDocumentFieldComponent, _super);
         function WriteDocumentFieldComponent(appConfig, caseNotifier, documentManagement, dialog, fileUploadStateService) {
@@ -12151,10 +12876,10 @@
     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__namespace.ɵɵdirectiveInject(AbstractAppConfig), i0__namespace.ɵɵdirectiveInject(CaseNotifier), i0__namespace.ɵɵdirectiveInject(DocumentManagementService), i0__namespace.ɵɵdirectiveInject(i1__namespace$5.MatDialog), i0__namespace.ɵɵdirectiveInject(FileUploadStateService)); };
+    WriteDocumentFieldComponent.ɵfac = function WriteDocumentFieldComponent_Factory(t) { return new (t || WriteDocumentFieldComponent)(i0__namespace.ɵɵdirectiveInject(AbstractAppConfig), i0__namespace.ɵɵdirectiveInject(CaseNotifier), i0__namespace.ɵɵdirectiveInject(DocumentManagementService), i0__namespace.ɵɵdirectiveInject(i1__namespace$6.MatDialog), i0__namespace.ɵɵdirectiveInject(FileUploadStateService)); };
     WriteDocumentFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteDocumentFieldComponent, selectors: [["ccd-write-document-field"]], viewQuery: function WriteDocumentFieldComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$A, 1);
+                i0__namespace.ɵɵviewQuery(_c0$z, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -12196,7 +12921,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(15, _c1$e, !ctx.valid));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(15, _c1$d, !ctx.valid));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -12225,7 +12950,7 @@
                         selector: 'ccd-write-document-field',
                         templateUrl: './write-document-field.html'
                     }]
-            }], function () { return [{ type: AbstractAppConfig }, { type: CaseNotifier }, { type: DocumentManagementService }, { type: i1__namespace$5.MatDialog }, { type: FileUploadStateService }]; }, { fileInput: [{
+            }], function () { return [{ type: AbstractAppConfig }, { type: CaseNotifier }, { type: DocumentManagementService }, { type: i1__namespace$6.MatDialog }, { type: FileUploadStateService }]; }, { fileInput: [{
                     type: i0.ViewChild,
                     args: ['fileInput', { static: false }]
                 }], clickout: [{
@@ -12354,7 +13079,7 @@
             i0__namespace.ɵɵtextInterpolate(type_r5.label);
         }
     }
-    var _c0$z = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$y = function (a0) { return { "form-group-error": a0 }; };
     var WriteDynamicListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDynamicListFieldComponent, _super);
         function WriteDynamicListFieldComponent() {
@@ -12403,7 +13128,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c0$z, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c0$y, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -12553,7 +13278,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, ctx_r3.dynamicRadioListControl.errors));
         }
     }
-    var _c0$y = function (a0) { return { selected: a0 }; };
+    var _c0$x = function (a0) { return { selected: a0 }; };
     function WriteDynamicRadioListFieldComponent_div_9_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 10);
@@ -12566,7 +13291,7 @@
         if (rf & 2) {
             var radioButton_r5 = ctx.$implicit;
             var ctx_r4 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$y, ctx_r4.dynamicRadioListControl.value === radioButton_r5.code));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$x, ctx_r4.dynamicRadioListControl.value === radioButton_r5.code));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵpropertyInterpolate("name", ctx_r4.id());
             i0__namespace.ɵɵproperty("id", ctx_r4.buildElementId(radioButton_r5.code))("formControl", ctx_r4.dynamicRadioListControl)("value", radioButton_r5.code);
@@ -12576,7 +13301,7 @@
             i0__namespace.ɵɵtextInterpolate(radioButton_r5.label);
         }
     }
-    var _c1$d = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$c = function (a0) { return { "form-group-error": a0 }; };
     var WriteDynamicRadioListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDynamicRadioListFieldComponent, _super);
         function WriteDynamicRadioListFieldComponent() {
@@ -12624,7 +13349,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c1$d, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c1$c, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -12731,8 +13456,8 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.emailControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$x = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$c = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c0$w = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$b = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteEmailFieldComponent = /** @class */ (function (_super) {
         __extends(WriteEmailFieldComponent, _super);
         function WriteEmailFieldComponent() {
@@ -12756,7 +13481,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$x, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$w, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -12766,7 +13491,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$c, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$b, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteEmailFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteEmailFieldComponent);
@@ -12888,7 +13613,7 @@
             i0__namespace.ɵɵtextInterpolate(type_r4.label);
         }
     }
-    var _c0$w = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$v = function (a0) { return { "form-group-error": a0 }; };
     var WriteFixedListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteFixedListFieldComponent, _super);
         function WriteFixedListFieldComponent() {
@@ -12937,7 +13662,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$w, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$v, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -13055,7 +13780,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.fixedRadioListControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$v = function (a0) { return { selected: a0 }; };
+    var _c0$u = function (a0) { return { selected: a0 }; };
     function WriteFixedRadioListFieldComponent_div_8_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 9);
@@ -13068,7 +13793,7 @@
         if (rf & 2) {
             var radioButton_r4 = ctx.$implicit;
             var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$v, ctx_r3.fixedRadioListControl.value === radioButton_r4.code));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$u, ctx_r3.fixedRadioListControl.value === radioButton_r4.code));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("id", ctx_r3.id() + "-" + radioButton_r4.code)("name", ctx_r3.id())("formControl", ctx_r3.fixedRadioListControl)("value", radioButton_r4.code);
             i0__namespace.ɵɵadvance(1);
@@ -13077,7 +13802,7 @@
             i0__namespace.ɵɵtextInterpolate(radioButton_r4.label);
         }
     }
-    var _c1$b = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$a = function (a0) { return { "form-group-error": a0 }; };
     var WriteFixedRadioListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteFixedRadioListFieldComponent, _super);
         function WriteFixedRadioListFieldComponent() {
@@ -13108,7 +13833,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$b, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$a, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -13160,7 +13885,7 @@
             i0__namespace.ɵɵproperty("ngIf", event_r1.state_id !== "Draft");
         }
     }
-    var _c0$u = function (a2) { return ["./", "event", a2, "history"]; };
+    var _c0$t = function (a2) { return ["./", "event", a2, "history"]; };
     function EventLogTableComponent_tr_16_div_4_a_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "a", 18);
@@ -13170,7 +13895,7 @@
         if (rf & 2) {
             var event_r1 = i0__namespace.ɵɵnextContext(2).$implicit;
             var ctx_r12 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("routerLink", i0__namespace.ɵɵpureFunction1(4, _c0$u, event_r1.id))("target", "_blank");
+            i0__namespace.ɵɵproperty("routerLink", i0__namespace.ɵɵpureFunction1(4, _c0$t, event_r1.id))("target", "_blank");
             i0__namespace.ɵɵattribute("aria-label", ctx_r12.getAriaLabelforLink(event_r1));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵtextInterpolate(event_r1.event_name);
@@ -13221,7 +13946,7 @@
             i0__namespace.ɵɵtextInterpolate(ctx_r5.getSignificantItemDesc(event_r1));
         }
     }
-    var _c1$a = function (a0) { return { "EventLogTable-Selected": a0 }; };
+    var _c1$9 = function (a0) { return { "EventLogTable-Selected": a0 }; };
     function EventLogTableComponent_tr_16_Template(rf, ctx) {
         if (rf & 1) {
             var _r18_1 = i0__namespace.ɵɵgetCurrentView();
@@ -13258,7 +13983,7 @@
         if (rf & 2) {
             var event_r1 = ctx.$implicit;
             var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(22, _c1$a, ctx_r0.selected === event_r1));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(22, _c1$9, ctx_r0.selected === event_r1));
             i0__namespace.ɵɵattribute("aria-label", ctx_r0.getAriaLabelforRow(event_r1));
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵproperty("ngSwitch", ctx_r0.isPartOfCaseTimeline);
@@ -13647,7 +14372,7 @@
             }], null, null);
     })();
 
-    var _c0$t = ["fieldContainer"];
+    var _c0$s = ["fieldContainer"];
     var FIX_CASEFIELD_FOR$1 = ['FixedList', 'DynamicList'];
     var FieldWriteComponent = /** @class */ (function (_super) {
         __extends(FieldWriteComponent, _super);
@@ -13701,7 +14426,7 @@
     FieldWriteComponent.ɵfac = function FieldWriteComponent_Factory(t) { return new (t || FieldWriteComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ComponentFactoryResolver), i0__namespace.ɵɵdirectiveInject(PaletteService)); };
     FieldWriteComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FieldWriteComponent, selectors: [["ccd-field-write"]], viewQuery: function FieldWriteComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$t, 3, i0.ViewContainerRef);
+                i0__namespace.ɵɵviewQuery(_c0$s, 3, i0.ViewContainerRef);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -13764,7 +14489,7 @@
             i0__namespace.ɵɵprojection(0);
         }
     }
-    var _c0$s = ["*"];
+    var _c0$r = ["*"];
     var FieldReadLabelComponent = /** @class */ (function (_super) {
         __extends(FieldReadLabelComponent, _super);
         function FieldReadLabelComponent() {
@@ -13802,7 +14527,7 @@
         return FieldReadLabelComponent;
     }(AbstractFieldReadComponent));
     FieldReadLabelComponent.ɵfac = function FieldReadLabelComponent_Factory(t) { return ɵFieldReadLabelComponent_BaseFactory(t || FieldReadLabelComponent); };
-    FieldReadLabelComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FieldReadLabelComponent, selectors: [["ccd-field-read-label"]], inputs: { withLabel: "withLabel", markdownUseHrefAsRouterLink: "markdownUseHrefAsRouterLink" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$s, decls: 4, vars: 5, consts: [[3, "hidden"], ["class", "case-field", 4, "ngIf", "ngIfElse"], ["caseFieldValue", ""], [1, "case-field"], [1, "case-field__label"], [1, "case-field__value"], [4, "ngTemplateOutlet"]], template: function FieldReadLabelComponent_Template(rf, ctx) {
+    FieldReadLabelComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FieldReadLabelComponent, selectors: [["ccd-field-read-label"]], inputs: { withLabel: "withLabel", markdownUseHrefAsRouterLink: "markdownUseHrefAsRouterLink" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$r, decls: 4, vars: 5, consts: [[3, "hidden"], ["class", "case-field", 4, "ngIf", "ngIfElse"], ["caseFieldValue", ""], [1, "case-field"], [1, "case-field__label"], [1, "case-field__value"], [4, "ngTemplateOutlet"]], template: function FieldReadLabelComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -13949,7 +14674,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.caseField.hint_text, " ");
         }
     }
-    var _c0$r = function (a0) { return { "hide-autocomplete": a0 }; };
+    var _c0$q = function (a0) { return { "hide-autocomplete": a0 }; };
     function WriteJudicialUserFieldComponent_mat_option_7_Template(rf, ctx) {
         if (rf & 1) {
             var _r7_1 = i0__namespace.ɵɵgetCurrentView();
@@ -13961,7 +14686,7 @@
         if (rf & 2) {
             var judicialUser_r5 = ctx.$implicit;
             var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$r, !ctx_r3.showAutocomplete))("value", judicialUser_r5.idamId);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$q, !ctx_r3.showAutocomplete))("value", judicialUser_r5.idamId);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵtextInterpolate2(" ", judicialUser_r5.fullName, " (", judicialUser_r5.emailId, ") ");
         }
@@ -14308,7 +15033,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.moneyGbpControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$q = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$p = function (a0) { return { "form-group-error": a0 }; };
     var WriteMoneyGbpFieldComponent = /** @class */ (function (_super) {
         __extends(WriteMoneyGbpFieldComponent, _super);
         function WriteMoneyGbpFieldComponent() {
@@ -14338,7 +15063,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$q, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$p, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -14486,7 +15211,7 @@
             i0__namespace.ɵɵtextInterpolate(checkbox_r4.label);
         }
     }
-    var _c0$p = function (a0) { return { "error": a0 }; };
+    var _c0$o = function (a0) { return { "error": a0 }; };
     var WriteMultiSelectListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteMultiSelectListFieldComponent, _super);
         function WriteMultiSelectListFieldComponent() {
@@ -14550,7 +15275,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$p, !ctx.checkboxes.valid && (ctx.checkboxes.dirty || ctx.checkboxes.touched)))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$o, !ctx.checkboxes.valid && (ctx.checkboxes.dirty || ctx.checkboxes.touched)))("id", ctx.id());
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.caseField.label);
                 i0__namespace.ɵɵadvance(1);
@@ -14641,8 +15366,8 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.numberControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$o = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$9 = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c0$n = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$8 = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteNumberFieldComponent = /** @class */ (function (_super) {
         __extends(WriteNumberFieldComponent, _super);
         function WriteNumberFieldComponent() {
@@ -14666,7 +15391,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$o, !ctx.numberControl.valid && ctx.numberControl.dirty));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$n, !ctx.numberControl.valid && ctx.numberControl.dirty));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -14676,7 +15401,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.numberControl.errors && ctx.numberControl.dirty);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$9, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$8, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.NumberValueAccessor, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteNumberFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteNumberFieldComponent);
@@ -14690,7 +15415,7 @@
             }], null, null);
     })();
 
-    var _c0$n = ["ccdReadOrderSummaryRow", ""];
+    var _c0$m = ["ccdReadOrderSummaryRow", ""];
     var ReadOrderSummaryRowComponent = /** @class */ (function (_super) {
         __extends(ReadOrderSummaryRowComponent, _super);
         function ReadOrderSummaryRowComponent() {
@@ -14708,7 +15433,7 @@
         return ReadOrderSummaryRowComponent;
     }(AbstractFieldReadComponent));
     ReadOrderSummaryRowComponent.ɵfac = function ReadOrderSummaryRowComponent_Factory(t) { return ɵReadOrderSummaryRowComponent_BaseFactory(t || ReadOrderSummaryRowComponent); };
-    ReadOrderSummaryRowComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadOrderSummaryRowComponent, selectors: [["", "ccdReadOrderSummaryRow", ""]], inputs: { feeValue: "feeValue" }, features: [i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0$n, decls: 6, vars: 3, consts: [[3, "amount"]], template: function ReadOrderSummaryRowComponent_Template(rf, ctx) {
+    ReadOrderSummaryRowComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadOrderSummaryRowComponent, selectors: [["", "ccdReadOrderSummaryRow", ""]], inputs: { feeValue: "feeValue" }, features: [i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0$m, decls: 6, vars: 3, consts: [[3, "amount"]], template: function ReadOrderSummaryRowComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "td");
                 i0__namespace.ɵɵtext(1);
@@ -15254,7 +15979,7 @@
             i0__namespace.ɵɵelementEnd();
         }
     }
-    var _c0$m = function (a0) { return { "scroll-container ": a0 }; };
+    var _c0$l = function (a0) { return { "scroll-container ": a0 }; };
     function WriteOrganisationFieldComponent_fieldset_3_div_14_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 26);
@@ -15270,7 +15995,7 @@
             var ctx_r2 = i0__namespace.ɵɵnextContext(2);
             var tmp_0_0 = null;
             var tmp_2_0 = null;
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$m, ((tmp_0_0 = i0__namespace.ɵɵpipeBind1(1, 3, ctx_r2.simpleOrganisations$)) == null ? null : tmp_0_0.length) > 10));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$l, ((tmp_0_0 = i0__namespace.ɵɵpipeBind1(1, 3, ctx_r2.simpleOrganisations$)) == null ? null : tmp_0_0.length) > 10));
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind1(3, 5, ctx_r2.simpleOrganisations$));
             i0__namespace.ɵɵadvance(2);
@@ -15708,8 +16433,8 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.phoneUkControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$l = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$8 = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c0$k = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$7 = function (a0) { return { "govuk-input--error": a0 }; };
     var WritePhoneUKFieldComponent = /** @class */ (function (_super) {
         __extends(WritePhoneUKFieldComponent, _super);
         function WritePhoneUKFieldComponent() {
@@ -15733,7 +16458,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$l, !ctx.phoneUkControl.valid && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$k, !ctx.phoneUkControl.valid && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -15743,7 +16468,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.phoneUkControl.errors && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$8, ctx.phoneUkControl.errors && ctx.phoneUkControl.dirty))("id", ctx.id())("formControl", ctx.phoneUkControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$7, ctx.phoneUkControl.errors && ctx.phoneUkControl.dirty))("id", ctx.id())("formControl", ctx.phoneUkControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWritePhoneUKFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WritePhoneUKFieldComponent);
@@ -15825,8 +16550,8 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.textareaControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$k = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$7 = function (a0) { return { "govuk-textarea--error": a0 }; };
+    var _c0$j = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$6 = function (a0) { return { "govuk-textarea--error": a0 }; };
     var WriteTextAreaFieldComponent = /** @class */ (function (_super) {
         __extends(WriteTextAreaFieldComponent, _super);
         function WriteTextAreaFieldComponent(browserService) {
@@ -15861,7 +16586,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$k, !ctx.textareaControl.valid && ctx.textareaControl.dirty));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$j, !ctx.textareaControl.valid && ctx.textareaControl.dirty));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -15871,7 +16596,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$7, ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched)))("id", ctx.id())("formControl", ctx.textareaControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$6, ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched)))("id", ctx.id())("formControl", ctx.textareaControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     (function () {
@@ -15953,8 +16678,8 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.textControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$j = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$6 = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c0$i = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$5 = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteTextFieldComponent = /** @class */ (function (_super) {
         __extends(WriteTextFieldComponent, _super);
         function WriteTextFieldComponent() {
@@ -15983,7 +16708,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$j, !!ctx.textControl && !ctx.textControl.valid && (ctx.textControl.dirty || ctx.textControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$i, !!ctx.textControl && !ctx.textControl.valid && (ctx.textControl.dirty || ctx.textControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -15993,7 +16718,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$6, (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched)))("id", ctx.id())("formControl", ctx.textControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$5, (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched)))("id", ctx.id())("formControl", ctx.textControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteTextFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteTextFieldComponent);
@@ -16191,7 +16916,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.yesNoControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$i = function (a0) { return { selected: a0 }; };
+    var _c0$h = function (a0) { return { selected: a0 }; };
     function WriteYesNoFieldComponent_div_7_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 10);
@@ -16204,7 +16929,7 @@
         if (rf & 2) {
             var value_r4 = ctx.$implicit;
             var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$i, ctx_r3.yesNoControl.value === value_r4));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$h, ctx_r3.yesNoControl.value === value_r4));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("id", ctx_r3.createElementId(value_r4))("name", ctx_r3.id())("formControl", ctx_r3.yesNoControl)("value", value_r4);
             i0__namespace.ɵɵattribute("name", ctx_r3.id());
@@ -16214,7 +16939,7 @@
             i0__namespace.ɵɵtextInterpolate(value_r4);
         }
     }
-    var _c1$5 = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$4 = function (a0) { return { "form-group-error": a0 }; };
     var WriteYesNoFieldComponent = /** @class */ (function (_super) {
         __extends(WriteYesNoFieldComponent, _super);
         function WriteYesNoFieldComponent(yesNoService) {
@@ -16245,7 +16970,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("id", ctx.id())("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$5, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
+                i0__namespace.ɵɵproperty("id", ctx.id())("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$4, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.caseField.label);
                 i0__namespace.ɵɵadvance(1);
@@ -16357,7 +17082,7 @@
             }], null, null);
     })();
 
-    var _c0$h = ["fieldContainer"];
+    var _c0$g = ["fieldContainer"];
     var FIX_CASEFIELD_FOR = ['FixedList', 'DynamicList'];
     var FieldReadComponent = /** @class */ (function (_super) {
         __extends(FieldReadComponent, _super);
@@ -16406,7 +17131,7 @@
     FieldReadComponent.ɵfac = function FieldReadComponent_Factory(t) { return new (t || FieldReadComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ComponentFactoryResolver), i0__namespace.ɵɵdirectiveInject(PaletteService)); };
     FieldReadComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FieldReadComponent, selectors: [["ccd-field-read"]], viewQuery: function FieldReadComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$h, 1, i0.ViewContainerRef);
+                i0__namespace.ɵɵviewQuery(_c0$g, 1, i0.ViewContainerRef);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -16649,7 +17374,7 @@
         };
         return SaveOrDiscardDialogComponent;
     }());
-    SaveOrDiscardDialogComponent.ɵfac = function SaveOrDiscardDialogComponent_Factory(t) { return new (t || SaveOrDiscardDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$5.MatDialogRef)); };
+    SaveOrDiscardDialogComponent.ɵfac = function SaveOrDiscardDialogComponent_Factory(t) { return new (t || SaveOrDiscardDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$6.MatDialogRef)); };
     SaveOrDiscardDialogComponent.ɵcmp = i0__namespace.ɵɵ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__namespace.ɵɵelementStart(0, "div");
@@ -16690,7 +17415,7 @@
                         templateUrl: './save-or-discard-dialog.component.html',
                         styleUrls: ['../action-dialog.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$5.MatDialogRef }]; }, null);
+            }], function () { return [{ type: i1__namespace$6.MatDialogRef }]; }, null);
     })();
 
     var CaseEditPageText;
@@ -16896,7 +17621,7 @@
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵtextInterpolate(ctx.loadingText);
             }
-        }, styles: [".spinner-container{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:hsla(0,0%,100%,.5);z-index:99}.spinner-container .spinner-inner-container p{text-align:center}.spinner-container .spinner-inner-container .spinner{border:10px solid #ddd;border-top-color:#000;border-radius:50%;width:40px;height:40px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}"], encapsulation: 2 });
+        }, styles: [".spinner-container{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:hsla(0,0%,100%,.5);z-index:99}.spinner-container .spinner-inner-container p{text-align:center}.spinner-container .spinner-inner-container .spinner{border:10px solid #ddd;border-top-color:#000;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}"], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LoadingSpinnerComponent, [{
                 type: i0.Component,
@@ -17561,7 +18286,7 @@
         };
         return CaseEditPageComponent;
     }());
-    CaseEditPageComponent.ɵfac = function CaseEditPageComponent_Factory(t) { return new (t || CaseEditPageComponent)(i0__namespace.ɵɵdirectiveInject(CaseEditComponent), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(FormValueService), i0__namespace.ɵɵdirectiveInject(FormErrorService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(PageValidationService), i0__namespace.ɵɵdirectiveInject(i1__namespace$5.MatDialog), i0__namespace.ɵɵdirectiveInject(CaseFieldService)); };
+    CaseEditPageComponent.ɵfac = function CaseEditPageComponent_Factory(t) { return new (t || CaseEditPageComponent)(i0__namespace.ɵɵdirectiveInject(CaseEditComponent), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(FormValueService), i0__namespace.ɵɵdirectiveInject(FormErrorService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(PageValidationService), i0__namespace.ɵɵdirectiveInject(i1__namespace$6.MatDialog), i0__namespace.ɵɵdirectiveInject(CaseFieldService)); };
     CaseEditPageComponent.ɵcmp = i0__namespace.ɵɵ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__namespace.ɵɵtemplate(0, CaseEditPageComponent_ccd_loading_spinner_0_Template, 1, 0, "ccd-loading-spinner", 0);
@@ -17607,7 +18332,7 @@
                         templateUrl: 'case-edit-page.html',
                         styleUrls: ['./case-edit-page.scss']
                     }]
-            }], function () { return [{ type: CaseEditComponent }, { type: i1__namespace$1.ActivatedRoute }, { type: FormValueService }, { type: FormErrorService }, { type: i0__namespace.ChangeDetectorRef }, { type: PageValidationService }, { type: i1__namespace$5.MatDialog }, { type: CaseFieldService }]; }, null);
+            }], function () { return [{ type: CaseEditComponent }, { type: i1__namespace$1.ActivatedRoute }, { type: FormValueService }, { type: FormErrorService }, { type: i0__namespace.ChangeDetectorRef }, { type: PageValidationService }, { type: i1__namespace$6.MatDialog }, { type: CaseFieldService }]; }, null);
     })();
 
     var Confirmation = /** @class */ (function () {
@@ -17805,7 +18530,7 @@
             i0__namespace.ɵɵproperty("ngIf", ctx_r19.canShowFieldInCYA(field_r20));
         }
     }
-    var _c0$g = function (a0, a4) { return [a0, false, undefined, true, a4]; };
+    var _c0$f = function (a0, a4) { return [a0, false, undefined, true, a4]; };
     function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_7_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
@@ -17819,7 +18544,7 @@
             var page_r17 = i0__namespace.ɵɵnextContext().$implicit;
             var ctx_r18 = i0__namespace.ɵɵnextContext(3);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind1(2, 1, i0__namespace.ɵɵpipeBindV(3, 3, i0__namespace.ɵɵpureFunction2(12, _c0$g, i0__namespace.ɵɵpipeBind2(4, 9, page_r17, ctx_r18.editForm), ctx_r18.editForm.controls["data"]))));
+            i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind1(2, 1, i0__namespace.ɵɵpipeBindV(3, 3, i0__namespace.ɵɵpureFunction2(12, _c0$f, i0__namespace.ɵɵpipeBind2(4, 9, page_r17, ctx_r18.editForm), ctx_r18.editForm.controls["data"]))));
         }
     }
     function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_7_Template(rf, ctx) {
@@ -19058,642 +19783,6 @@
             }], null, null);
     })();
 
-    function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "div", 6);
-            i0__namespace.ɵɵtext(2);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementContainerEnd();
-        }
-        if (rf & 2) {
-            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(ctx_r2.title);
-        }
-    }
-    function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_img_2_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "img", 10);
-        }
-        if (rf & 2) {
-            var item_r4 = i0__namespace.ɵɵnextContext().$implicit;
-            var ctx_r5 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵpropertyInterpolate1("alt", "", ctx_r5.title, " icon'");
-            i0__namespace.ɵɵproperty("src", item_r4.iconSrc, i0__namespace.ɵɵsanitizeUrl);
-        }
-    }
-    function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r8_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "div", 7);
-            i0__namespace.ɵɵlistener("click", function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_Template_div_click_1_listener() { i0__namespace.ɵɵrestoreView(_r8_1); var item_r4 = ctx.$implicit; var ctx_r7 = i0__namespace.ɵɵnextContext(2); item_r4.actionFn(); return ctx_r7.closeOverlay(); });
-            i0__namespace.ɵɵtemplate(2, CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_img_2_Template, 1, 2, "img", 8);
-            i0__namespace.ɵɵelementStart(3, "div", 9);
-            i0__namespace.ɵɵtext(4);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementContainerEnd();
-        }
-        if (rf & 2) {
-            var item_r4 = ctx.$implicit;
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("ngIf", item_r4.iconSrc);
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(item_r4.actionText);
-        }
-    }
-    function CaseFileViewOverlayMenuComponent_ng_template_4_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 3);
-            i0__namespace.ɵɵtemplate(1, CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_1_Template, 3, 1, "ng-container", 4);
-            i0__namespace.ɵɵtemplate(2, CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_Template, 5, 2, "ng-container", 5);
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r1.title);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r1.menuItems);
-        }
-    }
-    var _c0$f = [[["", "trigger", ""]]];
-    var _c1$4 = ["[trigger]"];
-    var CaseFileViewOverlayMenuComponent = /** @class */ (function () {
-        function CaseFileViewOverlayMenuComponent() {
-            this.title = '';
-            this.isOpen = false;
-            this.isOpenChange = new i0.EventEmitter();
-        }
-        CaseFileViewOverlayMenuComponent.prototype.closeOverlay = function () {
-            var isOpen = false;
-            this.isOpen = isOpen;
-            this.isOpenChange.emit(isOpen);
-        };
-        return CaseFileViewOverlayMenuComponent;
-    }());
-    CaseFileViewOverlayMenuComponent.ɵfac = function CaseFileViewOverlayMenuComponent_Factory(t) { return new (t || CaseFileViewOverlayMenuComponent)(); };
-    CaseFileViewOverlayMenuComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewOverlayMenuComponent, selectors: [["ccd-case-file-view-overlay-menu"]], inputs: { title: "title", menuItems: "menuItems", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngContentSelectors: _c1$4, decls: 5, vars: 4, consts: [["type", "button", "cdkOverlayOrigin", "", 1, "overlay-toggle", 3, "click"], ["trigger", "cdkOverlayOrigin"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayBackdropClass", "backdropClick"], [1, "overlay-menu"], [4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "overlay-menu__title"], [1, "overlay-menu__item", 3, "click"], ["class", "overlay-menu__itemIcon", 3, "src", "alt", 4, "ngIf"], [1, "overlay-menu__actionText"], [1, "overlay-menu__itemIcon", 3, "src", "alt"]], template: function CaseFileViewOverlayMenuComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$f);
-                i0__namespace.ɵɵelementStart(0, "div");
-                i0__namespace.ɵɵelementStart(1, "button", 0, 1);
-                i0__namespace.ɵɵlistener("click", function CaseFileViewOverlayMenuComponent_Template_button_click_1_listener() { return ctx.isOpen = !ctx.isOpen; });
-                i0__namespace.ɵɵprojection(3);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(4, CaseFileViewOverlayMenuComponent_ng_template_4_Template, 3, 2, "ng-template", 2);
-                i0__namespace.ɵɵlistener("backdropClick", function CaseFileViewOverlayMenuComponent_Template_ng_template_backdropClick_4_listener() { return ctx.closeOverlay(); });
-                i0__namespace.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                var _r0 = i0__namespace.ɵɵreference(2);
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵproperty("cdkConnectedOverlayOrigin", _r0)("cdkConnectedOverlayOpen", ctx.isOpen)("cdkConnectedOverlayHasBackdrop", true)("cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop");
-            }
-        }, directives: [i1__namespace$6.CdkOverlayOrigin, i1__namespace$6.CdkConnectedOverlay, i1__namespace.NgIf, i1__namespace.NgForOf], styles: [".overlay-toggle[_ngcontent-%COMP%]{display:block;background:none;border:0;padding:0 6px;margin-right:-6px;cursor:pointer}.overlay-menu[_ngcontent-%COMP%]{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlay-menu__item[_ngcontent-%COMP%], .overlay-menu__title[_ngcontent-%COMP%]{padding:10px;border-bottom:1px solid grey}.overlay-menu__item[_ngcontent-%COMP%]:last-child, .overlay-menu__title[_ngcontent-%COMP%]:last-child{border:none}.overlay-menu__title[_ngcontent-%COMP%]{padding-left:6px;padding-right:6px}.overlay-menu__item[_ngcontent-%COMP%]{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlay-menu__item[_ngcontent-%COMP%]:hover{background-color:#fff2cc}.overlay-menu__itemIcon[_ngcontent-%COMP%]{height:1.25em;width:1.25em;margin-right:6px}"] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewOverlayMenuComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ccd-case-file-view-overlay-menu',
-                        templateUrl: './case-file-view-overlay-menu.component.html',
-                        styleUrls: ['./case-file-view-overlay-menu.component.scss']
-                    }]
-            }], null, { title: [{
-                    type: i0.Input
-                }], menuItems: [{
-                    type: i0.Input
-                }], isOpen: [{
-                    type: i0.Input
-                }], isOpenChange: [{
-                    type: i0.Output
-                }] });
-    })();
-
-    var CaseFileViewFolderDocumentActionsComponent = /** @class */ (function () {
-        function CaseFileViewFolderDocumentActionsComponent() {
-            var _this = this;
-            this.isOpen = false;
-            this.changeFolderAction = new i0.EventEmitter();
-            this.openInANewTabAction = new i0.EventEmitter();
-            this.downloadAction = new i0.EventEmitter();
-            this.printAction = new i0.EventEmitter();
-            this.overlayMenuItems = [
-                { actionText: 'Change folder', iconSrc: '/assets/img/case-file-view/document-menu/open_with.svg', actionFn: function () { return _this.changeFolderAction.emit(); } },
-                { actionText: 'Open in a new tab', iconSrc: '/assets/img/case-file-view/document-menu/open_in_new.svg', actionFn: function () { return _this.openInANewTabAction.emit(); } },
-                { actionText: 'Download', iconSrc: '/assets/img/case-file-view/document-menu/download.svg', actionFn: function () { return _this.downloadAction.emit(); } },
-                { actionText: 'Print', iconSrc: '/assets/img/case-file-view/document-menu/print.svg', actionFn: function () { return _this.printAction.emit(); } },
-            ];
-        }
-        return CaseFileViewFolderDocumentActionsComponent;
-    }());
-    CaseFileViewFolderDocumentActionsComponent.ɵfac = function CaseFileViewFolderDocumentActionsComponent_Factory(t) { return new (t || CaseFileViewFolderDocumentActionsComponent)(); };
-    CaseFileViewFolderDocumentActionsComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderDocumentActionsComponent, selectors: [["ccd-case-file-view-folder-document-actions"]], outputs: { changeFolderAction: "changeFolderAction", openInANewTabAction: "openInANewTabAction", downloadAction: "downloadAction", printAction: "printAction" }, decls: 3, vars: 2, consts: [[3, "menuItems", "isOpen", "isOpenChange"], ["trigger", ""], ["src", "/assets/img/case-file-view/document-menu/more_vert.svg", "alt", "More document options", 1, "actions-trigger-icon"]], template: function CaseFileViewFolderDocumentActionsComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "ccd-case-file-view-overlay-menu", 0);
-                i0__namespace.ɵɵlistener("isOpenChange", function CaseFileViewFolderDocumentActionsComponent_Template_ccd_case_file_view_overlay_menu_isOpenChange_0_listener($event) { return ctx.isOpen = $event; });
-                i0__namespace.ɵɵelementContainerStart(1, 1);
-                i0__namespace.ɵɵelement(2, "img", 2);
-                i0__namespace.ɵɵelementContainerEnd();
-                i0__namespace.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("menuItems", ctx.overlayMenuItems)("isOpen", ctx.isOpen);
-            }
-        }, directives: [CaseFileViewOverlayMenuComponent], styles: [".actions-trigger-icon[_ngcontent-%COMP%]{display:block;height:24px;margin-right:-4px}"] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFolderDocumentActionsComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ccd-case-file-view-folder-document-actions',
-                        templateUrl: './case-file-view-folder-document-actions.component.html',
-                        styleUrls: ['./case-file-view-folder-document-actions.component.scss']
-                    }]
-            }], function () { return []; }, { changeFolderAction: [{
-                    type: i0.Output
-                }], openInANewTabAction: [{
-                    type: i0.Output
-                }], downloadAction: [{
-                    type: i0.Output
-                }], printAction: [{
-                    type: i0.Output
-                }] });
-    })();
-
-    var CaseFileViewFolderSortComponent = /** @class */ (function () {
-        function CaseFileViewFolderSortComponent() {
-            var _this = this;
-            this.isOpen = false;
-            this.sortAscending = new i0.EventEmitter();
-            this.sortDescending = new i0.EventEmitter();
-            this.overlayMenuItems = [
-                { actionText: 'A to Z descending', iconSrc: '/assets/img/sort/sort-down-arrow.svg', actionFn: function () { return _this.sortAscending.emit(); } },
-                { actionText: 'Z to A descending', iconSrc: '/assets/img/sort/sort-up-arrow.svg', actionFn: function () { return _this.sortDescending.emit(); } },
-            ];
-        }
-        return CaseFileViewFolderSortComponent;
-    }());
-    CaseFileViewFolderSortComponent.ɵfac = function CaseFileViewFolderSortComponent_Factory(t) { return new (t || CaseFileViewFolderSortComponent)(); };
-    CaseFileViewFolderSortComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderSortComponent, selectors: [["ccd-case-file-view-folder-sort"]], outputs: { sortAscending: "sortAscending", sortDescending: "sortDescending" }, decls: 3, vars: 3, consts: [[3, "title", "menuItems", "isOpen", "isOpenChange"], ["trigger", ""], ["src", "/assets/img/sort/sort-arrows.svg", "alt", "Sort Arrows", 1, "sort-button-icon"]], template: function CaseFileViewFolderSortComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "ccd-case-file-view-overlay-menu", 0);
-                i0__namespace.ɵɵlistener("isOpenChange", function CaseFileViewFolderSortComponent_Template_ccd_case_file_view_overlay_menu_isOpenChange_0_listener($event) { return ctx.isOpen = $event; });
-                i0__namespace.ɵɵelementContainerStart(1, 1);
-                i0__namespace.ɵɵelement(2, "img", 2);
-                i0__namespace.ɵɵelementContainerEnd();
-                i0__namespace.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("title", "Sort documents by name")("menuItems", ctx.overlayMenuItems)("isOpen", ctx.isOpen);
-            }
-        }, directives: [CaseFileViewOverlayMenuComponent], styles: [".sort-button-icon[_ngcontent-%COMP%]{display:block;height:20px;margin-right:-2px}"] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFolderSortComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ccd-case-file-view-folder-sort',
-                        templateUrl: './case-file-view-folder-sort.component.html',
-                        styleUrls: ['./case-file-view-folder-sort.component.scss']
-                    }]
-            }], function () { return []; }, { sortAscending: [{
-                    type: i0.Output
-                }], sortDescending: [{
-                    type: i0.Output
-                }] });
-    })();
-
-    var CaseFileViewCategory = /** @class */ (function () {
-        function CaseFileViewCategory() {
-        }
-        return CaseFileViewCategory;
-    }());
-
-    var CaseFileViewDocument = /** @class */ (function () {
-        function CaseFileViewDocument() {
-        }
-        return 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
-     */
-    var CategoriesAndDocuments = /** @class */ (function () {
-        function CategoriesAndDocuments() {
-        }
-        return CategoriesAndDocuments;
-    }());
-
-    var DocumentTreeNode = /** @class */ (function () {
-        function DocumentTreeNode() {
-        }
-        Object.defineProperty(DocumentTreeNode.prototype, "childDocumentCount", {
-            get: function () {
-                var countChildren = function (childNodes) {
-                    var count = 0;
-                    if (childNodes === null || childNodes === void 0 ? void 0 : childNodes.length) {
-                        var documents = childNodes.filter(function (item) { return item.type === 'document'; });
-                        count += documents.length;
-                        childNodes.forEach(function (children) {
-                            count += countChildren(children.children);
-                        });
-                    }
-                    return count;
-                };
-                return countChildren(this.children);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        DocumentTreeNode.prototype.sortChildrenAscending = function () {
-            var _a, _b;
-            var sortAscending = function () {
-                return function (a, b) {
-                    var nameA = a.name.toUpperCase(); // ignore upper and lowercase
-                    var nameB = b.name.toUpperCase(); // ignore upper and lowercase
-                    if (a.type === 'category' || b.type === 'category') {
-                        return 0;
-                    }
-                    if (nameA < nameB) {
-                        return -1;
-                    }
-                    if (nameA > nameB) {
-                        return 1;
-                    }
-                };
-            };
-            (_a = this.children) === null || _a === void 0 ? void 0 : _a.sort(sortAscending());
-            (_b = this.children) === null || _b === void 0 ? void 0 : _b.forEach(function (childNodes) {
-                childNodes.sortChildrenAscending();
-            });
-        };
-        DocumentTreeNode.prototype.sortChildrenDescending = function () {
-            var _a, _b;
-            var sortDescending = function () {
-                return function (a, b) {
-                    var nameA = a.name.toUpperCase(); // ignore upper and lowercase
-                    var nameB = b.name.toUpperCase(); // ignore upper and lowercase
-                    if (a.type === 'category' || b.type === 'category') {
-                        return 0;
-                    }
-                    if (nameA > nameB) {
-                        return -1;
-                    }
-                    if (nameA < nameB) {
-                        return 1;
-                    }
-                };
-            };
-            (_a = this.children) === null || _a === void 0 ? void 0 : _a.sort(sortDescending());
-            (_b = this.children) === null || _b === void 0 ? void 0 : _b.forEach(function (childNodes) {
-                childNodes.sortChildrenDescending();
-            });
-        };
-        Object.defineProperty(DocumentTreeNode.prototype, "flattenedAll", {
-            get: function () {
-                var _a;
-                var flattenChildren = function (nodeChild) {
-                    var _a;
-                    var flattenedNodes = [];
-                    flattenedNodes.push(nodeChild);
-                    if (((_a = nodeChild.children) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                        // flattenedNodes.push(nodeChild);
-                        nodeChild.children.forEach(function (child) {
-                            flattenedNodes.push(flattenChildren(child));
-                        });
-                    }
-                    return flattenedNodes.flat();
-                };
-                return __spread([
-                    this
-                ], (_a = this.children) === null || _a === void 0 ? void 0 : _a.map(function (item) {
-                    return flattenChildren(item);
-                }).flat());
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return DocumentTreeNode;
-    }());
-    __decorate([
-        classTransformer.Type(function () { return DocumentTreeNode; }),
-        __metadata("design:type", Array)
-    ], DocumentTreeNode.prototype, "children", void 0);
-    __decorate([
-        classTransformer.Expose(),
-        __metadata("design:type", Object),
-        __metadata("design:paramtypes", [])
-    ], DocumentTreeNode.prototype, "childDocumentCount", null);
-    var DocumentTreeNodeType;
-    (function (DocumentTreeNodeType) {
-        DocumentTreeNodeType["FOLDER"] = "folder";
-        DocumentTreeNodeType["DOCUMENT"] = "document";
-    })(DocumentTreeNodeType || (DocumentTreeNodeType = {}));
-
-    function CaseFileViewFolderComponent_div_8_div_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵtext(1, " No results found ");
-            i0__namespace.ɵɵelementEnd();
-        }
-    }
-    function CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_4_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r6_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "cdk-nested-tree-node", 12);
-            i0__namespace.ɵɵelementStart(1, "button", 13);
-            i0__namespace.ɵɵelementStart(2, "div", 14);
-            i0__namespace.ɵɵelement(3, "img", 15);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(4, "span", 16);
-            i0__namespace.ɵɵtext(5);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(6, "div", 17);
-            i0__namespace.ɵɵelementStart(7, "ccd-case-file-view-folder-document-actions", 18);
-            i0__namespace.ɵɵlistener("changeFolderAction", function CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_4_Template_ccd_case_file_view_folder_document_actions_changeFolderAction_7_listener() { i0__namespace.ɵɵrestoreView(_r6_1); var node_r4 = ctx.$implicit; var ctx_r5 = i0__namespace.ɵɵnextContext(2); return ctx_r5.triggerDocumentAction("changeFolder", node_r4); })("openInANewTabAction", function CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_4_Template_ccd_case_file_view_folder_document_actions_openInANewTabAction_7_listener() { i0__namespace.ɵɵrestoreView(_r6_1); var node_r4 = ctx.$implicit; var ctx_r7 = i0__namespace.ɵɵnextContext(2); return ctx_r7.triggerDocumentAction("openInANewTab", node_r4); })("downloadAction", function CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_4_Template_ccd_case_file_view_folder_document_actions_downloadAction_7_listener() { i0__namespace.ɵɵrestoreView(_r6_1); var node_r4 = ctx.$implicit; var ctx_r8 = i0__namespace.ɵɵnextContext(2); return ctx_r8.triggerDocumentAction("download", node_r4); })("printAction", function CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_4_Template_ccd_case_file_view_folder_document_actions_printAction_7_listener() { i0__namespace.ɵɵrestoreView(_r6_1); var node_r4 = ctx.$implicit; var ctx_r9 = i0__namespace.ɵɵnextContext(2); return ctx_r9.triggerDocumentAction("print", node_r4); });
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var node_r4 = ctx.$implicit;
-            i0__namespace.ɵɵadvance(5);
-            i0__namespace.ɵɵtextInterpolate(node_r4.name);
-        }
-    }
-    function CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_5_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "cdk-nested-tree-node", 12);
-            i0__namespace.ɵɵelementStart(1, "button", 19);
-            i0__namespace.ɵɵelementStart(2, "div", 20);
-            i0__namespace.ɵɵelement(3, "img", 21);
-            i0__namespace.ɵɵelementStart(4, "span", 22);
-            i0__namespace.ɵɵtext(5);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(6, "span", 23);
-            i0__namespace.ɵɵtext(7);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(8, "div");
-            i0__namespace.ɵɵelementContainer(9, 24);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var node_r10 = ctx.$implicit;
-            var ctx_r3 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵattribute("aria-label", "toggle " + node_r10.name);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("src", ctx_r3.nestedTreeControl.isExpanded(node_r10) ? "/assets/images/folder-open.png" : "/assets/images/folder.png", i0__namespace.ɵɵsanitizeUrl);
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(node_r10.childDocumentCount);
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(node_r10.name);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵclassProp("document-tree-invisible", !ctx_r3.nestedTreeControl.isExpanded(node_r10));
-        }
-    }
-    function CaseFileViewFolderComponent_div_8_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 7);
-            i0__namespace.ɵɵtemplate(1, CaseFileViewFolderComponent_div_8_div_1_Template, 2, 0, "div", 8);
-            i0__namespace.ɵɵelementStart(2, "div");
-            i0__namespace.ɵɵelementStart(3, "cdk-tree", 9);
-            i0__namespace.ɵɵtemplate(4, CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_4_Template, 8, 1, "cdk-nested-tree-node", 10);
-            i0__namespace.ɵɵtemplate(5, CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_5_Template, 10, 6, "cdk-nested-tree-node", 11);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", !ctx_r0.nestedDataSource || ctx_r0.nestedDataSource.length === 0);
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("dataSource", ctx_r0.nestedDataSource)("treeControl", ctx_r0.nestedTreeControl);
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("cdkTreeNodeDefWhen", ctx_r0.nestedChildren);
-        }
-    }
-    var MEDIA_VIEWER_LOCALSTORAGE_KEY = 'media-viewer-info';
-    var CaseFileViewFolderComponent = /** @class */ (function () {
-        function CaseFileViewFolderComponent(windowService, router, documentManagementService) {
-            this.windowService = windowService;
-            this.router = router;
-            this.documentManagementService = documentManagementService;
-            this.categories = [];
-            this.getChildren = function (node) { return rxjs.of(node.children); };
-            this.nestedChildren = function (_, nodeData) { return nodeData.children; };
-            this.nestedTreeControl = new i6$2.NestedTreeControl(this.getChildren);
-        }
-        CaseFileViewFolderComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.documentFilterFormGroup = new i1$2.FormGroup({});
-            this.documentSearchFormControl = new i1$2.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(operators.tap(function (searchTerm) { return _this.searchTermLength = searchTerm.length; }), operators.switchMap(function (searchTerm) { return _this.filter(searchTerm.toLowerCase()).pipe(); })).subscribe(function (documentTreeData) {
-                _this.nestedDataSource = documentTreeData;
-                _this.nestedTreeControl.dataNodes = documentTreeData;
-                _this.searchTermLength >= CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS
-                    ? _this.nestedTreeControl.expandAll()
-                    : _this.nestedTreeControl.collapseAll();
-            });
-            // Subscribe to the input categories and documents, and generate tree data and initialise cdk tree
-            this.categoriesAndDocumentsSubscription = this.categoriesAndDocuments.subscribe(function (categoriesAndDocuments) {
-                var categories = categoriesAndDocuments.categories;
-                // Generate document tree data from categories
-                _this.documentTreeData = _this.generateTreeData(categories);
-                // Append uncategorised documents
-                if (categoriesAndDocuments.uncategorised_documents && categoriesAndDocuments.uncategorised_documents.length > 0) {
-                    var uncategorisedDocuments = _this.getUncategorisedDocuments(categoriesAndDocuments.uncategorised_documents);
-                    _this.documentTreeData.push(uncategorisedDocuments);
-                }
-                // Initialise cdk tree with generated data
-                _this.nestedDataSource = _this.documentTreeData;
-                // this.nestedTreeControl.dataNodes = this.documentTreeData;
-            });
-        };
-        CaseFileViewFolderComponent.prototype.generateTreeData = function (categories) {
-            var _this = this;
-            return categories.reduce(function (tree, node) {
-                var newDocumentTreeNode = new DocumentTreeNode();
-                newDocumentTreeNode.name = node.category_name;
-                newDocumentTreeNode.type = DocumentTreeNodeType.FOLDER;
-                newDocumentTreeNode.children = __spread(_this.generateTreeData(node.sub_categories), _this.getDocuments(node.documents));
-                return __spread(tree, [
-                    newDocumentTreeNode,
-                ]);
-            }, []);
-        };
-        CaseFileViewFolderComponent.prototype.getDocuments = function (documents) {
-            var documentsToReturn = [];
-            documents.forEach(function (document) {
-                var documentTreeNode = new DocumentTreeNode();
-                documentTreeNode.name = document.document_filename;
-                documentTreeNode.type = DocumentTreeNodeType.DOCUMENT;
-                documentTreeNode.document_filename = document.document_filename;
-                documentTreeNode.document_binary_url = document.document_binary_url;
-                documentsToReturn.push(documentTreeNode);
-            });
-            return documentsToReturn;
-        };
-        CaseFileViewFolderComponent.prototype.getUncategorisedDocuments = function (uncategorisedDocuments) {
-            var documents = [];
-            uncategorisedDocuments.forEach(function (document) {
-                var documentTreeNode = new DocumentTreeNode();
-                documentTreeNode.name = document.document_filename;
-                documentTreeNode.type = DocumentTreeNodeType.DOCUMENT;
-                documentTreeNode.document_filename = document.document_filename;
-                documentTreeNode.document_binary_url = document.document_binary_url;
-                documents.push(documentTreeNode);
-            });
-            var uncategorisedNode = new DocumentTreeNode();
-            uncategorisedNode.name = CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE;
-            uncategorisedNode.type = DocumentTreeNodeType.FOLDER;
-            uncategorisedNode.children = documents;
-            return uncategorisedNode;
-        };
-        CaseFileViewFolderComponent.prototype.sortDataSourceAscAlphabetically = function () {
-            var sortedData = this.nestedDataSource.map(function (item) {
-                item.sortChildrenAscending();
-                var newDocumentTreeNode = new DocumentTreeNode();
-                newDocumentTreeNode.name = item.name;
-                newDocumentTreeNode.type = item.type;
-                newDocumentTreeNode.children = item.children;
-                return newDocumentTreeNode;
-            });
-            this.updateNodeData(sortedData);
-        };
-        CaseFileViewFolderComponent.prototype.sortDataSourceDescAlphabetically = function () {
-            var sortedData = this.nestedDataSource.map(function (item) {
-                item.sortChildrenDescending();
-                return item;
-            });
-            this.updateNodeData(sortedData);
-        };
-        CaseFileViewFolderComponent.prototype.filter = function (searchTerm) {
-            // Make a copy of the data so we do not mutate the original
-            function copy(node) {
-                var documentTree = new DocumentTreeNode();
-                return Object.assign(documentTree, node);
-            }
-            var filteredData = this.documentTreeData;
-            if (searchTerm && searchTerm.length >= CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS && this.documentFilterFormGroup.controls[CaseFileViewFolderComponent.DOCUMENT_SEARCH_FORM_CONTROL_NAME].value.length > 2) {
-                filteredData = this.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 rxjs.of(filteredData);
-        };
-        CaseFileViewFolderComponent.prototype.triggerDocumentAction = function (actionType, documentTreeNode) {
-            var _a;
-            switch (actionType) {
-                case ('changeFolder'):
-                    console.log('changeFolder!');
-                    break;
-                case ('openInANewTab'):
-                    this.windowService.setLocalStorage(MEDIA_VIEWER_LOCALSTORAGE_KEY, this.documentManagementService.getMediaViewerInfo({
-                        document_binary_url: documentTreeNode.document_binary_url,
-                        document_filename: documentTreeNode.document_filename
-                    }));
-                    this.windowService.openOnNewTab((_a = this.router.createUrlTree(['/media-viewer'])) === null || _a === void 0 ? void 0 : _a.toString());
-                    break;
-                case ('download'):
-                    console.log('download!');
-                    break;
-                case ('print'):
-                    console.log('print!');
-                    break;
-                default:
-                    return;
-            }
-        };
-        CaseFileViewFolderComponent.prototype.ngOnDestroy = function () {
-            if (this.categoriesAndDocumentsSubscription) {
-                this.categoriesAndDocumentsSubscription.unsubscribe();
-            }
-            if (this.documentFilterSubscription) {
-                this.documentFilterSubscription.unsubscribe();
-            }
-        };
-        CaseFileViewFolderComponent.prototype.updateNodeData = function (data) {
-            var _this = this;
-            var prevSelected = this.nestedTreeControl.expansionModel.selected.map(function (item) {
-                return item.name;
-            });
-            this.nestedTreeControl.collapseAll();
-            this.nestedDataSource = data.map(function (item) {
-                var newDocumentTreeNode = new DocumentTreeNode();
-                newDocumentTreeNode.name = item.name;
-                newDocumentTreeNode.type = item.type;
-                newDocumentTreeNode.children = item.children;
-                return newDocumentTreeNode;
-            });
-            var flattenedArray = this.nestedDataSource.map(function (item) {
-                return item.flattenedAll;
-            }).flat();
-            var newObjects = flattenedArray.filter(function (item) {
-                return prevSelected.includes(item.name);
-            });
-            newObjects.forEach(function (object) { return _this.nestedTreeControl.expand(object); });
-        };
-        return CaseFileViewFolderComponent;
-    }());
-    CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE = 'Uncategorised documents';
-    CaseFileViewFolderComponent.DOCUMENT_SEARCH_FORM_CONTROL_NAME = 'documentSearchFormControl';
-    CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS = 3;
-    CaseFileViewFolderComponent.ɵfac = function CaseFileViewFolderComponent_Factory(t) { return new (t || CaseFileViewFolderComponent)(i0__namespace.ɵɵdirectiveInject(WindowService), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(DocumentManagementService)); };
-    CaseFileViewFolderComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderComponent, selectors: [["ccd-case-file-view-folder"]], inputs: { categoriesAndDocuments: "categoriesAndDocuments" }, decls: 9, 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, "document-folders-header"], [1, "document-folders-header__title"], [3, "sortAscending", "sortDescending"], ["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, "node__icon"], ["src", "/assets/images/document.png", "alt", "Document icon", 1, "node__iconImg"], [1, "node__name", "node-name-document"], [1, "node__document-options"], [3, "changeFolderAction", "openInANewTabAction", "downloadAction", "printAction"], ["cdkTreeNodeToggle", "", 1, "node"], ["mat-icon-button", "", 1, "node__icon"], ["alt", "Folder icon", 1, "node__iconImg", 3, "src"], [1, "node__count"], [1, "node__name", "node__name--folder"], ["cdkTreeNodeOutlet", ""]], template: function CaseFileViewFolderComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "div", 0);
-                i0__namespace.ɵɵelementStart(1, "div", 1);
-                i0__namespace.ɵɵelement(2, "input", 2);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(3, "div", 3);
-                i0__namespace.ɵɵelementStart(4, "div", 4);
-                i0__namespace.ɵɵtext(5, "Documents");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(6, "div");
-                i0__namespace.ɵɵelementStart(7, "ccd-case-file-view-folder-sort", 5);
-                i0__namespace.ɵɵlistener("sortAscending", function CaseFileViewFolderComponent_Template_ccd_case_file_view_folder_sort_sortAscending_7_listener() { return ctx.sortDataSourceAscAlphabetically(); })("sortDescending", function CaseFileViewFolderComponent_Template_ccd_case_file_view_folder_sort_sortDescending_7_listener() { return ctx.sortDataSourceDescAlphabetically(); });
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(8, CaseFileViewFolderComponent_div_8_Template, 6, 4, "div", 6);
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("formGroup", ctx.documentFilterFormGroup);
-                i0__namespace.ɵɵadvance(7);
-                i0__namespace.ɵɵproperty("ngIf", ctx.documentTreeData);
-            }
-        }, directives: [i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlName, CaseFileViewFolderSortComponent, i1__namespace.NgIf, i6__namespace$2.CdkTree, i6__namespace$2.CdkTreeNodeDef, i6__namespace$2.CdkNestedTreeNode, CaseFileViewFolderDocumentActionsComponent, i6__namespace$2.CdkTreeNodeToggle, i6__namespace$2.CdkTreeNodeOutlet], styles: [".document-tree[_ngcontent-%COMP%]{padding:4px 6px;overflow-x:hidden;overflow-y:scroll;height:400px}.document-tree__node[_ngcontent-%COMP%]{display:block}.document-tree__node[_ngcontent-%COMP%]   .document-tree__node[_ngcontent-%COMP%]{padding-left:40px}.document-tree[_ngcontent-%COMP%]   .document-tree-invisible[_ngcontent-%COMP%]{display:none}.document-tree[_ngcontent-%COMP%]::-webkit-scrollbar{width:7px}.document-tree[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{border:4px solid transparent;background-clip:padding-box;border-radius:9999px;background-color:#aaa}.document-tree[_ngcontent-%COMP%]::-webkit-scrollbar-button{display:none}.document-tree[_ngcontent-%COMP%]::-webkit-scrollbar-track-piece{background:#eee}.document-tree[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:#ccc}.document-folders-header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #c9c9c9;padding:10px}.document-folders-header__title[_ngcontent-%COMP%]{font-weight:700}.node[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;padding:6px 4px;background:none;border:0;cursor:pointer;white-space:nowrap}.node__icon[_ngcontent-%COMP%]{position:relative;display:inline-block}.node__iconImg[_ngcontent-%COMP%]{display:block;height:30px;width:30px}.node__count[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.875rem;padding-top:4px}.node__name[_ngcontent-%COMP%]{margin-left:6px;font-size:1rem;overflow:hidden;text-overflow:ellipsis}.node__document-options[_ngcontent-%COMP%]{margin-left:auto;margin-right:0}"] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFolderComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ccd-case-file-view-folder',
-                        templateUrl: './case-file-view-folder.component.html',
-                        styleUrls: ['./case-file-view-folder.component.scss'],
-                    }]
-            }], function () { return [{ type: WindowService }, { type: i1__namespace$1.Router }, { type: DocumentManagementService }]; }, { categoriesAndDocuments: [{
-                    type: i0.Input
-                }] });
-    })();
-
     var CollectionCreateCheckerService = /** @class */ (function () {
         function CollectionCreateCheckerService() {
         }
@@ -19965,7 +20054,7 @@
         CaseFileViewFolderComponent,
         CaseFileViewFolderSortComponent,
         CaseFileViewOverlayMenuComponent,
-        CaseFileViewFolderDocumentActionsComponent,
+        CaseFileViewFolderDocumentActionsComponent
     ];
     var PaletteModule = /** @class */ (function () {
         function PaletteModule() {
@@ -20005,10 +20094,10 @@
                 input.MatInputModule,
                 i5.MatDatepickerModule,
                 i5$1.MatAutocompleteModule,
-                i6$2.CdkTreeModule,
-                i1$6.OverlayModule,
+                i2.CdkTreeModule,
+                i1$5.OverlayModule,
                 i3.PaymentLibModule,
-                i2.ScrollToModule.forRoot()
+                i2$1.ScrollToModule.forRoot()
             ], i4.NgxMatDatetimePickerModule,
             i4.NgxMatNativeDateModule,
             i4.NgxMatTimepickerModule,
@@ -20115,9 +20204,9 @@
                 input.MatInputModule,
                 i5.MatDatepickerModule,
                 i5$1.MatAutocompleteModule,
-                i6$2.CdkTreeModule,
-                i1$6.OverlayModule,
-                i3.PaymentLibModule, i2__namespace.ScrollToModule], exports: [i4.NgxMatDatetimePickerModule,
+                i2.CdkTreeModule,
+                i1$5.OverlayModule,
+                i3.PaymentLibModule, i2__namespace$1.ScrollToModule], exports: [i4.NgxMatDatetimePickerModule,
                 i4.NgxMatNativeDateModule,
                 i4.NgxMatTimepickerModule,
                 TabsModule,
@@ -20224,10 +20313,10 @@
                             input.MatInputModule,
                             i5.MatDatepickerModule,
                             i5$1.MatAutocompleteModule,
-                            i6$2.CdkTreeModule,
-                            i1$6.OverlayModule,
+                            i2.CdkTreeModule,
+                            i1$5.OverlayModule,
                             i3.PaymentLibModule,
-                            i2.ScrollToModule.forRoot()
+                            i2$1.ScrollToModule.forRoot()
                         ],
                         declarations: __spread([
                             FixedListPipe,
@@ -20264,9 +20353,6 @@
         ReadCaseLinkFieldComponent], [ReadFieldsFilterPipe, CcdCollectionTableCaseFieldsFilterPipe, i1__namespace.KeyValuePipe, IsCompoundPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteComplexFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, FieldReadComponent, LabelSubstitutorDirective, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, FieldWriteComponent], [FieldLabelPipe, IsReadOnlyPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteCollectionFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, FieldWriteComponent, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective], [FieldLabelPipe, FirstErrorPipe]);
-    i0__namespace.ɵɵsetComponentScope(
-    // ComponentLauncher web components
-    CaseFileViewFieldComponent, [CaseFileViewFolderComponent], []);
 
     var _c0$e = function (a3) { return ["/", "cases", "case-details", a3, "tasks"]; };
     var CaseEventCompletionTaskCancelledComponent = /** @class */ (function () {
@@ -20541,10 +20627,10 @@
             });
             switch (portalType) {
                 case EventCompletionPortalTypes.TaskCancelled:
-                    this.selectedComponentPortal = new i6$3.ComponentPortal(CaseEventCompletionTaskCancelledComponent, null, injector);
+                    this.selectedComponentPortal = new i6$2.ComponentPortal(CaseEventCompletionTaskCancelledComponent, null, injector);
                     break;
                 case EventCompletionPortalTypes.TaskReassigned:
-                    this.selectedComponentPortal = new i6$3.ComponentPortal(CaseEventCompletionTaskReassignedComponent, null, injector);
+                    this.selectedComponentPortal = new i6$2.ComponentPortal(CaseEventCompletionTaskReassignedComponent, null, injector);
                     break;
             }
         };
@@ -20558,7 +20644,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("cdkPortalOutlet", ctx.selectedComponentPortal);
             }
-        }, directives: [i6__namespace$3.CdkPortalOutlet], encapsulation: 2 });
+        }, directives: [i6__namespace$2.CdkPortalOutlet], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseEventCompletionComponent, [{
                 type: i0.Component,
@@ -20615,7 +20701,7 @@
                 LabelSubstitutorModule,
                 ConditionalShowModule,
                 ErrorsModule,
-                i6$3.PortalModule
+                i6$2.PortalModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(CaseEditorModule, { declarations: [CaseEditConfirmComponent,
@@ -20636,7 +20722,7 @@
                 LabelSubstitutorModule,
                 ConditionalShowModule,
                 ErrorsModule,
-                i6$3.PortalModule], exports: [CaseEditConfirmComponent,
+                i6$2.PortalModule], exports: [CaseEditConfirmComponent,
                 CaseEditComponent,
                 CaseEditPageComponent,
                 CaseEditFormComponent,
@@ -20659,7 +20745,7 @@
                             LabelSubstitutorModule,
                             ConditionalShowModule,
                             ErrorsModule,
-                            i6$3.PortalModule
+                            i6$2.PortalModule
                         ],
                         declarations: [
                             CaseEditConfirmComponent,
@@ -23407,7 +23493,7 @@
         };
         return DeleteOrCancelDialogComponent;
     }());
-    DeleteOrCancelDialogComponent.ɵfac = function DeleteOrCancelDialogComponent_Factory(t) { return new (t || DeleteOrCancelDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$5.MatDialogRef)); };
+    DeleteOrCancelDialogComponent.ɵfac = function DeleteOrCancelDialogComponent_Factory(t) { return new (t || DeleteOrCancelDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$6.MatDialogRef)); };
     DeleteOrCancelDialogComponent.ɵcmp = i0__namespace.ɵɵ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__namespace.ɵɵelementStart(0, "div");
@@ -23448,7 +23534,7 @@
                         templateUrl: './delete-or-cancel-dialog.component.html',
                         styleUrls: ['../action-dialog.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$5.MatDialogRef }]; }, null);
+            }], function () { return [{ type: i1__namespace$6.MatDialogRef }]; }, null);
     })();
 
     function EventTriggerComponent_form_0_option_5_Template(rf, ctx) {
@@ -24077,7 +24163,7 @@
     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__namespace.ɵɵdirectiveInject(i0__namespace.NgZone), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(NavigationNotifierService), i0__namespace.ɵɵdirectiveInject(OrderService), i0__namespace.ɵɵdirectiveInject(ActivityPollingService), i0__namespace.ɵɵdirectiveInject(i1__namespace$5.MatDialog), i0__namespace.ɵɵdirectiveInject(AlertService), i0__namespace.ɵɵdirectiveInject(DraftService), i0__namespace.ɵɵdirectiveInject(ErrorNotifierService), i0__namespace.ɵɵdirectiveInject(ConvertHrefToRouterService), i0__namespace.ɵɵdirectiveInject(i1__namespace.Location), i0__namespace.ɵɵdirectiveInject(SessionStorageService)); };
+    CaseFullAccessViewComponent.ɵfac = function CaseFullAccessViewComponent_Factory(t) { return new (t || CaseFullAccessViewComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.NgZone), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(NavigationNotifierService), i0__namespace.ɵɵdirectiveInject(OrderService), i0__namespace.ɵɵdirectiveInject(ActivityPollingService), i0__namespace.ɵɵdirectiveInject(i1__namespace$6.MatDialog), i0__namespace.ɵɵdirectiveInject(AlertService), i0__namespace.ɵɵdirectiveInject(DraftService), i0__namespace.ɵɵdirectiveInject(ErrorNotifierService), i0__namespace.ɵɵdirectiveInject(ConvertHrefToRouterService), i0__namespace.ɵɵdirectiveInject(i1__namespace.Location), i0__namespace.ɵɵdirectiveInject(SessionStorageService)); };
     CaseFullAccessViewComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFullAccessViewComponent, selectors: [["ccd-case-full-access-view"]], viewQuery: function CaseFullAccessViewComponent_Query(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵviewQuery(_c0$a, 1);
@@ -24133,7 +24219,7 @@
                         templateUrl: './case-full-access-view.component.html',
                         styleUrls: ['./case-full-access-view.component.scss']
                     }]
-            }], function () { return [{ type: i0__namespace.NgZone }, { type: i1__namespace$1.ActivatedRoute }, { type: i1__namespace$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1__namespace$5.MatDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i1__namespace.Location }, { type: SessionStorageService }]; }, { hasPrint: [{
+            }], function () { return [{ type: i0__namespace.NgZone }, { type: i1__namespace$1.ActivatedRoute }, { type: i1__namespace$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1__namespace$6.MatDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i1__namespace.Location }, { type: SessionStorageService }]; }, { hasPrint: [{
                     type: i0.Input
                 }], hasEventSelector: [{
                     type: i0.Input
@@ -28874,7 +28960,6 @@
     exports.LoadingModule = LoadingModule;
     exports.LoadingService = LoadingService;
     exports.LoadingSpinnerComponent = LoadingSpinnerComponent;
-    exports.MEDIA_VIEWER_LOCALSTORAGE_KEY = MEDIA_VIEWER_LOCALSTORAGE_KEY;
     exports.MULTIPLE_TASKS_FOUND = MULTIPLE_TASKS_FOUND;
     exports.MarkdownComponent = MarkdownComponent;
     exports.MoneyGbpInputComponent = MoneyGbpInputComponent;