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

package/fesm2015/hmcts-ccd-case-ui-toolkit.js

@@ -113,11 +113,11 @@ function FooterComponent_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(ctx_r1.workhours);
 } }
 const _c0$Q = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
-const _c1$n = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
+const _c1$o = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
 class FooterComponent {
 }
 FooterComponent.ɵfac = function FooterComponent_Factory(t) { return new (t || FooterComponent)(); };
-FooterComponent.ɵcmp = i0.ɵɵ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) {
+FooterComponent.ɵcmp = i0.ɵɵ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) { if (rf & 1) {
         i0.ɵɵprojectionDef(_c0$Q);
         i0.ɵɵelementStart(0, "footer", 0);
         i0.ɵɵelementStart(1, "div", 1);
@@ -186,7 +186,7 @@ function HeaderBarComponent_div_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(ctx_r2.title);
 } }
 const _c0$P = [[["", "headerNavigation", ""]]];
-const _c1$m = ["[headerNavigation]"];
+const _c1$n = ["[headerNavigation]"];
 class HeaderBarComponent {
     constructor() {
         this.signOutRequest = new EventEmitter();
@@ -196,7 +196,7 @@ class HeaderBarComponent {
     }
 }
 HeaderBarComponent.ɵfac = function HeaderBarComponent_Factory(t) { return new (t || HeaderBarComponent)(); };
-HeaderBarComponent.ɵcmp = i0.ɵɵ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) {
+HeaderBarComponent.ɵcmp = i0.ɵɵ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) { if (rf & 1) {
         i0.ɵɵprojectionDef(_c0$P);
         i0.ɵɵelementStart(0, "header", 0);
         i0.ɵɵelementStart(1, "div", 1);
@@ -255,11 +255,11 @@ HeaderBarComponent.ɵcmp = i0.ɵɵdefineComponent({ type: HeaderBarComponent, se
         }] }); })();
 
 const _c0$O = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
-const _c1$l = ["[leftNavLinks]", "[rightNavLinks]"];
+const _c1$m = ["[leftNavLinks]", "[rightNavLinks]"];
 class NavigationComponent {
 }
 NavigationComponent.ɵfac = function NavigationComponent_Factory(t) { return new (t || NavigationComponent)(); };
-NavigationComponent.ɵcmp = i0.ɵɵ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) {
+NavigationComponent.ɵcmp = i0.ɵɵ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) { if (rf & 1) {
         i0.ɵɵprojectionDef(_c0$O);
         i0.ɵɵelementStart(0, "div");
         i0.ɵɵelementStart(1, "nav", 0);
@@ -378,11 +378,11 @@ HeadersModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[CommonModule, RouterMod
     }], null, null); })();
 
 const _c0$N = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
-const _c1$k = ["[topBody]", "[leftBody]", "[rightBody]"];
+const _c1$l = ["[topBody]", "[leftBody]", "[rightBody]"];
 class BodyComponent {
 }
 BodyComponent.ɵfac = function BodyComponent_Factory(t) { return new (t || BodyComponent)(); };
-BodyComponent.ɵcmp = i0.ɵɵ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) {
+BodyComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$l, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef(_c0$N);
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵprojection(1);
@@ -867,11 +867,11 @@ AlertModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[CommonModule]] });
     }], null, null); })();
 
 const _c0$K = function (a0) { return { "js-hidden": a0 }; };
-const _c1$j = ["*"];
+const _c1$k = ["*"];
 class TabComponent {
 }
 TabComponent.ɵfac = function TabComponent_Factory(t) { return new (t || TabComponent)(); };
-TabComponent.ɵcmp = i0.ɵɵ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) {
+TabComponent.ɵcmp = i0.ɵɵ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) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵprojection(1);
@@ -898,7 +898,7 @@ TabComponent.ɵcmp = i0.ɵɵdefineComponent({ type: TabComponent, selectors: [["
         }] }); })();
 
 const _c0$J = ["tab"];
-const _c1$i = function () { return ["."]; };
+const _c1$j = function () { return ["."]; };
 const _c2$3 = function (a0) { return { "tabs-toggle-selected": a0 }; };
 function TabsComponent_li_2_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -911,7 +911,7 @@ function TabsComponent_li_2_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const panel_r1 = ctx.$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction0(6, _c1$i))("fragment", panel_r1.id)("ngClass", i0.ɵɵpureFunction1(7, _c2$3, panel_r1.selected));
+    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction0(6, _c1$j))("fragment", panel_r1.id)("ngClass", i0.ɵɵpureFunction1(7, _c2$3, panel_r1.selected));
     i0.ɵɵattribute("aria-controls", panel_r1.id)("aria-selected", panel_r1.selected);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(panel_r1.title);
@@ -7831,7 +7831,7 @@ function WriteAddressFieldComponent_div_1_div_4_span_4_Template(rf, ctx) { if (r
     i0.ɵɵtext(1, "Enter the Postcode");
     i0.ɵɵelementEnd();
 } }
-const _c1$h = function (a0) { return { "form-group-error": a0 }; };
+const _c1$i = function (a0) { return { "form-group-error": a0 }; };
 const _c2$2 = function (a0) { return { "govuk-input--error": a0 }; };
 function WriteAddressFieldComponent_div_1_div_4_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
@@ -7850,7 +7850,7 @@ function WriteAddressFieldComponent_div_1_div_4_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("id", ctx_r2.createElementId("postcodeLookup"))("ngClass", i0.ɵɵpureFunction1(7, _c1$h, ctx_r2.missingPostcode));
+    i0.ɵɵproperty("id", ctx_r2.createElementId("postcodeLookup"))("ngClass", i0.ɵɵpureFunction1(7, _c1$i, ctx_r2.missingPostcode));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("for", ctx_r2.createElementId("postcodeInput"));
     i0.ɵɵadvance(3);
