@hmcts/ccd-case-ui-toolkit 5.0.52-rollback-case-link → 5.0.53-prevent-clear-page-from-cya

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/forms'), require('rx-polling'), require('rxjs'), require('@angular/common/http'), require('rxjs/operators'), require('class-transformer'), require('underscore'), require('moment'), require('util'), require('@edium/fsm'), require('@angular/material/dialog'), require('@angular-material-components/datetime-picker'), require('@angular/cdk/overlay'), require('@angular/cdk/tree'), require('@angular/material/autocomplete'), require('@angular/material/core'), require('@angular/material/datepicker'), require('@angular/material/form-field'), require('@angular/material/input'), require('@hmcts/ccpay-web-component'), require('@hmcts/media-viewer'), require('@nicky-lenaers/ngx-scroll-to'), require('ngx-md'), require('@angular-material-components/moment-adapter'), require('@angular/cdk/portal'), require('ngx-pagination'), require('@angular/material/tabs')) :
     typeof define === 'function' && define.amd ? define('@hmcts/ccd-case-ui-toolkit', ['exports', '@angular/core', '@angular/common', '@angular/router', '@angular/forms', 'rx-polling', 'rxjs', '@angular/common/http', 'rxjs/operators', 'class-transformer', 'underscore', 'moment', 'util', '@edium/fsm', '@angular/material/dialog', '@angular-material-components/datetime-picker', '@angular/cdk/overlay', '@angular/cdk/tree', '@angular/material/autocomplete', '@angular/material/core', '@angular/material/datepicker', '@angular/material/form-field', '@angular/material/input', '@hmcts/ccpay-web-component', '@hmcts/media-viewer', '@nicky-lenaers/ngx-scroll-to', 'ngx-md', '@angular-material-components/moment-adapter', '@angular/cdk/portal', 'ngx-pagination', '@angular/material/tabs'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.hmcts = global.hmcts || {}, global.hmcts["ccd-case-ui-toolkit"] = {}), global.ng.core, global.ng.common, global.ng.router, global.ng.forms, global["rx-polling"], global.rxjs, global.ng.common.http, global.rxjs.operators, global["class-transformer"], global.underscore, global.moment, global.util, global["@edium/fsm"], global.ng.material.dialog, global["@angular-material-components/datetime-picker"], global.ng.cdk.overlay, global.ng.cdk.tree, global.ng.material.autocomplete, global.ng.material.core, global.ng.material.datepicker, global.ng.material.formField, global.ng.material.input, global["@hmcts/ccpay-web-component"], global.i11, global["@nicky-lenaers/ngx-scroll-to"], global["ngx-md"], global["@angular-material-components/moment-adapter"], global.ng.cdk.portal, global["ngx-pagination"], global.ng.material.tabs));
-})(this, (function (exports, i0, i1, i1$1, i2, polling, rxjs, i1$2, operators, classTransformer, _, moment, util, fsm, i1$3, i4, i1$4, i7, i5, i6, i5$1, i6$1, i3$1, i3, i11, i2$1, i1$5, momentAdapter, i6$2, i1$6, i9) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.hmcts = global.hmcts || {}, global.hmcts["ccd-case-ui-toolkit"] = {}), global.ng.core, global.ng.common, global.ng.router, global.ng.forms, global["rx-polling"], global.rxjs, global.ng.common.http, global.rxjs.operators, global["class-transformer"], global.underscore, global.moment, global.util, global["@edium/fsm"], global.ng.material.dialog, global["@angular-material-components/datetime-picker"], global.ng.cdk.overlay, global.ng.cdk.tree, global.ng.material.autocomplete, global.ng.material.core, global.ng.material.datepicker, global.ng.material.formField, global.ng.material.input, global["@hmcts/ccpay-web-component"], global.i12, global["@nicky-lenaers/ngx-scroll-to"], global["ngx-md"], global["@angular-material-components/moment-adapter"], global.ng.cdk.portal, global["ngx-pagination"], global.ng.material.tabs));
+})(this, (function (exports, i0, i1, i1$1, i2, polling, rxjs, i1$2, operators, classTransformer, _, moment, util, fsm, i1$3, i4, i1$4, i7, i5, i6, i5$1, i6$1, i3$1, i3, i12, i2$1, i1$5, momentAdapter, i6$2, i1$6, i9) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -42,7 +42,7 @@
     var i6__namespace$1 = /*#__PURE__*/_interopNamespace(i6$1);
     var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i11__namespace = /*#__PURE__*/_interopNamespace(i11);
+    var i12__namespace = /*#__PURE__*/_interopNamespace(i12);
     var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
     var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
     var i6__namespace$2 = /*#__PURE__*/_interopNamespace(i6$2);
@@ -118,7 +118,7 @@
             i0__namespace.ɵɵtextInterpolate(ctx_r1.workhours);
         }
     }
-    var _c0$Y = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
+    var _c0$_ = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
     var _c1$r = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
     var FooterComponent = /** @class */ (function () {
         function FooterComponent() {
@@ -128,7 +128,7 @@
     FooterComponent.ɵfac = function FooterComponent_Factory(t) { return new (t || FooterComponent)(); };
     FooterComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FooterComponent, selectors: [["cut-footer-bar"]], inputs: { email: "email", isSolicitor: "isSolicitor", phone: "phone", workhours: "workhours" }, ngContentSelectors: _c1$r, decls: 4, vars: 4, consts: [["id", "footer", "role", "footer", 1, "group", "js-footer"], [1, "footer-wrapper"], ["class", "footer-meta", 4, "ngIf"], [1, "footer-meta"], [1, "footer-meta-inner"], [1, "open-government-licence"], [1, "logo"], ["href", "https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/", "rel", "license"], [1, "copyright"], ["href", "https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/"], [1, "title"], [1, "footer-text"], [1, "email"], [3, "href"], [1, "phone"], [1, "work-hours"]], template: function FooterComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$Y);
+                i0__namespace.ɵɵprojectionDef(_c0$_);
                 i0__namespace.ɵɵelementStart(0, "footer", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
                 i0__namespace.ɵɵtemplate(2, FooterComponent_div_2_Template, 15, 0, "div", 2);
@@ -207,7 +207,7 @@
             i0__namespace.ɵɵtextInterpolate(ctx_r2.title);
         }
     }
-    var _c0$X = [[["", "headerNavigation", ""]]];
+    var _c0$Z = [[["", "headerNavigation", ""]]];
     var _c1$q = ["[headerNavigation]"];
     var HeaderBarComponent = /** @class */ (function () {
         function HeaderBarComponent() {
@@ -221,7 +221,7 @@
     HeaderBarComponent.ɵfac = function HeaderBarComponent_Factory(t) { return new (t || HeaderBarComponent)(); };
     HeaderBarComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, ngContentSelectors: _c1$q, decls: 15, vars: 8, consts: [["role", "banner", "id", "global-header", 1, "with-proposition"], [1, "header-wrapper"], [1, "header-global"], [4, "ngIf"], ["class", "global-header", 4, "ngIf"], [1, "header-proposition"], [1, "content"], ["href", "#proposition-links", 1, "js-header-toggle", "menu"], ["id", "proposition-menu", 4, "ngIf"], [1, "proposition-right"], ["id", "user-name"], ["id", "sign-out", "href", "javascript:void(0)", 3, "click"], ["href", "https://www.gov.uk", "title", "Go to the GOV.UK homepage", "id", "logo", 1, "content", 2, "margin-left", "0px"], ["src", "/img/gov.uk_logotype_crown_invert_trans.png?0.23.0", "width", "36", "height", "32", "alt", ""], [1, "global-header"], [1, "title"], ["id", "proposition-menu"], [1, "title-solicitor"], ["id", "proposition-name"]], template: function HeaderBarComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$X);
+                i0__namespace.ɵɵprojectionDef(_c0$Z);
                 i0__namespace.ɵɵelementStart(0, "header", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
                 i0__namespace.ɵɵelementStart(2, "div", 2);
@@ -282,7 +282,7 @@
                 }] });
     })();
 
-    var _c0$W = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
+    var _c0$Y = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
     var _c1$p = ["[leftNavLinks]", "[rightNavLinks]"];
     var NavigationComponent = /** @class */ (function () {
         function NavigationComponent() {
@@ -292,7 +292,7 @@
     NavigationComponent.ɵfac = function NavigationComponent_Factory(t) { return new (t || NavigationComponent)(); };
     NavigationComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["cut-nav-bar"]], inputs: { isSolicitor: "isSolicitor" }, ngContentSelectors: _c1$p, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$W);
+                i0__namespace.ɵɵprojectionDef(_c0$Y);
                 i0__namespace.ɵɵelementStart(0, "div");
                 i0__namespace.ɵɵelementStart(1, "nav", 0);
                 i0__namespace.ɵɵprojection(2);
@@ -437,7 +437,7 @@
             }], null, null);
     })();
 
-    var _c0$V = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
+    var _c0$X = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
     var _c1$o = ["[topBody]", "[leftBody]", "[rightBody]"];
     var BodyComponent = /** @class */ (function () {
         function BodyComponent() {
@@ -447,7 +447,7 @@
     BodyComponent.ɵfac = function BodyComponent_Factory(t) { return new (t || BodyComponent)(); };
     BodyComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$o, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$V);
+                i0__namespace.ɵɵprojectionDef(_c0$X);
                 i0__namespace.ɵɵelementStart(0, "div", 0);
                 i0__namespace.ɵɵprojection(1);
                 i0__namespace.ɵɵprojection(2, 1);
@@ -794,7 +794,7 @@
         return typeof state === "function" ? receiver === state : state.has(receiver);
     }
 
-    var _c0$U = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c0$W = function (a0) { return { "govuk-input--error": a0 }; };
     function DateInputComponent_div_16_Template(rf, ctx) {
         if (rf & 1) {
             var _r8_1 = i0__namespace.ɵɵgetCurrentView();
@@ -812,7 +812,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("for", ctx_r3.hourId());
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("id", ctx_r3.hourId())("name", ctx_r3.hourId())("value", ctx_r3.displayHour)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$U, ctx_r3.isInvalid));
+            i0__namespace.ɵɵproperty("id", ctx_r3.hourId())("name", ctx_r3.hourId())("value", ctx_r3.displayHour)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$W, ctx_r3.isInvalid));
         }
     }
     function DateInputComponent_div_17_Template(rf, ctx) {
@@ -832,7 +832,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("for", ctx_r4.minuteId());
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("id", ctx_r4.minuteId())("name", ctx_r4.minuteId())("value", ctx_r4.displayMinute)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$U, ctx_r4.isInvalid));
+            i0__namespace.ɵɵproperty("id", ctx_r4.minuteId())("name", ctx_r4.minuteId())("value", ctx_r4.displayMinute)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$W, ctx_r4.isInvalid));
         }
     }
     function DateInputComponent_div_18_Template(rf, ctx) {
@@ -852,7 +852,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("for", ctx_r5.secondId());
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("id", ctx_r5.secondId())("name", ctx_r5.secondId())("value", ctx_r5.displaySecond)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$U, ctx_r5.isInvalid));
+            i0__namespace.ɵɵproperty("id", ctx_r5.secondId())("name", ctx_r5.secondId())("value", ctx_r5.displaySecond)("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$W, ctx_r5.isInvalid));
         }
     }
     var DateInputComponent = /** @class */ (function () {
@@ -1086,15 +1086,15 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("for", ctx.dayId());
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.dayId())("name", ctx.dayId())("value", ctx.displayDay)("ngClass", i0__namespace.ɵɵpureFunction1(18, _c0$U, ctx.isInvalid));
+                i0__namespace.ɵɵproperty("id", ctx.dayId())("name", ctx.dayId())("value", ctx.displayDay)("ngClass", i0__namespace.ɵɵpureFunction1(18, _c0$W, ctx.isInvalid));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.monthId());
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.monthId())("name", ctx.monthId())("value", ctx.displayMonth)("ngClass", i0__namespace.ɵɵpureFunction1(20, _c0$U, ctx.isInvalid));
+                i0__namespace.ɵɵproperty("id", ctx.monthId())("name", ctx.monthId())("value", ctx.displayMonth)("ngClass", i0__namespace.ɵɵpureFunction1(20, _c0$W, ctx.isInvalid));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.yearId());
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.yearId())("name", ctx.yearId())("value", ctx.displayYear)("ngClass", i0__namespace.ɵɵpureFunction1(22, _c0$U, ctx.isInvalid));
+                i0__namespace.ɵɵproperty("id", ctx.yearId())("name", ctx.yearId())("value", ctx.displayYear)("ngClass", i0__namespace.ɵɵpureFunction1(22, _c0$W, ctx.isInvalid));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngIf", ctx.isDateTime);
                 i0__namespace.ɵɵadvance(1);
@@ -1175,7 +1175,7 @@
             i0__namespace.ɵɵelementContainerEnd();
         }
     }
-    var _c0$T = ["*"];
+    var _c0$V = ["*"];
     exports.AlertMessageType = void 0;
     (function (AlertMessageType) {
         AlertMessageType["WARNING"] = "warning";
@@ -1196,7 +1196,7 @@
     AlertComponent.TYPE_ERROR = 'error';
     AlertComponent.TYPE_INFORMATION = 'information';
     AlertComponent.ɵfac = function AlertComponent_Factory(t) { return new (t || AlertComponent)(); };
-    AlertComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: AlertComponent, selectors: [["cut-alert"]], inputs: { type: "type", showIcon: "showIcon" }, ngContentSelectors: _c0$T, decls: 10, vars: 10, consts: [[1, "hmcts-banner"], [3, "ngSwitch"], [4, "ngSwitchCase"], [1, "hmcts-banner__message"], [1, "hmcts-banner__assistive"], ["fill", "currentColor", "role", "presentation", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 25", "height", "25", "width", "25", 1, "hmcts-banner__icon"], ["d", "M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z"], ["d", "M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z"], ["d", "M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n      C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z"]], template: function AlertComponent_Template(rf, ctx) {
+    AlertComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: AlertComponent, selectors: [["cut-alert"]], inputs: { type: "type", showIcon: "showIcon" }, ngContentSelectors: _c0$V, decls: 10, vars: 10, consts: [[1, "hmcts-banner"], [3, "ngSwitch"], [4, "ngSwitchCase"], [1, "hmcts-banner__message"], [1, "hmcts-banner__assistive"], ["fill", "currentColor", "role", "presentation", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 25", "height", "25", "width", "25", 1, "hmcts-banner__icon"], ["d", "M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z"], ["d", "M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z"], ["d", "M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n      C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z"]], template: function AlertComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -1471,7 +1471,7 @@
                 }] });
     })();
 
-    var _c0$S = function (a0) { return { "js-hidden": a0 }; };
+    var _c0$U = function (a0) { return { "js-hidden": a0 }; };
     var _c1$n = ["*"];
     var TabComponent = /** @class */ (function () {
         function TabComponent() {
@@ -1487,7 +1487,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("id", ctx.id)("ngClass", i0__namespace.ɵɵpureFunction1(3, _c0$S, !ctx.selected));
+                i0__namespace.ɵɵproperty("id", ctx.id)("ngClass", i0__namespace.ɵɵpureFunction1(3, _c0$U, !ctx.selected));
                 i0__namespace.ɵɵattribute("aria-hidden", !ctx.selected);
             }
         }, directives: [i1__namespace.NgClass], styles: [".tabs-toggle[_ngcontent-%COMP%]{display:block;padding:10px 15px 3px;margin-bottom:8px}.tabs-toggle[aria-selected=true][_ngcontent-%COMP%]{color:#0b0c0c;text-decoration:none;border-bottom:none}.tabs-toggle[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:#005ea5}@media (max-width:640px){.tabs-list[_ngcontent-%COMP%]{border-bottom:1px solid #bfc1c3;margin-left:-15px;margin-right:-15px}.tabs-toggle[_ngcontent-%COMP%]{border-top:1px solid #bfc1c3}.tabs-toggle[_ngcontent-%COMP%]:focus{color:#0b0c0c;outline:none}}@media (min-width:641px){.tabs-panel[_ngcontent-%COMP%]{border-top:1px solid #bfc1c3;clear:both;overflow:hidden}.tabs-list[_ngcontent-%COMP%]{float:left}.tabs-list-item[_ngcontent-%COMP%]{float:left;position:relative;bottom:-1px;padding-top:10px}.tabs-toggle[_ngcontent-%COMP%]{background-color:#dee0e2;border:1px solid transparent;float:left;margin:0 6px 0 0;text-decoration:none}.tabs-toggle[_ngcontent-%COMP%]:visited{color:#005ea5}.tabs-toggle-selected[_ngcontent-%COMP%], .tabs-toggle[aria-selected=true][_ngcontent-%COMP%]{background-color:#fff;border-bottom:0;border-color:#bfc1c3;padding-bottom:11px;margin-bottom:0;color:#0b0c0c}}"] });
@@ -1510,7 +1510,7 @@
                 }] });
     })();
 
-    var _c0$R = ["tab"];
+    var _c0$T = ["tab"];
     var _c1$m = function () { return ["."]; };
     var _c2$3 = function (a0) { return { "tabs-toggle-selected": a0 }; };
     function TabsComponent_li_2_Template(rf, ctx) {
@@ -1564,7 +1564,7 @@
             }
         }, viewQuery: function TabsComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$R, 1);
+                i0__namespace.ɵɵviewQuery(_c0$T, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -1643,7 +1643,7 @@
             }], null, null);
     })();
 
-    var _c0$Q = function (a0, a1) { return { caseLocked: a0, someoneViewing: a1 }; };
+    var _c0$S = function (a0, a1) { return { caseLocked: a0, someoneViewing: a1 }; };
     var ActivityBannerComponent = /** @class */ (function () {
         function ActivityBannerComponent() {
         }
@@ -1664,7 +1664,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(4, _c0$Q, ctx.bannerType === "editor", ctx.bannerType === "viewer"));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(4, _c0$S, ctx.bannerType === "editor", ctx.bannerType === "viewer"));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵpropertyInterpolate("alt", ctx.description);
                 i0__namespace.ɵɵpropertyInterpolate("src", ctx.imageLink, i0__namespace.ɵɵsanitizeUrl);
@@ -3036,6 +3036,14 @@
             if (!field || !field.field_type || !field.field_type.type) {
                 return false;
             }
+            // Case link tab spacing alignment fix
+            // This Pipe needs to be re-visited
+            // to make it more generic to support and fix alignments issues for multiple tabs
+            if (field.field_type.collection_field_type &&
+                field.field_type.collection_field_type.id &&
+                field.field_type.collection_field_type.id === IsCompoundPipe.CASE_LINK_FIELD_TYPE) {
+                return true;
+            }
             if (IsCompoundPipe.COMPOUND_TYPES.indexOf(field.field_type.type) !== -1) {
                 if (IsCompoundPipe.EXCLUDE.indexOf(field.field_type.id) !== -1) {
                     return false;
@@ -3046,6 +3054,7 @@
         };
         return IsCompoundPipe;
     }());
+    IsCompoundPipe.CASE_LINK_FIELD_TYPE = 'CaseLink';
     IsCompoundPipe.COMPOUND_TYPES = [
         'Complex',
         'Label',
@@ -3910,6 +3919,12 @@
         FieldsUtils.isCollectionWithValue = function (pageFormFields) {
             return pageFormFields[0]['value'] !== undefined;
         };
+        FieldsUtils.isLinkedCasesCaseField = function (caseField) {
+            if (!caseField) {
+                return false;
+            }
+            return caseField.field_type.collection_field_type.id === 'CaseLink';
+        };
         FieldsUtils.cloneObject = function (obj) {
             return Object.assign({}, obj);
         };
@@ -4849,7 +4864,9 @@
         };
         AbstractFormFieldComponent.prototype.addControlToFormGroup = function (control, parent, replace) {
             if (replace) {
-                if (this.caseField.field_type && this.caseField.field_type.id === 'CaseLink' && this.caseField.field_type.type === 'Complex' && /^-?\d+$/.test(this.caseField.id)) {
+                if (this.caseField.field_type && this.caseField.field_type.collection_field_type
+                    && this.caseField.field_type.collection_field_type.id === 'CaseLink'
+                    && this.caseField.field_type.type === 'Complex' && /^-?\d+$/.test(this.caseField.id)) {
                     parent.setControl('CaseReference', control['controls']['CaseReference']);
                 }
                 else {
@@ -8432,6 +8449,34 @@
                 return rxjs.throwError(error);
             }), operators.finalize(function () { return _this.loadingService.unregister(loadingToken); }));
         };
+        /**
+         * TODO: Gets case link responses
+         * @returns case link responses
+         */
+        CasesService.prototype.getCaseLinkResponses = function () {
+            var _this = this;
+            var headers = new i1$2.HttpHeaders()
+                .set('experimental', 'true')
+                .set('Accept', CasesService.V2_MEDIATYPE_CASE_VIEW)
+                .set('Content-Type', 'application/json');
+            var loadingToken = this.loadingService.register();
+            return this.http
+                .get('assets/getCaseReasons.json', { headers: headers, observe: 'body' })
+                .pipe(operators.map(function (reasons) {
+                return reasons.sort(function (reasonA, reasonB) { return reasonA.value_en > reasonB.value_en ? 1 : -1; });
+            }), operators.catchError(function (error) {
+                _this.errorService.setError(error);
+                return rxjs.throwError(error);
+            }), operators.finalize(function () { return _this.loadingService.unregister(loadingToken); }));
+        };
+        CasesService.prototype.getLinkedCases = function (caseId) {
+            var url = this.appConfig.getCaseDataStoreApiUrl() + "/" + caseId;
+            return this.http
+                .get(url)
+                .pipe(operators.catchError(function (error) {
+                return rxjs.throwError(error);
+            }));
+        };
         CasesService.prototype.getEventTrigger = function (caseTypeId, eventTriggerId, caseId, ignoreWarning) {
             var _this = this;
             ignoreWarning = undefined !== ignoreWarning ? ignoreWarning : 'false';
@@ -9255,7 +9300,8 @@
                 .filter(function (caseField) { return !_this.isHidden(caseField, editForm); })
                 .every(function (caseField) {
                 var theControl = editForm.controls['data'].get(caseField.id);
-                return _this.checkDocumentField(caseField, theControl) && _this.checkOptionalField(caseField, theControl);
+                return _this.checkDocumentField(caseField, theControl) && _this.checkOptionalField(caseField, theControl) &&
+                    _this.checkCaseLinksCollectionField(caseField, theControl);
             });
         };
         PageValidationService.prototype.isHidden = function (caseField, editForm, path) {
@@ -9283,6 +9329,13 @@
         PageValidationService.prototype.checkMandatoryField = function (caseField, theControl) {
             return this.caseFieldService.isMandatory(caseField) && theControl === null;
         };
+        PageValidationService.prototype.checkCaseLinksCollectionField = function (caseField, theControl) {
+            if (caseField && caseField.id === 'caseLinks') {
+                return theControl && theControl.value && Array.isArray(theControl.value) &&
+                    theControl.value.length ? true : false;
+            }
+            return true;
+        };
         return PageValidationService;
     }());
     PageValidationService.ɵfac = function PageValidationService_Factory(t) { return new (t || PageValidationService)(i0__namespace.ɵɵinject(CaseFieldService)); };
@@ -9793,10 +9846,12 @@
         function CaseEditDataService() {
             this.title$ = new rxjs.BehaviorSubject(null);
             this.formValidationErrors$ = new rxjs.BehaviorSubject([]);
+            this.linkError$ = new rxjs.BehaviorSubject(null);
             this.eventTriggerName$ = new rxjs.BehaviorSubject(null);
             this.triggerSubmitEvent$ = new rxjs.BehaviorSubject(null);
             this.caseTitle$ = this.title$.asObservable();
             this.caseFormValidationErrors$ = this.formValidationErrors$.asObservable();
+            this.caseLinkError$ = this.linkError$.asObservable();
             this.caseEventTriggerName$ = this.eventTriggerName$.asObservable();
             this.caseTriggerSubmitEvent$ = this.triggerSubmitEvent$.asObservable();
         }
@@ -9806,12 +9861,18 @@
         CaseEditDataService.prototype.setCaseEventTriggerName = function (triggerName) {
             this.eventTriggerName$.next(triggerName);
         };
+        CaseEditDataService.prototype.setCaseLinkError = function (error) {
+            this.linkError$.next(error);
+        };
         CaseEditDataService.prototype.setFormValidationErrors = function (validationErrors) {
             this.formValidationErrors$.next(validationErrors);
         };
         CaseEditDataService.prototype.clearFormValidationErrors = function () {
             this.formValidationErrors$.next([]);
         };
+        CaseEditDataService.prototype.clearCaseLinkError = function () {
+            this.linkError$.next(null);
+        };
         CaseEditDataService.prototype.addFormValidationError = function (validationError) {
             this.formValidationErrors$.next(this.formValidationErrors$.getValue().concat([validationError]));
         };
@@ -10233,18 +10294,27 @@
                         _this.caseEditDataService.addFormValidationError({ id: id_1, message: label + " exceeds the maximum length" });
                         fieldElement.markAsDirty();
                     }
