npm - @hmcts/ccd-case-ui-toolkit - Versions diffs - 5.0.33-angular11-upgrade → 5.0.34-case-file-view-merge-into-angular-11 - Mend

@hmcts/ccd-case-ui-toolkit 5.0.33-angular11-upgrade → 5.0.34-case-file-view-merge-into-angular-11

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

Files changed (96) hide show

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

@@ -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('@angular/material/dialog'), require('@angular-material-components/datetime-picker'), require('@angular/material/autocomplete'), require('@angular/material/core'), require('@angular/material/datepicker'), require('@angular/material/form-field'), require('@angular/material/input'), require('@hmcts/ccpay-web-component'), require('ngx-md'), require('@nicky-lenaers/ngx-scroll-to'), require('@angular-material-components/moment-adapter'), require('@angular/cdk/portal'), 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', '@angular/material/dialog', '@angular-material-components/datetime-picker', '@angular/material/autocomplete', '@angular/material/core', '@angular/material/datepicker', '@angular/material/form-field', '@angular/material/input', '@hmcts/ccpay-web-component', 'ngx-md', '@nicky-lenaers/ngx-scroll-to', '@angular-material-components/moment-adapter', '@angular/cdk/portal', '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.ng.material.dialog, global["@angular-material-components/datetime-picker"], global.ng.material.autocomplete, global.ng.material.core, global.ng.material.datepicker, global.ng.material.formField, global.ng.material.input, global["@hmcts/ccpay-web-component"], global["ngx-md"], global["@nicky-lenaers/ngx-scroll-to"], global["@angular-material-components/moment-adapter"], global.ng.cdk.portal, global["ngx-pagination"], global.ng.material.tabs));
-})(this, (function (exports, i0, i1, i1$1, i2, polling, rxjs, i1$2, operators, classTransformer, _, moment, util, fsm, i1$3, i4, i5, i6, i5$1, i6$1, i3$1, i3, i1$4, i2$1, momentAdapter, i6$2, i1$5, i9) { '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('@angular/material/dialog'), require('@angular-material-components/datetime-picker'), require('@angular/cdk/overlay'), require('@angular/cdk/tree'), require('@angular/material/autocomplete'), require('@angular/material/core'), require('@angular/material/datepicker'), require('@angular/material/form-field'), require('@angular/material/input'), require('@hmcts/ccpay-web-component'), require('@hmcts/media-viewer'), require('@nicky-lenaers/ngx-scroll-to'), require('ngx-md'), require('@angular-material-components/moment-adapter'), require('@angular/cdk/portal'), 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', '@angular/material/dialog', '@angular-material-components/datetime-picker', '@angular/cdk/overlay', '@angular/cdk/tree', '@angular/material/autocomplete', '@angular/material/core', '@angular/material/datepicker', '@angular/material/form-field', '@angular/material/input', '@hmcts/ccpay-web-component', '@hmcts/media-viewer', '@nicky-lenaers/ngx-scroll-to', 'ngx-md', '@angular-material-components/moment-adapter', '@angular/cdk/portal', '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.ng.material.dialog, global["@angular-material-components/datetime-picker"], global.ng.cdk.overlay, global.ng.cdk.tree, global.ng.material.autocomplete, global.ng.material.core, global.ng.material.datepicker, global.ng.material.formField, global.ng.material.input, global["@hmcts/ccpay-web-component"], global.i12, global["@nicky-lenaers/ngx-scroll-to"], global["ngx-md"], global["@angular-material-components/moment-adapter"], global.ng.cdk.portal, global["ngx-pagination"], global.ng.material.tabs));
+})(this, (function (exports, i0, i1, i1$1, i2, polling, rxjs, i1$2, operators, classTransformer, _, moment, util, fsm, i1$3, i4, i1$4, i7, i5, i6, i5$1, i6$1, i3$1, i3, i12, i2$1, i1$5, momentAdapter, i6$2, i1$6, i9) { 'use strict';
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -34,16 +34,19 @@
     var moment__namespace = /*#__PURE__*/_interopNamespace(moment);
     var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
+    var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
+    var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
     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$1 = /*#__PURE__*/_interopNamespace(i3$1);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
+    var i12__namespace = /*#__PURE__*/_interopNamespace(i12);
     var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
-    var i6__namespace$2 = /*#__PURE__*/_interopNamespace(i6$2);
     var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
+    var i6__namespace$2 = /*#__PURE__*/_interopNamespace(i6$2);
+    var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$6);
     var i9__namespace = /*#__PURE__*/_interopNamespace(i9);
     function FooterComponent_div_2_Template(rf, ctx) {
@@ -115,17 +118,17 @@
             i0__namespace.ɵɵtextInterpolate(ctx_r1.workhours);
         }
     }
-    var _c0$Y = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
-    var _c1$p = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
+    var _c0$_ = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
+    var _c1$r = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
     var FooterComponent = /** @class */ (function () {
         function FooterComponent() {
         }
         return FooterComponent;
     }());
     FooterComponent.ɵfac = function FooterComponent_Factory(t) { return new (t || FooterComponent)(); };
-    FooterComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FooterComponent, selectors: [["cut-footer-bar"]], inputs: { email: "email", isSolicitor: "isSolicitor", phone: "phone", workhours: "workhours" }, ngContentSelectors: _c1$p, decls: 4, vars: 4, consts: [["id", "footer", "role", "footer", 1, "group", "js-footer"], [1, "footer-wrapper"], ["class", "footer-meta", 4, "ngIf"], [1, "footer-meta"], [1, "footer-meta-inner"], [1, "open-government-licence"], [1, "logo"], ["href", "https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/", "rel", "license"], [1, "copyright"], ["href", "https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/"], [1, "title"], [1, "footer-text"], [1, "email"], [3, "href"], [1, "phone"], [1, "work-hours"]], template: function FooterComponent_Template(rf, ctx) {
+    FooterComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FooterComponent, selectors: [["cut-footer-bar"]], inputs: { email: "email", isSolicitor: "isSolicitor", phone: "phone", workhours: "workhours" }, ngContentSelectors: _c1$r, decls: 4, vars: 4, consts: [["id", "footer", "role", "footer", 1, "group", "js-footer"], [1, "footer-wrapper"], ["class", "footer-meta", 4, "ngIf"], [1, "footer-meta"], [1, "footer-meta-inner"], [1, "open-government-licence"], [1, "logo"], ["href", "https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/", "rel", "license"], [1, "copyright"], ["href", "https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/"], [1, "title"], [1, "footer-text"], [1, "email"], [3, "href"], [1, "phone"], [1, "work-hours"]], template: function FooterComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$Y);
+                i0__namespace.ɵɵprojectionDef(_c0$_);
                 i0__namespace.ɵɵelementStart(0, "footer", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
                 i0__namespace.ɵɵtemplate(2, FooterComponent_div_2_Template, 15, 0, "div", 2);
@@ -204,8 +207,8 @@
             i0__namespace.ɵɵtextInterpolate(ctx_r2.title);
         }
     }
-    var _c0$X = [[["", "headerNavigation", ""]]];
-    var _c1$o = ["[headerNavigation]"];
+    var _c0$Z = [[["", "headerNavigation", ""]]];
+    var _c1$q = ["[headerNavigation]"];
     var HeaderBarComponent = /** @class */ (function () {
         function HeaderBarComponent() {
             this.signOutRequest = new i0.EventEmitter();
@@ -216,9 +219,9 @@
         return HeaderBarComponent;
     }());
     HeaderBarComponent.ɵfac = function HeaderBarComponent_Factory(t) { return new (t || HeaderBarComponent)(); };
-    HeaderBarComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, ngContentSelectors: _c1$o, decls: 15, vars: 8, consts: [["role", "banner", "id", "global-header", 1, "with-proposition"], [1, "header-wrapper"], [1, "header-global"], [4, "ngIf"], ["class", "global-header", 4, "ngIf"], [1, "header-proposition"], [1, "content"], ["href", "#proposition-links", 1, "js-header-toggle", "menu"], ["id", "proposition-menu", 4, "ngIf"], [1, "proposition-right"], ["id", "user-name"], ["id", "sign-out", "href", "javascript:void(0)", 3, "click"], ["href", "https://www.gov.uk", "title", "Go to the GOV.UK homepage", "id", "logo", 1, "content", 2, "margin-left", "0px"], ["src", "/img/gov.uk_logotype_crown_invert_trans.png?0.23.0", "width", "36", "height", "32", "alt", ""], [1, "global-header"], [1, "title"], ["id", "proposition-menu"], [1, "title-solicitor"], ["id", "proposition-name"]], template: function HeaderBarComponent_Template(rf, ctx) {
+    HeaderBarComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, ngContentSelectors: _c1$q, decls: 15, vars: 8, consts: [["role", "banner", "id", "global-header", 1, "with-proposition"], [1, "header-wrapper"], [1, "header-global"], [4, "ngIf"], ["class", "global-header", 4, "ngIf"], [1, "header-proposition"], [1, "content"], ["href", "#proposition-links", 1, "js-header-toggle", "menu"], ["id", "proposition-menu", 4, "ngIf"], [1, "proposition-right"], ["id", "user-name"], ["id", "sign-out", "href", "javascript:void(0)", 3, "click"], ["href", "https://www.gov.uk", "title", "Go to the GOV.UK homepage", "id", "logo", 1, "content", 2, "margin-left", "0px"], ["src", "/img/gov.uk_logotype_crown_invert_trans.png?0.23.0", "width", "36", "height", "32", "alt", ""], [1, "global-header"], [1, "title"], ["id", "proposition-menu"], [1, "title-solicitor"], ["id", "proposition-name"]], template: function HeaderBarComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$X);
+                i0__namespace.ɵɵprojectionDef(_c0$Z);
                 i0__namespace.ɵɵelementStart(0, "header", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
                 i0__namespace.ɵɵelementStart(2, "div", 2);
@@ -279,17 +282,17 @@
                 }] });
     })();
-    var _c0$W = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
-    var _c1$n = ["[leftNavLinks]", "[rightNavLinks]"];
+    var _c0$Y = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
+    var _c1$p = ["[leftNavLinks]", "[rightNavLinks]"];
     var NavigationComponent = /** @class */ (function () {
         function NavigationComponent() {
         }
         return NavigationComponent;
     }());
     NavigationComponent.ɵfac = function NavigationComponent_Factory(t) { return new (t || NavigationComponent)(); };
-    NavigationComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["cut-nav-bar"]], inputs: { isSolicitor: "isSolicitor" }, ngContentSelectors: _c1$n, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) {
+    NavigationComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["cut-nav-bar"]], inputs: { isSolicitor: "isSolicitor" }, ngContentSelectors: _c1$p, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$W);
+                i0__namespace.ɵɵprojectionDef(_c0$Y);
                 i0__namespace.ɵɵelementStart(0, "div");
                 i0__namespace.ɵɵelementStart(1, "nav", 0);
                 i0__namespace.ɵɵprojection(2);
@@ -434,17 +437,17 @@
             }], null, null);
     })();
-    var _c0$V = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
-    var _c1$m = ["[topBody]", "[leftBody]", "[rightBody]"];
+    var _c0$X = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
+    var _c1$o = ["[topBody]", "[leftBody]", "[rightBody]"];
     var BodyComponent = /** @class */ (function () {
         function BodyComponent() {
         }
         return BodyComponent;
     }());
     BodyComponent.ɵfac = function BodyComponent_Factory(t) { return new (t || BodyComponent)(); };
-    BodyComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$m, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) {
+    BodyComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$o, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$V);
+                i0__namespace.ɵɵprojectionDef(_c0$X);
                 i0__namespace.ɵɵelementStart(0, "div", 0);
                 i0__namespace.ɵɵprojection(1);
                 i0__namespace.ɵɵprojection(2, 1);
@@ -562,7 +565,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;
@@ -791,7 +794,7 @@
         return typeof state === "function" ? receiver === state : state.has(receiver);
     }
-    var _c0$U = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c0$W = function (a0) { return { "govuk-input--error": a0 }; };
     function DateInputComponent_div_16_Template(rf, ctx) {
         if (rf & 1) {
             var _r8_1 = i0__namespace.ɵɵgetCurrentView();
@@ -809,7 +812,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("for", ctx_r3.hourId());
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("id", ctx_r3.hourId())("name", ctx_r3.hourId())("value", ctx_r3.displayHour)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$U, ctx_r3.isInvalid));
+            i0__namespace.ɵɵproperty("id", ctx_r3.hourId())("name", ctx_r3.hourId())("value", ctx_r3.displayHour)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$W, ctx_r3.isInvalid));
         }
     }
     function DateInputComponent_div_17_Template(rf, ctx) {
@@ -829,7 +832,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("for", ctx_r4.minuteId());
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("id", ctx_r4.minuteId())("name", ctx_r4.minuteId())("value", ctx_r4.displayMinute)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$U, ctx_r4.isInvalid));
+            i0__namespace.ɵɵproperty("id", ctx_r4.minuteId())("name", ctx_r4.minuteId())("value", ctx_r4.displayMinute)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$W, ctx_r4.isInvalid));
         }
     }
     function DateInputComponent_div_18_Template(rf, ctx) {
@@ -849,7 +852,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("for", ctx_r5.secondId());
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("id", ctx_r5.secondId())("name", ctx_r5.secondId())("value", ctx_r5.displaySecond)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$U, ctx_r5.isInvalid));
+            i0__namespace.ɵɵproperty("id", ctx_r5.secondId())("name", ctx_r5.secondId())("value", ctx_r5.displaySecond)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$W, ctx_r5.isInvalid));
         }
     }
     var DateInputComponent = /** @class */ (function () {
@@ -1083,15 +1086,15 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("for", ctx.dayId());
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.dayId())("name", ctx.dayId())("value", ctx.displayDay)("ngClass", i0__namespace.ɵɵpureFunction1(18, _c0$U, ctx.isInvalid));
+                i0__namespace.ɵɵproperty("id", ctx.dayId())("name", ctx.dayId())("value", ctx.displayDay)("ngClass", i0__namespace.ɵɵpureFunction1(18, _c0$W, ctx.isInvalid));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.monthId());
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.monthId())("name", ctx.monthId())("value", ctx.displayMonth)("ngClass", i0__namespace.ɵɵpureFunction1(20, _c0$U, ctx.isInvalid));
+                i0__namespace.ɵɵproperty("id", ctx.monthId())("name", ctx.monthId())("value", ctx.displayMonth)("ngClass", i0__namespace.ɵɵpureFunction1(20, _c0$W, ctx.isInvalid));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.yearId());
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.yearId())("name", ctx.yearId())("value", ctx.displayYear)("ngClass", i0__namespace.ɵɵpureFunction1(22, _c0$U, ctx.isInvalid));
+                i0__namespace.ɵɵproperty("id", ctx.yearId())("name", ctx.yearId())("value", ctx.displayYear)("ngClass", i0__namespace.ɵɵpureFunction1(22, _c0$W, ctx.isInvalid));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngIf", ctx.isDateTime);
                 i0__namespace.ɵɵadvance(1);
@@ -1172,7 +1175,7 @@
             i0__namespace.ɵɵelementContainerEnd();
         }
     }
-    var _c0$T = ["*"];
+    var _c0$V = ["*"];
     exports.AlertMessageType = void 0;
     (function (AlertMessageType) {
         AlertMessageType["WARNING"] = "warning";
@@ -1193,7 +1196,7 @@
     AlertComponent.TYPE_ERROR = 'error';
     AlertComponent.TYPE_INFORMATION = 'information';
     AlertComponent.ɵfac = function AlertComponent_Factory(t) { return new (t || AlertComponent)(); };
-    AlertComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: AlertComponent, selectors: [["cut-alert"]], inputs: { type: "type", showIcon: "showIcon" }, ngContentSelectors: _c0$T, decls: 10, vars: 10, consts: [[1, "hmcts-banner"], [3, "ngSwitch"], [4, "ngSwitchCase"], [1, "hmcts-banner__message"], [1, "hmcts-banner__assistive"], ["fill", "currentColor", "role", "presentation", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 25", "height", "25", "width", "25", 1, "hmcts-banner__icon"], ["d", "M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z"], ["d", "M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z"], ["d", "M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n      C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z"]], template: function AlertComponent_Template(rf, ctx) {
+    AlertComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: AlertComponent, selectors: [["cut-alert"]], inputs: { type: "type", showIcon: "showIcon" }, ngContentSelectors: _c0$V, decls: 10, vars: 10, consts: [[1, "hmcts-banner"], [3, "ngSwitch"], [4, "ngSwitchCase"], [1, "hmcts-banner__message"], [1, "hmcts-banner__assistive"], ["fill", "currentColor", "role", "presentation", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 25", "height", "25", "width", "25", 1, "hmcts-banner__icon"], ["d", "M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z"], ["d", "M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z"], ["d", "M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n      C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z"]], template: function AlertComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -1468,15 +1471,15 @@
                 }] });
     })();
-    var _c0$S = function (a0) { return { "js-hidden": a0 }; };
-    var _c1$l = ["*"];
+    var _c0$U = function (a0) { return { "js-hidden": a0 }; };
+    var _c1$n = ["*"];
     var TabComponent = /** @class */ (function () {
         function TabComponent() {
         }
         return TabComponent;
     }());
     TabComponent.ɵfac = function TabComponent_Factory(t) { return new (t || TabComponent)(); };
