@hmcts/ccd-case-ui-toolkit 5.0.25-angular11-upgrade → 5.0.25-case-file-view-error-message-display

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

@@ -7,10 +7,10 @@ import { RouterModule, NavigationStart, NavigationEnd } from '@angular/router';
 import * as i1$3 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS, FormArray, FormGroup, FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import polling from 'rx-polling';
-import { throwError, Subject, EMPTY, Observable, BehaviorSubject, of, timer } from 'rxjs';
+import { throwError, Subject, EMPTY, Observable, BehaviorSubject, of, timer, fromEvent } from 'rxjs';
 import * as i1$2 from '@angular/common/http';
 import { HttpErrorResponse, HttpHeaders, HttpParams } from '@angular/common/http';
-import { catchError, map, publish, refCount, debounceTime, distinctUntilChanged, finalize, tap, delay, publishReplay, take, first, filter, switchMap } from 'rxjs/operators';
+import { catchError, map, publish, refCount, debounceTime, distinctUntilChanged, finalize, tap, delay, publishReplay, take, first, switchMap, takeUntil, filter } from 'rxjs/operators';
 import { Type, Expose, plainToClassFromExist, plainToClass } from 'class-transformer';
 import * as _ from 'underscore';
 import * as moment from 'moment';
@@ -19,7 +19,9 @@ import { isUndefined } from 'util';
 import { StateMachine } from '@edium/fsm';
 import * as i1$4 from 'ngx-md';
 import { NgxMdModule } from 'ngx-md';
-import * as i1$5 from '@angular/material/dialog';
+import * as i1$5 from '@angular/cdk/tree';
+import { NestedTreeControl, CdkTreeModule } from '@angular/cdk/tree';
+import * as i1$6 from '@angular/material/dialog';
 import { MatDialogConfig } from '@angular/material/dialog';
 import * as i2 from '@nicky-lenaers/ngx-scroll-to';
 import { ScrollToModule } from '@nicky-lenaers/ngx-scroll-to';
@@ -39,7 +41,7 @@ import { PaymentLibModule } from '@hmcts/ccpay-web-component';
 import * as i6$2 from '@angular/cdk/portal';
 import { ComponentPortal, PortalModule } from '@angular/cdk/portal';
 import { MatInputModule } from '@angular/material/input';
-import * as i1$6 from 'ngx-pagination';
+import * as i1$7 from 'ngx-pagination';
 import { NgxPaginationModule, PaginatePipe } from 'ngx-pagination';
 import * as i10 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
@@ -5651,6 +5653,45 @@ CaseFieldService.ɵprov = i0.ɵɵdefineInjectable({ token: CaseFieldService, fac
         type: Injectable
     }], null, null); })();
 
+class CaseFileViewService {
+    constructor(http, appConfig) {
+        this.http = http;
+        this.appConfig = appConfig;
+    }
+    /**
+     * Retrieves the categories and documents for a case.
+     *
+     * @param caseRef 16-digit Case Reference number of the case
+     * @returns An `Observable` of the `CategoriesAndDocuments` for the case
+     */
+    getCategoriesAndDocuments(caseRef) {
+        let url = this.appConfig.getCategoriesAndDocumentsUrl();
+        if (url) {
+            url += `/${caseRef}`;
+            return this.http.get(url, { observe: 'body' });
+        }
+        return of(null);
+    }
+    updateDocumentCategory(caseRef, caseVersion, attributePath, categoryId) {
+        let url = this.appConfig.getDocumentDataUrl();
+        if (url) {
+            url += `/${caseRef}`;
+            const body = {
+                case_version: caseVersion,
+                attribute_path: attributePath,
+                category_id: categoryId
+            };
+            return this.http.put(url, body, { observe: 'body' });
+        }
+        return of(null);
+    }
+}
+CaseFileViewService.ɵfac = function CaseFileViewService_Factory(t) { return new (t || CaseFileViewService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig)); };
+CaseFileViewService.ɵprov = i0.ɵɵdefineInjectable({ token: CaseFileViewService, factory: CaseFileViewService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewService, [{
+        type: Injectable
+    }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }]; }, null); })();
+
 class DocumentManagementService {
     constructor(http, appConfig) {
         this.http = http;
@@ -8009,6 +8050,385 @@ WriteAddressFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteAddressFi
             type: Input
         }] }); })();
 
