@hmcts/ccd-case-ui-toolkit 6.10.7-case-flags-create-change-links → 6.10.7-cfv-move-document-handle-error

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

@@ -2,7 +2,7 @@
     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, i1$2, polling, rxjs, i1$3, operators, classTransformer, _, moment, util, fsm, i1$4, i4, i1$5, i7, i5, i6, i5$1, i6$1, i3$1, i3, i11, i2, i1$6, momentAdapter, i6$2, i1$7, i9) { 'use strict';
+})(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';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -27,14 +27,14 @@
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
     var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-    var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$2);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var polling__default = /*#__PURE__*/_interopDefaultLegacy(polling);
-    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$3);
+    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
     var ___namespace = /*#__PURE__*/_interopNamespace(_);
     var moment__namespace = /*#__PURE__*/_interopNamespace(moment);
-    var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
+    var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-    var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
+    var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
     var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
     var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
     var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
@@ -43,10 +43,10 @@
     var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var i11__namespace = /*#__PURE__*/_interopNamespace(i11);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-    var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$6);
+    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
+    var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
     var i6__namespace$2 = /*#__PURE__*/_interopNamespace(i6$2);
-    var i1__namespace$7 = /*#__PURE__*/_interopNamespace(i1$7);
+    var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$6);
     var i9__namespace = /*#__PURE__*/_interopNamespace(i9);
 
     function FooterComponent_div_2_Template(rf, ctx) {
@@ -119,14 +119,14 @@
         }
     }
     var _c0$Y = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
-    var _c1$q = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
+    var _c1$r = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
     var FooterComponent = /** @class */ (function () {
         function FooterComponent() {
         }
         return FooterComponent;
     }());
     FooterComponent.ɵfac = function FooterComponent_Factory(t) { return new (t || FooterComponent)(); };
-    FooterComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FooterComponent, selectors: [["cut-footer-bar"]], inputs: { email: "email", isSolicitor: "isSolicitor", phone: "phone", workhours: "workhours" }, ngContentSelectors: _c1$q, decls: 4, vars: 4, consts: [["id", "footer", "role", "footer", 1, "group", "js-footer"], [1, "footer-wrapper"], ["class", "footer-meta", 4, "ngIf"], [1, "footer-meta"], [1, "footer-meta-inner"], [1, "open-government-licence"], [1, "logo"], ["href", "https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/", "rel", "license"], [1, "copyright"], ["href", "https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/"], [1, "title"], [1, "footer-text"], [1, "email"], [3, "href"], [1, "phone"], [1, "work-hours"]], template: function FooterComponent_Template(rf, ctx) {
+    FooterComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: FooterComponent, selectors: [["cut-footer-bar"]], inputs: { email: "email", isSolicitor: "isSolicitor", phone: "phone", workhours: "workhours" }, ngContentSelectors: _c1$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.ɵɵelementStart(0, "footer", 0);
@@ -208,7 +208,7 @@
         }
     }
     var _c0$X = [[["", "headerNavigation", ""]]];
-    var _c1$p = ["[headerNavigation]"];
+    var _c1$q = ["[headerNavigation]"];
     var HeaderBarComponent = /** @class */ (function () {
         function HeaderBarComponent() {
             this.signOutRequest = new i0.EventEmitter();
@@ -219,7 +219,7 @@
         return HeaderBarComponent;
     }());
     HeaderBarComponent.ɵfac = function HeaderBarComponent_Factory(t) { return new (t || HeaderBarComponent)(); };
-    HeaderBarComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, ngContentSelectors: _c1$p, decls: 15, vars: 8, consts: [["role", "banner", "id", "global-header", 1, "with-proposition"], [1, "header-wrapper"], [1, "header-global"], [4, "ngIf"], ["class", "global-header", 4, "ngIf"], [1, "header-proposition"], [1, "content"], ["href", "#proposition-links", 1, "js-header-toggle", "menu"], ["id", "proposition-menu", 4, "ngIf"], [1, "proposition-right"], ["id", "user-name"], ["id", "sign-out", "href", "javascript:void(0)", 3, "click"], ["href", "https://www.gov.uk", "title", "Go to the GOV.UK homepage", "id", "logo", 1, "content", 2, "margin-left", "0px"], ["src", "/img/gov.uk_logotype_crown_invert_trans.png?0.23.0", "width", "36", "height", "32", "alt", ""], [1, "global-header"], [1, "title"], ["id", "proposition-menu"], [1, "title-solicitor"], ["id", "proposition-name"]], template: function HeaderBarComponent_Template(rf, ctx) {
+    HeaderBarComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, ngContentSelectors: _c1$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.ɵɵelementStart(0, "header", 0);
@@ -283,14 +283,14 @@
     })();
 
     var _c0$W = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
-    var _c1$o = ["[leftNavLinks]", "[rightNavLinks]"];
+    var _c1$p = ["[leftNavLinks]", "[rightNavLinks]"];
     var NavigationComponent = /** @class */ (function () {
         function NavigationComponent() {
         }
         return NavigationComponent;
     }());
     NavigationComponent.ɵfac = function NavigationComponent_Factory(t) { return new (t || NavigationComponent)(); };
-    NavigationComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["cut-nav-bar"]], inputs: { isSolicitor: "isSolicitor" }, ngContentSelectors: _c1$o, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) {
+    NavigationComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["cut-nav-bar"]], inputs: { isSolicitor: "isSolicitor" }, ngContentSelectors: _c1$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.ɵɵelementStart(0, "div");
@@ -438,14 +438,14 @@
     })();
 
     var _c0$V = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
-    var _c1$n = ["[topBody]", "[leftBody]", "[rightBody]"];
+    var _c1$o = ["[topBody]", "[leftBody]", "[rightBody]"];
     var BodyComponent = /** @class */ (function () {
         function BodyComponent() {
         }
         return BodyComponent;
     }());
     BodyComponent.ɵfac = function BodyComponent_Factory(t) { return new (t || BodyComponent)(); };
-    BodyComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$n, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) {
+    BodyComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], ngContentSelectors: _c1$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.ɵɵelementStart(0, "div", 0);
@@ -1040,12 +1040,12 @@
     DateInputComponent.ɵfac = function DateInputComponent_Factory(t) { return new (t || DateInputComponent)(); };
     DateInputComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: DateInputComponent, selectors: [["cut-date-input"]], inputs: { id: "id", mandatory: "mandatory", isDateTime: "isDateTime", formControl: "formControl", isInvalid: "isInvalid" }, features: [i0__namespace.ɵɵProvidersFeature([
                 {
-                    provide: i1$2.NG_VALUE_ACCESSOR,
+                    provide: i2.NG_VALUE_ACCESSOR,
                     useExisting: i0.forwardRef(function () { return DateInputComponent; }),
                     multi: true
                 },
                 {
-                    provide: i1$2.NG_VALIDATORS,
+                    provide: i2.NG_VALIDATORS,
                     useExisting: i0.forwardRef(function () { return DateInputComponent; }),
                     multi: true
                 }
@@ -1111,12 +1111,12 @@
                         templateUrl: './date-input.html',
                         providers: [
                             {
-                                provide: i1$2.NG_VALUE_ACCESSOR,
+                                provide: i2.NG_VALUE_ACCESSOR,
                                 useExisting: i0.forwardRef(function () { return DateInputComponent; }),
                                 multi: true
                             },
                             {
-                                provide: i1$2.NG_VALIDATORS,
+                                provide: i2.NG_VALIDATORS,
                                 useExisting: i0.forwardRef(function () { return DateInputComponent; }),
                                 multi: true
                             }
@@ -1472,14 +1472,14 @@
     })();
 
     var _c0$S = function (a0) { return { "js-hidden": a0 }; };
-    var _c1$m = ["*"];
+    var _c1$n = ["*"];
     var TabComponent = /** @class */ (function () {
         function TabComponent() {
         }
         return TabComponent;
     }());
     TabComponent.ɵfac = function TabComponent_Factory(t) { return new (t || TabComponent)(); };
-    TabComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: TabComponent, selectors: [["cut-tab"]], inputs: { id: "id", title: "title", selected: "selected" }, ngContentSelectors: _c1$m, decls: 2, vars: 5, consts: [["role", "tabpanel", 1, "tabs-panel", 3, "id", "ngClass"]], template: function TabComponent_Template(rf, ctx) {
+    TabComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: TabComponent, selectors: [["cut-tab"]], inputs: { id: "id", title: "title", selected: "selected" }, ngContentSelectors: _c1$n, decls: 2, vars: 5, consts: [["role", "tabpanel", 1, "tabs-panel", 3, "id", "ngClass"]], template: function TabComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -1511,7 +1511,7 @@
     })();
 
     var _c0$R = ["tab"];
-    var _c1$l = function () { return ["."]; };
+    var _c1$m = function () { return ["."]; };
     var _c2$3 = function (a0) { return { "tabs-toggle-selected": a0 }; };
     function TabsComponent_li_2_Template(rf, ctx) {
         if (rf & 1) {
@@ -1526,7 +1526,7 @@
         if (rf & 2) {
             var panel_r1 = ctx.$implicit;
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("routerLink", i0__namespace.ɵɵpureFunction0(6, _c1$l))("fragment", panel_r1.id)("ngClass", i0__namespace.ɵɵpureFunction1(7, _c2$3, panel_r1.selected));
+            i0__namespace.ɵɵproperty("routerLink", i0__namespace.ɵɵpureFunction0(6, _c1$m))("fragment", panel_r1.id)("ngClass", i0__namespace.ɵɵpureFunction1(7, _c2$3, panel_r1.selected));
             i0__namespace.ɵɵattribute("aria-controls", panel_r1.id)("aria-selected", panel_r1.selected);
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵtextInterpolate(panel_r1.title);
@@ -1861,7 +1861,7 @@
                 return error;
             }
             var httpError = new HttpError();
-            if (error instanceof i1$3.HttpErrorResponse) {
+            if (error instanceof i1$2.HttpErrorResponse) {
                 if (error.headers
                     && error.headers.get(HttpErrorService.CONTENT_TYPE)
                     && error.headers.get(HttpErrorService.CONTENT_TYPE).indexOf(HttpErrorService.JSON) !== -1) {
@@ -1991,7 +1991,7 @@
             options = options || { observe: 'body' };
             options.withCredentials = true;
             if (!options.headers) {
-                options.headers = new i1$3.HttpHeaders()
+                options.headers = new i1$2.HttpHeaders()
                     .set(HttpService.HEADER_ACCEPT, 'application/json')
                     .set(HttpService.HEADER_CONTENT_TYPE, 'application/json');
             }
@@ -2080,7 +2080,7 @@
         };
         ActivityService.prototype.getOptions = function () {
             var userDetails = JSON.parse(this.sessionStorageService.getItem('userDetails'));
-            var headers = new i1$3.HttpHeaders().set('Content-Type', 'application/json').set('Authorization', userDetails.token);
+            var headers = new i1$2.HttpHeaders().set('Content-Type', 'application/json').set('Authorization', userDetails.token);
             var options = {
                 headers: headers,
                 withCredentials: true,
@@ -2552,7 +2552,6 @@
         CaseFlagStatus["ACTIVE"] = "Active";
         CaseFlagStatus["INACTIVE"] = "Inactive";
         CaseFlagStatus["REQUESTED"] = "Requested";
-        CaseFlagStatus["NOT_APPROVED"] = "Not approved";
     })(exports.CaseFlagStatus || (exports.CaseFlagStatus = {}));
 
     var DashPipe = /** @class */ (function () {
@@ -4299,13 +4298,13 @@
             return this.mergeFields(caseFields, formFields, FieldsUtils.LABEL_MERGE_FUNCTION);
         };
         FieldsUtils.prototype.controlIterator = function (aControl, formArrayFn, formGroupFn, controlFn) {
-            if (aControl instanceof i1$2.FormArray) { // We're in a collection
+            if (aControl instanceof i2.FormArray) { // We're in a collection
                 formArrayFn(aControl);
             }
-            else if (aControl instanceof i1$2.FormGroup) { // We're in a complex type.
+            else if (aControl instanceof i2.FormGroup) { // We're in a complex type.
                 formGroupFn(aControl);
             }
-            else if (aControl instanceof i1$2.FormControl) { // FormControl
+            else if (aControl instanceof i2.FormControl) { // FormControl
                 controlFn(aControl);
             }
         };
@@ -4751,19 +4750,19 @@
         FormValidatorsService.addValidators = function (caseField, control) {
             if (caseField.display_context === Constants.MANDATORY &&
                 FormValidatorsService.CUSTOM_VALIDATED_TYPES.indexOf(caseField.field_type.type) === -1) {
-                var validators = [i1$2.Validators.required];
+                var validators = [i2.Validators.required];
                 if (caseField.field_type.type === 'Text') {
                     if (caseField.field_type.regular_expression) {
-                        validators.push(i1$2.Validators.pattern(caseField.field_type.regular_expression));
+                        validators.push(i2.Validators.pattern(caseField.field_type.regular_expression));
                     }
                     else {
                         validators.push(this.emptyValidator());
                     }
                     if (caseField.field_type.min && (typeof caseField.field_type.min === 'number')) {
-                        validators.push(i1$2.Validators.minLength(caseField.field_type.min));
+                        validators.push(i2.Validators.minLength(caseField.field_type.min));
                     }
                     if (caseField.field_type.max && (typeof caseField.field_type.max === 'number')) {
-                        validators.push(i1$2.Validators.maxLength(caseField.field_type.max));
+                        validators.push(i2.Validators.maxLength(caseField.field_type.max));
                     }
                 }
                 if (control.validator) {
@@ -4833,7 +4832,7 @@
             // No validators by default, override this method to add validators to the form control
         };
         AbstractFormFieldComponent.prototype.addControlToParent = function (control, parent, replace) {
-            if (parent instanceof i1$2.FormArray) {
+            if (parent instanceof i2.FormArray) {
                 return this.addControlToFormArray(control, parent, replace);
             }
             return this.addControlToFormGroup(control, parent, replace);
@@ -4949,7 +4948,7 @@
             this.handleFormGroup = function (formGroup) {
                 _this.evaluateControl(formGroup);
                 var groupControl = formGroup;
-                if (formGroup.get('value') && formGroup.get('value') instanceof i1$2.FormGroup) { // Complex Field
+                if (formGroup.get('value') && formGroup.get('value') instanceof i2.FormGroup) { // Complex Field
                     groupControl = formGroup.get('value');
                 }
                 else if (formGroup.controls) {
@@ -4971,7 +4970,7 @@
         }
         ConditionalShowFormDirective.prototype.ngOnInit = function () {
             if (!this.formGroup) {
-                this.formGroup = new i1$2.FormGroup({});
+                this.formGroup = new i2.FormGroup({});
             }
         };
         /**
@@ -6401,7 +6400,7 @@
         LabelSubstitutorDirective.prototype.ngOnInit = function () {
             this.initialLabel = this.caseField.label;
             this.initialHintText = this.caseField.hint_text;
-            this.formGroup = this.formGroup || new i1$2.FormGroup({});
+            this.formGroup = this.formGroup || new i2.FormGroup({});
             var fields = this.getReadOnlyAndFormFields();
             if (this.shouldSubstitute('label')) {
                 this.caseField.label = this.resolvePlaceholders(fields, this.caseField.label);
@@ -6950,7 +6949,7 @@
             // Do not set any headers, such as "Accept" or "Content-Type", with null values; this is not permitted with the
             // Angular HttpClient in @angular/common/http. Just create and pass a new HttpHeaders object. Angular will add the
             // correct headers and values automatically
-            var headers = new i1$3.HttpHeaders();
+            var headers = new i1$2.HttpHeaders();
             return this.http
                 .post(url, formData, { headers: headers, observe: 'body' })
                 .pipe(operators.delay(DocumentManagementService.RESPONSE_DELAY));
@@ -7056,7 +7055,7 @@
         DraftService.prototype.createDraft = function (ctid, eventData) {
             var _this = this;
             var saveDraftEndpoint = this.appConfig.getCreateOrUpdateDraftsUrl(ctid);
-            var headers = new i1$3.HttpHeaders()
+            var headers = new i1$2.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', DraftService.V2_MEDIATYPE_DRAFT_CREATE)
                 .set('Content-Type', 'application/json');
@@ -7070,7 +7069,7 @@
         DraftService.prototype.updateDraft = function (ctid, draftId, eventData) {
             var _this = this;
             var saveDraftEndpoint = this.appConfig.getCreateOrUpdateDraftsUrl(ctid) + draftId;
-            var headers = new i1$3.HttpHeaders()
+            var headers = new i1$2.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', DraftService.V2_MEDIATYPE_DRAFT_UPDATE)
                 .set('Content-Type', 'application/json');
@@ -7084,7 +7083,7 @@
         DraftService.prototype.getDraft = function (draftId) {
             var _this = this;
             var url = this.appConfig.getViewOrDeleteDraftsUrl(draftId.slice(DRAFT_PREFIX.length));
-            var headers = new i1$3.HttpHeaders()
+            var headers = new i1$2.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', DraftService.V2_MEDIATYPE_DRAFT_READ)
                 .set('Content-Type', 'application/json');
@@ -7098,7 +7097,7 @@
         DraftService.prototype.deleteDraft = function (draftId) {
             var _this = this;
             var url = this.appConfig.getViewOrDeleteDraftsUrl(draftId.slice(DRAFT_PREFIX.length));
-            var headers = new i1$3.HttpHeaders()
+            var headers = new i1$2.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', DraftService.V2_MEDIATYPE_DRAFT_DELETE)
                 .set('Content-Type', 'application/json');
@@ -7201,7 +7200,7 @@
                     if (inArray && group.controls['value']) {
                         group = group.controls['value'];
                     }
-                    if (group && group.constructor && i1$2.FormArray.name === group.constructor.name) {
+                    if (group && group.constructor && i2.FormArray.name === group.constructor.name) {
                         inArray = true;
                     }
                     else {
@@ -7257,11 +7256,11 @@
         }
         BannersService.prototype.getBanners = function (jurisdictionReferences) {
             var url = this.appConfig.getBannersUrl();
-            var headers = new i1$3.HttpHeaders()
+            var headers = new i1$2.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', BannersService.V2_MEDIATYPE_BANNERS)
                 .set('Content-Type', 'application/json');
-            var params = new i1$3.HttpParams();
+            var params = new i1$2.HttpParams();
             jurisdictionReferences.forEach(function (reference) { return params = params.append('ids', reference); });
             return this.httpService
                 .get(url, { params: params, headers: headers, observe: 'body' })
@@ -7353,7 +7352,7 @@
         }
         ProfileService.prototype.get = function () {
             var url = this.appConfig.getCaseDataUrl() + ProfileService.URL;
-            var headers = new i1$3.HttpHeaders()
+            var headers = new i1$2.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', ProfileService.V2_MEDIATYPE_USER_PROFILE)
                 .set('Content-Type', 'application/json');
@@ -7413,7 +7412,7 @@
             var e_1, _a, e_2, _b;
             // TODO: This should probably be the now built-in URLSearchParams but it
             // requires a bigger refactor and there are bigger fish to fry right now.
-            var params = new i1$3.HttpParams();
+            var params = new i1$2.HttpParams();
             if (view) {
                 params = params.set('view', view);
             }
@@ -7563,7 +7562,7 @@
         SearchService.prototype.getSearchInputs = function (jurisdictionId, caseTypeId) {
             var _this = this;
             var url = this.getSearchInputUrl(caseTypeId);
-            var headers = new i1$3.HttpHeaders()
+            var headers = new i1$2.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', SearchService.V2_MEDIATYPE_SEARCH_INPUTS)
                 .set('Content-Type', 'application/json');
@@ -7679,7 +7678,7 @@
         WorkbasketInputFilterService.prototype.getWorkbasketInputs = function (jurisdictionId, caseTypeId) {
             var _this = this;
             var url = this.getWorkbasketInputUrl(caseTypeId);
-            var headers = new i1$3.HttpHeaders()
+            var headers = new i1$2.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', WorkbasketInputFilterService.V2_MEDIATYPE_WORKBASKET_INPUT_DETAILS)
                 .set('Content-Type', 'application/json');
@@ -8431,7 +8430,7 @@
         CasesService.prototype.getCaseViewV2 = function (caseId) {
             var _this = this;
             var url = this.appConfig.getCaseDataUrl() + "/internal/cases/" + caseId;
-            var headers = new i1$3.HttpHeaders()
+            var headers = new i1$2.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', CasesService.V2_MEDIATYPE_CASE_VIEW)
                 .set('Content-Type', 'application/json');
@@ -8447,7 +8446,7 @@
             var _this = this;
             ignoreWarning = undefined !== ignoreWarning ? ignoreWarning : 'false';
             var url = this.buildEventTriggerUrl(caseTypeId, eventTriggerId, caseId, ignoreWarning);
-            var headers = new i1$3.HttpHeaders();
+            var headers = new i1$2.HttpHeaders();
             headers = headers.set('experimental', 'true');
             headers = headers.set('Content-Type', 'application/json');
             if (Draft.isDraft(caseId)) {
@@ -8472,7 +8471,7 @@
             var _this = this;
             var caseId = caseDetails.case_id;
             var url = this.appConfig.getCaseDataUrl() + ("/cases/" + caseId + "/events");
-            var headers = new i1$3.HttpHeaders()
+            var headers = new i1$2.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', CasesService.V2_MEDIATYPE_CREATE_EVENT)
                 .set('Content-Type', 'application/json');
@@ -8488,7 +8487,7 @@
             var pageIdString = pageId ? '?pageId=' + pageId : '';
             var url = this.appConfig.getCaseDataUrl()
                 + ("/case-types/" + ctid + "/validate" + pageIdString);
-            var headers = new i1$3.HttpHeaders()
+            var headers = new i1$2.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', CasesService.V2_MEDIATYPE_CASE_DATA_VALIDATE)
                 .set('Content-Type', 'application/json');
@@ -8507,7 +8506,7 @@
             }
             var url = this.appConfig.getCaseDataUrl()
                 + ("/case-types/" + ctid + "/cases?ignore-warning=" + ignoreWarning);
-            var headers = new i1$3.HttpHeaders()
+            var headers = new i1$2.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', CasesService.V2_MEDIATYPE_CREATE_CASE)
                 .set('Content-Type', 'application/json');
@@ -8523,7 +8522,7 @@
             var url = this.appConfig.getCaseDataUrl()
                 + ("/cases/" + caseId)
                 + "/documents";
-            var headers = new i1$3.HttpHeaders()
+            var headers = new i1$2.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', CasesService.V2_MEDIATYPE_CASE_DOCUMENTS)
                 .set('Content-Type', 'application/json');
@@ -9308,9 +9307,9 @@
                 this.sessionStorageService.setItem('eventUrl', this.router.url);
             }
             this.form = this.fb.group({
-                data: new i1$2.FormGroup({}),
+                data: new i2.FormGroup({}),
                 event: this.fb.group({
-                    id: [this.eventTrigger.id, i1$2.Validators.required],
+                    id: [this.eventTrigger.id, i2.Validators.required],
                     summary: [''],
                     description: ['']
                 })
@@ -9376,7 +9375,7 @@
     }());
     CaseEditComponent.ORIGIN_QUERY_PARAM = 'origin';
     CaseEditComponent.ALERT_MESSAGE = 'Page is being refreshed so you will be redirected to the first page of this event.';
-    CaseEditComponent.ɵfac = function CaseEditComponent_Factory(t) { return new (t || CaseEditComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.FormBuilder), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(FieldsUtils), i0__namespace.ɵɵdirectiveInject(FieldsPurger), i0__namespace.ɵɵdirectiveInject(ConditionalShowRegistrarService), i0__namespace.ɵɵdirectiveInject(WizardFactoryService), i0__namespace.ɵɵdirectiveInject(SessionStorageService), i0__namespace.ɵɵdirectiveInject(WindowService)); };
+    CaseEditComponent.ɵfac = function CaseEditComponent_Factory(t) { return new (t || CaseEditComponent)(i0__namespace.ɵɵdirectiveInject(i2__namespace.FormBuilder), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(FieldsUtils), i0__namespace.ɵɵdirectiveInject(FieldsPurger), i0__namespace.ɵɵdirectiveInject(ConditionalShowRegistrarService), i0__namespace.ɵɵdirectiveInject(WizardFactoryService), i0__namespace.ɵɵdirectiveInject(SessionStorageService), i0__namespace.ɵɵdirectiveInject(WindowService)); };
     CaseEditComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseEditComponent, selectors: [["ccd-case-edit"]], inputs: { eventTrigger: "eventTrigger", submit: "submit", validate: "validate", saveDraft: "saveDraft", caseDetails: "caseDetails" }, outputs: { cancelled: "cancelled", submitted: "submitted" }, features: [i0__namespace.ɵɵProvidersFeature([GreyBarService])], decls: 1, vars: 0, template: function CaseEditComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelement(0, "router-outlet");
@@ -9391,7 +9390,7 @@
                         styleUrls: ['../case-edit.scss'],
                         providers: [GreyBarService]
                     }]
-            }], function () { return [{ type: i1__namespace$3.FormBuilder }, { type: i1__namespace$1.Router }, { type: i1__namespace$1.ActivatedRoute }, { type: FieldsUtils }, { type: FieldsPurger }, { type: ConditionalShowRegistrarService }, { type: WizardFactoryService }, { type: SessionStorageService }, { type: WindowService }]; }, { eventTrigger: [{
+            }], function () { return [{ type: i2__namespace.FormBuilder }, { type: i1__namespace$1.Router }, { type: i1__namespace$1.ActivatedRoute }, { type: FieldsUtils }, { type: FieldsPurger }, { type: ConditionalShowRegistrarService }, { type: WizardFactoryService }, { type: SessionStorageService }, { type: WindowService }]; }, { eventTrigger: [{
                     type: i0.Input
                 }], submit: [{
                     type: i0.Input
@@ -9474,7 +9473,7 @@
             this.caseEdit = caseEdit;
             this.router = router;
             this.triggerText = 'Close and Return to case details';
-            this.formGroup = new i1$2.FormControl();
+            this.formGroup = new i2.FormControl();
             this.eventTrigger = this.caseEdit.eventTrigger;
             this.editForm = this.caseEdit.form;
             this.caseFields = this.getCaseFields();
@@ -9721,7 +9720,7 @@
         };
         return SaveOrDiscardDialogComponent;
     }());
-    SaveOrDiscardDialogComponent.ɵfac = function SaveOrDiscardDialogComponent_Factory(t) { return new (t || SaveOrDiscardDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$4.MatDialogRef)); };
+    SaveOrDiscardDialogComponent.ɵfac = function SaveOrDiscardDialogComponent_Factory(t) { return new (t || SaveOrDiscardDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialogRef)); };
     SaveOrDiscardDialogComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: SaveOrDiscardDialogComponent, selectors: [["ccd-save-or-discard-dialog"]], decls: 15, vars: 0, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Save", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Discard", 1, "button", "button-secondary", 3, "click"]], template: function SaveOrDiscardDialogComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div");
@@ -9762,11 +9761,11 @@
                         templateUrl: './save-or-discard-dialog.component.html',
                         styleUrls: ['../action-dialog.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$4.MatDialogRef }]; }, null);
+            }], function () { return [{ type: i1__namespace$3.MatDialogRef }]; }, null);
     })();
 
     function initDialog() {
-        var dialogConfig = new i1$4.MatDialogConfig();
+        var dialogConfig = new i1$3.MatDialogConfig();
         dialogConfig.disableClose = true;
         dialogConfig.autoFocus = true;
         dialogConfig.ariaLabel = 'Label';
@@ -10516,7 +10515,7 @@
     CaseEditPageComponent.TRIGGER_TEXT_START = 'Continue';
     CaseEditPageComponent.TRIGGER_TEXT_SAVE = 'Save and continue';
     CaseEditPageComponent.TRIGGER_TEXT_CONTINUE = 'Ignore Warning and Continue';
-    CaseEditPageComponent.ɵfac = function CaseEditPageComponent_Factory(t) { return new (t || CaseEditPageComponent)(i0__namespace.ɵɵdirectiveInject(CaseEditComponent), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(FormValueService), i0__namespace.ɵɵdirectiveInject(FormErrorService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(PageValidationService), i0__namespace.ɵɵdirectiveInject(i1__namespace$4.MatDialog), i0__namespace.ɵɵdirectiveInject(CaseFieldService), i0__namespace.ɵɵdirectiveInject(CaseEditDataService)); };
+    CaseEditPageComponent.ɵfac = function CaseEditPageComponent_Factory(t) { return new (t || CaseEditPageComponent)(i0__namespace.ɵɵdirectiveInject(CaseEditComponent), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(FormValueService), i0__namespace.ɵɵdirectiveInject(FormErrorService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(PageValidationService), i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialog), i0__namespace.ɵɵdirectiveInject(CaseFieldService), i0__namespace.ɵɵdirectiveInject(CaseEditDataService)); };
     CaseEditPageComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseEditPageComponent, selectors: [["ccd-case-edit-page"]], decls: 13, vars: 12, consts: [[4, "ngIf"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["titleBlock", ""], ["idBlock", ""], ["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], ["class", "error-summary", "role", "status", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [1, "width-50"], ["class", "form", 3, "formGroup", "submit", 4, "ngIf"], ["class", "govuk-heading-l", 4, "ngIf"], [1, "govuk-heading-l"], [1, "govuk-caption-l"], [3, "content"], ["class", "heading-h2", 4, "ngIf"], [1, "heading-h2"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], ["class", "govuk-error-summary__body", 4, "ngFor", "ngForOf"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [1, "validation-error", 3, "click"], ["role", "status", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading-3", 1, "heading-h3", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], ["class", "ccd-error-summary-li", 4, "ngFor", "ngForOf"], [1, "ccd-error-summary-li"], [1, "form", 3, "formGroup", "submit"], ["id", "fieldset-case-data"], [2, "display", "none"], ["id", "caseEditForm", 3, "fields", "formGroup", "caseFields", "pageChangeSubject", "valuesChanged", 4, "ngIf"], ["class", "grid-row", 4, "ngIf"], [1, "form-group", "form-group-related"], ["type", "button", 1, "button", "button-secondary", 3, "disabled", "click"], ["type", "submit", 1, "button", 3, "disabled"], [1, "cancel"], ["href", "javascript:void(0)", 3, "click"], ["id", "caseEditForm", 3, "fields", "formGroup", "caseFields", "pageChangeSubject", "valuesChanged"], [1, "grid-row"], [1, "column-two-thirds", "rightBorderSeparator"], ["id", "caseEditForm1", 3, "fields", "formGroup", "caseFields"], [1, "column-one-third"], ["id", "caseEditForm2", 3, "fields", "formGroup", "caseFields"]], template: function CaseEditPageComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, CaseEditPageComponent_ccd_loading_spinner_0_Template, 1, 0, "ccd-loading-spinner", 0);
@@ -10562,7 +10561,7 @@
                         templateUrl: 'case-edit-page.html',
                         styleUrls: ['./case-edit-page.scss']
                     }]
-            }], function () { return [{ type: CaseEditComponent }, { type: i1__namespace$1.ActivatedRoute }, { type: FormValueService }, { type: FormErrorService }, { type: i0__namespace.ChangeDetectorRef }, { type: PageValidationService }, { type: i1__namespace$4.MatDialog }, { type: CaseFieldService }, { type: CaseEditDataService }]; }, null);
+            }], function () { return [{ type: CaseEditComponent }, { type: i1__namespace$1.ActivatedRoute }, { type: FormValueService }, { type: FormErrorService }, { type: i0__namespace.ChangeDetectorRef }, { type: PageValidationService }, { type: i1__namespace$3.MatDialog }, { type: CaseFieldService }, { type: CaseEditDataService }]; }, null);
     })();
 
     var CallbackErrorsContext = /** @class */ (function () {
@@ -11316,25 +11315,6 @@
             }], null, null);
     })();
 
-    var EnumDisplayDescriptionPipe = /** @class */ (function () {
-        function EnumDisplayDescriptionPipe() {
-        }
-        EnumDisplayDescriptionPipe.prototype.transform = function (value) {
-            return Object.values(value);
-        };
-        return EnumDisplayDescriptionPipe;
-    }());
-    EnumDisplayDescriptionPipe.ɵfac = function EnumDisplayDescriptionPipe_Factory(t) { return new (t || EnumDisplayDescriptionPipe)(); };
-    EnumDisplayDescriptionPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "enumDisplayDescription", type: EnumDisplayDescriptionPipe, pure: true });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(EnumDisplayDescriptionPipe, [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'enumDisplayDescription'
-                    }]
-            }], null, null);
-    })();
-
     var SortOrder;
     (function (SortOrder) {
         SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
@@ -11375,8 +11355,7 @@
         CcdCYAPageLabelFilterPipe,
         ReadFieldsFilterPipe,
         CcdTabFieldsPipe,
-        CcdPageFieldsPipe,
-        EnumDisplayDescriptionPipe
+        CcdPageFieldsPipe
     ];
     var PipesModule = /** @class */ (function () {
         function PipesModule() {
@@ -11396,16 +11375,14 @@
                 CcdCYAPageLabelFilterPipe,
                 ReadFieldsFilterPipe,
                 CcdTabFieldsPipe,
-                CcdPageFieldsPipe,
-                EnumDisplayDescriptionPipe], imports: [i1.CommonModule], exports: [CaseReferencePipe,
+                CcdPageFieldsPipe], imports: [i1.CommonModule], exports: [CaseReferencePipe,
                 SortSearchResultPipe,
                 CcdCaseTitlePipe,
                 CcdCollectionTableCaseFieldsFilterPipe,
                 CcdCYAPageLabelFilterPipe,
                 ReadFieldsFilterPipe,
                 CcdTabFieldsPipe,
-                CcdPageFieldsPipe,
-                EnumDisplayDescriptionPipe] });
+                CcdPageFieldsPipe] });
     })();
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PipesModule, [{
@@ -11473,7 +11450,7 @@
             i0__namespace.ɵɵelementEnd();
         }
     }
-    var _c1$k = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$l = function (a0) { return { "form-group-error": a0 }; };
     var _c2$2 = function (a0) { return { "govuk-input--error": a0 }; };
     function WriteAddressFieldComponent_div_1_div_4_Template(rf, ctx) {
         if (rf & 1) {
@@ -11494,7 +11471,7 @@
         }
         if (rf & 2) {
             var ctx_r2 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵproperty("id", ctx_r2.createElementId("postcodeLookup"))("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$k, ctx_r2.missingPostcode));
+            i0__namespace.ɵɵproperty("id", ctx_r2.createElementId("postcodeLookup"))("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$l, ctx_r2.missingPostcode));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("for", ctx_r2.createElementId("postcodeInput"));
             i0__namespace.ɵɵadvance(3);
@@ -11579,16 +11556,16 @@
         function WriteAddressFieldComponent(addressesService, isCompoundPipe) {
             var _this = _super.call(this) || this;
             _this.isCompoundPipe = isCompoundPipe;
-            _this.addressFormGroup = new i1$2.FormGroup({});
+            _this.addressFormGroup = new i2.FormGroup({});
             _this.missingPostcode = false;
             _this.addressesService = addressesService;
             return _this;
         }
         WriteAddressFieldComponent.prototype.ngOnInit = function () {
             if (!this.isComplexWithHiddenFields()) {
-                this.postcode = new i1$2.FormControl('');
+                this.postcode = new i2.FormControl('');
                 this.addressFormGroup.addControl('postcode', this.postcode);
-                this.addressList = new i1$2.FormControl('');
+                this.addressList = new i2.FormControl('');
                 this.addressFormGroup.addControl('address', this.addressList);
             }
         };
@@ -11740,7 +11717,7 @@
         }
         AbstractFieldReadComponent.prototype.ngOnInit = function () {
             if (!this.caseField.metadata) {
-                this.registerControl(new i1$2.FormControl(this.caseField.value));
+                this.registerControl(new i2.FormControl(this.caseField.value));
             }
         };
         return AbstractFieldReadComponent;
@@ -11760,56 +11737,93 @@
                 }] });
     })();
 
-    function CaseFileViewFieldComponent_div_0_Template(rf, ctx) {
+    function CaseFileViewFieldComponent_ng_container_0_li_7_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 2);
-            i0__namespace.ɵɵelementStart(1, "h1", 3);
+            i0__namespace.ɵɵelementStart(0, "li");
+            i0__namespace.ɵɵelementStart(1, "a", 8);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var errorMessage_r4 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(errorMessage_r4);
+        }
+    }
+    function CaseFileViewFieldComponent_ng_container_0_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "div", 2);
+            i0__namespace.ɵɵelementStart(2, "div", 3);
+            i0__namespace.ɵɵelementStart(3, "h2", 4);
+            i0__namespace.ɵɵtext(4, " There is a problem ");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(5, "div", 5);
+            i0__namespace.ɵɵelementStart(6, "ul", 6);
+            i0__namespace.ɵɵtemplate(7, CaseFileViewFieldComponent_ng_container_0_li_7_Template, 3, 1, "li", 7);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(7);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.errorMessages);
+        }
+    }
+    function CaseFileViewFieldComponent_div_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div", 9);
+            i0__namespace.ɵɵelementStart(1, "h1", 10);
             i0__namespace.ɵɵtext(2, "Sorry, there is a problem with the service");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(3, "p", 4);