-    TabComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: TabComponent, selectors: [["cut-tab"]], inputs: { id: "id", title: "title", selected: "selected" }, ngContentSelectors: _c1$l, decls: 2, vars: 5, consts: [["role", "tabpanel", 1, "tabs-panel", 3, "id", "ngClass"]], template: function TabComponent_Template(rf, ctx) {
+    TabComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: TabComponent, selectors: [["cut-tab"]], inputs: { id: "id", title: "title", selected: "selected" }, ngContentSelectors: _c1$n, decls: 2, vars: 5, consts: [["role", "tabpanel", 1, "tabs-panel", 3, "id", "ngClass"]], template: function TabComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -1484,7 +1487,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("id", ctx.id)("ngClass", i0__namespace.ɵɵpureFunction1(3, _c0$S, !ctx.selected));
+                i0__namespace.ɵɵproperty("id", ctx.id)("ngClass", i0__namespace.ɵɵpureFunction1(3, _c0$U, !ctx.selected));
                 i0__namespace.ɵɵattribute("aria-hidden", !ctx.selected);
             }
         }, directives: [i1__namespace.NgClass], styles: [".tabs-toggle[_ngcontent-%COMP%]{display:block;padding:10px 15px 3px;margin-bottom:8px}.tabs-toggle[aria-selected=true][_ngcontent-%COMP%]{color:#0b0c0c;text-decoration:none;border-bottom:none}.tabs-toggle[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:#005ea5}@media (max-width:640px){.tabs-list[_ngcontent-%COMP%]{border-bottom:1px solid #bfc1c3;margin-left:-15px;margin-right:-15px}.tabs-toggle[_ngcontent-%COMP%]{border-top:1px solid #bfc1c3}.tabs-toggle[_ngcontent-%COMP%]:focus{color:#0b0c0c;outline:none}}@media (min-width:641px){.tabs-panel[_ngcontent-%COMP%]{border-top:1px solid #bfc1c3;clear:both;overflow:hidden}.tabs-list[_ngcontent-%COMP%]{float:left}.tabs-list-item[_ngcontent-%COMP%]{float:left;position:relative;bottom:-1px;padding-top:10px}.tabs-toggle[_ngcontent-%COMP%]{background-color:#dee0e2;border:1px solid transparent;float:left;margin:0 6px 0 0;text-decoration:none}.tabs-toggle[_ngcontent-%COMP%]:visited{color:#005ea5}.tabs-toggle-selected[_ngcontent-%COMP%], .tabs-toggle[aria-selected=true][_ngcontent-%COMP%]{background-color:#fff;border-bottom:0;border-color:#bfc1c3;padding-bottom:11px;margin-bottom:0;color:#0b0c0c}}"] });
@@ -1507,8 +1510,8 @@
                 }] });
     })();
-    var _c0$R = ["tab"];
-    var _c1$k = function () { return ["."]; };
+    var _c0$T = ["tab"];
+    var _c1$m = function () { return ["."]; };
     var _c2$3 = function (a0) { return { "tabs-toggle-selected": a0 }; };
     function TabsComponent_li_2_Template(rf, ctx) {
         if (rf & 1) {
@@ -1523,7 +1526,7 @@
         if (rf & 2) {
             var panel_r1 = ctx.$implicit;
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("routerLink", i0__namespace.ɵɵpureFunction0(6, _c1$k))("fragment", panel_r1.id)("ngClass", i0__namespace.ɵɵpureFunction1(7, _c2$3, panel_r1.selected));
+            i0__namespace.ɵɵproperty("routerLink", i0__namespace.ɵɵpureFunction0(6, _c1$m))("fragment", panel_r1.id)("ngClass", i0__namespace.ɵɵpureFunction1(7, _c2$3, panel_r1.selected));
             i0__namespace.ɵɵattribute("aria-controls", panel_r1.id)("aria-selected", panel_r1.selected);
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵtextInterpolate(panel_r1.title);
@@ -1561,7 +1564,7 @@
             }
         }, viewQuery: function TabsComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$R, 1);
+                i0__namespace.ɵɵviewQuery(_c0$T, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -1640,7 +1643,7 @@
             }], null, null);
     })();
-    var _c0$Q = function (a0, a1) { return { caseLocked: a0, someoneViewing: a1 }; };
+    var _c0$S = function (a0, a1) { return { caseLocked: a0, someoneViewing: a1 }; };
     var ActivityBannerComponent = /** @class */ (function () {
         function ActivityBannerComponent() {
         }
@@ -1661,7 +1664,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(4, _c0$Q, ctx.bannerType === "editor", ctx.bannerType === "viewer"));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(4, _c0$S, ctx.bannerType === "editor", ctx.bannerType === "viewer"));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵpropertyInterpolate("alt", ctx.description);
                 i0__namespace.ɵɵpropertyInterpolate("src", ctx.imageLink, i0__namespace.ɵɵsanitizeUrl);
@@ -3044,7 +3047,7 @@
         return IsCompoundPipe;
     }());
     IsCompoundPipe.COMPOUND_TYPES = [
-        'Complex', 'Label', 'AddressGlobal', 'AddressUK', 'AddressGlobalUK', 'CasePaymentHistoryViewer', 'CaseHistoryViewer', 'Organisation', 'WaysToPay'
+        'Complex', 'Label', 'AddressGlobal', 'AddressUK', 'AddressGlobalUK', 'CasePaymentHistoryViewer', 'CaseHistoryViewer', 'Organisation', 'WaysToPay', 'ComponentLauncher'
     ];
     IsCompoundPipe.EXCLUDE = [
         'CaseLink', 'JudicialUser'
@@ -6813,6 +6816,48 @@
             }], function () { return [{ type: i1__namespace$1.Router }]; }, null);
     })();
+    var CaseFileViewService = /** @class */ (function () {
+        function CaseFileViewService(http, appConfig) {
+            this.http = http;
+            this.appConfig = appConfig;
+        }
+        /**
+         * Retrieves the categories and documents for a case.
+         *
+         * @param caseRef 16-digit Case Reference number of the case
+         * @returns An `Observable` of the `CategoriesAndDocuments` for the case
+         */
+        CaseFileViewService.prototype.getCategoriesAndDocuments = function (caseRef) {
+            var url = this.appConfig.getCategoriesAndDocumentsUrl();
+            if (url) {
+                url += "/" + caseRef;
+                return this.http.get(url, { observe: 'body' });
+            }
+            return rxjs.of(null);
+        };
+        CaseFileViewService.prototype.updateDocumentCategory = function (caseRef, caseVersion, attributePath, categoryId) {
+            var url = this.appConfig.getDocumentDataUrl();
+            if (url) {
+                url += "/" + caseRef;
+                var body = {
+                    case_version: caseVersion,
+                    attribute_path: attributePath,
+                    category_id: categoryId
+                };
+                return this.http.put(url, body, { observe: 'body' });
+            }
+            return rxjs.of(null);
+        };
+        return CaseFileViewService;
+    }());
+    CaseFileViewService.ɵfac = function CaseFileViewService_Factory(t) { return new (t || CaseFileViewService)(i0__namespace.ɵɵinject(HttpService), i0__namespace.ɵɵinject(AbstractAppConfig)); };
+    CaseFileViewService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: CaseFileViewService, factory: CaseFileViewService.ɵfac });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewService, [{
+                type: i0.Injectable
+            }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }]; }, null);
+    })();
     var CaseFlagRefdataService = /** @class */ (function () {
         function CaseFlagRefdataService(http, appConfig) {
             this.http = http;
@@ -11054,7 +11099,7 @@
         '',
         {}
     ];
-    ReadFieldsFilterPipe.ALWAYS_NULL_FIELDS = ['CasePaymentHistoryViewer', 'WaysToPay', 'FlagLauncher'];
+    ReadFieldsFilterPipe.ALWAYS_NULL_FIELDS = ['CasePaymentHistoryViewer', 'WaysToPay', 'FlagLauncher', 'ComponentLauncher'];
     ReadFieldsFilterPipe.NESTED_TYPES = {
         Complex: ReadFieldsFilterPipe.isValidComplex,
         Collection: ReadFieldsFilterPipe.isValidCollection
@@ -11513,6 +11558,307 @@
             }], null, null);
     })();
+    var CommonDataService = /** @class */ (function () {
+        function CommonDataService(http) {
+            this.http = http;
+        }
+        CommonDataService.prototype.getRefData = function (url) {
+            if (url) {
+                return this.http.get(url, { observe: 'body' });
+            }
+            return rxjs.of(null);
+        };
+        return CommonDataService;
+    }());
+    CommonDataService.ɵfac = function CommonDataService_Factory(t) { return new (t || CommonDataService)(i0__namespace.ɵɵinject(i1__namespace$2.HttpClient)); };
+    CommonDataService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: CommonDataService, factory: CommonDataService.ɵfac });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CommonDataService, [{
+                type: i0.Injectable
+            }], function () { return [{ type: i1__namespace$2.HttpClient }]; }, null);
+    })();
+    var AddressOption = /** @class */ (function () {
+        function AddressOption(addressModel, description) {
+            if (description == null) {
+                this.value = addressModel;
+                this.description = this.getDescription();
+            }
+            else {
+                this.description = description;
+            }
+        }
+        AddressOption.prototype.getDescription = function () {
+            return this.removeInitialCommaIfPresent((this.value.AddressLine1 === undefined ? '' : this.value.AddressLine1)
+                + this.prefixWithCommaIfPresent(this.value.AddressLine2)
+                + this.prefixWithCommaIfPresent(this.value.AddressLine3)
+                + ', ' + this.value.PostTown);
+        };
+        AddressOption.prototype.prefixWithCommaIfPresent = function (value) {
+            return value ? ', ' + value : value;
+        };
+        AddressOption.prototype.removeInitialCommaIfPresent = function (value) {
+            return value.replace(new RegExp('^,', 'gi'), '');
+        };
+        return AddressOption;
+    }());
+    var _c0$R = ["writeComplexFieldComponent"];
+    function WriteAddressFieldComponent_div_1_div_4_span_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "span", 14);
+            i0__namespace.ɵɵtext(1, "Enter the Postcode");
+            i0__namespace.ɵɵelementEnd();
+        }
+    }
+    var _c1$l = function (a0) { return { "form-group-error": a0 }; };
+    var _c2$2 = function (a0) { return { "govuk-input--error": a0 }; };
+    function WriteAddressFieldComponent_div_1_div_4_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r7_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div", 8);
+            i0__namespace.ɵɵelementStart(1, "label", 9);
+            i0__namespace.ɵɵelementStart(2, "span", 10);
+            i0__namespace.ɵɵtext(3, "Enter a UK postcode");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(4, WriteAddressFieldComponent_div_1_div_4_span_4_Template, 2, 0, "span", 11);
+            i0__namespace.ɵɵelement(5, "input", 12);
+            i0__namespace.ɵɵelementStart(6, "button", 13);
+            i0__namespace.ɵɵlistener("click", function WriteAddressFieldComponent_div_1_div_4_Template_button_click_6_listener() { i0__namespace.ɵɵrestoreView(_r7_1); var ctx_r6 = i0__namespace.ɵɵnextContext(2); return ctx_r6.findAddress(); });
+            i0__namespace.ɵɵtext(7, "Find address");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵproperty("id", ctx_r2.createElementId("postcodeLookup"))("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$l, ctx_r2.missingPostcode));
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("for", ctx_r2.createElementId("postcodeInput"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r2.missingPostcode);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c2$2, ctx_r2.missingPostcode))("id", ctx_r2.createElementId("postcodeInput"))("formControl", ctx_r2.postcode);
+        }
+    }
+    function WriteAddressFieldComponent_div_1_div_5_option_5_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "option", 18);
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var addressOption_r9 = ctx.$implicit;
+            i0__namespace.ɵɵproperty("ngValue", addressOption_r9.value);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate1(" ", addressOption_r9.description, " ");
+        }
+    }
+    function WriteAddressFieldComponent_div_1_div_5_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r11_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div", 15);
+            i0__namespace.ɵɵelementStart(1, "label", 9);
+            i0__namespace.ɵɵelementStart(2, "span", 10);
+            i0__namespace.ɵɵtext(3, "Select an address");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(4, "select", 16);
+            i0__namespace.ɵɵlistener("change", function WriteAddressFieldComponent_div_1_div_5_Template_select_change_4_listener() { i0__namespace.ɵɵrestoreView(_r11_1); var ctx_r10 = i0__namespace.ɵɵnextContext(2); return ctx_r10.addressSelected(); });
+            i0__namespace.ɵɵtemplate(5, WriteAddressFieldComponent_div_1_div_5_option_5_Template, 2, 2, "option", 17);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r3 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("for", ctx_r3.createElementId("addressList"));
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("id", ctx_r3.createElementId("addressList"))("formControl", ctx_r3.addressList);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r3.addressOptions);
+        }
+    }
+    function WriteAddressFieldComponent_div_1_a_6_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r13_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "a", 19);
+            i0__namespace.ɵɵlistener("click", function WriteAddressFieldComponent_div_1_a_6_Template_a_click_0_listener() { i0__namespace.ɵɵrestoreView(_r13_1); var ctx_r12 = i0__namespace.ɵɵnextContext(2); return ctx_r12.blankAddress(); });
+            i0__namespace.ɵɵtext(1, "I can't enter a UK postcode");
+            i0__namespace.ɵɵelementEnd();
+        }
+    }
+    function WriteAddressFieldComponent_div_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div");
+            i0__namespace.ɵɵelementStart(1, "h2", 4);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵpipe(3, "ccdFieldLabel");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(4, WriteAddressFieldComponent_div_1_div_4_Template, 8, 11, "div", 5);
+            i0__namespace.ɵɵtemplate(5, WriteAddressFieldComponent_div_1_div_5_Template, 6, 4, "div", 6);
+            i0__namespace.ɵɵtemplate(6, WriteAddressFieldComponent_div_1_a_6_Template, 2, 0, "a", 7);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 4, ctx_r0.caseField));
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("ngIf", !ctx_r0.isExpanded);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r0.addressOptions);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", !ctx_r0.shouldShowDetailFields());
+        }
+    }
+    var WriteAddressFieldComponent = /** @class */ (function (_super) {
+        __extends(WriteAddressFieldComponent, _super);
+        function WriteAddressFieldComponent(addressesService, isCompoundPipe) {
+            var _this = _super.call(this) || this;
+            _this.isCompoundPipe = isCompoundPipe;
+            _this.addressFormGroup = new i2.FormGroup({});
+            _this.missingPostcode = false;
+            _this.addressesService = addressesService;
+            return _this;
+        }
+        WriteAddressFieldComponent.prototype.ngOnInit = function () {
+            if (!this.isComplexWithHiddenFields()) {
+                this.postcode = new i2.FormControl('');
+                this.addressFormGroup.addControl('postcode', this.postcode);
+                this.addressList = new i2.FormControl('');
+                this.addressFormGroup.addControl('address', this.addressList);
+            }
+        };
+        WriteAddressFieldComponent.prototype.findAddress = function () {
+            var _this = this;
+            if (!this.postcode.value) {
+                this.missingPostcode = true;
+            }
+            else {
+                this.missingPostcode = false;
+                var postcode_1 = this.postcode.value;
+                this.caseField.value = null;
+                this.addressOptions = new Array();
+                this.addressesService.getAddressesForPostcode(postcode_1.replace(' ', '').toUpperCase()).subscribe(function (result) {
+                    result.forEach(function (address) {
+                        _this.addressOptions.push(new AddressOption(address, null));
+                    });
+                    _this.addressOptions.unshift(new AddressOption(undefined, _this.defaultLabel(_this.addressOptions.length)));
+                }, function (error) {
+                    console.log("An error occurred retrieving addresses for postcode " + postcode_1 + ". " + error);
+                    _this.addressOptions.unshift(new AddressOption(undefined, _this.defaultLabel(_this.addressOptions.length)));
+                });
+                this.addressList.setValue(undefined);
+                this.refocusElement();
+            }
+        };
+        WriteAddressFieldComponent.prototype.refocusElement = function () {
+            if (this.focusElementDirectives && this.focusElementDirectives.length > 0) {
+                this.focusElementDirectives.first.focus();
+            }
+        };
+        WriteAddressFieldComponent.prototype.blankAddress = function () {
+            this.caseField.value = new AddressModel();
+            this.setFormValue();
+        };
+        WriteAddressFieldComponent.prototype.isComplexWithHiddenFields = function () {
+            if (this.caseField.isComplex() && this.caseField.field_type.complex_fields
+                && this.caseField.field_type.complex_fields.some(function (cf) { return cf.hidden === true; })) {
+                return true;
+            }
+        };
+        WriteAddressFieldComponent.prototype.shouldShowDetailFields = function () {
+            if (this.isComplexWithHiddenFields()) {
+                return true;
+            }
+            if (this.isExpanded) {
+                return true;
+            }
+            if (!this.writeComplexFieldComponent || !this.writeComplexFieldComponent.complexGroup) {
+                return false;
+            }
+            var address = this.writeComplexFieldComponent.complexGroup.value;
+            var hasAddress = false;
+            if (address) {
+                Object.keys(address).forEach(function (key) {
+                    if (address[key] != null) {
+                        hasAddress = true;
+                    }
+                });
+            }
+            return hasAddress;
+        };
+        WriteAddressFieldComponent.prototype.addressSelected = function () {
+            this.caseField.value = this.addressList.value;
+            this.setFormValue();
+        };
+        WriteAddressFieldComponent.prototype.ngOnChanges = function (changes) {
+            _super.prototype.ngOnChanges.call(this, changes);
+            var change = changes['caseField'];
+            if (change) {
+                this.setFormValue();
+            }
+        };
+        WriteAddressFieldComponent.prototype.buildIdPrefix = function (elementId) {
+            return this.idPrefix + "_" + elementId;
+        };
+        WriteAddressFieldComponent.prototype.defaultLabel = function (numberOfAddresses) {
+            return numberOfAddresses === 0 ? 'No address found'
+                : numberOfAddresses + (numberOfAddresses === 1 ? ' address ' : ' addresses ') + 'found';
+        };
+        WriteAddressFieldComponent.prototype.setFormValue = function () {
+            if (this.writeComplexFieldComponent.complexGroup) {
+                this.writeComplexFieldComponent.complexGroup.setValue(this.caseField.value);
+            }
+        };
+        return WriteAddressFieldComponent;
+    }(AbstractFieldWriteComponent));
+    WriteAddressFieldComponent.ɵfac = function WriteAddressFieldComponent_Factory(t) { return new (t || WriteAddressFieldComponent)(i0__namespace.ɵɵdirectiveInject(AddressesService), i0__namespace.ɵɵdirectiveInject(IsCompoundPipe)); };
+    WriteAddressFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteAddressFieldComponent, selectors: [["ccd-write-address-field"]], viewQuery: function WriteAddressFieldComponent_Query(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵviewQuery(_c0$R, 1);
+                i0__namespace.ɵɵviewQuery(FocusElementDirective, 1);
+            }
+            if (rf & 2) {
+                var _t = void 0;
+                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.writeComplexFieldComponent = _t.first);
+                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.focusElementDirectives = _t);
+            }
+        }, inputs: { formGroup: "formGroup" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 4, vars: 9, consts: [[1, "form-group", 3, "id"], [4, "ngIf"], [3, "hidden", "caseField", "renderLabel", "parent", "formGroup", "ignoreMandatory", "idPrefix"], ["writeComplexFieldComponent", ""], [1, "heading-h2"], ["class", "form-group bottom-30 postcodeLookup", 3, "id", "ngClass", 4, "ngIf"], ["class", "form-group", "id", "selectAddress", 4, "ngIf"], ["class", "manual-link bottom-30", "href", "javascript:void(0)", 3, "click", 4, "ngIf"], [1, "form-group", "bottom-30", "postcodeLookup", 3, "id", "ngClass"], [3, "for"], [1, "form-label"], ["class", "error-message", 4, "ngIf"], ["type", "text", "name", "postcode", 1, "form-control", "postcodeinput", "inline-block", 3, "ngClass", "id", "formControl"], ["type", "button", 1, "button", "button-30", 3, "click"], [1, "error-message"], ["id", "selectAddress", 1, "form-group"], ["name", "address", "focusElement", "", 1, "form-control", "ccd-dropdown", "addressList", 3, "id", "formControl", "change"], [3, "ngValue", 4, "ngFor", "ngForOf"], [3, "ngValue"], ["href", "javascript:void(0)", 1, "manual-link", "bottom-30", 3, "click"]], template: function WriteAddressFieldComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵelementStart(0, "div", 0);
+                i0__namespace.ɵɵtemplate(1, WriteAddressFieldComponent_div_1_Template, 7, 6, "div", 1);
+                i0__namespace.ɵɵelement(2, "ccd-write-complex-type-field", 2, 3);
+                i0__namespace.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("id", ctx.id());
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", !ctx.isComplexWithHiddenFields());
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("hidden", !ctx.shouldShowDetailFields())("caseField", ctx.caseField)("renderLabel", false)("parent", ctx.parent)("formGroup", ctx.formGroup)("ignoreMandatory", true)("idPrefix", ctx.buildIdPrefix("detail"));
+            }
+        }, styles: [".manual-link[_ngcontent-%COMP%]{cursor:pointer;display:block;text-decoration:underline}"] });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteAddressFieldComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-write-address-field',
+                        templateUrl: 'write-address-field.html',
+                        styleUrls: ['write-address-field.scss']
+                    }]
+            }], function () { return [{ type: AddressesService }, { type: IsCompoundPipe }]; }, { writeComplexFieldComponent: [{
+                    type: i0.ViewChild,
+                    args: ['writeComplexFieldComponent', { static: false }]
+                }], focusElementDirectives: [{
+                    type: i0.ViewChildren,
+                    args: [FocusElementDirective]
+                }], formGroup: [{
+                    type: i0.Input
+                }] });
+    })();
     exports.PaletteContext = void 0;
     (function (PaletteContext) {
         PaletteContext["DEFAULT"] = "DEFAULT";
@@ -11552,285 +11898,231 @@
                 }] });
     })();
