@hmcts/ccd-case-ui-toolkit 5.0.25-case-file-view-document-count-v2 → 5.0.25-case-file-view-all-document-count-v3

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

@@ -117,14 +117,14 @@
         }
     }
     var _c0$Q = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
-    var _c1$o = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
+    var _c1$n = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
     var FooterComponent = /** @class */ (function () {
         function FooterComponent() {
         }
         return FooterComponent;
     }());
     FooterComponent.ɵfac = function FooterComponent_Factory(t) { return new (t || FooterComponent)(); };
-    FooterComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FooterComponent, selectors: [["cut-footer-bar"]], inputs: { email: "email", isSolicitor: "isSolicitor", phone: "phone", workhours: "workhours" }, ngContentSelectors: _c1$o, decls: 4, vars: 4, consts: [["id", "footer", "role", "footer", 1, "group", "js-footer"], [1, "footer-wrapper"], ["class", "footer-meta", 4, "ngIf"], [1, "footer-meta"], [1, "footer-meta-inner"], [1, "open-government-licence"], [1, "logo"], ["href", "https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/", "rel", "license"], [1, "copyright"], ["href", "https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/"], [1, "title"], [1, "footer-text"], [1, "email"], [3, "href"], [1, "phone"], [1, "work-hours"]], template: function FooterComponent_Template(rf, ctx) {
+    FooterComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FooterComponent, selectors: [["cut-footer-bar"]], inputs: { email: "email", isSolicitor: "isSolicitor", phone: "phone", workhours: "workhours" }, ngContentSelectors: _c1$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$Q);
                 i0__namespace.ɵɵelementStart(0, "footer", 0);
@@ -206,7 +206,7 @@
         }
     }
     var _c0$P = [[["", "headerNavigation", ""]]];
-    var _c1$n = ["[headerNavigation]"];
+    var _c1$m = ["[headerNavigation]"];
     var HeaderBarComponent = /** @class */ (function () {
         function HeaderBarComponent() {
             this.signOutRequest = new i0.EventEmitter();
@@ -217,7 +217,7 @@
         return HeaderBarComponent;
     }());
     HeaderBarComponent.ɵfac = function HeaderBarComponent_Factory(t) { return new (t || HeaderBarComponent)(); };
-    HeaderBarComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, ngContentSelectors: _c1$n, decls: 15, vars: 8, consts: [["role", "banner", "id", "global-header", 1, "with-proposition"], [1, "header-wrapper"], [1, "header-global"], [4, "ngIf"], ["class", "global-header", 4, "ngIf"], [1, "header-proposition"], [1, "content"], ["href", "#proposition-links", 1, "js-header-toggle", "menu"], ["id", "proposition-menu", 4, "ngIf"], [1, "proposition-right"], ["id", "user-name"], ["id", "sign-out", "href", "javascript:void(0)", 3, "click"], ["href", "https://www.gov.uk", "title", "Go to the GOV.UK homepage", "id", "logo", 1, "content", 2, "margin-left", "0px"], ["src", "/img/gov.uk_logotype_crown_invert_trans.png?0.23.0", "width", "36", "height", "32", "alt", ""], [1, "global-header"], [1, "title"], ["id", "proposition-menu"], [1, "title-solicitor"], ["id", "proposition-name"]], template: function HeaderBarComponent_Template(rf, ctx) {
+    HeaderBarComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, ngContentSelectors: _c1$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$P);
                 i0__namespace.ɵɵelementStart(0, "header", 0);
@@ -281,14 +281,14 @@
     })();
 
     var _c0$O = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
-    var _c1$m = ["[leftNavLinks]", "[rightNavLinks]"];
+    var _c1$l = ["[leftNavLinks]", "[rightNavLinks]"];
     var NavigationComponent = /** @class */ (function () {
         function NavigationComponent() {
         }
         return NavigationComponent;
     }());
     NavigationComponent.ɵfac = function NavigationComponent_Factory(t) { return new (t || NavigationComponent)(); };
