@hmcts/ccd-case-ui-toolkit 5.0.25-case-file-view-document-tree-functionalities-v3 → 5.0.25-case-file-sort-documents-v5

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/forms'), require('rx-polling'), require('rxjs'), require('@angular/common/http'), require('rxjs/operators'), require('class-transformer'), require('underscore'), require('moment'), require('util'), require('@edium/fsm'), require('ngx-md'), require('@angular/cdk/tree'), require('@angular/material/dialog'), require('@nicky-lenaers/ngx-scroll-to'), require('@angular-material-components/datetime-picker'), require('@angular-material-components/moment-adapter'), require('@angular/material/datepicker'), require('@angular/material/form-field'), require('@angular/material/autocomplete'), require('@angular/material/core'), require('@hmcts/ccpay-web-component'), require('@angular/cdk/portal'), require('@angular/material/input'), require('ngx-pagination'), require('@angular/material/tabs')) :
-    typeof define === 'function' && define.amd ? define('@hmcts/ccd-case-ui-toolkit', ['exports', '@angular/core', '@angular/common', '@angular/router', '@angular/forms', 'rx-polling', 'rxjs', '@angular/common/http', 'rxjs/operators', 'class-transformer', 'underscore', 'moment', 'util', '@edium/fsm', 'ngx-md', '@angular/cdk/tree', '@angular/material/dialog', '@nicky-lenaers/ngx-scroll-to', '@angular-material-components/datetime-picker', '@angular-material-components/moment-adapter', '@angular/material/datepicker', '@angular/material/form-field', '@angular/material/autocomplete', '@angular/material/core', '@hmcts/ccpay-web-component', '@angular/cdk/portal', '@angular/material/input', 'ngx-pagination', '@angular/material/tabs'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.hmcts = global.hmcts || {}, global.hmcts["ccd-case-ui-toolkit"] = {}), global.ng.core, global.ng.common, global.ng.router, global.ng.forms, global["rx-polling"], global.rxjs, global.ng.common.http, global.rxjs.operators, global["class-transformer"], global.underscore, global.moment, global.util, global["@edium/fsm"], global["ngx-md"], global.ng.cdk.tree, global.ng.material.dialog, global["@nicky-lenaers/ngx-scroll-to"], global["@angular-material-components/datetime-picker"], global["@angular-material-components/moment-adapter"], global.ng.material.datepicker, global.ng.material.formField, global.ng.material.autocomplete, global.ng.material.core, global["@hmcts/ccpay-web-component"], global.ng.cdk.portal, global.ng.material.input, global["ngx-pagination"], global.ng.material.tabs));
-})(this, (function (exports, i0, i1, i1$1, i1$2, polling, rxjs, i1$3, operators, classTransformer, _, moment, util, fsm, i1$4, i3, i1$5, i2, i4, momentAdapter, i5, i6, i5$1, i6$1, i3$1, i6$2, input, i1$6, i10) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/forms'), require('rx-polling'), require('rxjs'), require('@angular/common/http'), require('rxjs/operators'), require('class-transformer'), require('underscore'), require('moment'), require('util'), require('@edium/fsm'), require('ngx-md'), require('@angular/cdk/tree'), require('@angular/cdk/overlay'), require('@angular/material/dialog'), require('@nicky-lenaers/ngx-scroll-to'), require('@angular-material-components/datetime-picker'), require('@angular-material-components/moment-adapter'), require('@angular/material/datepicker'), require('@angular/material/form-field'), require('@angular/material/autocomplete'), require('@angular/material/core'), require('@hmcts/ccpay-web-component'), require('@angular/cdk/portal'), require('@angular/material/input'), require('ngx-pagination'), require('@angular/material/tabs')) :
+    typeof define === 'function' && define.amd ? define('@hmcts/ccd-case-ui-toolkit', ['exports', '@angular/core', '@angular/common', '@angular/router', '@angular/forms', 'rx-polling', 'rxjs', '@angular/common/http', 'rxjs/operators', 'class-transformer', 'underscore', 'moment', 'util', '@edium/fsm', 'ngx-md', '@angular/cdk/tree', '@angular/cdk/overlay', '@angular/material/dialog', '@nicky-lenaers/ngx-scroll-to', '@angular-material-components/datetime-picker', '@angular-material-components/moment-adapter', '@angular/material/datepicker', '@angular/material/form-field', '@angular/material/autocomplete', '@angular/material/core', '@hmcts/ccpay-web-component', '@angular/cdk/portal', '@angular/material/input', 'ngx-pagination', '@angular/material/tabs'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.hmcts = global.hmcts || {}, global.hmcts["ccd-case-ui-toolkit"] = {}), global.ng.core, global.ng.common, global.ng.router, global.ng.forms, global["rx-polling"], global.rxjs, global.ng.common.http, global.rxjs.operators, global["class-transformer"], global.underscore, global.moment, global.util, global["@edium/fsm"], global["ngx-md"], global.ng.cdk.tree, global.ng.cdk.overlay, global.ng.material.dialog, global["@nicky-lenaers/ngx-scroll-to"], global["@angular-material-components/datetime-picker"], global["@angular-material-components/moment-adapter"], global.ng.material.datepicker, global.ng.material.formField, global.ng.material.autocomplete, global.ng.material.core, global["@hmcts/ccpay-web-component"], global.ng.cdk.portal, global.ng.material.input, global["ngx-pagination"], global.ng.material.tabs));
+})(this, (function (exports, i0, i1, i1$1, i1$2, polling, rxjs, i1$3, operators, classTransformer, _, moment, util, fsm, i1$4, i2, i1$5, i1$6, i2$1, i4, momentAdapter, i5, i6, i5$1, i6$1, i3, i6$2, input, i1$7, i10) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -33,17 +33,18 @@
     var ___namespace = /*#__PURE__*/_interopNamespace(_);
     var moment__namespace = /*#__PURE__*/_interopNamespace(moment);
     var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
-    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
     var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+    var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
+    var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$6);
+    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
     var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
     var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
     var i5__namespace$1 = /*#__PURE__*/_interopNamespace(i5$1);
     var i6__namespace$1 = /*#__PURE__*/_interopNamespace(i6$1);
-    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var i6__namespace$2 = /*#__PURE__*/_interopNamespace(i6$2);
-    var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$6);
+    var i1__namespace$7 = /*#__PURE__*/_interopNamespace(i1$7);
     var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
 
     function FooterComponent_div_2_Template(rf, ctx) {
@@ -115,7 +116,7 @@
             i0__namespace.ɵɵtextInterpolate(ctx_r1.workhours);
         }
     }
-    var _c0$P = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
+    var _c0$Q = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
     var _c1$n = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
     var FooterComponent = /** @class */ (function () {
         function FooterComponent() {
@@ -125,7 +126,7 @@
     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$n, 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$P);
+                i0__namespace.ɵɵprojectionDef(_c0$Q);
                 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,7 +205,7 @@
             i0__namespace.ɵɵtextInterpolate(ctx_r2.title);
         }
     }
-    var _c0$O = [[["", "headerNavigation", ""]]];
+    var _c0$P = [[["", "headerNavigation", ""]]];
     var _c1$m = ["[headerNavigation]"];
     var HeaderBarComponent = /** @class */ (function () {
         function HeaderBarComponent() {
@@ -218,7 +219,7 @@
     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$m, 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$O);
+                i0__namespace.ɵɵprojectionDef(_c0$P);
                 i0__namespace.ɵɵelementStart(0, "header", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
                 i0__namespace.ɵɵelementStart(2, "div", 2);
@@ -279,7 +280,7 @@
                 }] });
     })();
 
-    var _c0$N = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
+    var _c0$O = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
     var _c1$l = ["[leftNavLinks]", "[rightNavLinks]"];
     var NavigationComponent = /** @class */ (function () {
         function NavigationComponent() {
@@ -289,7 +290,7 @@
     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$l, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$N);
+                i0__namespace.ɵɵprojectionDef(_c0$O);
                 i0__namespace.ɵɵelementStart(0, "div");
                 i0__namespace.ɵɵelementStart(1, "nav", 0);
                 i0__namespace.ɵɵprojection(2);
@@ -434,7 +435,7 @@
             }], null, null);
     })();
 
-    var _c0$M = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
+    var _c0$N = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
     var _c1$k = ["[topBody]", "[leftBody]", "[rightBody]"];
     var BodyComponent = /** @class */ (function () {
         function BodyComponent() {
@@ -444,7 +445,7 @@
     BodyComponent.ɵfac = function BodyComponent_Factory(t) { return new (t || BodyComponent)(); };
     BodyComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$k, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$M);
+                i0__namespace.ɵɵprojectionDef(_c0$N);
                 i0__namespace.ɵɵelementStart(0, "div", 0);
                 i0__namespace.ɵɵprojection(1);
                 i0__namespace.ɵɵprojection(2, 1);
@@ -562,7 +563,7 @@
         function step(op) {
             if (f)
                 throw new TypeError("Generator is already executing.");
-            while (_)
+            while (g && (g = 0, op[0] && (_ = 0)), _)
                 try {
                     if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
                         return t;
@@ -791,7 +792,7 @@
         return typeof state === "function" ? receiver === state : state.has(receiver);
     }
 
-    var _c0$L = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c0$M = 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 +810,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$L, ctx_r3.isInvalid));
+            i0__namespace.ɵɵproperty("id", ctx_r3.hourId())("name", ctx_r3.hourId())("value", ctx_r3.displayHour)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$M, ctx_r3.isInvalid));
         }
     }
     function DateInputComponent_div_17_Template(rf, ctx) {
@@ -829,7 +830,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$L, ctx_r4.isInvalid));
+            i0__namespace.ɵɵproperty("id", ctx_r4.minuteId())("name", ctx_r4.minuteId())("value", ctx_r4.displayMinute)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$M, ctx_r4.isInvalid));
         }
     }
     function DateInputComponent_div_18_Template(rf, ctx) {
@@ -849,7 +850,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$L, ctx_r5.isInvalid));
+            i0__namespace.ɵɵproperty("id", ctx_r5.secondId())("name", ctx_r5.secondId())("value", ctx_r5.displaySecond)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$M, ctx_r5.isInvalid));
         }
     }
     var DateInputComponent = /** @class */ (function () {
@@ -1083,15 +1084,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$L, ctx.isInvalid));
+                i0__namespace.ɵɵproperty("id", ctx.dayId())("name", ctx.dayId())("value", ctx.displayDay)("ngClass", i0__namespace.ɵɵpureFunction1(18, _c0$M, 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$L, ctx.isInvalid));
+                i0__namespace.ɵɵproperty("id", ctx.monthId())("name", ctx.monthId())("value", ctx.displayMonth)("ngClass", i0__namespace.ɵɵpureFunction1(20, _c0$M, 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$L, ctx.isInvalid));
+                i0__namespace.ɵɵproperty("id", ctx.yearId())("name", ctx.yearId())("value", ctx.displayYear)("ngClass", i0__namespace.ɵɵpureFunction1(22, _c0$M, ctx.isInvalid));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngIf", ctx.isDateTime);
                 i0__namespace.ɵɵadvance(1);