+            i0__namespace.ɵɵelementStart(3, "p", 11);
             i0__namespace.ɵɵtext(4, "Try again later.");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFileViewFieldComponent_div_1_ng_container_8_Template(rf, ctx) {
+    function CaseFileViewFieldComponent_div_2_ng_container_8_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelement(1, "mv-media-viewer", 11);
+            i0__namespace.ɵɵelement(1, "mv-media-viewer", 18);
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r5 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("url", ctx_r2.currentDocument.document_binary_url)("downloadFileName", ctx_r2.currentDocument.document_filename)("showToolbar", true)("contentType", ctx_r2.currentDocument.content_type)("enableAnnotations", true)("enableRedactions", true)("height", "94.5vh");
+            i0__namespace.ɵɵproperty("url", ctx_r5.currentDocument.document_binary_url)("downloadFileName", ctx_r5.currentDocument.document_filename)("showToolbar", true)("contentType", ctx_r5.currentDocument.content_type)("enableAnnotations", true)("enableRedactions", true)("height", "94.5vh");
         }
     }
-    function CaseFileViewFieldComponent_div_1_Template(rf, ctx) {
+    function CaseFileViewFieldComponent_div_2_Template(rf, ctx) {
         if (rf & 1) {
-            var _r4_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r7_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵelementStart(1, "h2", 5);
+            i0__namespace.ɵɵelementStart(1, "h2", 12);
             i0__namespace.ɵɵtext(2, "Case file");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(3, "div", 6);
-            i0__namespace.ɵɵelementStart(4, "div", 7);
-            i0__namespace.ɵɵelementStart(5, "ccd-case-file-view-folder", 8);
-            i0__namespace.ɵɵlistener("clickedDocument", function CaseFileViewFieldComponent_div_1_Template_ccd_case_file_view_folder_clickedDocument_5_listener($event) { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r3 = i0__namespace.ɵɵnextContext(); return ctx_r3.setMediaViewerFile($event); })("moveDocument", function CaseFileViewFieldComponent_div_1_Template_ccd_case_file_view_folder_moveDocument_5_listener($event) { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r5 = i0__namespace.ɵɵnextContext(); return ctx_r5.moveDocument($event); });
+            i0__namespace.ɵɵelementStart(3, "div", 13);
+            i0__namespace.ɵɵelementStart(4, "div", 14);
+            i0__namespace.ɵɵelementStart(5, "ccd-case-file-view-folder", 15);
+            i0__namespace.ɵɵlistener("clickedDocument", function CaseFileViewFieldComponent_div_2_Template_ccd_case_file_view_folder_clickedDocument_5_listener($event) { i0__namespace.ɵɵrestoreView(_r7_1); var ctx_r6 = i0__namespace.ɵɵnextContext(); ctx_r6.setMediaViewerFile($event); return ctx_r6.resetErrorMessages(); })("moveDocument", function CaseFileViewFieldComponent_div_2_Template_ccd_case_file_view_folder_moveDocument_5_listener($event) { i0__namespace.ɵɵrestoreView(_r7_1); var ctx_r8 = i0__namespace.ɵɵnextContext(); return ctx_r8.moveDocument($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelement(6, "div", 9);
-            i0__namespace.ɵɵelementStart(7, "div", 10);
-            i0__namespace.ɵɵtemplate(8, CaseFileViewFieldComponent_div_1_ng_container_8_Template, 2, 7, "ng-container", 1);
+            i0__namespace.ɵɵelement(6, "div", 16);
+            i0__namespace.ɵɵelementStart(7, "div", 17);
+            i0__namespace.ɵɵtemplate(8, CaseFileViewFieldComponent_div_2_ng_container_8_Template, 2, 7, "ng-container", 0);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            var ctx_r2 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(5);
-            i0__namespace.ɵɵproperty("categoriesAndDocuments", ctx_r1.categoriesAndDocuments$)("allowMoving", ctx_r1.allowMoving);
+            i0__namespace.ɵɵproperty("categoriesAndDocuments", ctx_r2.categoriesAndDocuments$)("allowMoving", ctx_r2.allowMoving);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r1.currentDocument);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r2.currentDocument);
         }
     }
     var CaseFileViewFieldComponent = /** @class */ (function () {
@@ -11821,6 +11835,7 @@
             this.loadingService = loadingService;
             this.allowMoving = true;
             this.getCategoriesAndDocumentsError = false;
+            this.errorMessages = [];
         }
         CaseFileViewFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
@@ -11866,11 +11881,23 @@
             var _this = this;
             var cid = this.route.snapshot.paramMap.get(CaseFileViewFieldComponent.PARAM_CASE_ID);
             var loadingToken = this.loadingService.register();
-            this.caseFileViewService.updateDocumentCategory(cid, this.caseVersion, data.document.attribute_path, data.newCategory).subscribe(function (_) {
-                location.reload();
+            this.caseFileViewService.updateDocumentCategory(cid, this.caseVersion, data.document.attribute_path, data.newCategory)
+                .pipe(operators.finalize(function () {
                 _this.loadingService.unregister(loadingToken);
+            }), operators.catchError(function () {
+                _this.errorMessages = ['You do not have permission to move this document to the selected folder.'];
+                return rxjs.of(null);
+            }))
+                .subscribe(function (res) {
+                if (res) {
+                    _this.resetErrorMessages();
+                    location.reload();
+                }
             });
         };
+        CaseFileViewFieldComponent.prototype.resetErrorMessages = function () {
+            this.errorMessages = [];
+        };
         CaseFileViewFieldComponent.prototype.ngOnDestroy = function () {
             if (this.categoriesAndDocumentsSubscription) {
                 this.categoriesAndDocumentsSubscription.unsubscribe();
@@ -11880,12 +11907,15 @@
     }());
     CaseFileViewFieldComponent.PARAM_CASE_ID = 'cid';
     CaseFileViewFieldComponent.ɵfac = function CaseFileViewFieldComponent_Factory(t) { return new (t || CaseFileViewFieldComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(CaseFileViewService), i0__namespace.ɵɵdirectiveInject(DocumentManagementService), i0__namespace.ɵɵdirectiveInject(LoadingService)); };
-    CaseFileViewFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFieldComponent, selectors: [["ccd-case-file-view-field"]], decls: 2, vars: 2, consts: [["class", "govuk-grid-column-two-thirds", 4, "ngIf"], [4, "ngIf"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "allowMoving", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions", "height"]], template: function CaseFileViewFieldComponent_Template(rf, ctx) {
+    CaseFileViewFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFieldComponent, selectors: [["ccd-case-file-view-field"]], decls: 3, vars: 3, consts: [[4, "ngIf"], ["class", "govuk-grid-column-two-thirds", 4, "ngIf"], ["data-module", "govuk-error-summary", 1, "govuk-error-summary", "govuk-!-margin-bottom-4"], ["role", "alert"], [1, "govuk-error-summary__title"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [4, "ngFor", "ngForOf"], ["href", "javascript:void(0);"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "allowMoving", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions", "height"]], template: function CaseFileViewFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, CaseFileViewFieldComponent_div_0_Template, 5, 0, "div", 0);
-                i0__namespace.ɵɵtemplate(1, CaseFileViewFieldComponent_div_1_Template, 9, 3, "div", 1);
+                i0__namespace.ɵɵtemplate(0, CaseFileViewFieldComponent_ng_container_0_Template, 8, 1, "ng-container", 0);
+                i0__namespace.ɵɵtemplate(1, CaseFileViewFieldComponent_div_1_Template, 5, 0, "div", 1);
+                i0__namespace.ɵɵtemplate(2, CaseFileViewFieldComponent_div_2_Template, 9, 3, "div", 0);
             }
             if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngIf", ctx.errorMessages == null ? null : ctx.errorMessages.length);
+                i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.getCategoriesAndDocumentsError);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", !ctx.getCategoriesAndDocumentsError);
@@ -11902,74 +11932,114 @@
             }], function () { return [{ type: i0__namespace.ElementRef }, { type: i1__namespace$1.ActivatedRoute }, { type: CaseFileViewService }, { type: DocumentManagementService }, { type: LoadingService }]; }, null);
     })();
 
-    function CaseFileViewFieldReadComponent_div_0_Template(rf, ctx) {
+    function CaseFileViewFieldReadComponent_ng_container_0_li_7_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 2);
-            i0__namespace.ɵɵelementStart(1, "h1", 3);
+            i0__namespace.ɵɵelementStart(0, "li");
+            i0__namespace.ɵɵelementStart(1, "a", 8);
+            i0__namespace.ɵɵtext(2);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var errorMessage_r4 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵtextInterpolate(errorMessage_r4);
+        }
+    }
+    function CaseFileViewFieldReadComponent_ng_container_0_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "div", 2);
+            i0__namespace.ɵɵelementStart(2, "div", 3);
+            i0__namespace.ɵɵelementStart(3, "h2", 4);
+            i0__namespace.ɵɵtext(4, " There is a problem ");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(5, "div", 5);
+            i0__namespace.ɵɵelementStart(6, "ul", 6);
+            i0__namespace.ɵɵtemplate(7, CaseFileViewFieldReadComponent_ng_container_0_li_7_Template, 3, 1, "li", 7);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(7);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.errorMessages);
+        }
+    }
+    function CaseFileViewFieldReadComponent_div_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div", 9);
+            i0__namespace.ɵɵelementStart(1, "h1", 10);
             i0__namespace.ɵɵtext(2, "Sorry, there is a problem with the service");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(3, "p", 4);
+            i0__namespace.ɵɵelementStart(3, "p", 11);
             i0__namespace.ɵɵtext(4, "Try again later.");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFileViewFieldReadComponent_div_1_ng_container_8_Template(rf, ctx) {
+    function CaseFileViewFieldReadComponent_div_2_ng_container_8_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelement(1, "mv-media-viewer", 11);
+            i0__namespace.ɵɵelement(1, "mv-media-viewer", 18);
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r5 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("url", ctx_r2.currentDocument.document_binary_url)("downloadFileName", ctx_r2.currentDocument.document_filename)("showToolbar", true)("contentType", ctx_r2.currentDocument.content_type)("enableAnnotations", true)("enableRedactions", true)("height", "94.5vh");
+            i0__namespace.ɵɵproperty("url", ctx_r5.currentDocument.document_binary_url)("downloadFileName", ctx_r5.currentDocument.document_filename)("showToolbar", true)("contentType", ctx_r5.currentDocument.content_type)("enableAnnotations", true)("enableRedactions", true)("height", "94.5vh");
         }
     }
-    function CaseFileViewFieldReadComponent_div_1_Template(rf, ctx) {
+    function CaseFileViewFieldReadComponent_div_2_Template(rf, ctx) {
         if (rf & 1) {
-            var _r4_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r7_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵelementStart(1, "h2", 5);
+            i0__namespace.ɵɵelementStart(1, "h2", 12);
             i0__namespace.ɵɵtext(2, "Case file");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(3, "div", 6);
-            i0__namespace.ɵɵelementStart(4, "div", 7);
-            i0__namespace.ɵɵelementStart(5, "ccd-case-file-view-folder", 8);
-            i0__namespace.ɵɵlistener("clickedDocument", function CaseFileViewFieldReadComponent_div_1_Template_ccd_case_file_view_folder_clickedDocument_5_listener($event) { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r3 = i0__namespace.ɵɵnextContext(); return ctx_r3.setMediaViewerFile($event); })("moveDocument", function CaseFileViewFieldReadComponent_div_1_Template_ccd_case_file_view_folder_moveDocument_5_listener($event) { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r5 = i0__namespace.ɵɵnextContext(); return ctx_r5.moveDocument($event); });
+            i0__namespace.ɵɵelementStart(3, "div", 13);
+            i0__namespace.ɵɵelementStart(4, "div", 14);
+            i0__namespace.ɵɵelementStart(5, "ccd-case-file-view-folder", 15);
+            i0__namespace.ɵɵlistener("clickedDocument", function CaseFileViewFieldReadComponent_div_2_Template_ccd_case_file_view_folder_clickedDocument_5_listener($event) { i0__namespace.ɵɵrestoreView(_r7_1); var ctx_r6 = i0__namespace.ɵɵnextContext(); ctx_r6.setMediaViewerFile($event); return ctx_r6.resetErrorMessages(); })("moveDocument", function CaseFileViewFieldReadComponent_div_2_Template_ccd_case_file_view_folder_moveDocument_5_listener($event) { i0__namespace.ɵɵrestoreView(_r7_1); var ctx_r8 = i0__namespace.ɵɵnextContext(); return ctx_r8.moveDocument($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelement(6, "div", 9);
-            i0__namespace.ɵɵelementStart(7, "div", 10);
-            i0__namespace.ɵɵtemplate(8, CaseFileViewFieldReadComponent_div_1_ng_container_8_Template, 2, 7, "ng-container", 1);
+            i0__namespace.ɵɵelement(6, "div", 16);
+            i0__namespace.ɵɵelementStart(7, "div", 17);
+            i0__namespace.ɵɵtemplate(8, CaseFileViewFieldReadComponent_div_2_ng_container_8_Template, 2, 7, "ng-container", 0);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            var ctx_r2 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(5);
-            i0__namespace.ɵɵproperty("categoriesAndDocuments", ctx_r1.categoriesAndDocuments$)("allowMoving", ctx_r1.allowMoving);
+            i0__namespace.ɵɵproperty("categoriesAndDocuments", ctx_r2.categoriesAndDocuments$)("allowMoving", ctx_r2.allowMoving);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r1.currentDocument);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r2.currentDocument);
         }
     }
     var CaseFileViewFieldReadComponent = /** @class */ (function (_super) {
         __extends(CaseFileViewFieldReadComponent, _super);
         function CaseFileViewFieldReadComponent() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.allowMoving = true;
+            _this.allowMoving = false;
             return _this;
         }
         return CaseFileViewFieldReadComponent;
     }(CaseFileViewFieldComponent));
     CaseFileViewFieldReadComponent.ɵfac = function CaseFileViewFieldReadComponent_Factory(t) { return ɵCaseFileViewFieldReadComponent_BaseFactory(t || CaseFileViewFieldReadComponent); };
-    CaseFileViewFieldReadComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFieldReadComponent, selectors: [["ccd-case-file-view-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["class", "govuk-grid-column-two-thirds", 4, "ngIf"], [4, "ngIf"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "allowMoving", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions", "height"]], template: function CaseFileViewFieldReadComponent_Template(rf, ctx) {
+    CaseFileViewFieldReadComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFieldReadComponent, selectors: [["ccd-case-file-view-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 3, vars: 3, consts: [[4, "ngIf"], ["class", "govuk-grid-column-two-thirds", 4, "ngIf"], ["data-module", "govuk-error-summary", 1, "govuk-error-summary", "govuk-!-margin-bottom-4"], ["role", "alert"], [1, "govuk-error-summary__title"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [4, "ngFor", "ngForOf"], ["href", "javascript:void(0);"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [1, "document-tree-container__tree", 3, "categoriesAndDocuments", "allowMoving", "clickedDocument", "moveDocument"], [1, "slider"], [1, "media-viewer-container"], [3, "url", "downloadFileName", "showToolbar", "contentType", "enableAnnotations", "enableRedactions", "height"]], template: function CaseFileViewFieldReadComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, CaseFileViewFieldReadComponent_div_0_Template, 5, 0, "div", 0);
-                i0__namespace.ɵɵtemplate(1, CaseFileViewFieldReadComponent_div_1_Template, 9, 3, "div", 1);
+                i0__namespace.ɵɵtemplate(0, CaseFileViewFieldReadComponent_ng_container_0_Template, 8, 1, "ng-container", 0);
+                i0__namespace.ɵɵtemplate(1, CaseFileViewFieldReadComponent_div_1_Template, 5, 0, "div", 1);
+                i0__namespace.ɵɵtemplate(2, CaseFileViewFieldReadComponent_div_2_Template, 9, 3, "div", 0);
             }
             if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngIf", ctx.errorMessages == null ? null : ctx.errorMessages.length);
+                i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.getCategoriesAndDocumentsError);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", !ctx.getCategoriesAndDocumentsError);
@@ -12073,18 +12143,14 @@
 
     exports.UpdateFlagStep = void 0;
     (function (UpdateFlagStep) {
-        UpdateFlagStep["COMMENT_HINT_TEXT"] = "Update the comments describing the user's support needs or flag description. Do not include any sensitive information such as personal details.";
-        UpdateFlagStep["COMMENT_CHARACTER_LIMIT_INFO"] = "You can enter up to 200 characters";
-        UpdateFlagStep["STATUS_HINT_TEXT"] = "Describe reason for status change, if choosing 'not approved' provide name for person approving decision";
+        UpdateFlagStep["HINT_TEXT"] = "Explain why you are updating this flag. Do not include any sensitive information such as personal details.";
+        UpdateFlagStep["CHARACTER_LIMIT_INFO"] = "You can enter up to 200 characters";
     })(exports.UpdateFlagStep || (exports.UpdateFlagStep = {}));
 
     function ReadCaseFlagFieldComponent_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r3_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "ccd-case-flag-summary-list", 3);
-            i0__namespace.ɵɵlistener("changeButtonEmitter", function ReadCaseFlagFieldComponent_ng_container_1_Template_ccd_case_flag_summary_list_changeButtonEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r3_1); var ctx_r2 = i0__namespace.ɵɵnextContext(); return ctx_r2.navigateBackToForm($event); });
-            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelement(1, "ccd-case-flag-summary-list", 3);
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
@@ -12098,8 +12164,8 @@
             i0__namespace.ɵɵelement(0, "ccd-case-flag-table", 8);
         }
         if (rf & 2) {
-            var flagData_r6 = i0__namespace.ɵɵnextContext().$implicit;
-            i0__namespace.ɵɵproperty("tableCaption", flagData_r6.flags.partyName)("flagData", flagData_r6)("firstColumnHeader", "Party level flags");
+            var flagData_r4 = i0__namespace.ɵɵnextContext().$implicit;
+            i0__namespace.ɵɵproperty("tableCaption", flagData_r4.flags.partyName)("flagData", flagData_r4)("firstColumnHeader", "Party level flags");
         }
     }
     function ReadCaseFlagFieldComponent_ng_container_2_div_3_Template(rf, ctx) {
@@ -12109,9 +12175,9 @@
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var flagData_r6 = ctx.$implicit;
+            var flagData_r4 = ctx.$implicit;
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", flagData_r6.flags.partyName);
+            i0__namespace.ɵɵproperty("ngIf", flagData_r4.flags.partyName);
         }
     }
     function ReadCaseFlagFieldComponent_ng_container_2_div_4_Template(rf, ctx) {
@@ -12121,9 +12187,9 @@
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r5 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r3 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("tableCaption", "Case level flags")("flagData", ctx_r5.caseLevelCaseFlagData)("firstColumnHeader", "Case flags");
+            i0__namespace.ɵɵproperty("tableCaption", "Case level flags")("flagData", ctx_r3.caseLevelCaseFlagData)("firstColumnHeader", "Case flags");
         }
     }
     function ReadCaseFlagFieldComponent_ng_container_2_Template(rf, ctx) {
@@ -12146,10 +12212,9 @@
     }
     var ReadCaseFlagFieldComponent = /** @class */ (function (_super) {
         __extends(ReadCaseFlagFieldComponent, _super);
-        function ReadCaseFlagFieldComponent(route, router) {
+        function ReadCaseFlagFieldComponent(route) {
             var _this = _super.call(this) || this;
             _this.route = route;
-            _this.router = router;
             _this.paletteContext = exports.PaletteContext;
             _this.caseLevelCaseFlagsFieldId = 'caseFlags';
             _this.caseNameMissing = 'Case name missing';
@@ -12167,9 +12232,7 @@
                 if (this.route.snapshot.data.case && this.route.snapshot.data.case.tabs) {
                     this.flagsData = this.route.snapshot.data.case.tabs
                         .filter(function (tab) { return tab.fields && tab.fields
-                        // There could be more than one FlagLauncher field instance so an additional check of caseField ID is
-                        // required to ensure the correct instance is obtained
-                        .some(function (caseField) { return caseField.field_type.type === 'FlagLauncher' && caseField.id === _this.caseField.id; }); })[0].fields.reduce(function (flags, caseField) {
+                        .some(function (caseField) { return caseField.field_type.type === 'FlagLauncher'; }); })[0].fields.reduce(function (flags, caseField) {
                         return FieldsUtils.extractFlagsDataFromCaseField(flags, caseField, caseField.id, caseField);
                     }, []);
                 }
@@ -12190,8 +12253,6 @@
                     // which the new flag has been added
                     if (flagLauncherComponent.caseField.display_context_parameter === this.createMode &&
                         flagLauncherComponent.selectedFlagsLocation) {
-                        // this.flagLocation = flagLauncherComponent.selectedFlagsLocation;
-                        this.pathToFlagsFormGroup = flagLauncherComponent.selectedFlagsLocation.pathToFlagsFormGroup;
                         this.flagForSummaryDisplay = this.extractNewFlagToFlagDetailDisplayObject(flagLauncherComponent.selectedFlagsLocation);
                         // Set the display mode for the "Review flag details" summary page
                         this.summaryListDisplayMode = exports.CaseFlagSummaryListDisplayMode.CREATE;
@@ -12226,18 +12287,10 @@
             }
             return null;
         };
-        ReadCaseFlagFieldComponent.prototype.navigateBackToForm = function (fieldState) {
-            this.router.navigate(['../createCaseFlagCaseFlagFormPage'], {
-                relativeTo: this.route,
-                state: {
-                    fieldState: fieldState,
-                }
-            });
-        };
         return ReadCaseFlagFieldComponent;
     }(AbstractFieldReadComponent));
-    ReadCaseFlagFieldComponent.ɵfac = function ReadCaseFlagFieldComponent_Factory(t) { return new (t || ReadCaseFlagFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router)); };
-    ReadCaseFlagFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadCaseFlagFieldComponent, selectors: [["ccd-read-case-flag-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], [3, "flagForSummaryDisplay", "summaryListDisplayMode", "changeButtonEmitter"], [1, "govuk-heading-l"], [4, "ngFor", "ngForOf"], [4, "ngIf"], [3, "tableCaption", "flagData", "firstColumnHeader", 4, "ngIf"], [3, "tableCaption", "flagData", "firstColumnHeader"]], template: function ReadCaseFlagFieldComponent_Template(rf, ctx) {
+    ReadCaseFlagFieldComponent.ɵfac = function ReadCaseFlagFieldComponent_Factory(t) { return new (t || ReadCaseFlagFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute)); };
+    ReadCaseFlagFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadCaseFlagFieldComponent, selectors: [["ccd-read-case-flag-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], [3, "flagForSummaryDisplay", "summaryListDisplayMode"], [1, "govuk-heading-l"], [4, "ngFor", "ngForOf"], [4, "ngIf"], [3, "tableCaption", "flagData", "firstColumnHeader", 4, "ngIf"], [3, "tableCaption", "flagData", "firstColumnHeader"]], template: function ReadCaseFlagFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementContainerStart(0, 0);
                 i0__namespace.ɵɵtemplate(1, ReadCaseFlagFieldComponent_ng_container_1_Template, 2, 2, "ng-container", 1);
@@ -12258,24 +12311,7 @@
                         templateUrl: './read-case-flag-field.component.html',
                         styleUrls: ['./read-case-flag-field.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: i1__namespace$1.Router }]; }, null);
-    })();
-
-    var CaseFlagStateService = /** @class */ (function () {
-        function CaseFlagStateService() {
-            this.formGroup = new i1$2.FormGroup({});
-        }
-        CaseFlagStateService.prototype.resetCache = function () {
-            this.formGroup = new i1$2.FormGroup({});
-        };
-        return CaseFlagStateService;
-    }());
-    CaseFlagStateService.ɵfac = function CaseFlagStateService_Factory(t) { return new (t || CaseFlagStateService)(); };
-    CaseFlagStateService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: CaseFlagStateService, factory: CaseFlagStateService.ɵfac });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFlagStateService, [{
-                type: i0.Injectable
-            }], null, null);
+            }], function () { return [{ type: i1__namespace$1.ActivatedRoute }]; }, null);
     })();
 
     function WriteCaseFlagFieldComponent_div_0_div_3_Template(rf, ctx) {
@@ -12355,7 +12391,7 @@
         if (rf & 2) {
             var ctx_r9 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("formGroup", ctx_r9.caseFlagParentFormGroup)("languages", ctx_r9.flagType.listOfValues)("flagCode", ctx_r9.flagType.flagCode);
+            i0__namespace.ɵɵproperty("formGroup", ctx_r9.caseFlagParentFormGroup)("languages", ctx_r9.listOfValues)("flagCode", ctx_r9.flagCode);
         }
     }
     function WriteCaseFlagFieldComponent_div_1_ng_container_7_Template(rf, ctx) {
@@ -12459,15 +12495,15 @@
     }
     var WriteCaseFlagFieldComponent = /** @class */ (function (_super) {
         __extends(WriteCaseFlagFieldComponent, _super);
-        function WriteCaseFlagFieldComponent(route, caseEditDataService, location, caseFlagStateService) {
+        function WriteCaseFlagFieldComponent(route, caseEditDataService) {
             var _this = _super.call(this) || this;
             _this.route = route;
             _this.caseEditDataService = caseEditDataService;
-            _this.location = location;
-            _this.caseFlagStateService = caseFlagStateService;
             _this.caseFlagFieldState = exports.CaseFlagFieldState;
             _this.errorMessages = [];
+            _this.caseFlagParentFormGroup = new i2.FormGroup({});
             _this.flagCommentsOptional = false;
+            _this.listOfValues = null;
             _this.allCaseFlagStagesCompleted = false;
             _this.updateMode = '#ARGUMENT(UPDATE)';
             // Code for "Other" flag type as defined in Reference Data
@@ -12475,29 +12511,8 @@
             _this.caseNameMissing = 'Case name missing';
             return _this;
         }
-        Object.defineProperty(WriteCaseFlagFieldComponent.prototype, "flagType", {
-            get: function () {
-                var _a;
-                return (_a = this.caseFlagParentFormGroup) === null || _a === void 0 ? void 0 : _a.value.flagType;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(WriteCaseFlagFieldComponent.prototype, "selectedFlagsLocation", {
-            get: function () {
-                var _a;
-                return (_a = this.caseFlagParentFormGroup) === null || _a === void 0 ? void 0 : _a.value.selectedLocation;
-            },
-            enumerable: false,
-            configurable: true
-        });
         WriteCaseFlagFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
-            var _a, _b;
-            if (!(((_a = this.location.getState()) === null || _a === void 0 ? void 0 : _a['fieldState']) >= 0)) {
-                this.caseFlagStateService.resetCache();
-            }
-            this.caseFlagParentFormGroup = this.caseFlagStateService.formGroup;
             this.caseEditDataService.clearFormValidationErrors();
             // Check for existing FlagLauncher control in parent and remove it - this is the only way to ensure its invalidity
             // is set correctly at the start, when the component is reloaded and the control is re-registered. Otherwise, the
@@ -12506,7 +12521,7 @@
                 this.formGroup.removeControl(this.caseField.id);
             }
             // From this point, this.formGroup refers to the FormGroup for the FlagLauncher field, not the parent FormGroup
-            this.formGroup = this.registerControl(new i1$2.FormGroup({}, {
+            this.formGroup = this.registerControl(new i2.FormGroup({}, {
                 validators: function (_) {
                     if (!_this.allCaseFlagStagesCompleted) {
                         // Return an error to mark the FormGroup as invalid if not all Case Flag stages have been completed
@@ -12531,17 +12546,12 @@
                 // Set boolean indicating the display_context_parameter is "update"
                 this.isDisplayContextParameterUpdate =
                     this.setDisplayContextParameterUpdate((this.route.snapshot.data.eventTrigger.case_fields));
-                // Set starting field state if fieldState not the right value
-                if (!(((_b = this.location.getState()) === null || _b === void 0 ? void 0 : _b['fieldState']) >= 0)) {
-                    this.fieldState = this.isDisplayContextParameterUpdate ? exports.CaseFlagFieldState.FLAG_MANAGE_CASE_FLAGS : exports.CaseFlagFieldState.FLAG_LOCATION;
-                }
-                else {
-                    this.fieldState = this.location.getState()['fieldState'];
-                }
+                // Set starting field state
+                this.fieldState = this.isDisplayContextParameterUpdate ? exports.CaseFlagFieldState.FLAG_MANAGE_CASE_FLAGS : exports.CaseFlagFieldState.FLAG_LOCATION;
                 // Get case title, to be used by child components
-                this.caseTitleSubscription = this.caseEditDataService.caseTitle$.subscribe({
+                this.caseEditDataService.caseTitle$.subscribe({
                     next: function (title) {
-                        _this.caseTitle = (title === null || title === void 0 ? void 0 : title.length) > 0 ? title : _this.caseNameMissing;
+                        _this.caseTitle = title.length > 0 ? title : _this.caseNameMissing;
                     }
                 });
             }
@@ -12552,6 +12562,31 @@
         };
         WriteCaseFlagFieldComponent.prototype.onCaseFlagStateEmitted = function (caseFlagState) {
             this.caseEditDataService.clearFormValidationErrors();
+            // If the current state is CaseFlagFieldState.FLAG_LOCATION and a flag location (a Flags instance) has been selected,
+            // set the parent Case Flag FormGroup for this component's children by using the provided pathToFlagsFormGroup, and
+            // set the selected flag location on this component
+            if (caseFlagState.currentCaseFlagFieldState === exports.CaseFlagFieldState.FLAG_LOCATION
+                && caseFlagState.selectedFlagsLocation
+                && caseFlagState.selectedFlagsLocation.pathToFlagsFormGroup) {
+                this.setCaseFlagParentFormGroup(caseFlagState.selectedFlagsLocation.pathToFlagsFormGroup);
+                this.selectedFlagsLocation = caseFlagState.selectedFlagsLocation;
+            }
+            // If the current state is CaseFlagFieldState.FLAG_TYPE, cache the flag name, path, hearing relevant indicator, code,
+            // and "list of values" (currently applicable to language flag types)
+            if (caseFlagState.currentCaseFlagFieldState === exports.CaseFlagFieldState.FLAG_TYPE) {
+                this.flagName = caseFlagState.flagName;
+                this.flagPath = caseFlagState.flagPath;
+                this.hearingRelevantFlag = caseFlagState.hearingRelevantFlag;
+                this.flagCode = caseFlagState.flagCode;
+                this.listOfValues = caseFlagState.listOfValues;
+            }
+            // If the current state is CaseFlagFieldState.FLAG_MANAGE_CASE_FLAGS and a flag has been selected, set the parent
+            // Case Flag FormGroup for this component's children by using the provided pathToFlagsFormGroup
+            if (caseFlagState.currentCaseFlagFieldState === exports.CaseFlagFieldState.FLAG_MANAGE_CASE_FLAGS
+                && caseFlagState.selectedFlag
+                && caseFlagState.selectedFlag.pathToFlagsFormGroup) {
+                this.setCaseFlagParentFormGroup(caseFlagState.selectedFlag.pathToFlagsFormGroup);
+            }
             this.errorMessages = caseFlagState.errorMessages;
             this.selectedFlag = caseFlagState.selectedFlag;
             // Validation succeeded; proceed to next state or final review stage ("Check your answers")
@@ -12571,12 +12606,11 @@
             }
         };
         WriteCaseFlagFieldComponent.prototype.proceedToNextState = function () {
-            var _a;
             if (!this.isAtFinalState()) {
                 // Skip the "language interpreter" state if current state is CaseFlagFieldState.FLAG_TYPE and the flag type doesn't
                 // have a "list of values" - currently, this is present only for those flag types that require language interpreter
                 // selection
-                if (this.fieldState === exports.CaseFlagFieldState.FLAG_TYPE && !((_a = this.flagType) === null || _a === void 0 ? void 0 : _a.listOfValues)) {
+                if (this.fieldState === exports.CaseFlagFieldState.FLAG_TYPE && !this.listOfValues) {
                     this.fieldState = exports.CaseFlagFieldState.FLAG_COMMENTS;
                 }
                 else {
@@ -12616,11 +12650,10 @@
                     }
                 }
             });
-            var path = this.selectedFlagsLocation.pathToFlagsFormGroup;
-            var flagDataRef = this.flagsData.find(function (item) { return item.pathToFlagsFormGroup === path; });
-            var flagsCaseFieldValue = flagDataRef.caseField.value;
+            var flagsCaseFieldValue = this.selectedFlagsLocation.caseField.value;
             // Use the pathToFlagsFormGroup property from the selected flag location to drill down to the correct part of the
             // CaseField value to apply changes to
+            var path = this.selectedFlagsLocation.pathToFlagsFormGroup;
             // Root-level Flags CaseFields don't have a dot-delimited path - just the CaseField ID itself - so don't drill down
             if (path.indexOf('.') > -1) {
                 path.slice(path.indexOf('.') + 1).split('.').forEach(function (part) { return flagsCaseFieldValue = flagsCaseFieldValue[part]; });
@@ -12628,8 +12661,8 @@
             // If the CaseField for the selected flags location has no value, set it to an empty object so it can be populated
             // with flag details
             if (!flagsCaseFieldValue) {
-                flagDataRef.caseField.value = {};
-                flagsCaseFieldValue = flagDataRef.caseField.value;
+                this.selectedFlagsLocation.caseField.value = {};
+                flagsCaseFieldValue = this.selectedFlagsLocation.caseField.value;
             }
             // Create a details array if one does not exist
             if (!flagsCaseFieldValue.hasOwnProperty('details')) {
@@ -12711,22 +12744,38 @@
         WriteCaseFlagFieldComponent.prototype.onFlagCommentsOptionalEmitted = function (_) {
             this.flagCommentsOptional = true;
         };
+        /**
+         * Set the parent {@link FormGroup} for this component's children, depending on the `Flags` {@link CaseField} instance
+         * to which data should be attached. **Note:** The parent is not _this_ component's `FormGroup` (as might otherwise be
+         * expected) because this component is not expected to have a value, given it is used for the empty `FlagLauncher` base
+         * field type.
+         *
+         * @param pathToFlagsFormGroup The dot-delimited string that is the path to the `FormGroup` for a `Flags` instance
+         */
+        WriteCaseFlagFieldComponent.prototype.setCaseFlagParentFormGroup = function (pathToFlagsFormGroup) {
+            this.caseFlagParentFormGroup = this.formGroup.parent.get(pathToFlagsFormGroup);
+        };
         WriteCaseFlagFieldComponent.prototype.populateNewFlagDetailInstance = function () {
-            var _a, _b, _c, _d, _e, _f, _g;
-            var formValues = (_a = this.caseFlagParentFormGroup) === null || _a === void 0 ? void 0 : _a.value;
             return {
-                name: (_b = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _b === void 0 ? void 0 : _b.name,
+                name: this.flagName,
                 // Currently, subTypeValue and subTypeKey are applicable only to language flag types
-                subTypeValue: (formValues === null || formValues === void 0 ? void 0 : formValues.languageSearchTerm) ? formValues === null || formValues === void 0 ? void 0 : formValues.languageSearchTerm.value : (formValues === null || formValues === void 0 ? void 0 : formValues.manualLanguageEntry) ? formValues === null || formValues === void 0 ? void 0 : formValues.manualLanguageEntry : null,
+                subTypeValue: this.caseFlagParentFormGroup.value.languageSearchTerm
+                    ? this.caseFlagParentFormGroup.value.languageSearchTerm.value
+                    : this.caseFlagParentFormGroup.value.manualLanguageEntry
+                        ? this.caseFlagParentFormGroup.value.manualLanguageEntry
+                        : null,
                 // For user-entered (i.e. non-Reference Data) languages, there is no key
-                subTypeKey: (formValues === null || formValues === void 0 ? void 0 : formValues.languageSearchTerm) ? formValues === null || formValues === void 0 ? void 0 : formValues.languageSearchTerm.key : null,
-                otherDescription: ((_c = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _c === void 0 ? void 0 : _c.flagCode) === this.otherFlagTypeCode && (formValues === null || formValues === void 0 ? void 0 : formValues.otherFlagTypeDescription)
-                    ? formValues === null || formValues === void 0 ? void 0 : formValues.otherFlagTypeDescription : null,
-                flagComment: formValues === null || formValues === void 0 ? void 0 : formValues.flagComments,
+                subTypeKey: this.caseFlagParentFormGroup.value.languageSearchTerm
+                    ? this.caseFlagParentFormGroup.value.languageSearchTerm.key
+                    : null,
+                otherDescription: this.flagCode === this.otherFlagTypeCode && this.caseFlagParentFormGroup.value.otherFlagTypeDescription
+                    ? this.caseFlagParentFormGroup.value.otherFlagTypeDescription
+                    : null,
+                flagComment: this.caseFlagParentFormGroup.value.flagComments ? this.caseFlagParentFormGroup.value.flagComments : null,
                 dateTimeCreated: new Date().toISOString(),
-                path: ((_d = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _d === void 0 ? void 0 : _d.Path) && ((_e = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _e === void 0 ? void 0 : _e.Path.map(function (pathValue) { return Object.assign({ id: null, value: pathValue }); })),
-                hearingRelevant: ((_f = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _f === void 0 ? void 0 : _f.hearingRelevantFlag) ? 'Yes' : 'No',
-                flagCode: (_g = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _g === void 0 ? void 0 : _g.flagCode,
+                path: this.flagPath,
+                hearingRelevant: this.hearingRelevantFlag ? 'Yes' : 'No',
+                flagCode: this.flagCode,
                 status: exports.CaseFlagStatus.ACTIVE
             };
         };
@@ -12737,13 +12786,9 @@
             this.formGroup.updateValueAndValidity();
             this.caseEditDataService.setTriggerSubmitEvent(true);
         };
-        WriteCaseFlagFieldComponent.prototype.ngOnDestroy = function () {
-            var _a;
-            (_a = this.caseTitleSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        };
         return WriteCaseFlagFieldComponent;
     }(AbstractFieldWriteComponent));
-    WriteCaseFlagFieldComponent.ɵfac = function WriteCaseFlagFieldComponent_Factory(t) { return new (t || WriteCaseFlagFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(CaseEditDataService), i0__namespace.ɵɵdirectiveInject(i1__namespace.Location), i0__namespace.ɵɵdirectiveInject(CaseFlagStateService)); };
+    WriteCaseFlagFieldComponent.ɵfac = function WriteCaseFlagFieldComponent_Factory(t) { return new (t || WriteCaseFlagFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(CaseEditDataService)); };
     WriteCaseFlagFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteCaseFlagFieldComponent, selectors: [["ccd-write-case-flag-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 3, vars: 3, consts: [["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], ["class", "form-group", 3, "formGroup", 4, "ngIf"], ["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"], [1, "form-group", 3, "formGroup"], [1, "govuk-form-group", 3, "ngSwitch"], ["id", "create-flag-caption", 1, "govuk-caption-l", 3, "ngClass"], [4, "ngSwitchCase"], [3, "formGroup", "flagsData", "caseFlagStateEmitter"], [3, "formGroup", "jurisdiction", "caseFlagStateEmitter", "flagCommentsOptionalEmitter"], [3, "formGroup", "languages", "flagCode", "caseFlagStateEmitter"], [3, "formGroup", "optional", "caseFlagStateEmitter"], [3, "formGroup", "flagsData", "caseTitle", "caseFlagStateEmitter"], [3, "formGroup", "selectedFlag", "caseFlagStateEmitter"]], template: function WriteCaseFlagFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, WriteCaseFlagFieldComponent_div_0_Template, 4, 1, "div", 0);
@@ -12766,7 +12811,7 @@
                         templateUrl: './write-case-flag-field.component.html',
                         styleUrls: ['./write-case-flag-field.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: CaseEditDataService }, { type: i1__namespace.Location }, { type: CaseFlagStateService }]; }, null);
+            }], function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: CaseEditDataService }]; }, null);
     })();
 
     function ReadCaseLinkFieldComponent_a_0_Template(rf, ctx) {
@@ -12854,7 +12899,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.caseReferenceControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c1$j = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$k = function (a0) { return { "form-group-error": a0 }; };
     var WriteCaseLinkFieldComponent = /** @class */ (function (_super) {
         __extends(WriteCaseLinkFieldComponent, _super);
         function WriteCaseLinkFieldComponent() {
@@ -12863,13 +12908,13 @@
         WriteCaseLinkFieldComponent.prototype.ngOnInit = function () {
             var e_1, _a;
             if (this.caseField.value) {
-                this.caseLinkGroup = this.registerControl(new i1$2.FormGroup({
-                    CaseReference: new i1$2.FormControl(this.caseField.value.CaseReference, i1$2.Validators.required),
+                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 i1$2.FormGroup({
-                    CaseReference: new i1$2.FormControl(null, i1$2.Validators.required),
+                this.caseLinkGroup = this.registerControl(new i2.FormGroup({
+                    CaseReference: new i2.FormControl(null, i2.Validators.required),
                 }), true);
             }
             this.caseReferenceControl = this.caseLinkGroup.controls['CaseReference'];
@@ -12938,7 +12983,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$j, !ctx.caseReferenceControl.valid && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.touched)));
+                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);
@@ -12950,7 +12995,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("id", ctx.id())("formControl", ctx.caseReferenceControl);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, 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);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteCaseLinkFieldComponent, [{
@@ -12983,7 +13028,7 @@
             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);
         }
     }
-    var _c1$i = function (a0, a1, a2, a3, a4) { return { id: a0, label: a1, field_type: a2, value: a3, hidden: a4 }; };
+    var _c1$j = 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");
@@ -12997,7 +13042,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$i, 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$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));
         }
     }
     function ReadCollectionFieldComponent_table_0_tbody_3_Template(rf, ctx) {
@@ -13087,7 +13132,7 @@
         };
         return RemoveDialogComponent;
     }());
-    RemoveDialogComponent.ɵfac = function RemoveDialogComponent_Factory(t) { return new (t || RemoveDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$4.MatDialogRef)); };
+    RemoveDialogComponent.ɵfac = function RemoveDialogComponent_Factory(t) { return new (t || RemoveDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialogRef)); };
     RemoveDialogComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: RemoveDialogComponent, selectors: [["ccd-remove-dialog"]], decls: 15, vars: 0, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Remove", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Cancel", 1, "button", "button-secondary", 3, "click"]], template: function RemoveDialogComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div");
@@ -13128,7 +13173,7 @@
                         templateUrl: './remove-dialog.component.html',
                         styleUrls: ['../action-dialog.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$4.MatDialogRef }]; }, null);
+            }], function () { return [{ type: i1__namespace$3.MatDialogRef }]; }, null);
     })();
 
     var _c0$L = ["collectionItem"];