-    var AddressOption = /** @class */ (function () {
-        function AddressOption(addressModel, description) {
-            if (description == null) {
-                this.value = addressModel;
-                this.description = this.getDescription();
-            }
-            else {
-                this.description = description;
-            }
-        }
-        AddressOption.prototype.getDescription = function () {
-            return this.removeInitialCommaIfPresent((this.value.AddressLine1 === undefined ? '' : this.value.AddressLine1)
-                + this.prefixWithCommaIfPresent(this.value.AddressLine2)
-                + this.prefixWithCommaIfPresent(this.value.AddressLine3)
-                + ', ' + this.value.PostTown);
-        };
-        AddressOption.prototype.prefixWithCommaIfPresent = function (value) {
-            return value ? ', ' + value : value;
-        };
-        AddressOption.prototype.removeInitialCommaIfPresent = function (value) {
-            return value.replace(new RegExp('^,', 'gi'), '');
-        };
-        return AddressOption;
-    }());
-    var _c0$P = ["writeComplexFieldComponent"];
-    function WriteAddressFieldComponent_div_1_div_4_span_4_Template(rf, ctx) {
+    function CaseFileViewFieldComponent_div_0_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "span", 14);
-            i0__namespace.ɵɵtext(1, "Enter the Postcode");
-            i0__namespace.ɵɵelementEnd();
-        }
-    }
-    var _c1$j = function (a0) { return { "form-group-error": a0 }; };
-    var _c2$2 = function (a0) { return { "govuk-input--error": a0 }; };
-    function WriteAddressFieldComponent_div_1_div_4_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r7_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "div", 8);
-            i0__namespace.ɵɵelementStart(1, "label", 9);
-            i0__namespace.ɵɵelementStart(2, "span", 10);
-            i0__namespace.ɵɵtext(3, "Enter a UK postcode");
-            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(0, "div", 2);
+            i0__namespace.ɵɵelementStart(1, "h1", 3);
+            i0__namespace.ɵɵtext(2, "Sorry, there is a problem with the service");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(4, WriteAddressFieldComponent_div_1_div_4_span_4_Template, 2, 0, "span", 11);
-            i0__namespace.ɵɵelement(5, "input", 12);
-            i0__namespace.ɵɵelementStart(6, "button", 13);
-            i0__namespace.ɵɵlistener("click", function WriteAddressFieldComponent_div_1_div_4_Template_button_click_6_listener() { i0__namespace.ɵɵrestoreView(_r7_1); var ctx_r6 = i0__namespace.ɵɵnextContext(2); return ctx_r6.findAddress(); });
-            i0__namespace.ɵɵtext(7, "Find address");
+            i0__namespace.ɵɵelementStart(3, "p", 4);
+            i0__namespace.ɵɵtext(4, "Try again later.");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
-        if (rf & 2) {
-            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵproperty("id", ctx_r2.createElementId("postcodeLookup"))("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$j, ctx_r2.missingPostcode));
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("for", ctx_r2.createElementId("postcodeInput"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r2.missingPostcode);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c2$2, ctx_r2.missingPostcode))("id", ctx_r2.createElementId("postcodeInput"))("formControl", ctx_r2.postcode);
-        }
     }
-    function WriteAddressFieldComponent_div_1_div_5_option_5_Template(rf, ctx) {
+    function CaseFileViewFieldComponent_div_1_ng_container_8_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "option", 18);
-            i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelement(1, "mv-media-viewer", 11);
+            i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var addressOption_r9 = ctx.$implicit;
-            i0__namespace.ɵɵproperty("ngValue", addressOption_r9.value);
+            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate1(" ", addressOption_r9.description, " ");
+            i0__namespace.ɵɵproperty("url", ctx_r2.currentDocument.document_binary_url)("downloadFileName", ctx_r2.currentDocument.document_filename)("showToolbar", true)("contentType", ctx_r2.currentDocument.content_type)("enableAnnotations", true)("enableRedactions", true);
         }
     }
-    function WriteAddressFieldComponent_div_1_div_5_Template(rf, ctx) {
+    function CaseFileViewFieldComponent_div_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r11_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "div", 15);
-            i0__namespace.ɵɵelementStart(1, "label", 9);
-            i0__namespace.ɵɵelementStart(2, "span", 10);
-            i0__namespace.ɵɵtext(3, "Select an address");
+            var _r4_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div");
+            i0__namespace.ɵɵelementStart(1, "h2", 5);
+            i0__namespace.ɵɵtext(2, "Case file");
             i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(3, "div", 6);
+            i0__namespace.ɵɵelementStart(4, "div", 7);
+            i0__namespace.ɵɵelementStart(5, "ccd-case-file-view-folder", 8);
+            i0__namespace.ɵɵlistener("clickedDocument", function CaseFileViewFieldComponent_div_1_Template_ccd_case_file_view_folder_clickedDocument_5_listener($event) { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r3 = i0__namespace.ɵɵnextContext(); return ctx_r3.setMediaViewerFile($event); })("moveDocument", function CaseFileViewFieldComponent_div_1_Template_ccd_case_file_view_folder_moveDocument_5_listener($event) { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r5 = i0__namespace.ɵɵnextContext(); return ctx_r5.moveDocument($event); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelement(6, "div", 9);
+            i0__namespace.ɵɵelementStart(7, "div", 10);
+            i0__namespace.ɵɵtemplate(8, CaseFileViewFieldComponent_div_1_ng_container_8_Template, 2, 6, "ng-container", 1);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(4, "select", 16);
-            i0__namespace.ɵɵlistener("change", function WriteAddressFieldComponent_div_1_div_5_Template_select_change_4_listener() { i0__namespace.ɵɵrestoreView(_r11_1); var ctx_r10 = i0__namespace.ɵɵnextContext(2); return ctx_r10.addressSelected(); });
-            i0__namespace.ɵɵtemplate(5, WriteAddressFieldComponent_div_1_div_5_option_5_Template, 2, 2, "option", 17);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r3 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("for", ctx_r3.createElementId("addressList"));
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(5);
+            i0__namespace.ɵɵproperty("categoriesAndDocuments", ctx_r1.categoriesAndDocuments$)("allowMoving", ctx_r1.allowMoving);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("id", ctx_r3.createElementId("addressList"))("formControl", ctx_r3.addressList);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r3.addressOptions);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r1.currentDocument);
         }
     }
-    function WriteAddressFieldComponent_div_1_a_6_Template(rf, ctx) {
+    var CaseFileViewFieldComponent = /** @class */ (function () {
+        function CaseFileViewFieldComponent(elementRef, route, caseFileViewService, documentManagementService, loadingService) {
+            this.elementRef = elementRef;
+            this.route = route;
+            this.caseFileViewService = caseFileViewService;
+            this.documentManagementService = documentManagementService;
+            this.loadingService = loadingService;
+            this.allowMoving = true;
+            this.getCategoriesAndDocumentsError = false;
+        }
+        CaseFileViewFieldComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            var cid = this.route.snapshot.paramMap.get(CaseFileViewFieldComponent.PARAM_CASE_ID);
+            this.categoriesAndDocuments$ = this.caseFileViewService.getCategoriesAndDocuments(cid);
+            this.categoriesAndDocumentsSubscription = this.categoriesAndDocuments$.subscribe({
+                next: function (data) {
+                    _this.caseVersion = data.case_version;
+                },
+                error: function (_) { return _this.getCategoriesAndDocumentsError = true; }
+            });
+        };
+        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 + "%");
+            });
+        };
+        CaseFileViewFieldComponent.prototype.setMediaViewerFile = function (document) {
+            var mediaViewerInfo = this.documentManagementService.getMediaViewerInfo({
+                document_binary_url: document.document_binary_url,
+                document_filename: document.document_filename
+            });
+            this.currentDocument = JSON.parse(mediaViewerInfo);
+        };
+        CaseFileViewFieldComponent.prototype.moveDocument = function (data) {
+            var _this = this;
+            var cid = this.route.snapshot.paramMap.get(CaseFileViewFieldComponent.PARAM_CASE_ID);
+            var loadingToken = this.loadingService.register();
+            this.caseFileViewService.updateDocumentCategory(cid, this.caseVersion, data.document.attribute_path, data.newCategory).subscribe(function (_) {
+                location.reload();
+                _this.loadingService.unregister(loadingToken);
+            });
+        };
+        CaseFileViewFieldComponent.prototype.ngOnDestroy = function () {
+            if (this.categoriesAndDocumentsSubscription) {
+                this.categoriesAndDocumentsSubscription.unsubscribe();
+            }
+        };
+        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), i0__namespace.ɵɵdirectiveInject(DocumentManagementService), i0__namespace.ɵɵdirectiveInject(LoadingService)); };
+    CaseFileViewFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFieldComponent, selectors: [["ccd-case-file-view-field"]], decls: 2, vars: 2, consts: [["class", "govuk-grid-column-two-thirds", 4, "ngIf"], [4, "ngIf"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "allowMoving", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions"]], template: function CaseFileViewFieldComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, CaseFileViewFieldComponent_div_0_Template, 5, 0, "div", 0);
+                i0__namespace.ɵɵtemplate(1, CaseFileViewFieldComponent_div_1_Template, 9, 3, "div", 1);
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngIf", ctx.getCategoriesAndDocumentsError);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", !ctx.getCategoriesAndDocumentsError);
+            }
+        }, styles: ["#case-file-view[_ngcontent-%COMP%]{display:flex;border:2px solid #c9c9c9;height:100vh;position:relative}#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%]{background-color:#dee0e2;flex:1 1 0;overflow:hidden}"] });
+    (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 }, { type: DocumentManagementService }, { type: LoadingService }]; }, null);
+    })();
+    function CaseFileViewFieldReadComponent_div_0_Template(rf, ctx) {
         if (rf & 1) {
-            var _r13_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "a", 19);
-            i0__namespace.ɵɵlistener("click", function WriteAddressFieldComponent_div_1_a_6_Template_a_click_0_listener() { i0__namespace.ɵɵrestoreView(_r13_1); var ctx_r12 = i0__namespace.ɵɵnextContext(2); return ctx_r12.blankAddress(); });
-            i0__namespace.ɵɵtext(1, "I can't enter a UK postcode");
+            i0__namespace.ɵɵelementStart(0, "div", 2);
+            i0__namespace.ɵɵelementStart(1, "h1", 3);
+            i0__namespace.ɵɵtext(2, "Sorry, there is a problem with the service");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(3, "p", 4);
+            i0__namespace.ɵɵtext(4, "Try again later.");
+            i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function WriteAddressFieldComponent_div_1_Template(rf, ctx) {
+    function CaseFileViewFieldReadComponent_div_1_ng_container_8_Template(rf, ctx) {
         if (rf & 1) {
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelement(1, "mv-media-viewer", 11);
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("url", ctx_r2.currentDocument.document_binary_url)("downloadFileName", ctx_r2.currentDocument.document_filename)("showToolbar", true)("contentType", ctx_r2.currentDocument.content_type)("enableAnnotations", true)("enableRedactions", true);
+        }
+    }
+    function CaseFileViewFieldReadComponent_div_1_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r4_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵelementStart(1, "h2", 4);
-            i0__namespace.ɵɵtext(2);
-            i0__namespace.ɵɵpipe(3, "ccdFieldLabel");
+            i0__namespace.ɵɵelementStart(1, "h2", 5);
+            i0__namespace.ɵɵtext(2, "Case file");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(3, "div", 6);
+            i0__namespace.ɵɵelementStart(4, "div", 7);
+            i0__namespace.ɵɵelementStart(5, "ccd-case-file-view-folder", 8);
+            i0__namespace.ɵɵlistener("clickedDocument", function CaseFileViewFieldReadComponent_div_1_Template_ccd_case_file_view_folder_clickedDocument_5_listener($event) { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r3 = i0__namespace.ɵɵnextContext(); return ctx_r3.setMediaViewerFile($event); })("moveDocument", function CaseFileViewFieldReadComponent_div_1_Template_ccd_case_file_view_folder_moveDocument_5_listener($event) { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r5 = i0__namespace.ɵɵnextContext(); return ctx_r5.moveDocument($event); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelement(6, "div", 9);
+            i0__namespace.ɵɵelementStart(7, "div", 10);
+            i0__namespace.ɵɵtemplate(8, CaseFileViewFieldReadComponent_div_1_ng_container_8_Template, 2, 6, "ng-container", 1);
+            i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(4, WriteAddressFieldComponent_div_1_div_4_Template, 8, 11, "div", 5);
-            i0__namespace.ɵɵtemplate(5, WriteAddressFieldComponent_div_1_div_5_Template, 6, 4, "div", 6);
-            i0__namespace.ɵɵtemplate(6, WriteAddressFieldComponent_div_1_a_6_Template, 2, 0, "a", 7);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(3, 4, ctx_r0.caseField));
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("ngIf", !ctx_r0.isExpanded);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r0.addressOptions);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", !ctx_r0.shouldShowDetailFields());
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(5);
+            i0__namespace.ɵɵproperty("categoriesAndDocuments", ctx_r1.categoriesAndDocuments$)("allowMoving", ctx_r1.allowMoving);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r1.currentDocument);
         }
     }