+function CaseFileViewFolderComponent_cdk_nested_tree_node_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "cdk-nested-tree-node", 7);
+    i0.ɵɵelementStart(1, "div", 8);
+    i0.ɵɵelement(2, "button", 9);
+    i0.ɵɵelementStart(3, "span", 10);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const node_r2 = ctx.$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(node_r2.name);
+} }
+function CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "cdk-nested-tree-node", 7);
+    i0.ɵɵelementStart(1, "div", 8);
+    i0.ɵɵelementStart(2, "button", 11);
+    i0.ɵɵelementStart(3, "span", 12);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 13);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div");
+    i0.ɵɵelementContainer(8, 14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const node_r3 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵattribute("aria-label", "toggle " + node_r3.name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(node_r3.count);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(node_r3.name);
+    i0.ɵɵadvance(1);
+    i0.ɵɵclassProp("document-tree-invisible", !ctx_r1.nestedTreeControl.isExpanded(node_r3));
+} }
+class CaseFileViewFolderComponent {
+    constructor() {
+        this.categories = [];
+        this.getChildren = (node) => of(node.children);
+        this.nestedChildren = (_, nodeData) => nodeData.children;
+        this.nestedTreeControl = new NestedTreeControl(this.getChildren);
+    }
+    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
+            const categories = this.loadCategories(); // categoriesAndDocuments.categories;
+            // Generate document tree data from categories
+            const treeData = this.generateTreeData(categories);
+            // Append uncategorised documents
+            if (categoriesAndDocuments.uncategorised_documents && categoriesAndDocuments.uncategorised_documents.length > 0) {
+                const uncategorisedDocuments = this.getUncategorisedDocuments(categoriesAndDocuments.uncategorised_documents);
+                treeData.push(uncategorisedDocuments);
+            }
+            // Initialise cdk tree with generated data
+            this.nestedDataSource = treeData;
+        });
+    }
+    generateTreeData(categories) {
+        return categories.reduce((tree, node) => [
+            ...tree,
+            ...[
+                {
+                    name: node.category_name,
+                    children: [...this.generateTreeData(node.sub_categories), ...this.getDocuments(node.documents)]
+                },
+            ],
+        ], []);
+    }
+    getDocuments(documents) {
+        const documentsToReturn = [];
+        documents.forEach(document => {
+            documentsToReturn.push({ name: document.document_filename });
+        });
+        return documentsToReturn;
+    }
+    getUncategorisedDocuments(uncategorisedDocuments) {
+        const documents = [];
+        uncategorisedDocuments.forEach(document => {
+            documents.push({ name: document.document_filename });
+        });
+        return { name: CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE, children: documents };
+    }
+    ngOnDestroy() {
+        if (this.categoriesAndDocumentsSubscription) {
+            this.categoriesAndDocumentsSubscription.unsubscribe();
+        }
+    }
+    loadCategories() {
+        return [
+            {
+                category_id: 'Beers',
+                category_name: 'Beers',
+                category_order: 1,
+                documents: [
+                    {
+                        document_url: '/test',
+                        document_filename: 'Beers 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: []
+                            }
+                        ]
+                    }
+                ]
+            }
+        ];
+    }
+}
+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"]], inputs: { categoriesAndDocuments: "categoriesAndDocuments" }, decls: 8, vars: 3, consts: [[1, "document-filter-container"], [1, "document-filter"], [1, "documents-title"], [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, "icon", "icon-document"], [1, "node-name", "node-name-document"], ["mat-icon-button", "", "cdkTreeNodeToggle", "", 1, "icon", "icon-folder"], [1, "document-count"], [1, "node-name", "node-name-folder"], ["cdkTreeNodeOutlet", ""]], template: function CaseFileViewFolderComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelement(1, "div", 1);
+        i0.ɵɵelementStart(2, "div", 2);
+        i0.ɵɵtext(3, "Documents");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "div", 3);
+        i0.ɵɵelementStart(5, "cdk-tree", 4);
+        i0.ɵɵtemplate(6, CaseFileViewFolderComponent_cdk_nested_tree_node_6_Template, 5, 1, "cdk-nested-tree-node", 5);
+        i0.ɵɵtemplate(7, CaseFileViewFolderComponent_cdk_nested_tree_node_7_Template, 9, 5, "cdk-nested-tree-node", 6);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(5);
+        i0.ɵɵproperty("dataSource", ctx.nestedDataSource)("treeControl", ctx.nestedTreeControl);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("cdkTreeNodeDefWhen", ctx.nestedChildren);
+    } }, directives: [i1$5.CdkTree, i1$5.CdkTreeNodeDef, i1$5.CdkNestedTreeNode, i1$5.CdkTreeNodeToggle, i1$5.CdkTreeNodeOutlet], styles: [".document-filter-container[_ngcontent-%COMP%]{height:60px;border-bottom:2px solid #c9c9c9;padding-bottom:4px}.document-filter-container[_ngcontent-%COMP%]   .document-filter[_ngcontent-%COMP%]{height:70%}.document-filter-container[_ngcontent-%COMP%]   .documents-title[_ngcontent-%COMP%]{height:30%;margin-left:8px;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}.document-tree-container[_ngcontent-%COMP%]   .node[_ngcontent-%COMP%]{display:flex;padding:4px}.document-tree-container[_ngcontent-%COMP%]   .icon[_ngcontent-%COMP%]{width:36px;height:36px;background-size:100%;border:0;background-color:#fff}.document-tree-container[_ngcontent-%COMP%]   .icon-folder[_ngcontent-%COMP%]{background-image:url(/assets/images/folder.png)}.document-tree-container[_ngcontent-%COMP%]   .icon-document[_ngcontent-%COMP%]{background-image:url(/assets/images/document.png)}.document-tree-container[_ngcontent-%COMP%]   .node-name[_ngcontent-%COMP%]{margin-left:6px}.document-tree-container[_ngcontent-%COMP%]   .node-name-document[_ngcontent-%COMP%], .document-tree-container[_ngcontent-%COMP%]   .node-name-folder[_ngcontent-%COMP%]{margin-top:4px}.document-tree-container[_ngcontent-%COMP%]   .document-count[_ngcontent-%COMP%]{color:#fff}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewFolderComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-case-file-view-folder',
+                styleUrls: ['./case-file-view-folder.component.scss'],
+                templateUrl: './case-file-view-folder.component.html'
+            }]
+    }], function () { return []; }, { categoriesAndDocuments: [{
+            type: Input
+        }] }); })();
+
+function CaseFileViewFieldComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵelementStart(1, "h1", 3);
+    i0.ɵɵtext(2, "Sorry, there is a problem with the service");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "p", 4);
+    i0.ɵɵtext(4, "Try again later.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} }
+function CaseFileViewFieldComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelementStart(1, "h2", 5);
+    i0.ɵɵtext(2, "Case file");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 6);
+    i0.ɵɵelementStart(4, "div", 7);
+    i0.ɵɵelement(5, "ccd-case-file-view-folder", 8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(6, "div", 9);
+    i0.ɵɵelementStart(7, "div", 10);
+    i0.ɵɵtext(8, " Media viewer ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("categoriesAndDocuments", ctx_r1.categoriesAndDocuments$);
+} }
+class CaseFileViewFieldComponent {
+    constructor(elementRef, route, caseFileViewService) {
+        this.elementRef = elementRef;
+        this.route = route;
+        this.caseFileViewService = caseFileViewService;
+        this.getCategoriesAndDocumentsError = false;
+    }
+    ngOnInit() {
+        const cid = this.route.snapshot.paramMap.get(CaseFileViewFieldComponent.PARAM_CASE_ID);
+        this.categoriesAndDocuments$ = this.caseFileViewService.getCategoriesAndDocuments(cid);
+        this.categoriesAndDocumentsSubscription = this.categoriesAndDocuments$.subscribe({
+            next: _ => { },
+            error: _ => this.getCategoriesAndDocumentsError = true
+        });
+    }
+    ngAfterViewInit() {
+        const slider = this.elementRef.nativeElement.querySelector('.slider');
+        const documentTreeContainer = this.elementRef.nativeElement.querySelector('.document-tree-container');
+        const mousedown$ = fromEvent(slider, 'mousedown');
+        const mousemove$ = fromEvent(document, 'mousemove');
+        const mouseup$ = fromEvent(document, 'mouseup');
+        const drag$ = mousedown$.pipe(switchMap((start) => {
+            const x = start.clientX;
+            const documentTreeContainerWidth = documentTreeContainer.getBoundingClientRect().width;
+            return mousemove$.pipe(map(move => {
+                move.preventDefault();
+                return {
+                    dx: move.clientX - x,
+                    documentTreeContainerWidth
+                };
+            }), takeUntil(mouseup$));
+        }));
+        drag$.subscribe(pos => {
+            const calculatedWidth = ((pos.documentTreeContainerWidth + pos.dx) * 100) / slider.parentElement.getBoundingClientRect().width;
+            documentTreeContainer.setAttribute('style', `width: ${calculatedWidth}%`);
+        });
+    }
+    ngOnDestroy() {
+        if (this.categoriesAndDocumentsSubscription) {
+            this.categoriesAndDocumentsSubscription.unsubscribe();
+        }
+    }
+}
+CaseFileViewFieldComponent.PARAM_CASE_ID = 'cid';
+CaseFileViewFieldComponent.ɵfac = function CaseFileViewFieldComponent_Factory(t) { return new (t || CaseFileViewFieldComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseFileViewService)); };
+CaseFileViewFieldComponent.ɵcmp = i0.ɵɵ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"], [3, "categoriesAndDocuments"], [1, "slider"], [1, "media-viewer-container"]], template: function CaseFileViewFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, CaseFileViewFieldComponent_div_0_Template, 5, 0, "div", 0);
+        i0.ɵɵtemplate(1, CaseFileViewFieldComponent_div_1_Template, 9, 1, "div", 1);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.getCategoriesAndDocumentsError);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", !ctx.getCategoriesAndDocumentsError);
+    } }, directives: [i1.NgIf, CaseFileViewFolderComponent], styles: ["#case-file-view[_ngcontent-%COMP%]{display:flex;border:2px solid #c9c9c9}#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%]{flex:1 1 0%}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewFieldComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-case-file-view-field',
+                templateUrl: './case-file-view-field.component.html',
+                styleUrls: ['./case-file-view-field.component.scss']
+            }]
+    }], function () { return [{ type: i0.ElementRef }, { type: i1$1.ActivatedRoute }, { type: CaseFileViewService }]; }, null); })();
+
 var PaletteContext;
 (function (PaletteContext) {
     PaletteContext["DEFAULT"] = "DEFAULT";
@@ -8332,7 +8752,7 @@ class RemoveDialogComponent {
         this.matDialogRef.close(this.result);
     }
 }
-RemoveDialogComponent.ɵfac = function RemoveDialogComponent_Factory(t) { return new (t || RemoveDialogComponent)(i0.ɵɵdirectiveInject(i1$5.MatDialogRef)); };
+RemoveDialogComponent.ɵfac = function RemoveDialogComponent_Factory(t) { return new (t || RemoveDialogComponent)(i0.ɵɵdirectiveInject(i1$6.MatDialogRef)); };
 RemoveDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RemoveDialogComponent, selectors: [["ccd-remove-dialog"]], decls: 15, vars: 0, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Remove", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Cancel", 1, "button", "button-secondary", 3, "click"]], template: function RemoveDialogComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div");
         i0.ɵɵelementStart(1, "div", 0);