@@ -13252,7 +13297,7 @@
                 this.profileSubscription = this.profileNotifier.profile.subscribe(function (_) { return _this.profile = _; });
             }
             this.caseField.value = this.caseField.value || [];
-            this.formArray = this.registerControl(new i1$2.FormArray([]), true);
+            this.formArray = this.registerControl(new i2.FormArray([]), true);
             this.formArray['caseField'] = this.caseField;
             this.caseField.value.forEach(function (item, index) {
                 var prefix = _this.buildIdPrefix(index);
@@ -13290,13 +13335,13 @@
                 group = this.formArray.at(index);
             }
             else {
-                group = new i1$2.FormGroup({});
+                group = new i2.FormGroup({});
             }
             var value;
             if (this.isCollectionOfSimpleType(this.caseField)) {
                 value = group.get('value');
                 if (!value) {
-                    value = new i1$2.FormControl(item.value);
+                    value = new i2.FormControl(item.value);
                     // Now add the value FormControl to the outer group.
                     group.addControl('value', value);
                 }
@@ -13304,7 +13349,7 @@
             else {
                 value = group.get('value');
                 if (!value) {
-                    value = new i1$2.FormGroup({});
+                    value = new i2.FormGroup({});
                     try {
                         for (var _b = __values(Object.keys(group.controls)), _c = _b.next(); !_c.done; _c = _b.next()) {
                             var key = _c.value;
@@ -13330,7 +13375,7 @@
             // and set up the id and value controls.
             // Also set up an id control if it doesn't yet exist.
             if (!id) {
-                id = new i1$2.FormControl(item.id);
+                id = new i2.FormControl(item.id);
                 group.addControl('id', id);
             }
             /**
@@ -13346,7 +13391,7 @@
             }
             // Now set up the CaseField and validation.
             var cfid;
-            if (value instanceof i1$2.FormControl) {
+            if (value instanceof i2.FormControl) {
                 cfid = 'value';
             }
             else {
@@ -13417,7 +13462,7 @@
         };
         WriteCollectionFieldComponent.prototype.getContainer = function (index) {
             var value = this.formArray.at(index).get('value');
-            if (value instanceof i1$2.FormGroup) {
+            if (value instanceof i2.FormGroup) {
                 return value;
             }
             else {
@@ -13507,7 +13552,7 @@
         };
         WriteCollectionFieldComponent.prototype.openModal = function (i) {
             var _this = this;
-            var dialogConfig = new i1$4.MatDialogConfig();
+            var dialogConfig = new i1$3.MatDialogConfig();
             dialogConfig.disableClose = true;
             dialogConfig.autoFocus = true;
             dialogConfig.ariaLabel = 'Label';
@@ -13541,7 +13586,7 @@
         };
         return WriteCollectionFieldComponent;
     }(AbstractFieldWriteComponent));
-    WriteCollectionFieldComponent.ɵfac = function WriteCollectionFieldComponent_Factory(t) { return new (t || WriteCollectionFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$4.MatDialog), i0__namespace.ɵɵdirectiveInject(i2__namespace.ScrollToService), i0__namespace.ɵɵdirectiveInject(ProfileNotifier)); };
+    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);
@@ -13590,7 +13635,7 @@
                         templateUrl: './write-collection-field.html',
                         styleUrls: ['./collection-field.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$4.MatDialog }, { type: i2__namespace.ScrollToService }, { type: ProfileNotifier }]; }, { caseFields: [{
+            }], function () { return [{ type: i1__namespace$3.MatDialog }, { type: i2__namespace$1.ScrollToService }, { type: ProfileNotifier }]; }, { caseFields: [{
                     type: i0.Input
                 }], formGroup: [{
                     type: i0.Input
@@ -13753,7 +13798,7 @@
             _this.caseFields = [];
             _this.renderLabel = true;
             _this.ignoreMandatory = false;
-            _this.complexGroup = new i1$2.FormGroup({});
+            _this.complexGroup = new i2.FormGroup({});
             return _this;
         }
         WriteComplexFieldComponent.prototype.ngOnInit = function () {
@@ -13774,7 +13819,7 @@
             var e_1, _a;
             var control = this.complexGroup.get(caseField.id);
             if (!control) {
-                control = new i1$2.FormControl(caseField.value);
+                control = new i2.FormControl(caseField.value);
                 this.complexGroup.addControl(caseField.id, control);
             }
             // Add validators for addresses, if appropriate.
@@ -14069,7 +14114,7 @@
         };
         return DocumentDialogComponent;
     }());
-    DocumentDialogComponent.ɵfac = function DocumentDialogComponent_Factory(t) { return new (t || DocumentDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$4.MatDialogRef)); };
+    DocumentDialogComponent.ɵfac = function DocumentDialogComponent_Factory(t) { return new (t || DocumentDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialogRef)); };
     DocumentDialogComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: DocumentDialogComponent, selectors: [["ccd-document-dialog"]], decls: 15, vars: 0, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Replace", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Cancel", 1, "button", "button-secondary", 3, "click"]], template: function DocumentDialogComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div");
@@ -14110,7 +14155,7 @@
                         templateUrl: './document-dialog.component.html',
                         styleUrls: ['../action-dialog.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$4.MatDialogRef }]; }, null);
+            }], function () { return [{ type: i1__namespace$3.MatDialogRef }]; }, null);
     })();
 
     var FileUploadStateService = /** @class */ (function () {
@@ -14166,7 +14211,7 @@
             i0__namespace.ɵɵproperty("caseField", ctx_r2.caseField);
         }
     }
-    var _c1$h = function (a0) { return { "form-group-error bottom-30": a0 }; };
+    var _c1$i = function (a0) { return { "form-group-error bottom-30": a0 }; };
     var WriteDocumentFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDocumentFieldComponent, _super);
         function WriteDocumentFieldComponent(appConfig, caseNotifier, documentManagement, dialog, fileUploadStateService) {
@@ -14341,21 +14386,21 @@
         };
         WriteDocumentFieldComponent.prototype.createDocumentFormWithValidator = function (document) {
             var documentFormGroup = {
-                document_url: new i1$2.FormControl(document.document_url, i1$2.Validators.required),
-                document_binary_url: new i1$2.FormControl(document.document_binary_url, i1$2.Validators.required),
-                document_filename: new i1$2.FormControl(document.document_filename, i1$2.Validators.required)
+                document_url: new i2.FormControl(document.document_url, i2.Validators.required),
+                document_binary_url: new i2.FormControl(document.document_binary_url, i2.Validators.required),
+                document_filename: new i2.FormControl(document.document_filename, i2.Validators.required)
             };
-            documentFormGroup = this.secureModeOn ? Object.assign(Object.assign({}, documentFormGroup), { document_hash: new i1$2.FormControl(document.document_hash) }) : documentFormGroup;
-            this.uploadedDocument = this.registerControl(new i1$2.FormGroup(documentFormGroup), true);
+            documentFormGroup = this.secureModeOn ? Object.assign(Object.assign({}, documentFormGroup), { document_hash: new i2.FormControl(document.document_hash) }) : documentFormGroup;
+            this.uploadedDocument = this.registerControl(new i2.FormGroup(documentFormGroup), true);
         };
         WriteDocumentFieldComponent.prototype.createDocumentForm = function (document) {
             var documentFormGroup = {
-                document_url: new i1$2.FormControl(document.document_url),
-                document_binary_url: new i1$2.FormControl(document.document_binary_url),
-                document_filename: new i1$2.FormControl(document.document_filename)
+                document_url: new i2.FormControl(document.document_url),
+                document_binary_url: new i2.FormControl(document.document_binary_url),
+                document_filename: new i2.FormControl(document.document_filename)
             };
-            documentFormGroup = this.secureModeOn ? Object.assign(Object.assign({}, documentFormGroup), { document_hash: new i1$2.FormControl(document.document_hash) }) : documentFormGroup;
-            this.uploadedDocument = this.registerControl(new i1$2.FormGroup(documentFormGroup), true);
+            documentFormGroup = this.secureModeOn ? Object.assign(Object.assign({}, documentFormGroup), { document_hash: new i2.FormControl(document.document_hash) }) : documentFormGroup;
+            this.uploadedDocument = this.registerControl(new i2.FormGroup(documentFormGroup), true);
         };
         WriteDocumentFieldComponent.prototype.getErrorMessage = function (error) {
             // Document Management unavailable
@@ -14423,7 +14468,7 @@
     WriteDocumentFieldComponent.UPLOAD_ERROR_FILE_REQUIRED = 'File required';
     WriteDocumentFieldComponent.UPLOAD_ERROR_NOT_AVAILABLE = 'Document upload facility is not available at the moment';
     WriteDocumentFieldComponent.UPLOAD_WAITING_FILE_STATUS = 'Uploading...';
-    WriteDocumentFieldComponent.ɵfac = function WriteDocumentFieldComponent_Factory(t) { return new (t || WriteDocumentFieldComponent)(i0__namespace.ɵɵdirectiveInject(AbstractAppConfig), i0__namespace.ɵɵdirectiveInject(CaseNotifier), i0__namespace.ɵɵdirectiveInject(DocumentManagementService), i0__namespace.ɵɵdirectiveInject(i1__namespace$4.MatDialog), i0__namespace.ɵɵdirectiveInject(FileUploadStateService)); };
+    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);
@@ -14468,7 +14513,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(15, _c1$h, !ctx.valid));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(15, _c1$i, !ctx.valid));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -14497,7 +14542,7 @@
                         selector: 'ccd-write-document-field',
                         templateUrl: './write-document-field.html'
                     }]
-            }], function () { return [{ type: AbstractAppConfig }, { type: CaseNotifier }, { type: DocumentManagementService }, { type: i1__namespace$4.MatDialog }, { type: FileUploadStateService }]; }, { fileInput: [{
+            }], function () { return [{ type: AbstractAppConfig }, { type: CaseNotifier }, { type: DocumentManagementService }, { type: i1__namespace$3.MatDialog }, { type: FileUploadStateService }]; }, { fileInput: [{
                     type: i0.ViewChild,
                     args: ['fileInput', { static: false }]
                 }], clickout: [{
@@ -14651,7 +14696,7 @@
             if (isNull || typeof this.caseField.value === 'object') {
                 this.caseField.value = null;
             }
-            this.dynamicListFormControl = this.registerControl(new i1$2.FormControl(this.caseField.value));
+            this.dynamicListFormControl = this.registerControl(new i2.FormControl(this.caseField.value));
             this.dynamicListFormControl.setValue(this.caseField.value);
         };
         return WriteDynamicListFieldComponent;
@@ -14693,7 +14738,7 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngForOf", ctx.caseField.list_items);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.SelectControlValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective, i1__namespace$3.NgSelectOption, i1__namespace$3.ɵangular_packages_forms_forms_z, i1__namespace.NgForOf], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.SelectControlValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective, i2__namespace.NgSelectOption, i2__namespace.ɵangular_packages_forms_forms_z, i1__namespace.NgForOf], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteDynamicListFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteDynamicListFieldComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteDynamicListFieldComponent, [{
@@ -14848,7 +14893,7 @@
             i0__namespace.ɵɵtextInterpolate(radioButton_r5.label);
         }
     }
-    var _c1$g = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$h = function (a0) { return { "form-group-error": a0 }; };
     var WriteDynamicRadioListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteDynamicRadioListFieldComponent, _super);
         function WriteDynamicRadioListFieldComponent() {
@@ -14869,7 +14914,7 @@
             if (isNull || typeof this.caseField.value === 'object') {
                 this.caseField.value = [];
             }
-            this.dynamicRadioListControl = this.registerControl(new i1$2.FormControl(this.caseField.value));
+            this.dynamicRadioListControl = this.registerControl(new i2.FormControl(this.caseField.value));
             this.dynamicRadioListControl.setValue(this.caseField.value);
         };
         WriteDynamicRadioListFieldComponent.prototype.buildElementId = function (name) {
@@ -14896,7 +14941,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c1$g, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c1$h, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -14910,7 +14955,7 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngForOf", ctx.caseField.list_items);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace$3.RadioControlValueAccessor, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace.NgForOf, i2__namespace.RadioControlValueAccessor, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteDynamicRadioListFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteDynamicRadioListFieldComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteDynamicRadioListFieldComponent, [{
@@ -15004,14 +15049,14 @@
         }
     }
     var _c0$H = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$f = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c1$g = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteEmailFieldComponent = /** @class */ (function (_super) {
         __extends(WriteEmailFieldComponent, _super);
         function WriteEmailFieldComponent() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
         WriteEmailFieldComponent.prototype.ngOnInit = function () {
-            this.emailControl = this.registerControl(new i1$2.FormControl(this.caseField.value));
+            this.emailControl = this.registerControl(new i2.FormControl(this.caseField.value));
         };
         return WriteEmailFieldComponent;
     }(AbstractFieldWriteComponent));
@@ -15038,9 +15083,9 @@
                 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$f, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
+                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);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, 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);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteEmailFieldComponent, [{
@@ -15186,7 +15231,7 @@
             if (isNull) {
                 this.caseField.value = null;
             }
-            this.fixedListFormControl = this.registerControl(new i1$2.FormControl(this.caseField.value));
+            this.fixedListFormControl = this.registerControl(new i2.FormControl(this.caseField.value));
             this.fixedListFormControl.setValue(this.caseField.value);
         };
         return WriteFixedListFieldComponent;
@@ -15225,7 +15270,7 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngForOf", ctx.listItems);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.SelectControlValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective, i1__namespace$3.NgSelectOption, i1__namespace$3.ɵangular_packages_forms_forms_z, i1__namespace.NgForOf], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.SelectControlValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective, i2__namespace.NgSelectOption, i2__namespace.ɵangular_packages_forms_forms_z, i1__namespace.NgForOf], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteFixedListFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteFixedListFieldComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteFixedListFieldComponent, [{
@@ -15349,7 +15394,7 @@
             i0__namespace.ɵɵtextInterpolate(radioButton_r4.label);
         }
     }
-    var _c1$e = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$f = function (a0) { return { "form-group-error": a0 }; };
     var WriteFixedRadioListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteFixedRadioListFieldComponent, _super);
         function WriteFixedRadioListFieldComponent() {
@@ -15357,7 +15402,7 @@
         }
         WriteFixedRadioListFieldComponent.prototype.ngOnInit = function () {
             var notEmpty = this.caseField.value !== null && this.caseField.value !== undefined;
-            this.fixedRadioListControl = this.registerControl(new i1$2.FormControl(notEmpty ? this.caseField.value : null));
+            this.fixedRadioListControl = this.registerControl(new i2.FormControl(notEmpty ? this.caseField.value : null));
         };
         return WriteFixedRadioListFieldComponent;
     }(AbstractFieldWriteComponent));
@@ -15380,7 +15425,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$e, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$f, !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);
@@ -15392,7 +15437,7 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngForOf", ctx.caseField.field_type.fixed_list_items);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace$3.RadioControlValueAccessor, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace.NgForOf, i2__namespace.RadioControlValueAccessor, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteFixedRadioListFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteFixedRadioListFieldComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteFixedRadioListFieldComponent, [{
@@ -15552,10 +15597,10 @@
         WriteJudicialUserFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.jurisdictionId = this.route.snapshot.params[this.JURISDICTION_ID];
-            this.judicialUserFormGroup = this.registerControl(new i1$2.FormGroup({}), true);
-            this.idamIdFormControl = new i1$2.FormControl('');
+            this.judicialUserFormGroup = this.registerControl(new i2.FormGroup({}), true);
+            this.idamIdFormControl = new i2.FormControl('');
             this.judicialUserFormGroup.addControl(this.IDAM_ID, this.idamIdFormControl);
-            this.personalCodeFormControl = new i1$2.FormControl('');
+            this.personalCodeFormControl = new i2.FormControl('');
             this.judicialUserFormGroup.addControl(this.PERSONAL_CODE, this.personalCodeFormControl);
             this.sub = this.idamIdFormControl.valueChanges.pipe(operators.tap(function () { return _this.showAutocomplete = false; }), operators.tap(function () { return _this.filteredJudicialUsers = []; }), operators.debounceTime(300), operators.filter(function (searchTerm) { return searchTerm && searchTerm.length > _this.MINIMUM_SEARCH_CHARACTERS; }), operators.switchMap(function (searchTerm) { return _this.filter(searchTerm).pipe(operators.tap(function () { return _this.showAutocomplete = true; }), operators.catchError(function () { return _this.filteredJudicialUsers = []; })); })).subscribe(function (judicialUsers) {
                 _this.filteredJudicialUsers = judicialUsers;
@@ -15606,7 +15651,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", !(ctx.filteredJudicialUsers == null ? null : ctx.filteredJudicialUsers.length) && ctx.showAutocomplete);
             }
-        }, directives: [i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i5__namespace.MatAutocompleteTrigger, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective, i5__namespace.MatAutocomplete, i1__namespace.NgForOf, i6__namespace.MatOption, i1__namespace.NgClass], pipes: [FieldLabelPipe], styles: [".mat-option[_ngcontent-%COMP%]:hover{background:#2596be}.mat-option.select-option[_ngcontent-%COMP%]:hover{background:#1d70b8;color:#fff}.hide-autocomplete[_ngcontent-%COMP%]{display:none}"] });
+        }, directives: [i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i5__namespace.MatAutocompleteTrigger, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective, i5__namespace.MatAutocomplete, i1__namespace.NgForOf, i6__namespace.MatOption, i1__namespace.NgClass], pipes: [FieldLabelPipe], styles: [".mat-option[_ngcontent-%COMP%]:hover{background:#2596be}.mat-option.select-option[_ngcontent-%COMP%]:hover{background:#1d70b8;color:#fff}.hide-autocomplete[_ngcontent-%COMP%]{display:none}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteJudicialUserFieldComponent, [{
                 type: i0.Component,
@@ -15681,7 +15726,7 @@
                 this.value = this.amount;
             }
             else if (this.caseField) {
-                this.registerControl(new i1$2.FormControl(this.caseField.value));
+                this.registerControl(new i2.FormControl(this.caseField.value));
                 this.value = this.caseField.value;
             }
         };
@@ -15782,12 +15827,12 @@
     MoneyGbpInputComponent.ɵfac = function MoneyGbpInputComponent_Factory(t) { return new (t || MoneyGbpInputComponent)(); };
     MoneyGbpInputComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: MoneyGbpInputComponent, selectors: [["ccd-money-gbp-input"]], inputs: { id: "id", name: "name", mandatory: "mandatory", formControl: "formControl" }, features: [i0__namespace.ɵɵProvidersFeature([
                 {
-                    provide: i1$2.NG_VALUE_ACCESSOR,
+                    provide: i2.NG_VALUE_ACCESSOR,
                     useExisting: i0.forwardRef(function () { return MoneyGbpInputComponent; }),
                     multi: true,
                 },
                 {
-                    provide: i1$2.NG_VALIDATORS,
+                    provide: i2.NG_VALIDATORS,
                     useExisting: i0.forwardRef(function () { return MoneyGbpInputComponent; }),
                     multi: true,
                 }
@@ -15809,12 +15854,12 @@
                         template: "<input class=\"form-control form-control-1-8\"\n                    type=\"text\"\n                    [id]=\"id\"\n                    [name]=\"name\"\n                    [value]=\"displayValue\"\n                    (change)=\"onChange($event)\"\n                    (keyup)=\"onChange($event)\"\n                    [disabled]=\"disabled\"/>",
                         providers: [
                             {
-                                provide: i1$2.NG_VALUE_ACCESSOR,
+                                provide: i2.NG_VALUE_ACCESSOR,
                                 useExisting: i0.forwardRef(function () { return MoneyGbpInputComponent; }),
                                 multi: true,
                             },
                             {
-                                provide: i1$2.NG_VALIDATORS,
+                                provide: i2.NG_VALIDATORS,
                                 useExisting: i0.forwardRef(function () { return MoneyGbpInputComponent; }),
                                 multi: true,
                             }
@@ -15876,7 +15921,7 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         WriteMoneyGbpFieldComponent.prototype.ngOnInit = function () {
-            this.moneyGbpControl = this.registerControl(new i1$2.FormControl(this.caseField.value));
+            this.moneyGbpControl = this.registerControl(new i2.FormControl(this.caseField.value));
         };
         return WriteMoneyGbpFieldComponent;
     }(AbstractFieldWriteComponent));
@@ -15911,7 +15956,7 @@
                 i0__namespace.ɵɵadvance(4);
                 i0__namespace.ɵɵproperty("id", ctx.id())("name", ctx.id())("mandatory", i0__namespace.ɵɵpipeBind1(9, 9, ctx.caseField))("formControl", ctx.moneyGbpControl);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, MoneyGbpInputComponent, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [IsMandatoryPipe, FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, MoneyGbpInputComponent, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [IsMandatoryPipe, FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteMoneyGbpFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteMoneyGbpFieldComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteMoneyGbpFieldComponent, [{
@@ -16055,12 +16100,12 @@
         }
         WriteMultiSelectListFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this.checkboxes = new i1$2.FormArray([]);
+            this.checkboxes = new i2.FormArray([]);
             // Initialise array with existing values
             if (this.caseField.value && Array.isArray(this.caseField.value)) {
                 var values = this.caseField.value;
                 values.forEach(function (value) {
-                    _this.checkboxes.push(new i1$2.FormControl(value));
+                    _this.checkboxes.push(new i2.FormControl(value));
                 });
             }
             this.registerControl(this.checkboxes, true);
@@ -16068,7 +16113,7 @@
                 && this.caseField.field_type.type === 'MultiSelectList' && this.caseField.field_type.fixed_list_items.length > 0
                 && this.checkboxes.controls.length === 0) {
                 if (this.caseField.field_type.fixed_list_items[0].code) {
-                    this.checkboxes.push(new i1$2.FormControl(this.caseField.field_type.fixed_list_items[0].code));
+                    this.checkboxes.push(new i2.FormControl(this.caseField.field_type.fixed_list_items[0].code));
                     this.checkboxes.removeAt(0);
                 }
             }
@@ -16077,7 +16122,7 @@
             var _this = this;
             if (!this.isSelected(event.target.value)) {
                 // Add a new control in the FormArray
-                this.checkboxes.push(new i1$2.FormControl(event.target.value));
+                this.checkboxes.push(new i2.FormControl(event.target.value));
             }
             else {
                 // Remove the control form the FormArray
@@ -16203,14 +16248,14 @@
         }
     }
     var _c0$B = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$d = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c1$e = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteNumberFieldComponent = /** @class */ (function (_super) {
         __extends(WriteNumberFieldComponent, _super);
         function WriteNumberFieldComponent() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
         WriteNumberFieldComponent.prototype.ngOnInit = function () {
-            this.numberControl = this.registerControl(new i1$2.FormControl(this.caseField.value));
+            this.numberControl = this.registerControl(new i2.FormControl(this.caseField.value));
         };
         return WriteNumberFieldComponent;
     }(AbstractFieldWriteComponent));
@@ -16237,9 +16282,9 @@
                 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$d, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$e, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.NumberValueAccessor, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, 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);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteNumberFieldComponent, [{
@@ -16341,24 +16386,24 @@
         */
         WriteOrderSummaryFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
-            var orderSummaryGroup = this.registerControl(new i1$2.FormGroup({}), true);
-            var paymentReference = new i1$2.FormControl(this.caseField.value.PaymentReference);
+            var orderSummaryGroup = this.registerControl(new i2.FormGroup({}), true);
+            var paymentReference = new i2.FormControl(this.caseField.value.PaymentReference);
             orderSummaryGroup.addControl('PaymentReference', paymentReference);
-            var paymentTotal = new i1$2.FormControl(this.caseField.value.PaymentTotal);
+            var paymentTotal = new i2.FormControl(this.caseField.value.PaymentTotal);
             orderSummaryGroup.addControl('PaymentTotal', paymentTotal);
-            var feesArray = new i1$2.FormArray([]);
+            var feesArray = new i2.FormArray([]);
             this.caseField.value.Fees.forEach(function (fee) {
                 feesArray.push(_this.getFeeValue(fee.value));
             });
             orderSummaryGroup.addControl('Fees', feesArray);
         };
         WriteOrderSummaryFieldComponent.prototype.getFeeValue = function (feeValue) {
-            var feeGroup = new i1$2.FormGroup({});
-            feeGroup.addControl('FeeCode', new i1$2.FormControl(feeValue.FeeCode));
-            feeGroup.addControl('FeeAmount', new i1$2.FormControl(feeValue.FeeAmount));
-            feeGroup.addControl('FeeDescription', new i1$2.FormControl(feeValue.FeeDescription));
-            feeGroup.addControl('FeeVersion', new i1$2.FormControl(feeValue.FeeVersion));
-            var feeValueGroup = new i1$2.FormGroup({});
+            var feeGroup = new i2.FormGroup({});
+            feeGroup.addControl('FeeCode', new i2.FormControl(feeValue.FeeCode));
+            feeGroup.addControl('FeeAmount', new i2.FormControl(feeValue.FeeAmount));
+            feeGroup.addControl('FeeDescription', new i2.FormControl(feeValue.FeeDescription));
+            feeGroup.addControl('FeeVersion', new i2.FormControl(feeValue.FeeVersion));
+            var feeValueGroup = new i2.FormGroup({});
             feeValueGroup.addControl('value', feeGroup);
             return feeValueGroup;
         };
@@ -16662,10 +16707,10 @@
             var e_1, _a;
             var _this = this;
             this.organisations$ = this.organisationService.getActiveOrganisations();
-            this.searchOrgTextFormControl = new i1$2.FormControl('');
+            this.searchOrgTextFormControl = new i2.FormControl('');
             this.searchOrgValue$ = this.searchOrgTextFormControl.valueChanges;
             this.searchOrgValue$.subscribe(function (value) { return _this.onSearchOrg(value); });
-            this.organisationFormGroup = this.registerControl(new i1$2.FormGroup({}), true);
+            this.organisationFormGroup = this.registerControl(new i2.FormGroup({}), true);
             if (this.parent && this.parent.controls && this.parent.controls.hasOwnProperty(WriteOrganisationFieldComponent.PRE_POPULATE_TO_USERS_ORGANISATION)
                 && this.parent.controls[WriteOrganisationFieldComponent.PRE_POPULATE_TO_USERS_ORGANISATION].value
                 && this.parent.controls[WriteOrganisationFieldComponent.PRE_POPULATE_TO_USERS_ORGANISATION].value.toUpperCase()
@@ -16781,10 +16826,10 @@
             this.selectedOrg$ = rxjs.of(WriteOrganisationFieldComponent.EMPTY_SIMPLE_ORG);
         };
         WriteOrganisationFieldComponent.prototype.instantiateOrganisationFormGroup = function (orgIDState, orgNameState) {
-            this.organisationIDFormControl = new i1$2.FormControl(orgIDState);
+            this.organisationIDFormControl = new i2.FormControl(orgIDState);
             this.addOrganisationValidators(this.caseField, this.organisationIDFormControl);
             this.organisationFormGroup.addControl(WriteOrganisationFieldComponent.ORGANISATION_ID, this.organisationIDFormControl);
-            this.organisationNameFormControl = new i1$2.FormControl(orgNameState);
+            this.organisationNameFormControl = new i2.FormControl(orgNameState);
             this.organisationFormGroup.addControl(WriteOrganisationFieldComponent.ORGANISATION_NAME, this.organisationNameFormControl);
         };
         WriteOrganisationFieldComponent.prototype.addOrganisationValidators = function (caseField, control) {
@@ -17017,14 +17062,14 @@
         }
     }
     var _c0$z = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$c = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c1$d = function (a0) { return { "govuk-input--error": a0 }; };
     var WritePhoneUKFieldComponent = /** @class */ (function (_super) {
         __extends(WritePhoneUKFieldComponent, _super);
         function WritePhoneUKFieldComponent() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
         WritePhoneUKFieldComponent.prototype.ngOnInit = function () {
-            this.phoneUkControl = this.registerControl(new i1$2.FormControl(this.caseField.value));
+            this.phoneUkControl = this.registerControl(new i2.FormControl(this.caseField.value));
         };
         return WritePhoneUKFieldComponent;
     }(AbstractFieldWriteComponent));
@@ -17051,9 +17096,9 @@
                 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$c, ctx.phoneUkControl.errors && ctx.phoneUkControl.dirty))("id", ctx.id())("formControl", ctx.phoneUkControl);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$d, ctx.phoneUkControl.errors && ctx.phoneUkControl.dirty))("id", ctx.id())("formControl", ctx.phoneUkControl);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, 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);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WritePhoneUKFieldComponent, [{
@@ -17134,7 +17179,7 @@
         }
     }
     var _c0$y = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$b = function (a0) { return { "govuk-textarea--error": a0 }; };
+    var _c1$c = function (a0) { return { "govuk-textarea--error": a0 }; };
     var WriteTextAreaFieldComponent = /** @class */ (function (_super) {
         __extends(WriteTextAreaFieldComponent, _super);
         function WriteTextAreaFieldComponent(browserService) {
@@ -17143,7 +17188,7 @@
             return _this;
         }
         WriteTextAreaFieldComponent.prototype.ngOnInit = function () {
-            this.textareaControl = this.registerControl(new i1$2.FormControl(this.caseField.value));
+            this.textareaControl = this.registerControl(new i2.FormControl(this.caseField.value));
         };
         WriteTextAreaFieldComponent.prototype.autoGrow = function (event) {
             if (this.browserService.isIEOrEdge()) {
@@ -17179,9 +17224,9 @@
                 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$b, ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched)))("id", ctx.id())("formControl", ctx.textareaControl);
+                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);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteTextAreaFieldComponent, [{
                 type: i0.Component,
@@ -17262,14 +17307,14 @@
         }
     }
     var _c0$x = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$a = function (a0) { return { "govuk-input--error": a0 }; };
