@hmcts/ccd-case-ui-toolkit 6.10.7-case-flags-multiple-case-flags-tabs-support-v2 → 6.10.7-case-flags-create-change-links

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, 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';
+})(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';
 
     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 i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+    var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$2);
     var polling__default = /*#__PURE__*/_interopDefaultLegacy(polling);
-    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
+    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$3);
     var ___namespace = /*#__PURE__*/_interopNamespace(_);
     var moment__namespace = /*#__PURE__*/_interopNamespace(moment);
-    var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
-    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
     var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
+    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
+    var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
     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$1 = /*#__PURE__*/_interopNamespace(i2$1);
-    var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
-    var i6__namespace$2 = /*#__PURE__*/_interopNamespace(i6$2);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$6);
+    var i6__namespace$2 = /*#__PURE__*/_interopNamespace(i6$2);
+    var i1__namespace$7 = /*#__PURE__*/_interopNamespace(i1$7);
     var i9__namespace = /*#__PURE__*/_interopNamespace(i9);
 
     function FooterComponent_div_2_Template(rf, ctx) {
@@ -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: i2.NG_VALUE_ACCESSOR,
+                    provide: i1$2.NG_VALUE_ACCESSOR,
                     useExisting: i0.forwardRef(function () { return DateInputComponent; }),
                     multi: true
                 },
                 {
-                    provide: i2.NG_VALIDATORS,
+                    provide: i1$2.NG_VALIDATORS,
                     useExisting: i0.forwardRef(function () { return DateInputComponent; }),
                     multi: true
                 }
@@ -1111,12 +1111,12 @@
                         templateUrl: './date-input.html',
                         providers: [
                             {
-                                provide: i2.NG_VALUE_ACCESSOR,
+                                provide: i1$2.NG_VALUE_ACCESSOR,
                                 useExisting: i0.forwardRef(function () { return DateInputComponent; }),
                                 multi: true
                             },
                             {
-                                provide: i2.NG_VALIDATORS,
+                                provide: i1$2.NG_VALIDATORS,
                                 useExisting: i0.forwardRef(function () { return DateInputComponent; }),
                                 multi: true
                             }
@@ -1861,7 +1861,7 @@
                 return error;
             }
             var httpError = new HttpError();