@@ -8370,7 +8790,7 @@ RemoveDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RemoveDialogCompone
                 templateUrl: './remove-dialog.component.html',
                 styleUrls: ['../action-dialog.component.scss']
             }]
-    }], function () { return [{ type: i1$5.MatDialogRef }]; }, null); })();
+    }], function () { return [{ type: i1$6.MatDialogRef }]; }, null); })();
 
 const _c0$D = ["collectionItem"];
 function WriteCollectionFieldComponent_h2_7_span_1_Template(rf, ctx) { if (rf & 1) {
@@ -8744,7 +9164,7 @@ class WriteCollectionFieldComponent extends AbstractFieldWriteComponent {
         return notSimple.indexOf(caseField.field_type.collection_field_type.type) < 0;
     }
 }
-WriteCollectionFieldComponent.ɵfac = function WriteCollectionFieldComponent_Factory(t) { return new (t || WriteCollectionFieldComponent)(i0.ɵɵdirectiveInject(i1$5.MatDialog), i0.ɵɵdirectiveInject(i2.ScrollToService), i0.ɵɵdirectiveInject(ProfileNotifier)); };
+WriteCollectionFieldComponent.ɵfac = function WriteCollectionFieldComponent_Factory(t) { return new (t || WriteCollectionFieldComponent)(i0.ɵɵdirectiveInject(i1$6.MatDialog), i0.ɵɵdirectiveInject(i2.ScrollToService), i0.ɵɵdirectiveInject(ProfileNotifier)); };
 WriteCollectionFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCollectionFieldComponent, selectors: [["ccd-write-collection-field"]], viewQuery: function WriteCollectionFieldComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$D, 1);
     } if (rf & 2) {
@@ -8786,7 +9206,7 @@ WriteCollectionFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCollec
                 templateUrl: './write-collection-field.html',
                 styleUrls: ['./collection-field.scss']
             }]
-    }], function () { return [{ type: i1$5.MatDialog }, { type: i2.ScrollToService }, { type: ProfileNotifier }]; }, { caseFields: [{
+    }], function () { return [{ type: i1$6.MatDialog }, { type: i2.ScrollToService }, { type: ProfileNotifier }]; }, { caseFields: [{
             type: Input
         }], formGroup: [{
             type: Input
@@ -9962,7 +10382,7 @@ class DocumentDialogComponent {
         this.matDialogRef.close(this.result);
     }
 }
-DocumentDialogComponent.ɵfac = function DocumentDialogComponent_Factory(t) { return new (t || DocumentDialogComponent)(i0.ɵɵdirectiveInject(i1$5.MatDialogRef)); };
+DocumentDialogComponent.ɵfac = function DocumentDialogComponent_Factory(t) { return new (t || DocumentDialogComponent)(i0.ɵɵdirectiveInject(i1$6.MatDialogRef)); };
 DocumentDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DocumentDialogComponent, selectors: [["ccd-document-dialog"]], decls: 15, vars: 0, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Replace", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Cancel", 1, "button", "button-secondary", 3, "click"]], template: function DocumentDialogComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div");
         i0.ɵɵelementStart(1, "div", 0);
@@ -10000,7 +10420,7 @@ DocumentDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DocumentDialogCom
                 templateUrl: './document-dialog.component.html',
                 styleUrls: ['../action-dialog.component.scss']
             }]
-    }], function () { return [{ type: i1$5.MatDialogRef }]; }, null); })();
+    }], function () { return [{ type: i1$6.MatDialogRef }]; }, null); })();
 
 function initDialog() {
     const dialogConfig = new MatDialogConfig();
@@ -10307,7 +10727,7 @@ WriteDocumentFieldComponent.DOCUMENT_HASH = 'document_hash';
 WriteDocumentFieldComponent.UPLOAD_ERROR_FILE_REQUIRED = 'File required';
 WriteDocumentFieldComponent.UPLOAD_ERROR_NOT_AVAILABLE = 'Document upload facility is not available at the moment';
 WriteDocumentFieldComponent.UPLOAD_WAITING_FILE_STATUS = 'Uploading...';
-WriteDocumentFieldComponent.ɵfac = function WriteDocumentFieldComponent_Factory(t) { return new (t || WriteDocumentFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(i1$5.MatDialog), i0.ɵɵdirectiveInject(FileUploadStateService)); };
+WriteDocumentFieldComponent.ɵfac = function WriteDocumentFieldComponent_Factory(t) { return new (t || WriteDocumentFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(i1$6.MatDialog), i0.ɵɵdirectiveInject(FileUploadStateService)); };
 WriteDocumentFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDocumentFieldComponent, selectors: [["ccd-write-document-field"]], viewQuery: function WriteDocumentFieldComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$z, 1);
     } if (rf & 2) {
@@ -10372,7 +10792,7 @@ WriteDocumentFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDocument
                 selector: 'ccd-write-document-field',
                 templateUrl: './write-document-field.html'
             }]