-    var WriteAddressFieldComponent = /** @class */ (function (_super) {
-        __extends(WriteAddressFieldComponent, _super);
-        function WriteAddressFieldComponent(addressesService, isCompoundPipe) {
-            var _this = _super.call(this) || this;
-            _this.isCompoundPipe = isCompoundPipe;
-            _this.addressFormGroup = new i2.FormGroup({});
-            _this.missingPostcode = false;
-            _this.addressesService = addressesService;
+    var CaseFileViewFieldReadComponent = /** @class */ (function (_super) {
+        __extends(CaseFileViewFieldReadComponent, _super);
+        function CaseFileViewFieldReadComponent() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.allowMoving = true;
             return _this;
         }
-        WriteAddressFieldComponent.prototype.ngOnInit = function () {
-            if (!this.isComplexWithHiddenFields()) {
-                this.postcode = new i2.FormControl('');
-                this.addressFormGroup.addControl('postcode', this.postcode);
-                this.addressList = new i2.FormControl('');
-                this.addressFormGroup.addControl('address', this.addressList);
-            }
-        };
-        WriteAddressFieldComponent.prototype.findAddress = function () {
-            var _this = this;
-            if (!this.postcode.value) {
-                this.missingPostcode = true;
-            }
-            else {
-                this.missingPostcode = false;
-                var postcode_1 = this.postcode.value;
-                this.caseField.value = null;
-                this.addressOptions = new Array();
-                this.addressesService.getAddressesForPostcode(postcode_1.replace(' ', '').toUpperCase()).subscribe(function (result) {
-                    result.forEach(function (address) {
-                        _this.addressOptions.push(new AddressOption(address, null));
-                    });
-                    _this.addressOptions.unshift(new AddressOption(undefined, _this.defaultLabel(_this.addressOptions.length)));
-                }, function (error) {
-                    console.log("An error occurred retrieving addresses for postcode " + postcode_1 + ". " + error);
-                    _this.addressOptions.unshift(new AddressOption(undefined, _this.defaultLabel(_this.addressOptions.length)));
-                });
-                this.addressList.setValue(undefined);
-                this.refocusElement();
-            }
-        };
-        WriteAddressFieldComponent.prototype.refocusElement = function () {
-            if (this.focusElementDirectives && this.focusElementDirectives.length > 0) {
-                this.focusElementDirectives.first.focus();
-            }
-        };
-        WriteAddressFieldComponent.prototype.blankAddress = function () {
-            this.caseField.value = new AddressModel();
-            this.setFormValue();
-        };
-        WriteAddressFieldComponent.prototype.isComplexWithHiddenFields = function () {
-            if (this.caseField.isComplex() && this.caseField.field_type.complex_fields
-                && this.caseField.field_type.complex_fields.some(function (cf) { return cf.hidden === true; })) {
-                return true;
-            }
-        };
-        WriteAddressFieldComponent.prototype.shouldShowDetailFields = function () {
-            if (this.isComplexWithHiddenFields()) {
-                return true;
-            }
-            if (this.isExpanded) {
-                return true;
-            }
-            if (!this.writeComplexFieldComponent || !this.writeComplexFieldComponent.complexGroup) {
-                return false;
-            }
-            var address = this.writeComplexFieldComponent.complexGroup.value;
-            var hasAddress = false;
-            if (address) {
-                Object.keys(address).forEach(function (key) {
-                    if (address[key] != null) {
-                        hasAddress = true;
-                    }
-                });
-            }
-            return hasAddress;
-        };
-        WriteAddressFieldComponent.prototype.addressSelected = function () {
-            this.caseField.value = this.addressList.value;
-            this.setFormValue();
-        };
-        WriteAddressFieldComponent.prototype.ngOnChanges = function (changes) {
-            _super.prototype.ngOnChanges.call(this, changes);
-            var change = changes['caseField'];
-            if (change) {
-                this.setFormValue();
-            }
-        };
-        WriteAddressFieldComponent.prototype.buildIdPrefix = function (elementId) {
-            return this.idPrefix + "_" + elementId;
-        };
-        WriteAddressFieldComponent.prototype.defaultLabel = function (numberOfAddresses) {
-            return numberOfAddresses === 0 ? 'No address found'
-                : numberOfAddresses + (numberOfAddresses === 1 ? ' address ' : ' addresses ') + 'found';
-        };
-        WriteAddressFieldComponent.prototype.setFormValue = function () {
-            if (this.writeComplexFieldComponent.complexGroup) {
-                this.writeComplexFieldComponent.complexGroup.setValue(this.caseField.value);
-            }
-        };
-        return WriteAddressFieldComponent;
-    }(AbstractFieldWriteComponent));
-    WriteAddressFieldComponent.ɵfac = function WriteAddressFieldComponent_Factory(t) { return new (t || WriteAddressFieldComponent)(i0__namespace.ɵɵdirectiveInject(AddressesService), i0__namespace.ɵɵdirectiveInject(IsCompoundPipe)); };
-    WriteAddressFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteAddressFieldComponent, selectors: [["ccd-write-address-field"]], viewQuery: function WriteAddressFieldComponent_Query(rf, ctx) {
+        return CaseFileViewFieldReadComponent;
+    }(CaseFileViewFieldComponent));
+    CaseFileViewFieldReadComponent.ɵfac = function CaseFileViewFieldReadComponent_Factory(t) { return ɵCaseFileViewFieldReadComponent_BaseFactory(t || CaseFileViewFieldReadComponent); };
+    CaseFileViewFieldReadComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFieldReadComponent, selectors: [["ccd-case-file-view-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["class", "govuk-grid-column-two-thirds", 4, "ngIf"], [4, "ngIf"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "allowMoving", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions"]], template: function CaseFileViewFieldReadComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$P, 1);
-                i0__namespace.ɵɵviewQuery(FocusElementDirective, 1);
+                i0__namespace.ɵɵtemplate(0, CaseFileViewFieldReadComponent_div_0_Template, 5, 0, "div", 0);
+                i0__namespace.ɵɵtemplate(1, CaseFileViewFieldReadComponent_div_1_Template, 9, 3, "div", 1);
             }
             if (rf & 2) {
-                var _t = void 0;
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.writeComplexFieldComponent = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.focusElementDirectives = _t);
-            }
-        }, inputs: { formGroup: "formGroup" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 4, vars: 9, consts: [[1, "form-group", 3, "id"], [4, "ngIf"], [3, "hidden", "caseField", "renderLabel", "parent", "formGroup", "ignoreMandatory", "idPrefix"], ["writeComplexFieldComponent", ""], [1, "heading-h2"], ["class", "form-group bottom-30 postcodeLookup", 3, "id", "ngClass", 4, "ngIf"], ["class", "form-group", "id", "selectAddress", 4, "ngIf"], ["class", "manual-link bottom-30", "href", "javascript:void(0)", 3, "click", 4, "ngIf"], [1, "form-group", "bottom-30", "postcodeLookup", 3, "id", "ngClass"], [3, "for"], [1, "form-label"], ["class", "error-message", 4, "ngIf"], ["type", "text", "name", "postcode", 1, "form-control", "postcodeinput", "inline-block", 3, "ngClass", "id", "formControl"], ["type", "button", 1, "button", "button-30", 3, "click"], [1, "error-message"], ["id", "selectAddress", 1, "form-group"], ["name", "address", "focusElement", "", 1, "form-control", "ccd-dropdown", "addressList", 3, "id", "formControl", "change"], [3, "ngValue", 4, "ngFor", "ngForOf"], [3, "ngValue"], ["href", "javascript:void(0)", 1, "manual-link", "bottom-30", 3, "click"]], template: function WriteAddressFieldComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "div", 0);
-                i0__namespace.ɵɵtemplate(1, WriteAddressFieldComponent_div_1_Template, 7, 6, "div", 1);
-                i0__namespace.ɵɵelement(2, "ccd-write-complex-type-field", 2, 3);
-                i0__namespace.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngIf", ctx.getCategoriesAndDocumentsError);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", !ctx.isComplexWithHiddenFields());
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("hidden", !ctx.shouldShowDetailFields())("caseField", ctx.caseField)("renderLabel", false)("parent", ctx.parent)("formGroup", ctx.formGroup)("ignoreMandatory", true)("idPrefix", ctx.buildIdPrefix("detail"));
+                i0__namespace.ɵɵproperty("ngIf", !ctx.getCategoriesAndDocumentsError);
             }
-        }, styles: [".manual-link[_ngcontent-%COMP%]{cursor:pointer;display:block;text-decoration:underline}"] });
+        }, styles: ["#case-file-view[_ngcontent-%COMP%]{display:flex;border:2px solid #c9c9c9;height:100vh;position:relative}#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%]{background-color:#dee0e2;flex:1 1 0;overflow:hidden}"] });
+    var ɵCaseFileViewFieldReadComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(CaseFileViewFieldReadComponent);
     (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteAddressFieldComponent, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFieldReadComponent, [{
                 type: i0.Component,
                 args: [{
-                        selector: 'ccd-write-address-field',
-                        templateUrl: 'write-address-field.html',
-                        styleUrls: ['write-address-field.scss']
+                        selector: 'ccd-case-file-view-field',
+                        templateUrl: './case-file-view-field.component.html',
+                        styleUrls: ['./case-file-view-field.component.scss'],
                     }]
-            }], function () { return [{ type: AddressesService }, { type: IsCompoundPipe }]; }, { writeComplexFieldComponent: [{
-                    type: i0.ViewChild,
-                    args: ['writeComplexFieldComponent', { static: false }]
-                }], focusElementDirectives: [{
-                    type: i0.ViewChildren,
-                    args: [FocusElementDirective]
-                }], formGroup: [{
-                    type: i0.Input
-                }] });
+            }], null, null);
     })();
     exports.AddCommentsErrorMessage = void 0;
@@ -12185,7 +12477,7 @@
             i0__namespace.ɵɵproperty("formGroup", ctx_r10.caseFlagParentFormGroup)("optional", ctx_r10.flagCommentsOptional);
         }
     }
-    var _c0$O = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$Q = function (a0) { return { "form-group-error": a0 }; };
     function WriteCaseFlagFieldComponent_div_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 8);
@@ -12206,7 +12498,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngSwitch", ctx_r1.fieldState);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$O, ctx_r1.errorMessages.length > 0));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$Q, ctx_r1.errorMessages.length > 0));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.createFlagCaption, " ");
             i0__namespace.ɵɵadvance(1);
@@ -12650,7 +12942,7 @@
             }], null, null);
     })();
-    var _c0$N = ["writeComplexFieldComponent"];
+    var _c0$P = ["writeComplexFieldComponent"];
     function WriteCaseLinkFieldComponent_div_1_span_2_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 6);
@@ -12776,7 +13068,7 @@
     WriteCaseLinkFieldComponent.ɵfac = function WriteCaseLinkFieldComponent_Factory(t) { return new (t || WriteCaseLinkFieldComponent)(i0__namespace.ɵɵdirectiveInject(LinkedCasesService)); };
     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$N, 1);
+                i0__namespace.ɵɵviewQuery(_c0$P, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -12815,7 +13107,7 @@
                 }] });
     })();
-    var _c0$M = function (a0, a1, a2, a3, a4, a5) { return { id: a0, label: a1, field_type: a2, display_context_parameter: a3, value: a4, hidden: a5 }; };
+    var _c0$O = 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");
@@ -12830,10 +13122,10 @@
         if (rf & 2) {
             var ctx_r1 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction6(3, _c0$M, 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);
+            i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction6(3, _c0$O, 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$i = function (a0, a1, a2, a3, a4) { return { id: a0, label: a1, field_type: a2, value: a3, hidden: a4 }; };
+    var _c1$k = 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");
@@ -12847,7 +13139,7 @@
             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$i, 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.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction5(4, _c1$k, 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) {
@@ -12981,7 +13273,7 @@
             }], function () { return [{ type: i1__namespace$3.MatDialogRef }]; }, null);
     })();
-    var _c0$L = ["collectionItem"];
+    var _c0$N = ["collectionItem"];
     function WriteCollectionFieldComponent_h2_7_span_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 9);
@@ -13394,7 +13686,7 @@
     WriteCollectionFieldComponent.ɵfac = function WriteCollectionFieldComponent_Factory(t) { return new (t || WriteCollectionFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.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$L, 1);
+                i0__namespace.ɵɵviewQuery(_c0$N, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -13982,7 +14274,7 @@
             }], null, null);
     })();
-    var _c0$K = ["fileInput"];
+    var _c0$M = ["fileInput"];
     function WriteDocumentFieldComponent_span_6_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 12);
@@ -14016,7 +14308,7 @@
             i0__namespace.ɵɵproperty("caseField", ctx_r2.caseField);
         }
     }
-    var _c1$h = function (a0) { return { "form-group-error bottom-30": a0 }; };
+    var _c1$j = function (a0) { return { "form-group-error bottom-30": a0 }; };
     var WriteDocumentFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDocumentFieldComponent, _super);
         function WriteDocumentFieldComponent(appConfig, caseNotifier, documentManagement, dialog, fileUploadStateService) {
@@ -14276,7 +14568,7 @@
     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$3.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$K, 1);
+                i0__namespace.ɵɵviewQuery(_c0$M, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -14318,7 +14610,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(15, _c1$h, !ctx.valid));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(15, _c1$j, !ctx.valid));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -14476,7 +14768,7 @@
             i0__namespace.ɵɵtextInterpolate(type_r5.label);
         }
     }
-    var _c0$J = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$L = function (a0) { return { "form-group-error": a0 }; };
     var WriteDynamicListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDynamicListFieldComponent, _super);
         function WriteDynamicListFieldComponent() {
@@ -14525,7 +14817,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c0$J, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c0$L, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -14675,7 +14967,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, ctx_r3.dynamicRadioListControl.errors));
         }
     }
-    var _c0$I = function (a0) { return { selected: a0 }; };
+    var _c0$K = function (a0) { return { selected: a0 }; };
     function WriteDynamicRadioListFieldComponent_div_9_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 10);
@@ -14688,7 +14980,7 @@
         if (rf & 2) {
             var radioButton_r5 = ctx.$implicit;
             var ctx_r4 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$I, ctx_r4.dynamicRadioListControl.value === radioButton_r5.code));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$K, 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);
@@ -14698,7 +14990,7 @@
             i0__namespace.ɵɵtextInterpolate(radioButton_r5.label);
         }
     }
-    var _c1$g = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$i = function (a0) { return { "form-group-error": a0 }; };
     var WriteDynamicRadioListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDynamicRadioListFieldComponent, _super);
         function WriteDynamicRadioListFieldComponent() {
@@ -14746,7 +15038,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c1$g, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c1$i, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -14853,8 +15145,8 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.emailControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$H = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$f = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c0$J = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$h = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteEmailFieldComponent = /** @class */ (function (_super) {
         __extends(WriteEmailFieldComponent, _super);
         function WriteEmailFieldComponent() {
@@ -14878,7 +15170,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$H, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$J, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -14888,7 +15180,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$f, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$h, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteEmailFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteEmailFieldComponent);
@@ -15010,7 +15302,7 @@
             i0__namespace.ɵɵtextInterpolate(type_r4.label);
         }
     }
-    var _c0$G = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$I = function (a0) { return { "form-group-error": a0 }; };
     var WriteFixedListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteFixedListFieldComponent, _super);
         function WriteFixedListFieldComponent() {
@@ -15059,7 +15351,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$G, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$I, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -15177,7 +15469,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.fixedRadioListControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$F = function (a0) { return { selected: a0 }; };
+    var _c0$H = function (a0) { return { selected: a0 }; };
     function WriteFixedRadioListFieldComponent_div_8_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 9);
@@ -15190,7 +15482,7 @@
         if (rf & 2) {
             var radioButton_r4 = ctx.$implicit;
             var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$F, ctx_r3.fixedRadioListControl.value === radioButton_r4.code));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$H, 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);
@@ -15199,7 +15491,7 @@
             i0__namespace.ɵɵtextInterpolate(radioButton_r4.label);
         }
     }
-    var _c1$e = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$g = function (a0) { return { "form-group-error": a0 }; };
     var WriteFixedRadioListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteFixedRadioListFieldComponent, _super);
         function WriteFixedRadioListFieldComponent() {
@@ -15230,7 +15522,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$e, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$g, !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);
@@ -15360,7 +15652,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.caseField.hint_text, " ");
         }
     }
-    var _c0$E = function (a0) { return { "hide-autocomplete": a0 }; };
+    var _c0$G = function (a0) { return { "hide-autocomplete": a0 }; };
     function WriteJudicialUserFieldComponent_mat_option_7_Template(rf, ctx) {
         if (rf & 1) {
             var _r7_1 = i0__namespace.ɵɵgetCurrentView();
@@ -15372,7 +15664,7 @@
         if (rf & 2) {
             var judicialUser_r5 = ctx.$implicit;
             var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$E, !ctx_r3.showAutocomplete))("value", judicialUser_r5.idamId);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$G, !ctx_r3.showAutocomplete))("value", judicialUser_r5.idamId);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵtextInterpolate2(" ", judicialUser_r5.fullName, " (", judicialUser_r5.emailId, ") ");
         }
@@ -15719,7 +16011,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.moneyGbpControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$D = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$F = function (a0) { return { "form-group-error": a0 }; };
     var WriteMoneyGbpFieldComponent = /** @class */ (function (_super) {
         __extends(WriteMoneyGbpFieldComponent, _super);
         function WriteMoneyGbpFieldComponent() {
@@ -15749,7 +16041,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$D, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$F, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -15897,7 +16189,7 @@
             i0__namespace.ɵɵtextInterpolate(checkbox_r4.label);
         }
     }
-    var _c0$C = function (a0) { return { "error": a0 }; };
+    var _c0$E = function (a0) { return { "error": a0 }; };
     var WriteMultiSelectListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteMultiSelectListFieldComponent, _super);
         function WriteMultiSelectListFieldComponent() {
@@ -15961,7 +16253,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$C, !ctx.checkboxes.valid && (ctx.checkboxes.dirty || ctx.checkboxes.touched)))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$E, !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);
@@ -16052,8 +16344,8 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.numberControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$B = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$d = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c0$D = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$f = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteNumberFieldComponent = /** @class */ (function (_super) {
         __extends(WriteNumberFieldComponent, _super);
         function WriteNumberFieldComponent() {
@@ -16077,7 +16369,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$B, !ctx.numberControl.valid && ctx.numberControl.dirty));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$D, !ctx.numberControl.valid && ctx.numberControl.dirty));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -16087,7 +16379,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$d, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$f, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.NumberValueAccessor, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteNumberFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteNumberFieldComponent);
@@ -16378,7 +16670,7 @@
             i0__namespace.ɵɵelementEnd();
         }
     }
-    var _c0$A = function (a0) { return { "scroll-container ": a0 }; };
+    var _c0$C = function (a0) { return { "scroll-container ": a0 }; };
     function WriteOrganisationFieldComponent_fieldset_3_div_14_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 26);