-            if (error instanceof i1$2.HttpErrorResponse) {
+            if (error instanceof i1$3.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$2.HttpHeaders()
+                options.headers = new i1$3.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$2.HttpHeaders().set('Content-Type', 'application/json').set('Authorization', userDetails.token);
+            var headers = new i1$3.HttpHeaders().set('Content-Type', 'application/json').set('Authorization', userDetails.token);
             var options = {
                 headers: headers,
                 withCredentials: true,
@@ -4299,13 +4299,13 @@
             return this.mergeFields(caseFields, formFields, FieldsUtils.LABEL_MERGE_FUNCTION);
         };
         FieldsUtils.prototype.controlIterator = function (aControl, formArrayFn, formGroupFn, controlFn) {
-            if (aControl instanceof i2.FormArray) { // We're in a collection
+            if (aControl instanceof i1$2.FormArray) { // We're in a collection
                 formArrayFn(aControl);
             }
-            else if (aControl instanceof i2.FormGroup) { // We're in a complex type.
+            else if (aControl instanceof i1$2.FormGroup) { // We're in a complex type.
                 formGroupFn(aControl);
             }
-            else if (aControl instanceof i2.FormControl) { // FormControl
+            else if (aControl instanceof i1$2.FormControl) { // FormControl
                 controlFn(aControl);
             }
         };
@@ -4751,19 +4751,19 @@
         FormValidatorsService.addValidators = function (caseField, control) {
             if (caseField.display_context === Constants.MANDATORY &&
                 FormValidatorsService.CUSTOM_VALIDATED_TYPES.indexOf(caseField.field_type.type) === -1) {
-                var validators = [i2.Validators.required];
+                var validators = [i1$2.Validators.required];
                 if (caseField.field_type.type === 'Text') {
                     if (caseField.field_type.regular_expression) {
-                        validators.push(i2.Validators.pattern(caseField.field_type.regular_expression));
+                        validators.push(i1$2.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(i2.Validators.minLength(caseField.field_type.min));
+                        validators.push(i1$2.Validators.minLength(caseField.field_type.min));
                     }
                     if (caseField.field_type.max && (typeof caseField.field_type.max === 'number')) {
-                        validators.push(i2.Validators.maxLength(caseField.field_type.max));
+                        validators.push(i1$2.Validators.maxLength(caseField.field_type.max));
                     }
                 }
                 if (control.validator) {
@@ -4833,7 +4833,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 i2.FormArray) {
+            if (parent instanceof i1$2.FormArray) {
                 return this.addControlToFormArray(control, parent, replace);
             }
             return this.addControlToFormGroup(control, parent, replace);
@@ -4949,7 +4949,7 @@
             this.handleFormGroup = function (formGroup) {
                 _this.evaluateControl(formGroup);
                 var groupControl = formGroup;
-                if (formGroup.get('value') && formGroup.get('value') instanceof i2.FormGroup) { // Complex Field
+                if (formGroup.get('value') && formGroup.get('value') instanceof i1$2.FormGroup) { // Complex Field
                     groupControl = formGroup.get('value');
                 }
                 else if (formGroup.controls) {
@@ -4971,7 +4971,7 @@
         }
         ConditionalShowFormDirective.prototype.ngOnInit = function () {
             if (!this.formGroup) {
-                this.formGroup = new i2.FormGroup({});
+                this.formGroup = new i1$2.FormGroup({});
             }
         };
         /**
@@ -6401,7 +6401,7 @@
         LabelSubstitutorDirective.prototype.ngOnInit = function () {
             this.initialLabel = this.caseField.label;
             this.initialHintText = this.caseField.hint_text;
-            this.formGroup = this.formGroup || new i2.FormGroup({});
+            this.formGroup = this.formGroup || new i1$2.FormGroup({});
             var fields = this.getReadOnlyAndFormFields();
             if (this.shouldSubstitute('label')) {
                 this.caseField.label = this.resolvePlaceholders(fields, this.caseField.label);
@@ -6950,7 +6950,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$2.HttpHeaders();
+            var headers = new i1$3.HttpHeaders();
             return this.http
                 .post(url, formData, { headers: headers, observe: 'body' })
                 .pipe(operators.delay(DocumentManagementService.RESPONSE_DELAY));
@@ -7056,7 +7056,7 @@
         DraftService.prototype.createDraft = function (ctid, eventData) {
             var _this = this;
             var saveDraftEndpoint = this.appConfig.getCreateOrUpdateDraftsUrl(ctid);
-            var headers = new i1$2.HttpHeaders()
+            var headers = new i1$3.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', DraftService.V2_MEDIATYPE_DRAFT_CREATE)
                 .set('Content-Type', 'application/json');
@@ -7070,7 +7070,7 @@
         DraftService.prototype.updateDraft = function (ctid, draftId, eventData) {
             var _this = this;
             var saveDraftEndpoint = this.appConfig.getCreateOrUpdateDraftsUrl(ctid) + draftId;
-            var headers = new i1$2.HttpHeaders()
+            var headers = new i1$3.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', DraftService.V2_MEDIATYPE_DRAFT_UPDATE)
                 .set('Content-Type', 'application/json');
@@ -7084,7 +7084,7 @@
         DraftService.prototype.getDraft = function (draftId) {
             var _this = this;
             var url = this.appConfig.getViewOrDeleteDraftsUrl(draftId.slice(DRAFT_PREFIX.length));
-            var headers = new i1$2.HttpHeaders()
+            var headers = new i1$3.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', DraftService.V2_MEDIATYPE_DRAFT_READ)
                 .set('Content-Type', 'application/json');
@@ -7098,7 +7098,7 @@
         DraftService.prototype.deleteDraft = function (draftId) {
             var _this = this;
             var url = this.appConfig.getViewOrDeleteDraftsUrl(draftId.slice(DRAFT_PREFIX.length));
-            var headers = new i1$2.HttpHeaders()
+            var headers = new i1$3.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', DraftService.V2_MEDIATYPE_DRAFT_DELETE)
                 .set('Content-Type', 'application/json');
@@ -7201,7 +7201,7 @@
                     if (inArray && group.controls['value']) {
                         group = group.controls['value'];
                     }
-                    if (group && group.constructor && i2.FormArray.name === group.constructor.name) {
+                    if (group && group.constructor && i1$2.FormArray.name === group.constructor.name) {
                         inArray = true;
                     }
                     else {
@@ -7257,11 +7257,11 @@
         }
         BannersService.prototype.getBanners = function (jurisdictionReferences) {
             var url = this.appConfig.getBannersUrl();
-            var headers = new i1$2.HttpHeaders()
+            var headers = new i1$3.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', BannersService.V2_MEDIATYPE_BANNERS)
                 .set('Content-Type', 'application/json');
-            var params = new i1$2.HttpParams();
+            var params = new i1$3.HttpParams();
             jurisdictionReferences.forEach(function (reference) { return params = params.append('ids', reference); });
             return this.httpService
                 .get(url, { params: params, headers: headers, observe: 'body' })
@@ -7353,7 +7353,7 @@
         }
         ProfileService.prototype.get = function () {
             var url = this.appConfig.getCaseDataUrl() + ProfileService.URL;
-            var headers = new i1$2.HttpHeaders()
+            var headers = new i1$3.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', ProfileService.V2_MEDIATYPE_USER_PROFILE)
                 .set('Content-Type', 'application/json');
@@ -7413,7 +7413,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$2.HttpParams();
+            var params = new i1$3.HttpParams();
             if (view) {
                 params = params.set('view', view);
             }
@@ -7563,7 +7563,7 @@
         SearchService.prototype.getSearchInputs = function (jurisdictionId, caseTypeId) {
             var _this = this;
             var url = this.getSearchInputUrl(caseTypeId);
-            var headers = new i1$2.HttpHeaders()
+            var headers = new i1$3.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', SearchService.V2_MEDIATYPE_SEARCH_INPUTS)
                 .set('Content-Type', 'application/json');
@@ -7679,7 +7679,7 @@
         WorkbasketInputFilterService.prototype.getWorkbasketInputs = function (jurisdictionId, caseTypeId) {
             var _this = this;
             var url = this.getWorkbasketInputUrl(caseTypeId);
-            var headers = new i1$2.HttpHeaders()
+            var headers = new i1$3.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', WorkbasketInputFilterService.V2_MEDIATYPE_WORKBASKET_INPUT_DETAILS)
                 .set('Content-Type', 'application/json');
@@ -8431,7 +8431,7 @@
         CasesService.prototype.getCaseViewV2 = function (caseId) {
             var _this = this;
             var url = this.appConfig.getCaseDataUrl() + "/internal/cases/" + caseId;
-            var headers = new i1$2.HttpHeaders()
+            var headers = new i1$3.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', CasesService.V2_MEDIATYPE_CASE_VIEW)
                 .set('Content-Type', 'application/json');
@@ -8447,7 +8447,7 @@
             var _this = this;
             ignoreWarning = undefined !== ignoreWarning ? ignoreWarning : 'false';
             var url = this.buildEventTriggerUrl(caseTypeId, eventTriggerId, caseId, ignoreWarning);
-            var headers = new i1$2.HttpHeaders();
+            var headers = new i1$3.HttpHeaders();
             headers = headers.set('experimental', 'true');
             headers = headers.set('Content-Type', 'application/json');
             if (Draft.isDraft(caseId)) {
@@ -8472,7 +8472,7 @@
             var _this = this;
             var caseId = caseDetails.case_id;
             var url = this.appConfig.getCaseDataUrl() + ("/cases/" + caseId + "/events");
-            var headers = new i1$2.HttpHeaders()
+            var headers = new i1$3.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', CasesService.V2_MEDIATYPE_CREATE_EVENT)
                 .set('Content-Type', 'application/json');
@@ -8488,7 +8488,7 @@
             var pageIdString = pageId ? '?pageId=' + pageId : '';
             var url = this.appConfig.getCaseDataUrl()
                 + ("/case-types/" + ctid + "/validate" + pageIdString);
-            var headers = new i1$2.HttpHeaders()
+            var headers = new i1$3.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', CasesService.V2_MEDIATYPE_CASE_DATA_VALIDATE)
                 .set('Content-Type', 'application/json');
@@ -8507,7 +8507,7 @@
             }
             var url = this.appConfig.getCaseDataUrl()
                 + ("/case-types/" + ctid + "/cases?ignore-warning=" + ignoreWarning);
-            var headers = new i1$2.HttpHeaders()
+            var headers = new i1$3.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', CasesService.V2_MEDIATYPE_CREATE_CASE)
                 .set('Content-Type', 'application/json');
@@ -8523,7 +8523,7 @@
             var url = this.appConfig.getCaseDataUrl()
                 + ("/cases/" + caseId)
                 + "/documents";
-            var headers = new i1$2.HttpHeaders()
+            var headers = new i1$3.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', CasesService.V2_MEDIATYPE_CASE_DOCUMENTS)
                 .set('Content-Type', 'application/json');
@@ -9308,9 +9308,9 @@
                 this.sessionStorageService.setItem('eventUrl', this.router.url);
             }
             this.form = this.fb.group({
-                data: new i2.FormGroup({}),
+                data: new i1$2.FormGroup({}),
                 event: this.fb.group({
-                    id: [this.eventTrigger.id, i2.Validators.required],
+                    id: [this.eventTrigger.id, i1$2.Validators.required],
                     summary: [''],
                     description: ['']
                 })
@@ -9376,7 +9376,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(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.ɵ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.ɵ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 +9391,7 @@
                         styleUrls: ['../case-edit.scss'],
                         providers: [GreyBarService]
                     }]
-            }], 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: [{
+            }], 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: [{
                     type: i0.Input
                 }], submit: [{
                     type: i0.Input
@@ -9474,7 +9474,7 @@
             this.caseEdit = caseEdit;
             this.router = router;
             this.triggerText = 'Close and Return to case details';
-            this.formGroup = new i2.FormControl();
+            this.formGroup = new i1$2.FormControl();
             this.eventTrigger = this.caseEdit.eventTrigger;
             this.editForm = this.caseEdit.form;
             this.caseFields = this.getCaseFields();
@@ -9721,7 +9721,7 @@
         };
         return SaveOrDiscardDialogComponent;
     }());
-    SaveOrDiscardDialogComponent.ɵfac = function SaveOrDiscardDialogComponent_Factory(t) { return new (t || SaveOrDiscardDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialogRef)); };
+    SaveOrDiscardDialogComponent.ɵfac = function SaveOrDiscardDialogComponent_Factory(t) { return new (t || SaveOrDiscardDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$4.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 +9762,11 @@
                         templateUrl: './save-or-discard-dialog.component.html',
                         styleUrls: ['../action-dialog.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$3.MatDialogRef }]; }, null);
+            }], function () { return [{ type: i1__namespace$4.MatDialogRef }]; }, null);
     })();
 
     function initDialog() {
-        var dialogConfig = new i1$3.MatDialogConfig();
+        var dialogConfig = new i1$4.MatDialogConfig();
         dialogConfig.disableClose = true;
         dialogConfig.autoFocus = true;
         dialogConfig.ariaLabel = 'Label';
@@ -10516,7 +10516,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$3.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$4.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 +10562,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$3.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$4.MatDialog }, { type: CaseFieldService }, { type: CaseEditDataService }]; }, null);
     })();
 
     var CallbackErrorsContext = /** @class */ (function () {
@@ -11579,16 +11579,16 @@
         function WriteAddressFieldComponent(addressesService, isCompoundPipe) {
             var _this = _super.call(this) || this;
             _this.isCompoundPipe = isCompoundPipe;
-            _this.addressFormGroup = new i2.FormGroup({});
+            _this.addressFormGroup = new i1$2.FormGroup({});
             _this.missingPostcode = false;
             _this.addressesService = addressesService;
             return _this;
         }
         WriteAddressFieldComponent.prototype.ngOnInit = function () {
             if (!this.isComplexWithHiddenFields()) {
-                this.postcode = new i2.FormControl('');
+                this.postcode = new i1$2.FormControl('');
                 this.addressFormGroup.addControl('postcode', this.postcode);
-                this.addressList = new i2.FormControl('');
+                this.addressList = new i1$2.FormControl('');
                 this.addressFormGroup.addControl('address', this.addressList);
             }
         };
@@ -11740,7 +11740,7 @@
         }
         AbstractFieldReadComponent.prototype.ngOnInit = function () {
             if (!this.caseField.metadata) {
-                this.registerControl(new i2.FormControl(this.caseField.value));
+                this.registerControl(new i1$2.FormControl(this.caseField.value));
             }
         };
         return AbstractFieldReadComponent;
@@ -12080,8 +12080,11 @@
 
     function ReadCaseFlagFieldComponent_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
+            var _r3_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelement(1, "ccd-case-flag-summary-list", 3);
+            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.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
@@ -12095,8 +12098,8 @@
             i0__namespace.ɵɵelement(0, "ccd-case-flag-table", 8);
         }
         if (rf & 2) {
-            var flagData_r4 = i0__namespace.ɵɵnextContext().$implicit;
-            i0__namespace.ɵɵproperty("tableCaption", flagData_r4.flags.partyName)("flagData", flagData_r4)("firstColumnHeader", "Party level flags");
+            var flagData_r6 = i0__namespace.ɵɵnextContext().$implicit;
+            i0__namespace.ɵɵproperty("tableCaption", flagData_r6.flags.partyName)("flagData", flagData_r6)("firstColumnHeader", "Party level flags");
         }
     }
     function ReadCaseFlagFieldComponent_ng_container_2_div_3_Template(rf, ctx) {
@@ -12106,9 +12109,9 @@
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var flagData_r4 = ctx.$implicit;
+            var flagData_r6 = ctx.$implicit;
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", flagData_r4.flags.partyName);
+            i0__namespace.ɵɵproperty("ngIf", flagData_r6.flags.partyName);
         }
     }
     function ReadCaseFlagFieldComponent_ng_container_2_div_4_Template(rf, ctx) {
@@ -12118,9 +12121,9 @@
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r3 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r5 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("tableCaption", "Case level flags")("flagData", ctx_r3.caseLevelCaseFlagData)("firstColumnHeader", "Case flags");
+            i0__namespace.ɵɵproperty("tableCaption", "Case level flags")("flagData", ctx_r5.caseLevelCaseFlagData)("firstColumnHeader", "Case flags");
         }
     }
     function ReadCaseFlagFieldComponent_ng_container_2_Template(rf, ctx) {
@@ -12143,9 +12146,10 @@
     }
     var ReadCaseFlagFieldComponent = /** @class */ (function (_super) {
         __extends(ReadCaseFlagFieldComponent, _super);
-        function ReadCaseFlagFieldComponent(route) {
+        function ReadCaseFlagFieldComponent(route, router) {
             var _this = _super.call(this) || this;
             _this.route = route;
+            _this.router = router;
             _this.paletteContext = exports.PaletteContext;
             _this.caseLevelCaseFlagsFieldId = 'caseFlags';
             _this.caseNameMissing = 'Case name missing';
@@ -12186,6 +12190,8 @@
                     // 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;
@@ -12220,10 +12226,18 @@
             }
             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)); };
-    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) {
+    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) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementContainerStart(0, 0);
                 i0__namespace.ɵɵtemplate(1, ReadCaseFlagFieldComponent_ng_container_1_Template, 2, 2, "ng-container", 1);
@@ -12244,7 +12258,24 @@
                         templateUrl: './read-case-flag-field.component.html',
                         styleUrls: ['./read-case-flag-field.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$1.ActivatedRoute }]; }, null);
+            }], 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 WriteCaseFlagFieldComponent_div_0_div_3_Template(rf, ctx) {
@@ -12324,7 +12355,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.listOfValues)("flagCode", ctx_r9.flagCode);
+            i0__namespace.ɵɵproperty("formGroup", ctx_r9.caseFlagParentFormGroup)("languages", ctx_r9.flagType.listOfValues)("flagCode", ctx_r9.flagType.flagCode);
         }
     }
     function WriteCaseFlagFieldComponent_div_1_ng_container_7_Template(rf, ctx) {
@@ -12428,15 +12459,15 @@
     }
     var WriteCaseFlagFieldComponent = /** @class */ (function (_super) {
         __extends(WriteCaseFlagFieldComponent, _super);
-        function WriteCaseFlagFieldComponent(route, caseEditDataService) {
+        function WriteCaseFlagFieldComponent(route, caseEditDataService, location, caseFlagStateService) {
             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
@@ -12444,8 +12475,29 @@
             _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
@@ -12454,7 +12506,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 i2.FormGroup({}, {
+            this.formGroup = this.registerControl(new i1$2.FormGroup({}, {
                 validators: function (_) {
                     if (!_this.allCaseFlagStagesCompleted) {
                         // Return an error to mark the FormGroup as invalid if not all Case Flag stages have been completed
@@ -12479,12 +12531,17 @@
                 // Set boolean indicating the display_context_parameter is "update"
                 this.isDisplayContextParameterUpdate =
                     this.setDisplayContextParameterUpdate((this.route.snapshot.data.eventTrigger.case_fields));
-                // Set starting field state
-                this.fieldState = this.isDisplayContextParameterUpdate ? exports.CaseFlagFieldState.FLAG_MANAGE_CASE_FLAGS : exports.CaseFlagFieldState.FLAG_LOCATION;
+                // 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'];
+                }
                 // Get case title, to be used by child components
-                this.caseEditDataService.caseTitle$.subscribe({
+                this.caseTitleSubscription = this.caseEditDataService.caseTitle$.subscribe({
                     next: function (title) {
-                        _this.caseTitle = title.length > 0 ? title : _this.caseNameMissing;
+                        _this.caseTitle = (title === null || title === void 0 ? void 0 : title.length) > 0 ? title : _this.caseNameMissing;
                     }
                 });
             }
@@ -12495,31 +12552,6 @@
         };
         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")
@@ -12539,11 +12571,12 @@
             }
         };
         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 && !this.listOfValues) {
+                if (this.fieldState === exports.CaseFlagFieldState.FLAG_TYPE && !((_a = this.flagType) === null || _a === void 0 ? void 0 : _a.listOfValues)) {
                     this.fieldState = exports.CaseFlagFieldState.FLAG_COMMENTS;
                 }
                 else {
@@ -12583,10 +12616,11 @@
                     }
                 }
             });
-            var flagsCaseFieldValue = this.selectedFlagsLocation.caseField.value;
+            var path = this.selectedFlagsLocation.pathToFlagsFormGroup;
+            var flagDataRef = this.flagsData.find(function (item) { return item.pathToFlagsFormGroup === path; });
+            var flagsCaseFieldValue = flagDataRef.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]; });
@@ -12594,8 +12628,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) {
-                this.selectedFlagsLocation.caseField.value = {};
-                flagsCaseFieldValue = this.selectedFlagsLocation.caseField.value;
+                flagDataRef.caseField.value = {};
+                flagsCaseFieldValue = flagDataRef.caseField.value;
             }
             // Create a details array if one does not exist
             if (!flagsCaseFieldValue.hasOwnProperty('details')) {
@@ -12677,38 +12711,22 @@
         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: this.flagName,
+                name: (_b = formValues === null || formValues === void 0 ? void 0 : formValues.flagType) === null || _b === void 0 ? void 0 : _b.name,
                 // Currently, subTypeValue and subTypeKey are applicable only to language flag types
-                subTypeValue: this.caseFlagParentFormGroup.value.languageSearchTerm
-                    ? this.caseFlagParentFormGroup.value.languageSearchTerm.value
-                    : this.caseFlagParentFormGroup.value.manualLanguageEntry
-                        ? this.caseFlagParentFormGroup.value.manualLanguageEntry
-                        : null,
+                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,
                 // For user-entered (i.e. non-Reference Data) languages, there is no key
-                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,
+                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,
                 dateTimeCreated: new Date().toISOString(),
-                path: this.flagPath,
-                hearingRelevant: this.hearingRelevantFlag ? 'Yes' : 'No',
-                flagCode: this.flagCode,
+                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,
                 status: exports.CaseFlagStatus.ACTIVE
             };
         };
@@ -12719,9 +12737,13 @@
             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)); };
+    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.ɵ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);
@@ -12744,7 +12766,7 @@
                         templateUrl: './write-case-flag-field.component.html',
                         styleUrls: ['./write-case-flag-field.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: CaseEditDataService }]; }, null);
+            }], function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: CaseEditDataService }, { type: i1__namespace.Location }, { type: CaseFlagStateService }]; }, null);
     })();
 
     function ReadCaseLinkFieldComponent_a_0_Template(rf, ctx) {
@@ -12841,13 +12863,13 @@
         WriteCaseLinkFieldComponent.prototype.ngOnInit = function () {
             var e_1, _a;
             if (this.caseField.value) {
-                this.caseLinkGroup = this.registerControl(new i2.FormGroup({
-                    CaseReference: new i2.FormControl(this.caseField.value.CaseReference, i2.Validators.required),
+                this.caseLinkGroup = this.registerControl(new i1$2.FormGroup({
+                    CaseReference: new i1$2.FormControl(this.caseField.value.CaseReference, i1$2.Validators.required),
                 }), true);
             }
             else {
-                this.caseLinkGroup = this.registerControl(new i2.FormGroup({
-                    CaseReference: new i2.FormControl(null, i2.Validators.required),
+                this.caseLinkGroup = this.registerControl(new i1$2.FormGroup({
+                    CaseReference: new i1$2.FormControl(null, i1$2.Validators.required),
                 }), true);
             }
             this.caseReferenceControl = this.caseLinkGroup.controls['CaseReference'];
@@ -12928,7 +12950,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("id", ctx.id())("formControl", ctx.caseReferenceControl);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteCaseLinkFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteCaseLinkFieldComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteCaseLinkFieldComponent, [{
@@ -13065,7 +13087,7 @@
         };
         return RemoveDialogComponent;
     }());
-    RemoveDialogComponent.ɵfac = function RemoveDialogComponent_Factory(t) { return new (t || RemoveDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialogRef)); };
+    RemoveDialogComponent.ɵfac = function RemoveDialogComponent_Factory(t) { return new (t || RemoveDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$4.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");
@@ -13106,7 +13128,7 @@
                         templateUrl: './remove-dialog.component.html',
                         styleUrls: ['../action-dialog.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$3.MatDialogRef }]; }, null);
+            }], function () { return [{ type: i1__namespace$4.MatDialogRef }]; }, null);
     })();
 
     var _c0$L = ["collectionItem"];
@@ -13230,7 +13252,7 @@
                 this.profileSubscription = this.profileNotifier.profile.subscribe(function (_) { return _this.profile = _; });
             }
             this.caseField.value = this.caseField.value || [];
-            this.formArray = this.registerControl(new i2.FormArray([]), true);
+            this.formArray = this.registerControl(new i1$2.FormArray([]), true);
             this.formArray['caseField'] = this.caseField;
             this.caseField.value.forEach(function (item, index) {
                 var prefix = _this.buildIdPrefix(index);
@@ -13268,13 +13290,13 @@
                 group = this.formArray.at(index);
             }
             else {
-                group = new i2.FormGroup({});
+                group = new i1$2.FormGroup({});
             }
             var value;
             if (this.isCollectionOfSimpleType(this.caseField)) {
                 value = group.get('value');
                 if (!value) {
-                    value = new i2.FormControl(item.value);
+                    value = new i1$2.FormControl(item.value);
                     // Now add the value FormControl to the outer group.
                     group.addControl('value', value);
                 }
@@ -13282,7 +13304,7 @@
             else {
                 value = group.get('value');
                 if (!value) {
-                    value = new i2.FormGroup({});
+                    value = new i1$2.FormGroup({});
                     try {
                         for (var _b = __values(Object.keys(group.controls)), _c = _b.next(); !_c.done; _c = _b.next()) {
                             var key = _c.value;
@@ -13308,7 +13330,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 i2.FormControl(item.id);
+                id = new i1$2.FormControl(item.id);
                 group.addControl('id', id);
             }
             /**
@@ -13324,7 +13346,7 @@
             }
             // Now set up the CaseField and validation.
             var cfid;
-            if (value instanceof i2.FormControl) {
+            if (value instanceof i1$2.FormControl) {
                 cfid = 'value';
             }
             else {
@@ -13395,7 +13417,7 @@
         };
         WriteCollectionFieldComponent.prototype.getContainer = function (index) {
             var value = this.formArray.at(index).get('value');
-            if (value instanceof i2.FormGroup) {
+            if (value instanceof i1$2.FormGroup) {
                 return value;
             }
             else {
@@ -13485,7 +13507,7 @@
         };
         WriteCollectionFieldComponent.prototype.openModal = function (i) {
             var _this = this;
-            var dialogConfig = new i1$3.MatDialogConfig();
+            var dialogConfig = new i1$4.MatDialogConfig();
             dialogConfig.disableClose = true;
             dialogConfig.autoFocus = true;
             dialogConfig.ariaLabel = 'Label';
@@ -13519,7 +13541,7 @@
         };
         return WriteCollectionFieldComponent;
     }(AbstractFieldWriteComponent));
-    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.ɵ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.ɵ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);
@@ -13568,7 +13590,7 @@
                         templateUrl: './write-collection-field.html',
                         styleUrls: ['./collection-field.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$3.MatDialog }, { type: i2__namespace$1.ScrollToService }, { type: ProfileNotifier }]; }, { caseFields: [{
+            }], function () { return [{ type: i1__namespace$4.MatDialog }, { type: i2__namespace.ScrollToService }, { type: ProfileNotifier }]; }, { caseFields: [{
                     type: i0.Input
                 }], formGroup: [{
                     type: i0.Input
@@ -13731,7 +13753,7 @@
             _this.caseFields = [];
             _this.renderLabel = true;
             _this.ignoreMandatory = false;
-            _this.complexGroup = new i2.FormGroup({});
+            _this.complexGroup = new i1$2.FormGroup({});
             return _this;
         }
         WriteComplexFieldComponent.prototype.ngOnInit = function () {
@@ -13752,7 +13774,7 @@
             var e_1, _a;
             var control = this.complexGroup.get(caseField.id);
             if (!control) {
-                control = new i2.FormControl(caseField.value);
+                control = new i1$2.FormControl(caseField.value);
                 this.complexGroup.addControl(caseField.id, control);
             }
             // Add validators for addresses, if appropriate.
@@ -14047,7 +14069,7 @@
         };
         return DocumentDialogComponent;
     }());
-    DocumentDialogComponent.ɵfac = function DocumentDialogComponent_Factory(t) { return new (t || DocumentDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialogRef)); };
+    DocumentDialogComponent.ɵfac = function DocumentDialogComponent_Factory(t) { return new (t || DocumentDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$4.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");
@@ -14088,7 +14110,7 @@
                         templateUrl: './document-dialog.component.html',
                         styleUrls: ['../action-dialog.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$3.MatDialogRef }]; }, null);
+            }], function () { return [{ type: i1__namespace$4.MatDialogRef }]; }, null);
     })();
 
     var FileUploadStateService = /** @class */ (function () {
@@ -14319,21 +14341,21 @@
         };
         WriteDocumentFieldComponent.prototype.createDocumentFormWithValidator = function (document) {
             var documentFormGroup = {
-                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)
+                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)
             };
-            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);
+            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);
         };
         WriteDocumentFieldComponent.prototype.createDocumentForm = function (document) {
             var documentFormGroup = {
-                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)
+                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)
             };
-            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);
+            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);
         };
         WriteDocumentFieldComponent.prototype.getErrorMessage = function (error) {
             // Document Management unavailable
@@ -14401,7 +14423,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$3.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$4.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);
@@ -14475,7 +14497,7 @@
                         selector: 'ccd-write-document-field',
                         templateUrl: './write-document-field.html'
                     }]