+    var _c1$b = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteTextFieldComponent = /** @class */ (function (_super) {
         __extends(WriteTextFieldComponent, _super);
         function WriteTextFieldComponent() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
         WriteTextFieldComponent.prototype.ngOnInit = function () {
-            this.textControl = this.registerControl(new i1$2.FormControl(this.caseField.value));
+            this.textControl = this.registerControl(new i2.FormControl(this.caseField.value));
         };
         WriteTextFieldComponent.prototype.onBlur = function ($event) {
             $event.target.value = $event.target.value.trim();
@@ -17301,9 +17346,9 @@
                 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$a, (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$b, (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, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, 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);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteTextFieldComponent, [{
@@ -17522,7 +17567,7 @@
             i0__namespace.ɵɵtextInterpolate(value_r4);
         }
     }
-    var _c1$9 = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$a = function (a0) { return { "form-group-error": a0 }; };
     var WriteYesNoFieldComponent = /** @class */ (function (_super) {
         __extends(WriteYesNoFieldComponent, _super);
         function WriteYesNoFieldComponent(yesNoService) {
@@ -17532,7 +17577,7 @@
             return _this;
         }
         WriteYesNoFieldComponent.prototype.ngOnInit = function () {
-            this.yesNoControl = this.registerControl(new i1$2.FormControl(this.yesNoService.format(this.caseField.value)));
+            this.yesNoControl = this.registerControl(new i2.FormControl(this.yesNoService.format(this.caseField.value)));
         };
         return WriteYesNoFieldComponent;
     }(AbstractFieldWriteComponent));
@@ -17553,7 +17598,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("id", ctx.id())("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$9, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
+                i0__namespace.ɵɵproperty("id", ctx.id())("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$a, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.caseField.label);
                 i0__namespace.ɵɵadvance(1);
@@ -17565,7 +17610,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngForOf", ctx.yesNoValues);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace$3.RadioControlValueAccessor, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace.NgForOf, i2__namespace.RadioControlValueAccessor, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteYesNoFieldComponent, [{
                 type: i0.Component,
@@ -17676,7 +17721,7 @@
             _this.resolver = resolver;
             _this.paletteService = paletteService;
             _this.withLabel = false;
-            _this.formGroup = new i1$2.FormGroup({});
+            _this.formGroup = new i2.FormGroup({});
             _this.caseFields = [];
             return _this;
         }
@@ -17965,7 +18010,7 @@
             i0__namespace.ɵɵelementContainer(0);
         }
     }
-    var _c1$8 = function (a0, a1) { return { cat: a0, level: a1 }; };
+    var _c1$9 = 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);
@@ -17978,7 +18023,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$8, subcat_r8, level_r6 + 1));
+            i0__namespace.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction2(2, _c1$9, subcat_r8, level_r6 + 1));
         }
     }
     function CaseFileViewFolderSelectorComponent_ng_template_12_Template(rf, ctx) {
@@ -18087,7 +18132,7 @@
         };
         return CaseFileViewFolderSelectorComponent;
     }());
-    CaseFileViewFolderSelectorComponent.ɵfac = function CaseFileViewFolderSelectorComponent_Factory(t) { return new (t || CaseFileViewFolderSelectorComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$4.MatDialogRef), i0__namespace.ɵɵdirectiveInject(i1$4.MAT_DIALOG_DATA)); };
+    CaseFileViewFolderSelectorComponent.ɵfac = function CaseFileViewFolderSelectorComponent_Factory(t) { return new (t || CaseFileViewFolderSelectorComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialogRef), i0__namespace.ɵɵdirectiveInject(i1$3.MAT_DIALOG_DATA)); };
     CaseFileViewFolderSelectorComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderSelectorComponent, selectors: [["xui-case-file-view-folder-selector"]], decls: 14, vars: 2, consts: [[1, "close", 3, "click"], [1, "govuk-heading-l"], [1, "folders", "govuk-radios", "govuk-radios--conditional"], [4, "ngFor", "ngForOf"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"], [1, "cancel", 3, "click"], ["folder", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "folder", "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "name", "id", "click"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["src", "/assets/images/folder.png", "alt", "Folder icon", 1, "iconImg"]], template: function CaseFileViewFolderSelectorComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -18131,9 +18176,9 @@
                         encapsulation: i0.ViewEncapsulation.None
                     }]
             }], function () {
-            return [{ type: i1__namespace$4.MatDialogRef }, { type: undefined, decorators: [{
+            return [{ type: i1__namespace$3.MatDialogRef }, { type: undefined, decorators: [{
                             type: i0.Inject,
-                            args: [i1$4.MAT_DIALOG_DATA]
+                            args: [i1$3.MAT_DIALOG_DATA]
                         }] }];
         }, null);
     })();
@@ -18200,7 +18245,7 @@
         }
     }
     var _c0$r = [[["", "trigger", ""]]];
-    var _c1$7 = ["[trigger]"];
+    var _c1$8 = ["[trigger]"];
     var CaseFileViewOverlayMenuComponent = /** @class */ (function () {
         function CaseFileViewOverlayMenuComponent() {
             this.title = '';
@@ -18215,7 +18260,7 @@
         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$7, 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$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) {
             if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef(_c0$r);
                 i0__namespace.ɵɵelementStart(0, "div");
@@ -18232,7 +18277,7 @@
                 i0__namespace.ɵɵadvance(4);
                 i0__namespace.ɵɵproperty("cdkConnectedOverlayOrigin", _r0)("cdkConnectedOverlayOpen", ctx.isOpen)("cdkConnectedOverlayHasBackdrop", true)("cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop");
             }
-        }, directives: [i1__namespace$5.CdkOverlayOrigin, i1__namespace$5.CdkConnectedOverlay, i1__namespace.NgIf, i1__namespace.NgForOf], styles: [".overlay-toggle[_ngcontent-%COMP%]{display:block;background:none;border:0;padding:0 6px;margin-right:-6px;cursor:pointer}.overlay-menu[_ngcontent-%COMP%]{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlay-menu__item[_ngcontent-%COMP%], .overlay-menu__title[_ngcontent-%COMP%]{padding:10px;border-bottom:1px solid grey}.overlay-menu__item[_ngcontent-%COMP%]:last-child, .overlay-menu__title[_ngcontent-%COMP%]:last-child{border:none}.overlay-menu__title[_ngcontent-%COMP%]{padding-left:6px;padding-right:6px}.overlay-menu__item[_ngcontent-%COMP%]{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlay-menu__item[_ngcontent-%COMP%]:hover{background-color:#fff2cc}.overlay-menu__itemIcon[_ngcontent-%COMP%]{height:1.25em;width:1.25em;margin-right:6px}"] });
+        }, directives: [i1__namespace$4.CdkOverlayOrigin, i1__namespace$4.CdkConnectedOverlay, i1__namespace.NgIf, i1__namespace.NgForOf], styles: [".overlay-toggle[_ngcontent-%COMP%]{display:block;background:none;border:0;padding:0 6px;margin-right:-4px;cursor:pointer}.overlay-menu[_ngcontent-%COMP%]{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlay-menu__item[_ngcontent-%COMP%], .overlay-menu__title[_ngcontent-%COMP%]{padding:10px;border-bottom:1px solid grey}.overlay-menu__item[_ngcontent-%COMP%]:last-child, .overlay-menu__title[_ngcontent-%COMP%]:last-child{border:none}.overlay-menu__title[_ngcontent-%COMP%]{padding-left:6px;padding-right:6px}.overlay-menu__item[_ngcontent-%COMP%]{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlay-menu__item[_ngcontent-%COMP%]:hover{background-color:#fff2cc}.overlay-menu__itemIcon[_ngcontent-%COMP%]{height:1.25em;width:1.25em;margin-right:6px}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewOverlayMenuComponent, [{
                 type: i0.Component,
@@ -18604,8 +18649,8 @@
         });
         CaseFileViewFolderComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this.documentFilterFormGroup = new i1$2.FormGroup({});
-            this.documentSearchFormControl = new i1$2.FormControl('');
+            this.documentFilterFormGroup = new i2.FormGroup({});
+            this.documentSearchFormControl = new i2.FormControl('');
             this.documentFilterFormGroup.addControl(CaseFileViewFolderComponent.DOCUMENT_SEARCH_FORM_CONTROL_NAME, this.documentSearchFormControl);
             // Listen to search input and initiate filter documents if at least three characters entered
             this.documentFilterSubscription = this.documentSearchFormControl.valueChanges.pipe(operators.tap(function (searchTerm) { return _this.searchTermLength = searchTerm.length; }), operators.switchMap(function (searchTerm) { return _this.filter(searchTerm.toLowerCase()).pipe(); })).subscribe(function (documentTreeData) {
@@ -18765,6 +18810,7 @@
                 data: { categories: this.categories, document: node }
             });
             dialogRef.afterClosed().subscribe(function (newCatId) {
+                console.log(newCatId, node);
                 if (newCatId) {
                     _this.moveDocument.emit({ newCategory: newCatId, document: node });
                 }
@@ -18788,7 +18834,7 @@
     CaseFileViewFolderComponent.UNCATEGORISED_DOCUMENTS_TITLE = 'Uncategorised documents';
     CaseFileViewFolderComponent.DOCUMENT_SEARCH_FORM_CONTROL_NAME = 'documentSearchFormControl';
     CaseFileViewFolderComponent.MINIMUM_SEARCH_CHARACTERS = 1;
-    CaseFileViewFolderComponent.ɵfac = function CaseFileViewFolderComponent_Factory(t) { return new (t || CaseFileViewFolderComponent)(i0__namespace.ɵɵdirectiveInject(WindowService), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(DocumentManagementService), i0__namespace.ɵɵdirectiveInject(i1__namespace$4.MatDialog)); };
+    CaseFileViewFolderComponent.ɵfac = function CaseFileViewFolderComponent_Factory(t) { return new (t || CaseFileViewFolderComponent)(i0__namespace.ɵɵdirectiveInject(WindowService), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(DocumentManagementService), i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialog)); };
     CaseFileViewFolderComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFolderComponent, selectors: [["ccd-case-file-view-folder"]], inputs: { categoriesAndDocuments: "categoriesAndDocuments", allowMoving: "allowMoving" }, outputs: { clickedDocument: "clickedDocument", moveDocument: "moveDocument" }, decls: 9, vars: 3, consts: [[1, "document-filter-container"], [1, "form-group", "document-filter", 3, "formGroup"], ["type", "search", "id", "document-search", "name", "documentSearchFormControl", "formControlName", "documentSearchFormControl", "placeholder", "Search by document name", 1, "form-control", "document-search"], [1, "document-folders-header"], [1, "document-folders-header__title"], [3, "sortAscending", "sortDescending"], ["class", "document-tree-container", 4, "ngIf"], [1, "document-tree-container"], [4, "ngIf"], [3, "dataSource", "treeControl"], ["class", "document-tree-container__node document-tree-container__node--document", 4, "cdkTreeNodeDef"], ["class", "document-tree-container__node document-tree-container__folder", 4, "cdkTreeNodeDef", "cdkTreeNodeDefWhen"], [1, "document-tree-container__node", "document-tree-container__node--document"], [1, "node", 3, "click"], ["disabled", "", 1, "node__icon"], ["src", "/assets/img/case-file-view/case-file-view-document.svg", "alt", "Document icon", 1, "node__iconImg"], [1, "node__name", "node-name-document"], [1, "node__document-options"], [3, "allowMoving", "changeFolderAction", "openInANewTabAction", "downloadAction", "printAction"], [1, "document-tree-container__node", "document-tree-container__folder"], ["cdkTreeNodeToggle", "", 1, "node"], [1, "node__icon"], ["alt", "Folder icon", 1, "node__iconImg", 3, "src"], [1, "node__count"], [1, "node__name", "node__name--folder"], ["cdkTreeNodeOutlet", ""]], template: function CaseFileViewFolderComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -18816,7 +18862,7 @@
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.documentTreeData);
             }
-        }, directives: [i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlName, CaseFileViewFolderSortComponent, i1__namespace.NgIf, i7__namespace.CdkTree, i7__namespace.CdkTreeNodeDef, i7__namespace.CdkNestedTreeNode, CaseFileViewFolderDocumentActionsComponent, i7__namespace.CdkTreeNodeToggle, i7__namespace.CdkTreeNodeOutlet], styles: ["[_nghost-%COMP%]{display:flex;height:100%;flex-direction:column}[_nghost-%COMP%]   .document-tree-container[_ngcontent-%COMP%]{flex:1 0}.document-filter-container[_ngcontent-%COMP%]{border-bottom:2px solid #c9c9c9}.document-filter-container[_ngcontent-%COMP%]   .document-filter[_ngcontent-%COMP%]{padding:10px}.document-filter-container[_ngcontent-%COMP%]   .document-filter[_ngcontent-%COMP%]   .document-search[_ngcontent-%COMP%]{background:url(/assets/images/icon-search-black.svg) no-repeat 100% #fff;background-position-x:calc(100% - 4px);padding-right:30px;width:100%}.document-filter-container[_ngcontent-%COMP%]   .documents-title[_ngcontent-%COMP%]{height:30%;margin-left:8px;font-weight:700}.document-tree-container[_ngcontent-%COMP%]{padding:4px;overflow-x:hidden;overflow-y:scroll}.document-tree-container__node[_ngcontent-%COMP%]{display:block}.document-tree-container__node[_ngcontent-%COMP%]   .document-tree-container__node[_ngcontent-%COMP%]{padding-left:40px}.document-tree-container[_ngcontent-%COMP%]   .document-tree-invisible[_ngcontent-%COMP%]{display:none}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar{width:7px}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{border:4px solid transparent;background-clip:padding-box;border-radius:9999px;background-color:#aaa}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar-button{display:none}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar-track-piece{background:#eee}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:#ccc}.document-folders-header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #c9c9c9;padding:10px}.document-folders-header__title[_ngcontent-%COMP%]{font-weight:700}.node[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;padding:6px;background:none;border:0;cursor:pointer;white-space:nowrap}.node--selected[_ngcontent-%COMP%]{background:#fff2cc}.node__icon[_ngcontent-%COMP%]{position:relative;display:inline-block}.node__count[_ngcontent-%COMP%]{color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.875rem;padding-top:4px}.node__iconImg[_ngcontent-%COMP%]{display:block;height:30px;width:30px}.node__name[_ngcontent-%COMP%]{margin-left:6px;font-size:1rem;overflow:hidden;text-overflow:ellipsis}.node__document-options[_ngcontent-%COMP%]{margin-left:auto;margin-right:0}"] });
+        }, directives: [i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName, CaseFileViewFolderSortComponent, i1__namespace.NgIf, i7__namespace.CdkTree, i7__namespace.CdkTreeNodeDef, i7__namespace.CdkNestedTreeNode, CaseFileViewFolderDocumentActionsComponent, i7__namespace.CdkTreeNodeToggle, i7__namespace.CdkTreeNodeOutlet], styles: ["[_nghost-%COMP%]{display:flex;height:100%;flex-direction:column}[_nghost-%COMP%]   .document-tree-container[_ngcontent-%COMP%]{flex:1 0}.document-filter-container[_ngcontent-%COMP%]{border-bottom:2px solid #c9c9c9}.document-filter-container[_ngcontent-%COMP%]   .document-filter[_ngcontent-%COMP%]{padding:10px}.document-filter-container[_ngcontent-%COMP%]   .document-filter[_ngcontent-%COMP%]   .document-search[_ngcontent-%COMP%]{background:url(/assets/images/icon-search-black.svg) no-repeat 100% #fff;background-position-x:calc(100% - 4px);padding-right:30px;width:100%}.document-filter-container[_ngcontent-%COMP%]   .documents-title[_ngcontent-%COMP%]{height:30%;margin-left:8px;font-weight:700}.document-tree-container[_ngcontent-%COMP%]{padding:4px;overflow-x:hidden;overflow-y:scroll}.document-tree-container__node[_ngcontent-%COMP%]{display:block}.document-tree-container__node[_ngcontent-%COMP%]   .document-tree-container__node[_ngcontent-%COMP%]{padding-left:40px}.document-tree-container[_ngcontent-%COMP%]   .document-tree-invisible[_ngcontent-%COMP%]{display:none}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar{width:7px}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{border:4px solid transparent;background-clip:padding-box;border-radius:9999px;background-color:#aaa}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar-button{display:none}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar-track-piece{background:#eee}.document-tree-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:#ccc}.document-folders-header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #c9c9c9;padding:10px}.document-folders-header__title[_ngcontent-%COMP%]{font-weight:700}.node[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;padding:6px;background:none;border:0;cursor:pointer;white-space:nowrap}.node--selected[_ngcontent-%COMP%]{background:#fff2cc}.node__icon[_ngcontent-%COMP%]{position:relative;display:inline-block}.node__count[_ngcontent-%COMP%]{color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.875rem;padding-top:4px}.node__iconImg[_ngcontent-%COMP%]{display:block;height:30px;width:30px}.node__name[_ngcontent-%COMP%]{margin-left:6px;font-size:1rem;overflow:hidden;text-overflow:ellipsis}.node__document-options[_ngcontent-%COMP%]{margin-left:auto;margin-right:0}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFolderComponent, [{
                 type: i0.Component,
@@ -18825,7 +18871,7 @@
                         templateUrl: './case-file-view-folder.component.html',
                         styleUrls: ['./case-file-view-folder.component.scss'],
                     }]
-            }], function () { return [{ type: WindowService }, { type: i1__namespace$1.Router }, { type: DocumentManagementService }, { type: i1__namespace$4.MatDialog }]; }, { categoriesAndDocuments: [{
+            }], function () { return [{ type: WindowService }, { type: i1__namespace$1.Router }, { type: DocumentManagementService }, { type: i1__namespace$3.MatDialog }]; }, { categoriesAndDocuments: [{
                     type: i0.Input
                 }], allowMoving: [{
                     type: i0.Input
@@ -18847,32 +18893,25 @@
     }
     function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_15_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 20);
+            i0__namespace.ɵɵelementStart(0, "strong", 19);
             i0__namespace.ɵɵtext(1, "Active");
             i0__namespace.ɵɵelementEnd();
         }
     }
     function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_16_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 21);
+            i0__namespace.ɵɵelementStart(0, "strong", 20);
             i0__namespace.ɵɵtext(1, "Inactive");
             i0__namespace.ɵɵelementEnd();
         }
     }
     function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_17_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 21);
+            i0__namespace.ɵɵelementStart(0, "strong", 20);
             i0__namespace.ɵɵtext(1, "Requested");
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_18_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 22);
-            i0__namespace.ɵɵtext(1, "Not approved");
-            i0__namespace.ɵɵelementEnd();
-        }
-    }
     function CaseFlagTableComponent_table_0_tbody_17_tr_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tr", 15);
@@ -18899,7 +18938,6 @@
             i0__namespace.ɵɵtemplate(15, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_15_Template, 2, 0, "strong", 17);
             i0__namespace.ɵɵtemplate(16, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_16_Template, 2, 0, "strong", 18);
             i0__namespace.ɵɵtemplate(17, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_17_Template, 2, 0, "strong", 18);
-            i0__namespace.ɵɵtemplate(18, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_18_Template, 2, 0, "strong", 19);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
@@ -18913,23 +18951,21 @@
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵtextInterpolate(flagDetail_r4.flagComment);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(10, 9, flagDetail_r4.dateTimeCreated, "dd LLL yyyy"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(10, 8, flagDetail_r4.dateTimeCreated, "dd LLL yyyy"));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(13, 12, flagDetail_r4.dateTimeModified, "dd LLL yyyy"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(13, 11, flagDetail_r4.dateTimeModified, "dd LLL yyyy"));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.ACTIVE);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.INACTIVE);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.REQUESTED);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.NOT_APPROVED);
         }
     }
     function CaseFlagTableComponent_table_0_tbody_17_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tbody", 10);
-            i0__namespace.ɵɵtemplate(1, CaseFlagTableComponent_table_0_tbody_17_tr_1_Template, 19, 15, "tr", 14);
+            i0__namespace.ɵɵtemplate(1, CaseFlagTableComponent_table_0_tbody_17_tr_1_Template, 18, 14, "tr", 14);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -18994,7 +19030,7 @@
         return CaseFlagTableComponent;
     }());
     CaseFlagTableComponent.ɵfac = function CaseFlagTableComponent_Factory(t) { return new (t || CaseFlagTableComponent)(); };
-    CaseFlagTableComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFlagTableComponent, selectors: [["ccd-case-flag-table"]], inputs: { tableCaption: "tableCaption", flagData: "flagData", firstColumnHeader: "firstColumnHeader" }, decls: 1, vars: 1, consts: [["class", "govuk-table", 4, "ngIf"], [1, "govuk-table"], [1, "govuk-table__caption", "govuk-table__caption--l"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "col-party-name"], ["scope", "col", 1, "govuk-table__header", "col-comments"], ["scope", "col", 1, "govuk-table__header", "col-creation-date"], ["scope", "col", 1, "govuk-table__header", "col-last-modified"], ["scope", "col", 1, "govuk-table__header", "col-flag-status"], [1, "govuk-table__body"], [4, "ngIf"], ["class", "govuk-table__body", 4, "ngIf"], ["colspan", "5"], ["scope", "row", "class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["scope", "row", 1, "govuk-table__row"], [1, "govuk-table__cell"], ["class", "govuk-tag", 4, "ngIf"], ["class", "govuk-tag govuk-tag--grey", 4, "ngIf"], ["class", "govuk-tag govuk-tag--red", 4, "ngIf"], [1, "govuk-tag"], [1, "govuk-tag", "govuk-tag--grey"], [1, "govuk-tag", "govuk-tag--red"]], template: function CaseFlagTableComponent_Template(rf, ctx) {
+    CaseFlagTableComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFlagTableComponent, selectors: [["ccd-case-flag-table"]], inputs: { tableCaption: "tableCaption", flagData: "flagData", firstColumnHeader: "firstColumnHeader" }, decls: 1, vars: 1, consts: [["class", "govuk-table", 4, "ngIf"], [1, "govuk-table"], [1, "govuk-table__caption", "govuk-table__caption--l"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "col-party-name"], ["scope", "col", 1, "govuk-table__header", "col-comments"], ["scope", "col", 1, "govuk-table__header", "col-creation-date"], ["scope", "col", 1, "govuk-table__header", "col-last-modified"], ["scope", "col", 1, "govuk-table__header", "col-flag-status"], [1, "govuk-table__body"], [4, "ngIf"], ["class", "govuk-table__body", 4, "ngIf"], ["colspan", "5"], ["scope", "row", "class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["scope", "row", 1, "govuk-table__row"], [1, "govuk-table__cell"], ["class", "govuk-tag", 4, "ngIf"], ["class", "govuk-tag govuk-tag--grey", 4, "ngIf"], [1, "govuk-tag"], [1, "govuk-tag", "govuk-tag--grey"]], template: function CaseFlagTableComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, CaseFlagTableComponent_table_0_Template, 18, 4, "table", 0);
             }
@@ -19019,187 +19055,96 @@
                 }] });
     })();
 
-    /**
-     * DTO to provide typing of the response from the Reference Data Common API for Case Flags data.
-     *
-     * @see {@link https://tools.hmcts.net/confluence/pages/viewpage.action?pageId=1525476616#CaseFlagsHLDVersion1.0-Output}
-     * for full details
-     */
-    var FlagType = /** @class */ (function () {
-        function FlagType() {
-            this.listOfValuesLength = 0;
-            this.listOfValues = [];
-        }
-        FlagType.searchPathByFlagTypeObject = function (singleFlag, flags, path) {
-            var e_1, _b;
-            if (path === void 0) { path = []; }
-            var _a;
-            try {
-                for (var flags_1 = __values(flags), flags_1_1 = flags_1.next(); !flags_1_1.done; flags_1_1 = flags_1.next()) {
-                    var flag = flags_1_1.value;
-                    if (flag.flagCode === singleFlag.flagCode && flag.Path.join(',') === singleFlag.Path.join(',')) {
-                        return [flag, path];
-                    }
-                    if ((_a = flag.childFlags) === null || _a === void 0 ? void 0 : _a.length) {
-                        var _c = __read(FlagType.searchPathByFlagTypeObject(singleFlag, flag.childFlags, __spread(path, [flag])), 2), result = _c[0], childPath = _c[1];
-                        if (result) {
-                            return [result, childPath];
-                        }
-                    }
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (flags_1_1 && !flags_1_1.done && (_b = flags_1.return)) _b.call(flags_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            return [undefined, []];
-        };
-        return FlagType;
-    }());
-
-    /**
-     * DTO to provide typing of the response from the Reference Data Location API for HMCTS service details.
-     */
-    var HmctsServiceDetail = /** @class */ (function () {
-        function HmctsServiceDetail() {
-            this.service_id = 0;
-        }
-        return HmctsServiceDetail;
-    }());
-
-    var SearchLanguageInterpreterControlNames;
-    (function (SearchLanguageInterpreterControlNames) {
-        SearchLanguageInterpreterControlNames["LANGUAGE_SEARCH_TERM"] = "languageSearchTerm";
-        SearchLanguageInterpreterControlNames["MANUAL_LANGUAGE_ENTRY"] = "manualLanguageEntry";
-    })(SearchLanguageInterpreterControlNames || (SearchLanguageInterpreterControlNames = {}));
-
-    function SelectFlagTypeComponent_div_0_div_6_Template(rf, ctx) {
+    function SelectFlagTypeComponent_div_6_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 11);
-            i0__namespace.ɵɵelementStart(1, "span", 12);
+            i0__namespace.ɵɵelementStart(0, "div", 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(2);
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.flagTypeNotSelectedErrorMessage, " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.flagTypeNotSelectedErrorMessage, " ");
         }
     }
-    function SelectFlagTypeComponent_div_0_div_8_Template(rf, ctx) {
+    function SelectFlagTypeComponent_div_8_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 13);
-            i0__namespace.ɵɵelement(1, "input", 14);
-            i0__namespace.ɵɵelementStart(2, "label", 15);
+            var _r7_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div", 12);
+            i0__namespace.ɵɵelementStart(1, "input", 13);
+            i0__namespace.ɵɵlistener("change", function SelectFlagTypeComponent_div_8_Template_input_change_1_listener() { i0__namespace.ɵɵrestoreView(_r7_1); var flagType_r4 = ctx.$implicit; var ctx_r6 = i0__namespace.ɵɵnextContext(); return ctx_r6.onFlagTypeChanged(flagType_r4); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(2, "label", 14);
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var flagType_r5 = ctx.$implicit;
-            var i_r6 = ctx.index;
-            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
+            var flagType_r4 = ctx.$implicit;
+            var i_r5 = ctx.index;
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵpropertyInterpolate1("id", "flag-type-", i_r6, "");
-            i0__namespace.ɵɵproperty("name", ctx_r2.flagTypeControlName)("value", flagType_r5)("formControlName", ctx_r2.flagTypeControlName);
+            i0__namespace.ɵɵpropertyInterpolate1("id", "flag-type-", i_r5, "");
+            i0__namespace.ɵɵproperty("name", ctx_r1.flagTypeControlName)("value", flagType_r4.flagCode === "CATGRY" ? flagType_r4.flagCode + i_r5 : flagType_r4.flagCode)("formControlName", ctx_r1.flagTypeControlName);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵpropertyInterpolate1("for", "flag-type-", i_r6, "");
+            i0__namespace.ɵɵpropertyInterpolate1("for", "flag-type-", i_r5, "");
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(flagType_r5.name);
+            i0__namespace.ɵɵtextInterpolate(flagType_r4.name);
         }
     }
-    function SelectFlagTypeComponent_div_0_div_9_div_4_Template(rf, ctx) {
+    function SelectFlagTypeComponent_div_9_div_4_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 20);
-            i0__namespace.ɵɵelementStart(1, "span", 12);
+            i0__namespace.ɵɵelementStart(0, "div", 19);
+            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_r7 = i0__namespace.ɵɵnextContext(3);
+            var ctx_r8 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r7.flagTypeErrorMessage, " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r8.flagTypeErrorMessage, " ");
         }
     }
     var _c0$q = function (a0) { return { "form-group-error": a0 }; };
-    var _c1$6 = function (a0) { return { "govuk-input--error": a0 }; };
-    function SelectFlagTypeComponent_div_0_div_9_Template(rf, ctx) {
+    var _c1$7 = function (a0) { return { "govuk-input--error": a0 }; };
+    function SelectFlagTypeComponent_div_9_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 16);
-            i0__namespace.ɵɵelementStart(1, "div", 2);
-            i0__namespace.ɵɵelementStart(2, "label", 17);
+            i0__namespace.ɵɵelementStart(0, "div", 15);
+            i0__namespace.ɵɵelementStart(1, "div", 1);
+            i0__namespace.ɵɵelementStart(2, "label", 16);
             i0__namespace.ɵɵtext(3, "Enter a flag type");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(4, SelectFlagTypeComponent_div_0_div_9_div_4_Template, 4, 1, "div", 18);
-            i0__namespace.ɵɵelement(5, "input", 19);
+            i0__namespace.ɵɵtemplate(4, SelectFlagTypeComponent_div_9_div_4_Template, 4, 1, "div", 17);
+            i0__namespace.ɵɵelement(5, "input", 18);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r3 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r2 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$q, ctx_r3.flagTypeErrorMessage.length > 0));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$q, ctx_r2.flagTypeErrorMessage.length > 0));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r3.flagTypeErrorMessage.length > 0);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r2.flagTypeErrorMessage.length > 0);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$6, ctx_r3.flagTypeErrorMessage.length > 0))("name", ctx_r3.descriptionControlName)("formControlName", ctx_r3.descriptionControlName);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$7, ctx_r2.flagTypeErrorMessage.length > 0))("name", ctx_r2.descriptionControlName)("formControlName", ctx_r2.descriptionControlName);
         }
     }