@@ -8156,54 +8156,57 @@ __decorate([
     __metadata("design:paramtypes", [])
 ], DocumentTreeNode.prototype, "childDocumentCount", null);
 
-function CaseFileViewOverlayMenuComponent_ng_template_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 4);
+    i0.ɵɵelementStart(1, "div", 6);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.title);
+    i0.ɵɵtextInterpolate(ctx_r2.title);
 } }
-function CaseFileViewOverlayMenuComponent_ng_template_0_ng_container_2_img_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "img", 8);
+function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_img_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 10);
 } if (rf & 2) {
-    const item_r3 = i0.ɵɵnextContext().$implicit;
-    const ctx_r4 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("src", item_r3.iconSrc, i0.ɵɵsanitizeUrl)("alt", ctx_r4.title);
+    const item_r4 = i0.ɵɵnextContext().$implicit;
+    const ctx_r5 = i0.ɵɵnextContext(2);
+    i0.ɵɵpropertyInterpolate1("alt", "", ctx_r5.title, " icon'");
+    i0.ɵɵproperty("src", item_r4.iconSrc, i0.ɵɵsanitizeUrl);
 } }
-function CaseFileViewOverlayMenuComponent_ng_template_0_ng_container_2_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
+function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 5);
-    i0.ɵɵlistener("click", function CaseFileViewOverlayMenuComponent_ng_template_0_ng_container_2_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r7); const item_r3 = ctx.$implicit; const ctx_r6 = i0.ɵɵnextContext(2); item_r3.actionFn(); return ctx_r6.closeOverlay(); });
-    i0.ɵɵtemplate(2, CaseFileViewOverlayMenuComponent_ng_template_0_ng_container_2_img_2_Template, 1, 2, "img", 6);
-    i0.ɵɵelementStart(3, "div", 7);
+    i0.ɵɵelementStart(1, "div", 7);
+    i0.ɵɵlistener("click", function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r8); const item_r4 = ctx.$implicit; const ctx_r7 = i0.ɵɵnextContext(2); item_r4.actionFn(); return ctx_r7.closeOverlay(); });
+    i0.ɵɵtemplate(2, CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_img_2_Template, 1, 2, "img", 8);
+    i0.ɵɵelementStart(3, "div", 9);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const item_r3 = ctx.$implicit;
+    const item_r4 = ctx.$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", item_r3.iconSrc);
+    i0.ɵɵproperty("ngIf", item_r4.iconSrc);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(item_r3.actionText);
+    i0.ɵɵtextInterpolate(item_r4.actionText);
 } }
-function CaseFileViewOverlayMenuComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵtemplate(1, CaseFileViewOverlayMenuComponent_ng_template_0_ng_container_1_Template, 3, 1, "ng-container", 2);
-    i0.ɵɵtemplate(2, CaseFileViewOverlayMenuComponent_ng_template_0_ng_container_2_Template, 5, 2, "ng-container", 3);
+function CaseFileViewOverlayMenuComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵtemplate(1, CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_1_Template, 3, 1, "ng-container", 4);
+    i0.ɵɵtemplate(2, CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_Template, 5, 2, "ng-container", 5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.title);
+    i0.ɵɵproperty("ngIf", ctx_r1.title);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r0.menuItems);
+    i0.ɵɵproperty("ngForOf", ctx_r1.menuItems);
 } }