@@ -16394,7 +16686,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$A, ((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$C, ((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);
@@ -16866,8 +17158,8 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.phoneUkControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$z = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$c = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c0$B = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$e = function (a0) { return { "govuk-input--error": a0 }; };
     var WritePhoneUKFieldComponent = /** @class */ (function (_super) {
         __extends(WritePhoneUKFieldComponent, _super);
         function WritePhoneUKFieldComponent() {
@@ -16891,7 +17183,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$z, !ctx.phoneUkControl.valid && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$B, !ctx.phoneUkControl.valid && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -16901,7 +17193,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$c, ctx.phoneUkControl.errors && ctx.phoneUkControl.dirty))("id", ctx.id())("formControl", ctx.phoneUkControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$e, ctx.phoneUkControl.errors && ctx.phoneUkControl.dirty))("id", ctx.id())("formControl", ctx.phoneUkControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWritePhoneUKFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WritePhoneUKFieldComponent);
@@ -16983,8 +17275,8 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.textareaControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$y = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$b = function (a0) { return { "govuk-textarea--error": a0 }; };
+    var _c0$A = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$d = function (a0) { return { "govuk-textarea--error": a0 }; };
     var WriteTextAreaFieldComponent = /** @class */ (function (_super) {
         __extends(WriteTextAreaFieldComponent, _super);
         function WriteTextAreaFieldComponent(browserService) {
@@ -17019,7 +17311,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$y, !ctx.textareaControl.valid && ctx.textareaControl.dirty));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$A, !ctx.textareaControl.valid && ctx.textareaControl.dirty));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -17029,7 +17321,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$b, ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched)))("id", ctx.id())("formControl", ctx.textareaControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$d, ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched)))("id", ctx.id())("formControl", ctx.textareaControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     (function () {
@@ -17111,8 +17403,8 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.textControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$x = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$a = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c0$z = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$c = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteTextFieldComponent = /** @class */ (function (_super) {
         __extends(WriteTextFieldComponent, _super);
         function WriteTextFieldComponent() {
@@ -17141,7 +17433,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$x, !!ctx.textControl && !ctx.textControl.valid && (ctx.textControl.dirty || ctx.textControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$z, !!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);
@@ -17151,7 +17443,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$a, (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$c, (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, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteTextFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteTextFieldComponent);
@@ -17349,7 +17641,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.yesNoControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$w = function (a0) { return { selected: a0 }; };
+    var _c0$y = function (a0) { return { selected: a0 }; };
     function WriteYesNoFieldComponent_div_7_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 10);
@@ -17362,7 +17654,7 @@
         if (rf & 2) {
             var value_r4 = ctx.$implicit;
             var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$w, ctx_r3.yesNoControl.value === value_r4));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$y, 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());
@@ -17372,7 +17664,7 @@
             i0__namespace.ɵɵtextInterpolate(value_r4);
         }
     }
-    var _c1$9 = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$b = function (a0) { return { "form-group-error": a0 }; };
     var WriteYesNoFieldComponent = /** @class */ (function (_super) {
         __extends(WriteYesNoFieldComponent, _super);
         function WriteYesNoFieldComponent(yesNoService) {
@@ -17403,7 +17695,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("id", ctx.id())("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$9, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
+                i0__namespace.ɵɵproperty("id", ctx.id())("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$b, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.caseField.label);
                 i0__namespace.ɵɵadvance(1);
@@ -17428,6 +17720,9 @@
     var PaletteService = /** @class */ (function () {
         function PaletteService() {
+            this.componentLauncherRegistry = {
+                CaseFileView: [CaseFileViewFieldComponent, CaseFileViewFieldReadComponent]
+            };
         }
         PaletteService.prototype.getFieldComponentClass = function (caseField, write) {
             switch (caseField.field_type.type) {
@@ -17493,12 +17788,23 @@
                     return CaseHistoryViewerFieldComponent;
                 case 'WaysToPay':
                     return WaysToPayFieldComponent;
+                case 'ComponentLauncher':
+                    return this.getComponentLauncherComponent(caseField, write);
                 case 'FlagLauncher':
                     return write ? WriteCaseFlagFieldComponent : ReadCaseFlagFieldComponent;
                 default:
                     return UnsupportedFieldComponent;
             }
         };
+        PaletteService.prototype.getComponentLauncherComponent = function (caseField, write) {
+            // Extract the value passed for #ARGUMENT(...) in the CaseField display_context_parameter and return the matching
+            // component from the componentLauncherRegistry
+            var argumentValue = caseField.display_context_parameter.match(/#ARGUMENT\((.*?)\)/)[1];
+            if (argumentValue && this.componentLauncherRegistry.hasOwnProperty(argumentValue)) {
+                return this.componentLauncherRegistry[argumentValue][write ? 0 : 1];
+            }
+            return UnsupportedFieldComponent;
+        };
         return PaletteService;
     }());
     PaletteService.ɵfac = function PaletteService_Factory(t) { return new (t || PaletteService)(); };
@@ -17509,7 +17815,7 @@
             }], null, null);
     })();
-    var _c0$v = ["fieldContainer"];
+    var _c0$x = ["fieldContainer"];
     var FIX_CASEFIELD_FOR$1 = ['FixedList', 'DynamicList'];
     var FieldReadComponent = /** @class */ (function (_super) {
         __extends(FieldReadComponent, _super);
@@ -17558,7 +17864,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$v, 1, i0.ViewContainerRef);
+                i0__namespace.ɵɵviewQuery(_c0$x, 1, i0.ViewContainerRef);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -17599,7 +17905,7 @@
                 }] });
     })();
-    var _c0$u = ["fieldContainer"];
+    var _c0$w = ["fieldContainer"];
     var FIX_CASEFIELD_FOR = ['FixedList', 'DynamicList'];
     var FieldWriteComponent = /** @class */ (function (_super) {
         __extends(FieldWriteComponent, _super);
@@ -17647,7 +17953,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$u, 3, i0.ViewContainerRef);
+                i0__namespace.ɵɵviewQuery(_c0$w, 3, i0.ViewContainerRef);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -17710,7 +18016,7 @@
             i0__namespace.ɵɵprojection(0);
         }
     }
-    var _c0$t = ["*"];
+    var _c0$v = ["*"];
     var FieldReadLabelComponent = /** @class */ (function (_super) {
         __extends(FieldReadLabelComponent, _super);
         function FieldReadLabelComponent() {
@@ -17748,7 +18054,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$t, 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$v, 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);
@@ -17782,24 +18088,900 @@
                 }] });
     })();
-    var CommonDataService = /** @class */ (function () {
-        function CommonDataService(http) {
-            this.http = http;
+    function CaseFileViewFolderSelectorComponent_ng_container_5_ng_container_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainer(0);
         }
-        CommonDataService.prototype.getRefData = function (url) {
-            if (url) {
-                return this.http.get(url, { observe: 'body' });
+    }
+    var _c0$u = function (a0) { return { cat: a0, level: 1 }; };
+    function CaseFileViewFolderSelectorComponent_ng_container_5_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵtemplate(1, CaseFileViewFolderSelectorComponent_ng_container_5_ng_container_1_Template, 1, 0, "ng-container", 8);
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var cat_r3 = ctx.$implicit;
+            i0__namespace.ɵɵnextContext();
+            var _r1 = i0__namespace.ɵɵreference(13);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction1(2, _c0$u, cat_r3));
+        }
+    }
+    function CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_ng_container_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainer(0);
+        }
+    }
+    var _c1$a = function (a0, a1) { return { cat: a0, level: a1 }; };
+    function CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵtemplate(1, CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_ng_container_1_Template, 1, 0, "ng-container", 8);
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var subcat_r8 = ctx.$implicit;
+            var level_r6 = i0__namespace.ɵɵnextContext().level;
+            i0__namespace.ɵɵnextContext();
+            var _r1 = i0__namespace.ɵɵreference(13);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction2(2, _c1$a, subcat_r8, level_r6 + 1));
+        }
+    }
+    function CaseFileViewFolderSelectorComponent_ng_template_12_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r12_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div", 9);
+            i0__namespace.ɵɵelementStart(1, "input", 10);
+            i0__namespace.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_ng_template_12_Template_input_click_1_listener($event) { i0__namespace.ɵɵrestoreView(_r12_1); var ctx_r11 = i0__namespace.ɵɵnextContext(); return ctx_r11.handleChange($event); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(2, "label", 11);
+            i0__namespace.ɵɵelement(3, "img", 12);
+            i0__namespace.ɵɵtext(4);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(5, CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_Template, 2, 5, "ng-container", 2);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var cat_r5 = ctx.cat;
+            var level_r6 = ctx.level;
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵpropertyInterpolate1("name", "level-", level_r6, "");
+            i0__namespace.ɵɵproperty("id", cat_r5.category_id);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("for", cat_r5.category_id);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate1(" ", cat_r5.category_name, " ");
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngForOf", cat_r5.sub_categories);
+        }
+    }
+    var CaseFileViewFolderSelectorComponent = /** @class */ (function () {
+        function CaseFileViewFolderSelectorComponent(dialogRef, data) {
+            this.dialogRef = dialogRef;
+            this.data = data;
+            this.currentCategories = [];
+            this.selected = '';
+            this.currentCategories = __spread(this.data.categories);
+        }
+        CaseFileViewFolderSelectorComponent.prototype.ngAfterViewInit = function () {
+            var path = this.findPath();
+            path.forEach(function (p) { return document.getElementById(p).checked = true; });
+        };
+        CaseFileViewFolderSelectorComponent.prototype.handleChange = function (evt) {
+            if (evt.target.checked) {
+                this.select(evt.target.id);
+                // get level of this checkbox so we can clear all lower levels
+                var level = parseInt(evt.target.name.split('-')[1], 10) + 1;
+                var nodes = document.getElementsByName("level-" + level);
+                while (nodes.length > 0) {
+                    nodes.forEach(function (node) { return node.checked = false; });
+                    level += 1;
+                    nodes = document.getElementsByName("level-" + level);
+                }
             }
-            return rxjs.of(null);
         };
-        return CommonDataService;
+        CaseFileViewFolderSelectorComponent.prototype.select = function (categoryId) {
+            this.selected = categoryId;
+        };
+        CaseFileViewFolderSelectorComponent.prototype.cancel = function () {
+            this.dialogRef.close();
+        };
+        CaseFileViewFolderSelectorComponent.prototype.save = function () {
+            this.dialogRef.close(this.selected.length > 0 ? this.selected : null);
+        };
+        CaseFileViewFolderSelectorComponent.prototype.findPath = function () {
+            var e_1, _a;
+            try {
+                for (var _b = __values(this.data.categories), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var c = _c.value;
+                    var r = this.containsDocument(c, this.data.document);
+                    if (r) {
+                        return r;
+                    }
+                }
+            }
+            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; }
+            }
+        };
+        CaseFileViewFolderSelectorComponent.prototype.containsDocument = function (cat, document) {
+            var e_2, _a;
+            if (cat.documents.findIndex(function (doc) { return doc.document_binary_url === document.document_binary_url; }) > -1) {
+                return [cat.category_id];
+            }
+            try {
+                for (var _b = __values(cat.sub_categories), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var c = _c.value;
+                    var r = this.containsDocument(c, document);
+                    if (r) {
+                        return __spread([cat.category_id], r);
+                    }
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+            return null;
+        };
+        return CaseFileViewFolderSelectorComponent;
     }());
-    CommonDataService.ɵfac = function CommonDataService_Factory(t) { return new (t || CommonDataService)(i0__namespace.ɵɵinject(i1__namespace$2.HttpClient)); };
-    CommonDataService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: CommonDataService, factory: CommonDataService.ɵfac });
+    CaseFileViewFolderSelectorComponent.ɵfac = function CaseFileViewFolderSelectorComponent_Factory(t) { return new (t || CaseFileViewFolderSelectorComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialogRef), i0__namespace.ɵɵdirectiveInject(i1$3.MAT_DIALOG_DATA)); };
+    CaseFileViewFolderSelectorComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderSelectorComponent, selectors: [["xui-case-file-view-folder-selector"]], decls: 14, vars: 2, consts: [[1, "govuk-heading-l"], [1, "folders", "govuk-radios", "govuk-radios--conditional"], [4, "ngFor", "ngForOf"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"], [1, "cancel", 3, "click"], [1, "close", 3, "click"], ["folder", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "folder", "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "name", "id", "click"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["src", "/assets/images/folder.png", "alt", "Folder icon", 1, "iconImg"]], template: function CaseFileViewFolderSelectorComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵelementStart(0, "h2", 0);
+                i0__namespace.ɵɵtext(1, "Move File");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(2, "p");
+                i0__namespace.ɵɵtext(3);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(4, "div", 1);
+                i0__namespace.ɵɵtemplate(5, CaseFileViewFolderSelectorComponent_ng_container_5_Template, 2, 4, "ng-container", 2);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(6, "div", 3);
+                i0__namespace.ɵɵelementStart(7, "button", 4);
+                i0__namespace.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_button_click_7_listener() { return ctx.save(); });
+                i0__namespace.ɵɵtext(8, "Save");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(9, "a", 5);
+                i0__namespace.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_a_click_9_listener() { return ctx.cancel(); });
+                i0__namespace.ɵɵtext(10, "Cancel");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(11, "div", 6);
+                i0__namespace.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_div_click_11_listener() { return ctx.cancel(); });
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(12, CaseFileViewFolderSelectorComponent_ng_template_12_Template, 6, 5, "ng-template", null, 7, i0__namespace.ɵɵtemplateRefExtractor);
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵtextInterpolate1("Where do you want to move \"", ctx.data.document.document_filename, "\" file?");
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngForOf", ctx.currentCategories);
+            }
+        }, directives: [i1__namespace.NgForOf, i1__namespace.NgTemplateOutlet], styles: ["[_nghost-%COMP%]{position:relative;display:block}.folders[_ngcontent-%COMP%]{margin-bottom:20px}.folder[_ngcontent-%COMP%]{display:none;border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin:0 0 -1px}.folders[_ngcontent-%COMP%] > .folder[_ngcontent-%COMP%], input[_ngcontent-%COMP%]:checked ~ .folder[_ngcontent-%COMP%]{display:block}.iconImg[_ngcontent-%COMP%]{position:relative;display:inline-block;height:28px}.folder[_ngcontent-%COMP%] > .folder[_ngcontent-%COMP%]{margin-left:20px}.folder[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]:before{top:3px}.folder[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]:after{top:13px}p[_ngcontent-%COMP%]{font-weight:700}button[_ngcontent-%COMP%]{margin-right:20px}.close[_ngcontent-%COMP%]{position:absolute;top:0;right:0;width:30px;height:30px;background:url(/assets/img/x.PNG) no-repeat 50%}.cancel[_ngcontent-%COMP%], .close[_ngcontent-%COMP%]{cursor:pointer}"] });
     (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CommonDataService, [{
-                type: i0.Injectable
-            }], function () { return [{ type: i1__namespace$2.HttpClient }]; }, null);
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFolderSelectorComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'xui-case-file-view-folder-selector',
+                        templateUrl: './case-file-view-folder-selector.component.html',
+                        styleUrls: ['./case-file-view-folder-selector.component.scss']
+                    }]
+            }], function () {
+            return [{ type: i1__namespace$3.MatDialogRef }, { type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [i1$3.MAT_DIALOG_DATA]
+                        }] }];
+        }, 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$t = [[["", "trigger", ""]]];
+    var _c1$9 = ["[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$9, 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$t);
+                i0__namespace.ɵɵelementStart(0, "div");
+                i0__namespace.ɵɵelementStart(1, "button", 0, 1);
+                i0__namespace.ɵɵlistener("click", function CaseFileViewOverlayMenuComponent_Template_button_click_1_listener($event) { $event.stopPropagation(); 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$4.CdkOverlayOrigin, i1__namespace$4.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: '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(); } },
+            ];
+        }
+        CaseFileViewFolderDocumentActionsComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            if (this.allowMoving) {
+                this.overlayMenuItems.unshift({ actionText: 'Change folder', iconSrc: '/assets/img/case-file-view/document-menu/open_with.svg', actionFn: function () { return _this.changeFolderAction.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"]], inputs: { allowMoving: "allowMoving" }, 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 []; }, { allowMoving: [{
+                    type: i0.Input
+                }], 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 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(); } },
+            ];
+        }
+        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 DocumentTreeNodeType;
+    (function (DocumentTreeNodeType) {
+        DocumentTreeNodeType["FOLDER"] = "folder";
+        DocumentTreeNodeType["DOCUMENT"] = "document";
+    })(DocumentTreeNodeType || (DocumentTreeNodeType = {}));
+    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();
+                    var nameB = b.name.toUpperCase();
+                    if (a.type === DocumentTreeNodeType.FOLDER || b.type === DocumentTreeNodeType.FOLDER) {
+                        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();
+                    var nameB = b.name.toUpperCase();
+                    if (a.type === DocumentTreeNodeType.FOLDER || b.type === DocumentTreeNodeType.FOLDER) {
+                        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) {
+                        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;
+    }());
+    __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 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.ɵɵlistener("click", function CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_4_Template_button_click_1_listener() { i0__namespace.ɵɵrestoreView(_r6_1); var node_r4 = ctx.$implicit; var ctx_r5 = i0__namespace.ɵɵnextContext(2); ctx_r5.selectedNodeItem = node_r4; return ctx_r5.clickedDocument.emit(node_r4); });
+            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_r7 = i0__namespace.ɵɵnextContext(2); return ctx_r7.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_r8 = i0__namespace.ɵɵnextContext(2); return ctx_r8.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_r9 = i0__namespace.ɵɵnextContext(2); return ctx_r9.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_r10 = i0__namespace.ɵɵnextContext(2); return ctx_r10.triggerDocumentAction("print", node_r4); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var node_r4 = ctx.$implicit;
+            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵclassProp("node--selected", (ctx_r2.selectedNodeItem == null ? null : ctx_r2.selectedNodeItem.name) === node_r4.name);
+            i0__namespace.ɵɵadvance(4);
+            i0__namespace.ɵɵtextInterpolate(node_r4.name);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("allowMoving", ctx_r2.allowMoving);
+        }
+    }
+    function CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_5_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "cdk-nested-tree-node", 19);
+            i0__namespace.ɵɵelementStart(1, "button", 20);
+            i0__namespace.ɵɵelementStart(2, "div", 21);
+            i0__namespace.ɵɵelement(3, "img", 22);
+            i0__namespace.ɵɵelementStart(4, "span", 23);
+            i0__namespace.ɵɵtext(5);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(6, "span", 24);
+            i0__namespace.ɵɵtext(7);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(8, "div");
+            i0__namespace.ɵɵelementContainer(9, 25);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var node_r11 = ctx.$implicit;
+            var ctx_r3 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵattribute("aria-label", "toggle " + node_r11.name);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("src", ctx_r3.nestedTreeControl.isExpanded(node_r11) ? "/assets/images/folder-open.png" : "/assets/images/folder.png", i0__namespace.ɵɵsanitizeUrl);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(node_r11.childDocumentCount);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(node_r11.name);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵclassProp("document-tree-invisible", !ctx_r3.nestedTreeControl.isExpanded(node_r11));
+        }
+    }
+    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, 4, "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, dialog) {
+            this.windowService = windowService;
+            this.router = router;
+            this.documentManagementService = documentManagementService;
+            this.dialog = dialog;
+            this.clickedDocument = new i0.EventEmitter();
+            this.moveDocument = new i0.EventEmitter();
+            this.categories = [];
+            this.getChildren = function (node) { return rxjs.of(node.children); };
+            this.nestedChildren = function (_, nodeData) { return nodeData.children; };
+            this.nestedTreeControl = new i7.NestedTreeControl(this.getChildren);
+        }
+        Object.defineProperty(CaseFileViewFolderComponent.prototype, "documentCount", {
+            get: function () {
+                var _a;
+                if ((_a = this.nestedDataSource) === null || _a === void 0 ? void 0 : _a.length) {
+                    return this.nestedDataSource.reduce(function (acc, item) {
+                        return acc + item.childDocumentCount;
+                    }, 0);
+                }
+                else {
+                    return 0;
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        CaseFileViewFolderComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.documentFilterFormGroup = new i2.FormGroup({});
+            this.documentSearchFormControl = new i2.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;
+                _this.categories = 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;
+                documentTreeNode.attribute_path = document.attribute_path;
+                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;
+                documentTreeNode.attribute_path = document.attribute_path;
+                documents.push(documentTreeNode);
+            });
+            var uncategorisedNode = new DocumentTreeNode();
+            uncategorisedNode.name = CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE;
+            uncategorisedNode.type = DocumentTreeNodeType.FOLDER;
+            uncategorisedNode.children = documents;
+            return uncategorisedNode;
+        };
+        CaseFileViewFolderComponent.prototype.filter = function (searchTerm) {
+            // Make a copy of the data so we do not mutate the original
+            function copy(node) {
+                var documentTreeNode = new DocumentTreeNode();
+                return Object.assign(documentTreeNode, 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'):
+                    this.openMoveDialog(documentTreeNode);
+                    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'):
+                    // Create a URL from the document_binary_url property (absolute URL) and use the path portion (relative URL).
+                    // This is necessary because the Manage Cases application will automatically apply a proxy to the request, with
+                    // the correct remote endpoint
+                    this.downloadFile(new URL(documentTreeNode.document_binary_url).pathname, documentTreeNode.document_filename);
+                    break;
+                case ('print'):
+                    this.printDocument(new URL(documentTreeNode.document_binary_url).pathname);
+                    break;
+                default:
+                    return;
+            }
+        };
+        CaseFileViewFolderComponent.prototype.sortDataSourceAscAlphabetically = function () {
+            var sortedData = this.nestedDataSource.map(function (item) {
+                item.sortChildrenAscending();
+                return item;
+            });
+            this.updateNodeData(sortedData);
+        };
+        CaseFileViewFolderComponent.prototype.sortDataSourceDescAlphabetically = function () {
+            var sortedData = this.nestedDataSource.map(function (item) {
+                item.sortChildrenDescending();
+                return item;
+            });
+            this.updateNodeData(sortedData);
+        };
+        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.ngOnDestroy = function () {
+            var _a, _b;
+            (_a = this.categoriesAndDocumentsSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+            (_b = this.documentFilterSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+        };
+        CaseFileViewFolderComponent.prototype.openMoveDialog = function (node) {
+            var _this = this;
+            var dialogRef = this.dialog.open(CaseFileViewFolderSelectorComponent, {
+                width: '570px',
+                data: { categories: this.categories, document: node }
+            });
+            dialogRef.afterClosed().subscribe(function (newCatId) {
+                if (newCatId) {
+                    _this.moveDocument.emit({ newCategory: newCatId, document: node });
+                }
+            });
+        };
+        CaseFileViewFolderComponent.prototype.printDocument = function (url) {
+            var printWindow = window.open(url);
+            printWindow.print();
+        };
+        CaseFileViewFolderComponent.prototype.downloadFile = function (url, downloadFileName) {
+            var a = document.createElement('a');
+            document.body.appendChild(a);
+            a.setAttribute('style', 'display: none');
+            a.href = url;
+            a.download = downloadFileName;
+            a.click();
+            a.remove();
+        };
+        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), i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialog)); };
+    CaseFileViewFolderComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderComponent, selectors: [["ccd-case-file-view-folder"]], inputs: { categoriesAndDocuments: "categoriesAndDocuments", allowMoving: "allowMoving" }, outputs: { clickedDocument: "clickedDocument", moveDocument: "moveDocument" }, decls: 9, vars: 3, 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-container", 4, "ngIf"], [1, "document-tree-container"], [4, "ngIf"], [3, "dataSource", "treeControl"], ["class", "document-tree-container__node document-tree-container__node--document", 4, "cdkTreeNodeDef"], ["class", "document-tree-container__node document-tree-container__folder", 4, "cdkTreeNodeDef", "cdkTreeNodeDefWhen"], [1, "document-tree-container__node", "document-tree-container__node--document"], [1, "node", 3, "click"], ["disabled", "", 1, "node__icon"], ["src", "/assets/img/case-file-view/case-file-view-document.svg", "alt", "Document icon", 1, "node__iconImg"], [1, "node__name", "node-name-document"], [1, "node__document-options"], [3, "allowMoving", "changeFolderAction", "openInANewTabAction", "downloadAction", "printAction"], [1, "document-tree-container__node", "document-tree-container__folder"], ["cdkTreeNodeToggle", "", 1, "node"], [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);
+                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(4);
+                i0__namespace.ɵɵtextInterpolate1("Documents (", ctx.documentCount, ")");
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵproperty("ngIf", ctx.documentTreeData);
+            }
+        }, directives: [i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName, CaseFileViewFolderSortComponent, i1__namespace.NgIf, i7__namespace.CdkTree, i7__namespace.CdkTreeNodeDef, i7__namespace.CdkNestedTreeNode, CaseFileViewFolderDocumentActionsComponent, i7__namespace.CdkTreeNodeToggle, i7__namespace.CdkTreeNodeOutlet], styles: ["[_nghost-%COMP%]{display:flex;height:100%;flex-direction:column}[_nghost-%COMP%]   .document-tree-container[_ngcontent-%COMP%]{flex:1 0}.document-filter-container[_ngcontent-%COMP%]{border-bottom:2px solid #c9c9c9}.document-filter-container[_ngcontent-%COMP%]   .document-filter[_ngcontent-%COMP%]{padding:10px}.document-filter-container[_ngcontent-%COMP%]   .document-filter[_ngcontent-%COMP%]   .document-search[_ngcontent-%COMP%]{background:url(/assets/images/icon-search-black.svg) no-repeat 100% #fff;background-position-x:calc(100% - 4px);padding-right:30px;width:100%}.document-filter-container[_ngcontent-%COMP%]   .documents-title[_ngcontent-%COMP%]{height:30%;margin-left:8px;font-weight:700}.document-tree-container[_ngcontent-%COMP%]{padding:4px;overflow-x:hidden;overflow-y:scroll}.document-tree-container__node[_ngcontent-%COMP%]{display:block}.document-tree-container__node[_ngcontent-%COMP%]   .document-tree-container__node[_ngcontent-%COMP%]{padding-left:40px}.document-tree-container[_ngcontent-%COMP%]   .document-tree-invisible[_ngcontent-%COMP%]{display:none}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar{width:7px}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{border:4px solid transparent;background-clip:padding-box;border-radius:9999px;background-color:#aaa}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar-button{display:none}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar-track-piece{background:#eee}.document-tree-container[_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;background:none;border:0;cursor:pointer;white-space:nowrap}.node--selected[_ngcontent-%COMP%]{background:#fff2cc}.node__icon[_ngcontent-%COMP%]{position:relative;display:inline-block}.node__count[_ngcontent-%COMP%]{color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.875rem;padding-top:4px}.node__iconImg[_ngcontent-%COMP%]{display:block;height:30px;width:30px}.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 }, { type: i1__namespace$3.MatDialog }]; }, { categoriesAndDocuments: [{
+                    type: i0.Input
+                }], allowMoving: [{
+                    type: i0.Input
+                }], clickedDocument: [{
+                    type: i0.Output
+                }], moveDocument: [{
+                    type: i0.Output
+                }] });
     })();
     function CaseFlagTableComponent_table_0_tr_16_Template(rf, ctx) {
@@ -19987,7 +21169,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$m, !!ctx_r0.caseReasonError));
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.linkedCasesService.linkCaseReasons);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.linkCaseReasons);
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngIf", ctx_r0.caseSelectionError);
         }