-            }], function () { return [{ type: AbstractAppConfig }, { type: CaseNotifier }, { type: DocumentManagementService }, { type: i1__namespace$3.MatDialog }, { type: FileUploadStateService }]; }, { fileInput: [{
+            }], function () { return [{ type: AbstractAppConfig }, { type: CaseNotifier }, { type: DocumentManagementService }, { type: i1__namespace$4.MatDialog }, { type: FileUploadStateService }]; }, { fileInput: [{
                     type: i0.ViewChild,
                     args: ['fileInput', { static: false }]
                 }], clickout: [{
@@ -14629,7 +14651,7 @@
             if (isNull || typeof this.caseField.value === 'object') {
                 this.caseField.value = null;
             }
-            this.dynamicListFormControl = this.registerControl(new i2.FormControl(this.caseField.value));
+            this.dynamicListFormControl = this.registerControl(new i1$2.FormControl(this.caseField.value));
             this.dynamicListFormControl.setValue(this.caseField.value);
         };
         return WriteDynamicListFieldComponent;
@@ -14671,7 +14693,7 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngForOf", ctx.caseField.list_items);
             }
-        }, 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 });
+        }, 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 });
     var ɵWriteDynamicListFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteDynamicListFieldComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteDynamicListFieldComponent, [{
@@ -14847,7 +14869,7 @@
             if (isNull || typeof this.caseField.value === 'object') {
                 this.caseField.value = [];
             }
-            this.dynamicRadioListControl = this.registerControl(new i2.FormControl(this.caseField.value));
+            this.dynamicRadioListControl = this.registerControl(new i1$2.FormControl(this.caseField.value));
             this.dynamicRadioListControl.setValue(this.caseField.value);
         };
         WriteDynamicRadioListFieldComponent.prototype.buildElementId = function (name) {
@@ -14888,7 +14910,7 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngForOf", ctx.caseField.list_items);
             }
-        }, 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 });
+        }, 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 });
     var ɵWriteDynamicRadioListFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteDynamicRadioListFieldComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteDynamicRadioListFieldComponent, [{
@@ -14989,7 +15011,7 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         WriteEmailFieldComponent.prototype.ngOnInit = function () {
-            this.emailControl = this.registerControl(new i2.FormControl(this.caseField.value));
+            this.emailControl = this.registerControl(new i1$2.FormControl(this.caseField.value));
         };
         return WriteEmailFieldComponent;
     }(AbstractFieldWriteComponent));
@@ -15018,7 +15040,7 @@
                 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);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteEmailFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteEmailFieldComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteEmailFieldComponent, [{
@@ -15164,7 +15186,7 @@
             if (isNull) {
                 this.caseField.value = null;
             }
-            this.fixedListFormControl = this.registerControl(new i2.FormControl(this.caseField.value));
+            this.fixedListFormControl = this.registerControl(new i1$2.FormControl(this.caseField.value));
             this.fixedListFormControl.setValue(this.caseField.value);
         };
         return WriteFixedListFieldComponent;
@@ -15203,7 +15225,7 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngForOf", ctx.listItems);
             }
-        }, 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 });
+        }, 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 });
     var ɵWriteFixedListFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteFixedListFieldComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteFixedListFieldComponent, [{
@@ -15335,7 +15357,7 @@
         }
         WriteFixedRadioListFieldComponent.prototype.ngOnInit = function () {
             var notEmpty = this.caseField.value !== null && this.caseField.value !== undefined;
-            this.fixedRadioListControl = this.registerControl(new i2.FormControl(notEmpty ? this.caseField.value : null));
+            this.fixedRadioListControl = this.registerControl(new i1$2.FormControl(notEmpty ? this.caseField.value : null));
         };
         return WriteFixedRadioListFieldComponent;
     }(AbstractFieldWriteComponent));
@@ -15370,7 +15392,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, i2__namespace.RadioControlValueAccessor, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, 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 });
     var ɵWriteFixedRadioListFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteFixedRadioListFieldComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteFixedRadioListFieldComponent, [{
@@ -15530,10 +15552,10 @@
         WriteJudicialUserFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.jurisdictionId = this.route.snapshot.params[this.JURISDICTION_ID];
-            this.judicialUserFormGroup = this.registerControl(new i2.FormGroup({}), true);
-            this.idamIdFormControl = new i2.FormControl('');
+            this.judicialUserFormGroup = this.registerControl(new i1$2.FormGroup({}), true);
+            this.idamIdFormControl = new i1$2.FormControl('');
             this.judicialUserFormGroup.addControl(this.IDAM_ID, this.idamIdFormControl);
-            this.personalCodeFormControl = new i2.FormControl('');
+            this.personalCodeFormControl = new i1$2.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;
@@ -15584,7 +15606,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", !(ctx.filteredJudicialUsers == null ? null : ctx.filteredJudicialUsers.length) && ctx.showAutocomplete);
             }
-        }, 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}"] });
+        }, 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}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteJudicialUserFieldComponent, [{
                 type: i0.Component,
@@ -15659,7 +15681,7 @@
                 this.value = this.amount;
             }
             else if (this.caseField) {
-                this.registerControl(new i2.FormControl(this.caseField.value));
+                this.registerControl(new i1$2.FormControl(this.caseField.value));
                 this.value = this.caseField.value;
             }
         };
@@ -15760,12 +15782,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: i2.NG_VALUE_ACCESSOR,
+                    provide: i1$2.NG_VALUE_ACCESSOR,
                     useExisting: i0.forwardRef(function () { return MoneyGbpInputComponent; }),
                     multi: true,
                 },
                 {
-                    provide: i2.NG_VALIDATORS,
+                    provide: i1$2.NG_VALIDATORS,
                     useExisting: i0.forwardRef(function () { return MoneyGbpInputComponent; }),
                     multi: true,
                 }
@@ -15787,12 +15809,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: i2.NG_VALUE_ACCESSOR,
+                                provide: i1$2.NG_VALUE_ACCESSOR,
                                 useExisting: i0.forwardRef(function () { return MoneyGbpInputComponent; }),
                                 multi: true,
                             },
                             {
-                                provide: i2.NG_VALIDATORS,
+                                provide: i1$2.NG_VALIDATORS,
                                 useExisting: i0.forwardRef(function () { return MoneyGbpInputComponent; }),
                                 multi: true,
                             }
@@ -15854,7 +15876,7 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         WriteMoneyGbpFieldComponent.prototype.ngOnInit = function () {
-            this.moneyGbpControl = this.registerControl(new i2.FormControl(this.caseField.value));
+            this.moneyGbpControl = this.registerControl(new i1$2.FormControl(this.caseField.value));
         };
         return WriteMoneyGbpFieldComponent;
     }(AbstractFieldWriteComponent));
@@ -15889,7 +15911,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, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [IsMandatoryPipe, FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, MoneyGbpInputComponent, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [IsMandatoryPipe, FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteMoneyGbpFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteMoneyGbpFieldComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteMoneyGbpFieldComponent, [{
@@ -16033,12 +16055,12 @@
         }
         WriteMultiSelectListFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this.checkboxes = new i2.FormArray([]);
+            this.checkboxes = new i1$2.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 i2.FormControl(value));
+                    _this.checkboxes.push(new i1$2.FormControl(value));
                 });
             }
             this.registerControl(this.checkboxes, true);
@@ -16046,7 +16068,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 i2.FormControl(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.removeAt(0);
                 }
             }