+                    else if (_this.caseLinkError && FieldsUtils.isLinkedCasesCaseField(casefield)) {
+                        _this.validationErrors.push({ id: _this.caseLinkError.componentId, message: _this.caseLinkError.errorMessage });
+                    }
                     else if (fieldElement.invalid) {
                         if (casefield.isComplex()) {
                             _this.generateErrorMessage(casefield.field_type.complex_fields, fieldElement, id_1);
                         }
                         else if (casefield.isCollection() && casefield.field_type.collection_field_type.type === 'Complex') {
-                            var fieldArray = fieldElement;
-                            if (fieldArray['component'] && fieldArray['component']['collItems'] && fieldArray['component']['collItems'].length > 0) {
-                                id_1 = "" + fieldArray['component']['collItems'][0].prefix;
+                            if (_this.caseLinkError && FieldsUtils.isLinkedCasesCaseField(casefield)) {
+                                _this.caseEditDataService.addFormValidationError({ id: _this.caseLinkError.componentId, message: _this.caseLinkError.errorMessage });
+                                // this.validationErrors.push({ id: this.caseLinkError.componentId, message: this.caseLinkError.errorMessage });
+                            }
+                            else {
+                                var fieldArray = fieldElement;
+                                if (fieldArray['component'] && fieldArray['component']['collItems'] && fieldArray['component']['collItems'].length > 0) {
+                                    id_1 = "" + fieldArray['component']['collItems'][0].prefix;
+                                }
+                                fieldArray.controls.forEach(function (c) {
+                                    _this.generateErrorMessage(casefield.field_type.collection_field_type.complex_fields, c.get('value'), id_1);
+                                });
                             }
-                            fieldArray.controls.forEach(function (c) {
-                                _this.generateErrorMessage(casefield.field_type.collection_field_type.complex_fields, c.get('value'), id_1);
-                            });
                         }
                         else if (FieldsUtils.isFlagLauncherCaseField(casefield)) {
                             // Check whether the case field DisplayContextParameter is signalling "create" mode or "update" mode
@@ -10330,12 +10400,35 @@
             return this.wizard.findWizardPage(caseFieldId);
         };
         CaseEditPageComponent.prototype.updateEventTriggerCaseFields = function (caseFieldId, jsonData, eventTrigger) {
-            if (eventTrigger.case_fields) {
+            var _this = this;
+            if (eventTrigger === null || eventTrigger === void 0 ? void 0 : eventTrigger.case_fields) {
                 eventTrigger.case_fields
                     .filter(function (element) { return element.id === caseFieldId; })
-                    .forEach(function (element) { return element.value = jsonData.data[caseFieldId]; });
+                    .forEach(function (element) {
+                    if (_this.isAnObject(element.value)) {
+                        var updatedJsonDataObject = _this.updateJsonDataObject(caseFieldId, jsonData, element);
+                        element.value = Object.assign(Object.assign({}, element.value), updatedJsonDataObject);
+                    }
+                    else {
+                        element.value = jsonData.data[caseFieldId];
+                    }
+                });
             }
         };
+        CaseEditPageComponent.prototype.updateJsonDataObject = function (caseFieldId, jsonData, element) {
+            var _this = this;
+            return Object.keys(jsonData.data[caseFieldId]).reduce(function (acc, key) {
+                var _a;
+                var elementValue = element.value[key];
+                var jsonDataValue = jsonData.data[caseFieldId][key];
+                var hasElementGotValueProperty = _this.isAnObject(elementValue) && elementValue.value !== undefined;
+                var jsonDataOrElementValue = (jsonDataValue === null || jsonDataValue === void 0 ? void 0 : jsonDataValue.value) !== null && (jsonDataValue === null || jsonDataValue === void 0 ? void 0 : jsonDataValue.value) !== undefined ? jsonDataValue : elementValue;
+                return Object.assign(Object.assign({}, acc), (_a = {}, _a["" + key] = hasElementGotValueProperty ? jsonDataOrElementValue : jsonDataValue, _a));
+            }, {});
+        };
+        CaseEditPageComponent.prototype.isAnObject = function (property) {
+            return typeof property === 'object' && !Array.isArray(property) && property !== null;
+        };
         CaseEditPageComponent.prototype.updateFormControlsValue = function (formGroup, caseFieldId, value) {
             var theControl = formGroup.controls['data'].get(caseFieldId);
             if (theControl && theControl['status'] !== 'DISABLED') {
@@ -10511,6 +10604,7 @@
         CaseEditPageComponent.prototype.syncCaseEditDataService = function () {
             var _this = this;
             this.caseEditDataService.setCaseEventTriggerName(this.eventTrigger.name);
+            this.caseEditDataService.setCaseLinkError(this.caseLinkError);
             this.caseEditDataService.setCaseTitle(this.getCaseTitle());
             this.caseEditDataService.caseFormValidationErrors$.subscribe({
                 next: function (validationErrors) { return _this.validationErrors = validationErrors; }
@@ -11038,6 +11132,10 @@
         };
         ReadFieldsFilterPipe.keepField = function (field, value, ignoreLabels) {
             if (ignoreLabels === void 0) { ignoreLabels = false; }
+            // We should always render the caselinks tables from and to regardless whether it has valid value or not
+            if (field.id === 'caseLinks') {
+                return true;
+            }
             // We shouldn't ditch labels.
             if (!ignoreLabels && field.field_type.type === 'Label' && (field.label || '').length > 0) {
                 return true;
@@ -11325,6 +11423,163 @@
             }], null, null);
     })();
 
+    var LinkedCasesService = /** @class */ (function () {
+        function LinkedCasesService(jurisdictionService, searchService) {
+            var _this = this;
+            this.jurisdictionService = jurisdictionService;
+            this.searchService = searchService;
+            this.caseFieldValue = [];
+            this.isLinkedCasesEventTrigger = false;
+            this.linkCaseReasons = [];
+            this.linkedCases = [];
+            this.initialCaseLinks = [];
+            this.editMode = false;
+            this.jurisdictionsResponse = [];
+            this.serverError = null;
+            this.serverLinkedApiError = null;
+            this.isServerReasonCodeError = false;
+            this.caseJurisdictionID = null;
+            this.groupLinkedCasesByCaseType = function (arrObj, key) {
+                return arrObj.reduce(function (rv, x) {
+                    (rv[x.value[key]] = rv[x.value[key]] || []).push(x.value['CaseReference']);
+                    return rv;
+                }, {});
+            };
+            this.jurisdictionService.getJurisdictions().subscribe(function (jurisdictions) {
+                _this.jurisdictionsResponse = jurisdictions;
+            }, function (error) {
+                _this.serverJurisdictionError = true;
+            });
+        }
+        LinkedCasesService.prototype.constructElasticSearchQuery = function (caseIds, size) {
+            return {
+                query: {
+                    terms: {
+                        reference: caseIds,
+                    },
+                },
+                size: size,
+            };
+        };
+        LinkedCasesService.prototype.mapResponse = function (esSearchCasesResponse) {
+            var caseInfo = this.caseFieldValue.find(function (item) { return item.value && item.value.CaseReference === esSearchCasesResponse.case_id; });
+            return caseInfo && {
+                caseReference: esSearchCasesResponse.case_id,
+                caseName: esSearchCasesResponse.case_fields.caseNameHmctsInternal || LinkedCasesService.CASE_NAME_MISSING_TEXT,
+                caseType: this.mapLookupIDToValueFromJurisdictions('CASE_TYPE', esSearchCasesResponse.case_fields['[CASE_TYPE]']),
+                service: this.mapLookupIDToValueFromJurisdictions('JURISDICTION', esSearchCasesResponse.case_fields['[JURISDICTION]']),
+                state: this.mapLookupIDToValueFromJurisdictions('STATE', esSearchCasesResponse.case_fields['[STATE]']),
+                reasons: caseInfo.value && caseInfo.value.ReasonForLink &&
+                    caseInfo.value.ReasonForLink.map(function (reason) { return reason.value && reason.value.Reason; }),
+            };
+        };
+        LinkedCasesService.prototype.searchCasesByCaseIds = function (searchCasesResponse) {
+            return rxjs.forkJoin(searchCasesResponse);
+        };
+        LinkedCasesService.prototype.getAllLinkedCaseInformation = function () {
+            var _this = this;
+            var searchCasesResponse = [];
+            var linkedCaseIds = this.groupLinkedCasesByCaseType(this.caseFieldValue, 'CaseType');
+            Object.keys(linkedCaseIds).forEach(function (key) {
+                var esQuery = _this.constructElasticSearchQuery(linkedCaseIds[key], 100);
+                var query = _this.searchService.searchCasesByIds(key, esQuery, SearchService.VIEW_WORKBASKET);
+                searchCasesResponse.push(query);
+            });
+            if (searchCasesResponse.length) {
+                this.searchCasesByCaseIds(searchCasesResponse).subscribe(function (searchCases) {
+                    var casesResponse = [];
+                    searchCases.forEach(function (response) {
+                        response.results.forEach(function (result) {
+                            casesResponse.push(_this.mapResponse(result));
+                        });
+                    });
+                    var caseLinks = casesResponse.map(function (item) {
+                        return {
+                            caseReference: item.caseReference,
+                            caseName: item.caseName,
+                            caseService: item.service,
+                            caseType: item.caseType,
+                            unlink: false,
+                            reasons: item.reasons && item.reasons.map(function (reason) {
+                                return {
+                                    reasonCode: reason
+                                };
+                            }),
+                        };
+                    });
+                    _this.linkedCases = caseLinks;
+                    _this.serverLinkedApiError = null;
+                }, function (err) {
+                    _this.serverLinkedApiError = {
+                        id: 'backendError', message: 'Some case information is not available at the moment'
+                    };
+                });
+            }
+        };
+        LinkedCasesService.prototype.mapLookupIDToValueFromJurisdictions = function (fieldName, fieldValue) {
+            var _this = this;
+            var selectedJurisdiction = this.jurisdictionsResponse &&
+                this.jurisdictionsResponse.find(function (item) { return item.id === _this.caseDetails.case_type.jurisdiction.id; });
+            var selectedCaseType = selectedJurisdiction && selectedJurisdiction.caseTypes.find(function (item) { return item.id === _this.caseDetails.case_type.id; });
+            var state = selectedCaseType && selectedCaseType.states.find(function (item) { return item.id === fieldValue; });
+            switch (fieldName) {
+                case 'JURISDICTION':
+                    return selectedJurisdiction && selectedJurisdiction.description;
+                case 'CASE_TYPE':
+                    return selectedCaseType && selectedCaseType.name;
+                case 'CASE_TYPE_DESCRIPTION':
+                    return selectedCaseType && selectedCaseType.description;
+                case 'STATE':
+                    return state && state.name || fieldValue;
+                case 'STATE_DESCRIPTION':
+                    return state && state.description || fieldValue;
+                default:
+                    break;
+            }
+        };
+        LinkedCasesService.prototype.getCaseName = function (searchCasesResponse) {
+            var caseName = LinkedCasesService.CASE_NAME_MISSING_TEXT;
+            var tabs = searchCasesResponse.tabs.filter(function (tab) {
+                var caseNameHmctsInternalField = tab.fields.find(function (field) { return field.id === 'caseNameHmctsInternal'; });
+                if (caseNameHmctsInternalField) {
+                    caseName = caseNameHmctsInternalField.value;
+                }
+            });
+            return caseName;
+        };
+        return LinkedCasesService;
+    }());
+    LinkedCasesService.CASE_NAME_MISSING_TEXT = 'Case name missing';
+    LinkedCasesService.ɵfac = function LinkedCasesService_Factory(t) { return new (t || LinkedCasesService)(i0__namespace.ɵɵinject(JurisdictionService), i0__namespace.ɵɵinject(SearchService)); };
+    LinkedCasesService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: LinkedCasesService, factory: LinkedCasesService.ɵfac });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LinkedCasesService, [{
+                type: i0.Injectable
+            }], function () { return [{ type: JurisdictionService }, { type: SearchService }]; }, null);
+    })();
+
+    var LinkCasesReasonValuePipe = /** @class */ (function () {
+        function LinkCasesReasonValuePipe(linkedCasesService) {
+            this.linkedCasesService = linkedCasesService;
+        }
+        LinkCasesReasonValuePipe.prototype.transform = function (reasonCode) {
+            var reasonCodeMapping = this.linkedCasesService.linkCaseReasons &&
+                this.linkedCasesService.linkCaseReasons.find(function (reason) { return reason.key === reasonCode; });
+            return reasonCodeMapping && reasonCodeMapping.value_en;
+        };
+        return LinkCasesReasonValuePipe;
+    }());
+    LinkCasesReasonValuePipe.ɵfac = function LinkCasesReasonValuePipe_Factory(t) { return new (t || LinkCasesReasonValuePipe)(i0__namespace.ɵɵdirectiveInject(LinkedCasesService)); };
+    LinkCasesReasonValuePipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdLinkCasesReasonValue", type: LinkCasesReasonValuePipe, pure: true });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LinkCasesReasonValuePipe, [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'ccdLinkCasesReasonValue'
+                    }]
+            }], function () { return [{ type: LinkedCasesService }]; }, null);
+    })();
+
     var SortOrder;
     (function (SortOrder) {
         SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
@@ -11365,7 +11620,8 @@
         CcdCYAPageLabelFilterPipe,
         ReadFieldsFilterPipe,
         CcdTabFieldsPipe,
-        CcdPageFieldsPipe
+        CcdPageFieldsPipe,
+        LinkCasesReasonValuePipe
     ];
     var PipesModule = /** @class */ (function () {
         function PipesModule() {
@@ -11385,14 +11641,16 @@
                 CcdCYAPageLabelFilterPipe,
                 ReadFieldsFilterPipe,
                 CcdTabFieldsPipe,
-                CcdPageFieldsPipe], imports: [i1.CommonModule], exports: [CaseReferencePipe,
+                CcdPageFieldsPipe,
+                LinkCasesReasonValuePipe], imports: [i1.CommonModule], exports: [CaseReferencePipe,
                 SortSearchResultPipe,
                 CcdCaseTitlePipe,
                 CcdCollectionTableCaseFieldsFilterPipe,
                 CcdCYAPageLabelFilterPipe,
                 ReadFieldsFilterPipe,
                 CcdTabFieldsPipe,
-                CcdPageFieldsPipe] });
+                CcdPageFieldsPipe,
+                LinkCasesReasonValuePipe] });
     })();
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PipesModule, [{
@@ -11452,7 +11710,7 @@
         return AddressOption;
     }());
 
-    var _c0$P = ["writeComplexFieldComponent"];
+    var _c0$R = ["writeComplexFieldComponent"];
     function WriteAddressFieldComponent_div_1_div_4_span_4_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 14);
@@ -11666,7 +11924,7 @@
     WriteAddressFieldComponent.ɵfac = function WriteAddressFieldComponent_Factory(t) { return new (t || WriteAddressFieldComponent)(i0__namespace.ɵɵdirectiveInject(AddressesService), i0__namespace.ɵɵdirectiveInject(IsCompoundPipe)); };
     WriteAddressFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteAddressFieldComponent, selectors: [["ccd-write-address-field"]], viewQuery: function WriteAddressFieldComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$P, 1);
+                i0__namespace.ɵɵviewQuery(_c0$R, 1);
                 i0__namespace.ɵɵviewQuery(FocusElementDirective, 1);
             }
             if (rf & 2) {
@@ -12326,7 +12584,7 @@
             i0__namespace.ɵɵproperty("formGroup", ctx_r10.caseFlagParentFormGroup)("optional", ctx_r10.flagCommentsOptional);
         }
     }
-    var _c0$O = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$Q = function (a0) { return { "form-group-error": a0 }; };
     function WriteCaseFlagFieldComponent_div_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 8);
@@ -12347,7 +12605,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngSwitch", ctx_r1.fieldState);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$O, ctx_r1.errorMessages.length > 0));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$Q, ctx_r1.errorMessages.length > 0));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.createFlagCaption, " ");
             i0__namespace.ɵɵadvance(1);
@@ -12733,8 +12991,8 @@
 
     function ReadCaseLinkFieldComponent_a_0_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "a", 1);
-            i0__namespace.ɵɵelementStart(1, "span", 2);
+            i0__namespace.ɵɵelementStart(0, "a", 2);
+            i0__namespace.ɵɵelementStart(1, "span", 3);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "ccdCaseReference");
             i0__namespace.ɵɵelementEnd();
@@ -12747,38 +13005,60 @@
             i0__namespace.ɵɵtextInterpolate(ctx_r0.caseField.value.CaseReference ? i0__namespace.ɵɵpipeBind1(3, 2, ctx_r0.caseField.value.CaseReference) : "");
         }
     }
+    function ReadCaseLinkFieldComponent_ng_container_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelement(1, "ccd-read-linked-cases", 4);
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("caseField", ctx_r1.caseField);
+        }
+    }
     var ReadCaseLinkFieldComponent = /** @class */ (function (_super) {
         __extends(ReadCaseLinkFieldComponent, _super);
         function ReadCaseLinkFieldComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.paletteContext = exports.PaletteContext;
+            return _this;
         }
         ReadCaseLinkFieldComponent.prototype.hasReference = function () {
             return this.caseField.value && this.caseField.value.CaseReference;
         };
+        ReadCaseLinkFieldComponent.prototype.hasCaseLinkCollection = function () {
+            return (this.caseField.field_type &&
+                this.caseField.field_type.type === 'Collection' &&
+                this.caseField.field_type.collection_field_type.id === 'CaseLink');
+        };
         return ReadCaseLinkFieldComponent;
     }(AbstractFieldReadComponent));
     ReadCaseLinkFieldComponent.ɵfac = function ReadCaseLinkFieldComponent_Factory(t) { return ɵReadCaseLinkFieldComponent_BaseFactory(t || ReadCaseLinkFieldComponent); };
-    ReadCaseLinkFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadCaseLinkFieldComponent, selectors: [["ccd-read-case-link-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["target", "_blank", 3, "href", 4, "ngIf"], ["target", "_blank", 3, "href"], [1, "text-16"]], template: function ReadCaseLinkFieldComponent_Template(rf, ctx) {
+    ReadCaseLinkFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadCaseLinkFieldComponent, selectors: [["ccd-read-case-link-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["target", "_blank", 3, "href", 4, "ngIf"], [4, "ngIf"], ["target", "_blank", 3, "href"], [1, "text-16"], [3, "caseField"]], template: function ReadCaseLinkFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, ReadCaseLinkFieldComponent_a_0_Template, 4, 4, "a", 0);
+                i0__namespace.ɵɵtemplate(1, ReadCaseLinkFieldComponent_ng_container_1_Template, 2, 1, "ng-container", 1);
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.hasReference());
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", ctx.hasCaseLinkCollection());
             }
-        }, directives: [i1__namespace.NgIf], pipes: [CaseReferencePipe], encapsulation: 2 });
+        }, encapsulation: 2 });
     var ɵReadCaseLinkFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(ReadCaseLinkFieldComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ReadCaseLinkFieldComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'ccd-read-case-link-field',
-                        templateUrl: 'read-case-link-field.html'
+                        templateUrl: 'read-case-link-field.html',
                     }]
             }], null, null);
     })();
 
-    var _c0$N = ["writeComplexFieldComponent"];
-    function WriteCaseLinkFieldComponent_span_2_Template(rf, ctx) {
+    var _c0$P = ["writeComplexFieldComponent"];
+    function WriteCaseLinkFieldComponent_div_1_span_2_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 6);
             i0__namespace.ɵɵtext(1);
@@ -12786,56 +13066,77 @@
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, ctx_r0.caseField));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, ctx_r2.caseField));
         }
     }
-    function WriteCaseLinkFieldComponent_span_3_Template(rf, ctx) {
+    function WriteCaseLinkFieldComponent_div_1_span_3_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 7);
             i0__namespace.ɵɵtext(1);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            var ctx_r3 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(ctx_r1.caseField.hint_text);
+            i0__namespace.ɵɵtextInterpolate(ctx_r3.caseField.hint_text);
         }
     }
-    function WriteCaseLinkFieldComponent_span_4_Template(rf, ctx) {
+    function WriteCaseLinkFieldComponent_div_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "span", 8);
-            i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵpipe(2, "ccdFirstError");
+            i0__namespace.ɵɵelementStart(0, "div", 1);
+            i0__namespace.ɵɵelementStart(1, "label", 2);
+            i0__namespace.ɵɵtemplate(2, WriteCaseLinkFieldComponent_div_1_span_2_Template, 3, 3, "span", 3);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(3, WriteCaseLinkFieldComponent_div_1_span_3_Template, 2, 1, "span", 4);
+            i0__namespace.ɵɵelement(4, "input", 5);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r2 = i0__namespace.ɵɵnextContext();
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("for", ctx_r0.id());
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r0.caseField.label);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r0.caseField.hint_text);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.caseReferenceControl.errors, ctx_r2.caseField.label));
+            i0__namespace.ɵɵproperty("id", ctx_r0.id())("formControl", ctx_r0.caseReferenceControl);
+        }
+    }
+    function WriteCaseLinkFieldComponent_div_2_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r5_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div", 1);
+            i0__namespace.ɵɵelementStart(1, "ccd-write-linked-cases", 8);
+            i0__namespace.ɵɵlistener("onLinkedCasesSelected", function WriteCaseLinkFieldComponent_div_2_Template_ccd_write_linked_cases_onLinkedCasesSelected_1_listener() { i0__namespace.ɵɵrestoreView(_r5_1); var ctx_r4 = i0__namespace.ɵɵnextContext(); return ctx_r4.submitLinkedCases(); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("caseFields", ctx_r1.caseFields)("caseField", ctx_r1.caseField)("formGroup", ctx_r1.formGroup)("isLinkedCasesJourney", ctx_r1.linkedCasesService.isLinkedCasesEventTrigger);
         }
     }
-    var _c1$k = function (a0) { return { "form-group-error": a0 }; };
     var WriteCaseLinkFieldComponent = /** @class */ (function (_super) {
         __extends(WriteCaseLinkFieldComponent, _super);
-        function WriteCaseLinkFieldComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
+        function WriteCaseLinkFieldComponent(linkedCasesService) {
+            var _this = _super.call(this) || this;
+            _this.linkedCasesService = linkedCasesService;
+            _this.caseFields = [];
+            return _this;
         }
         WriteCaseLinkFieldComponent.prototype.ngOnInit = function () {
             var e_1, _a;
-            if (this.caseField.value) {
+            this.formArray = this.registerControl(new i2.FormArray([]), true);
+            this.formArray['caseField'] = this.caseField;
+            if (!this.hasCaseLinkCollection()) {
                 this.caseLinkGroup = this.registerControl(new i2.FormGroup({
                     CaseReference: new i2.FormControl(this.caseField.value.CaseReference, i2.Validators.required),
                 }), true);
             }
-            else {
-                this.caseLinkGroup = this.registerControl(new i2.FormGroup({
-                    CaseReference: new i2.FormControl(null, i2.Validators.required),
-                }), true);
-            }
-            this.caseReferenceControl = this.caseLinkGroup.controls['CaseReference'];
-            this.caseReferenceControl.setValidators(this.caseReferenceValidator());
             // Ensure that all sub-fields inherit the same value for retain_hidden_value as this parent; although a CaseLink
             // field uses the Complex type, it is meant to be treated as one field
             if (this.caseField && this.caseField.field_type.type === 'Complex') {
@@ -12853,23 +13154,18 @@
                     finally { if (e_1) throw e_1.error; }
                 }
             }
+            this.containsCaseLinkCollection = this.hasCaseLinkCollection();
         };
-        WriteCaseLinkFieldComponent.prototype.caseReferenceValidator = function () {
-            var _this = this;
-            return function (control) {
-                if (control.value) {
-                    if (_this.validCaseReference(control.value)) {
-                        return null;
-                    }
-                    return { error: 'Please use a valid 16 Digit Case Reference' };
-                }
-                else {
-                    if (control.touched) {
-                        return { error: 'Please use a valid 16 Digit Case Reference' };
-                    }
-                }
-                return null;
-            };
+        WriteCaseLinkFieldComponent.prototype.submitLinkedCases = function () {
+            var formGroup = this.formGroup;
+            if (!this.linkedCasesService.isLinkedCasesEventTrigger) {
+                var unlinkedCaseRefereneIds_1 = this.linkedCasesService.linkedCases.filter(function (item) { return item.unlink; }).map(function (item) { return item.caseReference; });
+                this.formGroup.value.caseLinks = this.linkedCasesService.caseFieldValue
+                    .filter(function (item) { return unlinkedCaseRefereneIds_1.indexOf(item.id) === -1; });
+            }
+            else if (formGroup.value && formGroup.value.caseLinks && this.linkedCasesService.linkedCases) {
+                this.formGroup.value.caseLinks = this.linkedCasesService.caseFieldValue;
+            }
         };
         WriteCaseLinkFieldComponent.prototype.validCaseReference = function (valueString) {
             if (!valueString) {
@@ -12877,43 +13173,36 @@
             }
             return new RegExp('^\\b\\d{4}[ -]?\\d{4}[ -]?\\d{4}[ -]?\\d{4}\\b$').test(valueString.trim());
         };
+        WriteCaseLinkFieldComponent.prototype.hasCaseLinkCollection = function () {
+            return (this.caseField.field_type &&
+                this.caseField.field_type.type === 'Collection' &&
+                this.caseField.field_type.collection_field_type.id === 'CaseLink');
+        };
         return WriteCaseLinkFieldComponent;
     }(AbstractFieldWriteComponent));
-    WriteCaseLinkFieldComponent.ɵfac = function WriteCaseLinkFieldComponent_Factory(t) { return ɵWriteCaseLinkFieldComponent_BaseFactory(t || WriteCaseLinkFieldComponent); };
+    WriteCaseLinkFieldComponent.ɵfac = function WriteCaseLinkFieldComponent_Factory(t) { return new (t || WriteCaseLinkFieldComponent)(i0__namespace.ɵɵdirectiveInject(LinkedCasesService)); };
     WriteCaseLinkFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteCaseLinkFieldComponent, selectors: [["ccd-write-case-link-field"]], viewQuery: function WriteCaseLinkFieldComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$N, 1);
+                i0__namespace.ɵɵviewQuery(_c0$P, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
                 i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.writeComplexFieldComponent = _t.first);
             }
-        }, features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 6, vars: 9, consts: [[1, "form-group", 3, "ngClass"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], ["type", "text", 1, "form-control", "bottom-30", 3, "id", "formControl"], [1, "form-label"], [1, "form-hint"], [1, "error-message"]], template: function WriteCaseLinkFieldComponent_Template(rf, ctx) {
+        }, inputs: { caseFields: "caseFields", formGroup: "formGroup" }, features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [["class", "form-group", 4, "ngIf"], [1, "form-group"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["type", "text", 1, "form-control", "bottom-30", 3, "id", "formControl"], [1, "form-label"], [1, "form-hint"], [3, "caseFields", "caseField", "formGroup", "isLinkedCasesJourney", "onLinkedCasesSelected"]], template: function WriteCaseLinkFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "div", 0);
-                i0__namespace.ɵɵelementStart(1, "label", 1);
-                i0__namespace.ɵɵtemplate(2, WriteCaseLinkFieldComponent_span_2_Template, 3, 3, "span", 2);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(3, WriteCaseLinkFieldComponent_span_3_Template, 2, 1, "span", 3);
-                i0__namespace.ɵɵtemplate(4, WriteCaseLinkFieldComponent_span_4_Template, 3, 4, "span", 4);
-                i0__namespace.ɵɵelement(5, "input", 5);
-                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementContainerStart(0);
+                i0__namespace.ɵɵtemplate(1, WriteCaseLinkFieldComponent_div_1_Template, 5, 5, "div", 0);
+                i0__namespace.ɵɵtemplate(2, WriteCaseLinkFieldComponent_div_2_Template, 2, 4, "div", 0);
+                i0__namespace.ɵɵelementContainerEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$k, !ctx.caseReferenceControl.valid && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.touched)));
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("for", ctx.id());
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", ctx.caseField.label);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", ctx.caseField.hint_text);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", ctx.caseReferenceControl.errors && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.touched));
+                i0__namespace.ɵɵproperty("ngIf", !ctx.containsCaseLinkCollection);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("id", ctx.id())("formControl", ctx.caseReferenceControl);
+                i0__namespace.ɵɵproperty("ngIf", ctx.containsCaseLinkCollection);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
-    var ɵWriteCaseLinkFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteCaseLinkFieldComponent);
+        }, encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteCaseLinkFieldComponent, [{
                 type: i0.Component,
@@ -12921,13 +13210,17 @@
                         selector: 'ccd-write-case-link-field',
                         templateUrl: 'write-case-link-field.html'
                     }]