@@ -1172,7 +1173,7 @@
             i0__namespace.ɵɵelementContainerEnd();
         }
     }
-    var _c0$K = ["*"];
+    var _c0$L = ["*"];
     exports.AlertMessageType = void 0;
     (function (AlertMessageType) {
         AlertMessageType["WARNING"] = "warning";
@@ -1193,7 +1194,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$K, 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$L, 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);
@@ -1299,7 +1300,7 @@
             }], null, null);
     })();
 
-    var _c0$J = function (a0) { return { "js-hidden": a0 }; };
+    var _c0$K = function (a0) { return { "js-hidden": a0 }; };
     var _c1$j = ["*"];
     var TabComponent = /** @class */ (function () {
         function TabComponent() {
@@ -1315,7 +1316,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("id", ctx.id)("ngClass", i0__namespace.ɵɵpureFunction1(3, _c0$J, !ctx.selected));
+                i0__namespace.ɵɵproperty("id", ctx.id)("ngClass", i0__namespace.ɵɵpureFunction1(3, _c0$K, !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}}"] });
@@ -1338,7 +1339,7 @@
                 }] });
     })();
 
-    var _c0$I = ["tab"];
+    var _c0$J = ["tab"];
     var _c1$i = function () { return ["."]; };
     var _c2$3 = function (a0) { return { "tabs-toggle-selected": a0 }; };
     function TabsComponent_li_2_Template(rf, ctx) {
@@ -1392,7 +1393,7 @@
             }
         }, viewQuery: function TabsComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$I, 1);
+                i0__namespace.ɵɵviewQuery(_c0$J, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -1471,7 +1472,7 @@
             }], null, null);
     })();
 
-    var _c0$H = function (a0, a1) { return { caseLocked: a0, someoneViewing: a1 }; };
+    var _c0$I = function (a0, a1) { return { caseLocked: a0, someoneViewing: a1 }; };
     var ActivityBannerComponent = /** @class */ (function () {
         function ActivityBannerComponent() {
         }
@@ -1492,7 +1493,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(4, _c0$H, ctx.bannerType === "editor", ctx.bannerType === "viewer"));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(4, _c0$I, 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);
@@ -8858,7 +8859,7 @@
         return IsCompoundPipe;
     }());
     IsCompoundPipe.COMPOUND_TYPES = [
-        'Complex', 'Label', 'AddressGlobal', 'AddressUK', 'AddressGlobalUK', 'CasePaymentHistoryViewer', 'CaseHistoryViewer', 'Organisation', 'WaysToPay', 'ComponentLauncher'
+        'Complex', 'Label', 'AddressGlobal', 'AddressUK', 'AddressGlobalUK', 'CasePaymentHistoryViewer', 'CaseHistoryViewer', 'Organisation', 'WaysToPay'
     ];
     IsCompoundPipe.EXCLUDE = [
         'CaseLink', 'JudicialUser'
@@ -9202,7 +9203,7 @@
             }], null, null);
     })();
 
-    var _c0$G = ["writeComplexFieldComponent"];
+    var _c0$H = ["writeComplexFieldComponent"];
     function WriteAddressFieldComponent_div_1_div_4_span_4_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 14);
@@ -9416,7 +9417,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$G, 1);
+                i0__namespace.ɵɵviewQuery(_c0$H, 1);
                 i0__namespace.ɵɵviewQuery(FocusElementDirective, 1);
             }
             if (rf & 2) {
@@ -9480,85 +9481,306 @@
         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(); // ignore upper and lowercase
+                    var nameB = b.name.toUpperCase(); // ignore upper and lowercase
+                    if (a.type === 'category' || b.type === 'category') {
+                        return 0;
+                    }
+                    if (nameA < nameB) {
+                        return -1;
+                    }
+                    if (nameA > nameB) {
+                        return 1;
+                    }
+                };
+            };
+            (_a = this.children) === null || _a === void 0 ? void 0 : _a.sort(sortAscending());
+            (_b = this.children) === null || _b === void 0 ? void 0 : _b.forEach(function (childNodes) {
+                childNodes.sortChildrenAscending();
+            });
+        };
+        DocumentTreeNode.prototype.sortChildrenDescending = function () {
+            var _a, _b;
+            var sortDescending = function () {
+                return function (a, b) {
+                    var nameA = a.name.toUpperCase(); // ignore upper and lowercase
+                    var nameB = b.name.toUpperCase(); // ignore upper and lowercase
+                    if (a.type === 'category' || b.type === 'category') {
+                        return 0;
+                    }
+                    if (nameA > nameB) {
+                        return -1;
+                    }
+                    if (nameA < nameB) {
+                        return 1;
+                    }
+                };
+            };
+            (_a = this.children) === null || _a === void 0 ? void 0 : _a.sort(sortDescending());
+            (_b = this.children) === null || _b === void 0 ? void 0 : _b.forEach(function (childNodes) {
+                childNodes.sortChildrenDescending();
+            });
+        };
+        Object.defineProperty(DocumentTreeNode.prototype, "flattenedAll", {
+            get: function () {
+                var _a;
+                var flattenChildren = function (nodeChild) {
+                    var _a;
+                    var flattenedNodes = [];
+                    flattenedNodes.push(nodeChild);
+                    if (((_a = nodeChild.children) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                        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_5_div_1_Template(rf, ctx) {
+    function CaseFileViewOverlayMenuComponent_ng_template_0_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵtext(1, " No results found ");
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "div", 4);
+            i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(ctx_r1.title);
         }
     }
-    function CaseFileViewFolderComponent_div_5_cdk_nested_tree_node_3_Template(rf, ctx) {
+    function CaseFileViewOverlayMenuComponent_ng_template_0_ng_container_2_img_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "cdk-nested-tree-node", 10);
-            i0__namespace.ɵɵelementStart(1, "div", 11);
-            i0__namespace.ɵɵelementStart(2, "button", 12);
-            i0__namespace.ɵɵelement(3, "img", 13);
-            i0__namespace.ɵɵelementStart(4, "div", 14);
-            i0__namespace.ɵɵtext(5);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelement(0, "img", 8);
+        }
+        if (rf & 2) {
+            var item_r3 = i0__namespace.ɵɵnextContext().$implicit;
+            var ctx_r4 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵproperty("src", item_r3.iconSrc, i0__namespace.ɵɵsanitizeUrl)("alt", ctx_r4.title);
+        }
+    }
+    function CaseFileViewOverlayMenuComponent_ng_template_0_ng_container_2_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r7_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "div", 5);
+            i0__namespace.ɵɵlistener("click", function CaseFileViewOverlayMenuComponent_ng_template_0_ng_container_2_Template_div_click_1_listener() { i0__namespace.ɵɵrestoreView(_r7_1); var item_r3 = ctx.$implicit; var ctx_r6 = i0__namespace.ɵɵnextContext(2); item_r3.actionFn(); return ctx_r6.closeOverlay(); });
+            i0__namespace.ɵɵtemplate(2, CaseFileViewOverlayMenuComponent_ng_template_0_ng_container_2_img_2_Template, 1, 2, "img", 6);
+            i0__namespace.ɵɵelementStart(3, "div", 7);
+            i0__namespace.ɵɵtext(4);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var node_r4 = ctx.$implicit;
-            i0__namespace.ɵɵadvance(5);
-            i0__namespace.ɵɵtextInterpolate(node_r4.name);
+            var item_r3 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("ngIf", item_r3.iconSrc);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(item_r3.actionText);
         }
     }
-    function CaseFileViewFolderComponent_div_5_cdk_nested_tree_node_4_Template(rf, ctx) {
+    function CaseFileViewOverlayMenuComponent_ng_template_0_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "cdk-nested-tree-node", 10);
-            i0__namespace.ɵɵelementStart(1, "div", 11);
-            i0__namespace.ɵɵelementStart(2, "button", 15);
-            i0__namespace.ɵɵelement(3, "img", 16);
-            i0__namespace.ɵɵelementStart(4, "div", 17);
-            i0__namespace.ɵɵtext(5);
+            i0__namespace.ɵɵelementStart(0, "div", 1);
+            i0__namespace.ɵɵtemplate(1, CaseFileViewOverlayMenuComponent_ng_template_0_ng_container_1_Template, 3, 1, "ng-container", 2);
+            i0__namespace.ɵɵtemplate(2, CaseFileViewOverlayMenuComponent_ng_template_0_ng_container_2_Template, 5, 2, "ng-container", 3);
             i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r0.title);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.menuItems);