@@ -16055,7 +16077,7 @@
             var _this = this;
             if (!this.isSelected(event.target.value)) {
                 // Add a new control in the FormArray
-                this.checkboxes.push(new i2.FormControl(event.target.value));
+                this.checkboxes.push(new i1$2.FormControl(event.target.value));
             }
             else {
                 // Remove the control form the FormArray
@@ -16188,7 +16210,7 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         WriteNumberFieldComponent.prototype.ngOnInit = function () {
-            this.numberControl = this.registerControl(new i2.FormControl(this.caseField.value));
+            this.numberControl = this.registerControl(new i1$2.FormControl(this.caseField.value));
         };
         return WriteNumberFieldComponent;
     }(AbstractFieldWriteComponent));
@@ -16217,7 +16239,7 @@
                 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);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.NumberValueAccessor, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, 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 });
     var ɵWriteNumberFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteNumberFieldComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteNumberFieldComponent, [{
@@ -16319,24 +16341,24 @@
         */
         WriteOrderSummaryFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
-            var orderSummaryGroup = this.registerControl(new i2.FormGroup({}), true);
-            var paymentReference = new i2.FormControl(this.caseField.value.PaymentReference);
+            var orderSummaryGroup = this.registerControl(new i1$2.FormGroup({}), true);
+            var paymentReference = new i1$2.FormControl(this.caseField.value.PaymentReference);
             orderSummaryGroup.addControl('PaymentReference', paymentReference);
-            var paymentTotal = new i2.FormControl(this.caseField.value.PaymentTotal);
+            var paymentTotal = new i1$2.FormControl(this.caseField.value.PaymentTotal);
             orderSummaryGroup.addControl('PaymentTotal', paymentTotal);
-            var feesArray = new i2.FormArray([]);
+            var feesArray = new i1$2.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 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({});
+            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({});
             feeValueGroup.addControl('value', feeGroup);
             return feeValueGroup;
         };
@@ -16640,10 +16662,10 @@
             var e_1, _a;
             var _this = this;
             this.organisations$ = this.organisationService.getActiveOrganisations();
-            this.searchOrgTextFormControl = new i2.FormControl('');
+            this.searchOrgTextFormControl = new i1$2.FormControl('');
             this.searchOrgValue$ = this.searchOrgTextFormControl.valueChanges;
             this.searchOrgValue$.subscribe(function (value) { return _this.onSearchOrg(value); });
-            this.organisationFormGroup = this.registerControl(new i2.FormGroup({}), true);
+            this.organisationFormGroup = this.registerControl(new i1$2.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()
@@ -16759,10 +16781,10 @@
             this.selectedOrg$ = rxjs.of(WriteOrganisationFieldComponent.EMPTY_SIMPLE_ORG);
         };
         WriteOrganisationFieldComponent.prototype.instantiateOrganisationFormGroup = function (orgIDState, orgNameState) {
-            this.organisationIDFormControl = new i2.FormControl(orgIDState);
+            this.organisationIDFormControl = new i1$2.FormControl(orgIDState);
             this.addOrganisationValidators(this.caseField, this.organisationIDFormControl);
             this.organisationFormGroup.addControl(WriteOrganisationFieldComponent.ORGANISATION_ID, this.organisationIDFormControl);
-            this.organisationNameFormControl = new i2.FormControl(orgNameState);
+            this.organisationNameFormControl = new i1$2.FormControl(orgNameState);
             this.organisationFormGroup.addControl(WriteOrganisationFieldComponent.ORGANISATION_NAME, this.organisationNameFormControl);
         };
         WriteOrganisationFieldComponent.prototype.addOrganisationValidators = function (caseField, control) {
@@ -17002,7 +17024,7 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         WritePhoneUKFieldComponent.prototype.ngOnInit = function () {
-            this.phoneUkControl = this.registerControl(new i2.FormControl(this.caseField.value));
+            this.phoneUkControl = this.registerControl(new i1$2.FormControl(this.caseField.value));
         };
         return WritePhoneUKFieldComponent;
     }(AbstractFieldWriteComponent));
@@ -17031,7 +17053,7 @@
                 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);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWritePhoneUKFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WritePhoneUKFieldComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WritePhoneUKFieldComponent, [{
@@ -17121,7 +17143,7 @@
             return _this;
         }
         WriteTextAreaFieldComponent.prototype.ngOnInit = function () {
-            this.textareaControl = this.registerControl(new i2.FormControl(this.caseField.value));
+            this.textareaControl = this.registerControl(new i1$2.FormControl(this.caseField.value));
         };
         WriteTextAreaFieldComponent.prototype.autoGrow = function (event) {
             if (this.browserService.isIEOrEdge()) {
@@ -17159,7 +17181,7 @@
                 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);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteTextAreaFieldComponent, [{
                 type: i0.Component,
@@ -17247,7 +17269,7 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         WriteTextFieldComponent.prototype.ngOnInit = function () {
-            this.textControl = this.registerControl(new i2.FormControl(this.caseField.value));
+            this.textControl = this.registerControl(new i1$2.FormControl(this.caseField.value));
         };
         WriteTextFieldComponent.prototype.onBlur = function ($event) {
             $event.target.value = $event.target.value.trim();
@@ -17281,7 +17303,7 @@
                 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);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteTextFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteTextFieldComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteTextFieldComponent, [{
@@ -17510,7 +17532,7 @@
             return _this;
         }
         WriteYesNoFieldComponent.prototype.ngOnInit = function () {
-            this.yesNoControl = this.registerControl(new i2.FormControl(this.yesNoService.format(this.caseField.value)));
+            this.yesNoControl = this.registerControl(new i1$2.FormControl(this.yesNoService.format(this.caseField.value)));
         };
         return WriteYesNoFieldComponent;
     }(AbstractFieldWriteComponent));
@@ -17543,7 +17565,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngForOf", ctx.yesNoValues);
             }
-        }, 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 });
+        }, 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 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteYesNoFieldComponent, [{
                 type: i0.Component,
@@ -17654,7 +17676,7 @@
             _this.resolver = resolver;
             _this.paletteService = paletteService;
             _this.withLabel = false;
-            _this.formGroup = new i2.FormGroup({});
+            _this.formGroup = new i1$2.FormGroup({});
             _this.caseFields = [];
             return _this;
         }
@@ -18065,7 +18087,7 @@
         };
         return CaseFileViewFolderSelectorComponent;
     }());
-    CaseFileViewFolderSelectorComponent.ɵfac = function CaseFileViewFolderSelectorComponent_Factory(t) { return new (t || CaseFileViewFolderSelectorComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialogRef), i0__namespace.ɵɵdirectiveInject(i1$3.MAT_DIALOG_DATA)); };
+    CaseFileViewFolderSelectorComponent.ɵ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.ɵ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);
@@ -18109,9 +18131,9 @@
                         encapsulation: i0.ViewEncapsulation.None
                     }]
             }], function () {
-            return [{ type: i1__namespace$3.MatDialogRef }, { type: undefined, decorators: [{
+            return [{ type: i1__namespace$4.MatDialogRef }, { type: undefined, decorators: [{
                             type: i0.Inject,
-                            args: [i1$3.MAT_DIALOG_DATA]
+                            args: [i1$4.MAT_DIALOG_DATA]
                         }] }];
         }, null);
     })();
@@ -18210,7 +18232,7 @@
                 i0__namespace.ɵɵadvance(4);
                 i0__namespace.ɵɵproperty("cdkConnectedOverlayOrigin", _r0)("cdkConnectedOverlayOpen", ctx.isOpen)("cdkConnectedOverlayHasBackdrop", true)("cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop");
             }
-        }, 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:-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$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}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewOverlayMenuComponent, [{
                 type: i0.Component,
@@ -18582,8 +18604,8 @@
         });
         CaseFileViewFolderComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this.documentFilterFormGroup = new i2.FormGroup({});
-            this.documentSearchFormControl = new i2.FormControl('');
+            this.documentFilterFormGroup = new i1$2.FormGroup({});
+            this.documentSearchFormControl = new i1$2.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) {
@@ -18766,7 +18788,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$3.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$4.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);
@@ -18794,7 +18816,7 @@
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.documentTreeData);
             }
-        }, 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}"] });
+        }, 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}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFolderComponent, [{
                 type: i0.Component,
@@ -18803,7 +18825,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$3.MatDialog }]; }, { categoriesAndDocuments: [{
+            }], function () { return [{ type: WindowService }, { type: i1__namespace$1.Router }, { type: DocumentManagementService }, { type: i1__namespace$4.MatDialog }]; }, { categoriesAndDocuments: [{
                     type: i0.Input
                 }], allowMoving: [{
                     type: i0.Input
@@ -18997,96 +19019,187 @@
                 }] });
     })();
 