@@ -20098,10 +21280,14 @@
             this.linkedCasesStateEmitter = new i0.EventEmitter();
             this.errorMessages = [];
             this.selectedCases = [];
+            this.linkCaseReasons = [];
             this.ISO_FORMAT = 'YYYY-MM-DDTHH:mm:ss.SSS';
         }
         LinkCasesComponent.prototype.ngOnInit = function () {
             this.initForm();
+            this.caseId = this.linkedCasesService.caseId;
+            this.caseName = this.linkedCasesService.caseName;
+            this.linkCaseReasons = this.linkedCasesService.linkCaseReasons;
             if (this.linkedCasesService.editMode) {
                 // this may have includes the currently added one but yet to be submitted.
                 this.selectedCases = this.linkedCasesService.linkedCases;
@@ -20119,7 +21305,7 @@
         Object.defineProperty(LinkCasesComponent.prototype, "getReasonTypeFormArray", {
             get: function () {
                 var _this = this;
-                return this.fb.array(this.linkedCasesService.linkCaseReasons.map(function (val) { return _this.fb.group({
+                return this.fb.array(this.linkCaseReasons.map(function (val) { return _this.fb.group({
                     key: [val.key],
                     value_en: [val.value_en],
                     value_cy: [val.value_cy],
@@ -20369,7 +21555,7 @@
             }
             if (rf & 2) {
                 i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate2("Link cases to ", ctx.linkedCasesService.caseName, " ", i0__namespace.ɵɵpipeBind1(5, 7, ctx.linkedCasesService.caseId), "");
+                i0__namespace.ɵɵtextInterpolate2("Link cases to ", ctx.caseName, " ", i0__namespace.ɵɵpipeBind1(5, 7, ctx.caseId), "");
                 i0__namespace.ɵɵadvance(4);
                 i0__namespace.ɵɵproperty("ngIf", ctx.linkCaseForm);
                 i0__namespace.ɵɵadvance(4);
@@ -23429,7 +24615,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("innerHTML", i0__namespace.ɵɵpipeBind1(2, 1, ctx.content), i0__namespace.ɵɵsanitizeHtml);
             }
-        }, directives: [i1__namespace$4.NgxMdComponent], pipes: [CaseReferencePipe], encapsulation: 2 });
+        }, directives: [i1__namespace$5.NgxMdComponent], pipes: [CaseReferencePipe], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MarkdownComponent, [{
                 type: i0.Component,
@@ -23825,6 +25011,14 @@
         WriteFixedRadioListFieldComponent,
         WriteCaseLinkFieldComponent,
         WriteCollectionFieldComponent,
+        // ComponentLauncher web components
+        CaseFileViewFieldComponent,
+        CaseFileViewFieldReadComponent,
+        CaseFileViewFolderComponent,
+        CaseFileViewFolderSortComponent,
+        CaseFileViewOverlayMenuComponent,
+        CaseFileViewFolderDocumentActionsComponent,
+        CaseFileViewFolderSelectorComponent,
         LinkedCasesToTableComponent,
         LinkedCasesFromTableComponent,
         BeforeYouStartComponent,
@@ -23869,7 +25063,7 @@
                 FormModule,
                 TabsModule,
                 LabelSubstitutorModule,
-                i1$4.NgxMdModule,
+                i1$5.NgxMdModule,
                 i4.NgxMatDatetimePickerModule,
                 i4.NgxMatTimepickerModule,
                 i4.NgxMatNativeDateModule,
@@ -23877,8 +25071,13 @@
                 i3$1.MatInputModule,
                 i5$1.MatDatepickerModule,
                 i5.MatAutocompleteModule,
+                i7.CdkTreeModule,
+                i1$4.OverlayModule,
                 i3.PaymentLibModule,
-                i2$1.ScrollToModule.forRoot()
+                i2$1.ScrollToModule.forRoot(),
+                i1$3.MatDialogModule,
+                i12.MediaViewerModule,
+                LoadingModule
             ], i4.NgxMatDatetimePickerModule,
             i4.NgxMatNativeDateModule,
             i4.NgxMatTimepickerModule,
@@ -23970,6 +25169,14 @@
                 WriteFixedRadioListFieldComponent,
                 WriteCaseLinkFieldComponent,
                 WriteCollectionFieldComponent,
+                // ComponentLauncher web components
+                CaseFileViewFieldComponent,
+                CaseFileViewFieldReadComponent,
+                CaseFileViewFolderComponent,
+                CaseFileViewFolderSortComponent,
+                CaseFileViewOverlayMenuComponent,
+                CaseFileViewFolderDocumentActionsComponent,
+                CaseFileViewFolderSelectorComponent,
                 LinkedCasesToTableComponent,
                 LinkedCasesFromTableComponent,
                 BeforeYouStartComponent,
@@ -23990,7 +25197,7 @@
                 FormModule,
                 TabsModule,
                 LabelSubstitutorModule,
-                i1$4.NgxMdModule,
+                i1$5.NgxMdModule,
                 i4.NgxMatDatetimePickerModule,
                 i4.NgxMatTimepickerModule,
                 i4.NgxMatNativeDateModule,
@@ -23998,7 +25205,11 @@
                 i3$1.MatInputModule,
                 i5$1.MatDatepickerModule,
                 i5.MatAutocompleteModule,
-                i3.PaymentLibModule, i2__namespace$1.ScrollToModule], exports: [i4.NgxMatDatetimePickerModule,
+                i7.CdkTreeModule,
+                i1$4.OverlayModule,
+                i3.PaymentLibModule, i2__namespace$1.ScrollToModule, i1$3.MatDialogModule,
+                i12.MediaViewerModule,
+                LoadingModule], exports: [i4.NgxMatDatetimePickerModule,
                 i4.NgxMatNativeDateModule,
                 i4.NgxMatTimepickerModule,
                 TabsModule,
@@ -24075,6 +25286,14 @@
                 WriteFixedRadioListFieldComponent,
                 WriteCaseLinkFieldComponent,
                 WriteCollectionFieldComponent,
+                // ComponentLauncher web components
+                CaseFileViewFieldComponent,
+                CaseFileViewFieldReadComponent,
+                CaseFileViewFolderComponent,
+                CaseFileViewFolderSortComponent,
+                CaseFileViewOverlayMenuComponent,
+                CaseFileViewFolderDocumentActionsComponent,
+                CaseFileViewFolderSelectorComponent,
                 LinkedCasesToTableComponent,
                 LinkedCasesFromTableComponent,
                 BeforeYouStartComponent,
@@ -24102,7 +25321,7 @@
                             FormModule,
                             TabsModule,
                             LabelSubstitutorModule,
-                            i1$4.NgxMdModule,
+                            i1$5.NgxMdModule,
                             i4.NgxMatDatetimePickerModule,
                             i4.NgxMatTimepickerModule,
                             i4.NgxMatNativeDateModule,
@@ -24110,8 +25329,13 @@
                             i3$1.MatInputModule,
                             i5$1.MatDatepickerModule,
                             i5.MatAutocompleteModule,
+                            i7.CdkTreeModule,
+                            i1$4.OverlayModule,
                             i3.PaymentLibModule,
-                            i2$1.ScrollToModule.forRoot()
+                            i2$1.ScrollToModule.forRoot(),
+                            i1$3.MatDialogModule,
+                            i12.MediaViewerModule,
+                            LoadingModule
                         ],
                         declarations: __spread([
                             FixedListPipe,
@@ -24150,7 +25374,8 @@
                             CommonDataService,
                             JurisdictionService$1,
                             { provide: i6.MAT_DATE_LOCALE, useValue: 'en-GB' }
-                        ]
+                        ],
+                        entryComponents: [CaseFileViewFolderSelectorComponent]
                     }]
             }], null, null);
     })();
@@ -24189,6 +25414,10 @@
     i0__namespace.ɵɵsetComponentScope(WriteDateContainerFieldComponent, [i1__namespace.NgIf, DatetimePickerComponent, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, WriteDateFieldComponent], []);
     i0__namespace.ɵɵsetComponentScope(WriteCaseLinkFieldComponent, [i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective, WriteLinkedCasesComponent, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective], [FieldLabelPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteCollectionFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, FieldWriteComponent, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective], [FieldLabelPipe, FirstErrorPipe]);
+    i0__namespace.ɵɵsetComponentScope(
+    // ComponentLauncher web components
+    CaseFileViewFieldComponent, [i1__namespace.NgIf, CaseFileViewFolderComponent, i12__namespace.ɵcs], []);
+    i0__namespace.ɵɵsetComponentScope(CaseFileViewFieldReadComponent, [i1__namespace.NgIf, CaseFileViewFolderComponent, i12__namespace.ɵcs], []);
     i0__namespace.ɵɵsetComponentScope(LinkedCasesToTableComponent, [i1__namespace.NgIf, i1__namespace.NgForOf], [CaseReferencePipe, LinkCasesReasonValuePipe]);
     i0__namespace.ɵɵsetComponentScope(LinkedCasesFromTableComponent, [i1__namespace.NgIf, i1__namespace.NgForOf], [CaseReferencePipe, LinkCasesReasonValuePipe]);
     i0__namespace.ɵɵsetComponentScope(LinkCasesComponent, [i1__namespace.NgIf, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgClass, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName, i2__namespace.FormArrayName, i1__namespace.NgForOf, i2__namespace.FormGroupName, i2__namespace.CheckboxControlValueAccessor], [CaseReferencePipe, LinkCasesReasonValuePipe]);
@@ -25224,7 +26453,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,
@@ -26119,7 +27348,7 @@
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", !(ctx.autoHide && _r0.pages.length <= 1));
             }
-        }, directives: [i1__namespace$5.PaginationControlsDirective, i1__namespace.NgIf, i1__namespace.NgForOf], pipes: [i1__namespace.DecimalPipe], styles: [".ngx-pagination[_ngcontent-%COMP%]{margin-left:0;margin-bottom:1rem;padding-top:25px;text-decoration:none;text-align:left;font-size:16px}.ngx-pagination[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]:before{content:\" \";display:table}.ngx-pagination[_ngcontent-%COMP%]:after{clear:both}.ngx-pagination[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-right:.0625rem;border-radius:0;display:inline-block}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{display:block;padding:.1875rem .625rem;border-radius:0;color:#005da6}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover, .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover{background:#e6e6e6}.ngx-pagination[_ngcontent-%COMP%]   .current[_ngcontent-%COMP%]{padding:.1875rem .625rem;background:#fff;color:#4c2c92;cursor:default;font-weight:900}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]{display:none}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]:hover{background:transparent}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{cursor:pointer}.ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{margin-right:.5rem;border-width:3px 0 0 3px}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;transform:rotate(-45deg);content:\"\"}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after{margin-left:.5rem;border-width:0 3px 3px 0}.ngx-pagination[_ngcontent-%COMP%]   .show-for-sr[_ngcontent-%COMP%]{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ngx-pagination[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:none}@media screen and (max-width:601px){.ngx-pagination.responsive[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:inline-block}.ngx-pagination.responsive[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:not(.small-screen):not(.pagination-previous):not(.pagination-next){display:none}}"] });
+        }, directives: [i1__namespace$6.PaginationControlsDirective, i1__namespace.NgIf, i1__namespace.NgForOf], pipes: [i1__namespace.DecimalPipe], styles: [".ngx-pagination[_ngcontent-%COMP%]{margin-left:0;margin-bottom:1rem;padding-top:25px;text-decoration:none;text-align:left;font-size:16px}.ngx-pagination[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]:before{content:\" \";display:table}.ngx-pagination[_ngcontent-%COMP%]:after{clear:both}.ngx-pagination[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-right:.0625rem;border-radius:0;display:inline-block}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{display:block;padding:.1875rem .625rem;border-radius:0;color:#005da6}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover, .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover{background:#e6e6e6}.ngx-pagination[_ngcontent-%COMP%]   .current[_ngcontent-%COMP%]{padding:.1875rem .625rem;background:#fff;color:#4c2c92;cursor:default;font-weight:900}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]{display:none}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]:hover{background:transparent}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{cursor:pointer}.ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{margin-right:.5rem;border-width:3px 0 0 3px}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;transform:rotate(-45deg);content:\"\"}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after{margin-left:.5rem;border-width:0 3px 3px 0}.ngx-pagination[_ngcontent-%COMP%]   .show-for-sr[_ngcontent-%COMP%]{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ngx-pagination[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:none}@media screen and (max-width:601px){.ngx-pagination.responsive[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:inline-block}.ngx-pagination.responsive[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:not(.small-screen):not(.pagination-previous):not(.pagination-next){display:none}}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PaginationComponent, [{
                 type: i0.Component,
@@ -26526,7 +27755,7 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngIf", ctx.totalResultsCount > ctx.pageSize);
             }