+        }
+    }
+    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", cdkOverlayOrigin: "cdkOverlayOrigin", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, decls: 1, vars: 2, consts: [["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen"], [1, "overlayMenu"], [4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "overlayMenu__title"], [1, "overlayMenu__item", 3, "click"], ["class", "overlayMenu__itemIcon", 3, "src", "alt", 4, "ngIf"], [1, "overlayMenu__actionText"], [1, "overlayMenu__itemIcon", 3, "src", "alt"]], template: function CaseFileViewOverlayMenuComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, CaseFileViewOverlayMenuComponent_ng_template_0_Template, 3, 2, "ng-template", 0);
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("cdkConnectedOverlayOrigin", ctx.cdkOverlayOrigin)("cdkConnectedOverlayOpen", ctx.isOpen);
+            }
+        }, directives: [i1__namespace$5.CdkConnectedOverlay, i1__namespace.NgIf, i1__namespace.NgForOf], styles: [".overlayMenu[_ngcontent-%COMP%]{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlayMenu__item[_ngcontent-%COMP%], .overlayMenu__title[_ngcontent-%COMP%]{padding:10px;border-bottom:1px solid grey}.overlayMenu__item[_ngcontent-%COMP%]:last-child, .overlayMenu__title[_ngcontent-%COMP%]:last-child{border:none}.overlayMenu__title[_ngcontent-%COMP%]{padding-left:6px;padding-right:6px}.overlayMenu__item[_ngcontent-%COMP%]{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlayMenu__item[_ngcontent-%COMP%]:hover{background-color:#fff2cc}.overlayMenu__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
+                }], cdkOverlayOrigin: [{
+                    type: i0.Input
+                }], isOpen: [{
+                    type: i0.Input
+                }], isOpenChange: [{
+                    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(); } },
+            ];
+        }
+        CaseFileViewFolderSortComponent.prototype.ngOnInit = function () {
+        };
+        return CaseFileViewFolderSortComponent;
+    }());
+    CaseFileViewFolderSortComponent.ɵfac = function CaseFileViewFolderSortComponent_Factory(t) { return new (t || CaseFileViewFolderSortComponent)(); };
+    CaseFileViewFolderSortComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderSortComponent, selectors: [["ccd-case-file-view-folder-sort"]], outputs: { sortAscending: "sortAscending", sortDescending: "sortDescending" }, decls: 4, vars: 4, consts: [["type", "button", "cdkOverlayOrigin", "", 1, "sort-button", 3, "click"], ["trigger", "cdkOverlayOrigin"], ["src", "/assets/img/sort/sort-arrows.svg", "alt", "Sort Arrows", 1, "sort-button__arrows"], [3, "title", "menuItems", "cdkOverlayOrigin", "isOpen", "isOpenChange"]], template: function CaseFileViewFolderSortComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵelementStart(0, "button", 0, 1);
+                i0__namespace.ɵɵlistener("click", function CaseFileViewFolderSortComponent_Template_button_click_0_listener() { return ctx.isOpen = !ctx.isOpen; });
+                i0__namespace.ɵɵelement(2, "img", 2);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(3, "ccd-case-file-view-overlay-menu", 3);
+                i0__namespace.ɵɵlistener("isOpenChange", function CaseFileViewFolderSortComponent_Template_ccd_case_file_view_overlay_menu_isOpenChange_3_listener($event) { return ctx.isOpen = $event; });
+                i0__namespace.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                var _r0 = i0__namespace.ɵɵreference(1);
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵproperty("title", "Sort documents by name")("menuItems", ctx.overlayMenuItems)("cdkOverlayOrigin", _r0)("isOpen", ctx.isOpen);
+            }
+        }, directives: [i1__namespace$5.CdkOverlayOrigin, CaseFileViewOverlayMenuComponent], styles: [".sort-button[_ngcontent-%COMP%]{display:block;background:none;border:0;padding:0 6px;margin-right:-6px;cursor:pointer}.sort-button__arrows[_ngcontent-%COMP%]{display:block;height:20px}"] });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFolderSortComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-case-file-view-folder-sort',
+                        templateUrl: './case-file-view-folder-sort.component.html',
+                        styleUrls: ['./case-file-view-folder-sort.component.scss']
+                    }]
+            }], function () { return []; }, { sortAscending: [{
+                    type: i0.Output
+                }], sortDescending: [{
+                    type: i0.Output
+                }] });
+    })();
+
+    var _c0$G = ["tree"];
+    function CaseFileViewFolderComponent_cdk_nested_tree_node_8_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "cdk-nested-tree-node", 8);
+            i0__namespace.ɵɵelementStart(1, "div", 9);
+            i0__namespace.ɵɵelementStart(2, "button", 10);
+            i0__namespace.ɵɵelement(3, "img", 11);
             i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(4, "span", 12);
+            i0__namespace.ɵɵtext(5);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(6, "div");
-            i0__namespace.ɵɵelementContainer(7, 18);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var node_r5 = ctx.$implicit;
-            var ctx_r3 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵattribute("aria-label", "toggle " + node_r5.name);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("src", ctx_r3.nestedTreeControl.isExpanded(node_r5) ? "/assets/images/folder-open.png" : "/assets/images/folder.png", i0__namespace.ɵɵsanitizeUrl);
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(node_r5.name);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵclassProp("document-tree-invisible", !ctx_r3.nestedTreeControl.isExpanded(node_r5));
+            var node_r3 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(5);
+            i0__namespace.ɵɵtextInterpolate(node_r3.name);
         }
     }
-    function CaseFileViewFolderComponent_div_5_Template(rf, ctx) {
+    function CaseFileViewFolderComponent_cdk_nested_tree_node_9_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 5);
-            i0__namespace.ɵɵtemplate(1, CaseFileViewFolderComponent_div_5_div_1_Template, 2, 0, "div", 6);
-            i0__namespace.ɵɵelementStart(2, "cdk-tree", 7);
-            i0__namespace.ɵɵtemplate(3, CaseFileViewFolderComponent_div_5_cdk_nested_tree_node_3_Template, 6, 1, "cdk-nested-tree-node", 8);
-            i0__namespace.ɵɵtemplate(4, CaseFileViewFolderComponent_div_5_cdk_nested_tree_node_4_Template, 8, 5, "cdk-nested-tree-node", 9);
+            i0__namespace.ɵɵelementStart(0, "cdk-nested-tree-node", 8);
+            i0__namespace.ɵɵelementStart(1, "div", 13);
+            i0__namespace.ɵɵelementStart(2, "button", 14);
+            i0__namespace.ɵɵelement(3, "img", 15);
+            i0__namespace.ɵɵelementStart(4, "span", 16);
+            i0__namespace.ɵɵtext(5);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(6, "span", 17);
+            i0__namespace.ɵɵtext(7);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(8, "div");
+            i0__namespace.ɵɵelementContainer(9, 18);
             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(1);
-            i0__namespace.ɵɵproperty("dataSource", ctx_r0.nestedDataSource)("treeControl", ctx_r0.nestedTreeControl);
+            var node_r4 = ctx.$implicit;
+            var ctx_r2 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("cdkTreeNodeDefWhen", ctx_r0.nestedChildren);
+            i0__namespace.ɵɵattribute("aria-label", "toggle " + node_r4.name);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(node_r4.childDocumentCount);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(node_r4.name);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵclassProp("document-tree-invisible", !ctx_r2.nestedTreeControl.isExpanded(node_r4));
         }
     }
     var CaseFileViewFolderComponent = /** @class */ (function () {
@@ -9566,122 +9788,329 @@
             this.categories = [];
             this.getChildren = function (node) { return rxjs.of(node.children); };
             this.nestedChildren = function (_, nodeData) { return nodeData.children; };
-            this.nestedTreeControl = new i3.NestedTreeControl(this.getChildren);
+            this.nestedTreeControl = new i2.NestedTreeControl(this.getChildren);
         }
         CaseFileViewFolderComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this.documentFilterFormGroup = new i1$2.FormGroup({});
-            this.documentSearchFormControl = new i1$2.FormControl('');
-            this.documentFilterFormGroup.addControl(CaseFileViewFolderComponent.DOCUMENT_SEARCH_FORM_CONTROL_NAME, this.documentSearchFormControl);
-            // Listen to search input and initiate filter documents if at least three characters entered
-            this.documentFilterSubscription = this.documentSearchFormControl.valueChanges.pipe(operators.tap(function (searchTerm) { return _this.searchTermLength = searchTerm.length; }), operators.switchMap(function (searchTerm) { return _this.filter(searchTerm.toLowerCase()).pipe(); })).subscribe(function (documentTreeData) {
-                _this.nestedDataSource = documentTreeData;
-                _this.nestedTreeControl.dataNodes = documentTreeData;
-                _this.searchTermLength >= CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS
-                    ? _this.nestedTreeControl.expandAll()
-                    : _this.nestedTreeControl.collapseAll();
-            });
-            // Subscribe to the input categories and documents, and generate tree data and initialise cdk tree
             this.categoriesAndDocumentsSubscription = this.categoriesAndDocuments.subscribe(function (categoriesAndDocuments) {
-                var categories = categoriesAndDocuments.categories;
+                // Using the mock data for now as we have to display the documents as well for demo purpose
+                var categories = _this.loadCategories(); // categoriesAndDocuments.categories;
                 // Generate document tree data from categories
-                _this.documentTreeData = _this.generateTreeData(categories);
+                var treeData = _this.generateTreeData(categories);
                 // Append uncategorised documents
                 if (categoriesAndDocuments.uncategorised_documents && categoriesAndDocuments.uncategorised_documents.length > 0) {
                     var uncategorisedDocuments = _this.getUncategorisedDocuments(categoriesAndDocuments.uncategorised_documents);
-                    _this.documentTreeData.push(uncategorisedDocuments);
+                    treeData.push(uncategorisedDocuments);
                 }
                 // Initialise cdk tree with generated data
-                _this.nestedDataSource = _this.documentTreeData;
-                _this.nestedTreeControl.dataNodes = _this.documentTreeData;
+                _this.nestedDataSource = treeData;
             });
         };
         CaseFileViewFolderComponent.prototype.generateTreeData = function (categories) {
             var _this = this;
-            return categories.reduce(function (tree, node) { return __spread(tree, [
-                {
-                    name: node.category_name,
-                    type: DocumentTreeNodeType.FOLDER,
-                    children: __spread(_this.generateTreeData(node.sub_categories), _this.getDocuments(node.documents))
-                },
-            ]); }, []);
+            return categories.reduce(function (tree, node) {
+                var newDocumentTreeNode = new DocumentTreeNode();
+                newDocumentTreeNode.name = node.category_name;
+                newDocumentTreeNode.type = 'category';
+                newDocumentTreeNode.children = __spread(_this.generateTreeData(node.sub_categories), _this.getDocuments(node.documents));
+                return __spread(tree, [
+                    newDocumentTreeNode,
+                ]);
+            }, []);
         };
         CaseFileViewFolderComponent.prototype.getDocuments = function (documents) {
             var documentsToReturn = [];
             documents.forEach(function (document) {
-                documentsToReturn.push({ name: document.document_filename, type: DocumentTreeNodeType.DOCUMENT });
+                var documentTreeNode = new DocumentTreeNode();
+                documentTreeNode.name = document.document_filename;
+                documentTreeNode.type = 'document';
+                documentsToReturn.push(documentTreeNode);
             });
             return documentsToReturn;
         };
         CaseFileViewFolderComponent.prototype.getUncategorisedDocuments = function (uncategorisedDocuments) {
             var documents = [];
             uncategorisedDocuments.forEach(function (document) {
-                documents.push({ name: document.document_filename, type: DocumentTreeNodeType.DOCUMENT });
+                var documentTreeNode = new DocumentTreeNode();
+                documentTreeNode.name = document.document_filename;
+                documentTreeNode.type = 'document';
+                documents.push(documentTreeNode);
+            });
+            var uncategorisedNode = new DocumentTreeNode();
+            uncategorisedNode.name = CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE;
+            uncategorisedNode.type = 'category';
+            uncategorisedNode.children = documents;
+            return uncategorisedNode;
+        };
+        CaseFileViewFolderComponent.prototype.sortDataSourceAscAlphabetically = function () {
+            var sortedData = this.nestedDataSource.map(function (item) {
+                item.sortChildrenAscending();
+                var newDocumentTreeNode = new DocumentTreeNode();
+                newDocumentTreeNode.name = item.name;
+                newDocumentTreeNode.type = item.type;
+                newDocumentTreeNode.children = item.children;
+                return newDocumentTreeNode;
             });
-            return { name: CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE, type: DocumentTreeNodeType.FOLDER, children: documents };
+            this.updateNodeData(sortedData);
         };