-    function SelectFlagTypeComponent_div_6_Template(rf, ctx) {
+    /**
+     * 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) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 10);
-            i0__namespace.ɵɵelementStart(1, "span", 11);
+            i0__namespace.ɵɵelementStart(0, "div", 11);
+            i0__namespace.ɵɵelementStart(1, "span", 12);
             i0__namespace.ɵɵtext(2, "Error:");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            var ctx_r1 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.flagTypeNotSelectedErrorMessage, " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.flagTypeNotSelectedErrorMessage, " ");
         }
     }
-    function SelectFlagTypeComponent_div_8_Template(rf, ctx) {
+    function SelectFlagTypeComponent_div_0_div_8_Template(rf, ctx) {
         if (rf & 1) {
-            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.ɵɵelementStart(0, "div", 13);
+            i0__namespace.ɵɵelement(1, "input", 14);
+            i0__namespace.ɵɵelementStart(2, "label", 15);
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var flagType_r4 = ctx.$implicit;
-            var i_r5 = ctx.index;
-            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            var flagType_r5 = ctx.$implicit;
+            var i_r6 = ctx.index;
+            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            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.ɵɵpropertyInterpolate1("id", "flag-type-", i_r6, "");
+            i0__namespace.ɵɵproperty("name", ctx_r2.flagTypeControlName)("value", flagType_r5)("formControlName", ctx_r2.flagTypeControlName);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵpropertyInterpolate1("for", "flag-type-", i_r5, "");
+            i0__namespace.ɵɵpropertyInterpolate1("for", "flag-type-", i_r6, "");
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(flagType_r4.name);
+            i0__namespace.ɵɵtextInterpolate(flagType_r5.name);
         }
     }
-    function SelectFlagTypeComponent_div_9_div_4_Template(rf, ctx) {
+    function SelectFlagTypeComponent_div_0_div_9_div_4_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 19);
-            i0__namespace.ɵɵelementStart(1, "span", 11);
+            i0__namespace.ɵɵelementStart(0, "div", 20);
+            i0__namespace.ɵɵelementStart(1, "span", 12);
             i0__namespace.ɵɵtext(2, "Error:");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r8 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r7 = i0__namespace.ɵɵnextContext(3);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r8.flagTypeErrorMessage, " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r7.flagTypeErrorMessage, " ");
         }
     }
     var _c0$q = function (a0) { return { "form-group-error": a0 }; };
     var _c1$6 = function (a0) { return { "govuk-input--error": a0 }; };
-    function SelectFlagTypeComponent_div_9_Template(rf, ctx) {
+    function SelectFlagTypeComponent_div_0_div_9_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 15);
-            i0__namespace.ɵɵelementStart(1, "div", 1);
-            i0__namespace.ɵɵelementStart(2, "label", 16);
+            i0__namespace.ɵɵelementStart(0, "div", 16);
+            i0__namespace.ɵɵelementStart(1, "div", 2);
+            i0__namespace.ɵɵelementStart(2, "label", 17);
             i0__namespace.ɵɵtext(3, "Enter a flag type");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(4, SelectFlagTypeComponent_div_9_div_4_Template, 4, 1, "div", 17);
-            i0__namespace.ɵɵelement(5, "input", 18);
+            i0__namespace.ɵɵtemplate(4, SelectFlagTypeComponent_div_0_div_9_div_4_Template, 4, 1, "div", 18);
+            i0__namespace.ɵɵelement(5, "input", 19);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r2 = i0__namespace.ɵɵnextContext();
+            var ctx_r3 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$q, ctx_r2.flagTypeErrorMessage.length > 0));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$q, ctx_r3.flagTypeErrorMessage.length > 0));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r2.flagTypeErrorMessage.length > 0);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r3.flagTypeErrorMessage.length > 0);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$6, ctx_r2.flagTypeErrorMessage.length > 0))("name", ctx_r2.descriptionControlName)("formControlName", ctx_r2.descriptionControlName);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$6, ctx_r3.flagTypeErrorMessage.length > 0))("name", ctx_r3.descriptionControlName)("formControlName", ctx_r3.descriptionControlName);
         }
     }
-    function SelectFlagTypeComponent_div_10_Template(rf, ctx) {
+    function SelectFlagTypeComponent_div_0_div_10_Template(rf, ctx) {
         if (rf & 1) {
-            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(); });
+            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(); });
             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;
@@ -19094,7 +19207,6 @@
             this.flagCommentsOptionalEmitter = new i0.EventEmitter();
             this.flagTypeNotSelectedErrorMessage = '';
             this.flagTypeErrorMessage = '';
-            this.otherFlagTypeSelected = false;
             this.refdataError = false;
             this.flagTypeControlName = 'flagType';
             this.descriptionControlName = 'otherFlagTypeDescription';
@@ -19110,16 +19222,48 @@
             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(
@@ -19132,6 +19276,15 @@
                 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);
@@ -19139,16 +19292,14 @@
             });
         };
         SelectFlagTypeComponent.prototype.ngOnDestroy = function () {
+            var _a;
             if (this.flagRefdata$) {
                 this.flagRefdata$.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;
+            (_a = this.flagTypeControlChangesSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
         };
         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,
@@ -19157,14 +19308,6 @@
                 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) {
@@ -19173,8 +19316,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;
-                this.formGroup.get(this.flagTypeControlName).setValue('');
-                this.selectedFlagType = null;
+                (_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 });
             }
         };
         SelectFlagTypeComponent.prototype.validateForm = function () {
@@ -19208,42 +19351,14 @@
         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: 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) {
+    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) {
             if (rf & 1) {
-                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();
+                i0__namespace.ɵɵtemplate(0, SelectFlagTypeComponent_div_0_Template, 11, 9, "div", 0);
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$q, ctx.flagTypeNotSelectedErrorMessage.length > 0));
-                i0__namespace.ɵɵ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);
+                i0__namespace.ɵɵproperty("ngIf", ctx.flagTypes == null ? null : ctx.flagTypes.length);
             }
-        }, 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}"] });
+        }, 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}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SelectFlagTypeComponent, [{
                 type: i0.Component,
@@ -19368,15 +19483,14 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", ctx_r5.languageCharLimitErrorMessage);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("name", ctx_r5.manualLanguageEntryControlName)("formControlName", ctx_r5.manualLanguageEntryControlName);
+            i0__namespace.ɵɵproperty("name", ctx_r5.SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY)("formControlName", ctx_r5.SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY);
         }
     }
     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 = [];
@@ -19403,9 +19517,9 @@
             this.searchLanguageInterpreterHint = this.flagCode === this.signLanguageFlagCode
                 ? exports.SearchLanguageInterpreterStep.SIGN_HINT_TEXT
                 : exports.SearchLanguageInterpreterStep.HINT_TEXT;
-            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(
+            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(
             // 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) {
@@ -19428,7 +19542,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(this.manualLanguageEntryControlName).setValue(null);
+                this.formGroup.get(SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY).setValue(null);
             }
         };
         SearchLanguageInterpreterComponent.prototype.displayLanguage = function (language) {
@@ -19441,39 +19555,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(this.languageSearchTermControlName).value) {
+            if (!this.isCheckboxEnabled && !this.formGroup.get(SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM).value) {
                 this.languageNotSelectedErrorMessage = exports.SearchLanguageInterpreterErrorMessage.LANGUAGE_NOT_ENTERED;
                 this.errorMessages.push({
                     title: '',
                     description: exports.SearchLanguageInterpreterErrorMessage.LANGUAGE_NOT_ENTERED,
-                    fieldId: this.languageSearchTermControlName
+                    fieldId: SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM
                 });
             }
             // Checkbox enabled means the user has opted to enter the language manually
             if (this.isCheckboxEnabled) {
-                if (!this.formGroup.get(this.manualLanguageEntryControlName).value) {
+                if (!this.formGroup.get(SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY).value) {
                     this.languageNotEnteredErrorMessage = exports.SearchLanguageInterpreterErrorMessage.LANGUAGE_NOT_ENTERED;
                     this.errorMessages.push({
                         title: '',
                         description: exports.SearchLanguageInterpreterErrorMessage.LANGUAGE_NOT_ENTERED,
-                        fieldId: this.manualLanguageEntryControlName
+                        fieldId: SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY
                     });
                 }
-                else if (this.formGroup.get(this.manualLanguageEntryControlName).value.length > this.languageMaxCharLimit) {
+                else if (this.formGroup.get(SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY).value.length > this.languageMaxCharLimit) {
                     this.languageCharLimitErrorMessage = exports.SearchLanguageInterpreterErrorMessage.LANGUAGE_CHAR_LIMIT_EXCEEDED;
                     this.errorMessages.push({
                         title: '',
                         description: exports.SearchLanguageInterpreterErrorMessage.LANGUAGE_CHAR_LIMIT_EXCEEDED,
-                        fieldId: this.manualLanguageEntryControlName
+                        fieldId: SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY
                     });
                 }
-                else if (this.formGroup.get(this.languageSearchTermControlName).value) {
+                else if (this.formGroup.get(SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM).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: this.languageSearchTermControlName
+                        fieldId: SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM
                     });
                 }
             }
@@ -19537,7 +19651,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.languageSearchTermControlName);
+                i0__namespace.ɵɵproperty("for", ctx.SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵtextInterpolate1(" ", ctx.searchLanguageInterpreterTitle, " ");
                 i0__namespace.ɵɵadvance(2);
@@ -19547,7 +19661,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.languageEnteredInBothFieldsErrorMessage);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("formControlName", ctx.languageSearchTermControlName)("matAutocomplete", _r2);
+                i0__namespace.ɵɵproperty("formControlName", ctx.SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM)("matAutocomplete", _r2);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("displayWith", ctx.displayLanguage);
                 i0__namespace.ɵɵadvance(2);
@@ -19559,7 +19673,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.isCheckboxEnabled);
             }
-        }, 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}"] });
+        }, 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}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SearchLanguageInterpreterComponent, [{
                 type: i0.Component,
@@ -19691,7 +19805,14 @@
             }
             // 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) {
-                this.formGroup.addControl(this.selectedLocationControlName, new i2.FormControl(null));
+                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; }));
+                }
             }
             else {
                 // No filtered flags instances mean there are no parties to select from. The case has not been configured properly
@@ -19708,9 +19829,6 @@
             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 () {
@@ -19768,7 +19886,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", !ctx.caseFlagsConfigError);
             }
-        }, 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 });
+        }, 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 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SelectFlagLocationComponent, [{
                 type: i0.Component,
@@ -19837,7 +19955,9 @@
             this.addCommentsTitle = exports.CaseFlagWizardStepTitle.ADD_FLAG_COMMENTS;
             this.addCommentsHint = exports.AddCommentsStep.HINT_TEXT;
             this.addCommentsCharLimitInfo = exports.AddCommentsStep.CHARACTER_LIMIT_INFO;
-            this.formGroup.addControl(this.flagCommentsControlName, new i2.FormControl(''));
+            if (!this.formGroup.get(this.flagCommentsControlName)) {
+                this.formGroup.addControl(this.flagCommentsControlName, new i1$2.FormControl(''));
+            }
         };
         AddCommentsComponent.prototype.onNext = function () {
             // Validate flag comments entry
@@ -19921,7 +20041,7 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵtextInterpolate1(" ", ctx.addCommentsCharLimitInfo, " ");
             }
-        }, directives: [i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName], encapsulation: 2 });
+        }, 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 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AddCommentsComponent, [{
                 type: i0.Component,
@@ -19929,7 +20049,7 @@
                         selector: 'ccd-add-comments',
                         templateUrl: './add-comments.component.html'
                     }]
-            }], null, { formGroup: [{
+            }], function () { return []; }, { formGroup: [{
                     type: i0.Input
                 }], optional: [{
                     type: i0.Input
@@ -20009,7 +20129,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 i2.FormControl(null));
+                this.formGroup.addControl(this.selectedControlName, new i1$2.FormControl(null));
             }
             else {
                 // No flags display data means there are no flags to select from. The user cannot proceed with a flag update.
@@ -20153,7 +20273,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", !ctx.noFlagsError);
             }
-        }, 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 });
+        }, 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 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ManageCaseFlagsComponent, [{
                 type: i0.Component,
@@ -20244,11 +20364,11 @@
         UpdateFlagComponent.prototype.ngOnInit = function () {
             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 i2.FormControl(flagDetail.status));
-                this.formGroup.addControl(this.FLAG_STATUS_CHANGE_REASON_CONTROL_NAME, new i2.FormControl(''));
-                this.formGroup.addControl(this.FLAG_WELSH_TRANSLATION_CONTROL_NAME, new i2.FormControl(false));
+                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 i2.FormControl(flagDetail.flagComment));
+                this.formGroup.addControl(this.FLAG_COMMENTS_CONTROL_NAME, new i1$2.FormControl(flagDetail.flagComment));
                 if (flagDetail.name) {
                     this.updateFlagTitle =
                         exports.CaseFlagWizardStepTitle.UPDATE_FLAG_TITLE + " \"" + flagDetail.name + (flagDetail.subTypeValue ? ", " + flagDetail.subTypeValue + "\"" : '"');
@@ -20399,7 +20519,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.FLAG_WELSH_TRANSLATION_CONTROL_NAME);
             }
-        }, directives: [i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlName, i1__namespace.NgForOf], pipes: [EnumDisplayDescriptionPipe, i1__namespace.LowerCasePipe], encapsulation: 2 });
+        }, 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 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(UpdateFlagComponent, [{
                 type: i0.Component,
@@ -20416,7 +20536,49 @@
                 }] });
     })();
 
-    function CaseFlagSummaryListComponent_dl_0_div_16_Template(rf, ctx) {
+    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) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 2);
             i0__namespace.ɵɵelementStart(1, "dt", 3);
@@ -20425,12 +20587,13 @@
             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_r1 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r4 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.flagStatus, " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r4.flagStatus, " ");
         }
     }
     function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) {
@@ -20443,24 +20606,27 @@
             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(6, "div", 2);
-            i0__namespace.ɵɵelementStart(7, "dt", 3);
-            i0__namespace.ɵɵtext(8, " Flag type ");
+            i0__namespace.ɵɵelementStart(7, "div", 2);
+            i0__namespace.ɵɵelementStart(8, "dt", 3);
+            i0__namespace.ɵɵtext(9, " Flag type ");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(9, "dd", 4);
-            i0__namespace.ɵɵtext(10);
+            i0__namespace.ɵɵelementStart(10, "dd", 4);
+            i0__namespace.ɵɵtext(11);
             i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(12, CaseFlagSummaryListComponent_dl_0_dd_12_Template, 5, 0, "dd", 5);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(11, "div", 2);
-            i0__namespace.ɵɵelementStart(12, "dt", 3);
-            i0__namespace.ɵɵtext(13, " Comments ");
+            i0__namespace.ɵɵelementStart(13, "div", 2);
+            i0__namespace.ɵɵelementStart(14, "dt", 3);
+            i0__namespace.ɵɵtext(15, " Comments ");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(14, "dd", 4);
-            i0__namespace.ɵɵtext(15);
+            i0__namespace.ɵɵelementStart(16, "dd", 4);
+            i0__namespace.ɵɵtext(17);
             i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(18, CaseFlagSummaryListComponent_dl_0_dd_18_Template, 5, 0, "dd", 5);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(16, CaseFlagSummaryListComponent_dl_0_div_16_Template, 5, 1, "div", 5);
+            i0__namespace.ɵɵtemplate(19, CaseFlagSummaryListComponent_dl_0_div_19_Template, 6, 1, "div", 6);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -20469,17 +20635,25 @@
             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';
@@ -20499,9 +20673,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" }, 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) {
+    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) {
             if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, CaseFlagSummaryListComponent_dl_0_Template, 17, 5, "dl", 0);
+                i0__namespace.ɵɵtemplate(0, CaseFlagSummaryListComponent_dl_0_Template, 20, 8, "dl", 0);
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.flagForSummaryDisplay);
@@ -20514,10 +20688,12 @@
                         selector: 'ccd-case-flag-summary-list',
                         templateUrl: './case-flag-summary-list.component.html'
                     }]
-            }], null, { flagForSummaryDisplay: [{
+            }], function () { return []; }, { flagForSummaryDisplay: [{
                     type: i0.Input
                 }], summaryListDisplayMode: [{
                     type: i0.Input
+                }], changeButtonEmitter: [{
+                    type: i0.Output
                 }] });
     })();
 
@@ -21282,7 +21458,7 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         WriteDateFieldComponent.prototype.ngOnInit = function () {
-            this.dateControl = this.registerControl(new i2.FormControl(this.caseField.value));
+            this.dateControl = this.registerControl(new i1$2.FormControl(this.caseField.value));
         };
         WriteDateFieldComponent.prototype.isDateTime = function () {
             return this.caseField.field_type.id === 'DateTime';
@@ -21315,7 +21491,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, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [IsMandatoryPipe, FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, DateInputComponent, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective], pipes: [IsMandatoryPipe, FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
     var ɵWriteDateFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteDateFieldComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteDateFieldComponent, [{
@@ -21417,7 +21593,7 @@
             _this.stringEdited = false;
             _this.minError = false;
             _this.maxError = false;
-            _this.dateControl = new i2.FormControl(new Date());
+            _this.dateControl = new i1$2.FormControl(new Date());
             _this.minimumDate = new Date('01/01/1800');
             _this.maximumDate = null;
             _this.momentFormat = 'YYYY-MM-DDTHH:mm:ss.SSS';
@@ -21429,8 +21605,8 @@
             this.configureDatePicker(this.dateTimeEntryFormat);
             // set date control based on mandatory field
             this.dateControl = (this.caseField.isMandatory ?
-                this.registerControl(new i2.FormControl(this.caseField.value || '', [i2.Validators.required]))
-                : this.registerControl(new i2.FormControl(this.caseField.value)));
+                this.registerControl(new i1$2.FormControl(this.caseField.value || '', [i1$2.Validators.required]))
+                : this.registerControl(new i1$2.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 () {
@@ -21618,7 +21794,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, 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 });
+        }, 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 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DatetimePickerComponent, [{
                 type: i0.Component,
@@ -22198,7 +22374,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("innerHTML", i0__namespace.ɵɵpipeBind1(2, 1, ctx.content), i0__namespace.ɵɵsanitizeHtml);
             }
-        }, directives: [i1__namespace$5.NgxMdComponent], pipes: [CaseReferencePipe], encapsulation: 2 });
+        }, directives: [i1__namespace$6.NgxMdComponent], pipes: [CaseReferencePipe], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MarkdownComponent, [{
                 type: i0.Component,
@@ -22625,8 +22801,8 @@
         ], imports: [[
                 i1.CommonModule,
                 i1$1.RouterModule,
-                i2.FormsModule,
-                i2.ReactiveFormsModule,
+                i1$2.FormsModule,
+                i1$2.ReactiveFormsModule,
                 CaseEditDataModule,
                 PaletteUtilsModule,
                 PipesModule,
@@ -22637,7 +22813,7 @@
                 FormModule,
                 TabsModule,
                 LabelSubstitutorModule,
-                i1$5.NgxMdModule,
+                i1$6.NgxMdModule,
                 i4.NgxMatDatetimePickerModule,
                 i4.NgxMatTimepickerModule,
                 i4.NgxMatNativeDateModule,
@@ -22646,10 +22822,10 @@
                 i5$1.MatDatepickerModule,
                 i5.MatAutocompleteModule,
                 i7.CdkTreeModule,
-                i1$4.OverlayModule,
+                i1$5.OverlayModule,
                 i3.PaymentLibModule,
-                i2$1.ScrollToModule.forRoot(),
-                i1$3.MatDialogModule,
+                i2.ScrollToModule.forRoot(),
+                i1$4.MatDialogModule,
                 i11.MediaViewerModule,
                 LoadingModule
             ], i4.NgxMatDatetimePickerModule,
@@ -22751,8 +22927,8 @@
                 CaseFileViewFolderDocumentActionsComponent,
                 CaseFileViewFolderSelectorComponent], imports: [i1.CommonModule,
                 i1$1.RouterModule,
-                i2.FormsModule,
-                i2.ReactiveFormsModule,
+                i1$2.FormsModule,
+                i1$2.ReactiveFormsModule,
                 CaseEditDataModule,
                 PaletteUtilsModule,
                 PipesModule,
@@ -22763,7 +22939,7 @@
                 FormModule,
                 TabsModule,
                 LabelSubstitutorModule,
-                i1$5.NgxMdModule,
+                i1$6.NgxMdModule,
                 i4.NgxMatDatetimePickerModule,
                 i4.NgxMatTimepickerModule,
                 i4.NgxMatNativeDateModule,
@@ -22772,8 +22948,8 @@
                 i5$1.MatDatepickerModule,
                 i5.MatAutocompleteModule,
                 i7.CdkTreeModule,
-                i1$4.OverlayModule,
-                i3.PaymentLibModule, i2__namespace$1.ScrollToModule, i1$3.MatDialogModule,
+                i1$5.OverlayModule,
+                i3.PaymentLibModule, i2__namespace.ScrollToModule, i1$4.MatDialogModule,
                 i11.MediaViewerModule,
                 LoadingModule], exports: [i4.NgxMatDatetimePickerModule,
                 i4.NgxMatNativeDateModule,
@@ -22867,8 +23043,8 @@
                         imports: [
                             i1.CommonModule,
                             i1$1.RouterModule,
-                            i2.FormsModule,
-                            i2.ReactiveFormsModule,
+                            i1$2.FormsModule,
+                            i1$2.ReactiveFormsModule,
                             CaseEditDataModule,
                             PaletteUtilsModule,
                             PipesModule,
@@ -22879,7 +23055,7 @@
                             FormModule,
                             TabsModule,
                             LabelSubstitutorModule,
-                            i1$5.NgxMdModule,
+                            i1$6.NgxMdModule,
                             i4.NgxMatDatetimePickerModule,
                             i4.NgxMatTimepickerModule,
                             i4.NgxMatNativeDateModule,
@@ -22888,10 +23064,10 @@
                             i5$1.MatDatepickerModule,
                             i5.MatAutocompleteModule,
                             i7.CdkTreeModule,
-                            i1$4.OverlayModule,
+                            i1$5.OverlayModule,
                             i3.PaymentLibModule,
-                            i2$1.ScrollToModule.forRoot(),
-                            i1$3.MatDialogModule,
+                            i2.ScrollToModule.forRoot(),
+                            i1$4.MatDialogModule,
                             i11.MediaViewerModule,
                             LoadingModule
                         ],
@@ -22936,7 +23112,7 @@
                     }]
             }], null, null);
     })();
-    i0__namespace.ɵɵsetComponentScope(FieldReadComponent, [FieldReadLabelComponent, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective], []);
+    i0__namespace.ɵɵsetComponentScope(FieldReadComponent, [FieldReadLabelComponent, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.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], []);
@@ -22953,21 +23129,21 @@
     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, 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(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(WriteDocumentFieldComponent, [i1__namespace.NgClass, i1__namespace.NgIf, ReadDocumentFieldComponent], [FieldLabelPipe]);
-    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,
+    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,
         SelectFlagTypeComponent,
         SearchLanguageInterpreterComponent,
         AddCommentsComponent,
         ManageCaseFlagsComponent,
         UpdateFlagComponent], []);
-    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,
+    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,
         WriteOrganisationComplexFieldComponent], [i1__namespace.AsyncPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteOrderSummaryFieldComponent, [ReadOrderSummaryFieldComponent], []);
-    i0__namespace.ɵɵsetComponentScope(WriteDateContainerFieldComponent, [i1__namespace.NgIf, DatetimePickerComponent, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, WriteDateFieldComponent], []);
-    i0__namespace.ɵɵsetComponentScope(WriteCollectionFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, FieldWriteComponent, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective], [FieldLabelPipe, FirstErrorPipe]);
+    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(
     // ComponentLauncher web components
     CaseFileViewFieldComponent, [i1__namespace.NgIf, CaseFileViewFolderComponent, i11__namespace.ɵcs], []);
@@ -23112,7 +23288,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", 36);
+            i0__namespace.ɵɵelementStart(0, "th", 34);
             i0__namespace.ɵɵelementStart(1, "span", 29);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵelementEnd();
@@ -23124,22 +23300,37 @@
             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_a_6_Template(rf, ctx) {
+    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) {
         if (rf & 1) {
-            var _r28_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r29_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_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.ɵɵ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.ɵɵelementStart(1, "span", 29);
             i0__namespace.ɵɵtext(2, "Change");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var field_r21 = i0__namespace.ɵɵnextContext(2).$implicit;
+            var field_r21 = i0__namespace.ɵɵnextContext(3).$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);
@@ -23148,9 +23339,7 @@
             i0__namespace.ɵɵelementStart(3, "td", 32);
             i0__namespace.ɵɵelement(4, "ccd-field-read", 33);
             i0__namespace.ɵɵelementEnd();
-            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.ɵɵ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.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
@@ -23165,14 +23354,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(2);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r22.isChangeAllowed(field_r21));
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r22.eventTrigger.id !== "createCaseFlag");
         }
     }
     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, 7, 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, 6, 12, "ng-container", 0);
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
@@ -23248,13 +23437,13 @@
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            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);
+            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);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(field_r33.label);
+            i0__namespace.ɵɵtextInterpolate(field_r35.label);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("formGroup", ctx_r34.editForm.controls["data"])("caseField", ctx_r34.summaryCaseField(field_r33));
+            i0__namespace.ɵɵproperty("formGroup", ctx_r36.editForm.controls["data"])("caseField", ctx_r36.summaryCaseField(field_r35));
         }
     }
     function CaseEditSubmitComponent_div_0_ng_container_13_ng_container_3_tr_4_Template(rf, ctx) {
@@ -23266,11 +23455,11 @@
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            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);
+            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);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("formGroup", ctx_r35.editForm.controls["data"])("caseField", ctx_r35.summaryCaseField(field_r33))("caseFields", ctx_r35.contextFields);
+            i0__namespace.ɵɵproperty("formGroup", ctx_r37.editForm.controls["data"])("caseField", ctx_r37.summaryCaseField(field_r35))("caseFields", ctx_r37.contextFields);
         }
     }
     function CaseEditSubmitComponent_div_0_ng_container_13_ng_container_3_Template(rf, ctx) {
@@ -23284,9 +23473,9 @@
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var field_r33 = ctx.$implicit;
+            var field_r35 = ctx.$implicit;
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngSwitch", !i0__namespace.ɵɵpipeBind1(2, 3, field_r33));
+            i0__namespace.ɵɵproperty("ngSwitch", !i0__namespace.ɵɵpipeBind1(2, 3, field_r35));
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵproperty("ngSwitchCase", true);
             i0__namespace.ɵɵadvance(1);
@@ -23345,7 +23534,7 @@
     }
     function CaseEditSubmitComponent_div_0_Template(rf, ctx) {
         if (rf & 1) {
-            var _r40_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r42_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementStart(0, "div");
             i0__namespace.ɵɵelementStart(1, "h1", 2);
             i0__namespace.ɵɵtext(2);
@@ -23356,16 +23545,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(_r40_1); var ctx_r39 = i0__namespace.ɵɵnextContext(); return ctx_r39.callbackErrorsNotify($event); });
+            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.ɵɵelementEnd();
             i0__namespace.ɵɵelementStart(11, "form", 8);
-            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.ɵɵ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.ɵɵ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(_r40_1); var ctx_r42 = i0__namespace.ɵɵnextContext(); return ctx_r42.previous(); });
+            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.ɵɵtext(17, "Previous");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementStart(18, "button", 11);
@@ -23374,7 +23563,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(_r40_1); var ctx_r43 = i0__namespace.ɵɵnextContext(); return ctx_r43.cancel(); });
+            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.ɵɵtext(22);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -23417,9 +23606,9 @@
     }
     function CaseEditSubmitComponent_ccd_case_event_completion_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r45_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r47_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(_r45_1); var ctx_r44 = i0__namespace.ɵɵnextContext(); return ctx_r44.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(_r47_1); var ctx_r46 = i0__namespace.ɵɵnextContext(); return ctx_r46.onEventCanBeCompleted($event); });
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -23619,10 +23808,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 i2.FormGroup({});
+                            var form_1 = new i1$2.FormGroup({});
                             if (formGroup.controls[key].value) {
                                 Object.keys(formGroup.controls[key].value).forEach(function (item) {
-                                    form_1.addControl(item, new i2.FormControl(formGroup.controls[key].value[item]));
+                                    form_1.addControl(item, new i1$2.FormControl(formGroup.controls[key].value[item]));
                                 });
                             }
                             rawFormValueData[key] = _this.replaceHiddenFormValuesWithOriginalCaseData(form_1, caseField.field_type.complex_fields, caseField);
@@ -23835,7 +24024,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", "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) {
+    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) {
             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);
@@ -24380,12 +24569,13 @@
             JudicialworkerService,
             CaseworkerService,
             SessionStorageService,
-            EventCompletionStateMachineService
+            EventCompletionStateMachineService,
+            CaseFlagStateService
         ], imports: [[
                 i1.CommonModule,
                 i1$1.RouterModule,
-                i2.FormsModule,
-                i2.ReactiveFormsModule,
+                i1$2.FormsModule,
+                i1$2.ReactiveFormsModule,
                 CaseEditDataModule,
                 PaletteModule,
                 LabelSubstitutorModule,
@@ -24407,8 +24597,8 @@
                 CaseCreateComponent,
                 CaseProgressComponent], imports: [i1.CommonModule,
                 i1$1.RouterModule,
-                i2.FormsModule,
-                i2.ReactiveFormsModule,
+                i1$2.FormsModule,
+                i1$2.ReactiveFormsModule,
                 CaseEditDataModule,
                 PaletteModule,
                 LabelSubstitutorModule,
@@ -24432,8 +24622,8 @@
                         imports: [
                             i1.CommonModule,
                             i1$1.RouterModule,
-                            i2.FormsModule,
-                            i2.ReactiveFormsModule,
+                            i1$2.FormsModule,
+                            i1$2.ReactiveFormsModule,
                             CaseEditDataModule,
                             PaletteModule,
                             LabelSubstitutorModule,
@@ -24492,15 +24682,16 @@
                             JudicialworkerService,
                             CaseworkerService,
                             SessionStorageService,
-                            EventCompletionStateMachineService
+                            EventCompletionStateMachineService,
+                            CaseFlagStateService
                         ]
                     }]
             }], null, null);
     })();
-    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(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(CaseCreateComponent, [i1__namespace.NgIf, CaseEditComponent], []);
     i0__namespace.ɵɵsetComponentScope(CaseProgressComponent, [i1__namespace.NgIf, CaseEditComponent], []);
 
@@ -24898,7 +25089,7 @@
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", !(ctx.autoHide && _r0.pages.length <= 1));
             }
-        }, 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}}"] });
+        }, 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}}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PaginationComponent, [{
                 type: i0.Component,
@@ -25305,7 +25496,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$6.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$7.PaginatePipe, i1__namespace.CurrencyPipe], styles: [""] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseListComponent, [{
                 type: i0.Component,
@@ -25365,12 +25556,12 @@
     PaginationModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: PaginationModule });
     PaginationModule.ɵinj = i0__namespace.ɵɵdefineInjector({ imports: [[
                 i1.CommonModule,
-                i1$6.NgxPaginationModule
+                i1$7.NgxPaginationModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(PaginationModule, { declarations: [PaginationComponent], imports: [i1.CommonModule,
-                i1$6.NgxPaginationModule], exports: [PaginationComponent,
-                i1$6.PaginatePipe] });
+                i1$7.NgxPaginationModule], exports: [PaginationComponent,
+                i1$7.PaginatePipe] });
     })();
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PaginationModule, [{
@@ -25378,14 +25569,14 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i1$6.NgxPaginationModule
+                            i1$7.NgxPaginationModule
                         ],
                         declarations: [
                             PaginationComponent
                         ],
                         exports: [
                             PaginationComponent,
-                            i1$6.PaginatePipe
+                            i1$7.PaginatePipe
                         ],
                     }]
             }], null, null);
@@ -25402,16 +25593,16 @@
             BrowserService
         ], imports: [[
                 i1.CommonModule,
-                i2.FormsModule,
+                i1$2.FormsModule,
                 i1$1.RouterModule,
-                i1$6.NgxPaginationModule,
+                i1$7.NgxPaginationModule,
                 PaginationModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(CaseListModule, { declarations: [CaseListComponent], imports: [i1.CommonModule,
-                i2.FormsModule,
+                i1$2.FormsModule,
                 i1$1.RouterModule,
-                i1$6.NgxPaginationModule,
+                i1$7.NgxPaginationModule,
                 PaginationModule], exports: [CaseListComponent] });
     })();
     (function () {
@@ -25420,9 +25611,9 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i2.FormsModule,
+                            i1$2.FormsModule,
                             i1$1.RouterModule,
-                            i1$6.NgxPaginationModule,
+                            i1$7.NgxPaginationModule,
                             PaginationModule
                         ],
                         declarations: [CaseListComponent],
@@ -25537,7 +25728,7 @@
             this.windowService = windowService;
             this.onApply = new i0.EventEmitter();
             this.onReset = new i0.EventEmitter();
-            this.formGroup = new i2.FormGroup({});
+            this.formGroup = new i1$2.FormGroup({});
             this.initialised = false;
         }
         WorkbasketFiltersComponent.prototype.ngOnInit = function () {
@@ -25632,7 +25823,7 @@
             if (this.selected.caseType) {
                 this.selectedCaseTypeStates = this.sortStates(this.selected.caseType.states);
                 this.selected.caseState = null;
-                this.formGroup = new i2.FormGroup({});
+                this.formGroup = new i1$2.FormGroup({});
                 this.clearWorkbasketInputs();
                 if (!this.isApplyButtonDisabled()) {
                     this.workbasketInputFilterService.getWorkbasketInputs(this.selected.jurisdiction.id, this.selected.caseType.id).pipe(operators.take(1)).subscribe(function (workbasketInputs) {
@@ -25906,15 +26097,15 @@
             WindowService,
         ], imports: [[
                 i1.CommonModule,
-                i2.FormsModule,
-                i2.ReactiveFormsModule,
+                i1$2.FormsModule,
+                i1$2.ReactiveFormsModule,
                 PaletteModule,
                 ConditionalShowModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(WorkbasketFiltersModule, { declarations: [WorkbasketFiltersComponent], imports: [i1.CommonModule,
-                i2.FormsModule,
-                i2.ReactiveFormsModule,
+                i1$2.FormsModule,
+                i1$2.ReactiveFormsModule,
                 PaletteModule,
                 ConditionalShowModule], exports: [WorkbasketFiltersComponent] });
     })();
@@ -25924,8 +26115,8 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i2.FormsModule,
-                            i2.ReactiveFormsModule,
+                            i1$2.FormsModule,
+                            i1$2.ReactiveFormsModule,
                             PaletteModule,
                             ConditionalShowModule
                         ],
@@ -25945,7 +26136,7 @@
                     }]
             }], null, null);
     })();
-    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], []);
+    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], []);
 
     var READ_ACCESS = 'read';
     var CREATE_ACCESS = 'create';
@@ -26026,16 +26217,16 @@
             WindowService
         ], imports: [[
                 i1.CommonModule,
-                i2.FormsModule,
-                i2.ReactiveFormsModule,
+                i1$2.FormsModule,
+                i1$2.ReactiveFormsModule,
                 PaletteModule,
                 DefinitionsModule,
                 WorkbasketFiltersModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(CaseListFiltersModule, { declarations: [CaseListFiltersComponent], imports: [i1.CommonModule,
-                i2.FormsModule,
-                i2.ReactiveFormsModule,
+                i1$2.FormsModule,
+                i1$2.ReactiveFormsModule,
                 PaletteModule,
                 DefinitionsModule,
                 WorkbasketFiltersModule], exports: [CaseListFiltersComponent] });
@@ -26046,8 +26237,8 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i2.FormsModule,
-                            i2.ReactiveFormsModule,
+                            i1$2.FormsModule,
+                            i1$2.ReactiveFormsModule,
                             PaletteModule,
                             DefinitionsModule,
                             WorkbasketFiltersModule
@@ -26108,7 +26299,7 @@
         CaseHistoryService.prototype.get = function (caseId, eventId) {
             var _this = this;
             var url = this.appConfig.getCaseHistoryUrl(caseId, eventId);
-            var headers = new i1$2.HttpHeaders()
+            var headers = new i1$3.HttpHeaders()
                 .set('experimental', 'true')
                 .set('Accept', CaseHistoryService.V2_MEDIATYPE_CASE_EVENT_VIEW)
                 .set('Content-Type', 'application/json');
@@ -26579,16 +26770,16 @@
     CaseTimelineModule.ɵinj = i0__namespace.ɵɵdefineInjector({ imports: [[
                 i1.CommonModule,
                 ErrorsModule,
-                i2.FormsModule,
-                i2.ReactiveFormsModule,
+                i1$2.FormsModule,
+                i1$2.ReactiveFormsModule,
                 CaseHistoryModule,
                 PaletteModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(CaseTimelineModule, { declarations: [CaseTimelineComponent], imports: [i1.CommonModule,
                 ErrorsModule,
-                i2.FormsModule,
-                i2.ReactiveFormsModule,
+                i1$2.FormsModule,
+                i1$2.ReactiveFormsModule,
                 CaseHistoryModule,
                 PaletteModule], exports: [CaseTimelineComponent] });
     })();
@@ -26599,8 +26790,8 @@
                         imports: [
                             i1.CommonModule,
                             ErrorsModule,
-                            i2.FormsModule,
-                            i2.ReactiveFormsModule,
+                            i1$2.FormsModule,
+                            i1$2.ReactiveFormsModule,
                             CaseHistoryModule,
                             PaletteModule
                         ],
@@ -27283,7 +27474,7 @@
         };
         return DeleteOrCancelDialogComponent;
     }());
-    DeleteOrCancelDialogComponent.ɵfac = function DeleteOrCancelDialogComponent_Factory(t) { return new (t || DeleteOrCancelDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.MatDialogRef)); };
+    DeleteOrCancelDialogComponent.ɵfac = function DeleteOrCancelDialogComponent_Factory(t) { return new (t || DeleteOrCancelDialogComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$4.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");
@@ -27324,7 +27515,7 @@
                         templateUrl: './delete-or-cancel-dialog.component.html',
                         styleUrls: ['../action-dialog.component.scss']
                     }]
-            }], function () { return [{ type: i1__namespace$3.MatDialogRef }]; }, null);
+            }], function () { return [{ type: i1__namespace$4.MatDialogRef }]; }, null);
     })();
 
     var DialogsModule = /** @class */ (function () {
@@ -27336,16 +27527,16 @@
     DialogsModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: DialogsModule });
     DialogsModule.ɵinj = i0__namespace.ɵɵdefineInjector({ imports: [[
                 i1.CommonModule,
-                i2.FormsModule,
-                i2.ReactiveFormsModule,
+                i1$2.FormsModule,
+                i1$2.ReactiveFormsModule,
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(DialogsModule, { declarations: [DocumentDialogComponent,
                 DeleteOrCancelDialogComponent,
                 SaveOrDiscardDialogComponent,
                 RemoveDialogComponent], imports: [i1.CommonModule,
-                i2.FormsModule,
-                i2.ReactiveFormsModule], exports: [DocumentDialogComponent,
+                i1$2.FormsModule,
+                i1$2.ReactiveFormsModule], exports: [DocumentDialogComponent,
                 DeleteOrCancelDialogComponent,
                 SaveOrDiscardDialogComponent,
                 RemoveDialogComponent] });
@@ -27356,8 +27547,8 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i2.FormsModule,
-                            i2.ReactiveFormsModule,
+                            i1$2.FormsModule,
+                            i1$2.ReactiveFormsModule,
                         ],
                         declarations: [
                             DocumentDialogComponent,
@@ -27953,7 +28144,7 @@
                     value = Object.assign(Object.assign({}, value), (_a = {}, _a[caseField.id] = caseField.value, _a));
                 });
             }
-            return new i2.FormGroup({ data: new i2.FormControl(value) });
+            return new i1$2.FormGroup({ data: new i1$2.FormControl(value) });
         };
         CaseFullAccessViewComponent.prototype.resetErrors = function () {
             this.error = null;
@@ -27967,7 +28158,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$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.ɵ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.ɵ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);
@@ -28026,7 +28217,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$3.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$4.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
@@ -28394,13 +28585,13 @@
     EventMessageModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: EventMessageModule });
     EventMessageModule.ɵinj = i0__namespace.ɵɵdefineInjector({ imports: [[
                 i1.CommonModule,
-                i2.ReactiveFormsModule,
+                i1$2.ReactiveFormsModule,
                 i1$1.RouterModule,
                 ActivityModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(EventMessageModule, { declarations: [ErrorMessageComponent], imports: [i1.CommonModule,
-                i2.ReactiveFormsModule,
+                i1$2.ReactiveFormsModule,
                 i1$1.RouterModule,
                 ActivityModule], exports: [ErrorMessageComponent] });
     })();
@@ -28410,7 +28601,7 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i2.ReactiveFormsModule,
+                            i1$2.ReactiveFormsModule,
                             i1$1.RouterModule,
                             ActivityModule
                         ],
@@ -29176,7 +29367,7 @@
             EventStartStateMachineService
         ], imports: [[
                 i1.CommonModule,
-                i2.ReactiveFormsModule,
+                i1$2.ReactiveFormsModule,
                 i1$1.RouterModule
             ]] });
     (function () {
@@ -29187,7 +29378,7 @@
                 TaskCancelledComponent,
                 TaskConflictComponent,
                 TaskUnassignedComponent], imports: [i1.CommonModule,
-                i2.ReactiveFormsModule,
+                i1$2.ReactiveFormsModule,
                 i1$1.RouterModule], exports: [EventStartComponent,
                 TaskAssignedComponent,
                 TaskUnassignedComponent] });