-    NavigationComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["cut-nav-bar"]], inputs: { isSolicitor: "isSolicitor" }, ngContentSelectors: _c1$m, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) {
+    NavigationComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["cut-nav-bar"]], inputs: { isSolicitor: "isSolicitor" }, ngContentSelectors: _c1$l, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef(_c0$O);
                 i0__namespace.ɵɵelementStart(0, "div");
@@ -436,14 +436,14 @@
     })();
 
     var _c0$N = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
-    var _c1$l = ["[topBody]", "[leftBody]", "[rightBody]"];
+    var _c1$k = ["[topBody]", "[leftBody]", "[rightBody]"];
     var BodyComponent = /** @class */ (function () {
         function BodyComponent() {
         }
         return BodyComponent;
     }());
     BodyComponent.ɵfac = function BodyComponent_Factory(t) { return new (t || BodyComponent)(); };
-    BodyComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$l, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) {
+    BodyComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$k, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef(_c0$N);
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -1301,14 +1301,14 @@
     })();
 
     var _c0$K = function (a0) { return { "js-hidden": a0 }; };
-    var _c1$k = ["*"];
+    var _c1$j = ["*"];
     var TabComponent = /** @class */ (function () {
         function TabComponent() {
         }
         return TabComponent;
     }());
     TabComponent.ɵfac = function TabComponent_Factory(t) { return new (t || TabComponent)(); };
-    TabComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: TabComponent, selectors: [["cut-tab"]], inputs: { id: "id", title: "title", selected: "selected" }, ngContentSelectors: _c1$k, decls: 2, vars: 5, consts: [["role", "tabpanel", 1, "tabs-panel", 3, "id", "ngClass"]], template: function TabComponent_Template(rf, ctx) {
+    TabComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: TabComponent, selectors: [["cut-tab"]], inputs: { id: "id", title: "title", selected: "selected" }, ngContentSelectors: _c1$j, decls: 2, vars: 5, consts: [["role", "tabpanel", 1, "tabs-panel", 3, "id", "ngClass"]], template: function TabComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -1340,7 +1340,7 @@
     })();
 
     var _c0$J = ["tab"];
-    var _c1$j = function () { return ["."]; };
+    var _c1$i = function () { return ["."]; };
     var _c2$3 = function (a0) { return { "tabs-toggle-selected": a0 }; };
     function TabsComponent_li_2_Template(rf, ctx) {
         if (rf & 1) {
@@ -1355,7 +1355,7 @@
         if (rf & 2) {
             var panel_r1 = ctx.$implicit;
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("routerLink", i0__namespace.ɵɵpureFunction0(6, _c1$j))("fragment", panel_r1.id)("ngClass", i0__namespace.ɵɵpureFunction1(7, _c2$3, panel_r1.selected));
+            i0__namespace.ɵɵproperty("routerLink", i0__namespace.ɵɵpureFunction0(6, _c1$i))("fragment", panel_r1.id)("ngClass", i0__namespace.ɵɵpureFunction1(7, _c2$3, panel_r1.selected));
             i0__namespace.ɵɵattribute("aria-controls", panel_r1.id)("aria-selected", panel_r1.selected);
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵtextInterpolate(panel_r1.title);
@@ -9211,7 +9211,7 @@
             i0__namespace.ɵɵelementEnd();
         }
     }
-    var _c1$i = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$h = function (a0) { return { "form-group-error": a0 }; };
     var _c2$2 = function (a0) { return { "govuk-input--error": a0 }; };
     function WriteAddressFieldComponent_div_1_div_4_Template(rf, ctx) {
         if (rf & 1) {
@@ -9232,7 +9232,7 @@
         }
         if (rf & 2) {
             var ctx_r2 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵproperty("id", ctx_r2.createElementId("postcodeLookup"))("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$i, ctx_r2.missingPostcode));
+            i0__namespace.ɵɵproperty("id", ctx_r2.createElementId("postcodeLookup"))("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$h, ctx_r2.missingPostcode));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("for", ctx_r2.createElementId("postcodeInput"));
             i0__namespace.ɵɵadvance(3);
@@ -9581,69 +9581,258 @@
         __metadata("design:paramtypes", [])
     ], DocumentTreeNode.prototype, "childDocumentCount", null);
 
-    function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_1_Template(rf, ctx) {
+    var categoriesAndDocumentsTestData = {
+        case_version: 1,
+        categories: [
+            {
+                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: []
+                            }
+                        ]
+                    }
+                ]
+            }
+        ],
+        uncategorised_documents: [
+            {
+                document_url: '/uncategorised-document-1',
+                document_filename: 'Uncategorised document 1',
+                document_binary_url: '/test/binary',
+                attribute_path: '',
+                upload_timestamp: ''
+            },
+            {
+                document_url: '/uncategorised-document-2',
+                document_filename: 'Uncategorised document 2',
+                document_binary_url: '/test/binary',
+                attribute_path: '',
+                upload_timestamp: ''
+            }
+        ]
+    };
+
+    function CaseFileViewOverlayMenuComponent_ng_template_0_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "div", 6);
+            i0__namespace.ɵɵelementStart(1, "div", 4);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r1 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(ctx_r2.title);
+            i0__namespace.ɵɵtextInterpolate(ctx_r1.title);
         }
     }