-        CaseFileViewFolderComponent.prototype.filter = function (searchTerm) {
-            // Make a copy of the data so we do not mutate the original
-            function copy(node) {
-                return Object.assign({}, 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.sortDataSourceDescAlphabetically = function () {
+            var sortedData = this.nestedDataSource.map(function (item) {
+                item.sortChildrenDescending();
+                return item;
+            });
+            this.updateNodeData(sortedData);
         };
         CaseFileViewFolderComponent.prototype.ngOnDestroy = function () {
             if (this.categoriesAndDocumentsSubscription) {
                 this.categoriesAndDocumentsSubscription.unsubscribe();
             }
-            if (this.documentFilterSubscription) {
-                this.documentFilterSubscription.unsubscribe();
-            }
+        };
+        CaseFileViewFolderComponent.prototype.updateNodeData = function (data) {
+            var _this = this;
+            var prevSelected = this.nestedTreeControl.expansionModel.selected.map(function (item) {
+                return item.name;
+            });
+            this.nestedTreeControl.collapseAll();
+            this.nestedDataSource = data.map(function (item) {
+                var newDocumentTreeNode = new DocumentTreeNode();
+                newDocumentTreeNode.name = item.name;
+                newDocumentTreeNode.type = item.type;
+                newDocumentTreeNode.children = item.children;
+                return newDocumentTreeNode;
+            });
+            var flattenedArray = this.nestedDataSource.map(function (item) {
+                return item.flattenedAll;
+            }).flat();
+            var newObjects = flattenedArray.filter(function (item) {
+                return prevSelected.includes(item.name);
+            });
+            newObjects.forEach(function (object) { return _this.nestedTreeControl.expand(object); });
+        };
+        CaseFileViewFolderComponent.prototype.loadCategories = function () {
+            return [
+                {
+                    category_id: 'Beers',
+                    category_name: 'Beers',
+                    category_order: 1,
+                    documents: [
+                        {
+                            document_url: '/test',
+                            document_filename: 'Lager encyclopedia',
+                            document_binary_url: '/test/binary',
+                            attribute_path: '',
+                            upload_timestamp: ''
+                        },
+                        {
+                            document_url: '/test',
+                            document_filename: 'Beers encyclopedia',
+                            document_binary_url: '/test/binary',
+                            attribute_path: '',
+                            upload_timestamp: ''
+                        },
+                        {
+                            document_url: '/test',
+                            document_filename: 'Ale encyclopedia',
+                            document_binary_url: '/test/binary',
+                            attribute_path: '',
+                            upload_timestamp: ''
+                        }
+                    ],
+                    sub_categories: [
+                        {
+                            category_id: 'BeersBitters',
+                            category_name: 'Bitters',
+                            category_order: 1,
+                            documents: [],
+                            sub_categories: []
+                        },
+                        {
+                            category_id: 'BeersAmerican',
+                            category_name: 'American',
+                            category_order: 2,
+                            documents: [],
+                            sub_categories: []
+                        },
+                        {
+                            category_id: 'BeersAsian',
+                            category_name: 'Asian',
+                            category_order: 3,
+                            documents: [],
+                            sub_categories: []
+                        }
+                    ]
+                },
+                {
+                    category_id: 'Wines',
+                    category_name: 'Wines',
+                    category_order: 2,
+                    documents: [],
+                    sub_categories: [
+                        {
+                            category_id: 'WinesFrench',
+                            category_name: 'French',
+                            category_order: 1,
+                            documents: [],
+                            sub_categories: []
+                        },
+                        {
+                            category_id: 'WinesItalian',
+                            category_name: 'Italian',
+                            category_order: 2,
+                            documents: [],
+                            sub_categories: []
+                        }
+                    ]
+                },
+                {
+                    category_id: 'Spirits',
+                    category_name: 'Spirits',
+                    category_order: 3,
+                    documents: [],
+                    sub_categories: [
+                        {
+                            category_id: 'SpiritsWhisky',
+                            category_name: 'Scotch whisky',
+                            category_order: 1,
+                            documents: [],
+                            sub_categories: [
+                                {
+                                    category_id: 'WhiskyHighland',
+                                    category_name: 'Highland',
+                                    category_order: 1,
+                                    documents: [],
+                                    sub_categories: [
+                                        {
+                                            category_id: 'WhiskyHighland1',
+                                            category_name: 'Highland 1',
+                                            category_order: 1,
+                                            documents: [],
+                                            sub_categories: []
+                                        }
+                                    ]
+                                },
+                                {
+                                    category_id: 'WhiskyLowland',
+                                    category_name: 'Lowland',
+                                    category_order: 2,
+                                    documents: [],
+                                    sub_categories: [
+                                        {
+                                            category_id: 'WhiskyLowland1',
+                                            category_name: 'Lowland 1',
+                                            category_order: 1,
+                                            documents: [
+                                                {
+                                                    document_url: '/test',
+                                                    document_filename: 'Details about Whisky Lowland 1',
+                                                    document_binary_url: '/test/binary',
+                                                    attribute_path: '',
+                                                    upload_timestamp: ''
+                                                }
+                                            ],
+                                            sub_categories: []
+                                        },
+                                        {
+                                            category_id: 'WhiskyLowland2',
+                                            category_name: 'Lowland 2',
+                                            category_order: 2,
+                                            documents: [],
+                                            sub_categories: []
+                                        }
+                                    ]
+                                },
+                                {
+                                    category_id: 'WhiskyIslay',
+                                    category_name: 'Islay',
+                                    category_order: 3,
+                                    documents: [
+                                        {
+                                            document_url: '/test',
+                                            document_filename: 'Details about Whisky Islay',
+                                            document_binary_url: '/test/binary',
+                                            attribute_path: '',
+                                            upload_timestamp: ''
+                                        },
+                                        {
+                                            document_url: '/test',
+                                            document_filename: 'More information about Whisky Islay',
+                                            document_binary_url: '/test/binary',
+                                            attribute_path: '',
+                                            upload_timestamp: ''
+                                        }
+                                    ],
+                                    sub_categories: []
+                                },
+                                {
+                                    category_id: 'WhiskySpeyside',
+                                    category_name: 'Speyside',
+                                    category_order: 4,
+                                    documents: [],
+                                    sub_categories: []
+                                },
+                                {
+                                    category_id: 'WhiskyCampbeltown',
+                                    category_name: 'Campbeltown',
+                                    category_order: 5,
+                                    documents: [],
+                                    sub_categories: []
+                                }
+                            ]
+                        }
+                    ]
+                }
+            ];
         };
         return CaseFileViewFolderComponent;
     }());
     CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE = 'Uncategorised documents';
-    CaseFileViewFolderComponent.DOCUMENT_SEARCH_FORM_CONTROL_NAME = 'documentSearchFormControl';
-    CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS = 3;
     CaseFileViewFolderComponent.ɵfac = function CaseFileViewFolderComponent_Factory(t) { return new (t || CaseFileViewFolderComponent)(); };
-    CaseFileViewFolderComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderComponent, selectors: [["ccd-case-file-view-folder"]], inputs: { categoriesAndDocuments: "categoriesAndDocuments" }, decls: 6, vars: 2, consts: [[1, "document-filter-container"], [1, "form-group", "document-filter", 3, "formGroup"], ["type", "search", "id", "document-search", "name", "documentSearchFormControl", "formControlName", "documentSearchFormControl", "placeholder", "Search by document name", 1, "form-control", "document-search"], [1, "documents-title"], ["class", "document-tree", 4, "ngIf"], [1, "document-tree"], [4, "ngIf"], [3, "dataSource", "treeControl"], ["class", "document-tree-node", 4, "cdkTreeNodeDef"], ["class", "document-tree-node", 4, "cdkTreeNodeDef", "cdkTreeNodeDefWhen"], [1, "document-tree-node"], [1, "node"], ["mat-icon-button", "", 1, "node-button"], ["alt", "document image", "src", "/assets/images/document.png", 1, "icon"], [1, "node-name", "node-name-document"], ["mat-icon-button", "", "cdkTreeNodeToggle", "", 1, "node-button"], ["alt", "folder image", 1, "icon", 3, "src"], [1, "node-name", "node-name-folder"], ["cdkTreeNodeOutlet", ""]], template: function CaseFileViewFolderComponent_Template(rf, ctx) {
+    CaseFileViewFolderComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderComponent, selectors: [["ccd-case-file-view-folder"]], viewQuery: function CaseFileViewFolderComponent_Query(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵviewQuery(_c0$G, 3);
+            }
+            if (rf & 2) {
+                var _t = void 0;
+                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.tree = _t.first);
+            }
+        }, inputs: { categoriesAndDocuments: "categoriesAndDocuments" }, decls: 10, vars: 3, consts: [[1, "document-folders-header"], [1, "document-folders-header__title"], [3, "sortAscending", "sortDescending"], [1, "document-tree-container"], [3, "dataSource", "treeControl"], ["tree", ""], ["class", "document-tree-node", 4, "cdkTreeNodeDef"], ["class", "document-tree-node", 4, "cdkTreeNodeDef", "cdkTreeNodeDefWhen"], [1, "document-tree-node"], [1, "node"], ["mat-icon-button", "", "disabled", "", 1, "node__icon"], ["src", "/assets/images/document.png", "alt", "Document icon", 1, "node__iconImg"], [1, "node__name", "node-name-document"], ["cdkTreeNodeToggle", "", 1, "node"], ["mat-icon-button", "", 1, "node__icon"], ["src", "/assets/images/folder.png", "alt", "Folder icon", 1, "node__iconImg"], [1, "node__count"], [1, "node__name", "node__name--folder"], ["cdkTreeNodeOutlet", ""]], template: function CaseFileViewFolderComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
-                i0__namespace.ɵɵelement(2, "input", 2);
+                i0__namespace.ɵɵtext(2, "Documents");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(3, "div", 3);
-                i0__namespace.ɵɵtext(4, "Documents");
+                i0__namespace.ɵɵelementStart(3, "div");
+                i0__namespace.ɵɵelementStart(4, "ccd-case-file-view-folder-sort", 2);
+                i0__namespace.ɵɵlistener("sortAscending", function CaseFileViewFolderComponent_Template_ccd_case_file_view_folder_sort_sortAscending_4_listener() { return ctx.sortDataSourceAscAlphabetically(); })("sortDescending", function CaseFileViewFolderComponent_Template_ccd_case_file_view_folder_sort_sortDescending_4_listener() { return ctx.sortDataSourceDescAlphabetically(); });
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(5, "div", 3);
+                i0__namespace.ɵɵelementStart(6, "cdk-tree", 4, 5);
+                i0__namespace.ɵɵtemplate(8, CaseFileViewFolderComponent_cdk_nested_tree_node_8_Template, 6, 1, "cdk-nested-tree-node", 6);
+                i0__namespace.ɵɵtemplate(9, CaseFileViewFolderComponent_cdk_nested_tree_node_9_Template, 10, 5, "cdk-nested-tree-node", 7);
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(5, CaseFileViewFolderComponent_div_5_Template, 5, 4, "div", 4);
             }
             if (rf & 2) {
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("formGroup", ctx.documentFilterFormGroup);
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵproperty("ngIf", ctx.documentTreeData);
+                i0__namespace.ɵɵadvance(6);
+                i0__namespace.ɵɵproperty("dataSource", ctx.nestedDataSource)("treeControl", ctx.nestedTreeControl);
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵproperty("cdkTreeNodeDefWhen", ctx.nestedChildren);
             }