@@ -29198,7 +29389,7 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i2.ReactiveFormsModule,
+                            i1$2.ReactiveFormsModule,
                             i1$1.RouterModule
                         ],
                         declarations: [
@@ -29291,7 +29482,7 @@
             if (changes.triggers && changes.triggers.currentValue) {
                 this.triggers = this.orderService.sort(this.triggers);
                 this.triggerForm = this.fb.group({
-                    trigger: [this.getDefault(), i2.Validators.required]
+                    trigger: [this.getDefault(), i1$2.Validators.required]
                 });
             }
         };
@@ -29309,7 +29500,7 @@
         };
         return EventTriggerComponent;
     }());
-    EventTriggerComponent.ɵfac = function EventTriggerComponent_Factory(t) { return new (t || EventTriggerComponent)(i0__namespace.ɵɵdirectiveInject(i2__namespace.FormBuilder), i0__namespace.ɵɵdirectiveInject(OrderService)); };
+    EventTriggerComponent.ɵfac = function EventTriggerComponent_Factory(t) { return new (t || EventTriggerComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$3.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);
@@ -29317,7 +29508,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.triggers && ctx.triggers.length);
             }
-        }, 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}"] });
+        }, 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}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(EventTriggerComponent, [{
                 type: i0.Component,
@@ -29326,7 +29517,7 @@
                         templateUrl: './event-trigger.component.html',
                         styleUrls: ['./event-trigger.component.scss']
                     }]
-            }], function () { return [{ type: i2__namespace.FormBuilder }, { type: OrderService }]; }, { triggers: [{
+            }], function () { return [{ type: i1__namespace$3.FormBuilder }, { type: OrderService }]; }, { triggers: [{
                     type: i0.Input
                 }], triggerText: [{
                     type: i0.Input
@@ -29348,12 +29539,12 @@
     EventTriggerModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: EventTriggerModule });
     EventTriggerModule.ɵinj = i0__namespace.ɵɵdefineInjector({ imports: [[
                 i1.CommonModule,
-                i2.ReactiveFormsModule,
+                i1$2.ReactiveFormsModule,
                 ActivityModule,
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(EventTriggerModule, { declarations: [EventTriggerComponent], imports: [i1.CommonModule,
-                i2.ReactiveFormsModule,
+                i1$2.ReactiveFormsModule,
                 ActivityModule], exports: [EventTriggerComponent] });
     })();
     (function () {
@@ -29362,7 +29553,7 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i2.ReactiveFormsModule,
+                            i1$2.ReactiveFormsModule,
                             ActivityModule,
                         ],
                         declarations: [
@@ -29507,9 +29698,9 @@
             this.hint = ChallengedAccessRequestPageText.HINT;
             this.caseRefLabel = ChallengedAccessRequestPageText.CASE_REF;
             this.formGroup = this.fb.group({
-                radioSelected: new i2.FormControl(null, i2.Validators.required)
+                radioSelected: new i1$2.FormControl(null, i1$2.Validators.required)
             });
-            this.formGroup.addControl(this.caseReferenceControlName, new i2.FormControl('', {
+            this.formGroup.addControl(this.caseReferenceControlName, new i1$2.FormControl('', {
                 validators: [function (control) {
                         if (_this.formGroup.get(_this.radioSelectedControlName).value === AccessReason$1.LINKED_TO_CURRENT_CASE && _this.inputEmpty(control)) {
                             return { invalid: true };
@@ -29518,7 +29709,7 @@
                     }],
                 updateOn: 'submit'
             }));
-            this.formGroup.addControl(this.otherReasonControlName, new i2.FormControl('', {
+            this.formGroup.addControl(this.otherReasonControlName, new i1$2.FormControl('', {
                 validators: [function (control) {
                         if (_this.formGroup.get(_this.radioSelectedControlName).value === AccessReason$1.OTHER && _this.inputEmpty(control)) {
                             return { invalid: true };
@@ -29599,7 +29790,7 @@
         return CaseChallengedAccessRequestComponent;
     }());
     CaseChallengedAccessRequestComponent.CANCEL_LINK_DESTINATION = '/work/my-work/list';
-    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.ɵ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.ɵ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);
@@ -29715,7 +29906,7 @@
                         selector: 'ccd-case-challenged-access-request',
                         templateUrl: './case-challenged-access-request.component.html'
                     }]
-            }], function () { return [{ type: i2__namespace.FormBuilder }, { type: i1__namespace$1.Router }, { type: CasesService }, { type: i1__namespace$1.ActivatedRoute }, { type: CaseNotifier }]; }, null);
+            }], function () { return [{ type: i1__namespace$3.FormBuilder }, { type: i1__namespace$1.Router }, { type: CasesService }, { type: i1__namespace$1.ActivatedRoute }, { type: CaseNotifier }]; }, null);
     })();
 
     var CaseChallengedAccessSuccessComponent = /** @class */ (function () {
@@ -29913,7 +30104,7 @@
             this.hint = ReviewSpecificAccessRequestPageText.HINT;
             this.caseRefLabel = ReviewSpecificAccessRequestPageText.CASE_REF;
             this.formGroup = this.fb.group({
-                radioSelected: new i2.FormControl(null, i2.Validators.required),
+                radioSelected: new i1$2.FormControl(null, i1$2.Validators.required),
             });
         };
         CaseReviewSpecificAccessRequestComponent.prototype.ngOnDestroy = function () {
@@ -29965,7 +30156,7 @@
         return CaseReviewSpecificAccessRequestComponent;
     }());
     CaseReviewSpecificAccessRequestComponent.CANCEL_LINK_DESTINATION = '/work/my-work/list';
-    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.ɵ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.ɵ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);
@@ -30123,7 +30314,7 @@
                         templateUrl: './case-review-specific-access-request.component.html',
                         styleUrls: ['./case-review-specific-access-request.component.scss']
                     }]
-            }], function () { return [{ type: i2__namespace.FormBuilder }, { type: i1__namespace$1.ActivatedRoute }, { type: i1__namespace$1.Router }, { type: AbstractAppConfig }]; }, null);
+            }], function () { return [{ type: i1__namespace$3.FormBuilder }, { type: i1__namespace$1.ActivatedRoute }, { type: i1__namespace$1.Router }, { type: AbstractAppConfig }]; }, null);
     })();
 
     var SpecificAccessRequestPageText;