-    function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_img_2_Template(rf, ctx) {
+    function CaseFileViewOverlayMenuComponent_ng_template_0_ng_container_2_img_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "img", 10);
+            i0__namespace.ɵɵelement(0, "img", 8);
         }
         if (rf & 2) {
-            var item_r4 = i0__namespace.ɵɵnextContext().$implicit;
-            var ctx_r5 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵpropertyInterpolate1("alt", "", ctx_r5.title, " icon'");
-            i0__namespace.ɵɵproperty("src", item_r4.iconSrc, i0__namespace.ɵɵsanitizeUrl);
+            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_4_ng_container_2_Template(rf, ctx) {
+    function CaseFileViewOverlayMenuComponent_ng_template_0_ng_container_2_Template(rf, ctx) {
         if (rf & 1) {
-            var _r8_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r7_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "div", 7);
-            i0__namespace.ɵɵlistener("click", function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_Template_div_click_1_listener() { i0__namespace.ɵɵrestoreView(_r8_1); var item_r4 = ctx.$implicit; var ctx_r7 = i0__namespace.ɵɵnextContext(2); item_r4.actionFn(); return ctx_r7.closeOverlay(); });
-            i0__namespace.ɵɵtemplate(2, CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_img_2_Template, 1, 2, "img", 8);
-            i0__namespace.ɵɵelementStart(3, "div", 9);
+            i0__namespace.ɵɵ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 item_r4 = ctx.$implicit;
+            var item_r3 = ctx.$implicit;
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("ngIf", item_r4.iconSrc);
+            i0__namespace.ɵɵproperty("ngIf", item_r3.iconSrc);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(item_r4.actionText);
+            i0__namespace.ɵɵtextInterpolate(item_r3.actionText);
         }
     }
-    function CaseFileViewOverlayMenuComponent_ng_template_4_Template(rf, ctx) {
+    function CaseFileViewOverlayMenuComponent_ng_template_0_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 3);
-            i0__namespace.ɵɵtemplate(1, CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_1_Template, 3, 1, "ng-container", 4);
-            i0__namespace.ɵɵtemplate(2, CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_Template, 5, 2, "ng-container", 5);
+            i0__namespace.ɵɵ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_r1 = i0__namespace.ɵɵnextContext();
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r1.title);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r0.title);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r1.menuItems);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.menuItems);
         }
     }