+const _c0$G = [[["", "trigger", ""]]];
+const _c1$h = ["[trigger]"];
 class CaseFileViewOverlayMenuComponent {
     constructor() {
         this.title = '';
@@ -8217,11 +8220,21 @@ class CaseFileViewOverlayMenuComponent {
     }
 }
 CaseFileViewOverlayMenuComponent.ɵfac = function CaseFileViewOverlayMenuComponent_Factory(t) { return new (t || CaseFileViewOverlayMenuComponent)(); };
-CaseFileViewOverlayMenuComponent.ɵcmp = i0.ɵɵ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.ɵɵtemplate(0, CaseFileViewOverlayMenuComponent_ng_template_0_Template, 3, 2, "ng-template", 0);
+CaseFileViewOverlayMenuComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewOverlayMenuComponent, selectors: [["ccd-case-file-view-overlay-menu"]], inputs: { title: "title", menuItems: "menuItems", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngContentSelectors: _c1$h, decls: 5, vars: 4, consts: [["type", "button", "cdkOverlayOrigin", "", 1, "overlay-toggle", 3, "click"], ["trigger", "cdkOverlayOrigin"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayBackdropClass", "backdropClick"], [1, "overlay-menu"], [4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "overlay-menu__title"], [1, "overlay-menu__item", 3, "click"], ["class", "overlay-menu__itemIcon", 3, "src", "alt", 4, "ngIf"], [1, "overlay-menu__actionText"], [1, "overlay-menu__itemIcon", 3, "src", "alt"]], template: function CaseFileViewOverlayMenuComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef(_c0$G);
+        i0.ɵɵelementStart(0, "div");
+        i0.ɵɵelementStart(1, "button", 0, 1);
+        i0.ɵɵlistener("click", function CaseFileViewOverlayMenuComponent_Template_button_click_1_listener() { return ctx.isOpen = !ctx.isOpen; });
+        i0.ɵɵprojection(3);
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(4, CaseFileViewOverlayMenuComponent_ng_template_4_Template, 3, 2, "ng-template", 2);
+        i0.ɵɵlistener("backdropClick", function CaseFileViewOverlayMenuComponent_Template_ng_template_backdropClick_4_listener() { return ctx.closeOverlay(); });
+        i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("cdkConnectedOverlayOrigin", ctx.cdkOverlayOrigin)("cdkConnectedOverlayOpen", ctx.isOpen);
-    } }, directives: [i1$5.CdkConnectedOverlay, i1.NgIf, i1.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}"] });
+        const _r0 = i0.ɵɵreference(2);
+        i0.ɵɵadvance(4);
+        i0.ɵɵproperty("cdkConnectedOverlayOrigin", _r0)("cdkConnectedOverlayOpen", ctx.isOpen)("cdkConnectedOverlayHasBackdrop", true)("cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop");
+    } }, directives: [i1$5.CdkOverlayOrigin, i1$5.CdkConnectedOverlay, i1.NgIf, i1.NgForOf], styles: [".overlay-toggle[_ngcontent-%COMP%]{display:block;background:none;border:0;padding:0 6px;margin-right:-6px;cursor:pointer}.overlay-menu[_ngcontent-%COMP%]{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlay-menu__item[_ngcontent-%COMP%], .overlay-menu__title[_ngcontent-%COMP%]{padding:10px;border-bottom:1px solid grey}.overlay-menu__item[_ngcontent-%COMP%]:last-child, .overlay-menu__title[_ngcontent-%COMP%]:last-child{border:none}.overlay-menu__title[_ngcontent-%COMP%]{padding-left:6px;padding-right:6px}.overlay-menu__item[_ngcontent-%COMP%]{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlay-menu__item[_ngcontent-%COMP%]:hover{background-color:#fff2cc}.overlay-menu__itemIcon[_ngcontent-%COMP%]{height:1.25em;width:1.25em;margin-right:6px}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewOverlayMenuComponent, [{
         type: Component,
         args: [{
@@ -8233,8 +8246,6 @@ CaseFileViewOverlayMenuComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFile
             type: Input
         }], menuItems: [{
             type: Input
-        }], cdkOverlayOrigin: [{
-            type: Input
         }], isOpen: [{
             type: Input
         }], isOpenChange: [{
@@ -8251,11 +8262,9 @@ class CaseFileViewFolderSortComponent {
             { actionText: 'Z to A descending', iconSrc: '/assets/img/sort/sort-up-arrow.svg', actionFn: () => this.sortDescending.emit() },
         ];
     }
-    ngOnInit() {
-    }
 }
 CaseFileViewFolderSortComponent.ɵfac = function CaseFileViewFolderSortComponent_Factory(t) { return new (t || CaseFileViewFolderSortComponent)(); };
-CaseFileViewFolderSortComponent.ɵcmp = i0.ɵɵ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) {
+CaseFileViewFolderSortComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFolderSortComponent, selectors: [["ccd-case-file-view-folder-sort"]], outputs: { sortAscending: "sortAscending", sortDescending: "sortDescending" }, decls: 4, vars: 3, consts: [["type", "button", "cdkOverlayOrigin", "", 1, "sort-button", 3, "click"], ["trigger", "cdkOverlayOrigin"], ["src", "/assets/img/sort/sort-arrows.svg", "alt", "Sort Arrows", 1, "sort-button__arrows"], [3, "title", "menuItems", "isOpen", "isOpenChange"]], template: function CaseFileViewFolderSortComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "button", 0, 1);
         i0.ɵɵlistener("click", function CaseFileViewFolderSortComponent_Template_button_click_0_listener() { return ctx.isOpen = !ctx.isOpen; });
         i0.ɵɵelement(2, "img", 2);
@@ -8264,9 +8273,8 @@ CaseFileViewFolderSortComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileV
         i0.ɵɵlistener("isOpenChange", function CaseFileViewFolderSortComponent_Template_ccd_case_file_view_overlay_menu_isOpenChange_3_listener($event) { return ctx.isOpen = $event; });
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        const _r0 = i0.ɵɵreference(1);
         i0.ɵɵadvance(3);
-        i0.ɵɵproperty("title", "Sort documents by name")("menuItems", ctx.overlayMenuItems)("cdkOverlayOrigin", _r0)("isOpen", ctx.isOpen);
+        i0.ɵɵproperty("title", "Sort documents by name")("menuItems", ctx.overlayMenuItems)("isOpen", ctx.isOpen);
     } }, directives: [i1$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.ɵsetClassMetadata(CaseFileViewFolderSortComponent, [{
         type: Component,
@@ -8281,16 +8289,64 @@ CaseFileViewFolderSortComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileV
             type: Output
         }] }); })();
 
-const _c0$G = ["tree"];
+class CaseFileViewFolderDocumentActionsComponent {
+    constructor() {
+        this.isOpen = false;
+        this.changeFolderAction = new EventEmitter();
+        this.openInANewTabAction = new EventEmitter();
+        this.downloadAction = new EventEmitter();
+        this.printAction = new EventEmitter();
+        this.overlayMenuItems = [
+            { actionText: 'Change folder', iconSrc: '/assets/img/case-file-view/document-menu/open_with.svg', actionFn: () => this.changeFolderAction.emit() },
+            { actionText: 'Open in a new tab', iconSrc: '/assets/img/case-file-view/document-menu/open_in_new.svg', actionFn: () => this.openInANewTabAction.emit() },
+            { actionText: 'Download', iconSrc: '/assets/img/case-file-view/document-menu/download.svg', actionFn: () => this.downloadAction.emit() },
+            { actionText: 'Print', iconSrc: '/assets/img/case-file-view/document-menu/print.svg', actionFn: () => this.printAction.emit() },
+        ];
+    }
+}
+CaseFileViewFolderDocumentActionsComponent.ɵfac = function CaseFileViewFolderDocumentActionsComponent_Factory(t) { return new (t || CaseFileViewFolderDocumentActionsComponent)(); };
+CaseFileViewFolderDocumentActionsComponent.ɵcmp = i0.ɵɵ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.ɵɵelementStart(0, "ccd-case-file-view-overlay-menu", 0);
+        i0.ɵɵlistener("isOpenChange", function CaseFileViewFolderDocumentActionsComponent_Template_ccd_case_file_view_overlay_menu_isOpenChange_0_listener($event) { return ctx.isOpen = $event; });
+        i0.ɵɵelementContainerStart(1, 1);
+        i0.ɵɵelement(2, "img", 2);
+        i0.ɵɵelementContainerEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵ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.ɵsetClassMetadata(CaseFileViewFolderDocumentActionsComponent, [{
+        type: 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: Output
+        }], openInANewTabAction: [{
+            type: Output
+        }], downloadAction: [{
+            type: Output
+        }], printAction: [{
+            type: Output
+        }] }); })();
+
 function CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "cdk-nested-tree-node", 7);