-        }, directives: [i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace$1.RouterLinkWithHref, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, i1__namespace.NgSwitchDefault, PaginationComponent], pipes: [i1__namespace$5.PaginatePipe, i1__namespace.CurrencyPipe], styles: [""] });
+        }, directives: [i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace$1.RouterLinkWithHref, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, i1__namespace.NgSwitchDefault, PaginationComponent], pipes: [i1__namespace$6.PaginatePipe, i1__namespace.CurrencyPipe], styles: [""] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseListComponent, [{
                 type: i0.Component,
@@ -26586,12 +27815,12 @@
     PaginationModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: PaginationModule });
     PaginationModule.ɵinj = i0__namespace.ɵɵdefineInjector({ imports: [[
                 i1.CommonModule,
-                i1$5.NgxPaginationModule
+                i1$6.NgxPaginationModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(PaginationModule, { declarations: [PaginationComponent], imports: [i1.CommonModule,
-                i1$5.NgxPaginationModule], exports: [PaginationComponent,
-                i1$5.PaginatePipe] });
+                i1$6.NgxPaginationModule], exports: [PaginationComponent,
+                i1$6.PaginatePipe] });
     })();
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PaginationModule, [{
@@ -26599,14 +27828,14 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i1$5.NgxPaginationModule
+                            i1$6.NgxPaginationModule
                         ],
                         declarations: [
                             PaginationComponent
                         ],
                         exports: [
                             PaginationComponent,
-                            i1$5.PaginatePipe
+                            i1$6.PaginatePipe
                         ],
                     }]
             }], null, null);
@@ -26625,14 +27854,14 @@
                 i1.CommonModule,
                 i2.FormsModule,
                 i1$1.RouterModule,
-                i1$5.NgxPaginationModule,
+                i1$6.NgxPaginationModule,
                 PaginationModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(CaseListModule, { declarations: [CaseListComponent], imports: [i1.CommonModule,
                 i2.FormsModule,
                 i1$1.RouterModule,
-                i1$5.NgxPaginationModule,
+                i1$6.NgxPaginationModule,
                 PaginationModule], exports: [CaseListComponent] });
     })();
     (function () {
@@ -26643,7 +27872,7 @@
                             i1.CommonModule,
                             i2.FormsModule,
                             i1$1.RouterModule,
-                            i1$5.NgxPaginationModule,
+                            i1$6.NgxPaginationModule,
                             PaginationModule
                         ],
                         declarations: [CaseListComponent],
@@ -28713,8 +29942,8 @@
     }
     function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_1_ng_container_2_tr_4_th_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "th", 36);
-            i0__namespace.ɵɵelementStart(1, "div", 37);
+            i0__namespace.ɵɵelementStart(0, "th", 37);
+            i0__namespace.ɵɵelementStart(1, "div", 38);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -28729,9 +29958,9 @@
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tr");
             i0__namespace.ɵɵtemplate(1, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_1_ng_container_2_tr_4_th_1_Template, 3, 1, "th", 33);
-            i0__namespace.ɵɵelementStart(2, "td");
-            i0__namespace.ɵɵelementStart(3, "span", 34);
-            i0__namespace.ɵɵelement(4, "ccd-field-read", 35);
+            i0__namespace.ɵɵelementStart(2, "th", 34);
+            i0__namespace.ɵɵelementStart(3, "span", 35);
+            i0__namespace.ɵɵelement(4, "ccd-field-read", 36);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -28741,16 +29970,18 @@
             var ctx_r25 = i0__namespace.ɵɵnextContext(4);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", !ctx_r25.isFieldToHaveNoLabel(field_r24));
-            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("id", "case-viewer-field-read--" + field_r24.id);
+            i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵproperty("topLevelFormGroup", ctx_r25.formGroup.controls["data"])("caseField", field_r24)("caseReference", ctx_r25.caseDetails.case_id)("markdownUseHrefAsRouterLink", ctx_r25.markdownUseHrefAsRouterLink);
         }
     }
     function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_1_ng_container_2_tr_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "tr", 38);
-            i0__namespace.ɵɵelementStart(1, "th", 39);
-            i0__namespace.ɵɵelementStart(2, "span", 34);
-            i0__namespace.ɵɵelement(3, "ccd-field-read", 35);
+            i0__namespace.ɵɵelementStart(0, "tr", 39);
+            i0__namespace.ɵɵelementStart(1, "th", 34);
+            i0__namespace.ɵɵelementStart(2, "span", 35);
+            i0__namespace.ɵɵelement(3, "ccd-field-read", 36);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -28758,7 +29989,9 @@
         if (rf & 2) {
             var field_r24 = i0__namespace.ɵɵnextContext().$implicit;
             var ctx_r26 = i0__namespace.ɵɵnextContext(4);
-            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("id", "case-viewer-field-read--" + field_r24.id);
+            i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵproperty("topLevelFormGroup", ctx_r26.formGroup.controls["data"])("caseField", field_r24)("caseReference", ctx_r26.caseDetails.case_id)("markdownUseHrefAsRouterLink", ctx_r26.markdownUseHrefAsRouterLink);
         }
     }
@@ -28768,8 +30001,8 @@
             i0__namespace.ɵɵelementStart(1, "div", 29);
             i0__namespace.ɵɵelementContainerStart(2, 30);
             i0__namespace.ɵɵpipe(3, "ccdIsCompound");
-            i0__namespace.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_1_ng_container_2_tr_4_Template, 5, 5, "tr", 31);
-            i0__namespace.ɵɵtemplate(5, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_1_ng_container_2_tr_5_Template, 4, 4, "tr", 32);
+            i0__namespace.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_1_ng_container_2_tr_4_Template, 5, 6, "tr", 31);
+            i0__namespace.ɵɵtemplate(5, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_1_ng_container_2_tr_5_Template, 4, 5, "tr", 32);
             i0__namespace.ɵɵelementContainerEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
@@ -29125,12 +30358,14 @@
             return false;
         };
         /**
-         * Indicates that a CaseField is to be displayed without a label, as is expected for the FlagLauncher field.
+         * Indicates that a CaseField is to be displayed without a label, as is expected for all ComponentLauncher-type
+         * fields.
          * @param caseField The `CaseField` instance to check
          * @returns `true` if it should not have a label; `false` otherwise
          */
         CaseFullAccessViewComponent.prototype.isFieldToHaveNoLabel = function (caseField) {
-            return FieldsUtils.isFlagLauncherCaseField(caseField);
+            return caseField.field_type.type === 'ComponentLauncher'
+                && caseField.display_context_parameter === '#ARGUMENT(CaseFileView)';
         };
         CaseFullAccessViewComponent.prototype.init = function () {
             // Clone and sort tabs array
@@ -29191,7 +30426,7 @@
                 var _t = void 0;
                 i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.tabGroup = _t.first);
             }
-        }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, features: [i0__namespace.ɵɵNgOnChangesFeature], decls: 13, vars: 12, consts: [["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [3, "caseId", "displayMode"], [1, "grid-row"], [1, "column-one-half"], [3, "caseDetails"], ["class", "case-viewer-controls", 4, "ngIf"], ["class", "column-one-half", 4, "ngIf"], ["class", "grid-row", 4, "ngIf"], [1, "column-full"], [4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h2", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], [4, "ngFor", "ngForOf"], [1, "case-viewer-controls"], ["id", "case-viewer-control-print", "routerLink", "print", 1, "button", "button-secondary"], [3, "isDisabled", "triggers", "triggerText", "onTriggerChange", "onTriggerSubmit"], [3, "notificationBannerConfig", "linkClicked"], ["animationDuration", "0ms", 3, "disableRipple", "selectedIndex", "selectedTabChange"], ["tabGroup", ""], [3, "id", "label", 4, "ngFor", "ngForOf"], [3, "id", "label"], ["matTabContent", ""], ["aria-describedby", "case viewer table"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "hidden"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "compound-field", 4, "ngSwitchCase"], ["id", "case-viewer-field-label", 4, "ngIf"], [1, "text-16"], [3, "topLevelFormGroup", "caseField", "caseReference", "markdownUseHrefAsRouterLink"], ["id", "case-viewer-field-label"], [1, "case-viewer-label", "text-16"], [1, "compound-field"], ["scope", "col"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) {
+        }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, features: [i0__namespace.ɵɵNgOnChangesFeature], decls: 13, vars: 12, consts: [["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [3, "caseId", "displayMode"], [1, "grid-row"], [1, "column-one-half"], [3, "caseDetails"], ["class", "case-viewer-controls", 4, "ngIf"], ["class", "column-one-half", 4, "ngIf"], ["class", "grid-row", 4, "ngIf"], [1, "column-full"], [4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h2", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], [4, "ngFor", "ngForOf"], [1, "case-viewer-controls"], ["id", "case-viewer-control-print", "routerLink", "print", 1, "button", "button-secondary"], [3, "isDisabled", "triggers", "triggerText", "onTriggerChange", "onTriggerSubmit"], [3, "notificationBannerConfig", "linkClicked"], ["animationDuration", "0ms", 3, "disableRipple", "selectedIndex", "selectedTabChange"], ["tabGroup", ""], [3, "id", "label", 4, "ngFor", "ngForOf"], [3, "id", "label"], ["matTabContent", ""], ["aria-describedby", "case viewer table"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "hidden"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "compound-field", 4, "ngSwitchCase"], ["id", "case-viewer-field-label", 4, "ngIf"], ["scope", "col", 3, "id"], [1, "text-16"], [3, "topLevelFormGroup", "caseField", "caseReference", "markdownUseHrefAsRouterLink"], ["id", "case-viewer-field-label"], [1, "case-viewer-label", "text-16"], [1, "compound-field"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, CaseFullAccessViewComponent_div_0_Template, 10, 0, "div", 0);
                 i0__namespace.ɵɵtemplate(1, CaseFullAccessViewComponent_div_1_Template, 6, 2, "div", 0);
@@ -32697,12 +33932,12 @@
             i0__namespace.ɵɵproperty("checked", ctx_r6.allOnPageSelected())("disabled", !ctx_r6.canAnyBeShared());
         }
     }
-    function SearchResultComponent_table_0_th_10_div_3_Template(rf, ctx) {
+    function SearchResultComponent_table_0_th_10_div_6_Template(rf, ctx) {
         if (rf & 1) {
             var _r19_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementStart(0, "div", 27);
             i0__namespace.ɵɵelementStart(1, "a", 28);
-            i0__namespace.ɵɵlistener("click", function SearchResultComponent_table_0_th_10_div_3_Template_a_click_1_listener() { i0__namespace.ɵɵrestoreView(_r19_1); var col_r15 = i0__namespace.ɵɵnextContext().$implicit; var ctx_r17 = i0__namespace.ɵɵnextContext(2); return ctx_r17.sort(col_r15); });
+            i0__namespace.ɵɵlistener("click", function SearchResultComponent_table_0_th_10_div_6_Template_a_click_1_listener() { i0__namespace.ɵɵrestoreView(_r19_1); var col_r15 = i0__namespace.ɵɵnextContext().$implicit; var ctx_r17 = i0__namespace.ɵɵnextContext(2); return ctx_r17.sort(col_r15); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
@@ -32716,19 +33951,26 @@
     function SearchResultComponent_table_0_th_10_Template(rf, ctx) {
         if (rf & 1) {
             var _r22_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "th", 24);
-            i0__namespace.ɵɵelementStart(1, "div", 25);
-            i0__namespace.ɵɵlistener("click", function SearchResultComponent_table_0_th_10_Template_div_click_1_listener() { i0__namespace.ɵɵrestoreView(_r22_1); var col_r15 = ctx.$implicit; var ctx_r21 = i0__namespace.ɵɵnextContext(2); return ctx_r21.sort(col_r15); });
-            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵelementStart(0, "th");
+            i0__namespace.ɵɵelementStart(1, "table", 24);
+            i0__namespace.ɵɵelementStart(2, "tr");
+            i0__namespace.ɵɵelementStart(3, "th");
+            i0__namespace.ɵɵelementStart(4, "div", 25);
+            i0__namespace.ɵɵlistener("click", function SearchResultComponent_table_0_th_10_Template_div_click_4_listener() { i0__namespace.ɵɵrestoreView(_r22_1); var col_r15 = ctx.$implicit; var ctx_r21 = i0__namespace.ɵɵnextContext(2); return ctx_r21.sort(col_r15); });
+            i0__namespace.ɵɵtext(5);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(6, SearchResultComponent_table_0_th_10_div_6_Template, 2, 1, "div", 26);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(3, SearchResultComponent_table_0_th_10_div_3_Template, 2, 1, "div", 26);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
             var col_r15 = ctx.$implicit;
             var ctx_r7 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵattributeInterpolate2("aria-label", "Sort by ", col_r15.label, " ", ctx_r7.isSortAscending(col_r15) ? "ascending" : "descending", "");
-            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵattribute("aria-label", "Sort by " + col_r15.label + " " + ctx_r7.isSortAscending(col_r15) ? "ascending" : "descending");
+            i0__namespace.ɵɵadvance(4);
             i0__namespace.ɵɵtextInterpolate(col_r15.label);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", ctx_r7.comparator(col_r15));
@@ -32744,10 +33986,10 @@
             var _r30_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementStart(0, "td", 20);
             i0__namespace.ɵɵelementStart(1, "div", 21);
-            i0__namespace.ɵɵelementStart(2, "input", 32);
+            i0__namespace.ɵɵelementStart(2, "input", 31);
             i0__namespace.ɵɵlistener("change", function SearchResultComponent_table_0_ng_container_13_tr_1_td_1_Template_input_change_2_listener() { i0__namespace.ɵɵrestoreView(_r30_1); var result_r24 = i0__namespace.ɵɵnextContext().$implicit; var ctx_r28 = i0__namespace.ɵɵnextContext(3); return ctx_r28.changeSelection(result_r24); });
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelement(3, "label", 33);
+            i0__namespace.ɵɵelement(3, "label", 32);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
@@ -32765,7 +34007,7 @@
     var _c0 = function () { return ["value"]; };
     function SearchResultComponent_table_0_ng_container_13_tr_1_td_2_a_1_ng_container_2_ccd_field_read_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "ccd-field-read", 42);
+            i0__namespace.ɵɵelement(0, "ccd-field-read", 41);
         }
         if (rf & 2) {
             var col_r32 = i0__namespace.ɵɵnextContext(3).$implicit;
@@ -32786,9 +34028,9 @@
     }
     function SearchResultComponent_table_0_ng_container_13_tr_1_td_2_a_1_ng_container_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementContainerStart(0, 39);
-            i0__namespace.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_13_tr_1_td_2_a_1_ng_container_2_ccd_field_read_1_Template, 1, 4, "ccd-field-read", 40);
-            i0__namespace.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_13_tr_1_td_2_a_1_ng_container_2_ng_template_2_Template, 2, 3, "ng-template", null, 41, i0__namespace.ɵɵtemplateRefExtractor);
+            i0__namespace.ɵɵelementContainerStart(0, 38);
+            i0__namespace.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_13_tr_1_td_2_a_1_ng_container_2_ccd_field_read_1_Template, 1, 4, "ccd-field-read", 39);
+            i0__namespace.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_13_tr_1_td_2_a_1_ng_container_2_ng_template_2_Template, 2, 3, "ng-template", null, 40, i0__namespace.ɵɵtemplateRefExtractor);
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
@@ -32802,9 +34044,9 @@
     }
     function SearchResultComponent_table_0_ng_container_13_tr_1_td_2_a_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "a", 37);
+            i0__namespace.ɵɵelementStart(0, "a", 36);
             i0__namespace.ɵɵpipe(1, "ccdCaseReference");
-            i0__namespace.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_13_tr_1_td_2_a_1_ng_container_2_Template, 4, 2, "ng-container", 38);
+            i0__namespace.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_13_tr_1_td_2_a_1_ng_container_2_Template, 4, 2, "ng-container", 37);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -32818,8 +34060,8 @@
     }
     function SearchResultComponent_table_0_ng_container_13_tr_1_td_2_div_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 39);
-            i0__namespace.ɵɵelement(1, "ccd-field-read", 42);
+            i0__namespace.ɵɵelementStart(0, "div", 38);
+            i0__namespace.ɵɵelement(1, "ccd-field-read", 41);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -32833,9 +34075,9 @@
     }
     function SearchResultComponent_table_0_ng_container_13_tr_1_td_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "td", 34);
-            i0__namespace.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_13_tr_1_td_2_a_1_Template, 3, 5, "a", 35);
-            i0__namespace.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_13_tr_1_td_2_div_2_Template, 2, 6, "div", 36);
+            i0__namespace.ɵɵelementStart(0, "td", 33);
+            i0__namespace.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_13_tr_1_td_2_a_1_Template, 3, 5, "a", 34);
+            i0__namespace.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_13_tr_1_td_2_div_2_Template, 2, 6, "div", 35);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -32850,7 +34092,7 @@
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "td");
             i0__namespace.ɵɵelementStart(1, "div");
-            i0__namespace.ɵɵelement(2, "ccd-activity", 43);
+            i0__namespace.ɵɵelement(2, "ccd-activity", 42);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
@@ -32867,7 +34109,7 @@
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tr");
             i0__namespace.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_13_tr_1_td_1_Template, 4, 5, "td", 8);
-            i0__namespace.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_13_tr_1_td_2_Template, 3, 2, "td", 31);
+            i0__namespace.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_13_tr_1_td_2_Template, 3, 2, "td", 30);
             i0__namespace.ɵɵtemplate(3, SearchResultComponent_table_0_ng_container_13_tr_1_td_3_Template, 3, 4, "td", 0);
             i0__namespace.ɵɵelementEnd();
         }
@@ -32885,7 +34127,7 @@
     function SearchResultComponent_table_0_ng_container_13_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_13_tr_1_Template, 4, 3, "tr", 30);
+            i0__namespace.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_13_tr_1_Template, 4, 3, "tr", 9);
             i0__namespace.ɵɵpipe(2, "paginate");
             i0__namespace.ɵɵelementContainerEnd();
         }