-    var _c0$G = [[["", "trigger", ""]]];
-    var _c1$h = ["[trigger]"];
     var CaseFileViewOverlayMenuComponent = /** @class */ (function () {
         function CaseFileViewOverlayMenuComponent() {
             this.title = '';
@@ -9658,24 +9847,14 @@
         return CaseFileViewOverlayMenuComponent;
     }());
     CaseFileViewOverlayMenuComponent.ɵfac = function CaseFileViewOverlayMenuComponent_Factory(t) { return new (t || CaseFileViewOverlayMenuComponent)(); };
-    CaseFileViewOverlayMenuComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewOverlayMenuComponent, selectors: [["ccd-case-file-view-overlay-menu"]], inputs: { title: "title", menuItems: "menuItems", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngContentSelectors: _c1$h, decls: 5, vars: 4, consts: [["type", "button", "cdkOverlayOrigin", "", 1, "overlay-toggle", 3, "click"], ["trigger", "cdkOverlayOrigin"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayBackdropClass", "backdropClick"], [1, "overlay-menu"], [4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "overlay-menu__title"], [1, "overlay-menu__item", 3, "click"], ["class", "overlay-menu__itemIcon", 3, "src", "alt", 4, "ngIf"], [1, "overlay-menu__actionText"], [1, "overlay-menu__itemIcon", 3, "src", "alt"]], template: function CaseFileViewOverlayMenuComponent_Template(rf, ctx) {
+    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.ɵɵprojectionDef(_c0$G);
-                i0__namespace.ɵɵelementStart(0, "div");
-                i0__namespace.ɵɵelementStart(1, "button", 0, 1);
-                i0__namespace.ɵɵlistener("click", function CaseFileViewOverlayMenuComponent_Template_button_click_1_listener() { return ctx.isOpen = !ctx.isOpen; });
-                i0__namespace.ɵɵprojection(3);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(4, CaseFileViewOverlayMenuComponent_ng_template_4_Template, 3, 2, "ng-template", 2);
-                i0__namespace.ɵɵlistener("backdropClick", function CaseFileViewOverlayMenuComponent_Template_ng_template_backdropClick_4_listener() { return ctx.closeOverlay(); });
-                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(0, CaseFileViewOverlayMenuComponent_ng_template_0_Template, 3, 2, "ng-template", 0);
             }
             if (rf & 2) {
-                var _r0 = i0__namespace.ɵɵreference(2);
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵproperty("cdkConnectedOverlayOrigin", _r0)("cdkConnectedOverlayOpen", ctx.isOpen)("cdkConnectedOverlayHasBackdrop", true)("cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop");
+                i0__namespace.ɵɵproperty("cdkConnectedOverlayOrigin", ctx.cdkOverlayOrigin)("cdkConnectedOverlayOpen", ctx.isOpen);
             }
-        }, directives: [i1__namespace$5.CdkOverlayOrigin, i1__namespace$5.CdkConnectedOverlay, i1__namespace.NgIf, i1__namespace.NgForOf], styles: [".overlay-toggle[_ngcontent-%COMP%]{display:block;background:none;border:0;padding:0 6px;margin-right:-6px;cursor:pointer}.overlay-menu[_ngcontent-%COMP%]{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlay-menu__item[_ngcontent-%COMP%], .overlay-menu__title[_ngcontent-%COMP%]{padding:10px;border-bottom:1px solid grey}.overlay-menu__item[_ngcontent-%COMP%]:last-child, .overlay-menu__title[_ngcontent-%COMP%]:last-child{border:none}.overlay-menu__title[_ngcontent-%COMP%]{padding-left:6px;padding-right:6px}.overlay-menu__item[_ngcontent-%COMP%]{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlay-menu__item[_ngcontent-%COMP%]:hover{background-color:#fff2cc}.overlay-menu__itemIcon[_ngcontent-%COMP%]{height:1.25em;width:1.25em;margin-right:6px}"] });
+        }, 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,
@@ -9688,6 +9867,8 @@
                     type: i0.Input
                 }], menuItems: [{
                     type: i0.Input
+                }], cdkOverlayOrigin: [{
+                    type: i0.Input
                 }], isOpen: [{
                     type: i0.Input
                 }], isOpenChange: [{
@@ -9706,10 +9887,12 @@
                 { 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: 3, consts: [["type", "button", "cdkOverlayOrigin", "", 1, "sort-button", 3, "click"], ["trigger", "cdkOverlayOrigin"], ["src", "/assets/img/sort/sort-arrows.svg", "alt", "Sort Arrows", 1, "sort-button__arrows"], [3, "title", "menuItems", "isOpen", "isOpenChange"]], template: function CaseFileViewFolderSortComponent_Template(rf, ctx) {
+    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; });
@@ -9720,8 +9903,9 @@
                 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)("isOpen", ctx.isOpen);
+                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 () {
@@ -9739,72 +9923,17 @@
                 }] });
     })();
 
