@hmcts/ccd-case-ui-toolkit 5.0.33-angular11-upgrade → 5.0.36-prl-integration-merge-into-angular-11

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/forms'), require('rx-polling'), require('rxjs'), require('@angular/common/http'), require('rxjs/operators'), require('class-transformer'), require('underscore'), require('moment'), require('util'), require('@edium/fsm'), require('@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;
@@ -7171,12 +7216,15 @@
             }], null, null);
     })();
 
-    var JurisdictionService$1 = /** @class */ (function () {
+    var JurisdictionService = /** @class */ (function () {
         function JurisdictionService(httpService) {
             this.httpService = httpService;
             this.selectedJurisdictionSource = new rxjs.Subject();
             this.selectedJurisdiction = this.selectedJurisdictionSource.asObservable();
         }
+        JurisdictionService.prototype.getJurisdictions = function () {
+            return this.httpService.get('/aggregated/caseworkers/:uid/jurisdictions?access=read');
+        };
         JurisdictionService.prototype.announceSelectedJurisdiction = function (jurisdiction) {
             this.selectedJurisdictionSource.next(jurisdiction);
         };
@@ -7188,10 +7236,10 @@
         };
         return JurisdictionService;
     }());
-    JurisdictionService$1.ɵfac = function JurisdictionService_Factory(t) { return new (t || JurisdictionService$1)(i0__namespace.ɵɵinject(HttpService)); };
-    JurisdictionService$1.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: JurisdictionService$1, factory: JurisdictionService$1.ɵfac });
+    JurisdictionService.ɵfac = function JurisdictionService_Factory(t) { return new (t || JurisdictionService)(i0__namespace.ɵɵinject(HttpService)); };
+    JurisdictionService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: JurisdictionService, factory: JurisdictionService.ɵfac });
     (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(JurisdictionService$1, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(JurisdictionService, [{
                 type: i0.Injectable
             }], function () { return [{ type: HttpService }]; }, null);
     })();
@@ -11054,7 +11102,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
@@ -11250,27 +11298,6 @@
             }], null, null);
     })();
 
-    var JurisdictionService = /** @class */ (function () {
-        function JurisdictionService(http) {
-            this.http = http;
-        }
-        JurisdictionService.prototype.getJurisdictions = function () {
-            var headers = new i1$2.HttpHeaders({
-                'Content-Type': 'application/json',
-                Accept: 'application/json'
-            });
-            return this.http.get('/aggregated/caseworkers/:uid/jurisdictions?access=read', { headers: headers });
-        };
-        return JurisdictionService;
-    }());
-    JurisdictionService.ɵfac = function JurisdictionService_Factory(t) { return new (t || JurisdictionService)(i0__namespace.ɵɵinject(i1__namespace$2.HttpClient)); };
-    JurisdictionService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: JurisdictionService, factory: JurisdictionService.ɵfac });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(JurisdictionService, [{
-                type: i0.Injectable
-            }], function () { return [{ type: i1__namespace$2.HttpClient }]; }, null);
-    })();
-
     var LinkedCasesService = /** @class */ (function () {
         function LinkedCasesService(jurisdictionService, searchService) {
             var _this = this;
@@ -11513,43 +11540,24 @@
             }], null, null);
     })();
 