-    function SelectFlagTypeComponent_div_0_div_10_Template(rf, ctx) {
+    function SelectFlagTypeComponent_div_10_Template(rf, ctx) {
         if (rf & 1) {
-            var _r9_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "div", 21);
-            i0__namespace.ɵɵelementStart(1, "button", 22);
-            i0__namespace.ɵɵlistener("click", function SelectFlagTypeComponent_div_0_div_10_Template_button_click_1_listener() { i0__namespace.ɵɵrestoreView(_r9_1); var ctx_r8 = i0__namespace.ɵɵnextContext(2); return ctx_r8.onNext(); });
+            var _r10_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div", 20);
+            i0__namespace.ɵɵelementStart(1, "button", 21);
+            i0__namespace.ɵɵlistener("click", function SelectFlagTypeComponent_div_10_Template_button_click_1_listener() { i0__namespace.ɵɵrestoreView(_r10_1); var ctx_r9 = i0__namespace.ɵɵnextContext(); return ctx_r9.onNext(); });
             i0__namespace.ɵɵtext(2, "Next");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function SelectFlagTypeComponent_div_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 1);
-            i0__namespace.ɵɵelementStart(1, "div", 2);
-            i0__namespace.ɵɵelementStart(2, "fieldset", 3);
-            i0__namespace.ɵɵelementStart(3, "legend", 4);
-            i0__namespace.ɵɵelementStart(4, "h1", 5);
-            i0__namespace.ɵɵtext(5);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(6, SelectFlagTypeComponent_div_0_div_6_Template, 4, 1, "div", 6);
-            i0__namespace.ɵɵelementStart(7, "div", 7);
-            i0__namespace.ɵɵtemplate(8, SelectFlagTypeComponent_div_0_div_8_Template, 4, 6, "div", 8);
-            i0__namespace.ɵɵtemplate(9, SelectFlagTypeComponent_div_0_div_9_Template, 6, 9, "div", 9);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(10, SelectFlagTypeComponent_div_0_div_10_Template, 3, 0, "div", 10);
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("formGroup", ctx_r0.formGroup);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$q, ctx_r0.flagTypeNotSelectedErrorMessage.length > 0));
-            i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.caseFlagWizardStepTitle.SELECT_CASE_FLAG, " ");
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r0.flagTypeNotSelectedErrorMessage.length > 0);
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.flagTypes);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r0.otherFlagTypeSelected);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", !ctx_r0.refdataError);
-        }
-    }
     var SelectFlagTypeComponent = /** @class */ (function () {
         function SelectFlagTypeComponent(caseFlagRefdataService) {
             this.caseFlagRefdataService = caseFlagRefdataService;
@@ -19207,6 +19152,7 @@
             this.flagCommentsOptionalEmitter = new i0.EventEmitter();
             this.flagTypeNotSelectedErrorMessage = '';
             this.flagTypeErrorMessage = '';
+            this.otherFlagTypeSelected = false;
             this.refdataError = false;
             this.flagTypeControlName = 'flagType';
             this.descriptionControlName = 'otherFlagTypeDescription';
@@ -19222,48 +19168,16 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(SelectFlagTypeComponent.prototype, "selectedFlagType", {
-            get: function () {
-                var _a;
-                return (_a = this.formGroup.get(this.flagTypeControlName)) === null || _a === void 0 ? void 0 : _a.value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SelectFlagTypeComponent.prototype, "otherFlagTypeSelected", {
-            get: function () {
-                var _a, _b;
-                return ((_b = (_a = this.formGroup.get(this.flagTypeControlName)) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.flagCode) === this.otherFlagTypeCode;
-            },
-            enumerable: false,
-            configurable: true
-        });
         SelectFlagTypeComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.flagTypes = [];
+            this.formGroup.addControl(this.flagTypeControlName, new i2.FormControl(''));
+            this.formGroup.addControl(this.descriptionControlName, new i2.FormControl(''));
             var flagType = this.formGroup['caseField']
                 && this.formGroup['caseField'].id
                 && this.formGroup['caseField'].id === this.caseLevelCaseFlagsFieldId
                 ? exports.RefdataCaseFlagType.CASE
                 : exports.RefdataCaseFlagType.PARTY;
-            if (!this.formGroup.get(this.flagTypeControlName)) {
-                this.formGroup.addControl(this.flagTypeControlName, new i1$2.FormControl(''));
-            }
-            if (!this.formGroup.get(this.descriptionControlName)) {
-                this.formGroup.addControl(this.descriptionControlName, new i1$2.FormControl(''));
-            }
-            // Should clear descriptionControlName if flagTypeControlName is changed
-            this.flagTypeControlChangesSubscription = this.formGroup.get(this.flagTypeControlName).valueChanges
-                .subscribe(function (value) {
-                var _c;
-                _this.formGroup.get(_this.descriptionControlName).setValue('');
-                _this.cachedPath = [];
-                // required to clear language interpreter
-                _this.formGroup.patchValue((_c = {},
-                    _c[SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM] = '',
-                    _c[SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY] = '',
-                    _c));
-            });
             // HMCTS service code for a given jurisdiction is required to retrieve the relevant list of flag types
             this.flagRefdata$ = this.caseFlagRefdataService.getHmctsServiceDetails(this.jurisdiction)
                 .pipe(
@@ -19276,15 +19190,6 @@
                 next: function (flagTypes) {
                     // First (and only) object in the returned array should be the top-level "Party" flag type
                     _this.flagTypes = flagTypes[0].childFlags;
-                    var formControl = _this.formGroup.get(_this.flagTypeControlName);
-                    if (formControl === null || formControl === void 0 ? void 0 : formControl.value) {
-                        // Cache Path based on existing flagCode -- needed for nested choices
-                        var _c = __read(FlagType.searchPathByFlagTypeObject(formControl.value, _this.flagTypes), 2), foundFlagType = _c[0], path = _c[1];
-                        _this.cachedPath = __spread(path, [
-                            foundFlagType
-                        ]);
-                        formControl.setValue(_this.cachedPath[0], { emitEvent: false });
-                    }
                 },
                 error: function (error) {
                     _this.onRefdataError(error);
@@ -19292,14 +19197,16 @@
             });
         };
         SelectFlagTypeComponent.prototype.ngOnDestroy = function () {
-            var _a;
             if (this.flagRefdata$) {
                 this.flagRefdata$.unsubscribe();
             }
-            (_a = this.flagTypeControlChangesSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        };
+        SelectFlagTypeComponent.prototype.onFlagTypeChanged = function (flagType) {
+            this.selectedFlagType = flagType;
+            // Display description textbox if 'Other' flag type is selected
+            this.otherFlagTypeSelected = this.selectedFlagType.flagCode === this.otherFlagTypeCode;
         };
         SelectFlagTypeComponent.prototype.onNext = function () {
-            var _a, _b;
             // Validate form
             this.validateForm();
             // Return case flag field state, whether the selected flag type (if any) is a parent or not, error messages,
@@ -19308,6 +19215,14 @@
                 currentCaseFlagFieldState: exports.CaseFlagFieldState.FLAG_TYPE,
                 isParentFlagType: this.selectedFlagType ? this.selectedFlagType.isParent : null,
                 errorMessages: this.errorMessages,
+                flagName: this.selectedFlagType ? this.selectedFlagType.name : null,
+                flagPath: this.selectedFlagType ? this.selectedFlagType.Path.map(function (pathValue) { return Object.assign({ id: null, value: pathValue }); }) : null,
+                hearingRelevantFlag: this.selectedFlagType ? this.selectedFlagType.hearingRelevant : null,
+                flagCode: this.selectedFlagType ? this.selectedFlagType.flagCode : null,
+                // Include the "list of values" (if any); currently applicable to language flag types
+                listOfValues: this.selectedFlagType && this.selectedFlagType.listOfValues && this.selectedFlagType.listOfValues.length > 0
+                    ? this.selectedFlagType.listOfValues
+                    : null
             });
             // Emit "flag comments optional" event if the user selects a flag type where comments are not mandatory
             if (this.selectedFlagType && !this.selectedFlagType.flagComment) {
@@ -19316,8 +19231,8 @@
             // If the selected flag type is a parent, load the list of child flag types and reset the current selection
             if (this.selectedFlagType && this.selectedFlagType.isParent) {
                 this.flagTypes = this.selectedFlagType.childFlags;
-                (_a = this.cachedPath) === null || _a === void 0 ? void 0 : _a.shift();
-                this.formGroup.get(this.flagTypeControlName).setValue(((_b = this.cachedPath) === null || _b === void 0 ? void 0 : _b.length) ? this.cachedPath[0] : null, { emitEvent: false });
+                this.formGroup.get(this.flagTypeControlName).setValue('');
+                this.selectedFlagType = null;
             }
         };
         SelectFlagTypeComponent.prototype.validateForm = function () {
@@ -19351,14 +19266,42 @@
         return SelectFlagTypeComponent;
     }());
     SelectFlagTypeComponent.ɵfac = function SelectFlagTypeComponent_Factory(t) { return new (t || SelectFlagTypeComponent)(i0__namespace.ɵɵdirectiveInject(CaseFlagRefdataService)); };
-    SelectFlagTypeComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: SelectFlagTypeComponent, selectors: [["ccd-select-flag-type"]], inputs: { formGroup: "formGroup", jurisdiction: "jurisdiction" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter", flagCommentsOptionalEmitter: "flagCommentsOptionalEmitter" }, decls: 1, vars: 1, consts: [["class", "form-group", 3, "formGroup", 4, "ngIf"], [1, "form-group", 3, "formGroup"], [1, "govuk-form-group", 3, "ngClass"], ["aria-describedby", "flag-type-heading", 1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], ["id", "flag-type-heading", 1, "govuk-fieldset__heading"], ["id", "flag-type-not-selected-error-message", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-radios", "id", "conditional-radios-list", 1, "govuk-radios", "govuk-radios--conditional"], ["class", "govuk-radios__item", 4, "ngFor", "ngForOf"], ["class", "govuk-radios__conditional", "id", "conditional-flagType", 4, "ngIf"], ["class", "govuk-button-group", 4, "ngIf"], ["id", "flag-type-not-selected-error-message", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], [1, "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "id", "name", "value", "formControlName"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["id", "conditional-flagType", 1, "govuk-radios__conditional"], ["for", "other-flag-type-description", 1, "govuk-label"], ["id", "flag-type-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "other-flag-type-description", "type", "text", 1, "govuk-input", "govuk-!-width-one-half", 3, "ngClass", "name", "formControlName"], ["id", "flag-type-error-message", 1, "govuk-error-message"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"]], template: function SelectFlagTypeComponent_Template(rf, ctx) {
+    SelectFlagTypeComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: SelectFlagTypeComponent, selectors: [["ccd-select-flag-type"]], inputs: { formGroup: "formGroup", jurisdiction: "jurisdiction" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter", flagCommentsOptionalEmitter: "flagCommentsOptionalEmitter" }, decls: 11, vars: 9, consts: [[1, "form-group", 3, "formGroup"], [1, "govuk-form-group", 3, "ngClass"], ["aria-describedby", "flag-type-heading", 1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], ["id", "flag-type-heading", 1, "govuk-fieldset__heading"], ["id", "flag-type-not-selected-error-message", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-radios", "id", "conditional-radios-list", 1, "govuk-radios", "govuk-radios--conditional"], ["class", "govuk-radios__item", 4, "ngFor", "ngForOf"], ["class", "govuk-radios__conditional", "id", "conditional-flagType", 4, "ngIf"], ["class", "govuk-button-group", 4, "ngIf"], ["id", "flag-type-not-selected-error-message", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], [1, "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "id", "name", "value", "formControlName", "change"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["id", "conditional-flagType", 1, "govuk-radios__conditional"], ["for", "other-flag-type-description", 1, "govuk-label"], ["id", "flag-type-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "other-flag-type-description", "type", "text", 1, "govuk-input", "govuk-!-width-one-half", 3, "ngClass", "name", "formControlName"], ["id", "flag-type-error-message", 1, "govuk-error-message"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"]], template: function SelectFlagTypeComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, SelectFlagTypeComponent_div_0_Template, 11, 9, "div", 0);
+                i0__namespace.ɵɵelementStart(0, "div", 0);
+                i0__namespace.ɵɵelementStart(1, "div", 1);
+                i0__namespace.ɵɵelementStart(2, "fieldset", 2);
+                i0__namespace.ɵɵelementStart(3, "legend", 3);
+                i0__namespace.ɵɵelementStart(4, "h1", 4);
+                i0__namespace.ɵɵtext(5);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(6, SelectFlagTypeComponent_div_6_Template, 4, 1, "div", 5);
+                i0__namespace.ɵɵelementStart(7, "div", 6);
+                i0__namespace.ɵɵtemplate(8, SelectFlagTypeComponent_div_8_Template, 4, 6, "div", 7);
+                i0__namespace.ɵɵtemplate(9, SelectFlagTypeComponent_div_9_Template, 6, 9, "div", 8);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(10, SelectFlagTypeComponent_div_10_Template, 3, 0, "div", 9);
+                i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngIf", ctx.flagTypes == null ? null : ctx.flagTypes.length);
+                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.ɵɵadvance(4);
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.caseFlagWizardStepTitle.SELECT_CASE_FLAG, " ");
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", ctx.flagTypeNotSelectedErrorMessage.length > 0);
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngForOf", ctx.flagTypes);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", ctx.otherFlagTypeSelected);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", !ctx.refdataError);
             }
-        }, directives: [i1__namespace.NgIf, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, i1__namespace.NgClass, i1__namespace.NgForOf, i1__namespace$3.RadioControlValueAccessor, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlName], styles: [".hidden[_ngcontent-%COMP%]{display:none}.validation-error[_ngcontent-%COMP%]{cursor:pointer;text-decoration:underline;color:#d4351c}"] });
+        }, directives: [i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace.NgForOf, i2__namespace.RadioControlValueAccessor, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName], styles: [".hidden[_ngcontent-%COMP%]{display:none}.validation-error[_ngcontent-%COMP%]{cursor:pointer;text-decoration:underline;color:#d4351c}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SelectFlagTypeComponent, [{
                 type: i0.Component,
@@ -19483,14 +19426,15 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", ctx_r5.languageCharLimitErrorMessage);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("name", ctx_r5.SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY)("formControlName", ctx_r5.SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY);
+            i0__namespace.ɵɵproperty("name", ctx_r5.manualLanguageEntryControlName)("formControlName", ctx_r5.manualLanguageEntryControlName);
         }
     }
     var SearchLanguageInterpreterComponent = /** @class */ (function () {
         function SearchLanguageInterpreterComponent() {
-            this.SearchLanguageInterpreterControlNames = SearchLanguageInterpreterControlNames;
             this.caseFlagStateEmitter = new i0.EventEmitter();
             this.minSearchCharacters = 3;
+            this.languageSearchTermControlName = 'languageSearchTerm';
+            this.manualLanguageEntryControlName = 'manualLanguageEntry';
             this.searchTerm = '';
             this.isCheckboxEnabled = false;
             this.errorMessages = [];
@@ -19517,9 +19461,9 @@
             this.searchLanguageInterpreterHint = this.flagCode === this.signLanguageFlagCode
                 ? exports.SearchLanguageInterpreterStep.SIGN_HINT_TEXT
                 : exports.SearchLanguageInterpreterStep.HINT_TEXT;
-            this.formGroup.addControl(SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM, new i1$2.FormControl());
-            this.formGroup.addControl(SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY, new i1$2.FormControl());
-            this.filteredLanguages$ = this.formGroup.get(SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM).valueChanges.pipe(
+            this.formGroup.addControl(this.languageSearchTermControlName, new i2.FormControl());
+            this.formGroup.addControl(this.manualLanguageEntryControlName, new i2.FormControl());
+            this.filteredLanguages$ = this.formGroup.get(this.languageSearchTermControlName).valueChanges.pipe(
             // Need to check type of input because it changes to object (i.e. Language) when a value is selected from the
             // autocomplete panel, instead of string when a value is being typed in
             operators.map(function (input) { return typeof input === 'string' ? input : input.value; }), operators.map(function (searchTerm) {
@@ -19542,7 +19486,7 @@
             // If the checkbox is disabled, i.e. unchecked, then clear the manual language entry FormControl of any value to
             // prevent it being retained even when the field itself is hidden
             if (!this.isCheckboxEnabled) {
-                this.formGroup.get(SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY).setValue(null);
+                this.formGroup.get(this.manualLanguageEntryControlName).setValue(null);
             }
         };
         SearchLanguageInterpreterComponent.prototype.displayLanguage = function (language) {
@@ -19555,39 +19499,39 @@
             this.languageEnteredInBothFieldsErrorMessage = null;
             this.errorMessages = [];
             // Checkbox not enabled means the user has opted to search for and select the language
-            if (!this.isCheckboxEnabled && !this.formGroup.get(SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM).value) {
+            if (!this.isCheckboxEnabled && !this.formGroup.get(this.languageSearchTermControlName).value) {
                 this.languageNotSelectedErrorMessage = exports.SearchLanguageInterpreterErrorMessage.LANGUAGE_NOT_ENTERED;
                 this.errorMessages.push({
                     title: '',
                     description: exports.SearchLanguageInterpreterErrorMessage.LANGUAGE_NOT_ENTERED,
-                    fieldId: SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM
+                    fieldId: this.languageSearchTermControlName
                 });
             }
             // Checkbox enabled means the user has opted to enter the language manually
             if (this.isCheckboxEnabled) {
-                if (!this.formGroup.get(SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY).value) {
+                if (!this.formGroup.get(this.manualLanguageEntryControlName).value) {
                     this.languageNotEnteredErrorMessage = exports.SearchLanguageInterpreterErrorMessage.LANGUAGE_NOT_ENTERED;
                     this.errorMessages.push({
                         title: '',
                         description: exports.SearchLanguageInterpreterErrorMessage.LANGUAGE_NOT_ENTERED,
-                        fieldId: SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY
+                        fieldId: this.manualLanguageEntryControlName
                     });
                 }
-                else if (this.formGroup.get(SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY).value.length > this.languageMaxCharLimit) {
+                else if (this.formGroup.get(this.manualLanguageEntryControlName).value.length > this.languageMaxCharLimit) {
                     this.languageCharLimitErrorMessage = exports.SearchLanguageInterpreterErrorMessage.LANGUAGE_CHAR_LIMIT_EXCEEDED;
                     this.errorMessages.push({
                         title: '',
                         description: exports.SearchLanguageInterpreterErrorMessage.LANGUAGE_CHAR_LIMIT_EXCEEDED,
-                        fieldId: SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY
+                        fieldId: this.manualLanguageEntryControlName
                     });
                 }
-                else if (this.formGroup.get(SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM).value) {
+                else if (this.formGroup.get(this.languageSearchTermControlName).value) {
                     // Language entry is permitted in only one field at a time
                     this.languageEnteredInBothFieldsErrorMessage = exports.SearchLanguageInterpreterErrorMessage.LANGUAGE_ENTERED_IN_BOTH_FIELDS;
                     this.errorMessages.push({
                         title: '',
                         description: exports.SearchLanguageInterpreterErrorMessage.LANGUAGE_ENTERED_IN_BOTH_FIELDS,
-                        fieldId: SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM
+                        fieldId: this.languageSearchTermControlName
                     });
                 }
             }
@@ -19651,7 +19595,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(16, _c0$p, ctx.languageNotSelectedErrorMessage || ctx.languageEnteredInBothFieldsErrorMessage));
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("for", ctx.SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM);
+                i0__namespace.ɵɵproperty("for", ctx.languageSearchTermControlName);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵtextInterpolate1(" ", ctx.searchLanguageInterpreterTitle, " ");
                 i0__namespace.ɵɵadvance(2);
@@ -19661,7 +19605,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.languageEnteredInBothFieldsErrorMessage);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("formControlName", ctx.SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM)("matAutocomplete", _r2);
+                i0__namespace.ɵɵproperty("formControlName", ctx.languageSearchTermControlName)("matAutocomplete", _r2);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("displayWith", ctx.displayLanguage);
                 i0__namespace.ɵɵadvance(2);
@@ -19673,7 +19617,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.isCheckboxEnabled);
             }
-        }, directives: [i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, i1__namespace.NgClass, i1__namespace.NgIf, i3__namespace$1.MatInput, i1__namespace$3.DefaultValueAccessor, i5__namespace.MatAutocompleteTrigger, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlName, i5__namespace.MatAutocomplete, i1__namespace.NgForOf, i6__namespace.MatOption], pipes: [i1__namespace.AsyncPipe], styles: [".autocomplete__input--show-all-values[_ngcontent-%COMP%]{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down[_ngcontent-%COMP%]{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu[_ngcontent-%COMP%]{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:100%;width:calc(100% - 4px)}.autocomplete__menu--visible[_ngcontent-%COMP%]{display:block}.autocomplete__menu--hidden[_ngcontent-%COMP%]{display:none}.autocomplete__menu--overlay[_ngcontent-%COMP%]{box-shadow:0 2px 6px rgba(0,0,0,.256863);left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline[_ngcontent-%COMP%]{position:relative}.autocomplete__option[_ngcontent-%COMP%]{border-left-width:0;border-bottom:1px solid #b1b4b6;border-right-width:0;border-top-width:1px;cursor:pointer;display:block;position:relative}.autocomplete__option[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:none}.autocomplete__option[_ngcontent-%COMP%]:first-of-type{border-top-width:0}.autocomplete__option[_ngcontent-%COMP%]:last-of-type{border-bottom-width:0}.autocomplete__option--odd[_ngcontent-%COMP%]{background-color:#fafafa}.autocomplete__option--focused[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results[_ngcontent-%COMP%]{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.25}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{padding:5px}@media (min-width:641px){.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.31579}}.div-action[_ngcontent-%COMP%]{display:inline-block}.add-location[_ngcontent-%COMP%]{display:inline}.remove-location-button[_ngcontent-%COMP%]{margin:5px}.hide-autocomplete[_ngcontent-%COMP%]{display:none}.auto-complete-container[_ngcontent-%COMP%]{min-width:550px;display:inline-block;margin-right:4px}.autocomplete__input[_ngcontent-%COMP%]{line-height:24px;font-size:19px}.hidden[_ngcontent-%COMP%]{display:none}.search-language__input[_ngcontent-%COMP%]{position:relative;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' width='40' height='40'%3E%3Cpath d='M25.7 24.8L21.9 21c.7-1 1.1-2.2 1.1-3.5 0-3.6-2.9-6.5-6.5-6.5S10 13.9 10 17.5s2.9 6.5 6.5 6.5c1.6 0 3-.6 4.1-1.5l3.7 3.7 1.4-1.4zM12 17.5c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5-2 4.5-4.5 4.5-4.5-2-4.5-4.5z' fill='%23505a5f'%3E%3C/path%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center left -2px;background-size:40px 40px;padding-left:35px}"] });
+        }, directives: [i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgClass, i1__namespace.NgIf, i3__namespace$1.MatInput, i2__namespace.DefaultValueAccessor, i5__namespace.MatAutocompleteTrigger, i2__namespace.NgControlStatus, i2__namespace.FormControlName, i5__namespace.MatAutocomplete, i1__namespace.NgForOf, i6__namespace.MatOption], pipes: [i1__namespace.AsyncPipe], styles: [".autocomplete__input--show-all-values[_ngcontent-%COMP%]{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down[_ngcontent-%COMP%]{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu[_ngcontent-%COMP%]{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:100%;width:calc(100% - 4px)}.autocomplete__menu--visible[_ngcontent-%COMP%]{display:block}.autocomplete__menu--hidden[_ngcontent-%COMP%]{display:none}.autocomplete__menu--overlay[_ngcontent-%COMP%]{box-shadow:0 2px 6px rgba(0,0,0,.256863);left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline[_ngcontent-%COMP%]{position:relative}.autocomplete__option[_ngcontent-%COMP%]{border-left-width:0;border-bottom:1px solid #b1b4b6;border-right-width:0;border-top-width:1px;cursor:pointer;display:block;position:relative}.autocomplete__option[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:none}.autocomplete__option[_ngcontent-%COMP%]:first-of-type{border-top-width:0}.autocomplete__option[_ngcontent-%COMP%]:last-of-type{border-bottom-width:0}.autocomplete__option--odd[_ngcontent-%COMP%]{background-color:#fafafa}.autocomplete__option--focused[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results[_ngcontent-%COMP%]{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.25}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{padding:5px}@media (min-width:641px){.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.31579}}.div-action[_ngcontent-%COMP%]{display:inline-block}.add-location[_ngcontent-%COMP%]{display:inline}.remove-location-button[_ngcontent-%COMP%]{margin:5px}.hide-autocomplete[_ngcontent-%COMP%]{display:none}.auto-complete-container[_ngcontent-%COMP%]{min-width:550px;display:inline-block;margin-right:4px}.autocomplete__input[_ngcontent-%COMP%]{line-height:24px;font-size:19px}.hidden[_ngcontent-%COMP%]{display:none}.search-language__input[_ngcontent-%COMP%]{position:relative;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' width='40' height='40'%3E%3Cpath d='M25.7 24.8L21.9 21c.7-1 1.1-2.2 1.1-3.5 0-3.6-2.9-6.5-6.5-6.5S10 13.9 10 17.5s2.9 6.5 6.5 6.5c1.6 0 3-.6 4.1-1.5l3.7 3.7 1.4-1.4zM12 17.5c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5-2 4.5-4.5 4.5-4.5-2-4.5-4.5z' fill='%23505a5f'%3E%3C/path%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center left -2px;background-size:40px 40px;padding-left:35px}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SearchLanguageInterpreterComponent, [{
                 type: i0.Component,
@@ -19805,14 +19749,7 @@
             }
             // Add a FormControl for the selected flag location if there is at least one flags instance remaining after filtering
             if (this.filteredFlagsData && this.filteredFlagsData.length > 0) {
-                var formControl_1 = this.formGroup.get(this.selectedLocationControlName);
-                if (!formControl_1) {
-                    this.formGroup.addControl(this.selectedLocationControlName, new i1$2.FormControl(null));
-                }
-                else {
-                    // Needs to be setValue as they have different object references -- we use the pathToFlagsFormGroup key
-                    formControl_1.setValue(this.filteredFlagsData.find(function (item) { return item.pathToFlagsFormGroup === formControl_1.value.pathToFlagsFormGroup; }));
-                }
+                this.formGroup.addControl(this.selectedLocationControlName, new i2.FormControl(null));
             }
             else {
                 // No filtered flags instances mean there are no parties to select from. The case has not been configured properly
@@ -19829,6 +19766,9 @@
             this.caseFlagStateEmitter.emit({
                 currentCaseFlagFieldState: exports.CaseFlagFieldState.FLAG_LOCATION,
                 errorMessages: this.errorMessages,
+                selectedFlagsLocation: this.formGroup.get(this.selectedLocationControlName).value
+                    ? this.formGroup.get(this.selectedLocationControlName).value
+                    : null
             });
         };
         SelectFlagLocationComponent.prototype.validateSelection = function () {
@@ -19886,7 +19826,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", !ctx.caseFlagsConfigError);
             }
-        }, directives: [i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace$3.RadioControlValueAccessor, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlName], encapsulation: 2 });
+        }, directives: [i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace.NgForOf, i2__namespace.RadioControlValueAccessor, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SelectFlagLocationComponent, [{
                 type: i0.Component,
@@ -19955,9 +19895,7 @@
             this.addCommentsTitle = exports.CaseFlagWizardStepTitle.ADD_FLAG_COMMENTS;
             this.addCommentsHint = exports.AddCommentsStep.HINT_TEXT;
             this.addCommentsCharLimitInfo = exports.AddCommentsStep.CHARACTER_LIMIT_INFO;
-            if (!this.formGroup.get(this.flagCommentsControlName)) {
-                this.formGroup.addControl(this.flagCommentsControlName, new i1$2.FormControl(''));
-            }
+            this.formGroup.addControl(this.flagCommentsControlName, new i2.FormControl(''));
         };
         AddCommentsComponent.prototype.onNext = function () {
             // Validate flag comments entry
@@ -20041,7 +19979,7 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵtextInterpolate1(" ", ctx.addCommentsCharLimitInfo, " ");
             }
-        }, directives: [i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlName], encapsulation: 2 });
+        }, directives: [i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AddCommentsComponent, [{
                 type: i0.Component,
@@ -20049,7 +19987,7 @@
                         selector: 'ccd-add-comments',
                         templateUrl: './add-comments.component.html'
                     }]
-            }], function () { return []; }, { formGroup: [{
+            }], null, { formGroup: [{
                     type: i0.Input
                 }], optional: [{
                     type: i0.Input
@@ -20129,7 +20067,7 @@
             }
             // Add a FormControl for the selected case flag if there is at least one flags instance remaining after mapping
             if (this.flagsDisplayData && this.flagsDisplayData.length > 0) {
-                this.formGroup.addControl(this.selectedControlName, new i1$2.FormControl(null));
+                this.formGroup.addControl(this.selectedControlName, new i2.FormControl(null));
             }
             else {
                 // No flags display data means there are no flags to select from. The user cannot proceed with a flag update.
@@ -20273,7 +20211,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", !ctx.noFlagsError);
             }
-        }, directives: [i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace$3.RadioControlValueAccessor, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlName], styles: [".flag-name-and-description{font-weight:700}"], encapsulation: 2 });
+        }, directives: [i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace.NgForOf, i2__namespace.RadioControlValueAccessor, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName], styles: [".flag-name-and-description{font-weight:700}"], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ManageCaseFlagsComponent, [{
                 type: i0.Component,
@@ -20294,10 +20232,10 @@
                 }] });
     })();
 
-    function UpdateFlagComponent_div_12_Template(rf, ctx) {
+    function UpdateFlagComponent_div_8_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 24);
-            i0__namespace.ɵɵelementStart(1, "span", 25);
+            i0__namespace.ɵɵelementStart(0, "div", 16);
+            i0__namespace.ɵɵelementStart(1, "span", 17);
             i0__namespace.ɵɵtext(2, "Error:");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵtext(3);
@@ -20309,10 +20247,10 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.updateFlagNotEnteredErrorMessage, " ");
         }
     }
-    function UpdateFlagComponent_div_13_Template(rf, ctx) {
+    function UpdateFlagComponent_div_9_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 26);
-            i0__namespace.ɵɵelementStart(1, "span", 25);
+            i0__namespace.ɵɵelementStart(0, "div", 18);
+            i0__namespace.ɵɵelementStart(1, "span", 17);
             i0__namespace.ɵɵtext(2, "Error:");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵtext(3);
@@ -20324,28 +20262,17 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.updateFlagCharLimitErrorMessage, " ");
         }
     }
-    function UpdateFlagComponent_div_24_Template(rf, ctx) {
+    function UpdateFlagComponent_button_22_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 27);
-            i0__namespace.ɵɵelement(1, "input", 28);
-            i0__namespace.ɵɵpipe(2, "lowercase");
-            i0__namespace.ɵɵelementStart(3, "label", 29);
-            i0__namespace.ɵɵtext(4);
-            i0__namespace.ɵɵelementEnd();
+            var _r4_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "button", 19);
+            i0__namespace.ɵɵlistener("click", function UpdateFlagComponent_button_22_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r3 = i0__namespace.ɵɵnextContext(); return ctx_r3.onChangeStatus(); });
+            i0__namespace.ɵɵtext(1, " Make inactive ");
             i0__namespace.ɵɵelementEnd();
         }
-        if (rf & 2) {
-            var status_r3 = ctx.$implicit;
-            var ctx_r2 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("name", ctx_r2.FLAG_STATUS_CONTROL_NAME)("value", i0__namespace.ɵɵpipeBind1(2, 4, status_r3));
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("for", ctx_r2.FLAG_STATUS_CONTROL_NAME);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate1(" ", status_r3, " ");
-        }
     }
     var _c0$l = function (a0) { return { "form-group-error": a0 }; };
+    var _c1$6 = function (a0) { return { "govuk-tag--grey": a0 }; };
     var UpdateFlagComponent = /** @class */ (function () {
         function UpdateFlagComponent() {
             this.caseFlagStateEmitter = new i0.EventEmitter();
@@ -20353,25 +20280,22 @@
             this.errorMessages = [];
             this.updateFlagNotEnteredErrorMessage = null;
             this.updateFlagCharLimitErrorMessage = null;
-            this.updateFlagStepEnum = exports.UpdateFlagStep;
-            this.caseFlagStatuses = exports.CaseFlagStatus;
-            this.FLAG_COMMENTS_CONTROL_NAME = 'flagComment';
-            this.FLAG_STATUS_CONTROL_NAME = 'flagStatus';
-            this.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME = 'flagStatusReasonChange';
-            this.FLAG_WELSH_TRANSLATION_CONTROL_NAME = 'flagWelshTranslation';
+            this.updateFlagControlName = 'flagComments';
             this.commentsMaxCharLimit = 200;
         }
         UpdateFlagComponent.prototype.ngOnInit = function () {
+            this.updateFlagHint = exports.UpdateFlagStep.HINT_TEXT;
+            this.updateFlagCharLimitInfo = exports.UpdateFlagStep.CHARACTER_LIMIT_INFO;
+            this.formGroup.addControl(this.updateFlagControlName, new i2.FormControl(''));
             if (this.selectedFlag && this.selectedFlag.flagDetailDisplay && this.selectedFlag.flagDetailDisplay.flagDetail) {
                 var flagDetail = this.selectedFlag.flagDetailDisplay.flagDetail;
-                this.formGroup.addControl(this.FLAG_STATUS_CONTROL_NAME, new i1$2.FormControl(flagDetail.status));
-                this.formGroup.addControl(this.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME, new i1$2.FormControl(''));
-                this.formGroup.addControl(this.FLAG_WELSH_TRANSLATION_CONTROL_NAME, new i1$2.FormControl(false));
                 // Populate flag comments text area with existing comments
-                this.formGroup.addControl(this.FLAG_COMMENTS_CONTROL_NAME, new i1$2.FormControl(flagDetail.flagComment));
+                this.formGroup.get(this.updateFlagControlName).setValue(flagDetail.flagComment);
                 if (flagDetail.name) {
                     this.updateFlagTitle =
-                        exports.CaseFlagWizardStepTitle.UPDATE_FLAG_TITLE + " \"" + flagDetail.name + (flagDetail.subTypeValue ? ", " + flagDetail.subTypeValue + "\"" : '"');
+                        exports.CaseFlagWizardStepTitle.UPDATE_FLAG_TITLE + " \"" + flagDetail.name + (flagDetail.subTypeValue
+                            ? ", " + flagDetail.subTypeValue + "\""
+                            : '"');
                 }
             }
         };
@@ -20380,7 +20304,7 @@
             this.validateTextEntry();
             // If validation has passed, update the flag details with the comments entered
             if (this.errorMessages.length === 0) {
-                this.selectedFlag.flagDetailDisplay.flagDetail = Object.assign(Object.assign({}, this.selectedFlag.flagDetailDisplay.flagDetail), { flagComment: this.formGroup.get(this.FLAG_COMMENTS_CONTROL_NAME).value });
+                this.selectedFlag.flagDetailDisplay.flagDetail = Object.assign(Object.assign({}, this.selectedFlag.flagDetailDisplay.flagDetail), { flagComment: this.formGroup.get(this.updateFlagControlName).value });
             }
             // Return case flag field state, error messages, and selected flag detail to the parent. The selected flag must be
             // re-emitted because the parent component repopulates this on handling this EventEmitter
@@ -20390,17 +20314,22 @@
                 selectedFlag: this.selectedFlag
             });
         };
+        UpdateFlagComponent.prototype.onChangeStatus = function () {
+            this.selectedFlag.flagDetailDisplay.flagDetail = Object.assign(Object.assign({}, this.selectedFlag.flagDetailDisplay.flagDetail), { status: this.selectedFlag.flagDetailDisplay.flagDetail.status === exports.CaseFlagStatus.ACTIVE
+                    ? exports.CaseFlagStatus.INACTIVE
+                    : this.selectedFlag.flagDetailDisplay.flagDetail.status });
+        };
         UpdateFlagComponent.prototype.validateTextEntry = function () {
             this.updateFlagNotEnteredErrorMessage = null;
             this.updateFlagCharLimitErrorMessage = null;
             this.errorMessages = [];
-            var comment = this.formGroup.get(this.FLAG_COMMENTS_CONTROL_NAME).value;
+            var comment = this.formGroup.get(this.updateFlagControlName).value;
             if (!comment) {
                 this.updateFlagNotEnteredErrorMessage = exports.UpdateFlagErrorMessage.FLAG_COMMENTS_NOT_ENTERED;
                 this.errorMessages.push({
                     title: '',
                     description: exports.UpdateFlagErrorMessage.FLAG_COMMENTS_NOT_ENTERED,
-                    fieldId: this.FLAG_COMMENTS_CONTROL_NAME
+                    fieldId: this.updateFlagControlName
                 });
             }
             if (comment && comment.length > this.commentsMaxCharLimit) {
@@ -20408,14 +20337,14 @@
                 this.errorMessages.push({
                     title: '',
                     description: exports.UpdateFlagErrorMessage.FLAG_COMMENTS_CHAR_LIMIT_EXCEEDED,
-                    fieldId: this.FLAG_COMMENTS_CONTROL_NAME
+                    fieldId: this.updateFlagControlName
                 });
             }
         };
         return UpdateFlagComponent;
     }());
     UpdateFlagComponent.ɵfac = function UpdateFlagComponent_Factory(t) { return new (t || UpdateFlagComponent)(); };
-    UpdateFlagComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: UpdateFlagComponent, selectors: [["ccd-update-flag"]], inputs: { formGroup: "formGroup", selectedFlag: "selectedFlag" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter" }, decls: 40, vars: 26, consts: [[1, "form-group", 3, "formGroup"], ["data-module", "govuk-character-count", "data-maxlength", "200", 1, "govuk-character-count"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-label-wrapper", "govuk-!-margin-bottom-6"], [1, "govuk-label", "govuk-label--l"], [1, "govuk-!-margin-bottom-4"], [1, "govuk-label", "govuk-label--s", 3, "for"], ["id", "update-flag-hint", 1, "govuk-hint"], ["id", "update-flag-not-entered-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "update-flag-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["rows", "5", "aria-describedby", "update-flag-hint update-flag-char-limit-info update-flag-char-limit-error", 1, "govuk-textarea", 3, "id", "name", "formControlName"], ["id", "update-flag-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], [1, "govuk-!-margin-bottom-6"], [1, "govuk-label", "govuk-label--s", "govuk-!-margin-bottom-2"], ["data-module", "govuk-radios", 1, "govuk-radios", 3, "id"], ["class", "govuk-radios__item", 4, "ngFor", "ngForOf"], ["id", "update-flag-status-hint", 1, "govuk-hint"], ["rows", "5", 1, "govuk-textarea", 3, "id", "name", "formControlName"], ["data-module", "govuk-checkboxes", 1, "govuk-checkboxes"], [1, "govuk-checkboxes__item"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "id", "name"], [1, "govuk-label", "govuk-checkboxes__label", 3, "for"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"], ["id", "update-flag-not-entered-error-message", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "update-flag-char-limit-error", 1, "govuk-error-message"], [1, "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "name", "value"], [1, "govuk-label", "govuk-radios__label", 3, "for"]], template: function UpdateFlagComponent_Template(rf, ctx) {
+    UpdateFlagComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: UpdateFlagComponent, selectors: [["ccd-update-flag"]], inputs: { formGroup: "formGroup", selectedFlag: "selectedFlag" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter" }, decls: 26, vars: 18, consts: [[1, "form-group", 3, "formGroup"], ["data-module", "govuk-character-count", "data-maxlength", "200", 1, "govuk-character-count"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-label-wrapper"], [1, "govuk-label", "govuk-label--l", 3, "for"], ["id", "update-flag-hint", 1, "govuk-hint"], ["id", "update-flag-not-entered-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "update-flag-char-limit-error", "class", "govuk-error-message", 4, "ngIf"], ["rows", "5", "aria-describedby", "update-flag-hint update-flag-char-limit-info update-flag-char-limit-error", 1, "govuk-textarea", 3, "id", "name", "formControlName"], ["id", "update-flag-char-limit-info", "aria-live", "polite", 1, "govuk-hint", "govuk-character-count__message"], [1, "govuk-grid-row"], [1, "govuk-grid-column-one-half"], [1, "govuk-tag", 3, "ngClass"], ["class", "button button-secondary", "type", "button", 3, "click", 4, "ngIf"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"], ["id", "update-flag-not-entered-error-message", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "update-flag-char-limit-error", 1, "govuk-error-message"], ["type", "button", 1, "button", "button-secondary", 3, "click"]], template: function UpdateFlagComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
@@ -20426,60 +20355,37 @@
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementStart(6, "div", 5);
-                i0__namespace.ɵɵelementStart(7, "div");
-                i0__namespace.ɵɵelementStart(8, "label", 6);
-                i0__namespace.ɵɵtext(9);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(10, "div", 7);
-                i0__namespace.ɵɵtext(11);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(12, UpdateFlagComponent_div_12_Template, 4, 1, "div", 8);
-                i0__namespace.ɵɵtemplate(13, UpdateFlagComponent_div_13_Template, 4, 1, "div", 9);
-                i0__namespace.ɵɵelementStart(14, "textarea", 10);
-                i0__namespace.ɵɵtext(15, "        ");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(16, "div", 11);
-                i0__namespace.ɵɵtext(17);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(18, "div", 12);
-                i0__namespace.ɵɵelementStart(19, "div");
-                i0__namespace.ɵɵelementStart(20, "label", 13);
-                i0__namespace.ɵɵtext(21);
+                i0__namespace.ɵɵtext(7);
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(8, UpdateFlagComponent_div_8_Template, 4, 1, "div", 6);
+                i0__namespace.ɵɵtemplate(9, UpdateFlagComponent_div_9_Template, 4, 1, "div", 7);
+                i0__namespace.ɵɵelementStart(10, "textarea", 8);
+                i0__namespace.ɵɵtext(11, "      ");
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(22, "div", 5);
-                i0__namespace.ɵɵelementStart(23, "div", 14);
-                i0__namespace.ɵɵtemplate(24, UpdateFlagComponent_div_24_Template, 5, 6, "div", 15);
-                i0__namespace.ɵɵpipe(25, "enumDisplayDescription");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(26, "div");
-                i0__namespace.ɵɵelementStart(27, "div", 16);
-                i0__namespace.ɵɵtext(28);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(29, "textarea", 17);
-                i0__namespace.ɵɵtext(30, "          ");
+                i0__namespace.ɵɵelementStart(12, "div", 9);
+                i0__namespace.ɵɵtext(13);
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(31, "div");
-                i0__namespace.ɵɵelementStart(32, "div", 18);
-                i0__namespace.ɵɵelementStart(33, "div", 19);
-                i0__namespace.ɵɵelement(34, "input", 20);
-                i0__namespace.ɵɵelementStart(35, "label", 21);
-                i0__namespace.ɵɵtext(36, " I need to add a Welsh translation ");
+                i0__namespace.ɵɵelementStart(14, "div", 10);
+                i0__namespace.ɵɵelementStart(15, "div", 11);
+                i0__namespace.ɵɵelementStart(16, "p");
+                i0__namespace.ɵɵtext(17, "Flag status: ");
+                i0__namespace.ɵɵelementStart(18, "span");
+                i0__namespace.ɵɵelementStart(19, "strong", 12);
+                i0__namespace.ɵɵtext(20);
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(21, "div", 11);
+                i0__namespace.ɵɵtemplate(22, UpdateFlagComponent_button_22_Template, 2, 0, "button", 13);
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(37, "div", 22);
-                i0__namespace.ɵɵelementStart(38, "button", 23);
-                i0__namespace.ɵɵlistener("click", function UpdateFlagComponent_Template_button_click_38_listener() { return ctx.onNext(); });
-                i0__namespace.ɵɵtext(39, "Next");
+                i0__namespace.ɵɵelementStart(23, "div", 14);
+                i0__namespace.ɵɵelementStart(24, "button", 15);
+                i0__namespace.ɵɵlistener("click", function UpdateFlagComponent_Template_button_click_24_listener() { return ctx.onNext(); });
+                i0__namespace.ɵɵtext(25, "Next");
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
@@ -20487,39 +20393,29 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(24, _c0$l, ctx.errorMessages.length > 0));
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagTitle, " ");
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵproperty("for", ctx.FLAG_COMMENTS_CONTROL_NAME);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(14, _c0$l, ctx.errorMessages.length > 0));
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("for", ctx.updateFlagControlName);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagTitle, " comments ");
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagTitle, " ");
                 i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagStepEnum.COMMENT_HINT_TEXT, " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagHint, " ");
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.updateFlagNotEnteredErrorMessage);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.updateFlagCharLimitErrorMessage);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("id", ctx.FLAG_COMMENTS_CONTROL_NAME)("name", ctx.FLAG_COMMENTS_CONTROL_NAME)("formControlName", ctx.FLAG_COMMENTS_CONTROL_NAME);
+                i0__namespace.ɵɵproperty("id", ctx.updateFlagControlName)("name", ctx.updateFlagControlName)("formControlName", ctx.updateFlagControlName);
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagStepEnum.COMMENT_CHARACTER_LIMIT_INFO, " ");
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagTitle, " status ");
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("id", ctx.FLAG_STATUS_CONTROL_NAME);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind1(25, 22, ctx.caseFlagStatuses));
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.updateFlagStepEnum.STATUS_HINT_TEXT, " ");
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("id", ctx.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME)("name", ctx.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME)("formControlName", ctx.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME);
-                i0__namespace.ɵɵadvance(5);
-                i0__namespace.ɵɵproperty("id", ctx.FLAG_WELSH_TRANSLATION_CONTROL_NAME)("name", ctx.FLAG_WELSH_TRANSLATION_CONTROL_NAME);
+                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.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("for", ctx.FLAG_WELSH_TRANSLATION_CONTROL_NAME);
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.selectedFlag.flagDetailDisplay.flagDetail.status, " ");
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngIf", ctx.selectedFlag.flagDetailDisplay.flagDetail.status === "Active");
             }