-    }], function () { return [{ type: AbstractAppConfig }, { type: CaseNotifier }, { type: DocumentManagementService }, { type: i1$5.MatDialog }, { type: FileUploadStateService }]; }, { fileInput: [{
+    }], function () { return [{ type: AbstractAppConfig }, { type: CaseNotifier }, { type: DocumentManagementService }, { type: i1$6.MatDialog }, { type: FileUploadStateService }]; }, { fileInput: [{
             type: ViewChild,
             args: ['fileInput', { static: false }]
         }], clickout: [{
@@ -13724,6 +14144,11 @@ WriteYesNoFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteYesNoFieldC
     }], function () { return [{ type: YesNoService }]; }, null); })();
 
 class PaletteService {
+    constructor() {
+        this.componentLauncherRegistry = {
+            CaseFileView: CaseFileViewFieldComponent
+        };
+    }
     getFieldComponentClass(caseField, write) {
         switch (caseField.field_type.type) {
             case 'Text':
@@ -13782,10 +14207,21 @@ class PaletteService {
                 return CaseHistoryViewerFieldComponent;
             case 'WaysToPay':
                 return WaysToPayFieldComponent;
+            case 'ComponentLauncher':
+                return this.getComponentLauncherComponent(caseField);
             default:
                 return UnsupportedFieldComponent;
         }
     }
+    getComponentLauncherComponent(caseField) {
+        // Extract the value passed for #ARGUMENT(...) in the CaseField display_context_parameter and return the matching
+        // component from the componentLauncherRegistry
+        const argumentValue = caseField.display_context_parameter.match(/#ARGUMENT\((.*?)\)/)[1];
+        if (argumentValue && this.componentLauncherRegistry.hasOwnProperty(argumentValue)) {
+            return this.componentLauncherRegistry[argumentValue];
+        }
+        return UnsupportedFieldComponent;
+    }
 }
 PaletteService.ɵfac = function PaletteService_Factory(t) { return new (t || PaletteService)(); };
 PaletteService.ɵprov = i0.ɵɵdefineInjectable({ token: PaletteService, factory: PaletteService.ɵfac });
@@ -14046,7 +14482,7 @@ class SaveOrDiscardDialogComponent {
         this.matDialogRef.close(this.result);
     }
 }
-SaveOrDiscardDialogComponent.ɵfac = function SaveOrDiscardDialogComponent_Factory(t) { return new (t || SaveOrDiscardDialogComponent)(i0.ɵɵdirectiveInject(i1$5.MatDialogRef)); };
+SaveOrDiscardDialogComponent.ɵfac = function SaveOrDiscardDialogComponent_Factory(t) { return new (t || SaveOrDiscardDialogComponent)(i0.ɵɵdirectiveInject(i1$6.MatDialogRef)); };
 SaveOrDiscardDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SaveOrDiscardDialogComponent, selectors: [["ccd-save-or-discard-dialog"]], decls: 15, vars: 0, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Save", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Discard", 1, "button", "button-secondary", 3, "click"]], template: function SaveOrDiscardDialogComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div");
         i0.ɵɵelementStart(1, "div", 0);
@@ -14084,7 +14520,7 @@ SaveOrDiscardDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SaveOrDiscar
                 templateUrl: './save-or-discard-dialog.component.html',
                 styleUrls: ['../action-dialog.component.scss']
             }]
-    }], function () { return [{ type: i1$5.MatDialogRef }]; }, null); })();
+    }], function () { return [{ type: i1$6.MatDialogRef }]; }, null); })();
 
 var CaseEditPageText;
 (function (CaseEditPageText) {
@@ -14851,7 +15287,7 @@ class CaseEditPageComponent {
         return caseEventData;
     }
 }
-CaseEditPageComponent.ɵfac = function CaseEditPageComponent_Factory(t) { return new (t || CaseEditPageComponent)(i0.ɵɵdirectiveInject(CaseEditComponent), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(FormValueService), i0.ɵɵdirectiveInject(FormErrorService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PageValidationService), i0.ɵɵdirectiveInject(i1$5.MatDialog), i0.ɵɵdirectiveInject(CaseFieldService)); };
+CaseEditPageComponent.ɵfac = function CaseEditPageComponent_Factory(t) { return new (t || CaseEditPageComponent)(i0.ɵɵdirectiveInject(CaseEditComponent), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(FormValueService), i0.ɵɵdirectiveInject(FormErrorService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PageValidationService), i0.ɵɵdirectiveInject(i1$6.MatDialog), i0.ɵɵdirectiveInject(CaseFieldService)); };
 CaseEditPageComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseEditPageComponent, selectors: [["ccd-case-edit-page"]], decls: 13, vars: 12, consts: [[4, "ngIf"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["titleBlock", ""], ["idBlock", ""], ["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], ["class", "error-summary", "role", "status", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [1, "width-50"], ["class", "form", 3, "formGroup", "submit", 4, "ngIf"], ["class", "govuk-heading-l", 4, "ngIf"], [1, "govuk-heading-l"], [1, "govuk-caption-l"], [3, "content"], ["class", "heading-h2", 4, "ngIf"], [1, "heading-h2"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], ["class", "govuk-error-summary__body", 4, "ngFor", "ngForOf"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [1, "validation-error", 3, "click"], ["role", "status", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading-3", 1, "heading-h3", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], ["class", "ccd-error-summary-li", 4, "ngFor", "ngForOf"], [1, "ccd-error-summary-li"], [1, "form", 3, "formGroup", "submit"], ["id", "fieldset-case-data"], [2, "display", "none"], ["id", "caseEditForm", 3, "fields", "formGroup", "caseFields", "pageChangeSubject", "valuesChanged", 4, "ngIf"], ["class", "grid-row", 4, "ngIf"], [1, "form-group", "form-group-related"], ["type", "button", 1, "button", "button-secondary", 3, "disabled", "click"], ["type", "submit", 1, "button", 3, "disabled"], [1, "cancel"], ["href", "javascript:void(0)", 3, "click"], ["id", "caseEditForm", 3, "fields", "formGroup", "caseFields", "pageChangeSubject", "valuesChanged"], [1, "grid-row"], [1, "column-two-thirds", "rightBorderSeparator"], ["id", "caseEditForm1", 3, "fields", "formGroup", "caseFields"], [1, "column-one-third"], ["id", "caseEditForm2", 3, "fields", "formGroup", "caseFields"]], template: function CaseEditPageComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, CaseEditPageComponent_ccd_loading_spinner_0_Template, 1, 0, "ccd-loading-spinner", 0);
         i0.ɵɵtemplate(1, CaseEditPageComponent_ng_container_1_Template, 3, 2, "ng-container", 0);
@@ -14893,7 +15329,7 @@ CaseEditPageComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseEditPageCompone
                 templateUrl: 'case-edit-page.html',
                 styleUrls: ['./case-edit-page.scss']
             }]
-    }], function () { return [{ type: CaseEditComponent }, { type: i1$1.ActivatedRoute }, { type: FormValueService }, { type: FormErrorService }, { type: i0.ChangeDetectorRef }, { type: PageValidationService }, { type: i1$5.MatDialog }, { type: CaseFieldService }]; }, null); })();
+    }], function () { return [{ type: CaseEditComponent }, { type: i1$1.ActivatedRoute }, { type: FormValueService }, { type: FormErrorService }, { type: i0.ChangeDetectorRef }, { type: PageValidationService }, { type: i1$6.MatDialog }, { type: CaseFieldService }]; }, null); })();
 
 class Confirmation {
     constructor(caseId, status, header, body) {
@@ -15831,79 +16267,6 @@ FormModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
             }]
     }], null, null); })();
 