-    exports.PaletteContext = void 0;
-    (function (PaletteContext) {
-        PaletteContext["DEFAULT"] = "DEFAULT";
-        PaletteContext["CHECK_YOUR_ANSWER"] = "CHECK_YOUR_ANSWER";
-        PaletteContext["TABLE_VIEW"] = "TABLE_VIEW";
-    })(exports.PaletteContext || (exports.PaletteContext = {}));
-
-    var AbstractFieldReadComponent = /** @class */ (function (_super) {
-        __extends(AbstractFieldReadComponent, _super);
-        function AbstractFieldReadComponent() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
-            /**
-             * Optional. Enable context-aware rendering of fields.
-             */
-            _this.context = exports.PaletteContext.DEFAULT;
-            return _this;
+    var CommonDataService = /** @class */ (function () {
+        function CommonDataService(http) {
+            this.http = http;
         }
-        AbstractFieldReadComponent.prototype.ngOnInit = function () {
-            if (!this.caseField.metadata) {
-                this.registerControl(new i2.FormControl(this.caseField.value));
+        CommonDataService.prototype.getRefData = function (url) {
+            if (url) {
+                return this.http.get(url, { observe: 'body' });
             }
+            return rxjs.of(null);
         };
-        return AbstractFieldReadComponent;
-    }(AbstractFormFieldComponent));
-    AbstractFieldReadComponent.ɵfac = function AbstractFieldReadComponent_Factory(t) { return ɵAbstractFieldReadComponent_BaseFactory(t || AbstractFieldReadComponent); };
-    AbstractFieldReadComponent.ɵdir = i0__namespace.ɵɵdefineDirective({ type: AbstractFieldReadComponent, inputs: { caseReference: "caseReference", topLevelFormGroup: "topLevelFormGroup", context: "context" }, features: [i0__namespace.ɵɵInheritDefinitionFeature] });
-    var ɵAbstractFieldReadComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(AbstractFieldReadComponent);
+        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(AbstractFieldReadComponent, [{
-                type: i0.Directive
-            }], null, { caseReference: [{
-                    type: i0.Input
-                }], topLevelFormGroup: [{
-                    type: i0.Input
-                }], context: [{
-                    type: i0.Input
-                }] });
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CommonDataService, [{
+                type: i0.Injectable
+            }], function () { return [{ type: i1__namespace$2.HttpClient }]; }, null);
     })();
 
     var AddressOption = /** @class */ (function () {
@@ -11577,7 +11585,7 @@
         return AddressOption;
     }());
 
-    var _c0$P = ["writeComplexFieldComponent"];
+    var _c0$R = ["writeComplexFieldComponent"];
     function WriteAddressFieldComponent_div_1_div_4_span_4_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 14);
@@ -11585,7 +11593,7 @@
             i0__namespace.ɵɵelementEnd();
         }
     }
-    var _c1$j = function (a0) { return { "form-group-error": a0 }; };
+    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) {
@@ -11606,7 +11614,7 @@
         }
         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.ɵɵ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);
@@ -11791,7 +11799,7 @@
     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$P, 1);
+                i0__namespace.ɵɵviewQuery(_c0$R, 1);
                 i0__namespace.ɵɵviewQuery(FocusElementDirective, 1);
             }
             if (rf & 2) {
@@ -11833,6 +11841,272 @@
                 }] });
     })();
 