-        }, directives: [i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlName, i1__namespace.NgForOf], pipes: [EnumDisplayDescriptionPipe, i1__namespace.LowerCasePipe], encapsulation: 2 });
+        }, directives: [i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(UpdateFlagComponent, [{
                 type: i0.Component,
@@ -20536,49 +20432,7 @@
                 }] });
     })();
 
-    function CaseFlagSummaryListComponent_dl_0_dd_6_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r6_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "dd", 7);
-            i0__namespace.ɵɵelementStart(1, "a", 8);
-            i0__namespace.ɵɵlistener("click", function CaseFlagSummaryListComponent_dl_0_dd_6_Template_a_click_1_listener() { i0__namespace.ɵɵrestoreView(_r6_1); var ctx_r5 = i0__namespace.ɵɵnextContext(2); return ctx_r5.changeButtonEmitter.emit(ctx_r5.CaseFlagFieldState.FLAG_LOCATION); });
-            i0__namespace.ɵɵtext(2, " Change");
-            i0__namespace.ɵɵelementStart(3, "span", 9);
-            i0__namespace.ɵɵtext(4, " party name");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-    }
-    function CaseFlagSummaryListComponent_dl_0_dd_12_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r8_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "dd", 7);
-            i0__namespace.ɵɵelementStart(1, "a", 8);
-            i0__namespace.ɵɵlistener("click", function CaseFlagSummaryListComponent_dl_0_dd_12_Template_a_click_1_listener() { i0__namespace.ɵɵrestoreView(_r8_1); var ctx_r7 = i0__namespace.ɵɵnextContext(2); return ctx_r7.changeButtonEmitter.emit(ctx_r7.CaseFlagFieldState.FLAG_TYPE); });
-            i0__namespace.ɵɵtext(2, " Change");
-            i0__namespace.ɵɵelementStart(3, "span", 9);
-            i0__namespace.ɵɵtext(4, " description");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-    }
-    function CaseFlagSummaryListComponent_dl_0_dd_18_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r10_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "dd", 7);
-            i0__namespace.ɵɵelementStart(1, "a", 8);
-            i0__namespace.ɵɵlistener("click", function CaseFlagSummaryListComponent_dl_0_dd_18_Template_a_click_1_listener() { i0__namespace.ɵɵrestoreView(_r10_1); var ctx_r9 = i0__namespace.ɵɵnextContext(2); return ctx_r9.changeButtonEmitter.emit(ctx_r9.CaseFlagFieldState.FLAG_COMMENTS); });
-            i0__namespace.ɵɵtext(2, " Change");
-            i0__namespace.ɵɵelementStart(3, "span", 9);
-            i0__namespace.ɵɵtext(4, " comments");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-    }
-    function CaseFlagSummaryListComponent_dl_0_div_19_Template(rf, ctx) {
+    function CaseFlagSummaryListComponent_dl_0_div_16_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 2);
             i0__namespace.ɵɵelementStart(1, "dt", 3);
@@ -20587,13 +20441,12 @@
             i0__namespace.ɵɵelementStart(3, "dd", 4);
             i0__namespace.ɵɵtext(4);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelement(5, "dd", 7);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r4 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r1 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r4.flagStatus, " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.flagStatus, " ");
         }
     }
     function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) {
@@ -20606,27 +20459,24 @@
             i0__namespace.ɵɵelementStart(4, "dd", 4);
             i0__namespace.ɵɵtext(5);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(6, CaseFlagSummaryListComponent_dl_0_dd_6_Template, 5, 0, "dd", 5);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(7, "div", 2);
-            i0__namespace.ɵɵelementStart(8, "dt", 3);
-            i0__namespace.ɵɵtext(9, " Flag type ");
+            i0__namespace.ɵɵelementStart(6, "div", 2);
+            i0__namespace.ɵɵelementStart(7, "dt", 3);
+            i0__namespace.ɵɵtext(8, " Flag type ");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(10, "dd", 4);
-            i0__namespace.ɵɵtext(11);
+            i0__namespace.ɵɵelementStart(9, "dd", 4);
+            i0__namespace.ɵɵtext(10);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(12, CaseFlagSummaryListComponent_dl_0_dd_12_Template, 5, 0, "dd", 5);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(13, "div", 2);
-            i0__namespace.ɵɵelementStart(14, "dt", 3);
-            i0__namespace.ɵɵtext(15, " Comments ");
+            i0__namespace.ɵɵelementStart(11, "div", 2);
+            i0__namespace.ɵɵelementStart(12, "dt", 3);
+            i0__namespace.ɵɵtext(13, " Comments ");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(16, "dd", 4);
-            i0__namespace.ɵɵtext(17);
+            i0__namespace.ɵɵelementStart(14, "dd", 4);
+            i0__namespace.ɵɵtext(15);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(18, CaseFlagSummaryListComponent_dl_0_dd_18_Template, 5, 0, "dd", 5);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(19, CaseFlagSummaryListComponent_dl_0_div_19_Template, 6, 1, "div", 6);
+            i0__namespace.ɵɵtemplate(16, CaseFlagSummaryListComponent_dl_0_div_16_Template, 5, 1, "div", 5);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -20635,25 +20485,17 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.addUpdateFlagHeaderText, " ");
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.flagForSummaryDisplay.partyName || ctx_r0.caseLevelLocation, " ");
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r0.summaryListDisplayMode === ctx_r0.displayMode.CREATE);
             i0__namespace.ɵɵadvance(5);
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.flagDescription, " ");
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r0.summaryListDisplayMode === ctx_r0.displayMode.CREATE);
             i0__namespace.ɵɵadvance(5);
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.flagComments, " ");
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r0.summaryListDisplayMode === ctx_r0.displayMode.CREATE);
-            i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", ctx_r0.summaryListDisplayMode === ctx_r0.displayMode.MANAGE);
         }
     }
     var CaseFlagSummaryListComponent = /** @class */ (function () {
         function CaseFlagSummaryListComponent() {
-            this.changeButtonEmitter = new i0.EventEmitter();
             this.displayMode = exports.CaseFlagSummaryListDisplayMode;
-            this.CaseFlagFieldState = exports.CaseFlagFieldState;
             this.caseLevelLocation = 'Case level';
             this.updateFlagHeaderText = 'Update flag for';
             this.addFlagHeaderText = 'Add flag to';
@@ -20673,9 +20515,9 @@
         return CaseFlagSummaryListComponent;
     }());
     CaseFlagSummaryListComponent.ɵfac = function CaseFlagSummaryListComponent_Factory(t) { return new (t || CaseFlagSummaryListComponent)(); };
-    CaseFlagSummaryListComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFlagSummaryListComponent, selectors: [["ccd-case-flag-summary-list"]], inputs: { flagForSummaryDisplay: "flagForSummaryDisplay", summaryListDisplayMode: "summaryListDisplayMode" }, outputs: { changeButtonEmitter: "changeButtonEmitter" }, decls: 1, vars: 1, consts: [["class", "govuk-summary-list", 4, "ngIf"], [1, "govuk-summary-list"], [1, "govuk-summary-list__row"], [1, "govuk-summary-list__key"], [1, "govuk-summary-list__value"], ["class", "govuk-summary-list__actions", 4, "ngIf"], ["class", "govuk-summary-list__row", 4, "ngIf"], [1, "govuk-summary-list__actions"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"], [1, "govuk-visually-hidden"]], template: function CaseFlagSummaryListComponent_Template(rf, ctx) {
+    CaseFlagSummaryListComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFlagSummaryListComponent, selectors: [["ccd-case-flag-summary-list"]], inputs: { flagForSummaryDisplay: "flagForSummaryDisplay", summaryListDisplayMode: "summaryListDisplayMode" }, decls: 1, vars: 1, consts: [["class", "govuk-summary-list", 4, "ngIf"], [1, "govuk-summary-list"], [1, "govuk-summary-list__row"], [1, "govuk-summary-list__key"], [1, "govuk-summary-list__value"], ["class", "govuk-summary-list__row", 4, "ngIf"]], template: function CaseFlagSummaryListComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, CaseFlagSummaryListComponent_dl_0_Template, 20, 8, "dl", 0);
+                i0__namespace.ɵɵtemplate(0, CaseFlagSummaryListComponent_dl_0_Template, 17, 5, "dl", 0);
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.flagForSummaryDisplay);
@@ -20688,12 +20530,10 @@
                         selector: 'ccd-case-flag-summary-list',
                         templateUrl: './case-flag-summary-list.component.html'
                     }]
-            }], function () { return []; }, { flagForSummaryDisplay: [{
+            }], null, { flagForSummaryDisplay: [{
                     type: i0.Input
                 }], summaryListDisplayMode: [{
                     type: i0.Input
-                }], changeButtonEmitter: [{
-                    type: i0.Output
                 }] });
     })();
 
@@ -21458,7 +21298,7 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         WriteDateFieldComponent.prototype.ngOnInit = function () {
-            this.dateControl = this.registerControl(new i1$2.FormControl(this.caseField.value));
+            this.dateControl = this.registerControl(new i2.FormControl(this.caseField.value));
         };
         WriteDateFieldComponent.prototype.isDateTime = function () {
             return this.caseField.field_type.id === 'DateTime';
@@ -21491,7 +21331,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("id", ctx.id())("isDateTime", ctx.isDateTime())("mandatory", i0__namespace.ɵɵpipeBind1(7, 10, ctx.caseField))("isInvalid", ctx.dateControl.errors && (ctx.dateControl.dirty || ctx.dateControl.touched))("formControl", ctx.dateControl);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, DateInputComponent, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [IsMandatoryPipe, FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, DateInputComponent, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [IsMandatoryPipe, FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteDateFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteDateFieldComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteDateFieldComponent, [{
@@ -21593,7 +21433,7 @@
             _this.stringEdited = false;
             _this.minError = false;
             _this.maxError = false;
-            _this.dateControl = new i1$2.FormControl(new Date());
+            _this.dateControl = new i2.FormControl(new Date());
             _this.minimumDate = new Date('01/01/1800');
             _this.maximumDate = null;
             _this.momentFormat = 'YYYY-MM-DDTHH:mm:ss.SSS';
@@ -21605,8 +21445,8 @@
             this.configureDatePicker(this.dateTimeEntryFormat);
             // set date control based on mandatory field
             this.dateControl = (this.caseField.isMandatory ?
-                this.registerControl(new i1$2.FormControl(this.caseField.value || '', [i1$2.Validators.required]))
-                : this.registerControl(new i1$2.FormControl(this.caseField.value)));
+                this.registerControl(new i2.FormControl(this.caseField.value || '', [i2.Validators.required]))
+                : this.registerControl(new i2.FormControl(this.caseField.value)));
             // in resetting the format just after the page initialises, the input can be reformatted
             // otherwise the last format given will be how the text shown will be displayed
             setTimeout(function () {
@@ -21794,7 +21634,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("color", ctx.color)("touchUi", ctx.touchUi)("hideTime", ctx.hideTime)("startView", ctx.startView)("stepHour", ctx.stepHour)("stepSecond", ctx.stepSecond)("stepMinute", ctx.stepMinute)("showSeconds", ctx.showSeconds)("showSpinners", ctx.showSpinners)("disableMinute", ctx.disableMinute)("enableMeridian", ctx.enableMeridian);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i4__namespace.NgxMatDatetimeInput, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective, i5__namespace$1.MatDatepickerToggle, i6__namespace$1.MatSuffix, i4__namespace.NgxMatDatetimePicker], pipes: [FieldLabelPipe, FirstErrorPipe], styles: ["@charset \"UTF-8\";.datepicker-container{display:inline-block;position:relative;min-width:298px}.datepicker-container .govuk-input{height:35px;min-width:298px;width:auto;padding-right:40px;border:1px solid #000}.datepicker-container .govuk-input:focus{outline:1px solid #fd0;border:1px solid #000}.datepicker-container .govuk-input::-ms-clear{display:none}.datepicker-container .datepicker-wrapper-input{position:relative;display:inline-block;top:-20%;border:0}.datepicker-container .datepicker-wrapper-input:focus{border:0;outline:none}.datepicker-container .mat-icon-button{height:32px;width:32px}.datepicker-container .mat-icon-button:focus{outline:1px solid #fd0}.datepicker-container .mat-icon-button .mat-datepicker-toggle-default-icon{position:relative;top:-5px}.datepicker-container .mat-datepicker-toggle{position:absolute;right:0}.cdk-overlay-container .mat-datepicker-content{border:1px solid #000;border-radius:0;max-width:295px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table{width:calc(100% - 1px);table-layout:fixed}.cdk-overlay-container .mat-datepicker-content .mat-calendar-header{height:34px;border-bottom:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button{left:14%;min-width:125px;border-right:1px ridge #bfc1c3;border-left:1px ridge #bfc1c3;border-radius:0;top:-20px;width:200%}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button .mat-button-wrapper{text-align:center;font-weight:700}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button:focus{border:2px solid #000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button{left:-73%;top:-20px;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button:after{border-left-width:5px;border-top-width:5px;color:#000;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button{top:-20px;left:1%;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button:after{border-right-width:5px;border-top-width:5px;color:#000;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-button-wrapper{text-transform:capitalize!important}.cdk-overlay-container .mat-datepicker-content .mat-calendar{border-bottom:1px solid #000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider{padding:0;border-bottom:none}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider:after{height:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-content{padding:0}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header{color:#000}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header th.ng-star-inserted{font-weight:700;font-size:15px;padding-top:2%;padding-bottom:2%;-moz-column-width:20px;column-width:20px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th{visibility:hidden}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:after{visibility:visible;color:#000;position:relative;left:-15px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:first-of-type:after{content:\"MON\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(2):after{left:-12px;content:\"TUE\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(3):after{left:-18px;content:\"WED\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(4):after{left:-14px;content:\"THU\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(5):after{left:-10px;content:\"FRI\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(6):after{content:\"SAT\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(7):after{content:\"SUN\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-label{font-weight:700;font-size:large;color:#000}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-selected{border:none;background-color:transparent;color:#fff}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-today{border:none;box-shadow:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell{border:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:3px solid #fd0;border:2px solid #000;outline-offset:1px;z-index:1}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table{border-collapse:separate;border-spacing:10px}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:2px solid #fd0}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table{border-collapse:separate;border-spacing:20px}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table tr:first-of-type{visibility:collapse}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:3px solid #fd0;border:2px solid #000;outline-offset:1px}.cdk-overlay-container .mat-datepicker-content .time-container{height:80px;padding-top:0}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker{width:100%}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table{margin-left:0!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tbody{position:relative}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon-button .mat-button-wrapper{width:auto;height:auto}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon-button:focus{outline:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child{position:absolute;left:49px;top:15px;z-index:2}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child button:disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:first-child [aria-label=\"expand_less icon\"]{position:absolute;left:-2px;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-child(3) [aria-label=\"expand_less icon\"].mat-icon-button{position:absolute;left:82px!important;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-child(5) [aria-label=\"expand_less icon\"].mat-icon-button{position:absolute;left:169px!important;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:last-child [aria-label=\"expand_less icon\"].mat-icon-button{left:153px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-last-child(2) [aria-label=\"expand_less icon\"].mat-icon-button{left:65px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2){display:flex;padding:20px 0 20px 15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td{margin-right:30px;text-align:right}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:first-child .mat-form-field{width:50px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:first-child .mat-form-field:before{color:#000;content:\"Hours\";position:relative;top:-5px;left:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:nth-child(3) .mat-form-field:before{color:#000;content:\"Minutes\";position:relative;top:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:last-child{text-align:left;left:-15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .mat-form-field-disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:nth-of-type(5) .mat-form-field:before{color:#000;content:\"Seconds\";position:relative;top:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian{border-bottom:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian .mat-button{height:30px;top:21px;border-radius:0;color:#000;border-color:#000;background-color:#dee0e2;display:flex;justify-content:center}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian .mat-button .mat-button-wrapper{position:relative;top:-2px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4){display:flex;padding:2rem 0 2rem 15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4) td{margin-right:30px;text-align:right}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4) td:last-child{text-align:left}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child{position:absolute;left:49px;top:40px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child button:disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:first-child [aria-label=\"expand_more icon\"]{position:absolute;top:15px;left:-2px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-child(3) [aria-label=\"expand_more icon\"].mat-icon-button{position:absolute;left:82px!important;top:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-child(5) [aria-label=\"expand_more icon\"].mat-icon-button{position:absolute;top:15px;left:169px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:last-child [aria-label=\"expand_more icon\"].mat-icon-button{left:65px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:last-child.ng-star-inserted [aria-label=\"expand_more icon\"].mat-icon-button{left:153px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr td{padding:0;border-bottom:0;position:relative}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .spacer{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon{visibility:hidden;display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-button-wrapper{display:block;width:15px;height:8px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-wrapper{padding-bottom:0}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field{width:auto;max-width:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr [aria-label=\"expand_less icon\"].mat-icon-button .mat-button-wrapper:after{content:\" \u25B2\"}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr [aria-label=\"expand_more icon\"].mat-icon-button .mat-button-wrapper:after{content:\"\u25BC\"}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-flex{width:100%}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-flex .mat-form-field-infix{border:1px solid #000;height:20px;width:37px;display:flex;justify-content:center;align-items:center}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-underline{visibility:hidden}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr input{height:33px;width:37px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr input:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .actions{padding-bottom:20px;margin-top:20px;justify-content:flex-start}.cdk-overlay-container .mat-datepicker-content .actions .mat-button{background-color:#00823b;position:relative;display:-moz-inline-stack;display:inline-block;padding:.526315em .789473em .263157em;border:none;border-radius:0;outline:1px solid transparent;outline-offset:-1px;-webkit-appearance:none;box-shadow:0 2px 0 #003618;font-size:1em;line-height:1.25;text-decoration:none;-webkit-font-smoothing:antialiased;color:#fff;box-sizing:border-box;vertical-align:top;width:80px;cursor:pointer}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:focus{outline:2px solid #fd0}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:hover{background-color:#006400}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-icon{visibility:hidden}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-button-wrapper:before{color:#fff;content:\"Confirm\";position:relative;font-size:15px;left:-3px}"], encapsulation: 2 });
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i4__namespace.NgxMatDatetimeInput, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective, i5__namespace$1.MatDatepickerToggle, i6__namespace$1.MatSuffix, i4__namespace.NgxMatDatetimePicker], pipes: [FieldLabelPipe, FirstErrorPipe], styles: ["@charset \"UTF-8\";.datepicker-container{display:inline-block;position:relative;min-width:298px}.datepicker-container .govuk-input{height:35px;min-width:298px;width:auto;padding-right:40px;border:1px solid #000}.datepicker-container .govuk-input:focus{outline:1px solid #fd0;border:1px solid #000}.datepicker-container .govuk-input::-ms-clear{display:none}.datepicker-container .datepicker-wrapper-input{position:relative;display:inline-block;top:-20%;border:0}.datepicker-container .datepicker-wrapper-input:focus{border:0;outline:none}.datepicker-container .mat-icon-button{height:32px;width:32px}.datepicker-container .mat-icon-button:focus{outline:1px solid #fd0}.datepicker-container .mat-icon-button .mat-datepicker-toggle-default-icon{position:relative;top:-5px}.datepicker-container .mat-datepicker-toggle{position:absolute;right:0}.cdk-overlay-container .mat-datepicker-content{border:1px solid #000;border-radius:0;max-width:295px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table{width:calc(100% - 1px);table-layout:fixed}.cdk-overlay-container .mat-datepicker-content .mat-calendar-header{height:34px;border-bottom:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button{left:14%;min-width:125px;border-right:1px ridge #bfc1c3;border-left:1px ridge #bfc1c3;border-radius:0;top:-20px;width:200%}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button .mat-button-wrapper{text-align:center;font-weight:700}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button:focus{border:2px solid #000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button{left:-73%;top:-20px;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button:after{border-left-width:5px;border-top-width:5px;color:#000;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button{top:-20px;left:1%;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button:after{border-right-width:5px;border-top-width:5px;color:#000;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-button-wrapper{text-transform:capitalize!important}.cdk-overlay-container .mat-datepicker-content .mat-calendar{border-bottom:1px solid #000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider{padding:0;border-bottom:none}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider:after{height:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-content{padding:0}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header{color:#000}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header th.ng-star-inserted{font-weight:700;font-size:15px;padding-top:2%;padding-bottom:2%;-moz-column-width:20px;column-width:20px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th{visibility:hidden}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:after{visibility:visible;color:#000;position:relative;left:-15px}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:first-of-type:after{content:\"MON\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(2):after{left:-12px;content:\"TUE\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(3):after{left:-18px;content:\"WED\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(4):after{left:-14px;content:\"THU\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(5):after{left:-10px;content:\"FRI\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(6):after{content:\"SAT\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header tr:first-of-type th:nth-of-type(7):after{content:\"SUN\"}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-label{font-weight:700;font-size:large;color:#000}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-selected{border:none;background-color:transparent;color:#fff}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-today{border:none;box-shadow:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell{border:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:3px solid #fd0;border:2px solid #000;outline-offset:1px;z-index:1}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table{border-collapse:separate;border-spacing:10px}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:2px solid #fd0}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table{border-collapse:separate;border-spacing:20px}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table tr:first-of-type{visibility:collapse}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:3px solid #fd0;border:2px solid #000;outline-offset:1px}.cdk-overlay-container .mat-datepicker-content .time-container{height:80px;padding-top:0}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker{width:100%}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table{margin-left:0!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tbody{position:relative}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon-button .mat-button-wrapper{width:auto;height:auto}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon-button:focus{outline:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child{position:absolute;left:49px;top:15px;z-index:2}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child button:disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:first-child [aria-label=\"expand_less icon\"]{position:absolute;left:-2px;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-child(3) [aria-label=\"expand_less icon\"].mat-icon-button{position:absolute;left:82px!important;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-child(5) [aria-label=\"expand_less icon\"].mat-icon-button{position:absolute;left:169px!important;top:25px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:last-child [aria-label=\"expand_less icon\"].mat-icon-button{left:153px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:first-child td:nth-last-child(2) [aria-label=\"expand_less icon\"].mat-icon-button{left:65px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2){display:flex;padding:20px 0 20px 15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td{margin-right:30px;text-align:right}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:first-child .mat-form-field{width:50px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:first-child .mat-form-field:before{color:#000;content:\"Hours\";position:relative;top:-5px;left:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:nth-child(3) .mat-form-field:before{color:#000;content:\"Minutes\";position:relative;top:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:last-child{text-align:left;left:-15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .mat-form-field-disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) td:nth-of-type(5) .mat-form-field:before{color:#000;content:\"Seconds\";position:relative;top:-5px;font-size:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian{border-bottom:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian .mat-button{height:30px;top:21px;border-radius:0;color:#000;border-color:#000;background-color:#dee0e2;display:flex;justify-content:center}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(2) .meridian .mat-button .mat-button-wrapper{position:relative;top:-2px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4){display:flex;padding:2rem 0 2rem 15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4) td{margin-right:30px;text-align:right}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:nth-child(4) td:last-child{text-align:left}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child{position:absolute;left:49px;top:40px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child button:disabled{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:first-child [aria-label=\"expand_more icon\"]{position:absolute;top:15px;left:-2px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-child(3) [aria-label=\"expand_more icon\"].mat-icon-button{position:absolute;left:82px!important;top:15px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:nth-child(5) [aria-label=\"expand_more icon\"].mat-icon-button{position:absolute;top:15px;left:169px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:last-child [aria-label=\"expand_more icon\"].mat-icon-button{left:65px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr:last-child td:last-child.ng-star-inserted [aria-label=\"expand_more icon\"].mat-icon-button{left:153px!important}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr td{padding:0;border-bottom:0;position:relative}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .spacer{display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-icon{visibility:hidden;display:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-button-wrapper{display:block;width:15px;height:8px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-wrapper{padding-bottom:0}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field{width:auto;max-width:none}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr [aria-label=\"expand_less icon\"].mat-icon-button .mat-button-wrapper:after{content:\" \u25B2\"}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr [aria-label=\"expand_more icon\"].mat-icon-button .mat-button-wrapper:after{content:\"\u25BC\"}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-flex{width:100%}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-flex .mat-form-field-infix{border:1px solid #000;height:20px;width:37px;display:flex;justify-content:center;align-items:center}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr .mat-form-field-underline{visibility:hidden}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr input{height:33px;width:37px}.cdk-overlay-container .mat-datepicker-content .time-container .ngx-mat-timepicker .table tr input:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .actions{padding-bottom:20px;margin-top:20px;justify-content:flex-start}.cdk-overlay-container .mat-datepicker-content .actions .mat-button{background-color:#00823b;position:relative;display:-moz-inline-stack;display:inline-block;padding:.526315em .789473em .263157em;border:none;border-radius:0;outline:1px solid transparent;outline-offset:-1px;-webkit-appearance:none;box-shadow:0 2px 0 #003618;font-size:1em;line-height:1.25;text-decoration:none;-webkit-font-smoothing:antialiased;color:#fff;box-sizing:border-box;vertical-align:top;width:80px;cursor:pointer}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:focus{outline:2px solid #fd0}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:hover{background-color:#006400}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-icon{visibility:hidden}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-button-wrapper:before{color:#fff;content:\"Confirm\";position:relative;font-size:15px;left:-3px}"], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DatetimePickerComponent, [{
                 type: i0.Component,
@@ -22374,7 +22214,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("innerHTML", i0__namespace.ɵɵpipeBind1(2, 1, ctx.content), i0__namespace.ɵɵsanitizeHtml);
             }
-        }, directives: [i1__namespace$6.NgxMdComponent], pipes: [CaseReferencePipe], encapsulation: 2 });
+        }, directives: [i1__namespace$5.NgxMdComponent], pipes: [CaseReferencePipe], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MarkdownComponent, [{
                 type: i0.Component,
@@ -22801,8 +22641,8 @@
         ], imports: [[
                 i1.CommonModule,
                 i1$1.RouterModule,
-                i1$2.FormsModule,
-                i1$2.ReactiveFormsModule,
+                i2.FormsModule,
+                i2.ReactiveFormsModule,
                 CaseEditDataModule,
                 PaletteUtilsModule,
                 PipesModule,
@@ -22813,7 +22653,7 @@
                 FormModule,
                 TabsModule,
                 LabelSubstitutorModule,
-                i1$6.NgxMdModule,
+                i1$5.NgxMdModule,
                 i4.NgxMatDatetimePickerModule,
                 i4.NgxMatTimepickerModule,
                 i4.NgxMatNativeDateModule,
@@ -22822,10 +22662,10 @@
                 i5$1.MatDatepickerModule,
                 i5.MatAutocompleteModule,
                 i7.CdkTreeModule,
-                i1$5.OverlayModule,
+                i1$4.OverlayModule,
                 i3.PaymentLibModule,
-                i2.ScrollToModule.forRoot(),
-                i1$4.MatDialogModule,
+                i2$1.ScrollToModule.forRoot(),
+                i1$3.MatDialogModule,
                 i11.MediaViewerModule,
                 LoadingModule
             ], i4.NgxMatDatetimePickerModule,
@@ -22927,8 +22767,8 @@
                 CaseFileViewFolderDocumentActionsComponent,
                 CaseFileViewFolderSelectorComponent], imports: [i1.CommonModule,
                 i1$1.RouterModule,
-                i1$2.FormsModule,
-                i1$2.ReactiveFormsModule,
+                i2.FormsModule,
+                i2.ReactiveFormsModule,
                 CaseEditDataModule,
                 PaletteUtilsModule,
                 PipesModule,
@@ -22939,7 +22779,7 @@
                 FormModule,
                 TabsModule,
                 LabelSubstitutorModule,
-                i1$6.NgxMdModule,
+                i1$5.NgxMdModule,
                 i4.NgxMatDatetimePickerModule,
                 i4.NgxMatTimepickerModule,
                 i4.NgxMatNativeDateModule,
@@ -22948,8 +22788,8 @@
                 i5$1.MatDatepickerModule,
                 i5.MatAutocompleteModule,
                 i7.CdkTreeModule,
-                i1$5.OverlayModule,
-                i3.PaymentLibModule, i2__namespace.ScrollToModule, i1$4.MatDialogModule,
+                i1$4.OverlayModule,
+                i3.PaymentLibModule, i2__namespace$1.ScrollToModule, i1$3.MatDialogModule,
                 i11.MediaViewerModule,
                 LoadingModule], exports: [i4.NgxMatDatetimePickerModule,
                 i4.NgxMatNativeDateModule,
@@ -23043,8 +22883,8 @@
                         imports: [
                             i1.CommonModule,
                             i1$1.RouterModule,
-                            i1$2.FormsModule,
-                            i1$2.ReactiveFormsModule,
+                            i2.FormsModule,
+                            i2.ReactiveFormsModule,
                             CaseEditDataModule,
                             PaletteUtilsModule,
                             PipesModule,
@@ -23055,7 +22895,7 @@
                             FormModule,
                             TabsModule,
                             LabelSubstitutorModule,
-                            i1$6.NgxMdModule,
+                            i1$5.NgxMdModule,
                             i4.NgxMatDatetimePickerModule,
                             i4.NgxMatTimepickerModule,
                             i4.NgxMatNativeDateModule,
@@ -23064,10 +22904,10 @@
                             i5$1.MatDatepickerModule,
                             i5.MatAutocompleteModule,
                             i7.CdkTreeModule,
-                            i1$5.OverlayModule,
+                            i1$4.OverlayModule,
                             i3.PaymentLibModule,
-                            i2.ScrollToModule.forRoot(),
-                            i1$4.MatDialogModule,
+                            i2$1.ScrollToModule.forRoot(),
+                            i1$3.MatDialogModule,
                             i11.MediaViewerModule,
                             LoadingModule
                         ],
@@ -23112,7 +22952,7 @@
                     }]
             }], null, null);
     })();
-    i0__namespace.ɵɵsetComponentScope(FieldReadComponent, [FieldReadLabelComponent, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective], []);
+    i0__namespace.ɵɵsetComponentScope(FieldReadComponent, [FieldReadLabelComponent, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective], []);
     i0__namespace.ɵɵsetComponentScope(LabelFieldComponent, [LabelSubstitutorDirective, MarkdownComponent], []);
     i0__namespace.ɵɵsetComponentScope(CaseHistoryViewerFieldComponent, [EventLogComponent], []);
     i0__namespace.ɵɵsetComponentScope(EventLogComponent, [i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, EventLogTableComponent, i1__namespace.NgIf, EventLogDetailsComponent], []);
@@ -23129,25 +22969,25 @@
     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(WriteAddressFieldComponent, [i1__namespace.NgIf, i1__namespace.NgClass, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective, i1__namespace$3.SelectControlValueAccessor, i1__namespace.NgForOf, i1__namespace$3.NgSelectOption, i1__namespace$3.ɵangular_packages_forms_forms_z, WriteComplexFieldComponent, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective], [FieldLabelPipe]);
-    i0__namespace.ɵɵsetComponentScope(WriteComplexFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, FieldReadComponent, LabelSubstitutorDirective, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, FieldWriteComponent], [FieldLabelPipe, IsReadOnlyPipe]);
+    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]);
-    i0__namespace.ɵɵsetComponentScope(WriteDateContainerFieldComponent, [i1__namespace.NgIf, DatetimePickerComponent, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, WriteDateFieldComponent], []);
-    i0__namespace.ɵɵsetComponentScope(WriteCaseFlagFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, i1__namespace.NgSwitch, i1__namespace.NgClass, i1__namespace.NgSwitchCase, SelectFlagLocationComponent,
+    i0__namespace.ɵɵsetComponentScope(WriteDateContainerFieldComponent, [i1__namespace.NgIf, DatetimePickerComponent, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, WriteDateFieldComponent], []);
+    i0__namespace.ɵɵsetComponentScope(WriteCaseFlagFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgSwitch, i1__namespace.NgClass, i1__namespace.NgSwitchCase, SelectFlagLocationComponent,
         SelectFlagTypeComponent,
         SearchLanguageInterpreterComponent,
         AddCommentsComponent,
         ManageCaseFlagsComponent,
         UpdateFlagComponent], []);
-    i0__namespace.ɵɵsetComponentScope(WriteOrganisationFieldComponent, [i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective, i1__namespace.NgClass, i1__namespace.NgForOf, MarkdownComponent,
+    i0__namespace.ɵɵsetComponentScope(WriteOrganisationFieldComponent, [i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective, i1__namespace.NgClass, i1__namespace.NgForOf, MarkdownComponent,
         WriteOrganisationComplexFieldComponent], [i1__namespace.AsyncPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteOrderSummaryFieldComponent, [ReadOrderSummaryFieldComponent], []);
-    i0__namespace.ɵɵsetComponentScope(WriteDateContainerFieldComponent, [i1__namespace.NgIf, DatetimePickerComponent, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, WriteDateFieldComponent], []);
-    i0__namespace.ɵɵsetComponentScope(WriteCollectionFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, FieldWriteComponent, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective], [FieldLabelPipe, FirstErrorPipe]);
+    i0__namespace.ɵɵsetComponentScope(WriteDateContainerFieldComponent, [i1__namespace.NgIf, DatetimePickerComponent, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, WriteDateFieldComponent], []);
+    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, i1__namespace.NgForOf, CaseFileViewFolderComponent, i11__namespace.ɵcs], []);
+    i0__namespace.ɵɵsetComponentScope(CaseFileViewFieldReadComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, CaseFileViewFolderComponent, i11__namespace.ɵcs], []);
 
     var Confirmation = /** @class */ (function () {
         function Confirmation(caseId, status, header, body) {
@@ -23288,7 +23128,7 @@
     }
     function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_ng_container_1_th_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "th", 34);
+            i0__namespace.ɵɵelementStart(0, "th", 36);
             i0__namespace.ɵɵelementStart(1, "span", 29);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵelementEnd();
@@ -23300,37 +23140,22 @@
             i0__namespace.ɵɵtextInterpolate(field_r21.label);
         }
     }