-    i0.ɵɵelementStart(1, "div", 8);
-    i0.ɵɵelementStart(2, "button", 9);
+    i0.ɵɵelementStart(1, "button", 8);
+    i0.ɵɵelementStart(2, "div", 9);
     i0.ɵɵelement(3, "img", 10);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "span", 11);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 12);
+    i0.ɵɵelementStart(7, "ccd-case-file-view-folder-document-actions", 13);
+    i0.ɵɵlistener("changeFolderAction", function CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template_ccd_case_file_view_folder_document_actions_changeFolderAction_7_listener() { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵ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.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵ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.ɵɵrestoreView(_r4); const ctx_r6 = i0.ɵɵ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.ɵɵrestoreView(_r4); const ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.triggerDocumentAction("print"); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -8300,32 +8356,32 @@ function CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template(rf, ctx) {
 } }
 function CaseFileViewFolderComponent_cdk_nested_tree_node_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "cdk-nested-tree-node", 7);
-    i0.ɵɵelementStart(1, "div", 12);
-    i0.ɵɵelementStart(2, "button", 13);
-    i0.ɵɵelement(3, "img", 14);
-    i0.ɵɵelementStart(4, "span", 15);
+    i0.ɵɵelementStart(1, "button", 14);
+    i0.ɵɵelementStart(2, "div", 15);
+    i0.ɵɵelement(3, "img", 16);
+    i0.ɵɵelementStart(4, "span", 17);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 16);
+    i0.ɵɵelementStart(6, "span", 18);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(8, "div");
-    i0.ɵɵelementContainer(9, 17);
+    i0.ɵɵelementContainer(9, 19);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const node_r3 = ctx.$implicit;
+    const node_r8 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵattribute("aria-label", "toggle " + node_r3.name);
+    i0.ɵɵattribute("aria-label", "toggle " + node_r8.name);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(node_r3.childDocumentCount);
+    i0.ɵɵtextInterpolate(node_r8.childDocumentCount);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(node_r3.name);
+    i0.ɵɵtextInterpolate(node_r8.name);
     i0.ɵɵadvance(1);