-        }, directives: [i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlName, i1__namespace.NgIf, i3__namespace.CdkTree, i3__namespace.CdkTreeNodeDef, i3__namespace.CdkNestedTreeNode, i3__namespace.CdkTreeNodeToggle, i3__namespace.CdkTreeNodeOutlet], styles: [".document-filter-container[_ngcontent-%COMP%]{border-bottom:2px solid #c9c9c9;padding-bottom:4px}.document-filter-container[_ngcontent-%COMP%]   .document-filter[_ngcontent-%COMP%]{height:70%;padding:8px 8px 0;margin-bottom:10px}.document-filter-container[_ngcontent-%COMP%]   .document-filter[_ngcontent-%COMP%]   .document-search[_ngcontent-%COMP%]{background:url(/assets/images/icon-search-black.svg) no-repeat 100% #fff;background-position-x:calc(100% - 4px);padding-right:30px;width:100%}.document-filter-container[_ngcontent-%COMP%]   .documents-title[_ngcontent-%COMP%]{height:30%;margin-left:8px;font-weight:700}.document-tree[_ngcontent-%COMP%]{margin:4px;overflow-x:hidden;overflow-y:scroll;height:400px}.document-tree[_ngcontent-%COMP%]   .document-tree-invisible[_ngcontent-%COMP%]{display:none}.document-tree[_ngcontent-%COMP%]   .document-tree[_ngcontent-%COMP%]   li[_ngcontent-%COMP%], .document-tree[_ngcontent-%COMP%]   .document-tree[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{margin-top:0;margin-bottom:0;list-style-type:none}.document-tree[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]{display:block}.document-tree[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]{padding-left:40px}.document-tree[_ngcontent-%COMP%]   .node[_ngcontent-%COMP%]{display:flex;padding:4px;white-space:nowrap}.document-tree[_ngcontent-%COMP%]   .node[_ngcontent-%COMP%]   .node-button[_ngcontent-%COMP%]{display:flex;background-color:#faf8f8;border:none;width:100%}.document-tree[_ngcontent-%COMP%]   .node-button[_ngcontent-%COMP%]:hover{cursor:pointer}.document-tree[_ngcontent-%COMP%]   .icon[_ngcontent-%COMP%]{width:36px;height:36px;background-size:100%;border:0;background-color:#faf8f8}.document-tree[_ngcontent-%COMP%]   .node-name[_ngcontent-%COMP%]{margin-left:10px}.document-tree[_ngcontent-%COMP%]   .node-name-document[_ngcontent-%COMP%], .document-tree[_ngcontent-%COMP%]   .node-name-folder[_ngcontent-%COMP%]{margin-top:8px;font-size:16px}.document-tree[_ngcontent-%COMP%]   .document-count[_ngcontent-%COMP%]{color:#fff}.document-tree[_ngcontent-%COMP%]::-webkit-scrollbar{width:.5em}.document-tree[_ngcontent-%COMP%]::-webkit-scrollbar-button{display:none}.document-tree[_ngcontent-%COMP%]::-webkit-scrollbar-track-piece{background:#eee}.document-tree[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:#ccc}"] });
+        }, directives: [CaseFileViewFolderSortComponent, i2__namespace.CdkTree, i2__namespace.CdkTreeNodeDef, i2__namespace.CdkNestedTreeNode, i2__namespace.CdkTreeNodeToggle, i2__namespace.CdkTreeNodeOutlet], styles: [".document-folders-header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #c9c9c9;padding:10px}.document-folders-header__title[_ngcontent-%COMP%]{font-weight:700}.document-tree-container[_ngcontent-%COMP%]{margin:4px}.document-tree-container[_ngcontent-%COMP%]   .document-tree-invisible[_ngcontent-%COMP%]{display:none}.document-tree-container[_ngcontent-%COMP%]   .document-tree[_ngcontent-%COMP%]   li[_ngcontent-%COMP%], .document-tree-container[_ngcontent-%COMP%]   .document-tree[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{margin-top:0;margin-bottom:0;list-style-type:none}.document-tree-container[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]{display:block}.document-tree-container[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]{padding-left:40px}.node[_ngcontent-%COMP%]{display:flex;align-items:center;padding:6px 0}.node__icon[_ngcontent-%COMP%]{position:relative;background:none;border:0;padding:6px}.node__iconImg[_ngcontent-%COMP%]{display:block;height:24px;width:24px}.node__count[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;padding-top:4px}.node__name[_ngcontent-%COMP%]{margin-left:4px}"] });
     (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'],
-                        templateUrl: './case-file-view-folder.component.html'
                     }]
             }], function () { return []; }, { categoriesAndDocuments: [{
                     type: i0.Input
+                }], tree: [{
+                    type: i0.ViewChild,
+                    args: ['tree', { static: true }]
                 }] });
     })();
 
@@ -9747,7 +10176,7 @@
                 args: [{
                         selector: 'ccd-case-file-view-field',
                         templateUrl: './case-file-view-field.component.html',
-                        styleUrls: ['./case-file-view-field.component.scss']
+                        styleUrls: ['./case-file-view-field.component.scss'],
                     }]
             }], function () { return [{ type: i0__namespace.ElementRef }, { type: i1__namespace$1.ActivatedRoute }, { type: CaseFileViewService }]; }, null);
     })();
@@ -10114,7 +10543,7 @@
         };
         return RemoveDialogComponent;
     }());
-    RemoveDialogComponent.ɵfac = function RemoveDialogComponent_Factory(t) { return new (t || RemoveDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$5.MatDialogRef)); };
+    RemoveDialogComponent.ɵfac = function RemoveDialogComponent_Factory(t) { return new (t || RemoveDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$6.MatDialogRef)); };
     RemoveDialogComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: RemoveDialogComponent, selectors: [["ccd-remove-dialog"]], decls: 15, vars: 0, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Remove", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Cancel", 1, "button", "button-secondary", 3, "click"]], template: function RemoveDialogComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div");
@@ -10155,7 +10584,7 @@
                         templateUrl: './remove-dialog.component.html',
                         styleUrls: ['../action-dialog.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$5.MatDialogRef }]; }, null);
+            }], function () { return [{ type: i1__namespace$6.MatDialogRef }]; }, null);
     })();
 
     var _c0$D = ["collectionItem"];
@@ -10534,7 +10963,7 @@
         };
         WriteCollectionFieldComponent.prototype.openModal = function (i) {
             var _this = this;
-            var dialogConfig = new i1$5.MatDialogConfig();
+            var dialogConfig = new i1$6.MatDialogConfig();
             dialogConfig.disableClose = true;
             dialogConfig.autoFocus = true;
             dialogConfig.ariaLabel = 'Label';
@@ -10568,7 +10997,7 @@
         };
         return WriteCollectionFieldComponent;
     }(AbstractFieldWriteComponent));
-    WriteCollectionFieldComponent.ɵfac = function WriteCollectionFieldComponent_Factory(t) { return new (t || WriteCollectionFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$5.MatDialog), i0__namespace.ɵɵdirectiveInject(i2__namespace.ScrollToService), i0__namespace.ɵɵdirectiveInject(ProfileNotifier)); };
+    WriteCollectionFieldComponent.ɵfac = function WriteCollectionFieldComponent_Factory(t) { return new (t || WriteCollectionFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$6.MatDialog), i0__namespace.ɵɵdirectiveInject(i2__namespace$1.ScrollToService), i0__namespace.ɵɵdirectiveInject(ProfileNotifier)); };
     WriteCollectionFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteCollectionFieldComponent, selectors: [["ccd-write-collection-field"]], viewQuery: function WriteCollectionFieldComponent_Query(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵviewQuery(_c0$D, 1);
@@ -10617,7 +11046,7 @@
                         templateUrl: './write-collection-field.html',
                         styleUrls: ['./collection-field.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$5.MatDialog }, { type: i2__namespace.ScrollToService }, { type: ProfileNotifier }]; }, { caseFields: [{
+            }], function () { return [{ type: i1__namespace$6.MatDialog }, { type: i2__namespace$1.ScrollToService }, { type: ProfileNotifier }]; }, { caseFields: [{
                     type: i0.Input
                 }], formGroup: [{
                     type: i0.Input
@@ -12008,7 +12437,7 @@
         };
         return DocumentDialogComponent;
     }());
-    DocumentDialogComponent.ɵfac = function DocumentDialogComponent_Factory(t) { return new (t || DocumentDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$5.MatDialogRef)); };
+    DocumentDialogComponent.ɵfac = function DocumentDialogComponent_Factory(t) { return new (t || DocumentDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$6.MatDialogRef)); };
     DocumentDialogComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: DocumentDialogComponent, selectors: [["ccd-document-dialog"]], decls: 15, vars: 0, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Replace", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Cancel", 1, "button", "button-secondary", 3, "click"]], template: function DocumentDialogComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div");