-            }], null, { writeComplexFieldComponent: [{
+            }], function () { return [{ type: LinkedCasesService }]; }, { caseFields: [{
+                    type: i0.Input
+                }], formGroup: [{
+                    type: i0.Input
+                }], writeComplexFieldComponent: [{
                     type: i0.ViewChild,
-                    args: ['writeComplexFieldComponent']
+                    args: ['writeComplexFieldComponent', /* TODO: add static flag */ {}]
                 }] });
     })();
 
-    var _c0$M = function (a0, a1, a2, a3, a4, a5) { return { id: a0, label: a1, field_type: a2, display_context_parameter: a3, value: a4, hidden: a5 }; };
+    var _c0$O = function (a0, a1, a2, a3, a4, a5) { return { id: a0, label: a1, field_type: a2, display_context_parameter: a3, value: a4, hidden: a5 }; };
     function ReadCollectionFieldComponent_table_0_tbody_2_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tbody");
@@ -12942,10 +13235,10 @@
         if (rf & 2) {
             var ctx_r1 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction6(3, _c0$M, ctx_r1.caseField.label, ctx_r1.caseField.label, ctx_r1.caseField.field_type.collection_field_type, ctx_r1.caseField.display_context_parameter, ctx_r1.caseField.value, ctx_r1.caseField.hidden))("context", ctx_r1.context)("topLevelFormGroup", ctx_r1.topLevelFormGroup);
+            i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction6(3, _c0$O, ctx_r1.caseField.label, ctx_r1.caseField.label, ctx_r1.caseField.field_type.collection_field_type, ctx_r1.caseField.display_context_parameter, ctx_r1.caseField.value, ctx_r1.caseField.hidden))("context", ctx_r1.context)("topLevelFormGroup", ctx_r1.topLevelFormGroup);
         }
     }
-    var _c1$j = function (a0, a1, a2, a3, a4) { return { id: a0, label: a1, field_type: a2, value: a3, hidden: a4 }; };
+    var _c1$k = function (a0, a1, a2, a3, a4) { return { id: a0, label: a1, field_type: a2, value: a3, hidden: a4 }; };
     function ReadCollectionFieldComponent_table_0_tbody_3_tr_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tr");
@@ -12959,7 +13252,7 @@
             var i_r5 = ctx.index;
             var ctx_r3 = i0__namespace.ɵɵnextContext(3);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction5(4, _c1$j, i_r5, ctx_r3.caseField.label + " " + (i_r5 + 1), ctx_r3.caseField.field_type.collection_field_type, item_r4.value, ctx_r3.caseField.hidden))("context", ctx_r3.context)("topLevelFormGroup", ctx_r3.topLevelFormGroup)("idPrefix", ctx_r3.buildIdPrefix(i_r5));
+            i0__namespace.ɵɵproperty("caseField", i0__namespace.ɵɵpureFunction5(4, _c1$k, i_r5, ctx_r3.caseField.label + " " + (i_r5 + 1), ctx_r3.caseField.field_type.collection_field_type, item_r4.value, ctx_r3.caseField.hidden))("context", ctx_r3.context)("topLevelFormGroup", ctx_r3.topLevelFormGroup)("idPrefix", ctx_r3.buildIdPrefix(i_r5));
         }
     }
     function ReadCollectionFieldComponent_table_0_tbody_3_Template(rf, ctx) {
@@ -13093,7 +13386,7 @@
             }], function () { return [{ type: i1__namespace$3.MatDialogRef }]; }, null);
     })();
 
-    var _c0$L = ["collectionItem"];
+    var _c0$N = ["collectionItem"];
     function WriteCollectionFieldComponent_h2_7_span_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 9);
@@ -13506,7 +13799,7 @@
     WriteCollectionFieldComponent.ɵfac = function WriteCollectionFieldComponent_Factory(t) { return new (t || WriteCollectionFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialog), i0__namespace.ɵɵdirectiveInject(i2__namespace$1.ScrollToService), i0__namespace.ɵɵdirectiveInject(ProfileNotifier)); };
     WriteCollectionFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteCollectionFieldComponent, selectors: [["ccd-write-collection-field"]], viewQuery: function WriteCollectionFieldComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$L, 1);
+                i0__namespace.ɵɵviewQuery(_c0$N, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -14094,7 +14387,7 @@
             }], null, null);
     })();
 
-    var _c0$K = ["fileInput"];
+    var _c0$M = ["fileInput"];
     function WriteDocumentFieldComponent_span_6_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 12);
@@ -14128,7 +14421,7 @@
             i0__namespace.ɵɵproperty("caseField", ctx_r2.caseField);
         }
     }
-    var _c1$i = function (a0) { return { "form-group-error bottom-30": a0 }; };
+    var _c1$j = function (a0) { return { "form-group-error bottom-30": a0 }; };
     var WriteDocumentFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDocumentFieldComponent, _super);
         function WriteDocumentFieldComponent(appConfig, caseNotifier, documentManagement, dialog, fileUploadStateService) {
@@ -14388,7 +14681,7 @@
     WriteDocumentFieldComponent.ɵfac = function WriteDocumentFieldComponent_Factory(t) { return new (t || WriteDocumentFieldComponent)(i0__namespace.ɵɵdirectiveInject(AbstractAppConfig), i0__namespace.ɵɵdirectiveInject(CaseNotifier), i0__namespace.ɵɵdirectiveInject(DocumentManagementService), i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialog), i0__namespace.ɵɵdirectiveInject(FileUploadStateService)); };
     WriteDocumentFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteDocumentFieldComponent, selectors: [["ccd-write-document-field"]], viewQuery: function WriteDocumentFieldComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$K, 1);
+                i0__namespace.ɵɵviewQuery(_c0$M, 1);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -14430,7 +14723,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(15, _c1$i, !ctx.valid));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(15, _c1$j, !ctx.valid));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -14588,7 +14881,7 @@
             i0__namespace.ɵɵtextInterpolate(type_r5.label);
         }
     }
-    var _c0$J = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$L = function (a0) { return { "form-group-error": a0 }; };
     var WriteDynamicListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDynamicListFieldComponent, _super);
         function WriteDynamicListFieldComponent() {
@@ -14637,7 +14930,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c0$J, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c0$L, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -14787,7 +15080,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, ctx_r3.dynamicRadioListControl.errors));
         }
     }
-    var _c0$I = function (a0) { return { selected: a0 }; };
+    var _c0$K = function (a0) { return { selected: a0 }; };
     function WriteDynamicRadioListFieldComponent_div_9_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 10);
@@ -14800,7 +15093,7 @@
         if (rf & 2) {
             var radioButton_r5 = ctx.$implicit;
             var ctx_r4 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$I, ctx_r4.dynamicRadioListControl.value === radioButton_r5.code));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$K, ctx_r4.dynamicRadioListControl.value === radioButton_r5.code));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵpropertyInterpolate("name", ctx_r4.id());
             i0__namespace.ɵɵproperty("id", ctx_r4.buildElementId(radioButton_r5.code))("formControl", ctx_r4.dynamicRadioListControl)("value", radioButton_r5.code);
@@ -14810,7 +15103,7 @@
             i0__namespace.ɵɵtextInterpolate(radioButton_r5.label);
         }
     }
-    var _c1$h = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$i = function (a0) { return { "form-group-error": a0 }; };
     var WriteDynamicRadioListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDynamicRadioListFieldComponent, _super);
         function WriteDynamicRadioListFieldComponent() {
@@ -14858,7 +15151,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c1$h, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c1$i, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -14965,8 +15258,8 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.emailControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$H = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$g = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c0$J = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$h = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteEmailFieldComponent = /** @class */ (function (_super) {
         __extends(WriteEmailFieldComponent, _super);
         function WriteEmailFieldComponent() {
@@ -14990,7 +15283,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$H, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$J, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -15000,7 +15293,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$g, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$h, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteEmailFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteEmailFieldComponent);
@@ -15122,7 +15415,7 @@
             i0__namespace.ɵɵtextInterpolate(type_r4.label);
         }
     }
-    var _c0$G = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$I = function (a0) { return { "form-group-error": a0 }; };
     var WriteFixedListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteFixedListFieldComponent, _super);
         function WriteFixedListFieldComponent() {
@@ -15171,7 +15464,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$G, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$I, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -15289,7 +15582,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.fixedRadioListControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$F = function (a0) { return { selected: a0 }; };
+    var _c0$H = function (a0) { return { selected: a0 }; };
     function WriteFixedRadioListFieldComponent_div_8_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 9);
@@ -15302,7 +15595,7 @@
         if (rf & 2) {
             var radioButton_r4 = ctx.$implicit;
             var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$F, ctx_r3.fixedRadioListControl.value === radioButton_r4.code));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$H, ctx_r3.fixedRadioListControl.value === radioButton_r4.code));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("id", ctx_r3.id() + "-" + radioButton_r4.code)("name", ctx_r3.id())("formControl", ctx_r3.fixedRadioListControl)("value", radioButton_r4.code);
             i0__namespace.ɵɵadvance(1);
@@ -15311,7 +15604,7 @@
             i0__namespace.ɵɵtextInterpolate(radioButton_r4.label);
         }
     }
-    var _c1$f = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$g = function (a0) { return { "form-group-error": a0 }; };
     var WriteFixedRadioListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteFixedRadioListFieldComponent, _super);
         function WriteFixedRadioListFieldComponent() {
@@ -15342,7 +15635,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$f, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$g, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -15472,7 +15765,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.caseField.hint_text, " ");
         }
     }
-    var _c0$E = function (a0) { return { "hide-autocomplete": a0 }; };
+    var _c0$G = function (a0) { return { "hide-autocomplete": a0 }; };
     function WriteJudicialUserFieldComponent_mat_option_7_Template(rf, ctx) {
         if (rf & 1) {
             var _r7_1 = i0__namespace.ɵɵgetCurrentView();
@@ -15484,7 +15777,7 @@
         if (rf & 2) {
             var judicialUser_r5 = ctx.$implicit;
             var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$E, !ctx_r3.showAutocomplete))("value", judicialUser_r5.idamId);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$G, !ctx_r3.showAutocomplete))("value", judicialUser_r5.idamId);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵtextInterpolate2(" ", judicialUser_r5.fullName, " (", judicialUser_r5.emailId, ") ");
         }
@@ -15831,7 +16124,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.moneyGbpControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$D = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$F = function (a0) { return { "form-group-error": a0 }; };
     var WriteMoneyGbpFieldComponent = /** @class */ (function (_super) {
         __extends(WriteMoneyGbpFieldComponent, _super);
         function WriteMoneyGbpFieldComponent() {
@@ -15861,7 +16154,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$D, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$F, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -16009,7 +16302,7 @@
             i0__namespace.ɵɵtextInterpolate(checkbox_r4.label);
         }
     }
-    var _c0$C = function (a0) { return { "error": a0 }; };
+    var _c0$E = function (a0) { return { "error": a0 }; };
     var WriteMultiSelectListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteMultiSelectListFieldComponent, _super);
         function WriteMultiSelectListFieldComponent() {
@@ -16073,7 +16366,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$C, !ctx.checkboxes.valid && (ctx.checkboxes.dirty || ctx.checkboxes.touched)))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$E, !ctx.checkboxes.valid && (ctx.checkboxes.dirty || ctx.checkboxes.touched)))("id", ctx.id());
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.caseField.label);
                 i0__namespace.ɵɵadvance(1);
@@ -16164,8 +16457,8 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.numberControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$B = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$e = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c0$D = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$f = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteNumberFieldComponent = /** @class */ (function (_super) {
         __extends(WriteNumberFieldComponent, _super);
         function WriteNumberFieldComponent() {
@@ -16189,7 +16482,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$B, !ctx.numberControl.valid && ctx.numberControl.dirty));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$D, !ctx.numberControl.valid && ctx.numberControl.dirty));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -16199,7 +16492,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.numberControl.errors && ctx.numberControl.dirty);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$e, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$f, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.NumberValueAccessor, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteNumberFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteNumberFieldComponent);
@@ -16490,7 +16783,7 @@
             i0__namespace.ɵɵelementEnd();
         }
     }
-    var _c0$A = function (a0) { return { "scroll-container ": a0 }; };
+    var _c0$C = function (a0) { return { "scroll-container ": a0 }; };
     function WriteOrganisationFieldComponent_fieldset_3_div_14_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 26);
@@ -16506,7 +16799,7 @@
             var ctx_r2 = i0__namespace.ɵɵnextContext(2);
             var tmp_0_0 = null;
             var tmp_2_0 = null;
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$A, ((tmp_0_0 = i0__namespace.ɵɵpipeBind1(1, 3, ctx_r2.simpleOrganisations$)) == null ? null : tmp_0_0.length) > 10));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$C, ((tmp_0_0 = i0__namespace.ɵɵpipeBind1(1, 3, ctx_r2.simpleOrganisations$)) == null ? null : tmp_0_0.length) > 10));
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind1(3, 5, ctx_r2.simpleOrganisations$));
             i0__namespace.ɵɵadvance(2);
@@ -16978,8 +17271,8 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.phoneUkControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$z = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$d = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c0$B = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$e = function (a0) { return { "govuk-input--error": a0 }; };
     var WritePhoneUKFieldComponent = /** @class */ (function (_super) {
         __extends(WritePhoneUKFieldComponent, _super);
         function WritePhoneUKFieldComponent() {
@@ -17003,7 +17296,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$z, !ctx.phoneUkControl.valid && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$B, !ctx.phoneUkControl.valid && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -17013,7 +17306,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.phoneUkControl.errors && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$d, ctx.phoneUkControl.errors && ctx.phoneUkControl.dirty))("id", ctx.id())("formControl", ctx.phoneUkControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$e, ctx.phoneUkControl.errors && ctx.phoneUkControl.dirty))("id", ctx.id())("formControl", ctx.phoneUkControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWritePhoneUKFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WritePhoneUKFieldComponent);
@@ -17095,8 +17388,8 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.textareaControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$y = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$c = function (a0) { return { "govuk-textarea--error": a0 }; };
+    var _c0$A = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$d = function (a0) { return { "govuk-textarea--error": a0 }; };
     var WriteTextAreaFieldComponent = /** @class */ (function (_super) {
         __extends(WriteTextAreaFieldComponent, _super);
         function WriteTextAreaFieldComponent(browserService) {
@@ -17131,7 +17424,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$y, !ctx.textareaControl.valid && ctx.textareaControl.dirty));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$A, !ctx.textareaControl.valid && ctx.textareaControl.dirty));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -17141,7 +17434,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$c, ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched)))("id", ctx.id())("formControl", ctx.textareaControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$d, ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched)))("id", ctx.id())("formControl", ctx.textareaControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     (function () {
@@ -17223,8 +17516,8 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.textControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$x = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$b = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c0$z = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$c = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteTextFieldComponent = /** @class */ (function (_super) {
         __extends(WriteTextFieldComponent, _super);
         function WriteTextFieldComponent() {
@@ -17253,7 +17546,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$x, !!ctx.textControl && !ctx.textControl.valid && (ctx.textControl.dirty || ctx.textControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$z, !!ctx.textControl && !ctx.textControl.valid && (ctx.textControl.dirty || ctx.textControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -17263,7 +17556,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$b, (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched)))("id", ctx.id())("formControl", ctx.textControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$c, (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched)))("id", ctx.id())("formControl", ctx.textControl);
             }
         }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteTextFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteTextFieldComponent);
@@ -17461,7 +17754,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.yesNoControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$w = function (a0) { return { selected: a0 }; };
+    var _c0$y = function (a0) { return { selected: a0 }; };
     function WriteYesNoFieldComponent_div_7_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 10);
@@ -17474,7 +17767,7 @@
         if (rf & 2) {
             var value_r4 = ctx.$implicit;
             var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$w, ctx_r3.yesNoControl.value === value_r4));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$y, ctx_r3.yesNoControl.value === value_r4));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("id", ctx_r3.createElementId(value_r4))("name", ctx_r3.id())("formControl", ctx_r3.yesNoControl)("value", value_r4);
             i0__namespace.ɵɵattribute("name", ctx_r3.id());
@@ -17484,7 +17777,7 @@
             i0__namespace.ɵɵtextInterpolate(value_r4);
         }
     }
-    var _c1$a = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$b = function (a0) { return { "form-group-error": a0 }; };
     var WriteYesNoFieldComponent = /** @class */ (function (_super) {
         __extends(WriteYesNoFieldComponent, _super);
         function WriteYesNoFieldComponent(yesNoService) {
@@ -17515,7 +17808,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("id", ctx.id())("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$a, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
+                i0__namespace.ɵɵproperty("id", ctx.id())("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$b, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.caseField.label);
                 i0__namespace.ɵɵadvance(1);
@@ -17579,17 +17872,25 @@
                             return write ? WriteAddressFieldComponent : ReadComplexFieldComponent;
                         case 'OrderSummary':
                             return write ? WriteOrderSummaryFieldComponent : ReadOrderSummaryFieldComponent;
-                        case 'CaseLink':
-                            return write ? WriteCaseLinkFieldComponent : ReadCaseLinkFieldComponent;
                         case 'Organisation':
                             return write ? WriteOrganisationFieldComponent : ReadOrganisationFieldComponent;
                         case 'JudicialUser':
                             return write ? WriteJudicialUserFieldComponent : ReadJudicialUserFieldComponent;
+                        case 'CaseLink':
+                            return write ? WriteCaseLinkFieldComponent : ReadCaseLinkFieldComponent;
                         default:
                             return write ? WriteComplexFieldComponent : ReadComplexFieldComponent;
                     }
                 case 'Collection':
-                    return write ? WriteCollectionFieldComponent : ReadCollectionFieldComponent;
+                    switch (caseField.field_type.collection_field_type.id) {
+                        case 'CaseLink':
+                            if (caseField.id === 'caseLinks') {
+                                return write ? WriteCaseLinkFieldComponent : ReadCaseLinkFieldComponent;
+                            }
+                            return write ? WriteCollectionFieldComponent : ReadCollectionFieldComponent;
+                        default:
+                            return write ? WriteCollectionFieldComponent : ReadCollectionFieldComponent;
+                    }
                 case 'MultiSelectList':
                     return write ? WriteMultiSelectListFieldComponent : ReadMultiSelectListFieldComponent;
                 case 'Document':
@@ -17629,7 +17930,7 @@
             }], null, null);
     })();
 
-    var _c0$v = ["fieldContainer"];
+    var _c0$x = ["fieldContainer"];
     var FIX_CASEFIELD_FOR$1 = ['FixedList', 'DynamicList'];
     var FieldReadComponent = /** @class */ (function (_super) {
         __extends(FieldReadComponent, _super);
@@ -17678,7 +17979,7 @@
     FieldReadComponent.ɵfac = function FieldReadComponent_Factory(t) { return new (t || FieldReadComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ComponentFactoryResolver), i0__namespace.ɵɵdirectiveInject(PaletteService)); };
     FieldReadComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FieldReadComponent, selectors: [["ccd-field-read"]], viewQuery: function FieldReadComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$v, 1, i0.ViewContainerRef);
+                i0__namespace.ɵɵviewQuery(_c0$x, 1, i0.ViewContainerRef);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -17719,7 +18020,7 @@
                 }] });
     })();
 
-    var _c0$u = ["fieldContainer"];
+    var _c0$w = ["fieldContainer"];
     var FIX_CASEFIELD_FOR = ['FixedList', 'DynamicList'];
     var FieldWriteComponent = /** @class */ (function (_super) {
         __extends(FieldWriteComponent, _super);
@@ -17767,7 +18068,7 @@
     FieldWriteComponent.ɵfac = function FieldWriteComponent_Factory(t) { return new (t || FieldWriteComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ComponentFactoryResolver), i0__namespace.ɵɵdirectiveInject(PaletteService)); };
     FieldWriteComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FieldWriteComponent, selectors: [["ccd-field-write"]], viewQuery: function FieldWriteComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0$u, 3, i0.ViewContainerRef);
+                i0__namespace.ɵɵviewQuery(_c0$w, 3, i0.ViewContainerRef);
             }
             if (rf & 2) {
                 var _t = void 0;
@@ -17830,7 +18131,7 @@
             i0__namespace.ɵɵprojection(0);
         }
     }
-    var _c0$t = ["*"];
+    var _c0$v = ["*"];
     var FieldReadLabelComponent = /** @class */ (function (_super) {
         __extends(FieldReadLabelComponent, _super);
         function FieldReadLabelComponent() {
@@ -17868,7 +18169,7 @@
         return FieldReadLabelComponent;
     }(AbstractFieldReadComponent));
     FieldReadLabelComponent.ɵfac = function FieldReadLabelComponent_Factory(t) { return ɵFieldReadLabelComponent_BaseFactory(t || FieldReadLabelComponent); };
-    FieldReadLabelComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FieldReadLabelComponent, selectors: [["ccd-field-read-label"]], inputs: { withLabel: "withLabel", markdownUseHrefAsRouterLink: "markdownUseHrefAsRouterLink" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$t, decls: 4, vars: 5, consts: [[3, "hidden"], ["class", "case-field", 4, "ngIf", "ngIfElse"], ["caseFieldValue", ""], [1, "case-field"], [1, "case-field__label"], [1, "case-field__value"], [4, "ngTemplateOutlet"]], template: function FieldReadLabelComponent_Template(rf, ctx) {
+    FieldReadLabelComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FieldReadLabelComponent, selectors: [["ccd-field-read-label"]], inputs: { withLabel: "withLabel", markdownUseHrefAsRouterLink: "markdownUseHrefAsRouterLink" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$v, decls: 4, vars: 5, consts: [[3, "hidden"], ["class", "case-field", 4, "ngIf", "ngIfElse"], ["caseFieldValue", ""], [1, "case-field"], [1, "case-field__label"], [1, "case-field__value"], [4, "ngTemplateOutlet"]], template: function FieldReadLabelComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -17907,7 +18208,7 @@
             i0__namespace.ɵɵelementContainer(0);
         }
     }
-    var _c0$s = function (a0) { return { cat: a0, level: 1 }; };
+    var _c0$u = function (a0) { return { cat: a0, level: 1 }; };
     function CaseFileViewFolderSelectorComponent_ng_container_6_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
@@ -17919,7 +18220,7 @@
             i0__namespace.ɵɵnextContext();
             var _r1 = i0__namespace.ɵɵreference(13);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction1(2, _c0$s, cat_r3));
+            i0__namespace.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction1(2, _c0$u, cat_r3));
         }
     }
     function CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_ng_container_1_Template(rf, ctx) {
@@ -17927,7 +18228,7 @@
             i0__namespace.ɵɵelementContainer(0);
         }
     }
-    var _c1$9 = function (a0, a1) { return { cat: a0, level: a1 }; };
+    var _c1$a = function (a0, a1) { return { cat: a0, level: a1 }; };
     function CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
@@ -17940,7 +18241,7 @@
             i0__namespace.ɵɵnextContext();
             var _r1 = i0__namespace.ɵɵreference(13);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction2(2, _c1$9, subcat_r8, level_r6 + 1));
+            i0__namespace.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction2(2, _c1$a, subcat_r8, level_r6 + 1));
         }
     }
     function CaseFileViewFolderSelectorComponent_ng_template_12_Template(rf, ctx) {
@@ -18082,7 +18383,7 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngForOf", ctx.currentCategories);
             }
-        }, directives: [i1__namespace.NgForOf, i1__namespace.NgTemplateOutlet], styles: [":host{position:relative;display:block}.folders{margin-bottom:20px}.folder{display:none;border-top:1px solid #ccc;margin:0 0 -1px}.folder:last-child{border-bottom:1px solid #ccc}.folders>.folder,input:checked~.folder{display:block}.iconImg{position:relative;display:inline-block;height:28px}.folder>.folder{margin-left:20px}.folder label:before{top:3px}.folder label:after{top:13px}p{font-weight:700}button{margin-right:20px}.close{float:right;width:30px;height:30px;background:url(/assets/img/x.PNG) no-repeat 50%}.cancel,.close{cursor:pointer}.cdk-overlay-pane{overflow:auto}.cdk-overlay-pane::-webkit-scrollbar{width:7px}.cdk-overlay-pane::-webkit-scrollbar-thumb{border:4px solid transparent;background-clip:padding-box;border-radius:9999px;background-color:#aaa}.cdk-overlay-pane::-webkit-scrollbar-button{display:none}.cdk-overlay-pane::-webkit-scrollbar-track-piece{background:#eee}.cdk-overlay-pane::-webkit-scrollbar-thumb{background:#ccc}"], encapsulation: 2 });
+        }, directives: [i1__namespace.NgForOf, i1__namespace.NgTemplateOutlet], styles: [":host{position:relative;display:block}.folders{margin-bottom:20px}.folder{display:none;border-top:1px solid #ccc;margin:0 0 -1px}.folder,.folder:last-child{border-bottom:1px solid #ccc}.folders>.folder,input:checked~.folder{display:block}.iconImg{position:relative;display:inline-block;height:28px}.folder>.folder{margin-left:20px}.folder label:before{top:3px}.folder label:after{top:13px}p{font-weight:700}button{margin-right:20px}.close{float:right;width:30px;height:30px;background:url(/assets/img/x.PNG) no-repeat 50%}.cancel,.close{cursor:pointer}.cdk-overlay-pane{overflow:auto}.cdk-overlay-pane::-webkit-scrollbar{width:7px}.cdk-overlay-pane::-webkit-scrollbar-thumb{border:4px solid transparent;background-clip:padding-box;border-radius:9999px;background-color:#aaa}.cdk-overlay-pane::-webkit-scrollbar-button{display:none}.cdk-overlay-pane::-webkit-scrollbar-track-piece{background:#eee}.cdk-overlay-pane::-webkit-scrollbar-thumb{background:#ccc}"], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFolderSelectorComponent, [{
                 type: i0.Component,
@@ -18161,8 +18462,8 @@
             i0__namespace.ɵɵproperty("ngForOf", ctx_r1.menuItems);
         }
     }