-    function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_ng_container_1_ng_container_5_a_2_Template(rf, ctx) {
+    function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_ng_container_1_a_6_Template(rf, ctx) {
         if (rf & 1) {
-            var _r29_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r28_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementStart(0, "a", 13);
-            i0__namespace.ɵɵlistener("click", function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_ng_container_1_ng_container_5_a_2_Template_a_click_0_listener() { i0__namespace.ɵɵrestoreView(_r29_1); var page_r18 = i0__namespace.ɵɵnextContext(5).$implicit; var ctx_r27 = i0__namespace.ɵɵnextContext(3); return ctx_r27.navigateToPage(page_r18.id); });
+            i0__namespace.ɵɵlistener("click", function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_ng_container_1_a_6_Template_a_click_0_listener() { i0__namespace.ɵɵrestoreView(_r28_1); var page_r18 = i0__namespace.ɵɵnextContext(4).$implicit; var ctx_r26 = i0__namespace.ɵɵnextContext(3); return ctx_r26.navigateToPage(page_r18.id); });
             i0__namespace.ɵɵelementStart(1, "span", 29);
             i0__namespace.ɵɵtext(2, "Change");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var field_r21 = i0__namespace.ɵɵnextContext(3).$implicit;
+            var field_r21 = i0__namespace.ɵɵnextContext(2).$implicit;
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵattributeInterpolate1("aria-label", "Change ", field_r21.label, "");
         }
     }
-    function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_ng_container_1_ng_container_5_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "td", 35);
-            i0__namespace.ɵɵtemplate(2, CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_ng_container_1_ng_container_5_a_2_Template, 3, 1, "a", 36);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementContainerEnd();
-        }
-        if (rf & 2) {
-            var field_r21 = i0__namespace.ɵɵnextContext(2).$implicit;
-            var ctx_r24 = i0__namespace.ɵɵnextContext(5);
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r24.isChangeAllowed(field_r21));
-        }
-    }
     function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
@@ -23339,7 +23164,9 @@
             i0__namespace.ɵɵelementStart(3, "td", 32);
             i0__namespace.ɵɵelement(4, "ccd-field-read", 33);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(5, CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_ng_container_1_ng_container_5_Template, 3, 1, "ng-container", 0);
+            i0__namespace.ɵɵelementStart(5, "td", 34);
+            i0__namespace.ɵɵtemplate(6, CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_ng_container_1_a_6_Template, 3, 1, "a", 35);
+            i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
@@ -23354,14 +23181,14 @@
             i0__namespace.ɵɵattribute("colspan", ctx_r22.isLabel(field_r21) ? "2" : "1");
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("formGroup", ctx_r22.editForm.controls["data"])("topLevelFormGroup", ctx_r22.editForm.controls["data"])("caseField", ctx_r22.summaryCaseField(field_r21))("context", ctx_r22.paletteContext)("caseFields", ctx_r22.contextFields);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r22.eventTrigger.id !== "createCaseFlag");
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r22.isChangeAllowed(field_r21));
         }
     }
     function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵtemplate(1, CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_ng_container_1_Template, 6, 12, "ng-container", 0);
+            i0__namespace.ɵɵtemplate(1, CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_container_1_ng_container_1_ng_container_1_Template, 7, 12, "ng-container", 0);
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
@@ -23437,13 +23264,13 @@
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var field_r35 = i0__namespace.ɵɵnextContext().$implicit;
-            var ctx_r36 = i0__namespace.ɵɵnextContext(3);
-            i0__namespace.ɵɵproperty("caseField", field_r35)("formGroup", ctx_r36.editForm.controls["data"])("contextFields", ctx_r36.contextFields);
+            var field_r33 = i0__namespace.ɵɵnextContext().$implicit;
+            var ctx_r34 = i0__namespace.ɵɵnextContext(3);
+            i0__namespace.ɵɵproperty("caseField", field_r33)("formGroup", ctx_r34.editForm.controls["data"])("contextFields", ctx_r34.contextFields);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(field_r35.label);
+            i0__namespace.ɵɵtextInterpolate(field_r33.label);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("formGroup", ctx_r36.editForm.controls["data"])("caseField", ctx_r36.summaryCaseField(field_r35));
+            i0__namespace.ɵɵproperty("formGroup", ctx_r34.editForm.controls["data"])("caseField", ctx_r34.summaryCaseField(field_r33));
         }
     }
     function CaseEditSubmitComponent_div_0_ng_container_13_ng_container_3_tr_4_Template(rf, ctx) {
@@ -23455,11 +23282,11 @@
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var field_r35 = i0__namespace.ɵɵnextContext().$implicit;
-            var ctx_r37 = i0__namespace.ɵɵnextContext(3);
-            i0__namespace.ɵɵproperty("caseField", field_r35)("formGroup", ctx_r37.editForm.controls["data"])("contextFields", ctx_r37.contextFields);
+            var field_r33 = i0__namespace.ɵɵnextContext().$implicit;
+            var ctx_r35 = i0__namespace.ɵɵnextContext(3);
+            i0__namespace.ɵɵproperty("caseField", field_r33)("formGroup", ctx_r35.editForm.controls["data"])("contextFields", ctx_r35.contextFields);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("formGroup", ctx_r37.editForm.controls["data"])("caseField", ctx_r37.summaryCaseField(field_r35))("caseFields", ctx_r37.contextFields);
+            i0__namespace.ɵɵproperty("formGroup", ctx_r35.editForm.controls["data"])("caseField", ctx_r35.summaryCaseField(field_r33))("caseFields", ctx_r35.contextFields);
         }
     }
     function CaseEditSubmitComponent_div_0_ng_container_13_ng_container_3_Template(rf, ctx) {
@@ -23473,9 +23300,9 @@
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var field_r35 = ctx.$implicit;
+            var field_r33 = ctx.$implicit;
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngSwitch", !i0__namespace.ɵɵpipeBind1(2, 3, field_r35));
+            i0__namespace.ɵɵproperty("ngSwitch", !i0__namespace.ɵɵpipeBind1(2, 3, field_r33));
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵproperty("ngSwitchCase", true);
             i0__namespace.ɵɵadvance(1);
@@ -23534,7 +23361,7 @@
     }
     function CaseEditSubmitComponent_div_0_Template(rf, ctx) {
         if (rf & 1) {
-            var _r42_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r40_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementStart(0, "div");
             i0__namespace.ɵɵelementStart(1, "h1", 2);
             i0__namespace.ɵɵtext(2);
@@ -23545,16 +23372,16 @@
             i0__namespace.ɵɵtemplate(8, CaseEditSubmitComponent_div_0_div_8_Template, 10, 0, "div", 6);
             i0__namespace.ɵɵtemplate(9, CaseEditSubmitComponent_div_0_div_9_Template, 6, 2, "div", 6);
             i0__namespace.ɵɵelementStart(10, "ccd-callback-errors", 7);
-            i0__namespace.ɵɵlistener("callbackErrorsContext", function CaseEditSubmitComponent_div_0_Template_ccd_callback_errors_callbackErrorsContext_10_listener($event) { i0__namespace.ɵɵrestoreView(_r42_1); var ctx_r41 = i0__namespace.ɵɵnextContext(); return ctx_r41.callbackErrorsNotify($event); });
+            i0__namespace.ɵɵlistener("callbackErrorsContext", function CaseEditSubmitComponent_div_0_Template_ccd_callback_errors_callbackErrorsContext_10_listener($event) { i0__namespace.ɵɵrestoreView(_r40_1); var ctx_r39 = i0__namespace.ɵɵnextContext(); return ctx_r39.callbackErrorsNotify($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementStart(11, "form", 8);
-            i0__namespace.ɵɵlistener("submit", function CaseEditSubmitComponent_div_0_Template_form_submit_11_listener() { i0__namespace.ɵɵrestoreView(_r42_1); var ctx_r43 = i0__namespace.ɵɵnextContext(); return ctx_r43.submit(); });
+            i0__namespace.ɵɵlistener("submit", function CaseEditSubmitComponent_div_0_Template_form_submit_11_listener() { i0__namespace.ɵɵrestoreView(_r40_1); var ctx_r41 = i0__namespace.ɵɵnextContext(); return ctx_r41.submit(); });
             i0__namespace.ɵɵtemplate(12, CaseEditSubmitComponent_div_0_ng_container_12_Template, 7, 3, "ng-container", 0);
             i0__namespace.ɵɵtemplate(13, CaseEditSubmitComponent_div_0_ng_container_13_Template, 4, 1, "ng-container", 0);
             i0__namespace.ɵɵtemplate(14, CaseEditSubmitComponent_div_0_ng_container_14_Template, 2, 1, "ng-container", 0);
             i0__namespace.ɵɵelementStart(15, "div", 9);
             i0__namespace.ɵɵelementStart(16, "button", 10);
-            i0__namespace.ɵɵlistener("click", function CaseEditSubmitComponent_div_0_Template_button_click_16_listener() { i0__namespace.ɵɵrestoreView(_r42_1); var ctx_r44 = i0__namespace.ɵɵnextContext(); return ctx_r44.previous(); });
+            i0__namespace.ɵɵlistener("click", function CaseEditSubmitComponent_div_0_Template_button_click_16_listener() { i0__namespace.ɵɵrestoreView(_r40_1); var ctx_r42 = i0__namespace.ɵɵnextContext(); return ctx_r42.previous(); });
             i0__namespace.ɵɵtext(17, "Previous");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementStart(18, "button", 11);
@@ -23563,7 +23390,7 @@
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementStart(20, "p", 12);
             i0__namespace.ɵɵelementStart(21, "a", 13);
-            i0__namespace.ɵɵlistener("click", function CaseEditSubmitComponent_div_0_Template_a_click_21_listener() { i0__namespace.ɵɵrestoreView(_r42_1); var ctx_r45 = i0__namespace.ɵɵnextContext(); return ctx_r45.cancel(); });
+            i0__namespace.ɵɵlistener("click", function CaseEditSubmitComponent_div_0_Template_a_click_21_listener() { i0__namespace.ɵɵrestoreView(_r40_1); var ctx_r43 = i0__namespace.ɵɵnextContext(); return ctx_r43.cancel(); });
             i0__namespace.ɵɵtext(22);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -23606,9 +23433,9 @@
     }
     function CaseEditSubmitComponent_ccd_case_event_completion_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r47_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r45_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementStart(0, "ccd-case-event-completion", 57);
-            i0__namespace.ɵɵlistener("eventCanBeCompleted", function CaseEditSubmitComponent_ccd_case_event_completion_1_Template_ccd_case_event_completion_eventCanBeCompleted_0_listener($event) { i0__namespace.ɵɵrestoreView(_r47_1); var ctx_r46 = i0__namespace.ɵɵnextContext(); return ctx_r46.onEventCanBeCompleted($event); });
+            i0__namespace.ɵɵlistener("eventCanBeCompleted", function CaseEditSubmitComponent_ccd_case_event_completion_1_Template_ccd_case_event_completion_eventCanBeCompleted_0_listener($event) { i0__namespace.ɵɵrestoreView(_r45_1); var ctx_r44 = i0__namespace.ɵɵnextContext(); return ctx_r44.onEventCanBeCompleted($event); });
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -23808,10 +23635,10 @@
                             // parent)
                             // Update rawFormValueData for this field
                             // creating form group and adding control into it in case caseField is of complext type and and part of formGroup
-                            var form_1 = new i1$2.FormGroup({});
+                            var form_1 = new i2.FormGroup({});
                             if (formGroup.controls[key].value) {
                                 Object.keys(formGroup.controls[key].value).forEach(function (item) {
-                                    form_1.addControl(item, new i1$2.FormControl(formGroup.controls[key].value[item]));
+                                    form_1.addControl(item, new i2.FormControl(formGroup.controls[key].value[item]));
                                 });
                             }
                             rawFormValueData[key] = _this.replaceHiddenFormValuesWithOriginalCaseData(form_1, caseField.field_type.complex_fields, caseField);
@@ -24024,7 +23851,7 @@
         return a.show_summary_content_option - b.show_summary_content_option;
     };
     CaseEditSubmitComponent.ɵfac = function CaseEditSubmitComponent_Factory(t) { return new (t || CaseEditSubmitComponent)(i0__namespace.ɵɵdirectiveInject(CaseEditComponent), i0__namespace.ɵɵdirectiveInject(FormValueService), i0__namespace.ɵɵdirectiveInject(FormErrorService), i0__namespace.ɵɵdirectiveInject(FieldsUtils), i0__namespace.ɵɵdirectiveInject(CaseFieldService), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(OrderService), i0__namespace.ɵɵdirectiveInject(ProfileNotifier), i0__namespace.ɵɵdirectiveInject(SessionStorageService), i0__namespace.ɵɵdirectiveInject(CaseNotifier)); };
-    CaseEditSubmitComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseEditSubmitComponent, selectors: [["ccd-case-edit-submit"]], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "eventCompletionParams", "eventCanBeCompleted", 4, "ngIf"], [1, "govuk-heading-l"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["titleBlock", ""], ["idBlock", ""], ["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "callbackErrorsSubject", "callbackErrorsContext"], [1, "check-your-answers", 3, "formGroup", "submit"], [1, "form-group", "form-group-related"], ["type", "button", 1, "button", "button-secondary", 3, "disabled", "click"], ["type", "submit", 1, "button", 3, "disabled"], [1, "cancel"], ["href", "javascript:void(0)", 3, "click"], [3, "content"], ["class", "heading-h2", 4, "ngIf"], [1, "heading-h2"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h3", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], ["class", "ccd-error-summary-li", 4, "ngFor", "ngForOf"], [1, "ccd-error-summary-li"], ["class", "text-16", 4, "ngIf"], ["aria-describedby", "check your answers table", 1, "form-table"], [4, "ngFor", "ngForOf"], [1, "text-16"], ["ccdLabelSubstitutor", "", 3, "caseField", "hidden", "formGroup", "contextFields"], ["class", "valign-top case-field-label", 4, "ngIf"], [1, "form-cell", "case-field-content"], [3, "formGroup", "topLevelFormGroup", "caseField", "context", "caseFields"], [1, "valign-top", "case-field-label"], [1, "valign-top", "check-your-answers__change", "case-field-change"], ["href", "javascript:void(0)", 3, "click", 4, "ngIf"], ["aria-describedby", "summary fields table", 1, "summary-fields"], [3, "ngSwitch"], ["ccdLabelSubstitutor", "", 3, "caseField", "formGroup", "contextFields", 4, "ngSwitchCase"], ["class", "compound-field", "ccdLabelSubstitutor", "", 3, "caseField", "formGroup", "contextFields", 4, "ngSwitchCase"], ["ccdLabelSubstitutor", "", 3, "caseField", "formGroup", "contextFields"], ["id", "summary-field-label"], [1, "form-cell"], [3, "formGroup", "caseField"], ["ccdLabelSubstitutor", "", 1, "compound-field", 3, "caseField", "formGroup", "contextFields"], ["colspan", "2"], [3, "formGroup", "caseField", "caseFields"], ["id", "fieldset-event", "formGroupName", "event", 4, "ngIf"], ["id", "fieldset-event", "formGroupName", "event"], [2, "display", "none"], [1, "form-group"], ["for", "field-trigger-summary", 1, "form-label"], [1, "form-hint"], ["type", "text", "id", "field-trigger-summary", "formControlName", "summary", "maxlength", "1024", 1, "form-control", "bottom-30", "width-50"], ["for", "field-trigger-description", 1, "form-label"], ["id", "field-trigger-description", "formControlName", "description", "maxlength", "65536", 1, "form-control", "bottom-30", "width-50"], [3, "eventCompletionParams", "eventCanBeCompleted"]], template: function CaseEditSubmitComponent_Template(rf, ctx) {
+    CaseEditSubmitComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseEditSubmitComponent, selectors: [["ccd-case-edit-submit"]], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "eventCompletionParams", "eventCanBeCompleted", 4, "ngIf"], [1, "govuk-heading-l"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["titleBlock", ""], ["idBlock", ""], ["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "callbackErrorsSubject", "callbackErrorsContext"], [1, "check-your-answers", 3, "formGroup", "submit"], [1, "form-group", "form-group-related"], ["type", "button", 1, "button", "button-secondary", 3, "disabled", "click"], ["type", "submit", 1, "button", 3, "disabled"], [1, "cancel"], ["href", "javascript:void(0)", 3, "click"], [3, "content"], ["class", "heading-h2", 4, "ngIf"], [1, "heading-h2"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h3", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], ["class", "ccd-error-summary-li", 4, "ngFor", "ngForOf"], [1, "ccd-error-summary-li"], ["class", "text-16", 4, "ngIf"], ["aria-describedby", "check your answers table", 1, "form-table"], [4, "ngFor", "ngForOf"], [1, "text-16"], ["ccdLabelSubstitutor", "", 3, "caseField", "hidden", "formGroup", "contextFields"], ["class", "valign-top case-field-label", 4, "ngIf"], [1, "form-cell", "case-field-content"], [3, "formGroup", "topLevelFormGroup", "caseField", "context", "caseFields"], [1, "valign-top", "check-your-answers__change", "case-field-change"], ["href", "javascript:void(0)", 3, "click", 4, "ngIf"], [1, "valign-top", "case-field-label"], ["aria-describedby", "summary fields table", 1, "summary-fields"], [3, "ngSwitch"], ["ccdLabelSubstitutor", "", 3, "caseField", "formGroup", "contextFields", 4, "ngSwitchCase"], ["class", "compound-field", "ccdLabelSubstitutor", "", 3, "caseField", "formGroup", "contextFields", 4, "ngSwitchCase"], ["ccdLabelSubstitutor", "", 3, "caseField", "formGroup", "contextFields"], ["id", "summary-field-label"], [1, "form-cell"], [3, "formGroup", "caseField"], ["ccdLabelSubstitutor", "", 1, "compound-field", 3, "caseField", "formGroup", "contextFields"], ["colspan", "2"], [3, "formGroup", "caseField", "caseFields"], ["id", "fieldset-event", "formGroupName", "event", 4, "ngIf"], ["id", "fieldset-event", "formGroupName", "event"], [2, "display", "none"], [1, "form-group"], ["for", "field-trigger-summary", 1, "form-label"], [1, "form-hint"], ["type", "text", "id", "field-trigger-summary", "formControlName", "summary", "maxlength", "1024", 1, "form-control", "bottom-30", "width-50"], ["for", "field-trigger-description", 1, "form-label"], ["id", "field-trigger-description", "formControlName", "description", "maxlength", "65536", 1, "form-control", "bottom-30", "width-50"], [3, "eventCompletionParams", "eventCanBeCompleted"]], template: function CaseEditSubmitComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, CaseEditSubmitComponent_div_0_Template, 23, 17, "div", 0);
                 i0__namespace.ɵɵtemplate(1, CaseEditSubmitComponent_ccd_case_event_completion_1_Template, 1, 1, "ccd-case-event-completion", 1);
@@ -24569,13 +24396,12 @@
             JudicialworkerService,
             CaseworkerService,
             SessionStorageService,
-            EventCompletionStateMachineService,
-            CaseFlagStateService
+            EventCompletionStateMachineService
         ], imports: [[
                 i1.CommonModule,
                 i1$1.RouterModule,
-                i1$2.FormsModule,
-                i1$2.ReactiveFormsModule,
+                i2.FormsModule,
+                i2.ReactiveFormsModule,
                 CaseEditDataModule,
                 PaletteModule,
                 LabelSubstitutorModule,
@@ -24597,8 +24423,8 @@
                 CaseCreateComponent,
                 CaseProgressComponent], imports: [i1.CommonModule,
                 i1$1.RouterModule,
-                i1$2.FormsModule,
-                i1$2.ReactiveFormsModule,
+                i2.FormsModule,
+                i2.ReactiveFormsModule,
                 CaseEditDataModule,
                 PaletteModule,
                 LabelSubstitutorModule,
@@ -24622,8 +24448,8 @@
                         imports: [
                             i1.CommonModule,
                             i1$1.RouterModule,
-                            i1$2.FormsModule,
-                            i1$2.ReactiveFormsModule,
+                            i2.FormsModule,
+                            i2.ReactiveFormsModule,
                             CaseEditDataModule,
                             PaletteModule,
                             LabelSubstitutorModule,
@@ -24682,16 +24508,15 @@
                             JudicialworkerService,
                             CaseworkerService,
                             SessionStorageService,
-                            EventCompletionStateMachineService,
-                            CaseFlagStateService
+                            EventCompletionStateMachineService
                         ]
                     }]
             }], null, null);
     })();
-    i0__namespace.ɵɵsetComponentScope(CaseEditConfirmComponent, [i1__namespace.NgIf, MarkdownComponent, i1__namespace$3.ɵangular_packages_forms_forms_ba, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective], [CcdCaseTitlePipe, CaseReferencePipe]);
-    i0__namespace.ɵɵsetComponentScope(CaseEditPageComponent, [i1__namespace.NgIf, LoadingSpinnerComponent, MarkdownComponent, i1__namespace.NgForOf, CallbackErrorsComponent, i1__namespace$3.ɵangular_packages_forms_forms_ba, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, CaseEditFormComponent], [CcdCaseTitlePipe, CaseReferencePipe, i1__namespace.AsyncPipe]);
-    i0__namespace.ɵɵsetComponentScope(CaseEditFormComponent, [i1__namespace.NgForOf, ConditionalShowFormDirective, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, LabelSubstitutorDirective, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, FieldReadComponent, i1__namespace.NgIf, FieldWriteComponent], [IsReadOnlyAndNotCollectionPipe, IsCompoundPipe]);
-    i0__namespace.ɵɵsetComponentScope(CaseEditSubmitComponent, [i1__namespace.NgIf, MarkdownComponent, i1__namespace.NgForOf, CallbackErrorsComponent, i1__namespace$3.ɵangular_packages_forms_forms_ba, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, LabelSubstitutorDirective, FieldReadComponent, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, i1__namespace$3.FormGroupName, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlName, i1__namespace$3.MaxLengthValidator, CaseEventCompletionComponent], [CcdCaseTitlePipe, CaseReferencePipe, CcdCYAPageLabelFilterPipe, ReadFieldsFilterPipe, CcdPageFieldsPipe, IsCompoundPipe]);
+    i0__namespace.ɵɵsetComponentScope(CaseEditConfirmComponent, [i1__namespace.NgIf, MarkdownComponent, i2__namespace.ɵangular_packages_forms_forms_ba, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective], [CcdCaseTitlePipe, CaseReferencePipe]);
+    i0__namespace.ɵɵsetComponentScope(CaseEditPageComponent, [i1__namespace.NgIf, LoadingSpinnerComponent, MarkdownComponent, i1__namespace.NgForOf, CallbackErrorsComponent, i2__namespace.ɵangular_packages_forms_forms_ba, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, CaseEditFormComponent], [CcdCaseTitlePipe, CaseReferencePipe, i1__namespace.AsyncPipe]);
+    i0__namespace.ɵɵsetComponentScope(CaseEditFormComponent, [i1__namespace.NgForOf, ConditionalShowFormDirective, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, LabelSubstitutorDirective, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, FieldReadComponent, i1__namespace.NgIf, FieldWriteComponent], [IsReadOnlyAndNotCollectionPipe, IsCompoundPipe]);
+    i0__namespace.ɵɵsetComponentScope(CaseEditSubmitComponent, [i1__namespace.NgIf, MarkdownComponent, i1__namespace.NgForOf, CallbackErrorsComponent, i2__namespace.ɵangular_packages_forms_forms_ba, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, LabelSubstitutorDirective, FieldReadComponent, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, i2__namespace.FormGroupName, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName, i2__namespace.MaxLengthValidator, CaseEventCompletionComponent], [CcdCaseTitlePipe, CaseReferencePipe, CcdCYAPageLabelFilterPipe, ReadFieldsFilterPipe, CcdPageFieldsPipe, IsCompoundPipe]);
     i0__namespace.ɵɵsetComponentScope(CaseCreateComponent, [i1__namespace.NgIf, CaseEditComponent], []);
     i0__namespace.ɵɵsetComponentScope(CaseProgressComponent, [i1__namespace.NgIf, CaseEditComponent], []);
 
@@ -25089,7 +24914,7 @@
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", !(ctx.autoHide && _r0.pages.length <= 1));
             }
-        }, directives: [i1__namespace$7.PaginationControlsDirective, i1__namespace.NgIf, i1__namespace.NgForOf], pipes: [i1__namespace.DecimalPipe], styles: [".ngx-pagination[_ngcontent-%COMP%]{margin-left:0;margin-bottom:1rem;padding-top:25px;text-decoration:none;text-align:left;font-size:16px}.ngx-pagination[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]:before{content:\" \";display:table}.ngx-pagination[_ngcontent-%COMP%]:after{clear:both}.ngx-pagination[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-right:.0625rem;border-radius:0;display:inline-block}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{display:block;padding:.1875rem .625rem;border-radius:0;color:#005da6}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover, .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover{background:#e6e6e6}.ngx-pagination[_ngcontent-%COMP%]   .current[_ngcontent-%COMP%]{padding:.1875rem .625rem;background:#fff;color:#4c2c92;cursor:default;font-weight:900}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]{display:none}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]:hover{background:transparent}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{cursor:pointer}.ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{margin-right:.5rem;border-width:3px 0 0 3px}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;transform:rotate(-45deg);content:\"\"}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after{margin-left:.5rem;border-width:0 3px 3px 0}.ngx-pagination[_ngcontent-%COMP%]   .show-for-sr[_ngcontent-%COMP%]{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ngx-pagination[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:none}@media screen and (max-width:601px){.ngx-pagination.responsive[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:inline-block}.ngx-pagination.responsive[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:not(.small-screen):not(.pagination-previous):not(.pagination-next){display:none}}"] });
+        }, directives: [i1__namespace$6.PaginationControlsDirective, i1__namespace.NgIf, i1__namespace.NgForOf], pipes: [i1__namespace.DecimalPipe], styles: [".ngx-pagination[_ngcontent-%COMP%]{margin-left:0;margin-bottom:1rem;padding-top:25px;text-decoration:none;text-align:left;font-size:16px}.ngx-pagination[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]:before{content:\" \";display:table}.ngx-pagination[_ngcontent-%COMP%]:after{clear:both}.ngx-pagination[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-right:.0625rem;border-radius:0;display:inline-block}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{display:block;padding:.1875rem .625rem;border-radius:0;color:#005da6}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover, .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover{background:#e6e6e6}.ngx-pagination[_ngcontent-%COMP%]   .current[_ngcontent-%COMP%]{padding:.1875rem .625rem;background:#fff;color:#4c2c92;cursor:default;font-weight:900}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]{display:none}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]:hover{background:transparent}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{cursor:pointer}.ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{margin-right:.5rem;border-width:3px 0 0 3px}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;transform:rotate(-45deg);content:\"\"}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after{margin-left:.5rem;border-width:0 3px 3px 0}.ngx-pagination[_ngcontent-%COMP%]   .show-for-sr[_ngcontent-%COMP%]{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ngx-pagination[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:none}@media screen and (max-width:601px){.ngx-pagination.responsive[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:inline-block}.ngx-pagination.responsive[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:not(.small-screen):not(.pagination-previous):not(.pagination-next){display:none}}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PaginationComponent, [{
                 type: i0.Component,
@@ -25496,7 +25321,7 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngIf", ctx.totalResultsCount > ctx.pageSize);
             }
-        }, directives: [i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace$1.RouterLinkWithHref, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, i1__namespace.NgSwitchDefault, PaginationComponent], pipes: [i1__namespace$7.PaginatePipe, i1__namespace.CurrencyPipe], styles: [""] });
+        }, directives: [i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace$1.RouterLinkWithHref, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, i1__namespace.NgSwitchDefault, PaginationComponent], pipes: [i1__namespace$6.PaginatePipe, i1__namespace.CurrencyPipe], styles: [""] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseListComponent, [{
                 type: i0.Component,
@@ -25556,12 +25381,12 @@
     PaginationModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: PaginationModule });
     PaginationModule.ɵinj = i0__namespace.ɵɵdefineInjector({ imports: [[
                 i1.CommonModule,
-                i1$7.NgxPaginationModule
+                i1$6.NgxPaginationModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(PaginationModule, { declarations: [PaginationComponent], imports: [i1.CommonModule,
-                i1$7.NgxPaginationModule], exports: [PaginationComponent,
-                i1$7.PaginatePipe] });
+                i1$6.NgxPaginationModule], exports: [PaginationComponent,
+                i1$6.PaginatePipe] });
     })();
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PaginationModule, [{
@@ -25569,14 +25394,14 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i1$7.NgxPaginationModule
+                            i1$6.NgxPaginationModule
                         ],
                         declarations: [
                             PaginationComponent
                         ],
                         exports: [
                             PaginationComponent,
-                            i1$7.PaginatePipe
+                            i1$6.PaginatePipe
                         ],
                     }]
             }], null, null);
@@ -25593,16 +25418,16 @@
             BrowserService
         ], imports: [[
                 i1.CommonModule,
-                i1$2.FormsModule,
+                i2.FormsModule,
                 i1$1.RouterModule,
-                i1$7.NgxPaginationModule,
+                i1$6.NgxPaginationModule,
                 PaginationModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(CaseListModule, { declarations: [CaseListComponent], imports: [i1.CommonModule,
-                i1$2.FormsModule,
+                i2.FormsModule,
                 i1$1.RouterModule,
-                i1$7.NgxPaginationModule,
+                i1$6.NgxPaginationModule,
                 PaginationModule], exports: [CaseListComponent] });
     })();
     (function () {
@@ -25611,9 +25436,9 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i1$2.FormsModule,
+                            i2.FormsModule,
                             i1$1.RouterModule,
-                            i1$7.NgxPaginationModule,
+                            i1$6.NgxPaginationModule,
                             PaginationModule
                         ],
                         declarations: [CaseListComponent],
@@ -25728,7 +25553,7 @@
             this.windowService = windowService;
             this.onApply = new i0.EventEmitter();
             this.onReset = new i0.EventEmitter();
-            this.formGroup = new i1$2.FormGroup({});
+            this.formGroup = new i2.FormGroup({});
             this.initialised = false;
         }
         WorkbasketFiltersComponent.prototype.ngOnInit = function () {
@@ -25823,7 +25648,7 @@
             if (this.selected.caseType) {
                 this.selectedCaseTypeStates = this.sortStates(this.selected.caseType.states);
                 this.selected.caseState = null;
-                this.formGroup = new i1$2.FormGroup({});
+                this.formGroup = new i2.FormGroup({});
                 this.clearWorkbasketInputs();
                 if (!this.isApplyButtonDisabled()) {
                     this.workbasketInputFilterService.getWorkbasketInputs(this.selected.jurisdiction.id, this.selected.caseType.id).pipe(operators.take(1)).subscribe(function (workbasketInputs) {
@@ -26097,15 +25922,15 @@
             WindowService,
         ], imports: [[
                 i1.CommonModule,
-                i1$2.FormsModule,
-                i1$2.ReactiveFormsModule,
+                i2.FormsModule,
+                i2.ReactiveFormsModule,
                 PaletteModule,
                 ConditionalShowModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(WorkbasketFiltersModule, { declarations: [WorkbasketFiltersComponent], imports: [i1.CommonModule,
-                i1$2.FormsModule,
-                i1$2.ReactiveFormsModule,
+                i2.FormsModule,
+                i2.ReactiveFormsModule,
                 PaletteModule,
                 ConditionalShowModule], exports: [WorkbasketFiltersComponent] });
     })();
@@ -26115,8 +25940,8 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i1$2.FormsModule,
-                            i1$2.ReactiveFormsModule,
+                            i2.FormsModule,
+                            i2.ReactiveFormsModule,
                             PaletteModule,
                             ConditionalShowModule
                         ],
@@ -26136,7 +25961,7 @@
                     }]
             }], null, null);
     })();
-    i0__namespace.ɵɵsetComponentScope(WorkbasketFiltersComponent, [i1__namespace$3.ɵangular_packages_forms_forms_ba, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.NgForm, i1__namespace$3.SelectControlValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.NgModel, i1__namespace.NgIf, i1__namespace$3.NgSelectOption, i1__namespace$3.ɵangular_packages_forms_forms_z, i1__namespace.NgForOf, ConditionalShowFormDirective, i1__namespace$3.FormGroupDirective, FieldWriteComponent], []);
+    i0__namespace.ɵɵsetComponentScope(WorkbasketFiltersComponent, [i2__namespace.ɵangular_packages_forms_forms_ba, i2__namespace.NgControlStatusGroup, i2__namespace.NgForm, i2__namespace.SelectControlValueAccessor, i2__namespace.NgControlStatus, i2__namespace.NgModel, i1__namespace.NgIf, i2__namespace.NgSelectOption, i2__namespace.ɵangular_packages_forms_forms_z, i1__namespace.NgForOf, ConditionalShowFormDirective, i2__namespace.FormGroupDirective, FieldWriteComponent], []);
 
     var READ_ACCESS = 'read';
     var CREATE_ACCESS = 'create';
@@ -26217,16 +26042,16 @@
             WindowService
         ], imports: [[
                 i1.CommonModule,
-                i1$2.FormsModule,
-                i1$2.ReactiveFormsModule,
+                i2.FormsModule,
+                i2.ReactiveFormsModule,
                 PaletteModule,
                 DefinitionsModule,
                 WorkbasketFiltersModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(CaseListFiltersModule, { declarations: [CaseListFiltersComponent], imports: [i1.CommonModule,
-                i1$2.FormsModule,
-                i1$2.ReactiveFormsModule,
+                i2.FormsModule,
+                i2.ReactiveFormsModule,
                 PaletteModule,
                 DefinitionsModule,
                 WorkbasketFiltersModule], exports: [CaseListFiltersComponent] });
@@ -26237,8 +26062,8 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i1$2.FormsModule,
-                            i1$2.ReactiveFormsModule,
+                            i2.FormsModule,
+                            i2.ReactiveFormsModule,
                             PaletteModule,
                             DefinitionsModule,
                             WorkbasketFiltersModule
@@ -26299,7 +26124,7 @@
         CaseHistoryService.prototype.get = function (caseId, eventId) {
             var _this = this;
             var url = this.appConfig.getCaseHistoryUrl(caseId, eventId);
-            var headers = new i1$3.HttpHeaders()
+            var headers = new i1$2.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', CaseHistoryService.V2_MEDIATYPE_CASE_EVENT_VIEW)
                 .set('Content-Type', 'application/json');
@@ -26770,16 +26595,16 @@
     CaseTimelineModule.ɵinj = i0__namespace.ɵɵdefineInjector({ imports: [[
                 i1.CommonModule,
                 ErrorsModule,
-                i1$2.FormsModule,
-                i1$2.ReactiveFormsModule,
+                i2.FormsModule,
+                i2.ReactiveFormsModule,
                 CaseHistoryModule,
                 PaletteModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(CaseTimelineModule, { declarations: [CaseTimelineComponent], imports: [i1.CommonModule,
                 ErrorsModule,
-                i1$2.FormsModule,
-                i1$2.ReactiveFormsModule,
+                i2.FormsModule,
+                i2.ReactiveFormsModule,
                 CaseHistoryModule,
                 PaletteModule], exports: [CaseTimelineComponent] });
     })();
@@ -26790,8 +26615,8 @@
                         imports: [
                             i1.CommonModule,
                             ErrorsModule,
-                            i1$2.FormsModule,
-                            i1$2.ReactiveFormsModule,
+                            i2.FormsModule,
+                            i2.ReactiveFormsModule,
                             CaseHistoryModule,
                             PaletteModule
                         ],
@@ -27474,7 +27299,7 @@
         };
         return DeleteOrCancelDialogComponent;
     }());
-    DeleteOrCancelDialogComponent.ɵfac = function DeleteOrCancelDialogComponent_Factory(t) { return new (t || DeleteOrCancelDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$4.MatDialogRef)); };
+    DeleteOrCancelDialogComponent.ɵfac = function DeleteOrCancelDialogComponent_Factory(t) { return new (t || DeleteOrCancelDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialogRef)); };
     DeleteOrCancelDialogComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: DeleteOrCancelDialogComponent, selectors: [["ccd-delete-or-cancel-dialog"]], decls: 15, vars: 0, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Delete", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Cancel", 1, "button", "button-secondary", 3, "click"]], template: function DeleteOrCancelDialogComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div");