-    var CaseFileViewFolderDocumentActionsComponent = /** @class */ (function () {
-        function CaseFileViewFolderDocumentActionsComponent() {
-            var _this = this;
-            this.isOpen = false;
-            this.changeFolderAction = new i0.EventEmitter();
-            this.openInANewTabAction = new i0.EventEmitter();
-            this.downloadAction = new i0.EventEmitter();
-            this.printAction = new i0.EventEmitter();
-            this.overlayMenuItems = [
-                { actionText: 'Change folder', iconSrc: '/assets/img/case-file-view/document-menu/open_with.svg', actionFn: function () { return _this.changeFolderAction.emit(); } },
-                { actionText: 'Open in a new tab', iconSrc: '/assets/img/case-file-view/document-menu/open_in_new.svg', actionFn: function () { return _this.openInANewTabAction.emit(); } },
-                { actionText: 'Download', iconSrc: '/assets/img/case-file-view/document-menu/download.svg', actionFn: function () { return _this.downloadAction.emit(); } },
-                { actionText: 'Print', iconSrc: '/assets/img/case-file-view/document-menu/print.svg', actionFn: function () { return _this.printAction.emit(); } },
-            ];
-        }
-        return CaseFileViewFolderDocumentActionsComponent;
-    }());
-    CaseFileViewFolderDocumentActionsComponent.ɵfac = function CaseFileViewFolderDocumentActionsComponent_Factory(t) { return new (t || CaseFileViewFolderDocumentActionsComponent)(); };
-    CaseFileViewFolderDocumentActionsComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderDocumentActionsComponent, selectors: [["ccd-case-file-view-folder-document-actions"]], outputs: { changeFolderAction: "changeFolderAction", openInANewTabAction: "openInANewTabAction", downloadAction: "downloadAction", printAction: "printAction" }, decls: 3, vars: 2, consts: [[3, "menuItems", "isOpen", "isOpenChange"], ["trigger", ""], ["src", "/assets/img/case-file-view/document-menu/more_vert.svg", "alt", "More document options", 1, "actions-trigger-icon"]], template: function CaseFileViewFolderDocumentActionsComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "ccd-case-file-view-overlay-menu", 0);
-                i0__namespace.ɵɵlistener("isOpenChange", function CaseFileViewFolderDocumentActionsComponent_Template_ccd_case_file_view_overlay_menu_isOpenChange_0_listener($event) { return ctx.isOpen = $event; });
-                i0__namespace.ɵɵelementContainerStart(1, 1);
-                i0__namespace.ɵɵelement(2, "img", 2);
-                i0__namespace.ɵɵelementContainerEnd();
-                i0__namespace.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("menuItems", ctx.overlayMenuItems)("isOpen", ctx.isOpen);
-            }
-        }, directives: [CaseFileViewOverlayMenuComponent], styles: [".actions-trigger-icon[_ngcontent-%COMP%]{display:block;height:24px;margin-right:-5px}"] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFolderDocumentActionsComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ccd-case-file-view-folder-document-actions',
-                        templateUrl: './case-file-view-folder-document-actions.component.html',
-                        styleUrls: ['./case-file-view-folder-document-actions.component.scss']
-                    }]
-            }], function () { return []; }, { changeFolderAction: [{
-                    type: i0.Output
-                }], openInANewTabAction: [{
-                    type: i0.Output
-                }], downloadAction: [{
-                    type: i0.Output
-                }], printAction: [{
-                    type: i0.Output
-                }] });
-    })();
-
+    var _c0$G = ["tree"];
     function CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template(rf, ctx) {
         if (rf & 1) {
-            var _r4_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementStart(0, "cdk-nested-tree-node", 7);
-            i0__namespace.ɵɵelementStart(1, "button", 8);
-            i0__namespace.ɵɵelementStart(2, "div", 9);
+            i0__namespace.ɵɵelementStart(1, "div", 8);
+            i0__namespace.ɵɵelementStart(2, "button", 9);
             i0__namespace.ɵɵelement(3, "img", 10);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementStart(4, "span", 11);
             i0__namespace.ɵɵtext(5);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(6, "div", 12);
-            i0__namespace.ɵɵelementStart(7, "ccd-case-file-view-folder-document-actions", 13);
-            i0__namespace.ɵɵlistener("changeFolderAction", function CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template_ccd_case_file_view_folder_document_actions_changeFolderAction_7_listener() { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r3 = i0__namespace.ɵɵnextContext(); return ctx_r3.triggerDocumentAction("changeFolder"); })("openInANewTabAction", function CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template_ccd_case_file_view_folder_document_actions_openInANewTabAction_7_listener() { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r5 = i0__namespace.ɵɵnextContext(); return ctx_r5.triggerDocumentAction("openInANewTab"); })("downloadAction", function CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template_ccd_case_file_view_folder_document_actions_downloadAction_7_listener() { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r6 = i0__namespace.ɵɵnextContext(); return ctx_r6.triggerDocumentAction("download"); })("printAction", function CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template_ccd_case_file_view_folder_document_actions_printAction_7_listener() { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r7 = i0__namespace.ɵɵnextContext(); return ctx_r7.triggerDocumentAction("print"); });
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
@@ -9817,33 +9946,33 @@
     function CaseFileViewFolderComponent_cdk_nested_tree_node_8_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "cdk-nested-tree-node", 7);
-            i0__namespace.ɵɵelementStart(1, "button", 14);
-            i0__namespace.ɵɵelementStart(2, "div", 15);
-            i0__namespace.ɵɵelement(3, "img", 16);
-            i0__namespace.ɵɵelementStart(4, "span", 17);
+            i0__namespace.ɵɵelementStart(1, "div", 12);
+            i0__namespace.ɵɵelementStart(2, "button", 13);
+            i0__namespace.ɵɵelement(3, "img", 14);
+            i0__namespace.ɵɵelementStart(4, "span", 15);
             i0__namespace.ɵɵtext(5);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(6, "span", 18);
+            i0__namespace.ɵɵelementStart(6, "span", 16);
             i0__namespace.ɵɵtext(7);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementStart(8, "div");
-            i0__namespace.ɵɵelementContainer(9, 19);
+            i0__namespace.ɵɵelementContainer(9, 17);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var node_r8 = ctx.$implicit;
+            var node_r3 = ctx.$implicit;
             var ctx_r1 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵattribute("aria-label", "toggle " + node_r8.name);
+            i0__namespace.ɵɵattribute("aria-label", "toggle " + node_r3.name);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(node_r8.childDocumentCount);
+            i0__namespace.ɵɵtextInterpolate(node_r3.childDocumentCount);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(node_r8.name);
+            i0__namespace.ɵɵtextInterpolate(node_r3.name);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵclassProp("document-tree-invisible", !ctx_r1.nestedTreeControl.isExpanded(node_r8));
+            i0__namespace.ɵɵclassProp("document-tree-invisible", !ctx_r1.nestedTreeControl.isExpanded(node_r3));
         }
     }
     var CaseFileViewFolderComponent = /** @class */ (function () {
@@ -9853,6 +9982,21 @@
             this.nestedChildren = function (_, nodeData) { return nodeData.children; };
             this.nestedTreeControl = new i2.NestedTreeControl(this.getChildren);
         }
+        Object.defineProperty(CaseFileViewFolderComponent.prototype, "documentCount", {
+            get: function () {
+                var _a;
+                if ((_a = this.nestedDataSource) === null || _a === void 0 ? void 0 : _a.length) {
+                    return this.nestedDataSource.reduce(function (acc, item) {
+                        return acc + item.childDocumentCount;
+                    }, 0);
+                }
+                else {
+                    return 0;
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
         CaseFileViewFolderComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.categoriesAndDocumentsSubscription = this.categoriesAndDocuments.subscribe(function (categoriesAndDocuments) {
@@ -9905,24 +10049,6 @@
             uncategorisedNode.children = documents;
             return uncategorisedNode;
         };
-        CaseFileViewFolderComponent.prototype.triggerDocumentAction = function (actionType) {
-            switch (actionType) {
-                case ('changeFolder'):
-                    console.log('changeFolder!');
-                    break;
-                case ('openInANewTab'):
-                    console.log('openInANewTab!');
-                    break;
-                case ('download'):
-                    console.log('download!');
-                    break;
-                case ('print'):
-                    console.log('print!');
-                    break;
-                default:
-                    return;
-            }
-        };
         CaseFileViewFolderComponent.prototype.sortDataSourceAscAlphabetically = function () {
             var sortedData = this.nestedDataSource.map(function (item) {
                 item.sortChildrenAscending();
@@ -9968,188 +10094,25 @@
             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 categoriesAndDocumentsTestData.categories;
         };
         return CaseFileViewFolderComponent;
     }());
     CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE = 'Uncategorised documents';
     CaseFileViewFolderComponent.ɵfac = function CaseFileViewFolderComponent_Factory(t) { return new (t || CaseFileViewFolderComponent)(); };
-    CaseFileViewFolderComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderComponent, selectors: [["ccd-case-file-view-folder"]], inputs: { categoriesAndDocuments: "categoriesAndDocuments" }, decls: 9, vars: 3, consts: [[1, "document-folders-header"], [1, "document-folders-header__title"], [3, "sortAscending", "sortDescending"], [1, "document-tree-container"], [3, "dataSource", "treeControl"], ["class", "document-tree-node", 4, "cdkTreeNodeDef"], ["class", "document-tree-node", 4, "cdkTreeNodeDef", "cdkTreeNodeDefWhen"], [1, "document-tree-node"], [1, "node"], ["mat-icon-button", "", "disabled", "", 1, "node__icon"], ["src", "/assets/images/document.png", "alt", "Document icon", 1, "node__iconImg"], [1, "node__name", "node-name-document"], [1, "node__document-options"], [3, "changeFolderAction", "openInANewTabAction", "downloadAction", "printAction"], ["cdkTreeNodeToggle", "", 1, "node"], ["mat-icon-button", "", 1, "node__icon"], ["src", "/assets/images/folder.png", "alt", "Folder icon", 1, "node__iconImg"], [1, "node__count"], [1, "node__name", "node__name--folder"], ["cdkTreeNodeOutlet", ""]], template: function CaseFileViewFolderComponent_Template(rf, ctx) {
+    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: 9, vars: 4, consts: [[1, "document-folders-header"], [1, "document-folders-header__title"], [3, "sortAscending", "sortDescending"], [1, "document-tree-container"], [3, "dataSource", "treeControl"], ["class", "document-tree-node", 4, "cdkTreeNodeDef"], ["class", "document-tree-node", 4, "cdkTreeNodeDef", "cdkTreeNodeDefWhen"], [1, "document-tree-node"], [1, "node"], ["mat-icon-button", "", "disabled", "", 1, "node__icon"], ["src", "/assets/images/document.png", "alt", "Document icon", 1, "node__iconImg"], [1, "node__name", "node-name-document"], ["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.ɵɵtext(2, "Documents");
+                i0__namespace.ɵɵtext(2);
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementStart(3, "div");
                 i0__namespace.ɵɵelementStart(4, "ccd-case-file-view-folder-sort", 2);
@@ -10159,18 +10122,20 @@
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementStart(5, "div", 3);
                 i0__namespace.ɵɵelementStart(6, "cdk-tree", 4);
-                i0__namespace.ɵɵtemplate(7, CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template, 8, 1, "cdk-nested-tree-node", 5);
+                i0__namespace.ɵɵtemplate(7, CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template, 6, 1, "cdk-nested-tree-node", 5);
                 i0__namespace.ɵɵtemplate(8, CaseFileViewFolderComponent_cdk_nested_tree_node_8_Template, 10, 5, "cdk-nested-tree-node", 6);
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵadvance(6);
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵtextInterpolate1("Documents (", ctx.documentCount, ")");
+                i0__namespace.ɵɵadvance(4);
                 i0__namespace.ɵɵproperty("dataSource", ctx.nestedDataSource)("treeControl", ctx.nestedTreeControl);
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("cdkTreeNodeDefWhen", ctx.nestedChildren);
             }
-        }, directives: [CaseFileViewFolderSortComponent, i2__namespace.CdkTree, i2__namespace.CdkTreeNodeDef, i2__namespace.CdkNestedTreeNode, CaseFileViewFolderDocumentActionsComponent, i2__namespace.CdkTreeNodeToggle, i2__namespace.CdkTreeNodeOutlet], styles: [".document-folders-header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #c9c9c9;padding:10px}.document-folders-header__title[_ngcontent-%COMP%]{font-weight:700}.document-tree-container[_ngcontent-%COMP%]{margin:4px}.document-tree-container[_ngcontent-%COMP%]   .document-tree-invisible[_ngcontent-%COMP%]{display:none}.document-tree-container[_ngcontent-%COMP%]   .document-tree[_ngcontent-%COMP%]   li[_ngcontent-%COMP%], .document-tree-container[_ngcontent-%COMP%]   .document-tree[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{margin-top:0;margin-bottom:0;list-style-type:none}.document-tree-container[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]{display:block}.document-tree-container[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]{padding-left:40px}.node[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;padding:6px;background:none;border:0;cursor:pointer}.node__icon[_ngcontent-%COMP%]{position:relative;display:inline-block}.node__iconImg[_ngcontent-%COMP%]{display:block;height:24px;width:24px}.node__count[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;padding-top:4px}.node__name[_ngcontent-%COMP%]{margin-left:6px;font-size:1rem}.node__document-options[_ngcontent-%COMP%]{margin-left:auto;margin-right:0}"] });
+        }, 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}.node__iconImg[_ngcontent-%COMP%]{display:block;height:24px}.node__count[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;padding-top:4px}.node__name[_ngcontent-%COMP%]{margin-left:6px}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFolderComponent, [{
                 type: i0.Component,
@@ -10181,6 +10146,9 @@
                     }]
             }], function () { return []; }, { categoriesAndDocuments: [{
                     type: i0.Input
+                }], tree: [{
+                    type: i0.ViewChild,
+                    args: ['tree', { static: true }]
                 }] });
     })();
 
