@hmcts/ccd-case-ui-toolkit 5.0.25-case-file-view-move-document → 5.0.25-case-file-view-move-document-beta2

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

@@ -11661,17 +11661,19 @@
         if (rf & 2) {
             var ctx_r1 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(5);
-            i0__namespace.ɵɵproperty("categoriesAndDocuments", ctx_r1.categoriesAndDocuments$);
+            i0__namespace.ɵɵproperty("categoriesAndDocuments", ctx_r1.categoriesAndDocuments$)("allowMoving", ctx_r1.allowMoving);
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngIf", ctx_r1.currentDocument);
         }
     }
     var CaseFileViewFieldComponent = /** @class */ (function () {
-        function CaseFileViewFieldComponent(elementRef, route, caseFileViewService, documentManagementService) {
+        function CaseFileViewFieldComponent(elementRef, route, caseFileViewService, documentManagementService, loadingService) {
             this.elementRef = elementRef;
             this.route = route;
             this.caseFileViewService = caseFileViewService;
             this.documentManagementService = documentManagementService;
+            this.loadingService = loadingService;
+            this.allowMoving = true;
             this.getCategoriesAndDocumentsError = false;
         }
         CaseFileViewFieldComponent.prototype.ngOnInit = function () {
@@ -11715,9 +11717,12 @@
             this.currentDocument = JSON.parse(mediaViewerInfo);
         };
         CaseFileViewFieldComponent.prototype.moveDocument = function (data) {
+            var _this = this;
             var cid = this.route.snapshot.paramMap.get(CaseFileViewFieldComponent.PARAM_CASE_ID);
+            var loadingToken = this.loadingService.register();
             this.caseFileViewService.updateDocumentCategory(cid, this.caseVersion, data.document.attribute_path, data.newCategory).subscribe(function (_) {
                 location.reload();
+                _this.loadingService.unregister(loadingToken);
             });
         };
         CaseFileViewFieldComponent.prototype.ngOnDestroy = function () {
@@ -11728,11 +11733,11 @@
         return CaseFileViewFieldComponent;
     }());
     CaseFileViewFieldComponent.PARAM_CASE_ID = 'cid';
-    CaseFileViewFieldComponent.ɵfac = function CaseFileViewFieldComponent_Factory(t) { return new (t || CaseFileViewFieldComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(CaseFileViewService), i0__namespace.ɵɵdirectiveInject(DocumentManagementService)); };
-    CaseFileViewFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFieldComponent, selectors: [["ccd-case-file-view-field"]], decls: 2, vars: 2, consts: [["class", "govuk-grid-column-two-thirds", 4, "ngIf"], [4, "ngIf"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions"]], template: function CaseFileViewFieldComponent_Template(rf, ctx) {
+    CaseFileViewFieldComponent.ɵfac = function CaseFileViewFieldComponent_Factory(t) { return new (t || CaseFileViewFieldComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(CaseFileViewService), i0__namespace.ɵɵdirectiveInject(DocumentManagementService), i0__namespace.ɵɵdirectiveInject(LoadingService)); };
+    CaseFileViewFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFieldComponent, selectors: [["ccd-case-file-view-field"]], decls: 2, vars: 2, consts: [["class", "govuk-grid-column-two-thirds", 4, "ngIf"], [4, "ngIf"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "allowMoving", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions"]], template: function CaseFileViewFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, CaseFileViewFieldComponent_div_0_Template, 5, 0, "div", 0);
-                i0__namespace.ɵɵtemplate(1, CaseFileViewFieldComponent_div_1_Template, 9, 2, "div", 1);
+                i0__namespace.ɵɵtemplate(1, CaseFileViewFieldComponent_div_1_Template, 9, 3, "div", 1);
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.getCategoriesAndDocumentsError);
@@ -11748,7 +11753,92 @@
                         templateUrl: './case-file-view-field.component.html',
                         styleUrls: ['./case-file-view-field.component.scss'],
                     }]
-            }], function () { return [{ type: i0__namespace.ElementRef }, { type: i1__namespace$1.ActivatedRoute }, { type: CaseFileViewService }, { type: DocumentManagementService }]; }, null);
+            }], function () { return [{ type: i0__namespace.ElementRef }, { type: i1__namespace$1.ActivatedRoute }, { type: CaseFileViewService }, { type: DocumentManagementService }, { type: LoadingService }]; }, null);
+    })();
+
+    function CaseFileViewFieldReadComponent_div_0_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div", 2);
+            i0__namespace.ɵɵelementStart(1, "h1", 3);
+            i0__namespace.ɵɵtext(2, "Sorry, there is a problem with the service");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(3, "p", 4);
+            i0__namespace.ɵɵtext(4, "Try again later.");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+    }
+    function CaseFileViewFieldReadComponent_div_1_ng_container_8_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelement(1, "mv-media-viewer", 11);
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("url", ctx_r2.currentDocument.document_binary_url)("downloadFileName", ctx_r2.currentDocument.document_filename)("showToolbar", true)("contentType", ctx_r2.currentDocument.content_type)("enableAnnotations", true)("enableRedactions", true);
+        }
+    }
+    function CaseFileViewFieldReadComponent_div_1_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r4_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div");
+            i0__namespace.ɵɵelementStart(1, "h2", 5);
+            i0__namespace.ɵɵtext(2, "Case file");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(3, "div", 6);
+            i0__namespace.ɵɵelementStart(4, "div", 7);
+            i0__namespace.ɵɵelementStart(5, "ccd-case-file-view-folder", 8);
+            i0__namespace.ɵɵlistener("clickedDocument", function CaseFileViewFieldReadComponent_div_1_Template_ccd_case_file_view_folder_clickedDocument_5_listener($event) { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r3 = i0__namespace.ɵɵnextContext(); return ctx_r3.setMediaViewerFile($event); })("moveDocument", function CaseFileViewFieldReadComponent_div_1_Template_ccd_case_file_view_folder_moveDocument_5_listener($event) { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r5 = i0__namespace.ɵɵnextContext(); return ctx_r5.moveDocument($event); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelement(6, "div", 9);
+            i0__namespace.ɵɵelementStart(7, "div", 10);
+            i0__namespace.ɵɵtemplate(8, CaseFileViewFieldReadComponent_div_1_ng_container_8_Template, 2, 6, "ng-container", 1);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(5);
+            i0__namespace.ɵɵproperty("categoriesAndDocuments", ctx_r1.categoriesAndDocuments$)("allowMoving", ctx_r1.allowMoving);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r1.currentDocument);
+        }
+    }
+    var CaseFileViewFieldReadComponent = /** @class */ (function (_super) {
+        __extends(CaseFileViewFieldReadComponent, _super);
+        function CaseFileViewFieldReadComponent() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.allowMoving = true;
+            return _this;
+        }
+        return CaseFileViewFieldReadComponent;
+    }(CaseFileViewFieldComponent));
+    CaseFileViewFieldReadComponent.ɵfac = function CaseFileViewFieldReadComponent_Factory(t) { return ɵCaseFileViewFieldReadComponent_BaseFactory(t || CaseFileViewFieldReadComponent); };
+    CaseFileViewFieldReadComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFieldReadComponent, selectors: [["ccd-case-file-view-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["class", "govuk-grid-column-two-thirds", 4, "ngIf"], [4, "ngIf"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "allowMoving", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions"]], template: function CaseFileViewFieldReadComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, CaseFileViewFieldReadComponent_div_0_Template, 5, 0, "div", 0);
+                i0__namespace.ɵɵtemplate(1, CaseFileViewFieldReadComponent_div_1_Template, 9, 3, "div", 1);
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngIf", ctx.getCategoriesAndDocumentsError);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", !ctx.getCategoriesAndDocumentsError);
+            }
+        }, styles: ["#case-file-view[_ngcontent-%COMP%]{display:flex;border:2px solid #c9c9c9;height:100vh;position:relative}#case-file-view[_ngcontent-%COMP%]   .document-tree-container[_ngcontent-%COMP%]{background-color:#faf8f8;width:30%;min-height:400px;min-width:10%}#case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]{width:.2%;background-color:#6b6b6b}#case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]:focus, #case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]:hover{cursor:col-resize}#case-file-view[_ngcontent-%COMP%]   .media-viewer-container[_ngcontent-%COMP%]{background-color:#dee0e2;flex:1 1 0;overflow:hidden}"] });
+    var ɵCaseFileViewFieldReadComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(CaseFileViewFieldReadComponent);
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFieldReadComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-case-file-view-field',
+                        templateUrl: './case-file-view-field.component.html',
+                        styleUrls: ['./case-file-view-field.component.scss'],
+                    }]
+            }], null, null);
     })();
 
     exports.AddCommentsErrorMessage = void 0;