-class IsReadOnlyPipe {
-    constructor(caseFieldService) {
-        this.caseFieldService = caseFieldService;
-    }
-    transform(field) {
-        return this.caseFieldService.isReadOnly(field);
-    }
-}
-IsReadOnlyPipe.ɵfac = function IsReadOnlyPipe_Factory(t) { return new (t || IsReadOnlyPipe)(i0.ɵɵdirectiveInject(CaseFieldService)); };
-IsReadOnlyPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdIsReadOnly", type: IsReadOnlyPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IsReadOnlyPipe, [{
-        type: Pipe,
-        args: [{
-                name: 'ccdIsReadOnly'
-            }]
-    }], function () { return [{ type: CaseFieldService }]; }, null); })();
-
-class PaletteUtilsModule {
-}
-PaletteUtilsModule.ɵfac = function PaletteUtilsModule_Factory(t) { return new (t || PaletteUtilsModule)(); };
-PaletteUtilsModule.ɵmod = i0.ɵɵdefineNgModule({ type: PaletteUtilsModule });
-PaletteUtilsModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
-        IsCompoundPipe
-    ], imports: [[
-            CommonModule
-        ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PaletteUtilsModule, { declarations: [DatePipe,
-        FieldLabelPipe,
-        FirstErrorPipe,
-        IsCompoundPipe,
-        IsMandatoryPipe,
-        IsReadOnlyPipe,
-        IsReadOnlyAndNotCollectionPipe,
-        DashPipe], imports: [CommonModule], exports: [DatePipe,
-        FieldLabelPipe,
-        FirstErrorPipe,
-        IsCompoundPipe,
-        IsMandatoryPipe,
-        IsReadOnlyPipe,
-        IsReadOnlyAndNotCollectionPipe,
-        DashPipe] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaletteUtilsModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule
-                ],
-                declarations: [
-                    DatePipe,
-                    FieldLabelPipe,
-                    FirstErrorPipe,
-                    IsCompoundPipe,
-                    IsMandatoryPipe,
-                    IsReadOnlyPipe,
-                    IsReadOnlyAndNotCollectionPipe,
-                    DashPipe
-                ],
-                exports: [
-                    DatePipe,
-                    FieldLabelPipe,
-                    FirstErrorPipe,
-                    IsCompoundPipe,
-                    IsMandatoryPipe,
-                    IsReadOnlyPipe,
-                    IsReadOnlyAndNotCollectionPipe,
-                    DashPipe
-                ],
-                providers: [
-                    IsCompoundPipe
-                ]
-            }]
-    }], null, null); })();
-
 class CcdCollectionTableCaseFieldsFilterPipe {
     transform(objs, caseField, value) {
         const fields = objs.map((obj) => (Object.assign(Object.assign({}, obj.value.caseField), { type: obj.value.type.type ? obj.value.type.type : obj.value.type })));
@@ -16090,7 +16453,7 @@ ReadFieldsFilterPipe.EMPTY_VALUES = [
     '',
     {}
 ];
-ReadFieldsFilterPipe.ALWAYS_NULL_FIELDS = ['CasePaymentHistoryViewer', 'WaysToPay'];
+ReadFieldsFilterPipe.ALWAYS_NULL_FIELDS = ['CasePaymentHistoryViewer', 'WaysToPay', 'ComponentLauncher'];
 ReadFieldsFilterPipe.NESTED_TYPES = {
     Complex: ReadFieldsFilterPipe.isValidComplex,
     Collection: ReadFieldsFilterPipe.isValidCollection
@@ -16133,8 +16496,8 @@ CcdTabFieldsPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdTabFields", type: CcdTab
 
 class CcdPageFieldsPipe {
     transform(page, dataFormGroup) {
-        const complex_fields = Object.keys(dataFormGroup.controls).map(key => {
-            const control = dataFormGroup.controls[key];
+        const complex_fields = Object.keys(dataFormGroup.controls['data'].controls).map(key => {
+            const control = dataFormGroup.controls['data'].get(key);
             return control['caseField'];
         }).filter(field => {
             return !!page.case_fields.find(pcf => pcf.id === field.id);
@@ -16322,6 +16685,79 @@ class Fee {
 class OrderSummary {
 }
 
+class IsReadOnlyPipe {
+    constructor(caseFieldService) {
+        this.caseFieldService = caseFieldService;
+    }
+    transform(field) {
+        return this.caseFieldService.isReadOnly(field);
+    }
+}
+IsReadOnlyPipe.ɵfac = function IsReadOnlyPipe_Factory(t) { return new (t || IsReadOnlyPipe)(i0.ɵɵdirectiveInject(CaseFieldService)); };
+IsReadOnlyPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdIsReadOnly", type: IsReadOnlyPipe, pure: true });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IsReadOnlyPipe, [{
+        type: Pipe,
+        args: [{
+                name: 'ccdIsReadOnly'
+            }]
+    }], function () { return [{ type: CaseFieldService }]; }, null); })();
+
+class PaletteUtilsModule {
+}
+PaletteUtilsModule.ɵfac = function PaletteUtilsModule_Factory(t) { return new (t || PaletteUtilsModule)(); };
+PaletteUtilsModule.ɵmod = i0.ɵɵdefineNgModule({ type: PaletteUtilsModule });
+PaletteUtilsModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
+        IsCompoundPipe
+    ], imports: [[
+            CommonModule
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PaletteUtilsModule, { declarations: [DatePipe,
+        FieldLabelPipe,
+        FirstErrorPipe,
+        IsCompoundPipe,
+        IsMandatoryPipe,
+        IsReadOnlyPipe,
+        IsReadOnlyAndNotCollectionPipe,
+        DashPipe], imports: [CommonModule], exports: [DatePipe,
+        FieldLabelPipe,
+        FirstErrorPipe,
+        IsCompoundPipe,
+        IsMandatoryPipe,
+        IsReadOnlyPipe,
+        IsReadOnlyAndNotCollectionPipe,
+        DashPipe] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaletteUtilsModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule
+                ],
+                declarations: [
+                    DatePipe,
+                    FieldLabelPipe,
+                    FirstErrorPipe,
+                    IsCompoundPipe,
+                    IsMandatoryPipe,
+                    IsReadOnlyPipe,
+                    IsReadOnlyAndNotCollectionPipe,
+                    DashPipe
+                ],
+                exports: [
+                    DatePipe,
+                    FieldLabelPipe,
+                    FirstErrorPipe,
+                    IsCompoundPipe,
+                    IsMandatoryPipe,
+                    IsReadOnlyPipe,
+                    IsReadOnlyAndNotCollectionPipe,
+                    DashPipe
+                ],
+                providers: [
+                    IsCompoundPipe
+                ]
+            }]
+    }], null, null); })();
+
 const PALETTE_COMPONENTS = [
     UnsupportedFieldComponent,
     DatetimePickerComponent,
@@ -16391,7 +16827,10 @@ const PALETTE_COMPONENTS = [
     WriteFixedListFieldComponent,
     WriteFixedRadioListFieldComponent,
     WriteCaseLinkFieldComponent,
-    WriteCollectionFieldComponent
+    WriteCollectionFieldComponent,
+    // ComponentLauncher web components
+    CaseFileViewFieldComponent,
+    CaseFileViewFolderComponent
 ];
 class PaletteModule {
 }
@@ -16428,6 +16867,7 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
             MatInputModule,
             MatDatepickerModule,
             MatAutocompleteModule,
+            CdkTreeModule,
             PaymentLibModule,
             ScrollToModule.forRoot()
         ], NgxMatDatetimePickerModule,