-    var _c0$r = [[["", "trigger", ""]]];
-    var _c1$8 = ["[trigger]"];
+    var _c0$t = [[["", "trigger", ""]]];
+    var _c1$9 = ["[trigger]"];
     var CaseFileViewOverlayMenuComponent = /** @class */ (function () {
         function CaseFileViewOverlayMenuComponent() {
             this.title = '';
@@ -18177,9 +18478,9 @@
         return CaseFileViewOverlayMenuComponent;
     }());
     CaseFileViewOverlayMenuComponent.ɵfac = function CaseFileViewOverlayMenuComponent_Factory(t) { return new (t || CaseFileViewOverlayMenuComponent)(); };
-    CaseFileViewOverlayMenuComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewOverlayMenuComponent, selectors: [["ccd-case-file-view-overlay-menu"]], inputs: { title: "title", menuItems: "menuItems", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngContentSelectors: _c1$8, decls: 5, vars: 4, consts: [["type", "button", "cdkOverlayOrigin", "", 1, "overlay-toggle", 3, "click"], ["trigger", "cdkOverlayOrigin"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayBackdropClass", "backdropClick"], [1, "overlay-menu"], [4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "overlay-menu__title"], [1, "overlay-menu__item", 3, "click"], ["class", "overlay-menu__itemIcon", 3, "src", "alt", 4, "ngIf"], [1, "overlay-menu__actionText"], [1, "overlay-menu__itemIcon", 3, "src", "alt"]], template: function CaseFileViewOverlayMenuComponent_Template(rf, ctx) {
+    CaseFileViewOverlayMenuComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewOverlayMenuComponent, selectors: [["ccd-case-file-view-overlay-menu"]], inputs: { title: "title", menuItems: "menuItems", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngContentSelectors: _c1$9, decls: 5, vars: 4, consts: [["type", "button", "cdkOverlayOrigin", "", 1, "overlay-toggle", 3, "click"], ["trigger", "cdkOverlayOrigin"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayBackdropClass", "backdropClick"], [1, "overlay-menu"], [4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "overlay-menu__title"], [1, "overlay-menu__item", 3, "click"], ["class", "overlay-menu__itemIcon", 3, "src", "alt", 4, "ngIf"], [1, "overlay-menu__actionText"], [1, "overlay-menu__itemIcon", 3, "src", "alt"]], template: function CaseFileViewOverlayMenuComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c0$r);
+                i0__namespace.ɵɵprojectionDef(_c0$t);
                 i0__namespace.ɵɵelementStart(0, "div");
                 i0__namespace.ɵɵelementStart(1, "button", 0, 1);
                 i0__namespace.ɵɵlistener("click", function CaseFileViewOverlayMenuComponent_Template_button_click_1_listener($event) { $event.stopPropagation(); return ctx.isOpen = !ctx.isOpen; });
@@ -19026,8 +19327,8 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r8.flagTypeErrorMessage, " ");
         }
     }
-    var _c0$q = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$7 = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c0$s = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$8 = function (a0) { return { "govuk-input--error": a0 }; };
     function SelectFlagTypeComponent_div_9_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 15);
@@ -19043,11 +19344,11 @@
         if (rf & 2) {
             var ctx_r2 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$q, ctx_r2.flagTypeErrorMessage.length > 0));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$s, ctx_r2.flagTypeErrorMessage.length > 0));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngIf", ctx_r2.flagTypeErrorMessage.length > 0);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$7, ctx_r2.flagTypeErrorMessage.length > 0))("name", ctx_r2.descriptionControlName)("formControlName", ctx_r2.descriptionControlName);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$8, ctx_r2.flagTypeErrorMessage.length > 0))("name", ctx_r2.descriptionControlName)("formControlName", ctx_r2.descriptionControlName);
         }
     }
     function SelectFlagTypeComponent_div_10_Template(rf, ctx) {
@@ -19205,7 +19506,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$q, ctx.flagTypeNotSelectedErrorMessage.length > 0));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$s, ctx.flagTypeNotSelectedErrorMessage.length > 0));
                 i0__namespace.ɵɵadvance(4);
                 i0__namespace.ɵɵtextInterpolate1(" ", ctx.caseFlagWizardStepTitle.SELECT_CASE_FLAG, " ");
                 i0__namespace.ɵɵadvance(1);
@@ -19317,7 +19618,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r8.languageCharLimitErrorMessage, " ");
         }
     }
-    var _c0$p = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$r = function (a0) { return { "form-group-error": a0 }; };
     function SearchLanguageInterpreterComponent_div_21_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 25);
@@ -19334,7 +19635,7 @@
         if (rf & 2) {
             var ctx_r5 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$p, ctx_r5.languageNotEnteredErrorMessage || ctx_r5.languageCharLimitErrorMessage));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$r, ctx_r5.languageNotEnteredErrorMessage || ctx_r5.languageCharLimitErrorMessage));
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵtextInterpolate(ctx_r5.searchLanguageInterpreterStep.INPUT_LABEL);
             i0__namespace.ɵɵadvance(1);
@@ -19509,7 +19810,7 @@
                 var _r2 = i0__namespace.ɵɵreference(12);
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(16, _c0$p, ctx.languageNotSelectedErrorMessage || ctx.languageEnteredInBothFieldsErrorMessage));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(16, _c0$r, ctx.languageNotSelectedErrorMessage || ctx.languageEnteredInBothFieldsErrorMessage));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("for", ctx.languageSearchTermControlName);
                 i0__namespace.ɵɵadvance(1);
@@ -19643,7 +19944,7 @@
             i0__namespace.ɵɵelementEnd();
         }
     }
-    var _c0$o = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$q = function (a0) { return { "form-group-error": a0 }; };
     var SelectFlagLocationComponent = /** @class */ (function () {
         function SelectFlagLocationComponent() {
             this.caseFlagStateEmitter = new i0.EventEmitter();
@@ -19732,7 +20033,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$o, ctx.errorMessages.length > 0));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$q, ctx.errorMessages.length > 0));
                 i0__namespace.ɵɵadvance(4);
                 i0__namespace.ɵɵtextInterpolate1(" ", ctx.flagLocationTitle, " ");
                 i0__namespace.ɵɵadvance(1);
@@ -19796,7 +20097,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r2.flagCommentsCharLimitErrorMessage, " ");
         }
     }
-    var _c0$n = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$p = function (a0) { return { "form-group-error": a0 }; };
     var AddCommentsComponent = /** @class */ (function () {
         function AddCommentsComponent() {
             this.optional = false;
@@ -19877,7 +20178,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(12, _c0$n, ctx.errorMessages.length > 0));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(12, _c0$p, ctx.errorMessages.length > 0));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("for", ctx.flagCommentsControlName);
                 i0__namespace.ɵɵadvance(1);
@@ -19957,7 +20258,7 @@
             i0__namespace.ɵɵelementEnd();
         }
     }
-    var _c0$m = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$o = function (a0) { return { "form-group-error": a0 }; };
     var ManageCaseFlagsComponent = /** @class */ (function () {
         function ManageCaseFlagsComponent() {
             this.caseFlagStateEmitter = new i0.EventEmitter();
@@ -20117,7 +20418,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$m, ctx.errorMessages.length > 0));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$o, ctx.errorMessages.length > 0));
                 i0__namespace.ɵɵadvance(4);
                 i0__namespace.ɵɵtextInterpolate1(" ", ctx.manageCaseFlagTitle, " ");
                 i0__namespace.ɵɵadvance(1);
@@ -20187,8 +20488,8 @@
             i0__namespace.ɵɵelementEnd();
         }
     }
-    var _c0$l = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$6 = function (a0) { return { "govuk-tag--grey": a0 }; };
+    var _c0$n = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$7 = function (a0) { return { "govuk-tag--grey": a0 }; };
     var UpdateFlagComponent = /** @class */ (function () {
         function UpdateFlagComponent() {
             this.caseFlagStateEmitter = new i0.EventEmitter();
@@ -20309,7 +20610,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(14, _c0$l, ctx.errorMessages.length > 0));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(14, _c0$n, ctx.errorMessages.length > 0));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("for", ctx.updateFlagControlName);
                 i0__namespace.ɵɵadvance(1);
@@ -20325,7 +20626,7 @@
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagCharLimitInfo, " ");
                 i0__namespace.ɵɵadvance(6);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(16, _c1$6, ctx.selectedFlag.flagDetailDisplay.flagDetail.status === "Inactive"));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(16, _c1$7, ctx.selectedFlag.flagDetailDisplay.flagDetail.status === "Inactive"));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵtextInterpolate1(" ", ctx.selectedFlag.flagDetailDisplay.flagDetail.status, " ");
                 i0__namespace.ɵɵadvance(2);
@@ -20453,6 +20754,2309 @@
                 }] });
     })();
 