@@ -17307,7 +17397,7 @@
     var PaletteService = /** @class */ (function () {
         function PaletteService() {
             this.componentLauncherRegistry = {
-                CaseFileView: CaseFileViewFieldComponent
+                CaseFileView: [CaseFileViewFieldComponent, CaseFileViewFieldReadComponent]
             };
         }
         PaletteService.prototype.getFieldComponentClass = function (caseField, write) {
@@ -17369,19 +17459,19 @@
                 case 'WaysToPay':
                     return WaysToPayFieldComponent;
                 case 'ComponentLauncher':
-                    return this.getComponentLauncherComponent(caseField);
+                    return this.getComponentLauncherComponent(caseField, write);
                 case 'FlagLauncher':
                     return write ? WriteCaseFlagFieldComponent : ReadCaseFlagFieldComponent;
                 default:
                     return UnsupportedFieldComponent;
             }
         };
-        PaletteService.prototype.getComponentLauncherComponent = function (caseField) {
+        PaletteService.prototype.getComponentLauncherComponent = function (caseField, write) {
             // Extract the value passed for #ARGUMENT(...) in the CaseField display_context_parameter and return the matching
             // component from the componentLauncherRegistry
             var argumentValue = caseField.display_context_parameter.match(/#ARGUMENT\((.*?)\)/)[1];
             if (argumentValue && this.componentLauncherRegistry.hasOwnProperty(argumentValue)) {
-                return this.componentLauncherRegistry[argumentValue];
+                return this.componentLauncherRegistry[argumentValue][write ? 0 : 1];
             }
             return UnsupportedFieldComponent;
         };
@@ -17720,7 +17810,7 @@
             var _r12_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementStart(0, "div", 9);
             i0__namespace.ɵɵelementStart(1, "input", 10);
-            i0__namespace.ɵɵlistener("change", function CaseFileViewFolderSelectorComponent_ng_template_12_Template_input_change_1_listener($event) { i0__namespace.ɵɵrestoreView(_r12_1); var ctx_r11 = i0__namespace.ɵɵnextContext(); return ctx_r11.handleChange($event); });
+            i0__namespace.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_ng_template_12_Template_input_click_1_listener($event) { i0__namespace.ɵɵrestoreView(_r12_1); var ctx_r11 = i0__namespace.ɵɵnextContext(); return ctx_r11.handleChange($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementStart(2, "label", 11);
             i0__namespace.ɵɵelement(3, "img", 12);
@@ -17751,9 +17841,21 @@
             this.selected = '';
             this.currentCategories = __spread(this.data.categories);
         }
+        CaseFileViewFolderSelectorComponent.prototype.ngAfterViewInit = function () {
+            var path = this.findPath();
+            path.forEach(function (p) { return document.getElementById(p).checked = true; });
+        };
         CaseFileViewFolderSelectorComponent.prototype.handleChange = function (evt) {
             if (evt.target.checked) {
                 this.select(evt.target.id);
+                // get level of this checkbox so we can clear all lower levels
+                var level = parseInt(evt.target.name.split('-')[1], 10) + 1;
+                var nodes = document.getElementsByName("level-" + level);
+                while (nodes.length > 0) {
+                    nodes.forEach(function (node) { return node.checked = false; });
+                    level += 1;
+                    nodes = document.getElementsByName("level-" + level);
+                }
             }
         };
         CaseFileViewFolderSelectorComponent.prototype.select = function (categoryId) {
@@ -17765,10 +17867,52 @@
         CaseFileViewFolderSelectorComponent.prototype.save = function () {
             this.dialogRef.close(this.selected.length > 0 ? this.selected : null);
         };
+        CaseFileViewFolderSelectorComponent.prototype.findPath = function () {
+            var e_1, _a;
+            try {
+                for (var _b = __values(this.data.categories), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var c = _c.value;
+                    var r = this.containsDocument(c, this.data.document);
+                    if (r) {
+                        return r;
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+        };
+        CaseFileViewFolderSelectorComponent.prototype.containsDocument = function (cat, document) {
+            var e_2, _a;
+            if (cat.documents.findIndex(function (doc) { return doc.document_binary_url === document.document_binary_url; }) > -1) {
+                return [cat.category_id];
+            }
+            try {
+                for (var _b = __values(cat.sub_categories), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var c = _c.value;
+                    var r = this.containsDocument(c, document);
+                    if (r) {
+                        return __spread([cat.category_id], r);
+                    }
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+            return null;
+        };
         return CaseFileViewFolderSelectorComponent;
     }());
     CaseFileViewFolderSelectorComponent.ɵfac = function CaseFileViewFolderSelectorComponent_Factory(t) { return new (t || CaseFileViewFolderSelectorComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialogRef), i0__namespace.ɵɵdirectiveInject(i1$3.MAT_DIALOG_DATA)); };
-    CaseFileViewFolderSelectorComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderSelectorComponent, selectors: [["xui-case-file-view-folder-selector"]], decls: 14, vars: 2, consts: [[1, "govuk-heading-l"], [1, "folders", "govuk-radios", "govuk-radios--conditional"], [4, "ngFor", "ngForOf"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"], [1, "cancel", 3, "click"], [1, "close", 3, "click"], ["folder", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "folder", "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "name", "id", "change"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["src", "/assets/images/folder.png", "alt", "Folder icon", 1, "iconImg"]], template: function CaseFileViewFolderSelectorComponent_Template(rf, ctx) {
+    CaseFileViewFolderSelectorComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderSelectorComponent, selectors: [["xui-case-file-view-folder-selector"]], decls: 14, vars: 2, consts: [[1, "govuk-heading-l"], [1, "folders", "govuk-radios", "govuk-radios--conditional"], [4, "ngFor", "ngForOf"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"], [1, "cancel", 3, "click"], [1, "close", 3, "click"], ["folder", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "folder", "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "name", "id", "click"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["src", "/assets/images/folder.png", "alt", "Folder icon", 1, "iconImg"]], template: function CaseFileViewFolderSelectorComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "h2", 0);
                 i0__namespace.ɵɵtext(1, "Move File");
@@ -17940,16 +18084,21 @@
             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(); } },
             ];
         }
+        CaseFileViewFolderDocumentActionsComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            if (this.allowMoving) {
+                this.overlayMenuItems.unshift({ actionText: 'Change folder', iconSrc: '/assets/img/case-file-view/document-menu/open_with.svg', actionFn: function () { return _this.changeFolderAction.emit(); } });
+            }
+        };
         return CaseFileViewFolderDocumentActionsComponent;
     }());
     CaseFileViewFolderDocumentActionsComponent.ɵfac = function CaseFileViewFolderDocumentActionsComponent_Factory(t) { return new (t || CaseFileViewFolderDocumentActionsComponent)(); };
-    CaseFileViewFolderDocumentActionsComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderDocumentActionsComponent, selectors: [["ccd-case-file-view-folder-document-actions"]], 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) {
+    CaseFileViewFolderDocumentActionsComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderDocumentActionsComponent, selectors: [["ccd-case-file-view-folder-document-actions"]], inputs: { allowMoving: "allowMoving" }, outputs: { changeFolderAction: "changeFolderAction", openInANewTabAction: "openInANewTabAction", downloadAction: "downloadAction", printAction: "printAction" }, decls: 3, vars: 2, consts: [[3, "menuItems", "isOpen", "isOpenChange"], ["trigger", ""], ["src", "/assets/img/case-file-view/document-menu/more_vert.svg", "alt", "More document options", 1, "actions-trigger-icon"]], template: function CaseFileViewFolderDocumentActionsComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "ccd-case-file-view-overlay-menu", 0);
                 i0__namespace.ɵɵlistener("isOpenChange", function CaseFileViewFolderDocumentActionsComponent_Template_ccd_case_file_view_overlay_menu_isOpenChange_0_listener($event) { return ctx.isOpen = $event; });
@@ -17970,7 +18119,9 @@
                         templateUrl: './case-file-view-folder-document-actions.component.html',
                         styleUrls: ['./case-file-view-folder-document-actions.component.scss']
                     }]