+    exports.PaletteContext = void 0;
+    (function (PaletteContext) {
+        PaletteContext["DEFAULT"] = "DEFAULT";
+        PaletteContext["CHECK_YOUR_ANSWER"] = "CHECK_YOUR_ANSWER";
+        PaletteContext["TABLE_VIEW"] = "TABLE_VIEW";
+    })(exports.PaletteContext || (exports.PaletteContext = {}));
+
+    var AbstractFieldReadComponent = /** @class */ (function (_super) {
+        __extends(AbstractFieldReadComponent, _super);
+        function AbstractFieldReadComponent() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            /**
+             * Optional. Enable context-aware rendering of fields.
+             */
+            _this.context = exports.PaletteContext.DEFAULT;
+            return _this;
+        }
+        AbstractFieldReadComponent.prototype.ngOnInit = function () {
+            if (!this.caseField.metadata) {
+                this.registerControl(new i2.FormControl(this.caseField.value));
+            }
+        };
+        return AbstractFieldReadComponent;
+    }(AbstractFormFieldComponent));
+    AbstractFieldReadComponent.ɵfac = function AbstractFieldReadComponent_Factory(t) { return ɵAbstractFieldReadComponent_BaseFactory(t || AbstractFieldReadComponent); };
+    AbstractFieldReadComponent.ɵdir = i0__namespace.ɵɵdefineDirective({ type: AbstractFieldReadComponent, inputs: { caseReference: "caseReference", topLevelFormGroup: "topLevelFormGroup", context: "context" }, features: [i0__namespace.ɵɵInheritDefinitionFeature] });
+    var ɵAbstractFieldReadComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(AbstractFieldReadComponent);
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AbstractFieldReadComponent, [{
+                type: i0.Directive
+            }], null, { caseReference: [{
+                    type: i0.Input
+                }], topLevelFormGroup: [{
+                    type: i0.Input
+                }], context: [{
+                    type: i0.Input
+                }] });
+    })();
+
+    function CaseFileViewFieldComponent_div_0_Template(rf, ctx) {
+        if (rf & 1) {
+            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 CaseFileViewFieldComponent_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 CaseFileViewFieldComponent_div_1_Template(rf, ctx) {
+        if (rf & 1) {
+            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.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            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 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) {
+            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 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", 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.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            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 CaseFileViewFieldReadComponent = /** @class */ (function (_super) {
+        __extends(CaseFileViewFieldReadComponent, _super);
+        function CaseFileViewFieldReadComponent() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.allowMoving = true;
+            return _this;
+        }
+        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.ɵɵ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) {
+                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}"] });
+    var ɵCaseFileViewFieldReadComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(CaseFileViewFieldReadComponent);
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFieldReadComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-case-file-view-field',
+                        templateUrl: './case-file-view-field.component.html',
+                        styleUrls: ['./case-file-view-field.component.scss'],
+                    }]
+            }], null, null);
+    })();
+
     exports.AddCommentsErrorMessage = void 0;
     (function (AddCommentsErrorMessage) {
         AddCommentsErrorMessage["FLAG_COMMENTS_NOT_ENTERED"] = "Please enter comments for this flag";
@@ -12185,7 +12459,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 +12480,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 +12924,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 +13050,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 +13089,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 +13104,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 +13121,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 +13255,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 +13668,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 +14256,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 +14290,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 +14550,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 +14592,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 +14750,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 +14799,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 +14949,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 +14962,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 +14972,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 +15020,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 +15127,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 +15152,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 +15162,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 +15284,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 +15333,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 +15451,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 +15464,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 +15473,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 +15504,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);
@@ -15316,7 +15590,7 @@
         };
         return ReadJudicialUserFieldComponent;
     }(AbstractFieldReadComponent));
-    ReadJudicialUserFieldComponent.ɵfac = function ReadJudicialUserFieldComponent_Factory(t) { return new (t || ReadJudicialUserFieldComponent)(i0__namespace.ɵɵdirectiveInject(JurisdictionService$1)); };
+    ReadJudicialUserFieldComponent.ɵfac = function ReadJudicialUserFieldComponent_Factory(t) { return new (t || ReadJudicialUserFieldComponent)(i0__namespace.ɵɵdirectiveInject(JurisdictionService)); };
     ReadJudicialUserFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadJudicialUserFieldComponent, selectors: [["ccd-read-judicial-user-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "text-16", 4, "ngIf"], [1, "text-16"]], template: function ReadJudicialUserFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, ReadJudicialUserFieldComponent_span_0_Template, 2, 2, "span", 0);
@@ -15332,7 +15606,7 @@
                         selector: 'ccd-read-judicial-user-field',
                         templateUrl: './read-judicial-user-field.component.html'
                     }]
-            }], function () { return [{ type: JurisdictionService$1 }]; }, null);
+            }], function () { return [{ type: JurisdictionService }]; }, null);
     })();
 
     function WriteJudicialUserFieldComponent_span_2_Template(rf, ctx) {
@@ -15360,7 +15634,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 +15646,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, ") ");
         }
@@ -15425,7 +15699,7 @@
         };
         return WriteJudicialUserFieldComponent;
     }(AbstractFieldWriteComponent));
-    WriteJudicialUserFieldComponent.ɵfac = function WriteJudicialUserFieldComponent_Factory(t) { return new (t || WriteJudicialUserFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(JurisdictionService$1)); };
+    WriteJudicialUserFieldComponent.ɵfac = function WriteJudicialUserFieldComponent_Factory(t) { return new (t || WriteJudicialUserFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(JurisdictionService)); };
     WriteJudicialUserFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteJudicialUserFieldComponent, selectors: [["ccd-write-judicial-user-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 9, vars: 9, consts: [[1, "form-group", 3, "formGroup"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], [1, "form-control", "bottom-30", 3, "id", "formControl", "matAutocomplete"], ["autoActiveFirstOption", ""], ["autoComplete", "matAutocomplete"], ["class", "select-option", 3, "ngClass", "value", "onSelectionChange", 4, "ngFor", "ngForOf"], ["class", "select-option", 4, "ngIf"], [1, "form-label"], [1, "form-hint"], [1, "select-option", 3, "ngClass", "value", "onSelectionChange"], [1, "select-option"]], template: function WriteJudicialUserFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -15465,7 +15739,7 @@
                         styleUrls: ['./write-judicial-user-field.component.scss'],
                         templateUrl: './write-judicial-user-field.component.html'
                     }]