@@ -12049,11 +12478,11 @@
                         templateUrl: './document-dialog.component.html',
                         styleUrls: ['../action-dialog.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$5.MatDialogRef }]; }, null);
+            }], function () { return [{ type: i1__namespace$6.MatDialogRef }]; }, null);
     })();
 
     function initDialog() {
-        var dialogConfig = new i1$5.MatDialogConfig();
+        var dialogConfig = new i1$6.MatDialogConfig();
         dialogConfig.disableClose = true;
         dialogConfig.autoFocus = true;
         dialogConfig.ariaLabel = 'Label';
@@ -12377,7 +12806,7 @@
     WriteDocumentFieldComponent.UPLOAD_ERROR_FILE_REQUIRED = 'File required';
     WriteDocumentFieldComponent.UPLOAD_ERROR_NOT_AVAILABLE = 'Document upload facility is not available at the moment';
     WriteDocumentFieldComponent.UPLOAD_WAITING_FILE_STATUS = 'Uploading...';
-    WriteDocumentFieldComponent.ɵfac = function WriteDocumentFieldComponent_Factory(t) { return new (t || WriteDocumentFieldComponent)(i0__namespace.ɵɵdirectiveInject(AbstractAppConfig), i0__namespace.ɵɵdirectiveInject(CaseNotifier), i0__namespace.ɵɵdirectiveInject(DocumentManagementService), i0__namespace.ɵɵdirectiveInject(i1__namespace$5.MatDialog), i0__namespace.ɵɵdirectiveInject(FileUploadStateService)); };
+    WriteDocumentFieldComponent.ɵfac = function WriteDocumentFieldComponent_Factory(t) { return new (t || WriteDocumentFieldComponent)(i0__namespace.ɵɵdirectiveInject(AbstractAppConfig), i0__namespace.ɵɵdirectiveInject(CaseNotifier), i0__namespace.ɵɵdirectiveInject(DocumentManagementService), i0__namespace.ɵɵdirectiveInject(i1__namespace$6.MatDialog), i0__namespace.ɵɵdirectiveInject(FileUploadStateService)); };
     WriteDocumentFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteDocumentFieldComponent, selectors: [["ccd-write-document-field"]], viewQuery: function WriteDocumentFieldComponent_Query(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵviewQuery(_c0$z, 1);
@@ -12451,7 +12880,7 @@
                         selector: 'ccd-write-document-field',
                         templateUrl: './write-document-field.html'
                     }]
-            }], function () { return [{ type: AbstractAppConfig }, { type: CaseNotifier }, { type: DocumentManagementService }, { type: i1__namespace$5.MatDialog }, { type: FileUploadStateService }]; }, { fileInput: [{
+            }], function () { return [{ type: AbstractAppConfig }, { type: CaseNotifier }, { type: DocumentManagementService }, { type: i1__namespace$6.MatDialog }, { type: FileUploadStateService }]; }, { fileInput: [{
                     type: i0.ViewChild,
                     args: ['fileInput', { static: false }]
                 }], clickout: [{
@@ -15855,7 +16284,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("API_ROOT", ctx.getBaseURL())("CCD_CASE_NUMBER", ctx.caseReference)("BULKSCAN_API_ROOT", ctx.getPayBulkScanBaseURL())("SELECTED_OPTION", "CCDorException")("ISBSENABLE", "true")("LOGGEDINUSEREMAIL", ctx.getUserEmail())("LOGGEDINUSERROLES", ctx.getUserRoles())("REFUNDS_API_ROOT", ctx.getRefundsUrl())("VIEW", "case-transactions")("REFUNDS_API_ROOT", ctx.getRefundsUrl())("TAKEPAYMENT", false)("SERVICEREQUEST", false)("PAYMENT_GROUP_REF", null)("EXC_REFERENCE", ctx.caseReference)("DCN_NUMBER", null)("LOGGEDINUSERROLES", ctx.getUserRoles());
             }
-        }, directives: [i3__namespace$1.PaymentLibComponent], encapsulation: 2 });
+        }, directives: [i3__namespace.PaymentLibComponent], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CasePaymentHistoryViewerFieldComponent, [{
                 type: i0.Component,
@@ -16282,7 +16711,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.getUserRoles().length > 0);
             }
-        }, directives: [i1__namespace.NgIf, i3__namespace$1.PaymentLibComponent], encapsulation: 2 });
+        }, directives: [i1__namespace.NgIf, i3__namespace.PaymentLibComponent], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WaysToPayFieldComponent, [{
                 type: i0.Component,
@@ -16875,7 +17304,7 @@
         };
         return SaveOrDiscardDialogComponent;
     }());
-    SaveOrDiscardDialogComponent.ɵfac = function SaveOrDiscardDialogComponent_Factory(t) { return new (t || SaveOrDiscardDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$5.MatDialogRef)); };
+    SaveOrDiscardDialogComponent.ɵfac = function SaveOrDiscardDialogComponent_Factory(t) { return new (t || SaveOrDiscardDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$6.MatDialogRef)); };
     SaveOrDiscardDialogComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: SaveOrDiscardDialogComponent, selectors: [["ccd-save-or-discard-dialog"]], decls: 15, vars: 0, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Save", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Discard", 1, "button", "button-secondary", 3, "click"]], template: function SaveOrDiscardDialogComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div");
@@ -16916,7 +17345,7 @@
                         templateUrl: './save-or-discard-dialog.component.html',
                         styleUrls: ['../action-dialog.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$5.MatDialogRef }]; }, null);
+            }], function () { return [{ type: i1__namespace$6.MatDialogRef }]; }, null);
     })();
 
     var CaseEditPageText;
@@ -17122,7 +17551,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,
@@ -17787,7 +18216,7 @@
         };
         return CaseEditPageComponent;
     }());
-    CaseEditPageComponent.ɵfac = function CaseEditPageComponent_Factory(t) { return new (t || CaseEditPageComponent)(i0__namespace.ɵɵdirectiveInject(CaseEditComponent), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(FormValueService), i0__namespace.ɵɵdirectiveInject(FormErrorService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(PageValidationService), i0__namespace.ɵɵdirectiveInject(i1__namespace$5.MatDialog), i0__namespace.ɵɵdirectiveInject(CaseFieldService)); };
+    CaseEditPageComponent.ɵfac = function CaseEditPageComponent_Factory(t) { return new (t || CaseEditPageComponent)(i0__namespace.ɵɵdirectiveInject(CaseEditComponent), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(FormValueService), i0__namespace.ɵɵdirectiveInject(FormErrorService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(PageValidationService), i0__namespace.ɵɵdirectiveInject(i1__namespace$6.MatDialog), i0__namespace.ɵɵdirectiveInject(CaseFieldService)); };
     CaseEditPageComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseEditPageComponent, selectors: [["ccd-case-edit-page"]], decls: 13, vars: 12, consts: [[4, "ngIf"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["titleBlock", ""], ["idBlock", ""], ["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], ["class", "error-summary", "role", "status", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [1, "width-50"], ["class", "form", 3, "formGroup", "submit", 4, "ngIf"], ["class", "govuk-heading-l", 4, "ngIf"], [1, "govuk-heading-l"], [1, "govuk-caption-l"], [3, "content"], ["class", "heading-h2", 4, "ngIf"], [1, "heading-h2"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], ["class", "govuk-error-summary__body", 4, "ngFor", "ngForOf"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [1, "validation-error", 3, "click"], ["role", "status", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading-3", 1, "heading-h3", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], ["class", "ccd-error-summary-li", 4, "ngFor", "ngForOf"], [1, "ccd-error-summary-li"], [1, "form", 3, "formGroup", "submit"], ["id", "fieldset-case-data"], [2, "display", "none"], ["id", "caseEditForm", 3, "fields", "formGroup", "caseFields", "pageChangeSubject", "valuesChanged", 4, "ngIf"], ["class", "grid-row", 4, "ngIf"], [1, "form-group", "form-group-related"], ["type", "button", 1, "button", "button-secondary", 3, "disabled", "click"], ["type", "submit", 1, "button", 3, "disabled"], [1, "cancel"], ["href", "javascript:void(0)", 3, "click"], ["id", "caseEditForm", 3, "fields", "formGroup", "caseFields", "pageChangeSubject", "valuesChanged"], [1, "grid-row"], [1, "column-two-thirds", "rightBorderSeparator"], ["id", "caseEditForm1", 3, "fields", "formGroup", "caseFields"], [1, "column-one-third"], ["id", "caseEditForm2", 3, "fields", "formGroup", "caseFields"]], template: function CaseEditPageComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, CaseEditPageComponent_ccd_loading_spinner_0_Template, 1, 0, "ccd-loading-spinner", 0);
@@ -17833,7 +18262,7 @@
                         templateUrl: 'case-edit-page.html',
                         styleUrls: ['./case-edit-page.scss']
                     }]