@@ -16508,7 +16948,10 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         WriteFixedListFieldComponent,
         WriteFixedRadioListFieldComponent,
         WriteCaseLinkFieldComponent,
-        WriteCollectionFieldComponent], imports: [CommonModule,
+        WriteCollectionFieldComponent,
+        // ComponentLauncher web components
+        CaseFileViewFieldComponent,
+        CaseFileViewFolderComponent], imports: [CommonModule,
         RouterModule,
         FormsModule,
         ReactiveFormsModule,
@@ -16529,6 +16972,7 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         MatInputModule,
         MatDatepickerModule,
         MatAutocompleteModule,
+        CdkTreeModule,
         PaymentLibModule, i2.ScrollToModule], exports: [NgxMatDatetimePickerModule,
         NgxMatNativeDateModule,
         NgxMatTimepickerModule,
@@ -16602,7 +17046,10 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         WriteFixedListFieldComponent,
         WriteFixedRadioListFieldComponent,
         WriteCaseLinkFieldComponent,
-        WriteCollectionFieldComponent] }); })();
+        WriteCollectionFieldComponent,
+        // ComponentLauncher web components
+        CaseFileViewFieldComponent,
+        CaseFileViewFolderComponent] }); })();
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaletteModule, [{
         type: NgModule,
         args: [{
@@ -16628,6 +17075,7 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
                     MatInputModule,
                     MatDatepickerModule,
                     MatAutocompleteModule,
+                    CdkTreeModule,
                     PaymentLibModule,
                     ScrollToModule.forRoot()
                 ],
@@ -17412,7 +17860,7 @@ PaginationComponent.ɵcmp = i0.ɵɵdefineComponent({ type: PaginationComponent,
         i0.ɵɵproperty("id", ctx.id)("maxSize", ctx.maxSize);
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("ngIf", !(ctx.autoHide && _r0.pages.length <= 1));
-    } }, directives: [i1$6.PaginationControlsDirective, i1.NgIf, i1.NgForOf], pipes: [i1.DecimalPipe], styles: [".ngx-pagination[_ngcontent-%COMP%]{margin-left:0;margin-bottom:1rem;padding-top:25px;text-decoration:none;text-align:left;font-size:16px}.ngx-pagination[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]:before{content:\" \";display:table}.ngx-pagination[_ngcontent-%COMP%]:after{clear:both}.ngx-pagination[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-right:.0625rem;border-radius:0;display:inline-block}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{display:block;padding:.1875rem .625rem;border-radius:0;color:#005da6}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover, .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover{background:#e6e6e6}.ngx-pagination[_ngcontent-%COMP%]   .current[_ngcontent-%COMP%]{padding:.1875rem .625rem;background:#fff;color:#4c2c92;cursor:default;font-weight:900}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]{display:none}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]:hover{background:transparent}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{cursor:pointer}.ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{margin-right:.5rem;border-width:3px 0 0 3px}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;transform:rotate(-45deg);content:\"\"}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after{margin-left:.5rem;border-width:0 3px 3px 0}.ngx-pagination[_ngcontent-%COMP%]   .show-for-sr[_ngcontent-%COMP%]{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ngx-pagination[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:none}@media screen and (max-width:601px){.ngx-pagination.responsive[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:inline-block}.ngx-pagination.responsive[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:not(.small-screen):not(.pagination-previous):not(.pagination-next){display:none}}"] });
+    } }, directives: [i1$7.PaginationControlsDirective, i1.NgIf, i1.NgForOf], pipes: [i1.DecimalPipe], styles: [".ngx-pagination[_ngcontent-%COMP%]{margin-left:0;margin-bottom:1rem;padding-top:25px;text-decoration:none;text-align:left;font-size:16px}.ngx-pagination[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]:before{content:\" \";display:table}.ngx-pagination[_ngcontent-%COMP%]:after{clear:both}.ngx-pagination[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-right:.0625rem;border-radius:0;display:inline-block}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{display:block;padding:.1875rem .625rem;border-radius:0;color:#005da6}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover, .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover{background:#e6e6e6}.ngx-pagination[_ngcontent-%COMP%]   .current[_ngcontent-%COMP%]{padding:.1875rem .625rem;background:#fff;color:#4c2c92;cursor:default;font-weight:900}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]{display:none}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]:hover{background:transparent}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{cursor:pointer}.ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{margin-right:.5rem;border-width:3px 0 0 3px}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;transform:rotate(-45deg);content:\"\"}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after{margin-left:.5rem;border-width:0 3px 3px 0}.ngx-pagination[_ngcontent-%COMP%]   .show-for-sr[_ngcontent-%COMP%]{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ngx-pagination[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:none}@media screen and (max-width:601px){.ngx-pagination.responsive[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:inline-block}.ngx-pagination.responsive[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:not(.small-screen):not(.pagination-previous):not(.pagination-next){display:none}}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationComponent, [{
         type: Component,
         args: [{
@@ -17762,7 +18210,7 @@ CaseListComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseListComponent, sele
         i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind2(9, 8, ctx.cases, i0.ɵɵpureFunction3(11, _c0$c, ctx.pageSize, ctx.currentPageNo, ctx.totalResultsCount)));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.totalResultsCount > ctx.pageSize);
-    } }, directives: [i1.NgIf, i1.NgForOf, i1$1.RouterLinkWithHref, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, PaginationComponent], pipes: [i1$6.PaginatePipe, i1.CurrencyPipe], styles: [""] });
+    } }, directives: [i1.NgIf, i1.NgForOf, i1$1.RouterLinkWithHref, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, PaginationComponent], pipes: [i1$7.PaginatePipe, i1.CurrencyPipe], styles: [""] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseListComponent, [{
         type: Component,
         args: [{
@@ -19451,7 +19899,7 @@ class DeleteOrCancelDialogComponent {
         this.matDialogRef.close(this.result);
     }
 }
-DeleteOrCancelDialogComponent.ɵfac = function DeleteOrCancelDialogComponent_Factory(t) { return new (t || DeleteOrCancelDialogComponent)(i0.ɵɵdirectiveInject(i1$5.MatDialogRef)); };
+DeleteOrCancelDialogComponent.ɵfac = function DeleteOrCancelDialogComponent_Factory(t) { return new (t || DeleteOrCancelDialogComponent)(i0.ɵɵdirectiveInject(i1$6.MatDialogRef)); };
 DeleteOrCancelDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DeleteOrCancelDialogComponent, selectors: [["ccd-delete-or-cancel-dialog"]], decls: 15, vars: 0, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Delete", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Cancel", 1, "button", "button-secondary", 3, "click"]], template: function DeleteOrCancelDialogComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div");
         i0.ɵɵelementStart(1, "div", 0);
@@ -19489,7 +19937,7 @@ DeleteOrCancelDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DeleteOrCan
                 templateUrl: './delete-or-cancel-dialog.component.html',
                 styleUrls: ['../action-dialog.component.scss']
             }]