-            }], function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: i0__namespace.ChangeDetectorRef }, { type: JurisdictionService$1 }]; }, null);
+            }], function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: i0__namespace.ChangeDetectorRef }, { type: JurisdictionService }]; }, null);
     })();
 
     var LabelFieldComponent = /** @class */ (function () {
@@ -15719,7 +15993,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 +16023,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 +16171,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 +16235,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 +16326,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 +16351,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 +16361,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 +16652,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 +16668,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 +17140,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 +17165,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 +17175,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 +17257,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 +17293,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 +17303,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 +17385,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 +17415,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 +17425,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 +17623,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 +17636,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 +17646,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 +17677,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 +17702,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 +17770,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 +17797,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 +17846,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 +17887,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 +17935,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 +17998,7 @@
             i0__namespace.ɵɵprojection(0);
         }
     }
-    var _c0$t = ["*"];
+    var _c0$v = ["*"];
     var FieldReadLabelComponent = /** @class */ (function (_super) {
         __extends(FieldReadLabelComponent, _super);
         function FieldReadLabelComponent() {
@@ -17748,7 +18036,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 +18070,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 +21151,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 +21262,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 +21287,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 +21537,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 +24597,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 +24993,14 @@
         WriteFixedRadioListFieldComponent,
         WriteCaseLinkFieldComponent,
         WriteCollectionFieldComponent,
+        // ComponentLauncher web components
+        CaseFileViewFieldComponent,
+        CaseFileViewFieldReadComponent,
+        CaseFileViewFolderComponent,
+        CaseFileViewFolderSortComponent,
+        CaseFileViewOverlayMenuComponent,
+        CaseFileViewFolderDocumentActionsComponent,
+        CaseFileViewFolderSelectorComponent,
         LinkedCasesToTableComponent,
         LinkedCasesFromTableComponent,
         BeforeYouStartComponent,
@@ -23853,7 +25029,7 @@
             WindowService,
             LinkedCasesService,
             CommonDataService,
-            JurisdictionService$1,
+            JurisdictionService,
             { provide: i6.MAT_DATE_LOCALE, useValue: 'en-GB' }
         ], imports: [[
                 i1.CommonModule,
@@ -23869,7 +25045,7 @@
                 FormModule,
                 TabsModule,
                 LabelSubstitutorModule,
-                i1$4.NgxMdModule,
+                i1$5.NgxMdModule,
                 i4.NgxMatDatetimePickerModule,
                 i4.NgxMatTimepickerModule,
                 i4.NgxMatNativeDateModule,
@@ -23877,8 +25053,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 +25151,14 @@
                 WriteFixedRadioListFieldComponent,
                 WriteCaseLinkFieldComponent,
                 WriteCollectionFieldComponent,
+                // ComponentLauncher web components
+                CaseFileViewFieldComponent,
+                CaseFileViewFieldReadComponent,
+                CaseFileViewFolderComponent,
+                CaseFileViewFolderSortComponent,
+                CaseFileViewOverlayMenuComponent,
+                CaseFileViewFolderDocumentActionsComponent,
+                CaseFileViewFolderSelectorComponent,
                 LinkedCasesToTableComponent,
                 LinkedCasesFromTableComponent,
                 BeforeYouStartComponent,
@@ -23990,7 +25179,7 @@
                 FormModule,
                 TabsModule,
                 LabelSubstitutorModule,
-                i1$4.NgxMdModule,
+                i1$5.NgxMdModule,
                 i4.NgxMatDatetimePickerModule,
                 i4.NgxMatTimepickerModule,
                 i4.NgxMatNativeDateModule,
@@ -23998,7 +25187,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 +25268,14 @@
                 WriteFixedRadioListFieldComponent,
                 WriteCaseLinkFieldComponent,
                 WriteCollectionFieldComponent,
+                // ComponentLauncher web components
+                CaseFileViewFieldComponent,
+                CaseFileViewFieldReadComponent,
+                CaseFileViewFolderComponent,
+                CaseFileViewFolderSortComponent,
+                CaseFileViewOverlayMenuComponent,
+                CaseFileViewFolderDocumentActionsComponent,
+                CaseFileViewFolderSelectorComponent,
                 LinkedCasesToTableComponent,
                 LinkedCasesFromTableComponent,
                 BeforeYouStartComponent,
@@ -24102,7 +25303,7 @@
                             FormModule,
                             TabsModule,
                             LabelSubstitutorModule,
-                            i1$4.NgxMdModule,
+                            i1$5.NgxMdModule,
                             i4.NgxMatDatetimePickerModule,
                             i4.NgxMatTimepickerModule,
                             i4.NgxMatNativeDateModule,
@@ -24110,8 +25311,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,
@@ -24148,9 +25354,10 @@
                             WindowService,
                             LinkedCasesService,
                             CommonDataService,
-                            JurisdictionService$1,
+                            JurisdictionService,
                             { provide: i6.MAT_DATE_LOCALE, useValue: 'en-GB' }
-                        ]
+                        ],
+                        entryComponents: [CaseFileViewFolderSelectorComponent]
                     }]
             }], null, null);
     })();