-    i0.ɵɵclassProp("document-tree-invisible", !ctx_r1.nestedTreeControl.isExpanded(node_r3));
+    i0.ɵɵclassProp("document-tree-invisible", !ctx_r1.nestedTreeControl.isExpanded(node_r8));
 } }
 class CaseFileViewFolderComponent {
     constructor() {
@@ -8334,17 +8390,6 @@ class CaseFileViewFolderComponent {
         this.nestedChildren = (_, nodeData) => nodeData.children;
         this.nestedTreeControl = new NestedTreeControl(this.getChildren);
     }
-    get documentCount() {
-        var _a;
-        if ((_a = this.nestedDataSource) === null || _a === void 0 ? void 0 : _a.length) {
-            return this.nestedDataSource.reduce((acc, item) => {
-                return acc + item.childDocumentCount;
-            }, 0);
-        }
-        else {
-            return 0;
-        }
-    }
     ngOnInit() {
         this.categoriesAndDocumentsSubscription = this.categoriesAndDocuments.subscribe(categoriesAndDocuments => {
             // Using the mock data for now as we have to display the documents as well for demo purpose
@@ -8396,6 +8441,24 @@ class CaseFileViewFolderComponent {
         uncategorisedNode.children = documents;
         return uncategorisedNode;
     }
+    triggerDocumentAction(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;
+        }
+    }
     sortDataSourceAscAlphabetically() {
         const sortedData = this.nestedDataSource.map(item => {
             item.sortChildrenAscending();
@@ -8616,15 +8679,10 @@ class CaseFileViewFolderComponent {
 }
 CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE = 'Uncategorised documents';
 CaseFileViewFolderComponent.ɵfac = function CaseFileViewFolderComponent_Factory(t) { return new (t || CaseFileViewFolderComponent)(); };
-CaseFileViewFolderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFolderComponent, selectors: [["ccd-case-file-view-folder"]], viewQuery: function CaseFileViewFolderComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$G, 3);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵ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) {
+CaseFileViewFolderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewFolderComponent, selectors: [["ccd-case-file-view-folder"]], inputs: { categoriesAndDocuments: "categoriesAndDocuments" }, decls: 9, vars: 3, consts: [[1, "document-folders-header"], [1, "document-folders-header__title"], [3, "sortAscending", "sortDescending"], [1, "document-tree-container"], [3, "dataSource", "treeControl"], ["class", "document-tree-node", 4, "cdkTreeNodeDef"], ["class", "document-tree-node", 4, "cdkTreeNodeDef", "cdkTreeNodeDefWhen"], [1, "document-tree-node"], [1, "node"], ["mat-icon-button", "", "disabled", "", 1, "node__icon"], ["src", "/assets/images/document.png", "alt", "Document icon", 1, "node__iconImg"], [1, "node__name", "node-name-document"], [1, "node__document-options"], [3, "changeFolderAction", "openInANewTabAction", "downloadAction", "printAction"], ["cdkTreeNodeToggle", "", 1, "node"], ["mat-icon-button", "", 1, "node__icon"], ["src", "/assets/images/folder.png", "alt", "Folder icon", 1, "node__iconImg"], [1, "node__count"], [1, "node__name", "node__name--folder"], ["cdkTreeNodeOutlet", ""]], template: function CaseFileViewFolderComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵelementStart(1, "div", 1);
-        i0.ɵɵtext(2);
+        i0.ɵɵtext(2, "Documents");
         i0.ɵɵelementEnd();
         i0.ɵɵelementStart(3, "div");
         i0.ɵɵelementStart(4, "ccd-case-file-view-folder-sort", 2);
@@ -8634,18 +8692,16 @@ CaseFileViewFolderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewF
         i0.ɵɵelementEnd();
         i0.ɵɵelementStart(5, "div", 3);
         i0.ɵɵelementStart(6, "cdk-tree", 4);
-        i0.ɵɵtemplate(7, CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template, 6, 1, "cdk-nested-tree-node", 5);
+        i0.ɵɵtemplate(7, CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template, 8, 1, "cdk-nested-tree-node", 5);
         i0.ɵɵtemplate(8, CaseFileViewFolderComponent_cdk_nested_tree_node_8_Template, 10, 5, "cdk-nested-tree-node", 6);
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵadvance(2);
-        i0.ɵɵtextInterpolate1("Documents (", ctx.documentCount, ")");
-        i0.ɵɵadvance(4);
+        i0.ɵɵadvance(6);
         i0.ɵɵproperty("dataSource", ctx.nestedDataSource)("treeControl", ctx.nestedTreeControl);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("cdkTreeNodeDefWhen", ctx.nestedChildren);
-    } }, directives: [CaseFileViewFolderSortComponent, i2.CdkTree, i2.CdkTreeNodeDef, i2.CdkNestedTreeNode, i2.CdkTreeNodeToggle, i2.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}"] });
+    } }, directives: [CaseFileViewFolderSortComponent, i2.CdkTree, i2.CdkTreeNodeDef, i2.CdkNestedTreeNode, CaseFileViewFolderDocumentActionsComponent, i2.CdkTreeNodeToggle, i2.CdkTreeNodeOutlet], styles: [".document-folders-header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #c9c9c9;padding:10px}.document-folders-header__title[_ngcontent-%COMP%]{font-weight:700}.document-tree-container[_ngcontent-%COMP%]{margin:4px}.document-tree-container[_ngcontent-%COMP%]   .document-tree-invisible[_ngcontent-%COMP%]{display:none}.document-tree-container[_ngcontent-%COMP%]   .document-tree[_ngcontent-%COMP%]   li[_ngcontent-%COMP%], .document-tree-container[_ngcontent-%COMP%]   .document-tree[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{margin-top:0;margin-bottom:0;list-style-type:none}.document-tree-container[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]{display:block}.document-tree-container[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]   .document-tree-node[_ngcontent-%COMP%]{padding-left:40px}.node[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;padding:6px;background:none;border:0;cursor:pointer}.node__icon[_ngcontent-%COMP%]{position:relative;display:inline-block}.node__iconImg[_ngcontent-%COMP%]{display:block;height:24px;width:24px}.node__count[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;padding-top:4px}.node__name[_ngcontent-%COMP%]{margin-left:6px;font-size:1rem}.node__document-options[_ngcontent-%COMP%]{margin-left:auto;margin-right:0}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewFolderComponent, [{
         type: Component,
         args: [{
@@ -8655,9 +8711,6 @@ CaseFileViewFolderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewF
             }]
     }], function () { return []; }, { categoriesAndDocuments: [{
             type: Input
-        }], tree: [{
-            type: ViewChild,
-            args: ['tree', { static: true }]
         }] }); })();
 
 class CaseFileViewFieldComponent {
@@ -17124,7 +17177,8 @@ const PALETTE_COMPONENTS = [
     CaseFileViewFieldComponent,
     CaseFileViewFolderComponent,
     CaseFileViewFolderSortComponent,
-    CaseFileViewOverlayMenuComponent
+    CaseFileViewOverlayMenuComponent,
+    CaseFileViewFolderDocumentActionsComponent
 ];
 class PaletteModule {
 }
@@ -17248,7 +17302,8 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         CaseFileViewFieldComponent,
         CaseFileViewFolderComponent,
         CaseFileViewFolderSortComponent,
-        CaseFileViewOverlayMenuComponent, CaseFileViewOverlayMenuComponent], imports: [CommonModule,
+        CaseFileViewOverlayMenuComponent,
+        CaseFileViewFolderDocumentActionsComponent], imports: [CommonModule,
         RouterModule,
         FormsModule,
         ReactiveFormsModule,
@@ -17349,7 +17404,8 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         CaseFileViewFieldComponent,
         CaseFileViewFolderComponent,
         CaseFileViewFolderSortComponent,
-        CaseFileViewOverlayMenuComponent] }); })();
+        CaseFileViewOverlayMenuComponent,
+        CaseFileViewFolderDocumentActionsComponent] }); })();
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaletteModule, [{
         type: NgModule,
         args: [{
@@ -17387,7 +17443,6 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
                     DynamicRadioListPipe,
                     DocumentUrlPipe,
                     ...PALETTE_COMPONENTS,
-                    CaseFileViewOverlayMenuComponent,
                 ],
                 exports: [
                     NgxMatDatetimePickerModule,
@@ -24999,5 +25054,5 @@ class TestRouteSnapshotBuilder {
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractAppConfig, AbstractFieldReadComponent, AbstractFieldWriteComponent, Activity, ActivityBannerComponent, ActivityComponent, ActivityIconComponent, ActivityInfo, ActivityModule, ActivityPollingService, ActivityService, AddressModel, AddressOption, AddressesService, Alert, AlertComponent, AlertIconClassPipe, AlertMessageType, AlertModule, AlertService, AuthService, Banner, BannersService, BodyComponent, BrowserService, CallbackErrorsComponent, CallbackErrorsContext, CaseAccessUtils, CaseBasicAccessViewComponent, CaseChallengedAccessRequestComponent, CaseChallengedAccessSuccessComponent, CaseCreateComponent, CaseDetails, CaseEditComponent, CaseEditConfirmComponent, CaseEditFormComponent, CaseEditPageComponent, CaseEditSubmitComponent, CaseEditWizardGuard, CaseEditorConfig, CaseEditorModule, CaseEvent, CaseEventData, CaseEventTrigger, CaseEventTriggerComponent, CaseField, CaseFieldService, CaseFileViewFieldComponent, CaseFileViewFolderComponent, CaseFileViewFolderSortComponent, CaseFileViewOverlayMenuComponent, CaseFileViewService, CaseFullAccessViewComponent, CaseHeaderComponent, CaseHeaderModule, CaseHistoryViewerFieldComponent, CaseListComponent, CaseListFiltersComponent, CaseListFiltersModule, CaseListModule, CaseNotifier, CasePaymentHistoryViewerFieldComponent, CasePrintDocument, CasePrinterComponent, CaseProgressComponent, CaseReferencePipe, CaseResolver, CaseSpecificAccessRequestComponent, CaseSpecificAccessSuccessComponent, CaseState, CaseTab, CaseTimelineComponent, CaseTimelineDisplayMode, CaseTimelineModule, CaseType, CaseTypeLite, CaseView, CaseViewComponent, CaseViewEvent, CaseViewTrigger, CaseViewerComponent, CaseViewerModule, CasesService, CaseworkerService, CcdCYAPageLabelFilterPipe, CcdCaseTitlePipe, CcdCollectionTableCaseFieldsFilterPipe, CcdPageFieldsPipe, CcdTabFieldsPipe, ConditionalShowFormDirective, ConditionalShowModule, ConditionalShowRegistrarService, Confirmation, ConvertHrefToRouterService, CreateCaseFiltersComponent, CreateCaseFiltersModule, CreateCaseFiltersSelection, DRAFT_PREFIX, DRAFT_QUERY_PARAM, DashPipe, DateInputComponent, DatePipe, DateTimeFormatUtils, DatetimePickerComponent, DefinitionsModule, DefinitionsService, DeleteOrCancelDialogComponent, DialogsModule, DisplayMode, Document, DocumentData, DocumentDialogComponent, DocumentLinks, DocumentManagementService, DocumentUrlPipe, Draft, DraftService, DynamicListPipe, DynamicRadioListPipe, Embedded, ErrorMessageComponent, ErrorNotifierService, EventCaseField, EventCompletionReturnStates, EventCompletionStateMachineService, EventCompletionStates, EventLogComponent, EventLogDetailsComponent, EventLogTableComponent, EventMessageModule, EventStartComponent, EventStartModule, EventStartStateMachineService, EventStatusService, EventTriggerResolver, EventTriggerService, Fee, FeeValue, Field, FieldLabelPipe, FieldReadComponent, FieldReadLabelComponent, FieldType, FieldTypeSanitiser, FieldWriteComponent, FieldsFilterPipe, FieldsPurger, FieldsUtils, FirstErrorPipe, FixedListItem, FixedListPipe, FixedRadioListPipe, FocusElementDirective, FocusElementModule, FooterComponent, FormDocument, FormErrorService, FormValidatorsService, FormValueService, FormatTranslatorService, GreyBarService, HRef, HasLoadingState, HeaderBarComponent, HeadersModule, HttpError, HttpErrorService, HttpService, IsCompoundPipe, IsMandatoryPipe, IsReadOnlyAndNotCollectionPipe, IsReadOnlyPipe, JudicialworkerService, Jurisdiction, JurisdictionService, LabelFieldComponent, LabelSubstitutorDirective, LabelSubstitutorModule, LoadingModule, LoadingService, LoadingSpinnerComponent, MULTIPLE_TASKS_FOUND, MarkdownComponent, MoneyGbpInputComponent, MultipleTasksExistComponent, NavigationComponent, NavigationItemComponent, NavigationNotifierService, NavigationOrigin, NoTasksAvailableComponent, OrderService, OrderSummary, OrganisationConverter, OrganisationService, PageValidationService, PaginationComponent, PaginationMetadata, PaginationModule, PaletteContext, PaletteModule, PaletteService, PaletteUtilsModule, PaymentField, PhaseComponent, PipesModule, PlaceholderService, PrintUrlPipe, Profile, ProfileNotifier, ProfileService, ReadCaseLinkFieldComponent, ReadCollectionFieldComponent, ReadComplexFieldCollectionTableComponent, ReadComplexFieldComponent, ReadComplexFieldRawComponent, ReadComplexFieldTableComponent, ReadDateFieldComponent, ReadDocumentFieldComponent, ReadDynamicListFieldComponent, ReadDynamicRadioListFieldComponent, ReadEmailFieldComponent, ReadFieldsFilterPipe, ReadFixedListFieldComponent, ReadFixedRadioListFieldComponent, ReadJudicialUserFieldComponent, ReadMoneyGbpFieldComponent, ReadMultiSelectListFieldComponent, ReadNumberFieldComponent, ReadOrderSummaryFieldComponent, ReadOrderSummaryRowComponent, ReadOrganisationFieldComponent, ReadOrganisationFieldRawComponent, ReadOrganisationFieldTableComponent, ReadPhoneUKFieldComponent, ReadTextAreaFieldComponent, ReadTextFieldComponent, ReadYesNoFieldComponent, RemoveDialogComponent, RequestOptionsBuilder, RouterHelperService, SaveOrDiscardDialogComponent, SearchFiltersComponent, SearchFiltersModule, SearchFiltersWrapperComponent, SearchInput, SearchResultComponent, SearchResultModule, SearchResultView, SearchResultViewColumn, SearchResultViewItem, SearchResultViewItemComparatorFactory, SearchService, SessionStorageService, ShowCondition, SortOrder$1 as SortOrder, SortParameters, SortSearchResultPipe, TabComponent, TableColumnConfig, TableConfig, TabsComponent, TabsModule, TaskAssignedComponent, TaskCancelledComponent, TaskConflictComponent, TaskUnassignedComponent, TestRouteSnapshotBuilder, UnsupportedFieldComponent, WaysToPayFieldComponent, WindowService, Wizard, WizardFactoryService, WizardPage, WizardPageField, WorkAllocationService, WorkbasketFiltersComponent, WorkbasketFiltersModule, WorkbasketInput, WorkbasketInputFilterService, WorkbasketInputModel, WriteAddressFieldComponent, WriteCaseLinkFieldComponent, WriteCollectionFieldComponent, WriteComplexFieldComponent, WriteDateContainerFieldComponent, WriteDateFieldComponent, WriteDocumentFieldComponent, WriteDynamicListFieldComponent, WriteDynamicRadioListFieldComponent, WriteEmailFieldComponent, WriteFixedListFieldComponent, WriteFixedRadioListFieldComponent, WriteJudicialUserFieldComponent, WriteMoneyGbpFieldComponent, WriteMultiSelectListFieldComponent, WriteNumberFieldComponent, WriteOrderSummaryFieldComponent, WriteOrganisationComplexFieldComponent, WriteOrganisationFieldComponent, WritePhoneUKFieldComponent, WriteTextAreaFieldComponent, WriteTextFieldComponent, WriteYesNoFieldComponent, YesNoService, aCaseField, createACL, createCaseEventTrigger, createCaseField, createComplexFieldOverride, createFieldType, createFixedListFieldType, createHiddenComplexFieldOverride, createMultiSelectListFieldType, createWizardPage, createWizardPageField, editorRouting, initDialog, newCaseField, textFieldType, viewerRouting };
+export { AbstractAppConfig, AbstractFieldReadComponent, AbstractFieldWriteComponent, Activity, ActivityBannerComponent, ActivityComponent, ActivityIconComponent, ActivityInfo, ActivityModule, ActivityPollingService, ActivityService, AddressModel, AddressOption, AddressesService, Alert, AlertComponent, AlertIconClassPipe, AlertMessageType, AlertModule, AlertService, AuthService, Banner, BannersService, BodyComponent, BrowserService, CallbackErrorsComponent, CallbackErrorsContext, CaseAccessUtils, CaseBasicAccessViewComponent, CaseChallengedAccessRequestComponent, CaseChallengedAccessSuccessComponent, CaseCreateComponent, CaseDetails, CaseEditComponent, CaseEditConfirmComponent, CaseEditFormComponent, CaseEditPageComponent, CaseEditSubmitComponent, CaseEditWizardGuard, CaseEditorConfig, CaseEditorModule, CaseEvent, CaseEventData, CaseEventTrigger, CaseEventTriggerComponent, CaseField, CaseFieldService, CaseFileViewFieldComponent, CaseFileViewFolderComponent, CaseFileViewFolderDocumentActionsComponent, CaseFileViewFolderSortComponent, CaseFileViewOverlayMenuComponent, CaseFileViewService, CaseFullAccessViewComponent, CaseHeaderComponent, CaseHeaderModule, CaseHistoryViewerFieldComponent, CaseListComponent, CaseListFiltersComponent, CaseListFiltersModule, CaseListModule, CaseNotifier, CasePaymentHistoryViewerFieldComponent, CasePrintDocument, CasePrinterComponent, CaseProgressComponent, CaseReferencePipe, CaseResolver, CaseSpecificAccessRequestComponent, CaseSpecificAccessSuccessComponent, CaseState, CaseTab, CaseTimelineComponent, CaseTimelineDisplayMode, CaseTimelineModule, CaseType, CaseTypeLite, CaseView, CaseViewComponent, CaseViewEvent, CaseViewTrigger, CaseViewerComponent, CaseViewerModule, CasesService, CaseworkerService, CcdCYAPageLabelFilterPipe, CcdCaseTitlePipe, CcdCollectionTableCaseFieldsFilterPipe, CcdPageFieldsPipe, CcdTabFieldsPipe, ConditionalShowFormDirective, ConditionalShowModule, ConditionalShowRegistrarService, Confirmation, ConvertHrefToRouterService, CreateCaseFiltersComponent, CreateCaseFiltersModule, CreateCaseFiltersSelection, DRAFT_PREFIX, DRAFT_QUERY_PARAM, DashPipe, DateInputComponent, DatePipe, DateTimeFormatUtils, DatetimePickerComponent, DefinitionsModule, DefinitionsService, DeleteOrCancelDialogComponent, DialogsModule, DisplayMode, Document, DocumentData, DocumentDialogComponent, DocumentLinks, DocumentManagementService, DocumentUrlPipe, Draft, DraftService, DynamicListPipe, DynamicRadioListPipe, Embedded, ErrorMessageComponent, ErrorNotifierService, EventCaseField, EventCompletionReturnStates, EventCompletionStateMachineService, EventCompletionStates, EventLogComponent, EventLogDetailsComponent, EventLogTableComponent, EventMessageModule, EventStartComponent, EventStartModule, EventStartStateMachineService, EventStatusService, EventTriggerResolver, EventTriggerService, Fee, FeeValue, Field, FieldLabelPipe, FieldReadComponent, FieldReadLabelComponent, FieldType, FieldTypeSanitiser, FieldWriteComponent, FieldsFilterPipe, FieldsPurger, FieldsUtils, FirstErrorPipe, FixedListItem, FixedListPipe, FixedRadioListPipe, FocusElementDirective, FocusElementModule, FooterComponent, FormDocument, FormErrorService, FormValidatorsService, FormValueService, FormatTranslatorService, GreyBarService, HRef, HasLoadingState, HeaderBarComponent, HeadersModule, HttpError, HttpErrorService, HttpService, IsCompoundPipe, IsMandatoryPipe, IsReadOnlyAndNotCollectionPipe, IsReadOnlyPipe, JudicialworkerService, Jurisdiction, JurisdictionService, LabelFieldComponent, LabelSubstitutorDirective, LabelSubstitutorModule, LoadingModule, LoadingService, LoadingSpinnerComponent, MULTIPLE_TASKS_FOUND, MarkdownComponent, MoneyGbpInputComponent, MultipleTasksExistComponent, NavigationComponent, NavigationItemComponent, NavigationNotifierService, NavigationOrigin, NoTasksAvailableComponent, OrderService, OrderSummary, OrganisationConverter, OrganisationService, PageValidationService, PaginationComponent, PaginationMetadata, PaginationModule, PaletteContext, PaletteModule, PaletteService, PaletteUtilsModule, PaymentField, PhaseComponent, PipesModule, PlaceholderService, PrintUrlPipe, Profile, ProfileNotifier, ProfileService, ReadCaseLinkFieldComponent, ReadCollectionFieldComponent, ReadComplexFieldCollectionTableComponent, ReadComplexFieldComponent, ReadComplexFieldRawComponent, ReadComplexFieldTableComponent, ReadDateFieldComponent, ReadDocumentFieldComponent, ReadDynamicListFieldComponent, ReadDynamicRadioListFieldComponent, ReadEmailFieldComponent, ReadFieldsFilterPipe, ReadFixedListFieldComponent, ReadFixedRadioListFieldComponent, ReadJudicialUserFieldComponent, ReadMoneyGbpFieldComponent, ReadMultiSelectListFieldComponent, ReadNumberFieldComponent, ReadOrderSummaryFieldComponent, ReadOrderSummaryRowComponent, ReadOrganisationFieldComponent, ReadOrganisationFieldRawComponent, ReadOrganisationFieldTableComponent, ReadPhoneUKFieldComponent, ReadTextAreaFieldComponent, ReadTextFieldComponent, ReadYesNoFieldComponent, RemoveDialogComponent, RequestOptionsBuilder, RouterHelperService, SaveOrDiscardDialogComponent, SearchFiltersComponent, SearchFiltersModule, SearchFiltersWrapperComponent, SearchInput, SearchResultComponent, SearchResultModule, SearchResultView, SearchResultViewColumn, SearchResultViewItem, SearchResultViewItemComparatorFactory, SearchService, SessionStorageService, ShowCondition, SortOrder$1 as SortOrder, SortParameters, SortSearchResultPipe, TabComponent, TableColumnConfig, TableConfig, TabsComponent, TabsModule, TaskAssignedComponent, TaskCancelledComponent, TaskConflictComponent, TaskUnassignedComponent, TestRouteSnapshotBuilder, UnsupportedFieldComponent, WaysToPayFieldComponent, WindowService, Wizard, WizardFactoryService, WizardPage, WizardPageField, WorkAllocationService, WorkbasketFiltersComponent, WorkbasketFiltersModule, WorkbasketInput, WorkbasketInputFilterService, WorkbasketInputModel, WriteAddressFieldComponent, WriteCaseLinkFieldComponent, WriteCollectionFieldComponent, WriteComplexFieldComponent, WriteDateContainerFieldComponent, WriteDateFieldComponent, WriteDocumentFieldComponent, WriteDynamicListFieldComponent, WriteDynamicRadioListFieldComponent, WriteEmailFieldComponent, WriteFixedListFieldComponent, WriteFixedRadioListFieldComponent, WriteJudicialUserFieldComponent, WriteMoneyGbpFieldComponent, WriteMultiSelectListFieldComponent, WriteNumberFieldComponent, WriteOrderSummaryFieldComponent, WriteOrganisationComplexFieldComponent, WriteOrganisationFieldComponent, WritePhoneUKFieldComponent, WriteTextAreaFieldComponent, WriteTextFieldComponent, WriteYesNoFieldComponent, YesNoService, aCaseField, createACL, createCaseEventTrigger, createCaseField, createComplexFieldOverride, createFieldType, createFixedListFieldType, createHiddenComplexFieldOverride, createMultiSelectListFieldType, createWizardPage, createWizardPageField, editorRouting, initDialog, newCaseField, textFieldType, viewerRouting };
 //# sourceMappingURL=hmcts-ccd-case-ui-toolkit.js.map