-    }], function () { return [{ type: i1$5.MatDialogRef }]; }, null); })();
+    }], function () { return [{ type: i1$6.MatDialogRef }]; }, null); })();
 
 function EventTriggerComponent_form_0_option_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "option", 8);
@@ -19671,29 +20119,36 @@ function CaseFullAccessViewComponent_ng_container_11_mat_tab_3_Template(rf, ctx)
     const tab_r16 = ctx.$implicit;
     i0.ɵɵproperty("id", tab_r16.id)("label", tab_r16.label);
 } }
-function CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr");
-    i0.ɵɵelementStart(1, "th");
-    i0.ɵɵelementStart(2, "div", 31);
-    i0.ɵɵtext(3);
+function CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_th_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 34);
+    i0.ɵɵelementStart(1, "div", 35);
+    i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "td");
-    i0.ɵɵelementStart(5, "span", 32);
-    i0.ɵɵelement(6, "ccd-field-read", 33);
+} if (rf & 2) {
+    const field_r21 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(field_r21.label);
+} }
+function CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr");
+    i0.ɵɵtemplate(1, CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_th_1_Template, 3, 1, "th", 31);
+    i0.ɵɵelementStart(2, "th");
+    i0.ɵɵelementStart(3, "span", 32);
+    i0.ɵɵelement(4, "ccd-field-read", 33);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const field_r21 = i0.ɵɵnextContext().$implicit;
     const ctx_r22 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(field_r21.label);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !ctx_r22.isFieldToHaveNoLabel(field_r21));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("topLevelFormGroup", ctx_r22.formGroup.controls["data"])("caseField", field_r21)("caseReference", ctx_r22.caseDetails.case_id)("markdownUseHrefAsRouterLink", ctx_r22.markdownUseHrefAsRouterLink);
 } }
 function CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr", 34);
+    i0.ɵɵelementStart(0, "tr", 36);
     i0.ɵɵelementStart(1, "th");
     i0.ɵɵelementStart(2, "span", 32);
     i0.ɵɵelement(3, "ccd-field-read", 33);
@@ -19711,7 +20166,7 @@ function CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_
     i0.ɵɵelementStart(1, "div", 27);
     i0.ɵɵelementContainerStart(2, 28);
     i0.ɵɵpipe(3, "ccdIsCompound");
-    i0.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_Template, 7, 5, "tr", 29);
+    i0.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_4_Template, 5, 5, "tr", 29);
     i0.ɵɵtemplate(5, CaseFullAccessViewComponent_ng_container_11_mat_tab_4_ng_template_1_ng_container_2_tr_5_Template, 4, 4, "tr", 30);
     i0.ɵɵelementContainerEnd();
     i0.ɵɵelementEnd();
@@ -19755,17 +20210,17 @@ function CaseFullAccessViewComponent_ng_container_11_mat_tab_4_Template(rf, ctx)
 function CaseFullAccessViewComponent_ng_container_11_mat_tab_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "mat-tab", 24);
 } if (rf & 2) {
-    const tab_r27 = ctx.$implicit;
-    i0.ɵɵproperty("id", tab_r27.id)("label", tab_r27.label);
+    const tab_r29 = ctx.$implicit;
+    i0.ɵɵproperty("id", tab_r29.id)("label", tab_r29.label);
 } }
 function CaseFullAccessViewComponent_ng_container_11_router_outlet_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "router-outlet");
 } }
 function CaseFullAccessViewComponent_ng_container_11_Template(rf, ctx) { if (rf & 1) {
-    const _r29 = i0.ɵɵgetCurrentView();
+    const _r31 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "mat-tab-group", 21, 22);
-    i0.ɵɵlistener("selectedTabChange", function CaseFullAccessViewComponent_ng_container_11_Template_mat_tab_group_selectedTabChange_1_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r28 = i0.ɵɵnextContext(); return ctx_r28.tabChanged($event); });
+    i0.ɵɵlistener("selectedTabChange", function CaseFullAccessViewComponent_ng_container_11_Template_mat_tab_group_selectedTabChange_1_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r30 = i0.ɵɵnextContext(); return ctx_r30.tabChanged($event); });
     i0.ɵɵtemplate(3, CaseFullAccessViewComponent_ng_container_11_mat_tab_3_Template, 1, 2, "mat-tab", 23);
     i0.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_11_mat_tab_4_Template, 2, 2, "mat-tab", 23);
     i0.ɵɵtemplate(5, CaseFullAccessViewComponent_ng_container_11_mat_tab_5_Template, 1, 2, "mat-tab", 23);
@@ -19976,6 +20431,16 @@ class CaseFullAccessViewComponent {
             });
         }
     }
+    /**
+     * Indicates that a CaseField is to be displayed without a label, as is expected for all ComponentLauncher-type
+     * fields.
+     * @param caseField The `CaseField` instance to check
+     * @returns `true` if it should not have a label; `false` otherwise
+     */
+    isFieldToHaveNoLabel(caseField) {
+        return caseField.field_type.type === 'ComponentLauncher'
+            && caseField.display_context_parameter === '#ARGUMENT(CaseFileView)';
+    }
     init() {
         // Clone and sort tabs array
         this.sortedTabs = this.orderService.sort(this.caseDetails.tabs);
@@ -20030,13 +20495,13 @@ CaseFullAccessViewComponent.TRIGGER_TEXT_START = 'Go';
 CaseFullAccessViewComponent.TRIGGER_TEXT_CONTINUE = 'Ignore Warning and Go';
 CaseFullAccessViewComponent.UNICODE_SPACE = '%20';
 CaseFullAccessViewComponent.EMPTY_SPACE = ' ';
-CaseFullAccessViewComponent.ɵfac = function CaseFullAccessViewComponent_Factory(t) { return new (t || CaseFullAccessViewComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(NavigationNotifierService), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(ActivityPollingService), i0.ɵɵdirectiveInject(i1$5.MatDialog), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(DraftService), i0.ɵɵdirectiveInject(ErrorNotifierService), i0.ɵɵdirectiveInject(ConvertHrefToRouterService), i0.ɵɵdirectiveInject(i1.Location), i0.ɵɵdirectiveInject(SessionStorageService)); };
+CaseFullAccessViewComponent.ɵfac = function CaseFullAccessViewComponent_Factory(t) { return new (t || CaseFullAccessViewComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(NavigationNotifierService), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(ActivityPollingService), i0.ɵɵdirectiveInject(i1$6.MatDialog), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(DraftService), i0.ɵɵdirectiveInject(ErrorNotifierService), i0.ɵɵdirectiveInject(ConvertHrefToRouterService), i0.ɵɵdirectiveInject(i1.Location), i0.ɵɵdirectiveInject(SessionStorageService)); };
 CaseFullAccessViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFullAccessViewComponent, selectors: [["ccd-case-full-access-view"]], viewQuery: function CaseFullAccessViewComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$a, 1);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabGroup = _t.first);