-            }], function () { return [{ type: CaseEditComponent }, { type: i1__namespace$1.ActivatedRoute }, { type: FormValueService }, { type: FormErrorService }, { type: i0__namespace.ChangeDetectorRef }, { type: PageValidationService }, { type: i1__namespace$5.MatDialog }, { type: CaseFieldService }]; }, null);
+            }], function () { return [{ type: CaseEditComponent }, { type: i1__namespace$1.ActivatedRoute }, { type: FormValueService }, { type: FormErrorService }, { type: i0__namespace.ChangeDetectorRef }, { type: PageValidationService }, { type: i1__namespace$6.MatDialog }, { type: CaseFieldService }]; }, null);
     })();
 
     var Confirmation = /** @class */ (function () {
@@ -19552,7 +19981,9 @@
         WriteCollectionFieldComponent,
         // ComponentLauncher web components
         CaseFileViewFieldComponent,
-        CaseFileViewFolderComponent
+        CaseFileViewFolderComponent,
+        CaseFileViewFolderSortComponent,
+        CaseFileViewOverlayMenuComponent
     ];
     var PaletteModule = /** @class */ (function () {
         function PaletteModule() {
@@ -19592,9 +20023,10 @@
                 input.MatInputModule,
                 i5.MatDatepickerModule,
                 i5$1.MatAutocompleteModule,
-                i3.CdkTreeModule,
-                i3$1.PaymentLibModule,
-                i2.ScrollToModule.forRoot()
+                i2.CdkTreeModule,
+                i1$5.OverlayModule,
+                i3.PaymentLibModule,
+                i2$1.ScrollToModule.forRoot()
             ], i4.NgxMatDatetimePickerModule,
             i4.NgxMatNativeDateModule,
             i4.NgxMatTimepickerModule,
@@ -19677,7 +20109,9 @@
                 WriteCollectionFieldComponent,
                 // ComponentLauncher web components
                 CaseFileViewFieldComponent,
-                CaseFileViewFolderComponent], imports: [i1.CommonModule,
+                CaseFileViewFolderComponent,
+                CaseFileViewFolderSortComponent,
+                CaseFileViewOverlayMenuComponent, CaseFileViewOverlayMenuComponent], imports: [i1.CommonModule,
                 i1$1.RouterModule,
                 i1$2.FormsModule,
                 i1$2.ReactiveFormsModule,
@@ -19698,8 +20132,9 @@
                 input.MatInputModule,
                 i5.MatDatepickerModule,
                 i5$1.MatAutocompleteModule,
-                i3.CdkTreeModule,
-                i3$1.PaymentLibModule, i2__namespace.ScrollToModule], exports: [i4.NgxMatDatetimePickerModule,
+                i2.CdkTreeModule,
+                i1$5.OverlayModule,
+                i3.PaymentLibModule, i2__namespace$1.ScrollToModule], exports: [i4.NgxMatDatetimePickerModule,
                 i4.NgxMatNativeDateModule,
                 i4.NgxMatTimepickerModule,
                 TabsModule,
@@ -19775,7 +20210,9 @@
                 WriteCollectionFieldComponent,
                 // ComponentLauncher web components
                 CaseFileViewFieldComponent,
-                CaseFileViewFolderComponent] });
+                CaseFileViewFolderComponent,
+                CaseFileViewFolderSortComponent,
+                CaseFileViewOverlayMenuComponent] });
     })();
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PaletteModule, [{
@@ -19803,9 +20240,10 @@
                             input.MatInputModule,
                             i5.MatDatepickerModule,
                             i5$1.MatAutocompleteModule,
-                            i3.CdkTreeModule,
-                            i3$1.PaymentLibModule,
-                            i2.ScrollToModule.forRoot()
+                            i2.CdkTreeModule,
+                            i1$5.OverlayModule,
+                            i3.PaymentLibModule,
+                            i2$1.ScrollToModule.forRoot()
                         ],
                         declarations: __spread([
                             FixedListPipe,
@@ -19813,7 +20251,9 @@
                             DynamicListPipe,
                             DynamicRadioListPipe,
                             DocumentUrlPipe
-                        ], PALETTE_COMPONENTS),
+                        ], PALETTE_COMPONENTS, [
+                            CaseFileViewOverlayMenuComponent,
+                        ]),
                         exports: __spread([
                             i4.NgxMatDatetimePickerModule,
                             i4.NgxMatNativeDateModule,
@@ -20688,7 +21128,7 @@
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", !(ctx.autoHide && _r0.pages.length <= 1));
             }
-        }, 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}}"] });
+        }, directives: [i1__namespace$7.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,
@@ -21095,7 +21535,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$6.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$7.PaginatePipe, i1__namespace.CurrencyPipe], styles: [""] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseListComponent, [{
                 type: i0.Component,
@@ -21155,12 +21595,12 @@
     PaginationModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: PaginationModule });
     PaginationModule.ɵinj = i0__namespace.ɵɵdefineInjector({ imports: [[
                 i1.CommonModule,
-                i1$6.NgxPaginationModule
+                i1$7.NgxPaginationModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(PaginationModule, { declarations: [PaginationComponent], imports: [i1.CommonModule,
-                i1$6.NgxPaginationModule], exports: [PaginationComponent,
-                i1$6.PaginatePipe] });
+                i1$7.NgxPaginationModule], exports: [PaginationComponent,
+                i1$7.PaginatePipe] });
     })();
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PaginationModule, [{
@@ -21168,14 +21608,14 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i1$6.NgxPaginationModule
+                            i1$7.NgxPaginationModule
                         ],
                         declarations: [
                             PaginationComponent
                         ],
                         exports: [
                             PaginationComponent,
-                            i1$6.PaginatePipe
+                            i1$7.PaginatePipe
                         ],
                     }]
             }], null, null);
@@ -21194,14 +21634,14 @@
                 i1.CommonModule,
                 i1$2.FormsModule,
                 i1$1.RouterModule,
-                i1$6.NgxPaginationModule,
+                i1$7.NgxPaginationModule,
                 PaginationModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(CaseListModule, { declarations: [CaseListComponent], imports: [i1.CommonModule,
                 i1$2.FormsModule,
                 i1$1.RouterModule,
-                i1$6.NgxPaginationModule,
+                i1$7.NgxPaginationModule,
                 PaginationModule], exports: [CaseListComponent] });
     })();
     (function () {
@@ -21212,7 +21652,7 @@
                             i1.CommonModule,
                             i1$2.FormsModule,
                             i1$1.RouterModule,
-                            i1$6.NgxPaginationModule,
+                            i1$7.NgxPaginationModule,
                             PaginationModule
                         ],
                         declarations: [CaseListComponent],
@@ -22982,7 +23422,7 @@
         };
         return DeleteOrCancelDialogComponent;
     }());
-    DeleteOrCancelDialogComponent.ɵfac = function DeleteOrCancelDialogComponent_Factory(t) { return new (t || DeleteOrCancelDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$5.MatDialogRef)); };
+    DeleteOrCancelDialogComponent.ɵfac = function DeleteOrCancelDialogComponent_Factory(t) { return new (t || DeleteOrCancelDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$6.MatDialogRef)); };
     DeleteOrCancelDialogComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: DeleteOrCancelDialogComponent, selectors: [["ccd-delete-or-cancel-dialog"]], decls: 15, vars: 0, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Delete", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Cancel", 1, "button", "button-secondary", 3, "click"]], template: function DeleteOrCancelDialogComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div");
@@ -23023,7 +23463,7 @@
                         templateUrl: './delete-or-cancel-dialog.component.html',
                         styleUrls: ['../action-dialog.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$5.MatDialogRef }]; }, null);
+            }], function () { return [{ type: i1__namespace$6.MatDialogRef }]; }, null);
     })();
 
     function EventTriggerComponent_form_0_option_5_Template(rf, ctx) {
@@ -23241,8 +23681,8 @@
     }
     function CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_th_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "th", 34);
-            i0__namespace.ɵɵelementStart(1, "div", 35);
+            i0__namespace.ɵɵelementStart(0, "th", 35);
+            i0__namespace.ɵɵelementStart(1, "div", 36);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -23257,9 +23697,9 @@
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tr");
             i0__namespace.ɵɵtemplate(1, CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_th_1_Template, 3, 1, "th", 31);
-            i0__namespace.ɵɵelementStart(2, "td");
-            i0__namespace.ɵɵelementStart(3, "span", 32);
-            i0__namespace.ɵɵelement(4, "ccd-field-read", 33);
+            i0__namespace.ɵɵelementStart(2, "th", 32);
+            i0__namespace.ɵɵelementStart(3, "span", 33);
+            i0__namespace.ɵɵelement(4, "ccd-field-read", 34);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -23269,16 +23709,18 @@
             var ctx_r22 = i0__namespace.ɵɵnextContext(4);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", !ctx_r22.isFieldToHaveNoLabel(field_r21));
-            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("id", "case-viewer-field-read--" + field_r21.id);
+            i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵproperty("topLevelFormGroup", ctx_r22.formGroup.controls["data"])("caseField", field_r21)("caseReference", ctx_r22.caseDetails.case_id)("markdownUseHrefAsRouterLink", ctx_r22.markdownUseHrefAsRouterLink);
         }
     }
     function CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "tr", 36);
-            i0__namespace.ɵɵelementStart(1, "th");
-            i0__namespace.ɵɵelementStart(2, "span", 32);
-            i0__namespace.ɵɵelement(3, "ccd-field-read", 33);
+            i0__namespace.ɵɵelementStart(0, "tr", 37);
+            i0__namespace.ɵɵelementStart(1, "th", 32);
+            i0__namespace.ɵɵelementStart(2, "span", 33);
+            i0__namespace.ɵɵelement(3, "ccd-field-read", 34);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -23286,7 +23728,9 @@
         if (rf & 2) {
             var field_r21 = i0__namespace.ɵɵnextContext().$implicit;
             var ctx_r23 = i0__namespace.ɵɵnextContext(4);
-            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("id", "case-viewer-field-read--" + field_r21.id);
+            i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵproperty("topLevelFormGroup", ctx_r23.formGroup.controls["data"])("caseField", field_r21)("caseReference", ctx_r23.caseDetails.case_id)("markdownUseHrefAsRouterLink", ctx_r23.markdownUseHrefAsRouterLink);
         }
     }
@@ -23296,8 +23740,8 @@
             i0__namespace.ɵɵelementStart(1, "div", 27);
             i0__namespace.ɵɵelementContainerStart(2, 28);
             i0__namespace.ɵɵpipe(3, "ccdIsCompound");
-            i0__namespace.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_Template, 5, 5, "tr", 29);
-            i0__namespace.ɵɵtemplate(5, CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_5_Template, 4, 4, "tr", 30);
+            i0__namespace.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_Template, 5, 6, "tr", 29);
+            i0__namespace.ɵɵtemplate(5, CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_5_Template, 4, 5, "tr", 30);
             i0__namespace.ɵɵelementContainerEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
@@ -23648,7 +24092,7 @@
     CaseFullAccessViewComponent.TRIGGER_TEXT_CONTINUE = 'Ignore Warning and Go';
     CaseFullAccessViewComponent.UNICODE_SPACE = '%20';
     CaseFullAccessViewComponent.EMPTY_SPACE = ' ';