@@ -24189,6 +25396,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 +26435,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 +27330,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 +27737,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 +27797,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 +27810,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 +27836,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 +27854,7 @@
                             i1.CommonModule,
                             i2.FormsModule,
                             i1$1.RouterModule,
-                            i1$5.NgxPaginationModule,
+                            i1$6.NgxPaginationModule,
                             PaginationModule
                         ],
                         declarations: [CaseListComponent],
@@ -27017,7 +28228,7 @@
     WorkbasketFiltersComponent.PARAM_JURISDICTION = 'jurisdiction';
     WorkbasketFiltersComponent.PARAM_CASE_TYPE = 'case-type';
     WorkbasketFiltersComponent.PARAM_CASE_STATE = 'case-state';
-    WorkbasketFiltersComponent.ɵfac = function WorkbasketFiltersComponent_Factory(t) { return new (t || WorkbasketFiltersComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(WorkbasketInputFilterService), i0__namespace.ɵɵdirectiveInject(OrderService), i0__namespace.ɵɵdirectiveInject(JurisdictionService$1), i0__namespace.ɵɵdirectiveInject(AlertService), i0__namespace.ɵɵdirectiveInject(WindowService)); };
+    WorkbasketFiltersComponent.ɵfac = function WorkbasketFiltersComponent_Factory(t) { return new (t || WorkbasketFiltersComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(WorkbasketInputFilterService), i0__namespace.ɵɵdirectiveInject(OrderService), i0__namespace.ɵɵdirectiveInject(JurisdictionService), i0__namespace.ɵɵdirectiveInject(AlertService), i0__namespace.ɵɵdirectiveInject(WindowService)); };
     WorkbasketFiltersComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WorkbasketFiltersComponent, selectors: [["ccd-workbasket-filters"]], inputs: { jurisdictions: "jurisdictions", defaults: "defaults" }, outputs: { onApply: "onApply", onReset: "onReset" }, decls: 28, vars: 13, consts: [["aria-label", "Filters", 1, "heading-h2"], [1, "global-display"], [1, "form-group"], ["for", "wb-jurisdiction", 1, "form-label"], ["id", "wb-jurisdiction", "name", "jurisdiction", "aria-controls", "search-result", 1, "form-control", "form-control-3-4", "ccd-dropdown", 3, "ngModel", "ngModelChange", "change"], [3, "ngValue", 4, "ngIf"], [3, "ngValue", 4, "ngFor", "ngForOf"], ["for", "wb-case-type", 1, "form-label"], ["id", "wb-case-type", "name", "case-type", "aria-controls", "search-result", 1, "form-control", "form-control-3-4", "ccd-dropdown", 3, "ngModel", "disabled", "ngModelChange", "change"], ["for", "wb-case-state", 1, "form-label"], ["id", "wb-case-state", "name", "state", "aria-controls", "search-result", 1, "form-control", "form-control-3-4", "ccd-dropdown", 3, "ngModel", "disabled", "ngModelChange"], [3, "ngValue"], ["ccdConditionalShowForm", "", 3, "formGroup", "contextFields", 4, "ngIf"], ["type", "button", "title", "Apply filter", "aria-label", "Apply filter", 1, "button", "workbasket-filters-apply", 3, "disabled", "click"], ["type", "button", "title", "Reset filter", "aria-label", "Reset filter", 1, "button", "button-secondary", 3, "click"], ["ccdConditionalShowForm", "", 3, "formGroup", "contextFields"], ["id", "dynamicFilters"], ["class", "form-group", 4, "ngFor", "ngForOf"], [3, "caseField", "formGroup", "isExpanded", "isInSearchBlock", "keyup.enter"]], template: function WorkbasketFiltersComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "h2", 0);