@@ -30178,9 +30369,9 @@
             this.hint = SpecificAccessRequestPageText.HINT;
             this.caseRefLabel = SpecificAccessRequestPageText.CASE_REF;
             this.formGroup = this.fb.group({
-                radioSelected: new i2.FormControl(null, null),
+                radioSelected: new i1$2.FormControl(null, null),
             });
-            this.formGroup.addControl(this.specificReasonControlName, new i2.FormControl('', {
+            this.formGroup.addControl(this.specificReasonControlName, new i1$2.FormControl('', {
                 validators: [
                     function (control) {
                         if (_this.inputEmpty(control)) {
@@ -30242,7 +30433,7 @@
         return CaseSpecificAccessRequestComponent;
     }());
     CaseSpecificAccessRequestComponent.CANCEL_LINK_DESTINATION = '/work/my-work/list';
-    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.ɵ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.ɵ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);
@@ -30334,7 +30525,7 @@
                         selector: 'ccd-case-specific-access-request',
                         templateUrl: './case-specific-access-request.component.html',
                     }]
-            }], function () { return [{ type: i2__namespace.FormBuilder }, { type: i1__namespace$1.Router }, { type: CasesService }, { type: i1__namespace$1.ActivatedRoute }, { type: CaseNotifier }]; }, null);
+            }], function () { return [{ type: i1__namespace$3.FormBuilder }, { type: i1__namespace$1.Router }, { type: CasesService }, { type: i1__namespace$1.ActivatedRoute }, { type: CaseNotifier }]; }, null);
     })();
 
     var CaseSpecificAccessSuccessComponent = /** @class */ (function () {
@@ -30432,7 +30623,7 @@
                 ConditionalShowModule,
                 CaseHistoryModule,
                 i9.MatTabsModule,
-                i2.ReactiveFormsModule,
+                i1$2.ReactiveFormsModule,
                 BannersModule,
                 LabelSubstitutorModule,
                 LoadingSpinnerModule,
@@ -30463,7 +30654,7 @@
                 ConditionalShowModule,
                 CaseHistoryModule,
                 i9.MatTabsModule,
-                i2.ReactiveFormsModule,
+                i1$2.ReactiveFormsModule,
                 BannersModule,
                 LabelSubstitutorModule,
                 LoadingSpinnerModule,
@@ -30487,7 +30678,7 @@
                             ConditionalShowModule,
                             CaseHistoryModule,
                             i9.MatTabsModule,
-                            i2.ReactiveFormsModule,
+                            i1$2.ReactiveFormsModule,
                             BannersModule,
                             LabelSubstitutorModule,
                             LoadingSpinnerModule,
@@ -30535,9 +30726,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, 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], []);
+    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], []);
 
     var viewerRouting = [
         {
@@ -30697,7 +30888,7 @@
             this.sessionStorageService = sessionStorageService;
             this.selectionSubmitted = new i0.EventEmitter();
             this.selectionChanged = new i0.EventEmitter();
-            this.formGroup = new i2.FormGroup({});
+            this.formGroup = new i1$2.FormGroup({});
         }
         CreateCaseFiltersComponent.prototype.ngOnInit = function () {
             var _this = this;
@@ -30755,11 +30946,11 @@
             });
         };
         CreateCaseFiltersComponent.prototype.initControls = function () {
-            this.filterJurisdictionControl = new i2.FormControl('');
+            this.filterJurisdictionControl = new i1$2.FormControl('');
             this.formGroup.addControl('jurisdiction', this.filterJurisdictionControl);
-            this.filterCaseTypeControl = new i2.FormControl({ value: '', disabled: true });
+            this.filterCaseTypeControl = new i1$2.FormControl({ value: '', disabled: true });
             this.formGroup.addControl('caseType', this.filterCaseTypeControl);
-            this.filterEventControl = new i2.FormControl({ value: '', disabled: true });
+            this.filterEventControl = new i1$2.FormControl({ value: '', disabled: true });
             this.formGroup.addControl('event', this.filterEventControl);
         };
         CreateCaseFiltersComponent.prototype.emitChange = function () {
@@ -30895,7 +31086,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵtextInterpolate(ctx.startButtonText);
             }