+    exports.LinkedCasesPages = void 0;
+    (function (LinkedCasesPages) {
+        LinkedCasesPages[LinkedCasesPages["BEFORE_YOU_START"] = 0] = "BEFORE_YOU_START";
+        LinkedCasesPages[LinkedCasesPages["NO_LINKED_CASES"] = 1] = "NO_LINKED_CASES";
+        LinkedCasesPages[LinkedCasesPages["LINK_CASE"] = 2] = "LINK_CASE";
+        LinkedCasesPages[LinkedCasesPages["UNLINK_CASE"] = 3] = "UNLINK_CASE";
+        LinkedCasesPages[LinkedCasesPages["CHECK_YOUR_ANSWERS"] = 4] = "CHECK_YOUR_ANSWERS";
+    })(exports.LinkedCasesPages || (exports.LinkedCasesPages = {}));
+    exports.LinkedCasesErrorMessages = void 0;
+    (function (LinkedCasesErrorMessages) {
+        LinkedCasesErrorMessages["ProposedCaseWithIn"] = "Case can not be linked to the same case";
+        LinkedCasesErrorMessages["CaseNumberError"] = "Case numbers must have 16 digits";
+        LinkedCasesErrorMessages["ReasonSelectionError"] = "Select a reason why these cases should be linked";
+        LinkedCasesErrorMessages["SomethingWrong"] = "Something went wrong, please try again later";
+        LinkedCasesErrorMessages["CaseCheckAgainError"] = "Check the case number and try again";
+        LinkedCasesErrorMessages["CaseSelectionError"] = "You need to propose at least one case";
+        LinkedCasesErrorMessages["CaseProposedError"] = "This case has already been proposed";
+        LinkedCasesErrorMessages["CasesLinkedError"] = "These cases are already linked";
+        LinkedCasesErrorMessages["UnlinkCaseSelectionError"] = "Select a case to unlink before continue";
+        LinkedCasesErrorMessages["LinkCasesNavigationError"] = "Please select Next to link case(s)";
+        LinkedCasesErrorMessages["UnlinkCasesNavigationError"] = "Please select Next to unlink case(s)";
+        LinkedCasesErrorMessages["BackNavigationError"] = "Please select Back to go to the previous page";
+    })(exports.LinkedCasesErrorMessages || (exports.LinkedCasesErrorMessages = {}));
+    exports.LinkedCasesEventTriggers = void 0;
+    (function (LinkedCasesEventTriggers) {
+        LinkedCasesEventTriggers["LINK_CASES"] = "Link cases";
+        LinkedCasesEventTriggers["MANAGE_CASE_LINKS"] = "Manage case links";
+    })(exports.LinkedCasesEventTriggers || (exports.LinkedCasesEventTriggers = {}));
+    exports.Patterns = void 0;
+    (function (Patterns) {
+        Patterns["CASE_REF"] = "((([0-9]{4})(?: |-)?)){4}";
+    })(exports.Patterns || (exports.Patterns = {}));
+
+    function BeforeYouStartComponent_div_1_p_3_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "p", 5);
+            i0__namespace.ɵɵelementStart(1, "span", 6);
+            i0__namespace.ɵɵtext(2, "Error:");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtext(3);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r2.linkedCasesService.serverLinkedApiError.message, " ");
+        }
+    }
+    function BeforeYouStartComponent_div_1_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r4_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div");
+            i0__namespace.ɵɵelementStart(1, "h1", 1);
+            i0__namespace.ɵɵtext(2, "There is a problem");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(3, BeforeYouStartComponent_div_1_p_3_Template, 4, 1, "p", 2);
+            i0__namespace.ɵɵelementStart(4, "p", 3);
+            i0__namespace.ɵɵelementStart(5, "a", 4);
+            i0__namespace.ɵɵlistener("click", function BeforeYouStartComponent_div_1_Template_a_click_5_listener() { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r3 = i0__namespace.ɵɵnextContext(); return ctx_r3.onBack(); });
+            i0__namespace.ɵɵtext(6, "Go back to the Linked cases tab");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r0.linkedCasesService.serverLinkedApiError);
+        }
+    }
+    function BeforeYouStartComponent_div_2_div_3_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div", 11);
+            i0__namespace.ɵɵelementStart(1, "p", 3);
+            i0__namespace.ɵɵtext(2, "If a group of linked cases has a lead case, you must start from the lead case.");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(3, "p", 3);
+            i0__namespace.ɵɵtext(4, "If the cases to be linked has no lead, you can start the linking journey from any of those cases.");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+    }
+    function BeforeYouStartComponent_div_2_div_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div", 12);
+            i0__namespace.ɵɵelementStart(1, "p", 3);
+            i0__namespace.ɵɵtext(2, "If there are linked hearings for the case you need to un-link then you must unlink the hearing first.");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+    }
+    function BeforeYouStartComponent_div_2_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r8_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div");
+            i0__namespace.ɵɵelementStart(1, "h1", 1);
+            i0__namespace.ɵɵtext(2, "Before you start");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(3, BeforeYouStartComponent_div_2_div_3_Template, 5, 0, "div", 7);
+            i0__namespace.ɵɵtemplate(4, BeforeYouStartComponent_div_2_div_4_Template, 3, 0, "div", 8);
+            i0__namespace.ɵɵelementStart(5, "div", 9);
+            i0__namespace.ɵɵelementStart(6, "button", 10);
+            i0__namespace.ɵɵlistener("click", function BeforeYouStartComponent_div_2_Template_button_click_6_listener() { i0__namespace.ɵɵrestoreView(_r8_1); var ctx_r7 = i0__namespace.ɵɵnextContext(); return ctx_r7.onNext(); });
+            i0__namespace.ɵɵtext(7, "Next");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r1.isLinkCasesJourney);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", !ctx_r1.isLinkCasesJourney);
+        }
+    }
+    var BeforeYouStartComponent = /** @class */ (function () {
+        function BeforeYouStartComponent(router, linkedCasesService) {
+            this.router = router;
+            this.linkedCasesService = linkedCasesService;
+            this.linkedCasesStateEmitter = new i0.EventEmitter();
+            this.isLinkCasesJourney = false;
+            this.isLinkCasesJourney = this.linkedCasesService.isLinkedCasesEventTrigger;
+            // re-initiate the state based on the casefield value
+            var linkedCaseRefereneIds = this.linkedCasesService.caseFieldValue.filter(function (item) { return item; }).map(function (item) { return item.id; });
+            this.linkedCasesService.linkedCases = this.linkedCasesService.linkedCases.filter(function (item) { return linkedCaseRefereneIds.indexOf(item.caseReference) !== -1; });
+            this.linkedCasesService.initialCaseLinks = this.linkedCasesService.linkedCases;
+        }
+        BeforeYouStartComponent.prototype.onNext = function () {
+            this.linkedCasesStateEmitter.emit({
+                currentLinkedCasesPage: exports.LinkedCasesPages.BEFORE_YOU_START,
+                errorMessages: this.errorMessages,
+                navigateToNextPage: true
+            });
+        };
+        BeforeYouStartComponent.prototype.onBack = function () {
+            this.router.navigate(['cases', 'case-details', this.linkedCasesService.caseId]).then(function () {
+                window.location.hash = 'Linked cases';
+            });
+        };
+        return BeforeYouStartComponent;
+    }());
+    BeforeYouStartComponent.ɵfac = function BeforeYouStartComponent_Factory(t) { return new (t || BeforeYouStartComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(LinkedCasesService)); };
+    BeforeYouStartComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BeforeYouStartComponent, selectors: [["ccd-linked-cases-before-you-start"]], outputs: { linkedCasesStateEmitter: "linkedCasesStateEmitter" }, decls: 3, vars: 2, consts: [[4, "ngIf"], [1, "govuk-heading-xl"], ["id", "unlink-cases-error", "class", "govuk-error-message", 4, "ngIf"], [1, "govuk-body"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"], ["id", "unlink-cases-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "link-cases-journey", 4, "ngIf"], ["id", "manage-link-cases-journey", 4, "ngIf"], [1, "govuk-button-group"], ["type", "button", "id", "next-button", 1, "button", "button-primary", 3, "click"], ["id", "link-cases-journey"], ["id", "manage-link-cases-journey"]], template: function BeforeYouStartComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵelementStart(0, "div");
+                i0__namespace.ɵɵtemplate(1, BeforeYouStartComponent_div_1_Template, 7, 1, "div", 0);
+                i0__namespace.ɵɵtemplate(2, BeforeYouStartComponent_div_2_Template, 8, 2, "div", 0);
+                i0__namespace.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", ctx.linkedCasesService.serverLinkedApiError);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", !ctx.linkedCasesService || !ctx.linkedCasesService.serverLinkedApiError);
+            }
+        }, directives: [i1__namespace.NgIf], encapsulation: 2 });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BeforeYouStartComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-linked-cases-before-you-start',
+                        templateUrl: './before-you-start.component.html'
+                    }]
+            }], function () { return [{ type: i1__namespace$1.Router }, { type: LinkedCasesService }]; }, { linkedCasesStateEmitter: [{
+                    type: i0.Output
+                }] });
+    })();
+
+    function CheckYourAnswersComponent_table_4_tr_9_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r8_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "tr", 7);
+            i0__namespace.ɵɵelementStart(1, "td", 14);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵelement(3, "br");
+            i0__namespace.ɵɵtext(4);
+            i0__namespace.ɵɵpipe(5, "ccdCaseReference");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(6, "td", 14);
+            i0__namespace.ɵɵelementStart(7, "a", 15);
+            i0__namespace.ɵɵlistener("click", function CheckYourAnswersComponent_table_4_tr_9_Template_a_click_7_listener() { i0__namespace.ɵɵrestoreView(_r8_1); var ctx_r7 = i0__namespace.ɵɵnextContext(2); return ctx_r7.onChange(); });
+            i0__namespace.ɵɵtext(8, "Change");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var case_r6 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate1(" ", case_r6.caseName, " ");
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(5, 2, case_r6.caseReference), " ");
+        }
+    }
+    function CheckYourAnswersComponent_table_4_tr_10_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "tr", 7);
+            i0__namespace.ɵɵelementStart(1, "td", 16);
+            i0__namespace.ɵɵtext(2, " None ");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+    }
+    function CheckYourAnswersComponent_table_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "table", 13);
+            i0__namespace.ɵɵelementStart(1, "caption", 5);
+            i0__namespace.ɵɵtext(2, "Cases to unlink");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(3, "thead", 6);
+            i0__namespace.ɵɵelementStart(4, "tr", 7);
+            i0__namespace.ɵɵelementStart(5, "th", 8);
+            i0__namespace.ɵɵtext(6, "Case name and number");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelement(7, "th", 8);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(8, "tbody", 10);
+            i0__namespace.ɵɵtemplate(9, CheckYourAnswersComponent_table_4_tr_9_Template, 9, 4, "tr", 11);
+            i0__namespace.ɵɵtemplate(10, CheckYourAnswersComponent_table_4_tr_10_Template, 3, 0, "tr", 12);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(9);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.casesToUnlink);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", !ctx_r0.casesToUnlink.length);
+        }
+    }
+    function CheckYourAnswersComponent_th_15_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelement(0, "th", 8);
+        }
+    }
+    function CheckYourAnswersComponent_tr_17_span_8_br_3_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelement(0, "br");
+        }
+    }
+    function CheckYourAnswersComponent_tr_17_span_8_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "span");
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵpipe(2, "ccdLinkCasesReasonValue");
+            i0__namespace.ɵɵtemplate(3, CheckYourAnswersComponent_tr_17_span_8_br_3_Template, 1, 0, "br", 19);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var reason_r12 = ctx.$implicit;
+            var isLast_r13 = ctx.last;
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(2, 2, reason_r12.reasonCode), "");
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("ngIf", !isLast_r13);
+        }
+    }
+    function CheckYourAnswersComponent_tr_17_td_10_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r16_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "td", 14);
+            i0__namespace.ɵɵelementStart(1, "a", 15);
+            i0__namespace.ɵɵlistener("click", function CheckYourAnswersComponent_tr_17_td_10_Template_a_click_1_listener() { i0__namespace.ɵɵrestoreView(_r16_1); var ctx_r15 = i0__namespace.ɵɵnextContext(2); return ctx_r15.onChange(); });
+            i0__namespace.ɵɵtext(2, "Change");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+    }
+    function CheckYourAnswersComponent_tr_17_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "tr", 7);
+            i0__namespace.ɵɵelementStart(1, "td", 14);
+            i0__namespace.ɵɵelementStart(2, "span");
+            i0__namespace.ɵɵtext(3);
+            i0__namespace.ɵɵelement(4, "br");
+            i0__namespace.ɵɵtext(5);
+            i0__namespace.ɵɵpipe(6, "ccdCaseReference");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(7, "td", 14);
+            i0__namespace.ɵɵtemplate(8, CheckYourAnswersComponent_tr_17_span_8_Template, 4, 4, "span", 17);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelement(9, "td", 14);
+            i0__namespace.ɵɵtemplate(10, CheckYourAnswersComponent_tr_17_td_10_Template, 3, 0, "td", 18);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var case_r9 = ctx.$implicit;
+            var ctx_r2 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate1("", case_r9.caseName, " ");
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(6, 4, case_r9.caseReference), " ");
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("ngForOf", case_r9.reasons);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r2.isLinkCasesJourney);
+        }
+    }
+    function CheckYourAnswersComponent_tr_18_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "tr", 7);
+            i0__namespace.ɵɵelementStart(1, "td", 20);
+            i0__namespace.ɵɵtext(2, " None ");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+    }
+    var CheckYourAnswersComponent = /** @class */ (function () {
+        function CheckYourAnswersComponent(linkedCasesService) {
+            this.linkedCasesService = linkedCasesService;
+            this.linkedCasesStateEmitter = new i0.EventEmitter();
+        }
+        CheckYourAnswersComponent.prototype.ngOnInit = function () {
+            this.isLinkCasesJourney = this.linkedCasesService.isLinkedCasesEventTrigger;
+            this.linkedCasesTableCaption = this.linkedCasesService.isLinkedCasesEventTrigger ? 'Proposed case links' : 'Linked cases';
+            this.linkedCases = this.linkedCasesService.linkedCases.filter(function (linkedCase) { return !linkedCase.unlink; });
+            this.casesToUnlink = this.linkedCasesService.linkedCases.filter(function (linkedCase) { return linkedCase.unlink && linkedCase.unlink === true; });
+        };
+        CheckYourAnswersComponent.prototype.onChange = function () {
+            this.linkedCasesService.editMode = true;
+            this.linkedCasesStateEmitter.emit({
+                currentLinkedCasesPage: exports.LinkedCasesPages.CHECK_YOUR_ANSWERS,
+                navigateToPreviousPage: true,
+                navigateToNextPage: true
+            });
+        };
+        return CheckYourAnswersComponent;
+    }());
+    CheckYourAnswersComponent.ɵfac = function CheckYourAnswersComponent_Factory(t) { return new (t || CheckYourAnswersComponent)(i0__namespace.ɵɵdirectiveInject(LinkedCasesService)); };
+    CheckYourAnswersComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CheckYourAnswersComponent, selectors: [["ccd-linked-cases-check-your-answers"]], outputs: { linkedCasesStateEmitter: "linkedCasesStateEmitter" }, decls: 19, vars: 5, consts: [[1, "govuk-grid-row"], [1, "govuk-grid-column-full"], [1, "govuk-heading-xl"], ["id", "cases-to-unlink-table", "class", "govuk-table", 4, "ngIf"], ["id", "linked-cases-table", 1, "govuk-table"], [1, "govuk-table__caption", "govuk-table__caption--m"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header"], ["scope", "col", "class", "govuk-table__header", 4, "ngIf"], [1, "govuk-table__body"], ["class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["class", "govuk-table__row", 4, "ngIf"], ["id", "cases-to-unlink-table", 1, "govuk-table"], [1, "govuk-table__cell"], ["href", "javascript:void(0)", 1, "govuk-link", "govuk-link--no-visited-state", "float-right", 3, "click"], ["colspan", "2", 1, "govuk-table__cell"], [4, "ngFor", "ngForOf"], ["class", "govuk-table__cell", 4, "ngIf"], [4, "ngIf"], ["colspan", "4", 1, "govuk-table__cell"]], template: function CheckYourAnswersComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵelementStart(0, "div", 0);
+                i0__namespace.ɵɵelementStart(1, "div", 1);
+                i0__namespace.ɵɵelementStart(2, "h1", 2);
+                i0__namespace.ɵɵtext(3, "Check your answers");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(4, CheckYourAnswersComponent_table_4_Template, 11, 2, "table", 3);
+                i0__namespace.ɵɵelementStart(5, "table", 4);
+                i0__namespace.ɵɵelementStart(6, "caption", 5);
+                i0__namespace.ɵɵtext(7);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(8, "thead", 6);
+                i0__namespace.ɵɵelementStart(9, "tr", 7);
+                i0__namespace.ɵɵelementStart(10, "th", 8);
+                i0__namespace.ɵɵtext(11, "Case name and number");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(12, "th", 8);
+                i0__namespace.ɵɵtext(13, "Reasons for case link");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelement(14, "th", 8);
+                i0__namespace.ɵɵtemplate(15, CheckYourAnswersComponent_th_15_Template, 1, 0, "th", 9);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(16, "tbody", 10);
+                i0__namespace.ɵɵtemplate(17, CheckYourAnswersComponent_tr_17_Template, 11, 6, "tr", 11);
+                i0__namespace.ɵɵtemplate(18, CheckYourAnswersComponent_tr_18_Template, 3, 0, "tr", 12);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵadvance(4);
+                i0__namespace.ɵɵproperty("ngIf", !ctx.isLinkCasesJourney);
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵtextInterpolate(ctx.linkedCasesTableCaption);
+                i0__namespace.ɵɵadvance(8);
+                i0__namespace.ɵɵproperty("ngIf", ctx.isLinkCasesJourney);
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngForOf", ctx.linkedCases);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", !ctx.linkedCases.length);
+            }
+        }, styles: [".float-right[_ngcontent-%COMP%]{float:right}"] });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CheckYourAnswersComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-linked-cases-check-your-answers',
+                        templateUrl: './check-your-answers.component.html',
+                        styleUrls: ['./check-your-answers.component.scss']
+                    }]
+            }], function () { return [{ type: LinkedCasesService }]; }, { linkedCasesStateEmitter: [{
+                    type: i0.Output
+                }] });
+    })();
+
+    var ValidatorsUtils = /** @class */ (function () {
+        function ValidatorsUtils() {
+        }
+        ValidatorsUtils.prototype.numberLengthValidator = function (inputLength) {
+            return function (control) {
+                return control.value.length !== inputLength ? { isValid: false } : null;
+            };
+        };
+        ValidatorsUtils.prototype.formArraySelectedValidator = function () {
+            return function (control) {
+                return control.value.every(function (option) { return !option.selected; }) ? { isValid: false } : null;
+            };
+        };
+        ValidatorsUtils.prototype.regexPattern = function (regexPattern) {
+            return function (control) {
+                var regex = new RegExp(regexPattern);
+                return regex.test(control.value) ? null : { isValid: false };
+            };
+        };
+        return ValidatorsUtils;
+    }());
+    ValidatorsUtils.ɵfac = function ValidatorsUtils_Factory(t) { return new (t || ValidatorsUtils)(); };
+    ValidatorsUtils.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: ValidatorsUtils, factory: ValidatorsUtils.ɵfac, providedIn: 'root' });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ValidatorsUtils, [{
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
+            }], null, null);
+    })();
+
+    function LinkCasesComponent_div_8_span_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "span", 28);
+            i0__namespace.ɵɵelementStart(1, "span", 29);
+            i0__namespace.ɵɵtext(2, "Error:");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtext(3);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r4 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r4.caseNumberError, " ");
+        }
+    }
+    function LinkCasesComponent_div_8_span_10_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "span", 28);
+            i0__namespace.ɵɵelementStart(1, "span", 29);
+            i0__namespace.ɵɵtext(2, "Error:");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtext(3);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r5 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r5.caseReasonError, " ");
+        }
+    }
+    function LinkCasesComponent_div_8_div_12_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div", 30);
+            i0__namespace.ɵɵelement(1, "input", 31);
+            i0__namespace.ɵɵelementStart(2, "label", 32);
+            i0__namespace.ɵɵtext(3);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var reason_r8 = ctx.$implicit;
+            var pos_r9 = ctx.index;
+            i0__namespace.ɵɵproperty("formGroupName", pos_r9);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵpropertyInterpolate("id", reason_r8.key);
+            i0__namespace.ɵɵproperty("value", reason_r8.value_en);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵpropertyInterpolate("for", reason_r8.key);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(reason_r8.value_en);
+        }
+    }
+    function LinkCasesComponent_div_8_span_15_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "span", 28);
+            i0__namespace.ɵɵelementStart(1, "span", 29);
+            i0__namespace.ɵɵtext(2, "Error:");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtext(3);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r7 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r7.caseSelectionError, " ");
+        }
+    }
+    var _c0$m = function (a0) { return { "govuk-form-group--error": a0 }; };
+    function LinkCasesComponent_div_8_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r11_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div", 21);
+            i0__namespace.ɵɵelementStart(1, "h3", 22);
+            i0__namespace.ɵɵtext(2, "Enter case reference");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(3, "div", 5);
+            i0__namespace.ɵɵtemplate(4, LinkCasesComponent_div_8_span_4_Template, 4, 1, "span", 6);
+            i0__namespace.ɵɵelement(5, "input", 23);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(6, "h3", 22);
+            i0__namespace.ɵɵtext(7, "Why should these cases be linked?");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(8, "div", 24);
+            i0__namespace.ɵɵtext(9, " Select all that apply. ");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(10, LinkCasesComponent_div_8_span_10_Template, 4, 1, "span", 6);
+            i0__namespace.ɵɵelementStart(11, "div", 25);
+            i0__namespace.ɵɵtemplate(12, LinkCasesComponent_div_8_div_12_Template, 4, 5, "div", 26);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelement(13, "br");
+            i0__namespace.ɵɵelement(14, "br");
+            i0__namespace.ɵɵtemplate(15, LinkCasesComponent_div_8_span_15_Template, 4, 1, "span", 6);
+            i0__namespace.ɵɵelementStart(16, "button", 27);
+            i0__namespace.ɵɵlistener("click", function LinkCasesComponent_div_8_Template_button_click_16_listener() { i0__namespace.ɵɵrestoreView(_r11_1); var ctx_r10 = i0__namespace.ɵɵnextContext(); return ctx_r10.submitCaseInfo(); });
+            i0__namespace.ɵɵtext(17, "Propose case link");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵproperty("formGroup", ctx_r0.linkCaseForm);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$m, !!ctx_r0.caseNumberError));
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r0.caseNumberError);
+            i0__namespace.ɵɵadvance(6);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r0.caseReasonError);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$m, !!ctx_r0.caseReasonError));
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.linkCaseReasons);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r0.caseSelectionError);
+        }
+    }
+    function LinkCasesComponent_span_13_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "span", 28);
+            i0__namespace.ɵɵelementStart(1, "span", 29);
+            i0__namespace.ɵɵtext(2, "Error:");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtext(3);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.noSelectedCaseError, " ");
+        }
+    }
+    function LinkCasesComponent_tr_31_span_15_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "span");
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵpipe(2, "ccdLinkCasesReasonValue");
+            i0__namespace.ɵɵelement(3, "br");
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var reason_r15 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, reason_r15.reasonCode));
+        }
+    }
+    var _c1$6 = function (a0) { return { "table-group-error": a0 }; };
+    function LinkCasesComponent_tr_31_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r17_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "tr", 10);
+            i0__namespace.ɵɵelementStart(1, "td", 33);
+            i0__namespace.ɵɵelement(2, "div", 34);
+            i0__namespace.ɵɵelementStart(3, "span");
+            i0__namespace.ɵɵtext(4);
+            i0__namespace.ɵɵelement(5, "br");
+            i0__namespace.ɵɵtext(6);
+            i0__namespace.ɵɵpipe(7, "ccdCaseReference");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(8, "td", 35);
+            i0__namespace.ɵɵtext(9);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(10, "td", 33);
+            i0__namespace.ɵɵtext(11);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(12, "td", 35);
+            i0__namespace.ɵɵtext(13);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(14, "td", 33);
+            i0__namespace.ɵɵtemplate(15, LinkCasesComponent_tr_31_span_15_Template, 4, 3, "span", 36);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(16, "td", 33);
+            i0__namespace.ɵɵelementStart(17, "a", 37);
+            i0__namespace.ɵɵlistener("click", function LinkCasesComponent_tr_31_Template_a_click_17_listener() { i0__namespace.ɵɵrestoreView(_r17_1); var pos_r13 = ctx.index; var case_r12 = ctx.$implicit; var ctx_r16 = i0__namespace.ɵɵnextContext(); return ctx_r16.onSelectedLinkedCaseRemove(pos_r13, case_r12.caseReference); });
+            i0__namespace.ɵɵtext(18, "Remove");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var case_r12 = ctx.$implicit;
+            var ctx_r2 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(12, _c1$6, ctx_r2.caseSelectionError && case_r12.caseReference === ctx_r2.linkCaseForm.value.caseNumber));
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate1("", case_r12.caseName, " ");
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(7, 10, case_r12.caseReference), "");
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("title", case_r12.caseTypeDescription);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(case_r12.caseType);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(case_r12.caseService);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("title", case_r12.caseStateDescription);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(case_r12.caseState);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("ngForOf", case_r12.reasons);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵattribute("id", case_r12.caseReference);
+        }
+    }
+    function LinkCasesComponent_tr_32_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "tr", 10);
+            i0__namespace.ɵɵelementStart(1, "td", 38);
+            i0__namespace.ɵɵtext(2, " None ");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+    }
+    var LinkCasesComponent = /** @class */ (function () {
+        function LinkCasesComponent(casesService, fb, validatorsUtils, linkedCasesService) {
+            this.casesService = casesService;
+            this.fb = fb;
+            this.validatorsUtils = validatorsUtils;
+            this.linkedCasesService = linkedCasesService;
+            this.linkedCasesStateEmitter = new i0.EventEmitter();
+            this.errorMessages = [];
+            this.selectedCases = [];
+            this.linkCaseReasons = [];
+            this.ISO_FORMAT = 'YYYY-MM-DDTHH:mm:ss.SSS';
+        }
+        LinkCasesComponent.prototype.ngOnInit = function () {
+            this.caseId = this.linkedCasesService.caseId;
+            this.caseName = this.linkedCasesService.caseName;
+            this.linkCaseReasons = this.linkedCasesService.linkCaseReasons;
+            this.initForm();
+            if (this.linkedCasesService.editMode) {
+                // this may have includes the currently added one but yet to be submitted.
+                this.selectedCases = this.linkedCasesService.linkedCases;
+            }
+            else if (this.linkedCasesService.initialCaseLinks.length !== this.linkedCasesService.caseFieldValue.length) {
+                this.linkedCasesService.linkedCases = this.linkedCasesService.initialCaseLinks;
+            }
+        };
+        LinkCasesComponent.prototype.initForm = function () {
+            this.linkCaseForm = this.fb.group({
+                caseNumber: ['', [i2.Validators.minLength(16), this.validatorsUtils.regexPattern(exports.Patterns.CASE_REF)]],
+                reasonType: this.getReasonTypeFormArray,
+            });
+        };
+        Object.defineProperty(LinkCasesComponent.prototype, "getReasonTypeFormArray", {
+            get: function () {
+                var _this = this;
+                return this.fb.array(this.linkCaseReasons.map(function (val) { return _this.fb.group({
+                    key: [val.key],
+                    value_en: [val.value_en],
+                    value_cy: [val.value_cy],
+                    hint_text_en: [val.hint_text_en],
+                    hint_text_cy: [val.hint_text_cy],
+                    lov_order: [val.lov_order],
+                    parent_key: [val.parent_key],
+                    selected: [!!val.selected],
+                }); }), this.validatorsUtils.formArraySelectedValidator());
+            },
+            enumerable: false,
+            configurable: true
+        });
+        LinkCasesComponent.prototype.submitCaseInfo = function () {
+            this.errorMessages = [];
+            this.caseReasonError = null;
+            this.caseNumberError = null;
+            this.caseSelectionError = null;
+            this.noSelectedCaseError = null;
+            if (this.linkCaseForm.valid &&
+                !this.isCaseSelected(this.selectedCases) &&
+                !this.isCaseSelected(this.linkedCasesService.linkedCases) &&
+                !this.isCaseSelectedSameAsCurrentCase()) {
+                this.getCaseInfo();
+            }
+            else {
+                this.showErrorInfo();
+            }
+        };
+        LinkCasesComponent.prototype.isCaseSelected = function (linkedCases) {
+            if (linkedCases.length === 0) {
+                return false;
+            }
+            var caseNumber = this.linkCaseForm.value.caseNumber;
+            return !!linkedCases.find(function (caseLink) { return caseLink.caseReference.split('-').join('') === caseNumber.split('-').join(''); });
+        };
+        LinkCasesComponent.prototype.isCaseSelectedSameAsCurrentCase = function () {
+            return this.linkCaseForm.value.caseNumber.split('-').join('') === this.linkedCasesService.caseId.split('-').join('');
+        };
+        LinkCasesComponent.prototype.showErrorInfo = function () {
+            if (this.linkCaseForm.controls.caseNumber.invalid) {
+                this.caseNumberError = exports.LinkedCasesErrorMessages.CaseNumberError;
+                this.errorMessages.push({
+                    title: 'dummy-case-number',
+                    description: exports.LinkedCasesErrorMessages.CaseNumberError,
+                    fieldId: 'caseNumber',
+                });
+            }
+            if (this.linkCaseForm.controls.reasonType.invalid) {
+                this.caseReasonError = exports.LinkedCasesErrorMessages.ReasonSelectionError;
+                this.errorMessages.push({
+                    title: 'dummy-case-reason',
+                    description: exports.LinkedCasesErrorMessages.ReasonSelectionError,
+                    fieldId: 'caseReason',
+                });
+            }
+            if (this.isCaseSelected(this.selectedCases)) {
+                this.caseSelectionError = exports.LinkedCasesErrorMessages.CaseProposedError;
+                this.errorMessages.push({
+                    title: 'dummy-case-number',
+                    description: exports.LinkedCasesErrorMessages.CaseProposedError,
+                    fieldId: 'caseNumber',
+                });
+            }
+            if (this.isCaseSelected(this.linkedCasesService.linkedCases)) {
+                this.caseSelectionError = exports.LinkedCasesErrorMessages.CasesLinkedError;
+                this.errorMessages.push({
+                    title: 'dummy-case-number',
+                    description: exports.LinkedCasesErrorMessages.CasesLinkedError,
+                    fieldId: 'caseNumber',
+                });
+            }
+            if (this.linkCaseForm.value.caseNumber.split('-').join('') === this.linkedCasesService.caseId.split('-').join('')) {
+                this.errorMessages.push({
+                    title: 'dummy-case-number',
+                    description: exports.LinkedCasesErrorMessages.ProposedCaseWithIn,
+                    fieldId: 'caseNumber',
+                });
+            }
+            window.scrollTo(0, 0);
+            this.emitLinkedCasesState(false);
+        };
+        LinkCasesComponent.prototype.getCaseInfo = function () {
+            var _this = this;
+            var caseNumberData = this.linkCaseForm.value.caseNumber.replace(/[- ]/g, '');
+            this.casesService
+                .getCaseViewV2(caseNumberData)
+                .subscribe(function (caseView) {
+                _this.linkedCasesService.caseDetails = caseView;
+                var caseLink = {
+                    caseReference: caseView.case_id,
+                    reasons: _this.getSelectedCaseReasons(),
+                    createdDateTime: moment__namespace(new Date()).format(_this.ISO_FORMAT),
+                    caseType: caseView.case_type.name || '',
+                    caseTypeDescription: caseView.case_type.description || '',
+                    caseState: caseView.state.name || '',
+                    caseStateDescription: caseView.state.description || '',
+                    caseService: caseView.case_type && caseView.case_type.jurisdiction && caseView.case_type.jurisdiction.description || '',
+                    caseName: _this.linkedCasesService.getCaseName(caseView),
+                };
+                var ccdApiCaseLinkData = {
+                    CaseReference: caseView.case_id,
+                    CaseType: caseView.case_type.id,
+                    CreatedDateTime: moment__namespace(new Date()).format(_this.ISO_FORMAT),
+                    ReasonForLink: _this.getSelectedCCDTypeCaseReason()
+                };
+                if (!_this.linkedCasesService.caseFieldValue) {
+                    _this.linkedCasesService.caseFieldValue = [];
+                }
+                _this.linkedCasesService.caseFieldValue.push({ id: caseView.case_id.toString(), value: ccdApiCaseLinkData });
+                _this.selectedCases.push(caseLink);
+                _this.initForm();
+                _this.emitLinkedCasesState(false);
+            }, function (error) {
+                _this.caseNumberError = exports.LinkedCasesErrorMessages.CaseCheckAgainError;
+                _this.errorMessages.push({
+                    title: 'dummy-case-number',
+                    description: exports.LinkedCasesErrorMessages.CaseCheckAgainError,
+                    fieldId: 'caseNumber',
+                });
+                _this.emitLinkedCasesState(false);
+                window.scrollTo(0, 0);
+                return rxjs.throwError(error);
+            });
+        };
+        // Return linked cases state and error messages to the parent
+        LinkCasesComponent.prototype.emitLinkedCasesState = function (isNavigateToNextPage) {
+            this.linkedCasesStateEmitter.emit({
+                currentLinkedCasesPage: exports.LinkedCasesPages.LINK_CASE,
+                errorMessages: this.errorMessages,
+                navigateToNextPage: isNavigateToNextPage,
+            });
+        };
+        LinkCasesComponent.prototype.getSelectedCaseReasons = function () {
+            var selectedReasons = [];
+            this.linkCaseForm.controls.reasonType.value.forEach(function (selectedReason) {
+                if (selectedReason.selected) {
+                    selectedReasons.push({
+                        reasonCode: selectedReason.key
+                    });
+                }
+            });
+            return selectedReasons;
+        };
+        LinkCasesComponent.prototype.getSelectedCCDTypeCaseReason = function () {
+            var selectedReasons = [];
+            this.linkCaseForm.controls.reasonType.value.forEach(function (selectedReason) {
+                if (selectedReason.selected) {
+                    selectedReasons.push({
+                        value: {
+                            Reason: selectedReason.key,
+                        }
+                    });
+                }
+            });
+            return selectedReasons;
+        };
+        LinkCasesComponent.prototype.onSelectedLinkedCaseRemove = function (pos, selectedCaseReference) {
+            var caseFieldValue = this.linkedCasesService.caseFieldValue || [];
+            var updatedItems = caseFieldValue.filter(function (item) { return item.value && item.value.CaseReference !== selectedCaseReference; });
+            if (updatedItems) {
+                this.linkedCasesService.caseFieldValue = updatedItems;
+            }
+            this.selectedCases.splice(pos, 1);
+        };
+        LinkCasesComponent.prototype.onNext = function () {
+            this.errorMessages = [];
+            this.caseReasonError = null;
+            this.caseNumberError = null;
+            this.caseSelectionError = null;
+            this.noSelectedCaseError = null;
+            var navigateToNextPage = true;
+            if (this.selectedCases.length) {
+                this.linkedCasesService.linkedCases = this.selectedCases;
+            }
+            else {
+                this.noSelectedCaseError = exports.LinkedCasesErrorMessages.CaseSelectionError;
+                this.errorMessages.push({
+                    title: 'dummy-case-selection',
+                    description: exports.LinkedCasesErrorMessages.CaseSelectionError,
+                    fieldId: 'caseReason',
+                });
+                navigateToNextPage = false;
+            }
+            this.emitLinkedCasesState(navigateToNextPage);
+        };
+        return LinkCasesComponent;
+    }());
+    LinkCasesComponent.ɵfac = function LinkCasesComponent_Factory(t) { return new (t || LinkCasesComponent)(i0__namespace.ɵɵdirectiveInject(CasesService), i0__namespace.ɵɵdirectiveInject(i2__namespace.FormBuilder), i0__namespace.ɵɵdirectiveInject(ValidatorsUtils), i0__namespace.ɵɵdirectiveInject(LinkedCasesService)); };
+    LinkCasesComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: LinkCasesComponent, selectors: [["ccd-link-cases"]], outputs: { linkedCasesStateEmitter: "linkedCasesStateEmitter" }, decls: 36, vars: 11, consts: [[1, "govuk-grid-row"], [1, "govuk-grid-column-full"], [1, "govuk-caption-l"], [1, "govuk-heading-xl"], ["class", "form-group", 3, "formGroup", 4, "ngIf"], ["id", "caseNumber", 1, "govuk-form-group", 3, "ngClass"], ["class", "govuk-error-message", 4, "ngIf"], [1, "govuk-table"], [1, "govuk-table__caption", "govuk-table__caption--m"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", "width", "300", 1, "govuk-table__header"], ["scope", "col", "width", "150", 1, "govuk-table__header"], ["scope", "col", "width", "200", 1, "govuk-table__header"], ["scope", "col", "width", "400", 1, "govuk-table__header"], ["scope", "col", "width", "50", 1, "govuk-table__header"], [1, "govuk-table__body"], ["class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["class", "govuk-table__row", 4, "ngIf"], [1, "govuk-button-group"], ["type", "button", "id", "next-button", 1, "button", "button-primary", 3, "click"], [1, "form-group", 3, "formGroup"], [1, "govuk-heading-s"], ["formControlName", "caseNumber", "id", "width-20", "name", "width-20", "type", "text", 1, "govuk-input", "govuk-input--width-20"], ["id", "waste-hint", 1, "govuk-hint"], ["data-module", "govuk-checkboxes", "formArrayName", "reasonType", "id", "caseReason", 1, "govuk-checkboxes", 3, "ngClass"], ["class", "govuk-checkboxes__item", 3, "formGroupName", 4, "ngFor", "ngForOf"], ["id", "propose", "type", "button", "data-module", "govuk-button", 1, "govuk-button", "govuk-button--secondary", 3, "click"], [1, "govuk-error-message"], [1, "govuk-visually-hidden"], [1, "govuk-checkboxes__item", 3, "formGroupName"], ["formControlName", "selected", "name", "pos", "type", "checkbox", 1, "govuk-checkboxes__input", 3, "id", "value"], [1, "govuk-label", "govuk-checkboxes__label", 3, "for"], [1, "govuk-table__cell"], [1, "govuk-form-group--error", 3, "ngClass"], [1, "govuk-table__cell", 3, "title"], [4, "ngFor", "ngForOf"], [1, "govuk-link", "no-visited-state", 3, "click"], ["colspan", "6", 1, "govuk-table__cell"]], template: function LinkCasesComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵelementStart(0, "div", 0);
+                i0__namespace.ɵɵelementStart(1, "div", 1);
+                i0__namespace.ɵɵelementStart(2, "div");
+                i0__namespace.ɵɵelementStart(3, "span", 2);
+                i0__namespace.ɵɵtext(4);
+                i0__namespace.ɵɵpipe(5, "ccdCaseReference");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(6, "h1", 3);
+                i0__namespace.ɵɵtext(7, "Select a\u00A0case you want to link to this case");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(8, LinkCasesComponent_div_8_Template, 18, 11, "div", 4);
+                i0__namespace.ɵɵelement(9, "hr");
+                i0__namespace.ɵɵelement(10, "br");
+                i0__namespace.ɵɵelement(11, "br");
+                i0__namespace.ɵɵelementStart(12, "div", 5);
+                i0__namespace.ɵɵtemplate(13, LinkCasesComponent_span_13_Template, 4, 1, "span", 6);
+                i0__namespace.ɵɵelementStart(14, "table", 7);
+                i0__namespace.ɵɵelementStart(15, "caption", 8);
+                i0__namespace.ɵɵtext(16, "Proposed case links ");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(17, "thead", 9);
+                i0__namespace.ɵɵelementStart(18, "tr", 10);
+                i0__namespace.ɵɵelementStart(19, "th", 11);
+                i0__namespace.ɵɵtext(20, "Case name and number");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(21, "th", 12);
+                i0__namespace.ɵɵtext(22, "Case type ");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(23, "th", 13);
+                i0__namespace.ɵɵtext(24, "Service");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(25, "th", 13);
+                i0__namespace.ɵɵtext(26, "State");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(27, "th", 14);
+                i0__namespace.ɵɵtext(28, "Reasons for case link");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelement(29, "th", 15);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(30, "tbody", 16);
+                i0__namespace.ɵɵtemplate(31, LinkCasesComponent_tr_31_Template, 19, 14, "tr", 17);
+                i0__namespace.ɵɵtemplate(32, LinkCasesComponent_tr_32_Template, 3, 0, "tr", 18);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(33, "div", 19);
+                i0__namespace.ɵɵelementStart(34, "button", 20);
+                i0__namespace.ɵɵlistener("click", function LinkCasesComponent_Template_button_click_34_listener() { return ctx.onNext(); });
+                i0__namespace.ɵɵtext(35, "Next");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵadvance(4);
+                i0__namespace.ɵɵtextInterpolate2("Link cases to ", ctx.caseName, " ", i0__namespace.ɵɵpipeBind1(5, 7, ctx.caseId), "");
+                i0__namespace.ɵɵadvance(4);
+                i0__namespace.ɵɵproperty("ngIf", ctx.linkCaseForm);
+                i0__namespace.ɵɵadvance(4);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$m, !!ctx.noSelectedCaseError));
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", ctx.noSelectedCaseError);
+                i0__namespace.ɵɵadvance(18);
+                i0__namespace.ɵɵproperty("ngForOf", ctx.selectedCases);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", !ctx.selectedCases.length);
+            }
+        }, styles: [".no-visited-state[_ngcontent-%COMP%]{color:#1d70b8;cursor:pointer}.no-visited-state[_ngcontent-%COMP%]:hover{color:#003078}.govuk-checkboxes[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex-wrap:wrap;max-height:500px;width:100%;overflow-x:auto;overflow-y:hidden;padding-top:5px}.govuk-checkboxes[_ngcontent-%COMP%]   .govuk-checkboxes__item[_ngcontent-%COMP%]{display:flex}  .govuk-width-container .screen-990 .width-50{width:100%}.govuk-table__row[_ngcontent-%COMP%]{position:relative}.govuk-table__row[_ngcontent-%COMP%]   .table-group-error[_ngcontent-%COMP%]{position:absolute;height:calc(100% - 20px);margin-left:-15px}"] });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LinkCasesComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-link-cases',
+                        styleUrls: ['./link-cases.component.scss'],
+                        templateUrl: './link-cases.component.html',
+                    }]
+            }], function () { return [{ type: CasesService }, { type: i2__namespace.FormBuilder }, { type: ValidatorsUtils }, { type: LinkedCasesService }]; }, { linkedCasesStateEmitter: [{
+                    type: i0.Output
+                }] });
+    })();
+
+    function LinkedCasesFromTableComponent_a_0_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r3_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "a", 2);
+            i0__namespace.ɵɵlistener("click", function LinkedCasesFromTableComponent_a_0_Template_a_click_0_listener() { i0__namespace.ɵɵrestoreView(_r3_1); var ctx_r2 = i0__namespace.ɵɵnextContext(); return ctx_r2.onClick(); });
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(ctx_r0.showHideLinkText);
+        }
+    }
+    function LinkedCasesFromTableComponent_table_1_tbody_13_tr_1_td_18_span_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "span");
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵpipe(2, "ccdLinkCasesReasonValue");
+            i0__namespace.ɵɵelement(3, "br");
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var reason_r11 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(2, 1, reason_r11.reasonCode), " ");
+        }
+    }
+    function LinkedCasesFromTableComponent_table_1_tbody_13_tr_1_td_18_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "td", 14);
+            i0__namespace.ɵɵtemplate(1, LinkedCasesFromTableComponent_table_1_tbody_13_tr_1_td_18_span_1_Template, 4, 3, "span", 17);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var details_r9 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngForOf", details_r9.reasons);
+        }
+    }
+    function LinkedCasesFromTableComponent_table_1_tbody_13_tr_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "tr", 5);
+            i0__namespace.ɵɵelementStart(1, "td", 11);
+            i0__namespace.ɵɵelementStart(2, "p", 12);
+            i0__namespace.ɵɵelementStart(3, "a", 13);
+            i0__namespace.ɵɵelementStart(4, "span");
+            i0__namespace.ɵɵtext(5);
+            i0__namespace.ɵɵelement(6, "br");
+            i0__namespace.ɵɵtext(7);
+            i0__namespace.ɵɵpipe(8, "ccdCaseReference");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(9, "td", 14);
+            i0__namespace.ɵɵelementStart(10, "span", 15);
+            i0__namespace.ɵɵtext(11);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(12, "td", 14);
+            i0__namespace.ɵɵelementStart(13, "span");
+            i0__namespace.ɵɵtext(14);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(15, "td", 14);
+            i0__namespace.ɵɵelementStart(16, "span", 15);
+            i0__namespace.ɵɵtext(17);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(18, LinkedCasesFromTableComponent_table_1_tbody_13_tr_1_td_18_Template, 2, 1, "td", 16);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var case_r7 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵpropertyInterpolate1("href", "cases/case-details/", case_r7.caseReference, "", i0__namespace.ɵɵsanitizeUrl);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate1("", case_r7.caseNameHmctsInternal, " ");
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(8, 9, case_r7.caseReference), "");
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("title", case_r7.ccdCaseTypeDescription);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(case_r7.ccdCaseType);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(case_r7.ccdJurisdiction);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("title", case_r7.stateDescription);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(case_r7.state);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngForOf", case_r7.linkDetails);
+        }
+    }
+    function LinkedCasesFromTableComponent_table_1_tbody_13_tr_2_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "tr", 5);
+            i0__namespace.ɵɵelementStart(1, "td", 18);
+            i0__namespace.ɵɵtext(2, " None ");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+    }
+    function LinkedCasesFromTableComponent_table_1_tbody_13_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "tbody", 8);
+            i0__namespace.ɵɵtemplate(1, LinkedCasesFromTableComponent_table_1_tbody_13_tr_1_Template, 19, 11, "tr", 9);
+            i0__namespace.ɵɵtemplate(2, LinkedCasesFromTableComponent_table_1_tbody_13_tr_2_Template, 3, 0, "tr", 10);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r4 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r4.getLinkedCasesResponse);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r4.noLinkedCases);
+        }
+    }
+    function LinkedCasesFromTableComponent_table_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "table", 3);
+            i0__namespace.ɵɵelementStart(1, "thead", 4);
+            i0__namespace.ɵɵelementStart(2, "tr", 5);
+            i0__namespace.ɵɵelementStart(3, "th", 6);
+            i0__namespace.ɵɵtext(4, "Case name and number");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(5, "th", 6);
+            i0__namespace.ɵɵtext(6, "Case type ");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(7, "th", 6);
+            i0__namespace.ɵɵtext(8, "Service");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(9, "th", 6);
+            i0__namespace.ɵɵtext(10, "State");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(11, "th", 6);
+            i0__namespace.ɵɵtext(12, "Reasons for case link");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(13, LinkedCasesFromTableComponent_table_1_tbody_13_Template, 3, 2, "tbody", 7);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(13);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r1.getLinkedCasesResponse && (!ctx_r1.isServerError && !ctx_r1.linkedCasesService.isServerReasonCodeError));
+        }
+    }
+    exports.PageType = void 0;
+    (function (PageType) {
+        PageType["LINKEDCASESTABLBEVIEW"] = "linkedCasesTableView";
+        PageType["PROPOSEDCASELINK"] = "proposedCaseLink";
+    })(exports.PageType || (exports.PageType = {}));
+    var LinkedCasesFromTableComponent = /** @class */ (function () {
+        function LinkedCasesFromTableComponent(route, casesService, linkedCasesService) {
+            this.route = route;
+            this.casesService = casesService;
+            this.linkedCasesService = linkedCasesService;
+            this.notifyAPIFailure = new i0.EventEmitter(false);
+            this.pageType = exports.PageType;
+            this.getLinkedCasesResponse = [];
+            this.showHideLinkText = 'Show';
+            this.noLinkedCases = true;
+            this.isServerError = false;
+        }
+        LinkedCasesFromTableComponent.prototype.ngAfterViewInit = function () {
+            var labelField = document.getElementsByClassName('case-viewer-label');
+            if (labelField && labelField.length) {
+                labelField[0].replaceWith('');
+            }
+        };
+        LinkedCasesFromTableComponent.prototype.ngOnInit = function () {
+            this.fetchPageData();
+            if (this.route.snapshot.data.case) {
+                this.linkedCasesService.caseDetails = this.route.snapshot.data.case;
+            }
+        };
+        LinkedCasesFromTableComponent.prototype.fetchPageData = function () {
+            var _this = this;
+            this.caseId = this.route.snapshot.data.case.case_id;
+            this.getLinkedCases().subscribe(function (response) {
+                _this.isServerError = false;
+                _this.getLinkedCasesResponse = response.linkedCases && response.linkedCases.map(function (item) {
+                    var mappedCasetype = _this.mapLookupIDToValueFromJurisdictions('CASE_TYPE', item.ccdCaseType);
+                    var mappedCasetypeDescription = _this.mapLookupIDToValueFromJurisdictions('CASE_TYPE_DESCRIPTION', item.ccdCaseType);
+                    var mappedCaseState = _this.mapLookupIDToValueFromJurisdictions('STATE', item.state);
+                    var mappedCaseStateDescription = _this.mapLookupIDToValueFromJurisdictions('STATE_DESCRIPTION', item.state);
+                    var mappedCaseService = _this.mapLookupIDToValueFromJurisdictions('JURISDICTION', item.ccdJurisdiction);
+                    return Object.assign(Object.assign({}, item), { ccdCaseType: mappedCasetype, ccdCaseTypeDescription: mappedCasetypeDescription, ccdJurisdiction: mappedCaseService, state: mappedCaseState, stateDescription: mappedCaseStateDescription, caseNameHmctsInternal: item.caseNameHmctsInternal || LinkedCasesFromTableComponent.CASE_NAME_MISSING_TEXT });
+                });
+                _this.noLinkedCases = !response.linkedCases || !response.linkedCases.length;
+            }, function (err) {
+                _this.isServerError = true;
+                _this.notifyAPIFailure.emit(true);
+            });
+        };
+        LinkedCasesFromTableComponent.prototype.getLinkedCases = function () {
+            return this.casesService.getLinkedCases(this.caseId);
+        };
+        LinkedCasesFromTableComponent.prototype.mapLookupIDToValueFromJurisdictions = function (fieldName, fieldValue) {
+            return this.linkedCasesService.mapLookupIDToValueFromJurisdictions(fieldName, fieldValue);
+        };
+        LinkedCasesFromTableComponent.prototype.onClick = function () {
+            this.showHideLinkText = this.showHideLinkText === 'Show'
+                ? 'Hide'
+                : 'Show';
+        };
+        return LinkedCasesFromTableComponent;
+    }());
+    LinkedCasesFromTableComponent.CASE_NAME_MISSING_TEXT = 'Case name missing';
+    LinkedCasesFromTableComponent.ɵfac = function LinkedCasesFromTableComponent_Factory(t) { return new (t || LinkedCasesFromTableComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(CasesService), i0__namespace.ɵɵdirectiveInject(LinkedCasesService)); };
+    LinkedCasesFromTableComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: LinkedCasesFromTableComponent, selectors: [["ccd-linked-cases-from-table"]], inputs: { caseField: "caseField" }, outputs: { notifyAPIFailure: "notifyAPIFailure" }, decls: 2, vars: 2, consts: [["id", "show-hide-link", "class", "govuk-link", "href", "javascript:void(0)", 3, "click", 4, "ngIf"], ["aria-describedby", "table to display cases linked from", 4, "ngIf"], ["id", "show-hide-link", "href", "javascript:void(0)", 1, "govuk-link", 3, "click"], ["aria-describedby", "table to display cases linked from"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", "width", "20%", 1, "govuk-table__header", "case-table-column"], ["class", "govuk-table__body", 4, "ngIf"], [1, "govuk-table__body"], ["class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["class", "govuk-table__row", 4, "ngIf"], [1, "govuk-table__header", "case-table-column", "width-20"], [1, "govuk-body"], ["target", "_blank", "rel", "noopener", 1, "govuk-link", 3, "href"], [1, "case-table-column"], [3, "title"], ["class", "case-table-column", 4, "ngFor", "ngForOf"], [4, "ngFor", "ngForOf"], ["colspan", "5", 1, "govuk-table__cell"]], template: function LinkedCasesFromTableComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, LinkedCasesFromTableComponent_a_0_Template, 2, 1, "a", 0);
+                i0__namespace.ɵɵtemplate(1, LinkedCasesFromTableComponent_table_1_Template, 14, 1, "table", 1);
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngIf", !ctx.noLinkedCases && !ctx.isServerError);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", ctx.getLinkedCasesResponse && ctx.showHideLinkText === "Hide" || ctx.noLinkedCases);
+            }
+        }, styles: [".case-table-column[_ngcontent-%COMP%]{min-width:20%;max-width:20%}.heading-h2[_ngcontent-%COMP%]{margin-bottom:0}"] });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LinkedCasesFromTableComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-linked-cases-from-table',
+                        templateUrl: './linked-cases-from-table.component.html',
+                        styleUrls: ['./linked-cases-from-table.component.scss']
+                    }]
+            }], function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: CasesService }, { type: LinkedCasesService }]; }, { caseField: [{
+                    type: i0.Input
+                }], notifyAPIFailure: [{
+                    type: i0.Output
+                }] });
+    })();
+
+    function LinkedCasesToTableComponent_table_2_tr_14_td_18_span_1_a_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "a", 16);
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var case_r3 = i0__namespace.ɵɵnextContext(3).$implicit;
+            var ctx_r9 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵpropertyInterpolate1("href", "cases/case-details/", case_r3.caseReference, "", i0__namespace.ɵɵsanitizeUrl);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(ctx_r9.getCaseRefereneLink(case_r3.caseReference));
+        }
+    }
+    function LinkedCasesToTableComponent_table_2_tr_14_td_18_span_1_br_5_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelement(0, "br");
+        }
+    }
+    function LinkedCasesToTableComponent_table_2_tr_14_td_18_span_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "span");
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵpipe(2, "ccdLinkCasesReasonValue");
+            i0__namespace.ɵɵelementStart(3, "span");
+            i0__namespace.ɵɵtemplate(4, LinkedCasesToTableComponent_table_2_tr_14_td_18_span_1_a_4_Template, 2, 2, "a", 15);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(5, LinkedCasesToTableComponent_table_2_tr_14_td_18_span_1_br_5_Template, 1, 0, "br", 13);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var reason_r6 = ctx.$implicit;
+            var isLast_r8 = ctx.last;
+            var ctx_r5 = i0__namespace.ɵɵnextContext(4);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(2, 3, reason_r6), "");
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r5.hasLeadCaseOrConsolidated(reason_r6));
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", !isLast_r8);
+        }
+    }
+    function LinkedCasesToTableComponent_table_2_tr_14_td_18_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "td");
+            i0__namespace.ɵɵtemplate(1, LinkedCasesToTableComponent_table_2_tr_14_td_18_span_1_Template, 6, 5, "span", 14);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var case_r3 = i0__namespace.ɵɵnextContext().$implicit;
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngForOf", case_r3.reasons);
+        }
+    }
+    function LinkedCasesToTableComponent_table_2_tr_14_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "tr", 4);
+            i0__namespace.ɵɵelementStart(1, "td");
+            i0__namespace.ɵɵelementStart(2, "p", 9);
+            i0__namespace.ɵɵelementStart(3, "a", 10);
+            i0__namespace.ɵɵelementStart(4, "span", 11);
+            i0__namespace.ɵɵtext(5);
+            i0__namespace.ɵɵelement(6, "br");
+            i0__namespace.ɵɵtext(7);
+            i0__namespace.ɵɵpipe(8, "ccdCaseReference");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(9, "td");
+            i0__namespace.ɵɵelementStart(10, "span", 12);
+            i0__namespace.ɵɵtext(11);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(12, "td");
+            i0__namespace.ɵɵelementStart(13, "span");
+            i0__namespace.ɵɵtext(14);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(15, "td");
+            i0__namespace.ɵɵelementStart(16, "span", 12);
+            i0__namespace.ɵɵtext(17);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(18, LinkedCasesToTableComponent_table_2_tr_14_td_18_Template, 2, 1, "td", 13);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var case_r3 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵpropertyInterpolate1("href", "cases/case-details/", case_r3.caseReference, "", i0__namespace.ɵɵsanitizeUrl);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate1("", case_r3.caseName, " ");
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(8, 9, case_r3.caseReference), "");
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("title", case_r3.caseTypeDescription);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(case_r3.caseType);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate(case_r3.service);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("title", case_r3.stateDescription);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(case_r3.state);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", case_r3 && case_r3.reasons);
+        }
+    }
+    function LinkedCasesToTableComponent_table_2_tr_15_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "tr", 4);
+            i0__namespace.ɵɵelementStart(1, "td", 17);
+            i0__namespace.ɵɵtext(2, " None ");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+    }
+    function LinkedCasesToTableComponent_table_2_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "table", 3);
+            i0__namespace.ɵɵelementStart(1, "thead");
+            i0__namespace.ɵɵelementStart(2, "tr", 4);
+            i0__namespace.ɵɵelementStart(3, "th", 5);
+            i0__namespace.ɵɵtext(4, "Case name and number");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(5, "th", 5);
+            i0__namespace.ɵɵtext(6, "Case type ");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(7, "th", 5);
+            i0__namespace.ɵɵtext(8, "Service");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(9, "th", 5);
+            i0__namespace.ɵɵtext(10, "State");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(11, "th", 5);
+            i0__namespace.ɵɵtext(12, "Reasons for case link");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(13, "tbody", 6);
+            i0__namespace.ɵɵtemplate(14, LinkedCasesToTableComponent_table_2_tr_14_Template, 19, 11, "tr", 7);
+            i0__namespace.ɵɵtemplate(15, LinkedCasesToTableComponent_table_2_tr_15_Template, 3, 0, "tr", 8);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(14);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.linkedCasesFromResponse);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r0.linkedCasesFromResponse && ctx_r0.linkedCasesFromResponse.length === 0 && (!ctx_r0.isServerError && !ctx_r0.linkedCasesService.isServerReasonCodeError));
+        }
+    }
+    var LinkedCasesToTableComponent = /** @class */ (function () {
+        function LinkedCasesToTableComponent(route, linkedCasesService, casesService) {
+            this.route = route;
+            this.linkedCasesService = linkedCasesService;
+            this.casesService = casesService;
+            this.notifyAPIFailure = new i0.EventEmitter(false);
+            this.linkedCasesFromResponse = [];
+            this.isServerError = false;
+            this.jurisdictionsResponse = [];
+        }
+        LinkedCasesToTableComponent.prototype.ngAfterViewInit = function () {
+            var labelField = document.getElementsByClassName('govuk-heading-l');
+            if (labelField && labelField.length) {
+                labelField[0].replaceWith('');
+            }
+            labelField = document.getElementsByClassName('heading-h2');
+            if (labelField && labelField.length) {
+                labelField[0].replaceWith('');
+            }
+        };
+        LinkedCasesToTableComponent.prototype.ngOnInit = function () {
+            this.caseId = this.route.snapshot && this.route.snapshot.data && this.route.snapshot.data.case.case_id;
+            this.getAllLinkedCaseInformation();
+            if (this.route.snapshot.data.case) {
+                this.linkedCasesService.caseDetails = this.route.snapshot.data.case;
+            }
+        };
+        LinkedCasesToTableComponent.prototype.getCaseRefereneLink = function (caseRef) {
+            return caseRef.slice(this.caseId.length - 4);
+        };
+        LinkedCasesToTableComponent.prototype.sortLinkedCasesByReasonCode = function (searchCasesResponse) {
+            var topLevelresultArray = [];
+            var secondLevelresultArray = [];
+            searchCasesResponse.forEach(function (item) {
+                var reasons = item && item.reasons || [];
+                var consolidatedStateReason = reasons.map(function (x) { return x; }).find(function (reason) { return reason === LinkedCasesToTableComponent.CASE_CONSOLIDATED_REASON_CODE; });
+                var progressedStateReason = reasons.map(function (x) { return x; }).find(function (reason) { return reason === LinkedCasesToTableComponent.CASE_PROGRESS_REASON_CODE; });
+                var arrayItem;
+                if (progressedStateReason) {
+                    arrayItem = Object.assign({}, item);
+                    topLevelresultArray.push(arrayItem);
+                }
+                else if (consolidatedStateReason) {
+                    arrayItem = Object.assign({}, item);
+                    secondLevelresultArray = __spread([Object.assign({}, item)], secondLevelresultArray);
+                }
+                else {
+                    arrayItem = Object.assign({}, item);
+                    secondLevelresultArray.push(Object.assign({}, item));
+                }
+            });
+            return topLevelresultArray.concat(secondLevelresultArray);
+        };
+        LinkedCasesToTableComponent.prototype.getAllLinkedCaseInformation = function () {
+            var _this = this;
+            var searchCasesResponse = [];
+            var caseFieldValue = this.caseField ? this.caseField.value : [];
+            // Generate the list of observables
+            caseFieldValue.forEach(function (fieldValue) {
+                if (fieldValue && fieldValue.id) {
+                    searchCasesResponse.push(_this.casesService.getCaseViewV2(fieldValue.id));
+                }
+            });
+            if (searchCasesResponse.length) {
+                this.searchCasesByCaseIds(searchCasesResponse).subscribe(function (searchCases) {
+                    var casesResponse = [];
+                    searchCases.forEach(function (response) {
+                        casesResponse.push(_this.mapResponse(response));
+                    });
+                    _this.linkedCasesFromResponse = _this.sortLinkedCasesByReasonCode(casesResponse);
+                    _this.isLoaded = true;
+                    var caseLinks = _this.linkedCasesFromResponse.map(function (item) {
+                        return {
+                            caseReference: item.caseReference,
+                            caseName: item.caseName,
+                            caseService: item.service,
+                            caseType: item.caseType,
+                            unlink: false,
+                            reasons: item.reasons && item.reasons.map(function (reason) {
+                                return {
+                                    reasonCode: reason
+                                };
+                            }),
+                        };
+                    });
+                    _this.linkedCasesService.initialCaseLinks = caseLinks;
+                    _this.linkedCasesService.linkedCases = caseLinks;
+                    _this.isServerError = false;
+                }, function (err) {
+                    _this.isServerError = true;
+                    _this.notifyAPIFailure.emit(true);
+                });
+            }
+        };
+        LinkedCasesToTableComponent.prototype.searchCasesByCaseIds = function (searchCasesResponse) {
+            return rxjs.forkJoin(searchCasesResponse);
+        };
+        LinkedCasesToTableComponent.prototype.hasLeadCaseOrConsolidated = function (reasonCode) {
+            return reasonCode === LinkedCasesToTableComponent.CASE_PROGRESS_REASON_CODE ||
+                reasonCode === LinkedCasesToTableComponent.CASE_CONSOLIDATED_REASON_CODE;
+        };
+        LinkedCasesToTableComponent.prototype.mapResponse = function (esSearchCasesResponse) {
+            var caseInfo = this.caseField.value.find(function (item) { return item.value && item.value.CaseReference === esSearchCasesResponse.case_id; });
+            return caseInfo && {
+                caseReference: esSearchCasesResponse.case_id,
+                caseName: this.linkedCasesService.getCaseName(esSearchCasesResponse),
+                caseType: esSearchCasesResponse.case_type.name || '',
+                caseTypeDescription: esSearchCasesResponse.case_type.description || '',
+                service: esSearchCasesResponse.case_type && esSearchCasesResponse.case_type.jurisdiction.description || '',
+                state: esSearchCasesResponse.state.name || '',
+                stateDescription: esSearchCasesResponse.state.description || '',
+                reasons: caseInfo.value && caseInfo.value.ReasonForLink &&
+                    caseInfo.value.ReasonForLink.map(function (reason) { return reason.value && reason.value.Reason; }),
+            };
+        };
+        return LinkedCasesToTableComponent;
+    }());
+    LinkedCasesToTableComponent.CASE_CONSOLIDATED_REASON_CODE = 'CLRC015';
+    LinkedCasesToTableComponent.CASE_PROGRESS_REASON_CODE = 'CLRC016';
+    LinkedCasesToTableComponent.ɵfac = function LinkedCasesToTableComponent_Factory(t) { return new (t || LinkedCasesToTableComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(LinkedCasesService), i0__namespace.ɵɵdirectiveInject(CasesService)); };
+    LinkedCasesToTableComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: LinkedCasesToTableComponent, selectors: [["ccd-linked-cases-to-table"]], inputs: { caseField: "caseField" }, outputs: { notifyAPIFailure: "notifyAPIFailure" }, decls: 3, vars: 1, consts: [[1, "govuk-grid-row", "govuk-!-margin-bottom-2"], [1, "govuk-grid-column-full"], ["aria-describedby", "table to display cases linked TO", 4, "ngIf"], ["aria-describedby", "table to display cases linked TO"], [1, "govuk-table__row"], ["scope", "col", "width", "20%", 1, "govuk-table__header", "case-table-column"], [1, "govuk-table__body"], ["class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["class", "govuk-table__row", 4, "ngIf"], [1, "govuk-body"], ["target", "_blank", "rel", "noopener", 3, "href"], [1, "govuk-link"], [3, "title"], [4, "ngIf"], [4, "ngFor", "ngForOf"], ["class", "govuk-!-padding-left-1", 3, "href", 4, "ngIf"], [1, "govuk-!-padding-left-1", 3, "href"], ["colspan", "5", 1, "govuk-table__cell"]], template: function LinkedCasesToTableComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵelementStart(0, "div", 0);
+                i0__namespace.ɵɵelementStart(1, "div", 1);
+                i0__namespace.ɵɵtemplate(2, LinkedCasesToTableComponent_table_2_Template, 16, 2, "table", 2);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngIf", ctx.linkedCasesFromResponse);
+            }
+        }, styles: [".case-table-column[_ngcontent-%COMP%]{min-width:20%;max-width:20%}"] });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LinkedCasesToTableComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-linked-cases-to-table',
+                        templateUrl: './linked-cases-to-table.component.html',
+                        styleUrls: ['./linked-cases-to-table.component.scss']
+                    }]
+            }], function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: LinkedCasesService }, { type: CasesService }]; }, { caseField: [{
+                    type: i0.Input
+                }], notifyAPIFailure: [{
+                    type: i0.Output
+                }] });
+    })();
+
+    function NoLinkedCasesComponent_h1_2_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "h1", 9);
+            i0__namespace.ɵɵtext(1, "There is a problem");
+            i0__namespace.ɵɵelementEnd();
+        }
+    }
+    function NoLinkedCasesComponent_p_3_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "p", 10);
+            i0__namespace.ɵɵelementStart(1, "span", 11);
+            i0__namespace.ɵɵtext(2, "Error:");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtext(3);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.linkedCasesService.serverLinkedApiError.message, " ");
+        }
+    }
+    function NoLinkedCasesComponent_ng_template_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "p", 5);
+            i0__namespace.ɵɵtext(1, "There are no cases linked to this one.");
+            i0__namespace.ɵɵelementEnd();
+        }
+    }
+    var NoLinkedCasesComponent = /** @class */ (function () {
+        function NoLinkedCasesComponent(router, linkedCasesService) {
+            this.router = router;
+            this.linkedCasesService = linkedCasesService;
+        }
+        NoLinkedCasesComponent.prototype.onBack = function () {
+            this.router.navigate(['cases', 'case-details', this.linkedCasesService.caseId]).then(function () {
+                window.location.hash = 'Linked cases';
+            });
+        };
+        return NoLinkedCasesComponent;
+    }());
+    NoLinkedCasesComponent.ɵfac = function NoLinkedCasesComponent_Factory(t) { return new (t || NoLinkedCasesComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(LinkedCasesService)); };
+    NoLinkedCasesComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: NoLinkedCasesComponent, selectors: [["ccd-no-linked-cases"]], decls: 12, vars: 3, consts: [[1, "govuk-grid-row"], [1, "govuk-grid-column-full"], ["class", "govuk-heading-xl", 4, "ngIf"], ["id", "unlink-cases-error", "class", "govuk-error-message", 4, "ngIf", "ngIfElse"], ["noLinkedCases", ""], [1, "govuk-body"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"], [1, "govuk-button-group"], ["type", "button", "id", "back-button", 1, "button", "button-primary", 3, "click"], [1, "govuk-heading-xl"], ["id", "unlink-cases-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"]], template: function NoLinkedCasesComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵelementStart(0, "div", 0);
+                i0__namespace.ɵɵelementStart(1, "div", 1);
+                i0__namespace.ɵɵtemplate(2, NoLinkedCasesComponent_h1_2_Template, 2, 0, "h1", 2);
+                i0__namespace.ɵɵtemplate(3, NoLinkedCasesComponent_p_3_Template, 4, 1, "p", 3);
+                i0__namespace.ɵɵtemplate(4, NoLinkedCasesComponent_ng_template_4_Template, 2, 0, "ng-template", null, 4, i0__namespace.ɵɵtemplateRefExtractor);
+                i0__namespace.ɵɵelementStart(6, "p", 5);
+                i0__namespace.ɵɵelementStart(7, "a", 6);
+                i0__namespace.ɵɵlistener("click", function NoLinkedCasesComponent_Template_a_click_7_listener() { return ctx.onBack(); });
+                i0__namespace.ɵɵtext(8, "Go back to the Linked cases tab");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(9, "div", 7);
+                i0__namespace.ɵɵelementStart(10, "button", 8);
+                i0__namespace.ɵɵlistener("click", function NoLinkedCasesComponent_Template_button_click_10_listener() { return ctx.onBack(); });
+                i0__namespace.ɵɵtext(11, "Back");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                var _r2 = i0__namespace.ɵɵreference(5);
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngIf", ctx.linkedCasesService.serverLinkedApiError);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", ctx.linkedCasesService.serverLinkedApiError)("ngIfElse", _r2);
+            }
+        }, directives: [i1__namespace.NgIf], encapsulation: 2 });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(NoLinkedCasesComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-no-linked-cases',
+                        templateUrl: './no-linked-cases.component.html'
+                    }]
+            }], function () { return [{ type: i1__namespace$1.Router }, { type: LinkedCasesService }]; }, null);
+    })();
+
+    function UnLinkCasesComponent_div_0_div_4_p_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "p", 11);
+            i0__namespace.ɵɵelementStart(1, "span", 12);
+            i0__namespace.ɵɵtext(2, "Error:");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtext(3);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r2 = i0__namespace.ɵɵnextContext(3);
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r2.unlinkErrorMessage, " ");
+        }
+    }
+    function UnLinkCasesComponent_div_0_div_4_div_3_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r6_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div", 13);
+            i0__namespace.ɵɵelementStart(1, "input", 14);
+            i0__namespace.ɵɵlistener("change", function UnLinkCasesComponent_div_0_div_4_div_3_Template_input_change_1_listener($event) { i0__namespace.ɵɵrestoreView(_r6_1); var ctx_r5 = i0__namespace.ɵɵnextContext(3); return ctx_r5.onChange($event.target); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(2, "label", 15);
+            i0__namespace.ɵɵtext(3);
+            i0__namespace.ɵɵpipe(4, "ccdCaseReference");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var case_r4 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵpropertyInterpolate1("id", "case-reference-", case_r4.caseReference, "");
+            i0__namespace.ɵɵproperty("value", case_r4.caseReference)("checked", case_r4.unlink);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵpropertyInterpolate("for", case_r4.caseReference);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate2(" ", case_r4.caseName, " ", i0__namespace.ɵɵpipeBind1(4, 6, case_r4.caseReference), " ");
+        }
+    }
+    var _c0$l = function (a0) { return { "govuk-form-group--error": a0 }; };
+    function UnLinkCasesComponent_div_0_div_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div", 7);
+            i0__namespace.ɵɵtemplate(1, UnLinkCasesComponent_div_0_div_4_p_1_Template, 4, 1, "p", 8);
+            i0__namespace.ɵɵelementStart(2, "div", 9);
+            i0__namespace.ɵɵtemplate(3, UnLinkCasesComponent_div_0_div_4_div_3_Template, 5, 8, "div", 10);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$l, ctx_r1.unlinkErrorMessage))("formGroup", ctx_r1.unlinkCaseForm);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r1.unlinkErrorMessage);
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r1.linkedCases);
+        }
+    }
+    function UnLinkCasesComponent_div_0_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r8_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div", 1);
+            i0__namespace.ɵɵelementStart(1, "div", 2);
+            i0__namespace.ɵɵelementStart(2, "h1", 3);
+            i0__namespace.ɵɵtext(3, "Select the cases you want to unlink from this case");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(4, UnLinkCasesComponent_div_0_div_4_Template, 4, 6, "div", 4);
+            i0__namespace.ɵɵelementStart(5, "div", 5);
+            i0__namespace.ɵɵelementStart(6, "button", 6);
+            i0__namespace.ɵɵlistener("click", function UnLinkCasesComponent_div_0_Template_button_click_6_listener() { i0__namespace.ɵɵrestoreView(_r8_1); var ctx_r7 = i0__namespace.ɵɵnextContext(); return ctx_r7.onNext(); });
+            i0__namespace.ɵɵtext(7, "Next");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(4);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r0.unlinkCaseForm);
+        }
+    }
+    var UnLinkCasesComponent = /** @class */ (function () {
+        function UnLinkCasesComponent(caseEdit, fb, casesService, linkedCasesService) {
+            this.caseEdit = caseEdit;
+            this.fb = fb;
+            this.casesService = casesService;
+            this.linkedCasesService = linkedCasesService;
+            this.linkedCasesStateEmitter = new i0.EventEmitter();
+            this.notifyAPIFailure = new i0.EventEmitter(false);
+            this.linkedCases = [];
+            this.errorMessages = [];
+            this.isServerError = false;
+        }
+        UnLinkCasesComponent.prototype.ngOnInit = function () {
+            this.getLinkedCases();
+        };
+        UnLinkCasesComponent.prototype.getLinkedCases = function () {
+            var _this = this;
+            this.caseId = this.linkedCasesService.caseId;
+            if (this.linkedCasesService.linkedCases.length > 0) {
+                this.linkedCases = this.linkedCasesService.linkedCases;
+                this.getAllLinkedCaseInformation();
+            }
+            else {
+                this.casesService.getCaseViewV2(this.caseId).subscribe(function (caseView) {
+                    var linkedCasesTab = caseView.tabs.find(function (tab) { return tab.id === UnLinkCasesComponent.LINKED_CASES_TAB_ID; });
+                    if (linkedCasesTab) {
+                        var linkedCases = linkedCasesTab.fields[0].value;
+                        _this.linkedCases = linkedCases;
+                        _this.linkedCasesService.linkedCases = linkedCases;
+                        _this.getAllLinkedCaseInformation();
+                    }
+                });
+            }
+        };
+        UnLinkCasesComponent.prototype.getAllLinkedCaseInformation = function () {
+            var _this = this;
+            var searchCasesResponse = [];
+            this.linkedCases.forEach(function (linkedCase) {
+                searchCasesResponse.push(_this.casesService.getCaseViewV2(linkedCase.caseReference));
+            });
+            if (searchCasesResponse.length) {
+                this.searchCasesByCaseIds(searchCasesResponse).subscribe(function (searchCases) {
+                    searchCases.forEach(function (response) {
+                        var linkedCaseFromList = _this.linkedCases.find(function (linkedCase) { return linkedCase.caseReference === response.case_id; });
+                        if (linkedCaseFromList) {
+                            var caseName = _this.linkedCasesService.getCaseName(response);
+                            _this.linkedCases.find(function (linkedCase) { return linkedCase.caseReference === response.case_id; }).caseName = caseName;
+                        }
+                    });
+                    _this.initForm();
+                    _this.linkedCasesService.linkedCases = _this.linkedCases;
+                    _this.isServerError = false;
+                }, function (err) {
+                    _this.isServerError = true;
+                    _this.notifyAPIFailure.emit(true);
+                });
+            }
+        };
+        UnLinkCasesComponent.prototype.searchCasesByCaseIds = function (searchCasesResponse) {
+            return rxjs.forkJoin(searchCasesResponse);
+        };
+        UnLinkCasesComponent.prototype.initForm = function () {
+            this.unlinkCaseForm = this.fb.group({
+                linkedCases: this.getLinkedCasesFormArray
+            });
+        };
+        Object.defineProperty(UnLinkCasesComponent.prototype, "getLinkedCasesFormArray", {
+            get: function () {
+                var _this = this;
+                var formFieldArray = this.linkedCases.map(function (val) { return _this.fb.group({
+                    caseReference: val.caseReference,
+                    reasons: val.reasons,
+                    createdDateTime: val.createdDateTime,
+                    caseType: val.caseType,
+                    caseState: val.caseState,
+                    caseService: val.caseService,
+                    caseName: val.caseName || UnLinkCasesComponent.CASE_NAME_MISSING_TEXT,
+                    unlink: val.unlink
+                }); });
+                return this.fb.array(formFieldArray);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        UnLinkCasesComponent.prototype.onChange = function (caseSelected) {
+            this.resetErrorMessages();
+            var selectedCase = this.linkedCases.find(function (linkedCase) { return linkedCase.caseReference === caseSelected.value; });
+            if (selectedCase) {
+                selectedCase.unlink = caseSelected.checked ? true : false;
+            }
+        };
+        UnLinkCasesComponent.prototype.onNext = function () {
+            this.resetErrorMessages();
+            var navigateToNextPage = true;
+            var casesMarkedToUnlink = this.linkedCases.find(function (linkedCase) { return linkedCase.unlink && linkedCase.unlink === true; });
+            if (!casesMarkedToUnlink) {
+                this.errorMessages.push({
+                    title: 'case-selection',
+                    description: exports.LinkedCasesErrorMessages.UnlinkCaseSelectionError,
+                    fieldId: "case-reference-" + this.linkedCases[0].caseReference
+                });
+                this.unlinkErrorMessage = exports.LinkedCasesErrorMessages.UnlinkCaseSelectionError;
+                navigateToNextPage = false;
+            }
+            var unlinkedCaseRefereneIds = this.linkedCasesService.linkedCases.filter(function (item) { return item.unlink; }).map(function (item) { return item.caseReference; });
+            var updatedLinkedCases = this.linkedCasesService.caseFieldValue.filter(function (item) { return unlinkedCaseRefereneIds.indexOf(item.value.CaseReference) === -1; });
+            this.caseEdit.form.controls['data'] = new i2.FormGroup({ caseLinks: new i2.FormControl(updatedLinkedCases || []) });
+            // Return linked cases state and error messages to the parent
+            this.linkedCasesStateEmitter.emit({
+                currentLinkedCasesPage: exports.LinkedCasesPages.UNLINK_CASE,
+                errorMessages: this.errorMessages,
+                navigateToNextPage: navigateToNextPage
+            });
+        };
+        UnLinkCasesComponent.prototype.resetErrorMessages = function () {
+            this.errorMessages = [];
+            this.unlinkErrorMessage = null;
+        };
+        return UnLinkCasesComponent;
+    }());
+    UnLinkCasesComponent.LINKED_CASES_TAB_ID = 'linked_cases_sscs';
+    UnLinkCasesComponent.CASE_NAME_MISSING_TEXT = 'Case name missing';
+    UnLinkCasesComponent.ɵfac = function UnLinkCasesComponent_Factory(t) { return new (t || UnLinkCasesComponent)(i0__namespace.ɵɵdirectiveInject(CaseEditComponent), i0__namespace.ɵɵdirectiveInject(i2__namespace.FormBuilder), i0__namespace.ɵɵdirectiveInject(CasesService), i0__namespace.ɵɵdirectiveInject(LinkedCasesService)); };
+    UnLinkCasesComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: UnLinkCasesComponent, selectors: [["ccd-unlink-cases"]], outputs: { linkedCasesStateEmitter: "linkedCasesStateEmitter", notifyAPIFailure: "notifyAPIFailure" }, decls: 1, vars: 1, consts: [["class", "govuk-grid-row", 4, "ngIf"], [1, "govuk-grid-row"], [1, "govuk-grid-column-full"], [1, "govuk-heading-xl"], ["class", "govuk-form-group form-group", 3, "ngClass", "formGroup", 4, "ngIf"], [1, "govuk-button-group"], ["type", "button", "id", "next-button", 1, "button", "button-primary", 3, "click"], [1, "govuk-form-group", "form-group", 3, "ngClass", "formGroup"], ["id", "unlink-cases-error", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-checkboxes", 1, "govuk-checkboxes"], ["class", "govuk-checkboxes__item", 4, "ngFor", "ngForOf"], ["id", "unlink-cases-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], [1, "govuk-checkboxes__item"], ["formArrayName", "linkedCases", "name", "linkedCases", "type", "checkbox", 1, "govuk-checkboxes__input", 3, "id", "value", "checked", "change"], [1, "govuk-label", "govuk-checkboxes__label", 3, "for"]], template: function UnLinkCasesComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, UnLinkCasesComponent_div_0_Template, 8, 1, "div", 0);
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngIf", ctx.linkedCases.length > 0);
+            }
+        }, directives: [i1__namespace.NgIf, i1__namespace.NgClass, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgForOf, i2__namespace.FormArrayName], pipes: [CaseReferencePipe], encapsulation: 2 });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(UnLinkCasesComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-unlink-cases',
+                        templateUrl: './unlink-cases.component.html'
+                    }]
+            }], function () { return [{ type: CaseEditComponent }, { type: i2__namespace.FormBuilder }, { type: CasesService }, { type: LinkedCasesService }]; }, { linkedCasesStateEmitter: [{
+                    type: i0.Output
+                }], notifyAPIFailure: [{
+                    type: i0.Output
+                }] });
+    })();
+
+    function WriteLinkedCasesComponent_div_0_div_3_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r9_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div", 7);
+            i0__namespace.ɵɵelementStart(1, "ul", 8);
+            i0__namespace.ɵɵelementStart(2, "li");
+            i0__namespace.ɵɵelementStart(3, "a", 9);
+            i0__namespace.ɵɵlistener("click", function WriteLinkedCasesComponent_div_0_div_3_Template_a_click_3_listener() { i0__namespace.ɵɵrestoreView(_r9_1); var errorMessage_r7 = ctx.$implicit; var ctx_r8 = i0__namespace.ɵɵnextContext(2); return ctx_r8.navigateToErrorElement(errorMessage_r7.fieldId); });
+            i0__namespace.ɵɵtext(4);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var errorMessage_r7 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(4);
+            i0__namespace.ɵɵtextInterpolate(errorMessage_r7.description);
+        }
+    }
+    function WriteLinkedCasesComponent_div_0_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div", 4);
+            i0__namespace.ɵɵelementStart(1, "h2", 5);
+            i0__namespace.ɵɵtext(2, " There is a problem ");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(3, WriteLinkedCasesComponent_div_0_div_3_Template, 5, 1, "div", 6);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.errorMessages);
+        }
+    }
+    function WriteLinkedCasesComponent_ng_container_3_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r11_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "ccd-linked-cases-before-you-start", 10);
+            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesComponent_ng_container_3_Template_ccd_linked_cases_before_you_start_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r11_1); var ctx_r10 = i0__namespace.ɵɵnextContext(); return ctx_r10.onLinkedCasesStateEmitted($event); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+    }
+    function WriteLinkedCasesComponent_ng_container_4_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r13_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "ccd-no-linked-cases", 10);
+            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesComponent_ng_container_4_Template_ccd_no_linked_cases_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r13_1); var ctx_r12 = i0__namespace.ɵɵnextContext(); return ctx_r12.onLinkedCasesStateEmitted($event); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+    }
+    function WriteLinkedCasesComponent_ng_container_5_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r15_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "ccd-link-cases", 10);
+            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesComponent_ng_container_5_Template_ccd_link_cases_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r15_1); var ctx_r14 = i0__namespace.ɵɵnextContext(); return ctx_r14.onLinkedCasesStateEmitted($event); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+    }
+    function WriteLinkedCasesComponent_ng_container_6_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r17_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "ccd-unlink-cases", 10);
+            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesComponent_ng_container_6_Template_ccd_unlink_cases_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r17_1); var ctx_r16 = i0__namespace.ɵɵnextContext(); return ctx_r16.onLinkedCasesStateEmitted($event); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+    }
+    function WriteLinkedCasesComponent_ng_container_7_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r19_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "ccd-linked-cases-check-your-answers", 10);
+            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesComponent_ng_container_7_Template_ccd_linked_cases_check_your_answers_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r19_1); var ctx_r18 = i0__namespace.ɵɵnextContext(); return ctx_r18.onLinkedCasesStateEmitted($event); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+    }
+    var WriteLinkedCasesComponent = /** @class */ (function (_super) {
+        __extends(WriteLinkedCasesComponent, _super);
+        function WriteLinkedCasesComponent(caseEdit, appConfig, commonDataService, casesService, linkedCasesService, caseEditDataService) {
+            var _this = _super.call(this) || this;
+            _this.caseEdit = caseEdit;
+            _this.appConfig = appConfig;
+            _this.commonDataService = commonDataService;
+            _this.casesService = casesService;
+            _this.linkedCasesService = linkedCasesService;
+            _this.caseEditDataService = caseEditDataService;
+            _this.onLinkedCasesSelected = new i0.EventEmitter();
+            _this.isLinkedCasesJourney = false;
+            _this.linkedCasesPages = exports.LinkedCasesPages;
+            _this.linkedCasesEventTriggers = exports.LinkedCasesEventTriggers;
+            _this.linkedCases = [];
+            _this.errorMessages = [];
+            return _this;
+        }
+        WriteLinkedCasesComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.caseEditDataService.clearFormValidationErrors();
+            this.linkedCasesService.caseId = this.caseEdit.caseDetails.case_id;
+            this.linkedCasesService.caseName = this.linkedCasesService.getCaseName(this.caseEdit.caseDetails);
+            this.linkedCasesService.caseDetails = this.caseEdit.caseDetails;
+            this.linkedCasesService.editMode = false;
+            var reasonCodeAPIurl = this.appConfig.getRDCommonDataApiUrl() + '/lov/categories/CaseLinkingReasonCode';
+            this.commonDataService.getRefData(reasonCodeAPIurl).subscribe({
+                next: function (reasons) {
+                    _this.linkedCasesService.linkCaseReasons = reasons.list_of_values.sort(function (a, b) { return (a.value_en > b.value_en) ? 1 : -1; });
+                }
+            });
+            this.getLinkedCases();
+            this.caseEditDataService.caseEventTriggerName$.subscribe({
+                next: function (name) {
+                    _this.linkedCasesService.isLinkedCasesEventTrigger
+                        = (name === exports.LinkedCasesEventTriggers.LINK_CASES);
+                }
+            });
+        };
+        WriteLinkedCasesComponent.prototype.ngAfterViewInit = function () {
+            var labelField = document.getElementsByClassName('govuk-heading-l');
+            if (labelField && labelField.length) {
+                labelField[0].replaceWith('');
+            }
+            labelField = document.getElementsByClassName('heading-h2');
+            if (labelField && labelField.length) {
+                labelField[0].replaceWith('');
+            }
+        };
+        WriteLinkedCasesComponent.prototype.onLinkedCasesStateEmitted = function (linkedCasesState) {
+            var _this = this;
+            this.errorMessages = [];
+            this.caseEditDataService.clearFormValidationErrors();
+            if (linkedCasesState.navigateToNextPage) {
+                this.linkedCasesPage = this.getNextPage(linkedCasesState);
+                this.setContinueButtonValidationErrorMessage();
+                this.proceedToNextPage();
+            }
+            else {
+                if (linkedCasesState.errorMessages && linkedCasesState.errorMessages.length) {
+                    linkedCasesState.errorMessages.forEach(function (errorMessage, index) {
+                        _this.caseEditDataService.addFormValidationError({ id: errorMessage.fieldId, message: errorMessage.description });
+                    });
+                }
+            }
+        };
+        WriteLinkedCasesComponent.prototype.isAtFinalState = function () {
+            return this.linkedCasesPage === this.linkedCasesPages.CHECK_YOUR_ANSWERS;
+        };
+        WriteLinkedCasesComponent.prototype.setContinueButtonValidationErrorMessage = function () {
+            var errorMessage = this.linkedCasesService.isLinkedCasesEventTrigger
+                ? exports.LinkedCasesErrorMessages.LinkCasesNavigationError
+                : exports.LinkedCasesErrorMessages.UnlinkCasesNavigationError;
+            var buttonId = this.linkedCasesService.linkedCases.length === 0
+                ? 'back-button'
+                : 'next-button';
+            this.caseEditDataService.setCaseLinkError({
+                componentId: buttonId,
+                errorMessage: errorMessage
+            });
+        };
+        WriteLinkedCasesComponent.prototype.proceedToNextPage = function () {
+            if (this.isAtFinalPage()) {
+                // Continue button event must be allowed in final page
+                this.caseEditDataService.clearCaseLinkError();
+                // Trigger validation to clear the "notAtFinalPage" error if now at the final state
+                this.formGroup.updateValueAndValidity();
+                // update form value
+                this.onLinkedCasesSelected.emit();
+                this.caseEdit.form.controls['data'] = new i2.FormGroup({ caseLinks: new i2.FormControl(this.linkedCasesService.caseFieldValue) });
+            }
+        };
+        WriteLinkedCasesComponent.prototype.isAtFinalPage = function () {
+            return this.linkedCasesPage === this.linkedCasesPages.CHECK_YOUR_ANSWERS;
+        };
+        WriteLinkedCasesComponent.prototype.getNextPage = function (linkedCasesState) {
+            if ((this.linkedCasesPage === exports.LinkedCasesPages.BEFORE_YOU_START) ||
+                (linkedCasesState.currentLinkedCasesPage === exports.LinkedCasesPages.CHECK_YOUR_ANSWERS && linkedCasesState.navigateToPreviousPage)) {
+                return this.isLinkedCasesJourney
+                    ? exports.LinkedCasesPages.LINK_CASE
+                    : exports.LinkedCasesPages.UNLINK_CASE;
+            }
+            return exports.LinkedCasesPages.CHECK_YOUR_ANSWERS;
+        };
+        WriteLinkedCasesComponent.prototype.getLinkedCases = function () {
+            var _this = this;
+            this.casesService.getCaseViewV2(this.linkedCasesService.caseId).subscribe(function (caseView) {
+                var caseViewFiltered = caseView.tabs.filter(function (tab) {
+                    var linkField = tab.fields.some(function (_a) {
+                        var field_type = _a.field_type;
+                        return field_type && field_type.collection_field_type && field_type.collection_field_type.id === 'CaseLink';
+                    });
+                    return linkField;
+                });
+                if (caseViewFiltered) {
+                    var caseLinkFieldValue = caseViewFiltered.map(function (filtered) { return filtered.fields.length && filtered.fields[0].value; });
+                    _this.linkedCasesService.caseFieldValue = caseLinkFieldValue.length ? caseLinkFieldValue[0] : [];
+                    _this.linkedCasesService.getAllLinkedCaseInformation();
+                }
+                // Initialise the first page to display
+                _this.linkedCasesPage = _this.linkedCasesService.isLinkedCasesEventTrigger ||
+                    (_this.linkedCasesService.caseFieldValue && _this.linkedCasesService.caseFieldValue.length > 0
+                        && !_this.linkedCasesService.serverLinkedApiError)
+                    ? exports.LinkedCasesPages.BEFORE_YOU_START
+                    : exports.LinkedCasesPages.NO_LINKED_CASES;
+                // Initialise the error to be displayed when clicked on Continue button
+                _this.setContinueButtonValidationErrorMessage();
+            });
+        };
+        WriteLinkedCasesComponent.prototype.navigateToErrorElement = function (elementId) {
+            if (elementId) {
+                var htmlElement = document.getElementById(elementId);
+                if (htmlElement) {
+                    htmlElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                    htmlElement.focus();
+                }
+            }
+        };
+        return WriteLinkedCasesComponent;
+    }(AbstractFieldWriteComponent));
+    WriteLinkedCasesComponent.ɵfac = function WriteLinkedCasesComponent_Factory(t) { return new (t || WriteLinkedCasesComponent)(i0__namespace.ɵɵdirectiveInject(CaseEditComponent), i0__namespace.ɵɵdirectiveInject(AbstractAppConfig), i0__namespace.ɵɵdirectiveInject(CommonDataService), i0__namespace.ɵɵdirectiveInject(CasesService), i0__namespace.ɵɵdirectiveInject(LinkedCasesService), i0__namespace.ɵɵdirectiveInject(CaseEditDataService)); };
+    WriteLinkedCasesComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteLinkedCasesComponent, selectors: [["ccd-write-linked-cases"]], inputs: { caseFields: "caseFields", caseField: "caseField", isLinkedCasesJourney: "isLinkedCasesJourney", formGroup: "formGroup" }, outputs: { onLinkedCasesSelected: "onLinkedCasesSelected" }, features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 8, vars: 8, consts: [["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], [1, "form-group", "govuk-!-margin-bottom-2", 3, "formGroup"], [1, "govuk-form-group", 3, "ngSwitch"], [4, "ngSwitchCase"], ["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"], [3, "linkedCasesStateEmitter"]], template: function WriteLinkedCasesComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, WriteLinkedCasesComponent_div_0_Template, 4, 1, "div", 0);
+                i0__namespace.ɵɵelementStart(1, "div", 1);
+                i0__namespace.ɵɵelementStart(2, "div", 2);
+                i0__namespace.ɵɵtemplate(3, WriteLinkedCasesComponent_ng_container_3_Template, 2, 0, "ng-container", 3);
+                i0__namespace.ɵɵtemplate(4, WriteLinkedCasesComponent_ng_container_4_Template, 2, 0, "ng-container", 3);
+                i0__namespace.ɵɵtemplate(5, WriteLinkedCasesComponent_ng_container_5_Template, 2, 0, "ng-container", 3);
+                i0__namespace.ɵɵtemplate(6, WriteLinkedCasesComponent_ng_container_6_Template, 2, 0, "ng-container", 3);
+                i0__namespace.ɵɵtemplate(7, WriteLinkedCasesComponent_ng_container_7_Template, 2, 0, "ng-container", 3);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngIf", ctx.errorMessages.length > 0);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngSwitch", ctx.linkedCasesPage);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngSwitchCase", ctx.linkedCasesPages.BEFORE_YOU_START);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngSwitchCase", ctx.linkedCasesPages.NO_LINKED_CASES);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngSwitchCase", ctx.linkedCasesPages.LINK_CASE);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngSwitchCase", ctx.linkedCasesPages.UNLINK_CASE);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngSwitchCase", ctx.linkedCasesPages.CHECK_YOUR_ANSWERS);
+            }
+        }, encapsulation: 2 });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteLinkedCasesComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-write-linked-cases',
+                        templateUrl: './write-linked-cases.component.html'
+                    }]
+            }], function () { return [{ type: CaseEditComponent }, { type: AbstractAppConfig }, { type: CommonDataService }, { type: CasesService }, { type: LinkedCasesService }, { type: CaseEditDataService }]; }, { caseFields: [{
+                    type: i0.Input
+                }], caseField: [{
+                    type: i0.Input
+                }], onLinkedCasesSelected: [{
+                    type: i0.Output
+                }], isLinkedCasesJourney: [{
+                    type: i0.Input
+                }], formGroup: [{
+                    type: i0.Input
+                }] });
+    })();
+
+    function ReadLinkedCasesComponent_ng_container_7_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainer(0);
+        }
+    }
+    function ReadLinkedCasesComponent_ng_container_8_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainer(0);
+        }
+    }
+    function ReadLinkedCasesComponent_ng_container_14_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainer(0);
+        }
+    }
+    function ReadLinkedCasesComponent_ng_container_15_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainer(0);
+        }
+    }
+    function ReadLinkedCasesComponent_ng_template_16_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r9_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div", 8);
+            i0__namespace.ɵɵelementStart(1, "p", 9);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(3, "span", 10);
+            i0__namespace.ɵɵelementStart(4, "a", 11);
+            i0__namespace.ɵɵlistener("click", function ReadLinkedCasesComponent_ng_template_16_Template_a_click_4_listener() { i0__namespace.ɵɵrestoreView(_r9_1); var ctx_r8 = i0__namespace.ɵɵnextContext(); return ctx_r8.reloadCurrentRoute(); });
+            i0__namespace.ɵɵtext(5, "Reload the Linked cases tab");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r5 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(ctx_r5.serverLinkedApiError.message);
+        }
+    }
+    function ReadLinkedCasesComponent_ng_template_18_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r11_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div", 8);
+            i0__namespace.ɵɵelementStart(1, "p", 9);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(3, "span", 10);
+            i0__namespace.ɵɵelementStart(4, "a", 11);
+            i0__namespace.ɵɵlistener("click", function ReadLinkedCasesComponent_ng_template_18_Template_a_click_4_listener() { i0__namespace.ɵɵrestoreView(_r11_1); var ctx_r10 = i0__namespace.ɵɵnextContext(); return ctx_r10.reloadCurrentRoute(); });
+            i0__namespace.ɵɵtext(5, "Reload the Linked cases tab");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r7 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(ctx_r7.serverError.message);
+        }
+    }
+    var ReadLinkedCasesComponent = /** @class */ (function () {
+        function ReadLinkedCasesComponent(router, linkedCasesService, appConfig, commonDataService) {
+            this.router = router;
+            this.linkedCasesService = linkedCasesService;
+            this.appConfig = appConfig;
+            this.commonDataService = commonDataService;
+            this.reasonListLoaded = false;
+            this.reload = false;
+            this.serverError = null;
+            this.serverLinkedApiError = null;
+            this.isServerReasonCodeError = false;
+            this.isServerJurisdictionError = false;
+            this.isServerLinkedFromError = false;
+            this.isServerLinkedToError = false;
+        }
+        ReadLinkedCasesComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.isServerJurisdictionError = this.linkedCasesService.serverJurisdictionError || false;
+            var reasonCodeAPIurl = this.appConfig.getRDCommonDataApiUrl() + '/lov/categories/CaseLinkingReasonCode';
+            this.commonDataService.getRefData(reasonCodeAPIurl).subscribe({
+                next: function (reasons) {
+                    _this.reasonListLoaded = true;
+                    _this.linkedCasesService.linkCaseReasons = reasons.list_of_values.sort(function (a, b) { return (a.value_en > b.value_en) ? 1 : -1; });
+                },
+                error: function (error) {
+                    _this.isServerReasonCodeError = true;
+                    _this.linkedCasesService.isServerReasonCodeError = true;
+                }
+            });
+            this.serverLinkedApiError = {
+                id: 'backendError', message: 'Some case information is not available at the moment'
+            };
+            this.serverError = {
+                id: 'backendError', message: 'There has been a system error and your request could not be processed.'
+            };
+        };
+        ReadLinkedCasesComponent.prototype.ngAfterViewInit = function () {
+            this.linkedCasesService.caseFieldValue = this.caseField.value || [];
+            var labelField = document.getElementsByClassName('govuk-heading-l');
+            if (labelField && labelField.length) {
+                labelField[0].replaceWith('');
+            }
+            labelField = document.getElementsByClassName('heading-h2');
+            if (labelField && labelField.length) {
+                labelField[0].replaceWith('');
+            }
+            labelField = document.getElementsByClassName('case-viewer-label');
+            if (labelField && labelField.length) {
+                labelField[0].replaceWith('');
+            }
+        };
+        ReadLinkedCasesComponent.prototype.reloadCurrentRoute = function () {
+            this.router.navigate(['cases', 'case-details', this.linkedCasesService.caseDetails.case_id]).then(function () {
+                window.location.hash = 'Linked cases';
+            });
+        };
+        ReadLinkedCasesComponent.prototype.getFailureLinkedToNotification = function (evt) {
+            this.isServerLinkedToError = true;
+        };
+        ReadLinkedCasesComponent.prototype.getFailureLinkedFromNotification = function (evt) {
+            this.isServerLinkedFromError = true;
+        };
+        return ReadLinkedCasesComponent;
+    }());
+    ReadLinkedCasesComponent.ɵfac = function ReadLinkedCasesComponent_Factory(t) { return new (t || ReadLinkedCasesComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(LinkedCasesService), i0__namespace.ɵɵdirectiveInject(AbstractAppConfig), i0__namespace.ɵɵdirectiveInject(CommonDataService)); };
+    ReadLinkedCasesComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadLinkedCasesComponent, selectors: [["ccd-read-linked-cases"]], inputs: { caseField: "caseField" }, decls: 20, vars: 10, consts: [[1, "govuk-!-margin-bottom-2"], [1, "heading-h1"], [1, "table-sub-heading"], ["reloadPage", "reload", 3, "caseField", "notifyAPIFailure"], [4, "ngIf", "ngIfThen"], [1, "govuk-!-margin-top-8"], ["singleApiError", ""], ["multiApisError", ""], [1, "govuk-main-wrapper"], [1, "govuk-body"], [1, "govuk-body", "align-left"], ["href", "javascript:void(0)", "id", "reload-linked-cases-tab", 1, "govuk-link", 3, "click"]], template: function ReadLinkedCasesComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵelementStart(0, "div");
+                i0__namespace.ɵɵelementStart(1, "div", 0);
+                i0__namespace.ɵɵelementStart(2, "h1", 1);
+                i0__namespace.ɵɵtext(3, "Linked cases");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(4, "label", 2);
+                i0__namespace.ɵɵtext(5, "This case is linked to");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(6, "ccd-linked-cases-to-table", 3);
+                i0__namespace.ɵɵlistener("notifyAPIFailure", function ReadLinkedCasesComponent_Template_ccd_linked_cases_to_table_notifyAPIFailure_6_listener($event) { return ctx.getFailureLinkedToNotification($event); });
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(7, ReadLinkedCasesComponent_ng_container_7_Template, 1, 0, "ng-container", 4);
+                i0__namespace.ɵɵtemplate(8, ReadLinkedCasesComponent_ng_container_8_Template, 1, 0, "ng-container", 4);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(9, "div", 5);
+                i0__namespace.ɵɵelementStart(10, "label", 2);
+                i0__namespace.ɵɵtext(11, "This case is linked from");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelement(12, "br");
+                i0__namespace.ɵɵelementStart(13, "ccd-linked-cases-from-table", 3);
+                i0__namespace.ɵɵlistener("notifyAPIFailure", function ReadLinkedCasesComponent_Template_ccd_linked_cases_from_table_notifyAPIFailure_13_listener($event) { return ctx.getFailureLinkedFromNotification($event); });
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(14, ReadLinkedCasesComponent_ng_container_14_Template, 1, 0, "ng-container", 4);
+                i0__namespace.ɵɵtemplate(15, ReadLinkedCasesComponent_ng_container_15_Template, 1, 0, "ng-container", 4);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(16, ReadLinkedCasesComponent_ng_template_16_Template, 6, 1, "ng-template", null, 6, i0__namespace.ɵɵtemplateRefExtractor);
+                i0__namespace.ɵɵtemplate(18, ReadLinkedCasesComponent_ng_template_18_Template, 6, 1, "ng-template", null, 7, i0__namespace.ɵɵtemplateRefExtractor);
+            }
+            if (rf & 2) {
+                var _r4 = i0__namespace.ɵɵreference(17);
+                var _r6 = i0__namespace.ɵɵreference(19);
+                i0__namespace.ɵɵadvance(6);
+                i0__namespace.ɵɵproperty("caseField", ctx.caseField);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", ctx.isServerLinkedToError && ctx.isServerJurisdictionError && ctx.isServerReasonCodeError)("ngIfThen", _r6);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", !(ctx.isServerLinkedToError && ctx.isServerJurisdictionError && ctx.isServerReasonCodeError) && (ctx.isServerLinkedToError || ctx.isServerJurisdictionError || ctx.isServerReasonCodeError))("ngIfThen", _r4);
+                i0__namespace.ɵɵadvance(5);
+                i0__namespace.ɵɵproperty("caseField", ctx.caseField);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", ctx.isServerLinkedFromError && ctx.isServerJurisdictionError && ctx.isServerReasonCodeError)("ngIfThen", _r6);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", !(ctx.isServerLinkedFromError && ctx.isServerJurisdictionError && ctx.isServerReasonCodeError) && (ctx.isServerLinkedFromError || ctx.isServerJurisdictionError || ctx.isServerReasonCodeError))("ngIfThen", _r4);
+            }
+        }, styles: [".table-sub-heading[_ngcontent-%COMP%]{font-size:24px;font-weight:700}"] });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ReadLinkedCasesComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-read-linked-cases',
+                        templateUrl: './read-linked-cases.component.html',
+                        styleUrls: ['./read-linked-cases.component.scss']
+                    }]
+            }], function () { return [{ type: i1__namespace$1.Router }, { type: LinkedCasesService }, { type: AbstractAppConfig }, { type: CommonDataService }]; }, { caseField: [{
+                    type: i0.Input
+                }] });
+    })();
+
+    var LinkCaseReason = /** @class */ (function () {
+        function LinkCaseReason() {
+        }
+        return LinkCaseReason;
+    }());
+    var CCDCaseLinkType = /** @class */ (function () {
+        function CCDCaseLinkType() {
+        }
+        return CCDCaseLinkType;
+    }());
+    var CaseLink = /** @class */ (function () {
+        function CaseLink() {
+        }
+        return CaseLink;
+    }());
+    var LinkReason = /** @class */ (function () {
+        function LinkReason() {
+        }
+        return LinkReason;
+    }());
+    var LinkedCasesResponse = /** @class */ (function () {
+        function LinkedCasesResponse() {
+        }
+        return LinkedCasesResponse;
+    }());
+    var CaseLinkResponse = /** @class */ (function () {
+        function CaseLinkResponse() {
+        }
+        return CaseLinkResponse;
+    }());
+    var LinkDetails = /** @class */ (function () {
+        function LinkDetails() {
+        }
+        return LinkDetails;
+    }());
+    var Terms = /** @class */ (function () {
+        function Terms() {
+        }
+        return Terms;
+    }());
+    var ESQueryType = /** @class */ (function () {
+        function ESQueryType() {
+        }
+        return ESQueryType;
+    }());
+
     var CollectionCreateCheckerService = /** @class */ (function () {
         function CollectionCreateCheckerService() {
         }
@@ -22497,6 +25101,7 @@
         ReadComplexFieldTableComponent,
         ReadComplexFieldCollectionTableComponent,
         ReadCaseFlagFieldComponent,
+        ReadLinkedCasesComponent,
         // Write
         WriteJudicialUserFieldComponent,
         WriteAddressFieldComponent,
@@ -22532,7 +25137,15 @@
         CaseFileViewFolderSortComponent,
         CaseFileViewOverlayMenuComponent,
         CaseFileViewFolderDocumentActionsComponent,
-        CaseFileViewFolderSelectorComponent
+        CaseFileViewFolderSelectorComponent,
+        LinkedCasesToTableComponent,
+        LinkedCasesFromTableComponent,
+        BeforeYouStartComponent,
+        LinkCasesComponent,
+        CheckYourAnswersComponent,
+        WriteLinkedCasesComponent,
+        UnLinkCasesComponent,
+        NoLinkedCasesComponent
     ];
     var PaletteModule = /** @class */ (function () {
         function PaletteModule() {
@@ -22551,6 +25164,7 @@
             FileUploadStateService,
             FileUploadProgressGuard,
             WindowService,
+            LinkedCasesService,
             CommonDataService,
             JurisdictionService,
             { provide: i6.MAT_DATE_LOCALE, useValue: 'en-GB' }
@@ -22582,7 +25196,7 @@
                 i3.PaymentLibModule,
                 i2$1.ScrollToModule.forRoot(),
                 i1$3.MatDialogModule,
-                i11.MediaViewerModule,
+                i12.MediaViewerModule,
                 LoadingModule
             ], i4.NgxMatDatetimePickerModule,
             i4.NgxMatNativeDateModule,
@@ -22646,6 +25260,7 @@
                 ReadComplexFieldTableComponent,
                 ReadComplexFieldCollectionTableComponent,
                 ReadCaseFlagFieldComponent,
+                ReadLinkedCasesComponent,
                 // Write
                 WriteJudicialUserFieldComponent,
                 WriteAddressFieldComponent,
@@ -22681,7 +25296,15 @@
                 CaseFileViewFolderSortComponent,
                 CaseFileViewOverlayMenuComponent,
                 CaseFileViewFolderDocumentActionsComponent,
-                CaseFileViewFolderSelectorComponent], imports: [i1.CommonModule,
+                CaseFileViewFolderSelectorComponent,
+                LinkedCasesToTableComponent,
+                LinkedCasesFromTableComponent,
+                BeforeYouStartComponent,
+                LinkCasesComponent,
+                CheckYourAnswersComponent,
+                WriteLinkedCasesComponent,
+                UnLinkCasesComponent,
+                NoLinkedCasesComponent], imports: [i1.CommonModule,
                 i1$1.RouterModule,
                 i2.FormsModule,
                 i2.ReactiveFormsModule,
@@ -22706,7 +25329,7 @@
                 i7.CdkTreeModule,
                 i1$4.OverlayModule,
                 i3.PaymentLibModule, i2__namespace$1.ScrollToModule, i1$3.MatDialogModule,
-                i11.MediaViewerModule,
+                i12.MediaViewerModule,
                 LoadingModule], exports: [i4.NgxMatDatetimePickerModule,
                 i4.NgxMatNativeDateModule,
                 i4.NgxMatTimepickerModule,
@@ -22755,6 +25378,7 @@
                 ReadComplexFieldTableComponent,
                 ReadComplexFieldCollectionTableComponent,
                 ReadCaseFlagFieldComponent,
+                ReadLinkedCasesComponent,
                 // Write
                 WriteJudicialUserFieldComponent,
                 WriteAddressFieldComponent,
@@ -22790,7 +25414,15 @@
                 CaseFileViewFolderSortComponent,
                 CaseFileViewOverlayMenuComponent,
                 CaseFileViewFolderDocumentActionsComponent,
-                CaseFileViewFolderSelectorComponent] });
+                CaseFileViewFolderSelectorComponent,
+                LinkedCasesToTableComponent,
+                LinkedCasesFromTableComponent,
+                BeforeYouStartComponent,
+                LinkCasesComponent,
+                CheckYourAnswersComponent,
+                WriteLinkedCasesComponent,
+                UnLinkCasesComponent,
+                NoLinkedCasesComponent] });
     })();
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PaletteModule, [{
@@ -22824,7 +25456,7 @@
                             i3.PaymentLibModule,
                             i2$1.ScrollToModule.forRoot(),
                             i1$3.MatDialogModule,
-                            i11.MediaViewerModule,
+                            i12.MediaViewerModule,
                             LoadingModule
                         ],
                         declarations: __spread([
@@ -22860,6 +25492,7 @@
                             FileUploadStateService,
                             FileUploadProgressGuard,
                             WindowService,
+                            LinkedCasesService,
                             CommonDataService,
                             JurisdictionService,
                             { provide: i6.MAT_DATE_LOCALE, useValue: 'en-GB' }
@@ -22878,6 +25511,7 @@
     i0__namespace.ɵɵsetComponentScope(ReadOrderSummaryFieldComponent, [i1__namespace.NgForOf, ReadOrderSummaryRowComponent,
         ReadMoneyGbpFieldComponent], []);
     i0__namespace.ɵɵsetComponentScope(ReadOrderSummaryRowComponent, [ReadMoneyGbpFieldComponent], []);
+    i0__namespace.ɵɵsetComponentScope(ReadCaseLinkFieldComponent, [i1__namespace.NgIf, ReadLinkedCasesComponent], [CaseReferencePipe]);
     i0__namespace.ɵɵsetComponentScope(ReadComplexFieldComponent, [i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, ReadComplexFieldRawComponent,
         ReadComplexFieldCollectionTableComponent, i1__namespace.NgSwitchDefault, ReadComplexFieldTableComponent], []);
     i0__namespace.ɵɵsetComponentScope(ReadComplexFieldRawComponent, [i1__namespace.NgForOf, FieldReadComponent], [ReadFieldsFilterPipe]);
@@ -22885,6 +25519,7 @@
     i0__namespace.ɵɵsetComponentScope(ReadComplexFieldCollectionTableComponent, [i1__namespace.NgForOf, i1__namespace.NgIf, FieldReadComponent,
         ReadCaseLinkFieldComponent], [ReadFieldsFilterPipe, CcdCollectionTableCaseFieldsFilterPipe, i1__namespace.KeyValuePipe, IsCompoundPipe]);
     i0__namespace.ɵɵsetComponentScope(ReadCaseFlagFieldComponent, [i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, CaseFlagSummaryListComponent, i1__namespace.NgSwitchDefault, i1__namespace.NgForOf, i1__namespace.NgIf, CaseFlagTableComponent], []);
+    i0__namespace.ɵɵsetComponentScope(ReadLinkedCasesComponent, [LinkedCasesToTableComponent, i1__namespace.NgIf, LinkedCasesFromTableComponent], []);
     i0__namespace.ɵɵsetComponentScope(WriteAddressFieldComponent, [i1__namespace.NgIf, i1__namespace.NgClass, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective, i2__namespace.SelectControlValueAccessor, i1__namespace.NgForOf, i2__namespace.NgSelectOption, i2__namespace.ɵangular_packages_forms_forms_z, WriteComplexFieldComponent, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective], [FieldLabelPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteComplexFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, FieldReadComponent, LabelSubstitutorDirective, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, FieldWriteComponent], [FieldLabelPipe, IsReadOnlyPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteDocumentFieldComponent, [i1__namespace.NgClass, i1__namespace.NgIf, ReadDocumentFieldComponent], [FieldLabelPipe]);
@@ -22899,11 +25534,21 @@
         WriteOrganisationComplexFieldComponent], [i1__namespace.AsyncPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteOrderSummaryFieldComponent, [ReadOrderSummaryFieldComponent], []);
     i0__namespace.ɵɵsetComponentScope(WriteDateContainerFieldComponent, [i1__namespace.NgIf, DatetimePickerComponent, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, WriteDateFieldComponent], []);
+    i0__namespace.ɵɵsetComponentScope(WriteCaseLinkFieldComponent, [i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective, WriteLinkedCasesComponent, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective], [FieldLabelPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteCollectionFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, FieldWriteComponent, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective], [FieldLabelPipe, FirstErrorPipe]);
     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], []);
+    CaseFileViewFieldComponent, [i1__namespace.NgIf, CaseFileViewFolderComponent, i12__namespace.ɵcs], []);
+    i0__namespace.ɵɵsetComponentScope(CaseFileViewFieldReadComponent, [i1__namespace.NgIf, CaseFileViewFolderComponent, i12__namespace.ɵcs], []);
+    i0__namespace.ɵɵsetComponentScope(LinkedCasesToTableComponent, [i1__namespace.NgIf, i1__namespace.NgForOf], [CaseReferencePipe, LinkCasesReasonValuePipe]);
+    i0__namespace.ɵɵsetComponentScope(LinkedCasesFromTableComponent, [i1__namespace.NgIf, i1__namespace.NgForOf], [CaseReferencePipe, LinkCasesReasonValuePipe]);
+    i0__namespace.ɵɵsetComponentScope(LinkCasesComponent, [i1__namespace.NgIf, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgClass, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName, i2__namespace.FormArrayName, i1__namespace.NgForOf, i2__namespace.FormGroupName, i2__namespace.CheckboxControlValueAccessor], [CaseReferencePipe, LinkCasesReasonValuePipe]);
+    i0__namespace.ɵɵsetComponentScope(CheckYourAnswersComponent, [i1__namespace.NgIf, i1__namespace.NgForOf], [CaseReferencePipe, LinkCasesReasonValuePipe]);
+    i0__namespace.ɵɵsetComponentScope(WriteLinkedCasesComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, BeforeYouStartComponent,
+        NoLinkedCasesComponent,
+        LinkCasesComponent,
+        UnLinkCasesComponent,
+        CheckYourAnswersComponent], []);
 
     var Confirmation = /** @class */ (function () {
         function Confirmation(caseId, status, header, body) {
@@ -32601,8 +35246,10 @@
     exports.AuthService = AuthService;
     exports.Banner = Banner;
     exports.BannersService = BannersService;
+    exports.BeforeYouStartComponent = BeforeYouStartComponent;
     exports.BodyComponent = BodyComponent;
     exports.BrowserService = BrowserService;
+    exports.CCDCaseLinkType = CCDCaseLinkType;
     exports.CallbackErrorsComponent = CallbackErrorsComponent;
     exports.CallbackErrorsContext = CallbackErrorsContext;
     exports.CaseAccessUtils = CaseAccessUtils;
@@ -32642,6 +35289,8 @@
     exports.CaseHeaderComponent = CaseHeaderComponent;
     exports.CaseHeaderModule = CaseHeaderModule;
     exports.CaseHistoryViewerFieldComponent = CaseHistoryViewerFieldComponent;
+    exports.CaseLink = CaseLink;
+    exports.CaseLinkResponse = CaseLinkResponse;
     exports.CaseListComponent = CaseListComponent;
     exports.CaseListFiltersComponent = CaseListFiltersComponent;
     exports.CaseListFiltersModule = CaseListFiltersModule;
@@ -32674,6 +35323,7 @@
     exports.CcdCollectionTableCaseFieldsFilterPipe = CcdCollectionTableCaseFieldsFilterPipe;
     exports.CcdPageFieldsPipe = CcdPageFieldsPipe;
     exports.CcdTabFieldsPipe = CcdTabFieldsPipe;
+    exports.CheckYourAnswersComponent = CheckYourAnswersComponent;
     exports.ConditionalShowFormDirective = ConditionalShowFormDirective;
     exports.ConditionalShowModule = ConditionalShowModule;
     exports.ConditionalShowRegistrarService = ConditionalShowRegistrarService;
@@ -32703,6 +35353,7 @@
     exports.DraftService = DraftService;
     exports.DynamicListPipe = DynamicListPipe;
     exports.DynamicRadioListPipe = DynamicRadioListPipe;
+    exports.ESQueryType = ESQueryType;
     exports.Embedded = Embedded;
     exports.ErrorMessageComponent = ErrorMessageComponent;
     exports.ErrorNotifierService = ErrorNotifierService;
@@ -32760,6 +35411,14 @@
     exports.LabelFieldComponent = LabelFieldComponent;
     exports.LabelSubstitutorDirective = LabelSubstitutorDirective;
     exports.LabelSubstitutorModule = LabelSubstitutorModule;
+    exports.LinkCaseReason = LinkCaseReason;
+    exports.LinkCasesComponent = LinkCasesComponent;
+    exports.LinkCasesReasonValuePipe = LinkCasesReasonValuePipe;
+    exports.LinkDetails = LinkDetails;
+    exports.LinkReason = LinkReason;
+    exports.LinkedCasesFromTableComponent = LinkedCasesFromTableComponent;
+    exports.LinkedCasesResponse = LinkedCasesResponse;
+    exports.LinkedCasesToTableComponent = LinkedCasesToTableComponent;
     exports.LoadingModule = LoadingModule;
     exports.LoadingService = LoadingService;
     exports.LoadingSpinnerComponent = LoadingSpinnerComponent;
@@ -32773,6 +35432,7 @@
     exports.NavigationComponent = NavigationComponent;
     exports.NavigationItemComponent = NavigationItemComponent;
     exports.NavigationNotifierService = NavigationNotifierService;
+    exports.NoLinkedCasesComponent = NoLinkedCasesComponent;
     exports.NoTasksAvailableComponent = NoTasksAvailableComponent;
     exports.NotificationBannerComponent = NotificationBannerComponent;
     exports.OrderService = OrderService;
@@ -32809,6 +35469,7 @@
     exports.ReadFixedListFieldComponent = ReadFixedListFieldComponent;
     exports.ReadFixedRadioListFieldComponent = ReadFixedRadioListFieldComponent;
     exports.ReadJudicialUserFieldComponent = ReadJudicialUserFieldComponent;
+    exports.ReadLinkedCasesComponent = ReadLinkedCasesComponent;
     exports.ReadMoneyGbpFieldComponent = ReadMoneyGbpFieldComponent;
     exports.ReadMultiSelectListFieldComponent = ReadMultiSelectListFieldComponent;
     exports.ReadNumberFieldComponent = ReadNumberFieldComponent;
@@ -32852,7 +35513,9 @@
     exports.TaskCancelledComponent = TaskCancelledComponent;
     exports.TaskConflictComponent = TaskConflictComponent;
     exports.TaskUnassignedComponent = TaskUnassignedComponent;
+    exports.Terms = Terms;
     exports.TestRouteSnapshotBuilder = TestRouteSnapshotBuilder;
+    exports.UnLinkCasesComponent = UnLinkCasesComponent;
     exports.UnsupportedFieldComponent = UnsupportedFieldComponent;
     exports.UpdateFlagComponent = UpdateFlagComponent;
     exports.WaysToPayFieldComponent = WaysToPayFieldComponent;
@@ -32881,6 +35544,7 @@
     exports.WriteFixedListFieldComponent = WriteFixedListFieldComponent;
     exports.WriteFixedRadioListFieldComponent = WriteFixedRadioListFieldComponent;
     exports.WriteJudicialUserFieldComponent = WriteJudicialUserFieldComponent;
+    exports.WriteLinkedCasesComponent = WriteLinkedCasesComponent;
     exports.WriteMoneyGbpFieldComponent = WriteMoneyGbpFieldComponent;
     exports.WriteMultiSelectListFieldComponent = WriteMultiSelectListFieldComponent;
     exports.WriteNumberFieldComponent = WriteNumberFieldComponent;