-            }], function () { return []; }, { changeFolderAction: [{
+            }], function () { return []; }, { allowMoving: [{
+                    type: i0.Input
+                }], changeFolderAction: [{
                     type: i0.Output
                 }], openInANewTabAction: [{
                     type: i0.Output
@@ -18185,6 +18336,8 @@
             i0__namespace.ɵɵclassProp("node--selected", (ctx_r2.selectedNodeItem == null ? null : ctx_r2.selectedNodeItem.name) === node_r4.name);
             i0__namespace.ɵɵadvance(4);
             i0__namespace.ɵɵtextInterpolate(node_r4.name);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("allowMoving", ctx_r2.allowMoving);
         }
     }
     function CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_5_Template(rf, ctx) {
@@ -18227,7 +18380,7 @@
             i0__namespace.ɵɵtemplate(1, CaseFileViewFolderComponent_div_8_div_1_Template, 2, 0, "div", 8);
             i0__namespace.ɵɵelementStart(2, "div");
             i0__namespace.ɵɵelementStart(3, "cdk-tree", 9);
-            i0__namespace.ɵɵtemplate(4, CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_4_Template, 8, 3, "cdk-nested-tree-node", 10);
+            i0__namespace.ɵɵtemplate(4, CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_4_Template, 8, 4, "cdk-nested-tree-node", 10);
             i0__namespace.ɵɵtemplate(5, CaseFileViewFolderComponent_div_8_cdk_nested_tree_node_5_Template, 10, 6, "cdk-nested-tree-node", 11);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -18460,7 +18613,7 @@
     CaseFileViewFolderComponent.DOCUMENT_SEARCH_FORM_CONTROL_NAME = 'documentSearchFormControl';
     CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS = 3;
     CaseFileViewFolderComponent.ɵfac = function CaseFileViewFolderComponent_Factory(t) { return new (t || CaseFileViewFolderComponent)(i0__namespace.ɵɵdirectiveInject(WindowService), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(DocumentManagementService), i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialog)); };
-    CaseFileViewFolderComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderComponent, selectors: [["ccd-case-file-view-folder"]], inputs: { categoriesAndDocuments: "categoriesAndDocuments" }, outputs: { clickedDocument: "clickedDocument", moveDocument: "moveDocument" }, decls: 9, vars: 3, consts: [[1, "document-filter-container"], [1, "form-group", "document-filter", 3, "formGroup"], ["type", "search", "id", "document-search", "name", "documentSearchFormControl", "formControlName", "documentSearchFormControl", "placeholder", "Search by document name", 1, "form-control", "document-search"], [1, "document-folders-header"], [1, "document-folders-header__title"], [3, "sortAscending", "sortDescending"], ["class", "document-tree-container", 4, "ngIf"], [1, "document-tree-container"], [4, "ngIf"], [3, "dataSource", "treeControl"], ["class", "document-tree-container__node document-tree-container__node--document", 4, "cdkTreeNodeDef"], ["class", "document-tree-container__node document-tree-container__folder", 4, "cdkTreeNodeDef", "cdkTreeNodeDefWhen"], [1, "document-tree-container__node", "document-tree-container__node--document"], [1, "node", 3, "click"], ["disabled", "", 1, "node__icon"], ["src", "/assets/img/case-file-view/case-file-view-document.svg", "alt", "Document icon", 1, "node__iconImg"], [1, "node__name", "node-name-document"], [1, "node__document-options"], [3, "changeFolderAction", "openInANewTabAction", "downloadAction", "printAction"], [1, "document-tree-container__node", "document-tree-container__folder"], ["cdkTreeNodeToggle", "", 1, "node"], [1, "node__icon"], ["alt", "Folder icon", 1, "node__iconImg", 3, "src"], [1, "node__count"], [1, "node__name", "node__name--folder"], ["cdkTreeNodeOutlet", ""]], template: function CaseFileViewFolderComponent_Template(rf, ctx) {
+    CaseFileViewFolderComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderComponent, selectors: [["ccd-case-file-view-folder"]], inputs: { categoriesAndDocuments: "categoriesAndDocuments", allowMoving: "allowMoving" }, outputs: { clickedDocument: "clickedDocument", moveDocument: "moveDocument" }, decls: 9, vars: 3, consts: [[1, "document-filter-container"], [1, "form-group", "document-filter", 3, "formGroup"], ["type", "search", "id", "document-search", "name", "documentSearchFormControl", "formControlName", "documentSearchFormControl", "placeholder", "Search by document name", 1, "form-control", "document-search"], [1, "document-folders-header"], [1, "document-folders-header__title"], [3, "sortAscending", "sortDescending"], ["class", "document-tree-container", 4, "ngIf"], [1, "document-tree-container"], [4, "ngIf"], [3, "dataSource", "treeControl"], ["class", "document-tree-container__node document-tree-container__node--document", 4, "cdkTreeNodeDef"], ["class", "document-tree-container__node document-tree-container__folder", 4, "cdkTreeNodeDef", "cdkTreeNodeDefWhen"], [1, "document-tree-container__node", "document-tree-container__node--document"], [1, "node", 3, "click"], ["disabled", "", 1, "node__icon"], ["src", "/assets/img/case-file-view/case-file-view-document.svg", "alt", "Document icon", 1, "node__iconImg"], [1, "node__name", "node-name-document"], [1, "node__document-options"], [3, "allowMoving", "changeFolderAction", "openInANewTabAction", "downloadAction", "printAction"], [1, "document-tree-container__node", "document-tree-container__folder"], ["cdkTreeNodeToggle", "", 1, "node"], [1, "node__icon"], ["alt", "Folder icon", 1, "node__iconImg", 3, "src"], [1, "node__count"], [1, "node__name", "node__name--folder"], ["cdkTreeNodeOutlet", ""]], template: function CaseFileViewFolderComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
@@ -18498,6 +18651,8 @@
                     }]
             }], function () { return [{ type: WindowService }, { type: i1__namespace$1.Router }, { type: DocumentManagementService }, { type: i1__namespace$3.MatDialog }]; }, { categoriesAndDocuments: [{
                     type: i0.Input
+                }], allowMoving: [{
+                    type: i0.Input
                 }], clickedDocument: [{
                     type: i0.Output
                 }], moveDocument: [{
@@ -22204,6 +22359,7 @@
         WriteCollectionFieldComponent,
         // ComponentLauncher web components
         CaseFileViewFieldComponent,
+        CaseFileViewFieldReadComponent,
         CaseFileViewFolderComponent,
         CaseFileViewFolderSortComponent,
         CaseFileViewOverlayMenuComponent,
@@ -22255,7 +22411,8 @@
                 i3.PaymentLibModule,
                 i2$1.ScrollToModule.forRoot(),
                 i1$3.MatDialogModule,
-                i11.MediaViewerModule
+                i11.MediaViewerModule,
+                LoadingModule
             ], i4.NgxMatDatetimePickerModule,
             i4.NgxMatNativeDateModule,
             i4.NgxMatTimepickerModule,
@@ -22348,6 +22505,7 @@
                 WriteCollectionFieldComponent,
                 // ComponentLauncher web components
                 CaseFileViewFieldComponent,
+                CaseFileViewFieldReadComponent,
                 CaseFileViewFolderComponent,
                 CaseFileViewFolderSortComponent,
                 CaseFileViewOverlayMenuComponent,
@@ -22376,7 +22534,8 @@
                 i7.CdkTreeModule,
                 i1$4.OverlayModule,
                 i3.PaymentLibModule, i2__namespace$1.ScrollToModule, i1$3.MatDialogModule,
-                i11.MediaViewerModule], exports: [i4.NgxMatDatetimePickerModule,
+                i11.MediaViewerModule,
+                LoadingModule], exports: [i4.NgxMatDatetimePickerModule,
                 i4.NgxMatNativeDateModule,
                 i4.NgxMatTimepickerModule,
                 TabsModule,
@@ -22454,6 +22613,7 @@
                 WriteCollectionFieldComponent,
                 // ComponentLauncher web components
                 CaseFileViewFieldComponent,
+                CaseFileViewFieldReadComponent,
                 CaseFileViewFolderComponent,
                 CaseFileViewFolderSortComponent,
                 CaseFileViewOverlayMenuComponent,
@@ -22491,7 +22651,8 @@
                             i3.PaymentLibModule,
                             i2$1.ScrollToModule.forRoot(),
                             i1$3.MatDialogModule,
-                            i11.MediaViewerModule
+                            i11.MediaViewerModule,
+                            LoadingModule
                         ],
                         declarations: __spread([
                             FixedListPipe,
@@ -22567,6 +22728,7 @@
     i0__namespace.ɵɵsetComponentScope(
     // ComponentLauncher web components
     CaseFileViewFieldComponent, [i1__namespace.NgIf, CaseFileViewFolderComponent, i11__namespace.ɵcs], []);
+    i0__namespace.ɵɵsetComponentScope(CaseFileViewFieldReadComponent, [i1__namespace.NgIf, CaseFileViewFolderComponent, i11__namespace.ɵcs], []);
 
     var Confirmation = /** @class */ (function () {
         function Confirmation(caseId, status, header, body) {
@@ -32272,6 +32434,7 @@
     exports.CaseField = CaseField;
     exports.CaseFieldService = CaseFieldService;
     exports.CaseFileViewFieldComponent = CaseFileViewFieldComponent;
+    exports.CaseFileViewFieldReadComponent = CaseFileViewFieldReadComponent;
     exports.CaseFileViewFolderComponent = CaseFileViewFolderComponent;
     exports.CaseFileViewFolderDocumentActionsComponent = CaseFileViewFolderDocumentActionsComponent;
     exports.CaseFileViewFolderSelectorComponent = CaseFileViewFolderSelectorComponent;