-    } }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, decls: 12, vars: 11, consts: [["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [3, "caseId", "displayMode"], [1, "grid-row"], [1, "column-one-half"], [3, "caseDetails"], ["class", "case-viewer-controls", 4, "ngIf"], ["class", "column-one-half", 4, "ngIf"], [1, "column-full"], [4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h2", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], [4, "ngFor", "ngForOf"], [1, "case-viewer-controls"], ["id", "case-viewer-control-print", "routerLink", "print", 1, "button", "button-secondary"], [3, "isDisabled", "triggers", "triggerText", "onTriggerChange", "onTriggerSubmit"], ["animationDuration", "0ms", 3, "disableRipple", "selectedTabChange"], ["tabGroup", ""], [3, "id", "label", 4, "ngFor", "ngForOf"], [3, "id", "label"], ["matTabContent", ""], ["aria-describedby", "case viewer table"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "hidden"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "compound-field", 4, "ngSwitchCase"], [1, "case-viewer-label", "text-16"], [1, "text-16"], [3, "topLevelFormGroup", "caseField", "caseReference", "markdownUseHrefAsRouterLink"], [1, "compound-field"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, decls: 12, vars: 11, consts: [["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [3, "caseId", "displayMode"], [1, "grid-row"], [1, "column-one-half"], [3, "caseDetails"], ["class", "case-viewer-controls", 4, "ngIf"], ["class", "column-one-half", 4, "ngIf"], [1, "column-full"], [4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h2", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], [4, "ngFor", "ngForOf"], [1, "case-viewer-controls"], ["id", "case-viewer-control-print", "routerLink", "print", 1, "button", "button-secondary"], [3, "isDisabled", "triggers", "triggerText", "onTriggerChange", "onTriggerSubmit"], ["animationDuration", "0ms", 3, "disableRipple", "selectedTabChange"], ["tabGroup", ""], [3, "id", "label", 4, "ngFor", "ngForOf"], [3, "id", "label"], ["matTabContent", ""], ["aria-describedby", "case viewer table"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "hidden"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "compound-field", 4, "ngSwitchCase"], ["id", "case-viewer-field-label", 4, "ngIf"], [1, "text-16"], [3, "topLevelFormGroup", "caseField", "caseReference", "markdownUseHrefAsRouterLink"], ["id", "case-viewer-field-label"], [1, "case-viewer-label", "text-16"], [1, "compound-field"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, CaseFullAccessViewComponent_div_0_Template, 10, 0, "div", 0);
         i0.ɵɵtemplate(1, CaseFullAccessViewComponent_div_1_Template, 6, 2, "div", 0);
         i0.ɵɵelementStart(2, "ccd-callback-errors", 1);
@@ -20079,7 +20544,7 @@ CaseFullAccessViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFullAcces
                 templateUrl: './case-full-access-view.component.html',
                 styleUrls: ['./case-full-access-view.component.scss']
             }]
-    }], function () { return [{ type: i0.NgZone }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1$5.MatDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i1.Location }, { type: SessionStorageService }]; }, { hasPrint: [{
+    }], function () { return [{ type: i0.NgZone }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1$6.MatDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i1.Location }, { type: SessionStorageService }]; }, { hasPrint: [{
             type: Input
         }], hasEventSelector: [{
             type: Input
@@ -23887,7 +24352,7 @@ SearchResultComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SearchResultCompone
         i0.ɵɵproperty("ngIf", ctx.hasResults());
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", !(ctx.hasResults() || ctx.hasDrafts()));
-    } }, directives: [i1.NgIf, i1.NgForOf, i1$1.RouterLinkWithHref, FieldReadComponent, LabelSubstitutorDirective, ActivityComponent, PaginationComponent], pipes: [i1.DecimalPipe, i1$6.PaginatePipe, CaseReferencePipe, SortSearchResultPipe], styles: ["table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{vertical-align:top}table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{font-size:16px;word-wrap:break-word}table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{float:left}table[_ngcontent-%COMP%]   .caseid-col[_ngcontent-%COMP%]{white-space:nowrap}.notification[_ngcontent-%COMP%]{text-align:center;padding:30px 0;margin-top:75px}a[_ngcontent-%COMP%]:hover{color:#005ea5}.search-result-reset-link[_ngcontent-%COMP%]{padding-right:15px;padding-left:15px}.search-result-column-header[_ngcontent-%COMP%]{width:unset;table-layout:normal}.search-result-column-header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:table-cell;width:auto}@media screen and (max-width:379px){.search-result-column-header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:block;float:right}}.search-result-column-label[_ngcontent-%COMP%]{font-size:16px;font-weight:700;word-wrap:break-word;cursor:pointer;padding-right:15px}.search-result-column-sort[_ngcontent-%COMP%]{font-size:16px}.sort-widget[_ngcontent-%COMP%]{cursor:pointer;text-decoration:none;color:#231f20}span.heading-medium[_ngcontent-%COMP%]{margin-top:-20px}.govuk-table__checkbox[_ngcontent-%COMP%]{vertical-align:middle;padding-left:3px}#search-result-heading__text[_ngcontent-%COMP%]:focus{outline:none}"] });
+    } }, directives: [i1.NgIf, i1.NgForOf, i1$1.RouterLinkWithHref, FieldReadComponent, LabelSubstitutorDirective, ActivityComponent, PaginationComponent], pipes: [i1.DecimalPipe, i1$7.PaginatePipe, CaseReferencePipe, SortSearchResultPipe], styles: ["table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{vertical-align:top}table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{font-size:16px;word-wrap:break-word}table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{float:left}table[_ngcontent-%COMP%]   .caseid-col[_ngcontent-%COMP%]{white-space:nowrap}.notification[_ngcontent-%COMP%]{text-align:center;padding:30px 0;margin-top:75px}a[_ngcontent-%COMP%]:hover{color:#005ea5}.search-result-reset-link[_ngcontent-%COMP%]{padding-right:15px;padding-left:15px}.search-result-column-header[_ngcontent-%COMP%]{width:unset;table-layout:normal}.search-result-column-header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:table-cell;width:auto}@media screen and (max-width:379px){.search-result-column-header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:block;float:right}}.search-result-column-label[_ngcontent-%COMP%]{font-size:16px;font-weight:700;word-wrap:break-word;cursor:pointer;padding-right:15px}.search-result-column-sort[_ngcontent-%COMP%]{font-size:16px}.sort-widget[_ngcontent-%COMP%]{cursor:pointer;text-decoration:none;color:#231f20}span.heading-medium[_ngcontent-%COMP%]{margin-top:-20px}.govuk-table__checkbox[_ngcontent-%COMP%]{vertical-align:middle;padding-left:3px}#search-result-heading__text[_ngcontent-%COMP%]:focus{outline:none}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchResultComponent, [{
         type: Component,
         args: [{
@@ -24226,5 +24691,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, 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, 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