@@ -27515,7 +27340,7 @@
                         templateUrl: './delete-or-cancel-dialog.component.html',
                         styleUrls: ['../action-dialog.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$4.MatDialogRef }]; }, null);
+            }], function () { return [{ type: i1__namespace$3.MatDialogRef }]; }, null);
     })();
 
     var DialogsModule = /** @class */ (function () {
@@ -27527,16 +27352,16 @@
     DialogsModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: DialogsModule });
     DialogsModule.ɵinj = i0__namespace.ɵɵdefineInjector({ imports: [[
                 i1.CommonModule,
-                i1$2.FormsModule,
-                i1$2.ReactiveFormsModule,
+                i2.FormsModule,
+                i2.ReactiveFormsModule,
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(DialogsModule, { declarations: [DocumentDialogComponent,
                 DeleteOrCancelDialogComponent,
                 SaveOrDiscardDialogComponent,
                 RemoveDialogComponent], imports: [i1.CommonModule,
-                i1$2.FormsModule,
-                i1$2.ReactiveFormsModule], exports: [DocumentDialogComponent,
+                i2.FormsModule,
+                i2.ReactiveFormsModule], exports: [DocumentDialogComponent,
                 DeleteOrCancelDialogComponent,
                 SaveOrDiscardDialogComponent,
                 RemoveDialogComponent] });
@@ -27547,8 +27372,8 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i1$2.FormsModule,
-                            i1$2.ReactiveFormsModule,
+                            i2.FormsModule,
+                            i2.ReactiveFormsModule,
                         ],
                         declarations: [
                             DocumentDialogComponent,
@@ -28144,7 +27969,7 @@
                     value = Object.assign(Object.assign({}, value), (_a = {}, _a[caseField.id] = caseField.value, _a));
                 });
             }
-            return new i1$2.FormGroup({ data: new i1$2.FormControl(value) });
+            return new i2.FormGroup({ data: new i2.FormControl(value) });
         };
         CaseFullAccessViewComponent.prototype.resetErrors = function () {
             this.error = null;
@@ -28158,7 +27983,7 @@
     CaseFullAccessViewComponent.TRIGGER_TEXT_CONTINUE = 'Ignore Warning and Go';
     CaseFullAccessViewComponent.UNICODE_SPACE = '%20';
     CaseFullAccessViewComponent.EMPTY_SPACE = ' ';
-    CaseFullAccessViewComponent.ɵfac = function CaseFullAccessViewComponent_Factory(t) { return new (t || CaseFullAccessViewComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.NgZone), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(NavigationNotifierService), i0__namespace.ɵɵdirectiveInject(OrderService), i0__namespace.ɵɵdirectiveInject(ActivityPollingService), i0__namespace.ɵɵdirectiveInject(i1__namespace$4.MatDialog), i0__namespace.ɵɵdirectiveInject(AlertService), i0__namespace.ɵɵdirectiveInject(DraftService), i0__namespace.ɵɵdirectiveInject(ErrorNotifierService), i0__namespace.ɵɵdirectiveInject(ConvertHrefToRouterService), i0__namespace.ɵɵdirectiveInject(i1__namespace.Location), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(SessionStorageService)); };
+    CaseFullAccessViewComponent.ɵfac = function CaseFullAccessViewComponent_Factory(t) { return new (t || CaseFullAccessViewComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.NgZone), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(NavigationNotifierService), i0__namespace.ɵɵdirectiveInject(OrderService), i0__namespace.ɵɵdirectiveInject(ActivityPollingService), i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialog), i0__namespace.ɵɵdirectiveInject(AlertService), i0__namespace.ɵɵdirectiveInject(DraftService), i0__namespace.ɵɵdirectiveInject(ErrorNotifierService), i0__namespace.ɵɵdirectiveInject(ConvertHrefToRouterService), i0__namespace.ɵɵdirectiveInject(i1__namespace.Location), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(SessionStorageService)); };
     CaseFullAccessViewComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFullAccessViewComponent, selectors: [["ccd-case-full-access-view"]], viewQuery: function CaseFullAccessViewComponent_Query(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵviewQuery(_c0$b, 1);
@@ -28217,7 +28042,7 @@
                         templateUrl: './case-full-access-view.component.html',
                         styleUrls: ['./case-full-access-view.component.scss']
                     }]
-            }], function () { return [{ type: i0__namespace.NgZone }, { type: i1__namespace$1.ActivatedRoute }, { type: i1__namespace$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1__namespace$4.MatDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i1__namespace.Location }, { type: i0__namespace.ChangeDetectorRef }, { type: SessionStorageService }]; }, { hasPrint: [{
+            }], function () { return [{ type: i0__namespace.NgZone }, { type: i1__namespace$1.ActivatedRoute }, { type: i1__namespace$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1__namespace$3.MatDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i1__namespace.Location }, { type: i0__namespace.ChangeDetectorRef }, { type: SessionStorageService }]; }, { hasPrint: [{
                     type: i0.Input
                 }], hasEventSelector: [{
                     type: i0.Input
@@ -28585,13 +28410,13 @@
     EventMessageModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: EventMessageModule });
     EventMessageModule.ɵinj = i0__namespace.ɵɵdefineInjector({ imports: [[
                 i1.CommonModule,
-                i1$2.ReactiveFormsModule,
+                i2.ReactiveFormsModule,
                 i1$1.RouterModule,
                 ActivityModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(EventMessageModule, { declarations: [ErrorMessageComponent], imports: [i1.CommonModule,
-                i1$2.ReactiveFormsModule,
+                i2.ReactiveFormsModule,
                 i1$1.RouterModule,
                 ActivityModule], exports: [ErrorMessageComponent] });
     })();
@@ -28601,7 +28426,7 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i1$2.ReactiveFormsModule,
+                            i2.ReactiveFormsModule,
                             i1$1.RouterModule,
                             ActivityModule
                         ],
@@ -29367,7 +29192,7 @@
             EventStartStateMachineService
         ], imports: [[
                 i1.CommonModule,
-                i1$2.ReactiveFormsModule,
+                i2.ReactiveFormsModule,
                 i1$1.RouterModule
             ]] });
     (function () {
@@ -29378,7 +29203,7 @@
                 TaskCancelledComponent,
                 TaskConflictComponent,
                 TaskUnassignedComponent], imports: [i1.CommonModule,
-                i1$2.ReactiveFormsModule,
+                i2.ReactiveFormsModule,
                 i1$1.RouterModule], exports: [EventStartComponent,
                 TaskAssignedComponent,
                 TaskUnassignedComponent] });
@@ -29389,7 +29214,7 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i1$2.ReactiveFormsModule,
+                            i2.ReactiveFormsModule,
                             i1$1.RouterModule
                         ],
                         declarations: [
@@ -29482,7 +29307,7 @@
             if (changes.triggers && changes.triggers.currentValue) {
                 this.triggers = this.orderService.sort(this.triggers);
                 this.triggerForm = this.fb.group({
-                    trigger: [this.getDefault(), i1$2.Validators.required]
+                    trigger: [this.getDefault(), i2.Validators.required]
                 });
             }
         };
@@ -29500,7 +29325,7 @@
         };
         return EventTriggerComponent;
     }());
-    EventTriggerComponent.ɵfac = function EventTriggerComponent_Factory(t) { return new (t || EventTriggerComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.FormBuilder), i0__namespace.ɵɵdirectiveInject(OrderService)); };
+    EventTriggerComponent.ɵfac = function EventTriggerComponent_Factory(t) { return new (t || EventTriggerComponent)(i0__namespace.ɵɵdirectiveInject(i2__namespace.FormBuilder), i0__namespace.ɵɵdirectiveInject(OrderService)); };
     EventTriggerComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: EventTriggerComponent, selectors: [["ccd-event-trigger"]], inputs: { triggers: "triggers", triggerText: "triggerText", isDisabled: "isDisabled" }, outputs: { onTriggerSubmit: "onTriggerSubmit", onTriggerChange: "onTriggerChange" }, features: [i0__namespace.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "event-trigger", 3, "formGroup", "ngSubmit", 4, "ngIf"], [1, "event-trigger", 3, "formGroup", "ngSubmit"], [1, "form-group"], ["for", "next-step", 1, "form-label"], ["id", "next-step", "formControlName", "trigger", 1, "form-control", "ccd-dropdown", 3, "ngClass", "change"], ["value", "", "data-default", "", 4, "ngIf"], [3, "ngValue", "title", 4, "ngFor", "ngForOf"], ["type", "submit", 1, "button", 3, "disabled"], ["value", "", "data-default", ""], [3, "ngValue", "title"]], template: function EventTriggerComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, EventTriggerComponent_form_0_Template, 9, 8, "form", 0);
@@ -29508,7 +29333,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.triggers && ctx.triggers.length);
             }
-        }, directives: [i1__namespace.NgIf, i1__namespace$3.ɵangular_packages_forms_forms_ba, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, i1__namespace$3.SelectControlValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlName, i1__namespace.NgClass, i1__namespace.NgForOf, i1__namespace$3.NgSelectOption, i1__namespace$3.ɵangular_packages_forms_forms_z], styles: [".event-trigger[_ngcontent-%COMP%]{width:auto;margin-top:40px;margin-bottom:20px}.event-trigger[_ngcontent-%COMP%]   .form-group[_ngcontent-%COMP%]{margin-top:3px;margin-right:10px;margin-bottom:0;float:left;text-align:right;width:325px}.event-trigger[_ngcontent-%COMP%]   .form-group[_ngcontent-%COMP%]   .form-label[_ngcontent-%COMP%]{float:left;margin-top:5px}.event-trigger[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]{width:250px}.event-trigger[_ngcontent-%COMP%]   select.EventTrigger-empty[_ngcontent-%COMP%], .event-trigger[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]   [data-default][_ngcontent-%COMP%]{color:#6f777b}"] });
+        }, directives: [i1__namespace.NgIf, i2__namespace.ɵangular_packages_forms_forms_ba, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i2__namespace.SelectControlValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName, i1__namespace.NgClass, i1__namespace.NgForOf, i2__namespace.NgSelectOption, i2__namespace.ɵangular_packages_forms_forms_z], styles: [".event-trigger[_ngcontent-%COMP%]{width:auto;margin-top:40px;margin-bottom:20px}.event-trigger[_ngcontent-%COMP%]   .form-group[_ngcontent-%COMP%]{margin-top:3px;margin-right:10px;margin-bottom:0;float:left;text-align:right;width:325px}.event-trigger[_ngcontent-%COMP%]   .form-group[_ngcontent-%COMP%]   .form-label[_ngcontent-%COMP%]{float:left;margin-top:5px}.event-trigger[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]{width:250px}.event-trigger[_ngcontent-%COMP%]   select.EventTrigger-empty[_ngcontent-%COMP%], .event-trigger[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]   [data-default][_ngcontent-%COMP%]{color:#6f777b}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(EventTriggerComponent, [{
                 type: i0.Component,
@@ -29517,7 +29342,7 @@
                         templateUrl: './event-trigger.component.html',
                         styleUrls: ['./event-trigger.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$3.FormBuilder }, { type: OrderService }]; }, { triggers: [{
+            }], function () { return [{ type: i2__namespace.FormBuilder }, { type: OrderService }]; }, { triggers: [{
                     type: i0.Input
                 }], triggerText: [{
                     type: i0.Input
@@ -29539,12 +29364,12 @@
     EventTriggerModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: EventTriggerModule });
     EventTriggerModule.ɵinj = i0__namespace.ɵɵdefineInjector({ imports: [[
                 i1.CommonModule,
-                i1$2.ReactiveFormsModule,
+                i2.ReactiveFormsModule,
                 ActivityModule,
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(EventTriggerModule, { declarations: [EventTriggerComponent], imports: [i1.CommonModule,
-                i1$2.ReactiveFormsModule,
+                i2.ReactiveFormsModule,
                 ActivityModule], exports: [EventTriggerComponent] });
     })();
     (function () {
@@ -29553,7 +29378,7 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i1$2.ReactiveFormsModule,
+                            i2.ReactiveFormsModule,
                             ActivityModule,
                         ],
                         declarations: [
@@ -29698,9 +29523,9 @@
             this.hint = ChallengedAccessRequestPageText.HINT;
             this.caseRefLabel = ChallengedAccessRequestPageText.CASE_REF;
             this.formGroup = this.fb.group({
-                radioSelected: new i1$2.FormControl(null, i1$2.Validators.required)
+                radioSelected: new i2.FormControl(null, i2.Validators.required)
             });
-            this.formGroup.addControl(this.caseReferenceControlName, new i1$2.FormControl('', {
+            this.formGroup.addControl(this.caseReferenceControlName, new i2.FormControl('', {
                 validators: [function (control) {
                         if (_this.formGroup.get(_this.radioSelectedControlName).value === AccessReason$1.LINKED_TO_CURRENT_CASE && _this.inputEmpty(control)) {
                             return { invalid: true };
@@ -29709,7 +29534,7 @@
                     }],
                 updateOn: 'submit'
             }));
-            this.formGroup.addControl(this.otherReasonControlName, new i1$2.FormControl('', {
+            this.formGroup.addControl(this.otherReasonControlName, new i2.FormControl('', {
                 validators: [function (control) {
                         if (_this.formGroup.get(_this.radioSelectedControlName).value === AccessReason$1.OTHER && _this.inputEmpty(control)) {
                             return { invalid: true };
@@ -29790,7 +29615,7 @@
         return CaseChallengedAccessRequestComponent;
     }());
     CaseChallengedAccessRequestComponent.CANCEL_LINK_DESTINATION = '/work/my-work/list';
-    CaseChallengedAccessRequestComponent.ɵfac = function CaseChallengedAccessRequestComponent_Factory(t) { return new (t || CaseChallengedAccessRequestComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.FormBuilder), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(CasesService), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(CaseNotifier)); };
+    CaseChallengedAccessRequestComponent.ɵfac = function CaseChallengedAccessRequestComponent_Factory(t) { return new (t || CaseChallengedAccessRequestComponent)(i0__namespace.ɵɵdirectiveInject(i2__namespace.FormBuilder), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(CasesService), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(CaseNotifier)); };
     CaseChallengedAccessRequestComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseChallengedAccessRequestComponent, selectors: [["ccd-case-challenged-access-request"]], decls: 40, vars: 22, consts: [[3, "error", 4, "ngIf"], ["type", "information"], [3, "formGroup", "submit"], [1, "govuk-form-group", 3, "ngClass"], ["aria-describedby", "reason-hint", 1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], [1, "govuk-fieldset__heading"], ["id", "reason-hint", 1, "govuk-hint"], ["id", "error-message", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-radios", 1, "govuk-radios", "govuk-radios--conditional"], [1, "govuk-radios__item"], ["id", "reason-0", "name", "radioSelected", "type", "radio", "data-aria-controls", "conditional-reason-0", "formControlName", "radioSelected", 1, "govuk-radios__input", 3, "value", "checked", "change"], ["for", "reason-0", 1, "govuk-label", "govuk-radios__label"], ["id", "conditional-reason-0", "class", "govuk-radios__conditional", 4, "ngIf"], ["id", "reason-1", "name", "radioSelected", "type", "radio", "formControlName", "radioSelected", 1, "govuk-radios__input", 3, "value", "checked", "change"], ["for", "reason-1", 1, "govuk-label", "govuk-radios__label"], ["id", "reason-2", "name", "radioSelected", "type", "radio", "formControlName", "radioSelected", 1, "govuk-radios__input", 3, "value", "checked", "change"], ["for", "reason-2", 1, "govuk-label", "govuk-radios__label"], ["id", "reason-3", "name", "radioSelected", "type", "radio", "data-aria-controls", "conditional-reason-3", "formControlName", "radioSelected", 1, "govuk-radios__input", 3, "value", "checked", "change"], ["for", "reason-3", "id", "reason-3-label", 1, "govuk-label", "govuk-radios__label"], ["id", "conditional-reason-3", "class", "govuk-radios__conditional", 4, "ngIf"], [1, "govuk-button-group"], ["type", "submit", 1, "govuk-button", "govuk-!-margin-right-3"], [1, "govuk-grid-column-full", "govuk-!-padding-left-0"], ["href", "javascript:void(0)", 1, "govuk-body", 3, "click"], [3, "error"], ["id", "error-message", 1, "govuk-error-message"], ["id", "conditional-reason-0", 1, "govuk-radios__conditional"], [1, "govuk-form-group"], ["for", "case-reference", 1, "govuk-label"], ["id", "case-reference-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "case-reference", "name", "case-reference", "type", "text", "formControlName", "caseReference", 1, "govuk-input", "govuk-!-width-one-third", 3, "ngClass"], ["id", "case-reference-error-message", 1, "govuk-error-message"], ["id", "conditional-reason-3", 1, "govuk-radios__conditional"], ["id", "other-reason-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "other-reason", "name", "other-reason", "rows", "5", "aria-describedby", "reason-3-label", "formControlName", "otherReason", 1, "govuk-textarea", 3, "ngClass"], ["id", "other-reason-error-message", 1, "govuk-error-message"]], template: function CaseChallengedAccessRequestComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, CaseChallengedAccessRequestComponent_exui_error_message_0_Template, 1, 1, "exui-error-message", 0);
@@ -29906,7 +29731,7 @@
                         selector: 'ccd-case-challenged-access-request',
                         templateUrl: './case-challenged-access-request.component.html'
                     }]
-            }], function () { return [{ type: i1__namespace$3.FormBuilder }, { type: i1__namespace$1.Router }, { type: CasesService }, { type: i1__namespace$1.ActivatedRoute }, { type: CaseNotifier }]; }, null);
+            }], function () { return [{ type: i2__namespace.FormBuilder }, { type: i1__namespace$1.Router }, { type: CasesService }, { type: i1__namespace$1.ActivatedRoute }, { type: CaseNotifier }]; }, null);
     })();
 
     var CaseChallengedAccessSuccessComponent = /** @class */ (function () {
@@ -30104,7 +29929,7 @@
             this.hint = ReviewSpecificAccessRequestPageText.HINT;
             this.caseRefLabel = ReviewSpecificAccessRequestPageText.CASE_REF;
             this.formGroup = this.fb.group({
-                radioSelected: new i1$2.FormControl(null, i1$2.Validators.required),
+                radioSelected: new i2.FormControl(null, i2.Validators.required),
             });
         };
         CaseReviewSpecificAccessRequestComponent.prototype.ngOnDestroy = function () {
@@ -30156,7 +29981,7 @@
         return CaseReviewSpecificAccessRequestComponent;
     }());
     CaseReviewSpecificAccessRequestComponent.CANCEL_LINK_DESTINATION = '/work/my-work/list';
-    CaseReviewSpecificAccessRequestComponent.ɵfac = function CaseReviewSpecificAccessRequestComponent_Factory(t) { return new (t || CaseReviewSpecificAccessRequestComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.FormBuilder), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(AbstractAppConfig)); };
+    CaseReviewSpecificAccessRequestComponent.ɵfac = function CaseReviewSpecificAccessRequestComponent_Factory(t) { return new (t || CaseReviewSpecificAccessRequestComponent)(i0__namespace.ɵɵdirectiveInject(i2__namespace.FormBuilder), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(AbstractAppConfig)); };
     CaseReviewSpecificAccessRequestComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseReviewSpecificAccessRequestComponent, selectors: [["ccd-case-review-specific-access-request"]], decls: 64, vars: 22, consts: [[3, "error", 4, "ngIf"], [3, "formGroup", "submit"], [1, "govuk-form-group"], ["aria-describedby", "reason-hint", 1, "govuk-fieldset"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], [1, "govuk-fieldset__heading"], [1, "govuk-table"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header", "leftLabel"], [1, "govuk-table__cell"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--m"], ["id", "error-message", "class", "govuk-error-message", 4, "ngIf"], [1, "govuk-radios__item"], ["id", "reason-0", "name", "radioSelected", "type", "radio", "formControlName", "radioSelected", 1, "govuk-radios__input", 3, "value", "checked", "change"], ["for", "reason-0", 1, "govuk-label", "govuk-radios__label"], ["id", "reason-1", "name", "radioSelected", "type", "radio", "formControlName", "radioSelected", 1, "govuk-radios__input", 3, "value", "checked", "change"], ["for", "reason-1", 1, "govuk-label", "govuk-radios__label"], ["id", "reason-2", "name", "radioSelected", "type", "radio", "formControlName", "radioSelected", 1, "govuk-radios__input", 3, "value", "checked", "change"], ["for", "reason-2", 1, "govuk-label", "govuk-radios__label"], [1, "govuk-button-group"], ["type", "submit", 1, "govuk-button", "govuk-!-margin-right-3"], [1, "govuk-grid-column-full", "govuk-!-padding-left-0"], ["href", "javascript:void(0)", 1, "govuk-body", 3, "click"], [3, "error"], ["id", "error-message", 1, "govuk-error-message"]], template: function CaseReviewSpecificAccessRequestComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, CaseReviewSpecificAccessRequestComponent_exui_error_message_0_Template, 1, 1, "exui-error-message", 0);
@@ -30314,7 +30139,7 @@
                         templateUrl: './case-review-specific-access-request.component.html',
                         styleUrls: ['./case-review-specific-access-request.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$3.FormBuilder }, { type: i1__namespace$1.ActivatedRoute }, { type: i1__namespace$1.Router }, { type: AbstractAppConfig }]; }, null);
+            }], function () { return [{ type: i2__namespace.FormBuilder }, { type: i1__namespace$1.ActivatedRoute }, { type: i1__namespace$1.Router }, { type: AbstractAppConfig }]; }, null);
     })();
 
     var SpecificAccessRequestPageText;
@@ -30369,9 +30194,9 @@
             this.hint = SpecificAccessRequestPageText.HINT;
             this.caseRefLabel = SpecificAccessRequestPageText.CASE_REF;
             this.formGroup = this.fb.group({
-                radioSelected: new i1$2.FormControl(null, null),
+                radioSelected: new i2.FormControl(null, null),
             });
-            this.formGroup.addControl(this.specificReasonControlName, new i1$2.FormControl('', {
+            this.formGroup.addControl(this.specificReasonControlName, new i2.FormControl('', {
                 validators: [
                     function (control) {
                         if (_this.inputEmpty(control)) {
@@ -30433,7 +30258,7 @@
         return CaseSpecificAccessRequestComponent;
     }());
     CaseSpecificAccessRequestComponent.CANCEL_LINK_DESTINATION = '/work/my-work/list';
-    CaseSpecificAccessRequestComponent.ɵfac = function CaseSpecificAccessRequestComponent_Factory(t) { return new (t || CaseSpecificAccessRequestComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.FormBuilder), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(CasesService), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(CaseNotifier)); };
+    CaseSpecificAccessRequestComponent.ɵfac = function CaseSpecificAccessRequestComponent_Factory(t) { return new (t || CaseSpecificAccessRequestComponent)(i0__namespace.ɵɵdirectiveInject(i2__namespace.FormBuilder), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(CasesService), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(CaseNotifier)); };
     CaseSpecificAccessRequestComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseSpecificAccessRequestComponent, selectors: [["ccd-case-specific-access-request"]], decls: 39, vars: 11, consts: [[3, "error", 4, "ngIf"], ["type", "information"], [3, "formGroup", "submit"], [1, "govuk-form-group", 3, "ngClass"], ["aria-describedby", "reason-hint", 1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], [1, "govuk-fieldset__heading"], ["data-module", "govuk-details", "role", "group", 1, "govuk-details"], ["role", "button", "aria-expanded", "false", 1, "govuk-details__summary"], [1, "govuk-details__summary-text"], ["aria-hidden", "true", 1, "govuk-details__text"], [1, "govuk-body"], [1, "govuk-list", "govuk-list--bullet"], ["id", "reason-hint", 1, "govuk-hint"], ["id", "conditional-reason-3"], [1, "govuk-form-group"], ["id", "specific-reason-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "specific-reason", "name", "specific-reason", "rows", "8", "formControlName", "specificReason", 1, "govuk-textarea", 3, "ngClass"], [1, "govuk-button-group"], ["type", "submit", 1, "govuk-button", "govuk-!-margin-right-3"], [1, "govuk-grid-column-full", "govuk-!-padding-left-0"], ["href", "javascript:void(0)", 1, "govuk-body", 3, "click"], [3, "error"], ["id", "specific-reason-error-message", 1, "govuk-error-message"]], template: function CaseSpecificAccessRequestComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, CaseSpecificAccessRequestComponent_exui_error_message_0_Template, 1, 1, "exui-error-message", 0);
@@ -30525,7 +30350,7 @@
                         selector: 'ccd-case-specific-access-request',
                         templateUrl: './case-specific-access-request.component.html',
                     }]
-            }], function () { return [{ type: i1__namespace$3.FormBuilder }, { type: i1__namespace$1.Router }, { type: CasesService }, { type: i1__namespace$1.ActivatedRoute }, { type: CaseNotifier }]; }, null);
+            }], function () { return [{ type: i2__namespace.FormBuilder }, { type: i1__namespace$1.Router }, { type: CasesService }, { type: i1__namespace$1.ActivatedRoute }, { type: CaseNotifier }]; }, null);
     })();
 
     var CaseSpecificAccessSuccessComponent = /** @class */ (function () {
@@ -30623,7 +30448,7 @@
                 ConditionalShowModule,
                 CaseHistoryModule,
                 i9.MatTabsModule,
-                i1$2.ReactiveFormsModule,
+                i2.ReactiveFormsModule,
                 BannersModule,
                 LabelSubstitutorModule,
                 LoadingSpinnerModule,
@@ -30654,7 +30479,7 @@
                 ConditionalShowModule,
                 CaseHistoryModule,
                 i9.MatTabsModule,
-                i1$2.ReactiveFormsModule,
+                i2.ReactiveFormsModule,
                 BannersModule,
                 LabelSubstitutorModule,
                 LoadingSpinnerModule,
@@ -30678,7 +30503,7 @@
                             ConditionalShowModule,
                             CaseHistoryModule,
                             i9.MatTabsModule,
-                            i1$2.ReactiveFormsModule,
+                            i2.ReactiveFormsModule,
                             BannersModule,
                             LabelSubstitutorModule,
                             LoadingSpinnerModule,
@@ -30726,9 +30551,9 @@
         CaseFullAccessViewComponent], []);
     i0__namespace.ɵɵsetComponentScope(CaseFullAccessViewComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, CallbackErrorsComponent, ActivityComponent, CaseHeaderComponent, i1__namespace$1.RouterLinkWithHref, EventTriggerComponent, NotificationBannerComponent, i9__namespace.MatTabGroup, i9__namespace.MatTab, i9__namespace.MatTabContent, LabelSubstitutorDirective, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, FieldReadComponent, i1__namespace$1.RouterOutlet], [ReadFieldsFilterPipe, CcdTabFieldsPipe, IsCompoundPipe]);
     i0__namespace.ɵɵsetComponentScope(CaseViewComponent, [i1__namespace.NgIf, CaseViewerComponent], []);
-    i0__namespace.ɵɵsetComponentScope(CaseChallengedAccessRequestComponent, [i1__namespace.NgIf, ErrorMessageComponent, AlertComponent, i1__namespace$3.ɵangular_packages_forms_forms_ba, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, i1__namespace.NgClass, i1__namespace$3.RadioControlValueAccessor, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlName], []);
-    i0__namespace.ɵɵsetComponentScope(CaseSpecificAccessRequestComponent, [i1__namespace.NgIf, ErrorMessageComponent, AlertComponent, i1__namespace$3.ɵangular_packages_forms_forms_ba, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, i1__namespace.NgClass, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlName], []);
-    i0__namespace.ɵɵsetComponentScope(CaseReviewSpecificAccessRequestComponent, [i1__namespace.NgIf, ErrorMessageComponent, i1__namespace$3.ɵangular_packages_forms_forms_ba, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, i1__namespace.NgClass, i1__namespace$3.RadioControlValueAccessor, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlName], []);
+    i0__namespace.ɵɵsetComponentScope(CaseChallengedAccessRequestComponent, [i1__namespace.NgIf, ErrorMessageComponent, AlertComponent, i2__namespace.ɵangular_packages_forms_forms_ba, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgClass, i2__namespace.RadioControlValueAccessor, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName], []);
+    i0__namespace.ɵɵsetComponentScope(CaseSpecificAccessRequestComponent, [i1__namespace.NgIf, ErrorMessageComponent, AlertComponent, i2__namespace.ɵangular_packages_forms_forms_ba, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgClass, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName], []);
+    i0__namespace.ɵɵsetComponentScope(CaseReviewSpecificAccessRequestComponent, [i1__namespace.NgIf, ErrorMessageComponent, i2__namespace.ɵangular_packages_forms_forms_ba, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgClass, i2__namespace.RadioControlValueAccessor, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName], []);
 
     var viewerRouting = [
         {
@@ -30888,7 +30713,7 @@
             this.sessionStorageService = sessionStorageService;
             this.selectionSubmitted = new i0.EventEmitter();
             this.selectionChanged = new i0.EventEmitter();
-            this.formGroup = new i1$2.FormGroup({});
+            this.formGroup = new i2.FormGroup({});
         }
         CreateCaseFiltersComponent.prototype.ngOnInit = function () {
             var _this = this;
@@ -30946,11 +30771,11 @@
             });
         };
         CreateCaseFiltersComponent.prototype.initControls = function () {
-            this.filterJurisdictionControl = new i1$2.FormControl('');
+            this.filterJurisdictionControl = new i2.FormControl('');
             this.formGroup.addControl('jurisdiction', this.filterJurisdictionControl);
-            this.filterCaseTypeControl = new i1$2.FormControl({ value: '', disabled: true });
+            this.filterCaseTypeControl = new i2.FormControl({ value: '', disabled: true });
             this.formGroup.addControl('caseType', this.filterCaseTypeControl);
-            this.filterEventControl = new i1$2.FormControl({ value: '', disabled: true });
+            this.filterEventControl = new i2.FormControl({ value: '', disabled: true });
             this.formGroup.addControl('event', this.filterEventControl);
         };
         CreateCaseFiltersComponent.prototype.emitChange = function () {
@@ -31086,7 +30911,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵtextInterpolate(ctx.startButtonText);
             }
-        }, directives: [i1__namespace$3.ɵangular_packages_forms_forms_ba, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.NgForm, i1__namespace$3.SelectControlValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective, i1__namespace$3.NgSelectOption, i1__namespace$3.ɵangular_packages_forms_forms_z, i1__namespace.NgForOf], encapsulation: 2 });
+        }, directives: [i2__namespace.ɵangular_packages_forms_forms_ba, i2__namespace.NgControlStatusGroup, i2__namespace.NgForm, i2__namespace.SelectControlValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective, i2__namespace.NgSelectOption, i2__namespace.ɵangular_packages_forms_forms_z, i1__namespace.NgForOf], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CreateCaseFiltersComponent, [{
                 type: i0.Component,
@@ -31114,15 +30939,15 @@
     CreateCaseFiltersModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: CreateCaseFiltersModule });
     CreateCaseFiltersModule.ɵinj = i0__namespace.ɵɵdefineInjector({ imports: [[
                 i1.CommonModule,
-                i1$2.FormsModule,
-                i1$2.ReactiveFormsModule,
+                i2.FormsModule,
+                i2.ReactiveFormsModule,
                 DefinitionsModule,
                 ErrorsModule,
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(CreateCaseFiltersModule, { declarations: [CreateCaseFiltersComponent], imports: [i1.CommonModule,
-                i1$2.FormsModule,
-                i1$2.ReactiveFormsModule,
+                i2.FormsModule,
+                i2.ReactiveFormsModule,
                 DefinitionsModule,
                 ErrorsModule], exports: [CreateCaseFiltersComponent] });
     })();
@@ -31132,8 +30957,8 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i1$2.FormsModule,
-                            i1$2.ReactiveFormsModule,
+                            i2.FormsModule,
+                            i2.ReactiveFormsModule,
                             DefinitionsModule,
                             ErrorsModule,
                         ],
@@ -31240,7 +31065,7 @@
             this.onApply = new i0.EventEmitter();
             this.onReset = new i0.EventEmitter();
             this.onJurisdiction = new i0.EventEmitter();
-            this.formGroup = new i1$2.FormGroup({});
+            this.formGroup = new i2.FormGroup({});
         }
         SearchFiltersComponent.prototype.ngOnInit = function () {
             this.selected = {};
@@ -31317,7 +31142,7 @@
         };
         SearchFiltersComponent.prototype.onCaseTypeIdChange = function () {
             var _this = this;
-            this.formGroup = new i1$2.FormGroup({});
+            this.formGroup = new i2.FormGroup({});
             this.searchInputsReady = false;
             this.searchInputs = [];
             this.searchService.getSearchInputs(this.selected.jurisdiction.id, this.selected.caseType.id).pipe(operators.tap(function () { return _this.searchInputsReady = true; })).subscribe(function (searchInputs) {
@@ -31546,16 +31371,16 @@
             WindowService
         ], imports: [[
                 i1.CommonModule,
-                i1$2.FormsModule,
-                i1$2.ReactiveFormsModule,
+                i2.FormsModule,
+                i2.ReactiveFormsModule,
                 PaletteModule,
                 ConditionalShowModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(SearchFiltersModule, { declarations: [SearchFiltersComponent,
                 SearchFiltersWrapperComponent], imports: [i1.CommonModule,
-                i1$2.FormsModule,
-                i1$2.ReactiveFormsModule,
+                i2.FormsModule,
+                i2.ReactiveFormsModule,
                 PaletteModule,
                 ConditionalShowModule], exports: [SearchFiltersWrapperComponent] });
     })();
@@ -31565,8 +31390,8 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i1$2.FormsModule,
-                            i1$2.ReactiveFormsModule,
+                            i2.FormsModule,
+                            i2.ReactiveFormsModule,
                             PaletteModule,
                             ConditionalShowModule
                         ],
@@ -31587,7 +31412,7 @@
                     }]
             }], null, null);
     })();
-    i0__namespace.ɵɵsetComponentScope(SearchFiltersComponent, [i1__namespace$3.ɵangular_packages_forms_forms_ba, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.NgForm, i1__namespace$3.SelectControlValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.NgModel, i1__namespace.NgForOf, i1__namespace$3.NgSelectOption, i1__namespace$3.ɵangular_packages_forms_forms_z, i1__namespace.NgIf, ConditionalShowFormDirective, i1__namespace$3.FormGroupDirective, FieldWriteComponent], []);
+    i0__namespace.ɵɵsetComponentScope(SearchFiltersComponent, [i2__namespace.ɵangular_packages_forms_forms_ba, i2__namespace.NgControlStatusGroup, i2__namespace.NgForm, i2__namespace.SelectControlValueAccessor, i2__namespace.NgControlStatus, i2__namespace.NgModel, i1__namespace.NgForOf, i2__namespace.NgSelectOption, i2__namespace.ɵangular_packages_forms_forms_z, i1__namespace.NgIf, ConditionalShowFormDirective, i2__namespace.FormGroupDirective, FieldWriteComponent], []);
     i0__namespace.ɵɵsetComponentScope(SearchFiltersWrapperComponent, [i1__namespace.NgIf, SearchFiltersComponent], []);
 
     function SearchResultComponent_table_0_div_4_Template(rf, ctx) {
@@ -32526,10 +32351,10 @@
             BrowserService
         ], imports: [[
                 i1.CommonModule,
-                i1$7.NgxPaginationModule,
+                i1$6.NgxPaginationModule,
                 i1$1.RouterModule,
-                i1$2.FormsModule,
-                i1$2.ReactiveFormsModule,
+                i2.FormsModule,
+                i2.ReactiveFormsModule,
                 LabelSubstitutorModule,
                 PipesModule,
                 ActivityModule,
@@ -32538,10 +32363,10 @@
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(SearchResultModule, { declarations: [SearchResultComponent], imports: [i1.CommonModule,
-                i1$7.NgxPaginationModule,
+                i1$6.NgxPaginationModule,
                 i1$1.RouterModule,
-                i1$2.FormsModule,
-                i1$2.ReactiveFormsModule,
+                i2.FormsModule,
+                i2.ReactiveFormsModule,
                 LabelSubstitutorModule,
                 PipesModule,
                 ActivityModule,
@@ -32554,10 +32379,10 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i1$7.NgxPaginationModule,
+                            i1$6.NgxPaginationModule,
                             i1$1.RouterModule,
-                            i1$2.FormsModule,
-                            i1$2.ReactiveFormsModule,
+                            i2.FormsModule,
+                            i2.ReactiveFormsModule,
                             LabelSubstitutorModule,
                             PipesModule,
                             ActivityModule,
@@ -32577,7 +32402,7 @@
                     }]
             }], null, null);
     })();
-    i0__namespace.ɵɵsetComponentScope(SearchResultComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace$1.RouterLinkWithHref, FieldReadComponent, LabelSubstitutorDirective, ActivityComponent, PaginationComponent], [i1__namespace.DecimalPipe, i1__namespace$7.PaginatePipe, CaseReferencePipe, SortSearchResultPipe]);
+    i0__namespace.ɵɵsetComponentScope(SearchResultComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace$1.RouterLinkWithHref, FieldReadComponent, LabelSubstitutorDirective, ActivityComponent, PaginationComponent], [i1__namespace.DecimalPipe, i1__namespace$6.PaginatePipe, CaseReferencePipe, SortSearchResultPipe]);
 
     var ComplexFieldOverride = /** @class */ (function () {
         function ComplexFieldOverride() {
@@ -32963,7 +32788,6 @@
     exports.DynamicListPipe = DynamicListPipe;
     exports.DynamicRadioListPipe = DynamicRadioListPipe;
     exports.Embedded = Embedded;
-    exports.EnumDisplayDescriptionPipe = EnumDisplayDescriptionPipe;
     exports.ErrorMessageComponent = ErrorMessageComponent;
     exports.ErrorNotifierService = ErrorNotifierService;
     exports.EventCaseField = EventCaseField;