-        }, 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 });
+        }, 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 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CreateCaseFiltersComponent, [{
                 type: i0.Component,
@@ -30923,15 +31114,15 @@
     CreateCaseFiltersModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: CreateCaseFiltersModule });
     CreateCaseFiltersModule.ɵinj = i0__namespace.ɵɵdefineInjector({ imports: [[
                 i1.CommonModule,
-                i2.FormsModule,
-                i2.ReactiveFormsModule,
+                i1$2.FormsModule,
+                i1$2.ReactiveFormsModule,
                 DefinitionsModule,
                 ErrorsModule,
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(CreateCaseFiltersModule, { declarations: [CreateCaseFiltersComponent], imports: [i1.CommonModule,
-                i2.FormsModule,
-                i2.ReactiveFormsModule,
+                i1$2.FormsModule,
+                i1$2.ReactiveFormsModule,
                 DefinitionsModule,
                 ErrorsModule], exports: [CreateCaseFiltersComponent] });
     })();
@@ -30941,8 +31132,8 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i2.FormsModule,
-                            i2.ReactiveFormsModule,
+                            i1$2.FormsModule,
+                            i1$2.ReactiveFormsModule,
                             DefinitionsModule,
                             ErrorsModule,
                         ],
@@ -31049,7 +31240,7 @@
             this.onApply = new i0.EventEmitter();
             this.onReset = new i0.EventEmitter();
             this.onJurisdiction = new i0.EventEmitter();
-            this.formGroup = new i2.FormGroup({});
+            this.formGroup = new i1$2.FormGroup({});
         }
         SearchFiltersComponent.prototype.ngOnInit = function () {
             this.selected = {};
@@ -31126,7 +31317,7 @@
         };
         SearchFiltersComponent.prototype.onCaseTypeIdChange = function () {
             var _this = this;
-            this.formGroup = new i2.FormGroup({});
+            this.formGroup = new i1$2.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) {
@@ -31355,16 +31546,16 @@
             WindowService
         ], imports: [[
                 i1.CommonModule,
-                i2.FormsModule,
-                i2.ReactiveFormsModule,
+                i1$2.FormsModule,
+                i1$2.ReactiveFormsModule,
                 PaletteModule,
                 ConditionalShowModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(SearchFiltersModule, { declarations: [SearchFiltersComponent,
                 SearchFiltersWrapperComponent], imports: [i1.CommonModule,
-                i2.FormsModule,
-                i2.ReactiveFormsModule,
+                i1$2.FormsModule,
+                i1$2.ReactiveFormsModule,
                 PaletteModule,
                 ConditionalShowModule], exports: [SearchFiltersWrapperComponent] });
     })();
@@ -31374,8 +31565,8 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i2.FormsModule,
-                            i2.ReactiveFormsModule,
+                            i1$2.FormsModule,
+                            i1$2.ReactiveFormsModule,
                             PaletteModule,
                             ConditionalShowModule
                         ],
@@ -31396,7 +31587,7 @@
                     }]
             }], null, null);
     })();
-    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(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(SearchFiltersWrapperComponent, [i1__namespace.NgIf, SearchFiltersComponent], []);
 
     function SearchResultComponent_table_0_div_4_Template(rf, ctx) {
@@ -32335,10 +32526,10 @@
             BrowserService
         ], imports: [[
                 i1.CommonModule,
-                i1$6.NgxPaginationModule,
+                i1$7.NgxPaginationModule,
                 i1$1.RouterModule,
-                i2.FormsModule,
-                i2.ReactiveFormsModule,
+                i1$2.FormsModule,
+                i1$2.ReactiveFormsModule,
                 LabelSubstitutorModule,
                 PipesModule,
                 ActivityModule,
@@ -32347,10 +32538,10 @@
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(SearchResultModule, { declarations: [SearchResultComponent], imports: [i1.CommonModule,
-                i1$6.NgxPaginationModule,
+                i1$7.NgxPaginationModule,
                 i1$1.RouterModule,
-                i2.FormsModule,
-                i2.ReactiveFormsModule,
+                i1$2.FormsModule,
+                i1$2.ReactiveFormsModule,
                 LabelSubstitutorModule,
                 PipesModule,
                 ActivityModule,
@@ -32363,10 +32554,10 @@
                 args: [{
                         imports: [
                             i1.CommonModule,
-                            i1$6.NgxPaginationModule,
+                            i1$7.NgxPaginationModule,
                             i1$1.RouterModule,
-                            i2.FormsModule,
-                            i2.ReactiveFormsModule,
+                            i1$2.FormsModule,
+                            i1$2.ReactiveFormsModule,
                             LabelSubstitutorModule,
                             PipesModule,
                             ActivityModule,
@@ -32386,7 +32577,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$6.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$7.PaginatePipe, CaseReferencePipe, SortSearchResultPipe]);
 
     var ComplexFieldOverride = /** @class */ (function () {
         function ComplexFieldOverride() {