@@ -20053,8 +20021,7 @@
         CaseFileViewFieldComponent,
         CaseFileViewFolderComponent,
         CaseFileViewFolderSortComponent,
-        CaseFileViewOverlayMenuComponent,
-        CaseFileViewFolderDocumentActionsComponent
+        CaseFileViewOverlayMenuComponent
     ];
     var PaletteModule = /** @class */ (function () {
         function PaletteModule() {
@@ -20182,8 +20149,7 @@
                 CaseFileViewFieldComponent,
                 CaseFileViewFolderComponent,
                 CaseFileViewFolderSortComponent,
-                CaseFileViewOverlayMenuComponent,
-                CaseFileViewFolderDocumentActionsComponent], imports: [i1.CommonModule,
+                CaseFileViewOverlayMenuComponent, CaseFileViewOverlayMenuComponent], imports: [i1.CommonModule,
                 i1$1.RouterModule,
                 i1$2.FormsModule,
                 i1$2.ReactiveFormsModule,
@@ -20284,8 +20250,7 @@
                 CaseFileViewFieldComponent,
                 CaseFileViewFolderComponent,
                 CaseFileViewFolderSortComponent,
-                CaseFileViewOverlayMenuComponent,
-                CaseFileViewFolderDocumentActionsComponent] });
+                CaseFileViewOverlayMenuComponent] });
     })();
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PaletteModule, [{
@@ -20324,7 +20289,9 @@
                             DynamicListPipe,
                             DynamicRadioListPipe,
                             DocumentUrlPipe
-                        ], PALETTE_COMPONENTS),
+                        ], PALETTE_COMPONENTS, [
+                            CaseFileViewOverlayMenuComponent,
+                        ]),
                         exports: __spread([
                             i4.NgxMatDatetimePickerModule,
                             i4.NgxMatNativeDateModule,
@@ -28831,7 +28798,6 @@
     exports.CaseFieldService = CaseFieldService;
     exports.CaseFileViewFieldComponent = CaseFileViewFieldComponent;
     exports.CaseFileViewFolderComponent = CaseFileViewFolderComponent;
-    exports.CaseFileViewFolderDocumentActionsComponent = CaseFileViewFolderDocumentActionsComponent;
     exports.CaseFileViewFolderSortComponent = CaseFileViewFolderSortComponent;
     exports.CaseFileViewOverlayMenuComponent = CaseFileViewOverlayMenuComponent;
     exports.CaseFileViewService = CaseFileViewService;