@@ -32900,10 +34142,10 @@
             var _r56_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementStart(0, "td", 20);
             i0__namespace.ɵɵelementStart(1, "div", 21);
-            i0__namespace.ɵɵelementStart(2, "input", 44);
+            i0__namespace.ɵɵelementStart(2, "input", 43);
             i0__namespace.ɵɵlistener("change", function SearchResultComponent_table_0_ng_container_14_tr_1_td_1_Template_input_change_2_listener() { i0__namespace.ɵɵrestoreView(_r56_1); var result_r50 = i0__namespace.ɵɵnextContext().$implicit; var ctx_r54 = i0__namespace.ɵɵnextContext(3); return ctx_r54.changeSelection(result_r50); })("keyup", function SearchResultComponent_table_0_ng_container_14_tr_1_td_1_Template_input_keyup_2_listener($event) { i0__namespace.ɵɵrestoreView(_r56_1); var result_r50 = i0__namespace.ɵɵnextContext().$implicit; var ctx_r57 = i0__namespace.ɵɵnextContext(3); return ctx_r57.onKeyUp($event, result_r50); });
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelement(3, "label", 33);
+            i0__namespace.ɵɵelement(3, "label", 32);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
@@ -32920,7 +34162,7 @@
     }
     function SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_ng_container_2_ccd_field_read_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "ccd-field-read", 42);
+            i0__namespace.ɵɵelement(0, "ccd-field-read", 41);
         }
         if (rf & 2) {
             var col_r60 = i0__namespace.ɵɵnextContext(3).$implicit;
@@ -32941,9 +34183,9 @@
     }
     function SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_ng_container_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementContainerStart(0, 39);
-            i0__namespace.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_ng_container_2_ccd_field_read_1_Template, 1, 4, "ccd-field-read", 40);
-            i0__namespace.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_ng_container_2_ng_template_2_Template, 2, 3, "ng-template", null, 41, i0__namespace.ɵɵtemplateRefExtractor);
+            i0__namespace.ɵɵelementContainerStart(0, 38);
+            i0__namespace.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_ng_container_2_ccd_field_read_1_Template, 1, 4, "ccd-field-read", 39);
+            i0__namespace.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_ng_container_2_ng_template_2_Template, 2, 3, "ng-template", null, 40, i0__namespace.ɵɵtemplateRefExtractor);
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
@@ -32957,9 +34199,9 @@
     }
     function SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "a", 37);
+            i0__namespace.ɵɵelementStart(0, "a", 36);
             i0__namespace.ɵɵpipe(1, "ccdCaseReference");
-            i0__namespace.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_ng_container_2_Template, 4, 2, "ng-container", 38);
+            i0__namespace.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_ng_container_2_Template, 4, 2, "ng-container", 37);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -32973,8 +34215,8 @@
     }
     function SearchResultComponent_table_0_ng_container_14_tr_1_td_2_div_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 39);
-            i0__namespace.ɵɵelement(1, "ccd-field-read", 42);
+            i0__namespace.ɵɵelementStart(0, "div", 38);
+            i0__namespace.ɵɵelement(1, "ccd-field-read", 41);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -32988,9 +34230,9 @@
     }
     function SearchResultComponent_table_0_ng_container_14_tr_1_td_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "td", 34);
-            i0__namespace.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_Template, 3, 5, "a", 35);
-            i0__namespace.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_div_2_Template, 2, 6, "div", 36);
+            i0__namespace.ɵɵelementStart(0, "td", 33);
+            i0__namespace.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_Template, 3, 5, "a", 34);
+            i0__namespace.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_div_2_Template, 2, 6, "div", 35);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -33005,7 +34247,7 @@
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "td");
             i0__namespace.ɵɵelementStart(1, "div");
-            i0__namespace.ɵɵelement(2, "ccd-activity", 43);
+            i0__namespace.ɵɵelement(2, "ccd-activity", 42);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
@@ -33022,7 +34264,7 @@
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tr");
             i0__namespace.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_14_tr_1_td_1_Template, 4, 5, "td", 8);
-            i0__namespace.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_Template, 3, 2, "td", 31);
+            i0__namespace.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_Template, 3, 2, "td", 30);
             i0__namespace.ɵɵtemplate(3, SearchResultComponent_table_0_ng_container_14_tr_1_td_3_Template, 3, 4, "td", 0);
             i0__namespace.ɵɵelementEnd();
         }
@@ -33039,7 +34281,7 @@
     function SearchResultComponent_table_0_ng_container_14_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_14_tr_1_Template, 4, 3, "tr", 30);
+            i0__namespace.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_14_tr_1_Template, 4, 3, "tr", 9);
             i0__namespace.ɵɵpipe(2, "paginate");
             i0__namespace.ɵɵpipe(3, "ccdSortSearchResult");
             i0__namespace.ɵɵelementContainerEnd();
@@ -33064,7 +34306,7 @@
             i0__namespace.ɵɵelementStart(7, "thead");
             i0__namespace.ɵɵelementStart(8, "tr", 7);
             i0__namespace.ɵɵtemplate(9, SearchResultComponent_table_0_th_9_Template, 4, 2, "th", 8);
-            i0__namespace.ɵɵtemplate(10, SearchResultComponent_table_0_th_10_Template, 4, 4, "th", 9);
+            i0__namespace.ɵɵtemplate(10, SearchResultComponent_table_0_th_10_Template, 7, 3, "th", 9);
             i0__namespace.ɵɵtemplate(11, SearchResultComponent_table_0_th_11_Template, 1, 0, "th", 10);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -33099,7 +34341,7 @@
     function SearchResultComponent_ccd_pagination_1_Template(rf, ctx) {
         if (rf & 1) {
             var _r78_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "ccd-pagination", 45);
+            i0__namespace.ɵɵelementStart(0, "ccd-pagination", 44);
             i0__namespace.ɵɵlistener("pageChange", function SearchResultComponent_ccd_pagination_1_Template_ccd_pagination_pageChange_0_listener($event) { i0__namespace.ɵɵrestoreView(_r78_1); var ctx_r77 = i0__namespace.ɵɵnextContext(); return ctx_r77.goToPage($event); });
             i0__namespace.ɵɵelementEnd();
         }
@@ -33110,7 +34352,7 @@
     }
     function SearchResultComponent_div_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 46);
+            i0__namespace.ɵɵelementStart(0, "div", 45);
             i0__namespace.ɵɵtext(1, " No cases found. Try using different filters.\n");
             i0__namespace.ɵɵelementEnd();
         }
@@ -33472,7 +34714,7 @@
     SearchResultComponent.PARAM_CASE_TYPE = 'case-type';
     SearchResultComponent.PARAM_CASE_STATE = 'case-state';
     SearchResultComponent.ɵfac = function SearchResultComponent_Factory(t) { return new (t || SearchResultComponent)(i0__namespace.ɵɵdirectiveInject(SearchResultViewItemComparatorFactory), i0__namespace.ɵɵdirectiveInject(AbstractAppConfig), i0__namespace.ɵɵdirectiveInject(ActivityService), i0__namespace.ɵɵdirectiveInject(CaseReferencePipe), i0__namespace.ɵɵdirectiveInject(exports.PlaceholderService), i0__namespace.ɵɵdirectiveInject(BrowserService), i0__namespace.ɵɵdirectiveInject(SessionStorageService)); };
-    SearchResultComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: SearchResultComponent, selectors: [["ccd-search-result"]], inputs: { caseLinkUrlTemplate: "caseLinkUrlTemplate", jurisdiction: "jurisdiction", caseType: "caseType", caseState: "caseState", caseFilterFG: "caseFilterFG", resultView: "resultView", page: "page", paginationMetadata: "paginationMetadata", metadataFields: "metadataFields", selectionEnabled: "selectionEnabled", showOnlySelected: "showOnlySelected", preSelectedCases: "preSelectedCases", consumerSortingEnabled: "consumerSortingEnabled" }, outputs: { selection: "selection", changePage: "changePage", clickCase: "clickCase", sortHandler: "sortHandler" }, features: [i0__namespace.ɵɵNgOnChangesFeature], decls: 3, vars: 3, consts: [[4, "ngIf"], [3, "visibilityLabel", "autoHide", "maxSize", "screenReaderPaginationLabel", "screenReaderPageLabel", "screenReaderCurrentLabel", "pageChange", 4, "ngIf"], ["class", "notification", "aria-label", "No cases found. Try using different filters.", 4, "ngIf"], ["id", "search-result-heading__text", "tabindex", "-1", 1, "heading-h2"], ["class", "govuk-warning-text pagination-limit-warning", 4, "ngIf"], ["class", "pagination-top", "role", "status", 4, "ngIf"], ["class", "reset-selection", "attr.aria-label", "Reset selection", 4, "ngIf"], ["scope", "row"], ["class", "govuk-table__checkbox", "scope", "col", 4, "ngIf"], ["class", "search-result-column-header", 4, "ngFor", "ngForOf"], ["style", "width: 110px;", 4, "ngIf"], [1, "govuk-warning-text", "pagination-limit-warning"], ["aria-hidden", "true", 1, "govuk-warning-text__icon"], [1, "govuk-warning-text__text"], [1, "govuk-warning-text__assistive"], ["role", "status", 1, "pagination-top"], ["id", "search-result-summary__text", 1, "text-16"], [1, "govuk-!-font-weight-bold"], ["attr.aria-label", "Reset selection", 1, "reset-selection"], ["href", "javascript:void(0)", 1, "search-result-reset-link", 3, "click"], ["scope", "col", 1, "govuk-table__checkbox"], [1, "govuk-checkboxes__item"], ["id", "select-all", "name", "select-all", "type", "checkbox", 1, "govuk-checkboxes__input", 3, "checked", "disabled", "change"], ["for", "select-all", 1, "govuk-label", "govuk-checkboxes__label"], [1, "search-result-column-header"], [1, "search-result-column-label", 3, "click"], ["class", "search-result-column-sort", 4, "ngIf"], [1, "search-result-column-sort"], ["href", "javascript:void(0)", 1, "sort-widget", 3, "innerHTML", "click"], [2, "width", "110px"], [4, "ngFor", "ngForOf"], ["class", "search-result-column-cell", "scope", "row", 4, "ngFor", "ngForOf"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "id", "name", "checked", "disabled", "change"], [1, "govuk-label", "govuk-checkboxes__label", 3, "for"], ["scope", "row", 1, "search-result-column-cell"], ["class", "govuk-link", 3, "routerLink", 4, "ngIf"], ["class", "text-16", 3, "visibility", 4, "ngIf"], [1, "govuk-link", 3, "routerLink"], ["class", "text-16", 4, "ngIf"], [1, "text-16"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "elementsToSubstitute", 4, "ngIf", "ngIfElse"], ["case_reference", ""], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "elementsToSubstitute"], [3, "caseId", "displayMode"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "id", "name", "checked", "disabled", "change", "keyup"], [3, "visibilityLabel", "autoHide", "maxSize", "screenReaderPaginationLabel", "screenReaderPageLabel", "screenReaderCurrentLabel", "pageChange"], ["aria-label", "No cases found. Try using different filters.", 1, "notification"]], template: function SearchResultComponent_Template(rf, ctx) {
+    SearchResultComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: SearchResultComponent, selectors: [["ccd-search-result"]], inputs: { caseLinkUrlTemplate: "caseLinkUrlTemplate", jurisdiction: "jurisdiction", caseType: "caseType", caseState: "caseState", caseFilterFG: "caseFilterFG", resultView: "resultView", page: "page", paginationMetadata: "paginationMetadata", metadataFields: "metadataFields", selectionEnabled: "selectionEnabled", showOnlySelected: "showOnlySelected", preSelectedCases: "preSelectedCases", consumerSortingEnabled: "consumerSortingEnabled" }, outputs: { selection: "selection", changePage: "changePage", clickCase: "clickCase", sortHandler: "sortHandler" }, features: [i0__namespace.ɵɵNgOnChangesFeature], decls: 3, vars: 3, consts: [[4, "ngIf"], [3, "visibilityLabel", "autoHide", "maxSize", "screenReaderPaginationLabel", "screenReaderPageLabel", "screenReaderCurrentLabel", "pageChange", 4, "ngIf"], ["class", "notification", "aria-label", "No cases found. Try using different filters.", 4, "ngIf"], ["id", "search-result-heading__text", "tabindex", "-1", 1, "heading-h2"], ["class", "govuk-warning-text pagination-limit-warning", 4, "ngIf"], ["class", "pagination-top", "role", "status", 4, "ngIf"], ["class", "reset-selection", "attr.aria-label", "Reset selection", 4, "ngIf"], ["scope", "row"], ["class", "govuk-table__checkbox", "scope", "col", 4, "ngIf"], [4, "ngFor", "ngForOf"], ["style", "width: 110px;", 4, "ngIf"], [1, "govuk-warning-text", "pagination-limit-warning"], ["aria-hidden", "true", 1, "govuk-warning-text__icon"], [1, "govuk-warning-text__text"], [1, "govuk-warning-text__assistive"], ["role", "status", 1, "pagination-top"], ["id", "search-result-summary__text", 1, "text-16"], [1, "govuk-!-font-weight-bold"], ["attr.aria-label", "Reset selection", 1, "reset-selection"], ["href", "javascript:void(0)", 1, "search-result-reset-link", 3, "click"], ["scope", "col", 1, "govuk-table__checkbox"], [1, "govuk-checkboxes__item"], ["id", "select-all", "name", "select-all", "type", "checkbox", 1, "govuk-checkboxes__input", 3, "checked", "disabled", "change"], ["for", "select-all", 1, "govuk-label", "govuk-checkboxes__label"], [1, "search-result-column-header"], [1, "search-result-column-label", 3, "click"], ["class", "search-result-column-sort", 4, "ngIf"], [1, "search-result-column-sort"], ["href", "javascript:void(0)", 1, "sort-widget", 3, "innerHTML", "click"], [2, "width", "110px"], ["class", "search-result-column-cell", "scope", "row", 4, "ngFor", "ngForOf"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "id", "name", "checked", "disabled", "change"], [1, "govuk-label", "govuk-checkboxes__label", 3, "for"], ["scope", "row", 1, "search-result-column-cell"], ["class", "govuk-link", 3, "routerLink", 4, "ngIf"], ["class", "text-16", 3, "visibility", 4, "ngIf"], [1, "govuk-link", 3, "routerLink"], ["class", "text-16", 4, "ngIf"], [1, "text-16"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "elementsToSubstitute", 4, "ngIf", "ngIfElse"], ["case_reference", ""], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "elementsToSubstitute"], [3, "caseId", "displayMode"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "id", "name", "checked", "disabled", "change", "keyup"], [3, "visibilityLabel", "autoHide", "maxSize", "screenReaderPaginationLabel", "screenReaderPageLabel", "screenReaderCurrentLabel", "pageChange"], ["aria-label", "No cases found. Try using different filters.", 1, "notification"]], template: function SearchResultComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, SearchResultComponent_table_0_Template, 15, 9, "table", 0);
                 i0__namespace.ɵɵtemplate(1, SearchResultComponent_ccd_pagination_1_Template, 1, 6, "ccd-pagination", 1);
@@ -33543,7 +34785,7 @@
             BrowserService
         ], imports: [[
                 i1.CommonModule,
-                i1$5.NgxPaginationModule,
+                i1$6.NgxPaginationModule,
                 i1$1.RouterModule,
                 i2.FormsModule,
                 i2.ReactiveFormsModule,
@@ -33555,7 +34797,7 @@
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(SearchResultModule, { declarations: [SearchResultComponent], imports: [i1.CommonModule,
-                i1$5.NgxPaginationModule,
+                i1$6.NgxPaginationModule,
                 i1$1.RouterModule,
                 i2.FormsModule,
                 i2.ReactiveFormsModule,
@@ -33571,7 +34813,7 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i1$5.NgxPaginationModule,
+                            i1$6.NgxPaginationModule,
                             i1$1.RouterModule,
                             i2.FormsModule,
                             i2.ReactiveFormsModule,
@@ -33594,7 +34836,7 @@
                     }]
             }], null, null);
     })();
-    i0__namespace.ɵɵsetComponentScope(SearchResultComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace$1.RouterLinkWithHref, FieldReadComponent, LabelSubstitutorDirective, ActivityComponent, PaginationComponent], [i1__namespace.DecimalPipe, i1__namespace$5.PaginatePipe, CaseReferencePipe, SortSearchResultPipe]);
+    i0__namespace.ɵɵsetComponentScope(SearchResultComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace$1.RouterLinkWithHref, FieldReadComponent, LabelSubstitutorDirective, ActivityComponent, PaginationComponent], [i1__namespace.DecimalPipe, i1__namespace$6.PaginatePipe, CaseReferencePipe, SortSearchResultPipe]);
     var ComplexFieldOverride = /** @class */ (function () {
         function ComplexFieldOverride() {
@@ -33903,6 +35145,14 @@
     exports.CaseEventTriggerComponent = CaseEventTriggerComponent;
     exports.CaseField = CaseField;
     exports.CaseFieldService = CaseFieldService;
+    exports.CaseFileViewFieldComponent = CaseFileViewFieldComponent;
+    exports.CaseFileViewFieldReadComponent = CaseFileViewFieldReadComponent;
+    exports.CaseFileViewFolderComponent = CaseFileViewFolderComponent;
+    exports.CaseFileViewFolderDocumentActionsComponent = CaseFileViewFolderDocumentActionsComponent;
+    exports.CaseFileViewFolderSelectorComponent = CaseFileViewFolderSelectorComponent;
+    exports.CaseFileViewFolderSortComponent = CaseFileViewFolderSortComponent;
+    exports.CaseFileViewOverlayMenuComponent = CaseFileViewOverlayMenuComponent;
+    exports.CaseFileViewService = CaseFileViewService;
     exports.CaseFlagRefdataService = CaseFlagRefdataService;
     exports.CaseFlagSummaryListComponent = CaseFlagSummaryListComponent;
     exports.CaseFlagTableComponent = CaseFlagTableComponent;
@@ -34044,6 +35294,7 @@
     exports.LoadingService = LoadingService;
     exports.LoadingSpinnerComponent = LoadingSpinnerComponent;
     exports.LoadingSpinnerModule = LoadingSpinnerModule;
+    exports.MEDIA_VIEWER_LOCALSTORAGE_KEY = MEDIA_VIEWER_LOCALSTORAGE_KEY;
     exports.MULTIPLE_TASKS_FOUND = MULTIPLE_TASKS_FOUND;
     exports.ManageCaseFlagsComponent = ManageCaseFlagsComponent;
     exports.MarkdownComponent = MarkdownComponent;