@@ -27101,7 +28312,7 @@
                         templateUrl: './workbasket-filters.component.html',
                         styleUrls: ['./workbasket-filters.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: WorkbasketInputFilterService }, { type: OrderService }, { type: JurisdictionService$1 }, { type: AlertService }, { type: WindowService }]; }, { jurisdictions: [{
+            }], function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: WorkbasketInputFilterService }, { type: OrderService }, { type: JurisdictionService }, { type: AlertService }, { type: WindowService }]; }, { jurisdictions: [{
                     type: i0.Input
                 }], defaults: [{
                     type: i0.Input
@@ -27122,7 +28333,7 @@
     WorkbasketFiltersModule.ɵinj = i0__namespace.ɵɵdefineInjector({ providers: [
             WorkbasketInputFilterService,
             OrderService,
-            JurisdictionService$1,
+            JurisdictionService,
             AlertService,
             WindowService,
         ], imports: [[
@@ -27159,7 +28370,7 @@
                         providers: [
                             WorkbasketInputFilterService,
                             OrderService,
-                            JurisdictionService$1,
+                            JurisdictionService,
                             AlertService,
                             WindowService,
                         ]
@@ -27242,7 +28453,7 @@
     CaseListFiltersModule.ɵinj = i0__namespace.ɵɵdefineInjector({ providers: [
             WorkbasketInputFilterService,
             OrderService,
-            JurisdictionService$1,
+            JurisdictionService,
             AlertService,
             WindowService
         ], imports: [[
@@ -27282,7 +28493,7 @@
                         providers: [
                             WorkbasketInputFilterService,
                             OrderService,
-                            JurisdictionService$1,
+                            JurisdictionService,
                             AlertService,
                             WindowService
                         ]
@@ -28713,8 +29924,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 +29940,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 +29952,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 +29971,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 +29983,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 +30340,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 +30408,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);
@@ -32417,7 +33634,7 @@
         };
         return SearchFiltersComponent;
     }());
-    SearchFiltersComponent.ɵfac = function SearchFiltersComponent_Factory(t) { return new (t || SearchFiltersComponent)(i0__namespace.ɵɵdirectiveInject(SearchService), i0__namespace.ɵɵdirectiveInject(OrderService), i0__namespace.ɵɵdirectiveInject(JurisdictionService$1), i0__namespace.ɵɵdirectiveInject(WindowService)); };
+    SearchFiltersComponent.ɵfac = function SearchFiltersComponent_Factory(t) { return new (t || SearchFiltersComponent)(i0__namespace.ɵɵdirectiveInject(SearchService), i0__namespace.ɵɵdirectiveInject(OrderService), i0__namespace.ɵɵdirectiveInject(JurisdictionService), i0__namespace.ɵɵdirectiveInject(WindowService)); };
     SearchFiltersComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: SearchFiltersComponent, selectors: [["ccd-search-filters"]], inputs: { jurisdictions: "jurisdictions", autoApply: "autoApply" }, outputs: { onApply: "onApply", onReset: "onReset", onJurisdiction: "onJurisdiction" }, decls: 19, vars: 7, consts: [["aria-label", "Filters", 1, "heading-h2"], [1, "global-display"], [1, "form-group", 2, "margin-top", "13px"], ["for", "s-jurisdiction", 1, "form-label"], ["id", "s-jurisdiction", "name", "jurisdiction", "aria-controls", "search-result", 1, "form-control", "form-control-3-4", "ccd-dropdown", 3, "ngModel", "ngModelChange", "change"], [3, "ngValue", 4, "ngFor", "ngForOf"], [1, "form-group"], ["for", "s-case-type", 1, "form-label"], ["id", "s-case-type", "name", "case-type", "aria-controls", "search-result", 1, "form-control", "form-control-3-4", "ccd-dropdown", 3, "disabled", "ngModel", "ngModelChange", "change"], ["ccdConditionalShowForm", "", 3, "formGroup", "contextFields", 4, "ngIf"], ["type", "button", "title", "Apply filter", "aria-label", "Apply filter", 1, "button", 3, "disabled", "click", "keyup.enter"], ["id", "reset", "type", "button", "title", "Reset filter", "aria-label", "Reset filter", 1, "button", "button-secondary", 3, "click"], [3, "ngValue"], ["ccdConditionalShowForm", "", 3, "formGroup", "contextFields"], ["id", "dynamicFilters"], ["class", "form-group", 4, "ngFor", "ngForOf"], [3, "caseField", "formGroup", "isExpanded", "keyup.enter"]], template: function SearchFiltersComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "h2", 0);
@@ -32476,7 +33693,7 @@
                         selector: 'ccd-search-filters',
                         templateUrl: './search-filters.component.html',
                     }]
-            }], function () { return [{ type: SearchService }, { type: OrderService }, { type: JurisdictionService$1 }, { type: WindowService }]; }, { jurisdictions: [{
+            }], function () { return [{ type: SearchService }, { type: OrderService }, { type: JurisdictionService }, { type: WindowService }]; }, { jurisdictions: [{
                     type: i0.Input
                 }], autoApply: [{
                     type: i0.Input
@@ -32565,7 +33782,7 @@
     SearchFiltersModule.ɵinj = i0__namespace.ɵɵdefineInjector({ providers: [
             SearchService,
             OrderService,
-            JurisdictionService$1,
+            JurisdictionService,
             DefinitionsService,
             WindowService
         ], imports: [[
@@ -32604,7 +33821,7 @@
                         providers: [
                             SearchService,
                             OrderService,
-                            JurisdictionService$1,
+                            JurisdictionService,
                             DefinitionsService,
                             WindowService
                         ]
@@ -32697,12 +33914,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 +33933,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 +33968,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 +33989,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 +34010,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 +34026,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 +34042,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 +34057,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 +34074,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 +34091,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 +34109,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 +34124,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 +34144,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 +34165,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 +34181,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 +34197,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 +34212,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 +34229,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 +34246,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 +34263,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 +34288,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 +34323,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 +34334,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 +34696,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 +34767,7 @@
             BrowserService
         ], imports: [[
                 i1.CommonModule,
-                i1$5.NgxPaginationModule,
+                i1$6.NgxPaginationModule,
                 i1$1.RouterModule,
                 i2.FormsModule,
                 i2.ReactiveFormsModule,
@@ -33555,7 +34779,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 +34795,7 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i1$5.NgxPaginationModule,
+                            i1$6.NgxPaginationModule,
                             i1$1.RouterModule,
                             i2.FormsModule,
                             i2.ReactiveFormsModule,
@@ -33594,7 +34818,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 +35127,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;
@@ -34028,7 +35260,7 @@
     exports.IsReadOnlyPipe = IsReadOnlyPipe;
     exports.JudicialworkerService = JudicialworkerService;
     exports.Jurisdiction = Jurisdiction;
-    exports.JurisdictionService = JurisdictionService$1;
+    exports.JurisdictionService = JurisdictionService;
     exports.LabelFieldComponent = LabelFieldComponent;
     exports.LabelSubstitutorDirective = LabelSubstitutorDirective;
     exports.LabelSubstitutorModule = LabelSubstitutorModule;
@@ -34044,6 +35276,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;