-    CaseFullAccessViewComponent.ɵfac = function CaseFullAccessViewComponent_Factory(t) { return new (t || CaseFullAccessViewComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.NgZone), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(NavigationNotifierService), i0__namespace.ɵɵdirectiveInject(OrderService), i0__namespace.ɵɵdirectiveInject(ActivityPollingService), i0__namespace.ɵɵdirectiveInject(i1__namespace$5.MatDialog), i0__namespace.ɵɵdirectiveInject(AlertService), i0__namespace.ɵɵdirectiveInject(DraftService), i0__namespace.ɵɵdirectiveInject(ErrorNotifierService), i0__namespace.ɵɵdirectiveInject(ConvertHrefToRouterService), i0__namespace.ɵɵdirectiveInject(i1__namespace.Location), i0__namespace.ɵɵdirectiveInject(SessionStorageService)); };
+    CaseFullAccessViewComponent.ɵfac = function CaseFullAccessViewComponent_Factory(t) { return new (t || CaseFullAccessViewComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.NgZone), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(NavigationNotifierService), i0__namespace.ɵɵdirectiveInject(OrderService), i0__namespace.ɵɵdirectiveInject(ActivityPollingService), i0__namespace.ɵɵdirectiveInject(i1__namespace$6.MatDialog), i0__namespace.ɵɵdirectiveInject(AlertService), i0__namespace.ɵɵdirectiveInject(DraftService), i0__namespace.ɵɵdirectiveInject(ErrorNotifierService), i0__namespace.ɵɵdirectiveInject(ConvertHrefToRouterService), i0__namespace.ɵɵdirectiveInject(i1__namespace.Location), i0__namespace.ɵɵdirectiveInject(SessionStorageService)); };
     CaseFullAccessViewComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFullAccessViewComponent, selectors: [["ccd-case-full-access-view"]], viewQuery: function CaseFullAccessViewComponent_Query(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵviewQuery(_c0$a, 1);
@@ -23657,7 +24101,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" }, decls: 12, vars: 11, consts: [["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [3, "caseId", "displayMode"], [1, "grid-row"], [1, "column-one-half"], [3, "caseDetails"], ["class", "case-viewer-controls", 4, "ngIf"], ["class", "column-one-half", 4, "ngIf"], [1, "column-full"], [4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h2", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], [4, "ngFor", "ngForOf"], [1, "case-viewer-controls"], ["id", "case-viewer-control-print", "routerLink", "print", 1, "button", "button-secondary"], [3, "isDisabled", "triggers", "triggerText", "onTriggerChange", "onTriggerSubmit"], ["animationDuration", "0ms", 3, "disableRipple", "selectedTabChange"], ["tabGroup", ""], [3, "id", "label", 4, "ngFor", "ngForOf"], [3, "id", "label"], ["matTabContent", ""], ["aria-describedby", "case viewer table"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "hidden"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "compound-field", 4, "ngSwitchCase"], ["id", "case-viewer-field-label", 4, "ngIf"], [1, "text-16"], [3, "topLevelFormGroup", "caseField", "caseReference", "markdownUseHrefAsRouterLink"], ["id", "case-viewer-field-label"], [1, "case-viewer-label", "text-16"], [1, "compound-field"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) {
+        }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, decls: 12, vars: 11, consts: [["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [3, "caseId", "displayMode"], [1, "grid-row"], [1, "column-one-half"], [3, "caseDetails"], ["class", "case-viewer-controls", 4, "ngIf"], ["class", "column-one-half", 4, "ngIf"], [1, "column-full"], [4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h2", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], [4, "ngFor", "ngForOf"], [1, "case-viewer-controls"], ["id", "case-viewer-control-print", "routerLink", "print", 1, "button", "button-secondary"], [3, "isDisabled", "triggers", "triggerText", "onTriggerChange", "onTriggerSubmit"], ["animationDuration", "0ms", 3, "disableRipple", "selectedTabChange"], ["tabGroup", ""], [3, "id", "label", 4, "ngFor", "ngForOf"], [3, "id", "label"], ["matTabContent", ""], ["aria-describedby", "case viewer table"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "hidden"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "compound-field", 4, "ngSwitchCase"], ["id", "case-viewer-field-label", 4, "ngIf"], [3, "id"], [1, "text-16"], [3, "topLevelFormGroup", "caseField", "caseReference", "markdownUseHrefAsRouterLink"], ["id", "case-viewer-field-label"], [1, "case-viewer-label", "text-16"], [1, "compound-field"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, CaseFullAccessViewComponent_div_0_Template, 10, 0, "div", 0);
                 i0__namespace.ɵɵtemplate(1, CaseFullAccessViewComponent_div_1_Template, 6, 2, "div", 0);
@@ -23704,7 +24148,7 @@
                         templateUrl: './case-full-access-view.component.html',
                         styleUrls: ['./case-full-access-view.component.scss']
                     }]
-            }], function () { return [{ type: i0__namespace.NgZone }, { type: i1__namespace$1.ActivatedRoute }, { type: i1__namespace$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1__namespace$5.MatDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i1__namespace.Location }, { type: SessionStorageService }]; }, { hasPrint: [{
+            }], function () { return [{ type: i0__namespace.NgZone }, { type: i1__namespace$1.ActivatedRoute }, { type: i1__namespace$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1__namespace$6.MatDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i1__namespace.Location }, { type: SessionStorageService }]; }, { hasPrint: [{
                     type: i0.Input
                 }], hasEventSelector: [{
                     type: i0.Input
@@ -27108,8 +27552,8 @@
     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", 28);
-            i0__namespace.ɵɵelementStart(1, "a", 29);
+            i0__namespace.ɵɵelementStart(0, "div", 27);
+            i0__namespace.ɵɵelementStart(1, "a", 28);
             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();
@@ -27126,13 +27570,13 @@
             var _r22_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementStart(0, "th");
             i0__namespace.ɵɵelementStart(1, "table", 24);
-            i0__namespace.ɵɵelementStart(2, "tr", 7);
-            i0__namespace.ɵɵelementStart(3, "th", 25);
-            i0__namespace.ɵɵelementStart(4, "div", 26);
+            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", 27);
+            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();
@@ -27142,7 +27586,7 @@
             var col_r15 = ctx.$implicit;
             var ctx_r7 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵattributeInterpolate2("aria-label", "Sort by ", col_r15.label, " ", ctx_r7.isSortAscending(col_r15) ? "ascending" : "descending", "");
+            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);
@@ -27151,7 +27595,7 @@
     }
     function SearchResultComponent_table_0_th_11_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "th", 30);
+            i0__namespace.ɵɵelement(0, "th", 29);
         }
     }
     function SearchResultComponent_table_0_ng_container_13_tr_1_td_1_Template(rf, ctx) {
@@ -27159,10 +27603,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();
         }
@@ -27180,7 +27624,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;
@@ -27201,9 +27645,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) {
@@ -27217,9 +27661,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) {
@@ -27233,8 +27677,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) {
@@ -27248,9 +27692,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) {
@@ -27265,7 +27709,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();
         }
@@ -27282,7 +27726,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();
         }
@@ -27315,10 +27759,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();
         }
@@ -27335,7 +27779,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;
@@ -27356,9 +27800,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) {
@@ -27372,9 +27816,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) {
@@ -27388,8 +27832,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) {
@@ -27403,9 +27847,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) {
@@ -27420,7 +27864,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();
         }
@@ -27437,7 +27881,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();
         }
@@ -27479,7 +27923,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, 7, 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();
@@ -27514,7 +27958,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();
         }
@@ -27525,7 +27969,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();
         }
@@ -27887,7 +28331,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"], [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"], ["aria-describedby", "search results", 1, "search-result-column-header"], ["scope", "col"], [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) {
+    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);
@@ -27900,7 +28344,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", !(ctx.hasResults() || ctx.hasDrafts()));
             }
-        }, directives: [i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace$1.RouterLinkWithHref, FieldReadComponent, LabelSubstitutorDirective, ActivityComponent, PaginationComponent], pipes: [i1__namespace.DecimalPipe, i1__namespace$6.PaginatePipe, CaseReferencePipe, SortSearchResultPipe], styles: ["table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{vertical-align:top}table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{font-size:16px;word-wrap:break-word}table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{float:left}table[_ngcontent-%COMP%]   .caseid-col[_ngcontent-%COMP%]{white-space:nowrap}.notification[_ngcontent-%COMP%]{text-align:center;padding:30px 0;margin-top:75px}a[_ngcontent-%COMP%]:hover{color:#005ea5}.search-result-reset-link[_ngcontent-%COMP%]{padding-right:15px;padding-left:15px}.search-result-column-header[_ngcontent-%COMP%]{width:unset;table-layout:normal}.search-result-column-header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:table-cell;width:auto}@media screen and (max-width:379px){.search-result-column-header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:block;float:right}}.search-result-column-label[_ngcontent-%COMP%]{font-size:16px;font-weight:700;word-wrap:break-word;cursor:pointer;padding-right:15px}.search-result-column-sort[_ngcontent-%COMP%]{font-size:16px}.sort-widget[_ngcontent-%COMP%]{cursor:pointer;text-decoration:none;color:#231f20}span.heading-medium[_ngcontent-%COMP%]{margin-top:-20px}.govuk-table__checkbox[_ngcontent-%COMP%]{vertical-align:middle;padding-left:3px}#search-result-heading__text[_ngcontent-%COMP%]:focus{outline:none}"] });
+        }, directives: [i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace$1.RouterLinkWithHref, FieldReadComponent, LabelSubstitutorDirective, ActivityComponent, PaginationComponent], pipes: [i1__namespace.DecimalPipe, i1__namespace$7.PaginatePipe, CaseReferencePipe, SortSearchResultPipe], styles: ["table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{vertical-align:top}table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{font-size:16px;word-wrap:break-word}table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{float:left}table[_ngcontent-%COMP%]   .caseid-col[_ngcontent-%COMP%]{white-space:nowrap}.notification[_ngcontent-%COMP%]{text-align:center;padding:30px 0;margin-top:75px}a[_ngcontent-%COMP%]:hover{color:#005ea5}.search-result-reset-link[_ngcontent-%COMP%]{padding-right:15px;padding-left:15px}.search-result-column-header[_ngcontent-%COMP%]{width:unset;table-layout:normal}.search-result-column-header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:table-cell;width:auto}@media screen and (max-width:379px){.search-result-column-header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:block;float:right}}.search-result-column-label[_ngcontent-%COMP%]{font-size:16px;font-weight:700;word-wrap:break-word;cursor:pointer;padding-right:15px}.search-result-column-sort[_ngcontent-%COMP%]{font-size:16px}.sort-widget[_ngcontent-%COMP%]{cursor:pointer;text-decoration:none;color:#231f20}span.heading-medium[_ngcontent-%COMP%]{margin-top:-20px}.govuk-table__checkbox[_ngcontent-%COMP%]{vertical-align:middle;padding-left:3px}#search-result-heading__text[_ngcontent-%COMP%]:focus{outline:none}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SearchResultComponent, [{
                 type: i0.Component,
@@ -27958,7 +28402,7 @@
             BrowserService
         ], imports: [[
                 i1.CommonModule,
-                i1$6.NgxPaginationModule,
+                i1$7.NgxPaginationModule,
                 i1$1.RouterModule,
                 i1$2.FormsModule,
                 i1$2.ReactiveFormsModule,
@@ -27970,7 +28414,7 @@
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(SearchResultModule, { declarations: [SearchResultComponent], imports: [i1.CommonModule,
-                i1$6.NgxPaginationModule,
+                i1$7.NgxPaginationModule,
                 i1$1.RouterModule,
                 i1$2.FormsModule,
                 i1$2.ReactiveFormsModule,
@@ -27986,7 +28430,7 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i1$6.NgxPaginationModule,
+                            i1$7.NgxPaginationModule,
                             i1$1.RouterModule,
                             i1$2.FormsModule,
                             i1$2.ReactiveFormsModule,
@@ -28316,6 +28760,8 @@
     exports.CaseFieldService = CaseFieldService;
     exports.CaseFileViewFieldComponent = CaseFileViewFieldComponent;
     exports.CaseFileViewFolderComponent = CaseFileViewFolderComponent;
+    exports.CaseFileViewFolderSortComponent = CaseFileViewFolderSortComponent;
+    exports.CaseFileViewOverlayMenuComponent = CaseFileViewOverlayMenuComponent;
     exports.CaseFileViewService = CaseFileViewService;
     exports.CaseFullAccessViewComponent = CaseFullAccessViewComponent;
     exports.CaseHeaderComponent = CaseHeaderComponent;