@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/fesm2015/hmcts-ccd-case-ui-toolkit.js

@@ -4,7 +4,7 @@ import * as i1 from '@angular/common';
 import { CommonModule, DOCUMENT, CurrencyPipe, formatDate } from '@angular/common';
 import * as i1$1 from '@angular/router';
 import { RouterModule, NavigationStart, NavigationEnd } from '@angular/router';
-import * as i2 from '@angular/forms';
+import * as i1$3 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS, FormArray, FormGroup, FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import polling from 'rx-polling';
 import { throwError, Subject, EMPTY, Observable, of, BehaviorSubject, timer, fromEvent } from 'rxjs';
@@ -17,11 +17,11 @@ import * as moment from 'moment';
 import { __decorate, __metadata } from 'tslib';
 import { isUndefined } from 'util';
 import { StateMachine } from '@edium/fsm';
-import * as i1$3 from '@angular/material/dialog';
+import * as i1$4 from '@angular/material/dialog';
 import { MatDialogConfig, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i4 from '@angular-material-components/datetime-picker';
 import { NGX_MAT_DATE_FORMATS, NgxMatDateAdapter, NgxMatDatetimePickerModule, NgxMatTimepickerModule, NgxMatNativeDateModule } from '@angular-material-components/datetime-picker';
-import * as i1$4 from '@angular/cdk/overlay';
+import * as i1$5 from '@angular/cdk/overlay';
 import { OverlayModule } from '@angular/cdk/overlay';
 import * as i7 from '@angular/cdk/tree';
 import { NestedTreeControl, CdkTreeModule } from '@angular/cdk/tree';
@@ -39,14 +39,14 @@ import * as i3 from '@hmcts/ccpay-web-component';
 import { PaymentLibModule } from '@hmcts/ccpay-web-component';
 import * as i11 from '@hmcts/media-viewer';
 import { MediaViewerModule } from '@hmcts/media-viewer';
-import * as i2$1 from '@nicky-lenaers/ngx-scroll-to';
+import * as i2 from '@nicky-lenaers/ngx-scroll-to';
 import { ScrollToModule } from '@nicky-lenaers/ngx-scroll-to';
-import * as i1$5 from 'ngx-md';
+import * as i1$6 from 'ngx-md';
 import { NgxMdModule } from 'ngx-md';
 import { NgxMatMomentAdapter, NGX_MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular-material-components/moment-adapter';
 import * as i6$2 from '@angular/cdk/portal';
 import { ComponentPortal, PortalModule } from '@angular/cdk/portal';
-import * as i1$6 from 'ngx-pagination';
+import * as i1$7 from 'ngx-pagination';
 import { NgxPaginationModule, PaginatePipe } from 'ngx-pagination';
 import * as i9 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
@@ -8057,7 +8057,7 @@ class CaseEditComponent {
 }
 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.ɵɵdirectiveInject(i2.FormBuilder), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(FieldsUtils), i0.ɵɵdirectiveInject(FieldsPurger), i0.ɵɵdirectiveInject(ConditionalShowRegistrarService), i0.ɵɵdirectiveInject(WizardFactoryService), i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(WindowService)); };
+CaseEditComponent.ɵfac = function CaseEditComponent_Factory(t) { return new (t || CaseEditComponent)(i0.ɵɵdirectiveInject(i1$3.FormBuilder), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(FieldsUtils), i0.ɵɵdirectiveInject(FieldsPurger), i0.ɵɵdirectiveInject(ConditionalShowRegistrarService), i0.ɵɵdirectiveInject(WizardFactoryService), i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(WindowService)); };
 CaseEditComponent.ɵcmp = i0.ɵɵ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.ɵɵProvidersFeature([GreyBarService])], decls: 1, vars: 0, template: function CaseEditComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelement(0, "router-outlet");
     } }, directives: [i1$1.RouterOutlet], styles: ["#fieldset-case-data[_ngcontent-%COMP%]{margin-bottom:30px}#fieldset-case-data[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{width:1%;white-space:nowrap;vertical-align:top}.compound-field[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:0}#confirmation-header[_ngcontent-%COMP%]{width:630px;background-color:#17958b;border:1px solid #979797;color:#fff;text-align:center}#confirmation-body[_ngcontent-%COMP%]{width:630px;background-color:#fff}.valign-top[_ngcontent-%COMP%]{vertical-align:top}.summary-fields[_ngcontent-%COMP%]{margin-bottom:30px}.summary-fields[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%], .summary-fields[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{border-bottom:0}a.disabled[_ngcontent-%COMP%]{pointer-events:none;cursor:default}.case-field-label[_ngcontent-%COMP%]{width:45%}.case-field-content[_ngcontent-%COMP%]{width:50%}.case-field-change[_ngcontent-%COMP%]{width:5%}"] });
@@ -8069,7 +8069,7 @@ CaseEditComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseEditComponent, sele
                 styleUrls: ['../case-edit.scss'],
                 providers: [GreyBarService]
             }]
-    }], function () { return [{ type: i2.FormBuilder }, { type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: FieldsUtils }, { type: FieldsPurger }, { type: ConditionalShowRegistrarService }, { type: WizardFactoryService }, { type: SessionStorageService }, { type: WindowService }]; }, { eventTrigger: [{
+    }], function () { return [{ type: i1$3.FormBuilder }, { type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: FieldsUtils }, { type: FieldsPurger }, { type: ConditionalShowRegistrarService }, { type: WizardFactoryService }, { type: SessionStorageService }, { type: WindowService }]; }, { eventTrigger: [{
             type: Input
         }], submit: [{
             type: Input
@@ -8398,7 +8398,7 @@ class SaveOrDiscardDialogComponent {
         this.matDialogRef.close(this.result);
     }
 }
-SaveOrDiscardDialogComponent.ɵfac = function SaveOrDiscardDialogComponent_Factory(t) { return new (t || SaveOrDiscardDialogComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef)); };
+SaveOrDiscardDialogComponent.ɵfac = function SaveOrDiscardDialogComponent_Factory(t) { return new (t || SaveOrDiscardDialogComponent)(i0.ɵɵdirectiveInject(i1$4.MatDialogRef)); };
 SaveOrDiscardDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SaveOrDiscardDialogComponent, selectors: [["ccd-save-or-discard-dialog"]], decls: 15, vars: 0, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Save", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Discard", 1, "button", "button-secondary", 3, "click"]], template: function SaveOrDiscardDialogComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div");
         i0.ɵɵelementStart(1, "div", 0);
@@ -8436,7 +8436,7 @@ SaveOrDiscardDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SaveOrDiscar
                 templateUrl: './save-or-discard-dialog.component.html',
                 styleUrls: ['../action-dialog.component.scss']
             }]
-    }], function () { return [{ type: i1$3.MatDialogRef }]; }, null); })();
+    }], function () { return [{ type: i1$4.MatDialogRef }]; }, null); })();
 
 function initDialog() {
     const dialogConfig = new MatDialogConfig();
@@ -9066,7 +9066,7 @@ CaseEditPageComponent.RESUMED_FORM_SAVE = 'RESUMED_FORM_SAVE';
 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.ɵɵdirectiveInject(CaseEditComponent), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(FormValueService), i0.ɵɵdirectiveInject(FormErrorService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PageValidationService), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(CaseFieldService), i0.ɵɵdirectiveInject(CaseEditDataService)); };
+CaseEditPageComponent.ɵfac = function CaseEditPageComponent_Factory(t) { return new (t || CaseEditPageComponent)(i0.ɵɵdirectiveInject(CaseEditComponent), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(FormValueService), i0.ɵɵdirectiveInject(FormErrorService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PageValidationService), i0.ɵɵdirectiveInject(i1$4.MatDialog), i0.ɵɵdirectiveInject(CaseFieldService), i0.ɵɵdirectiveInject(CaseEditDataService)); };
 CaseEditPageComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseEditPageComponent, selectors: [["ccd-case-edit-page"]], decls: 13, vars: 12, consts: [[4, "ngIf"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["titleBlock", ""], ["idBlock", ""], ["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], ["class", "error-summary", "role", "status", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [1, "width-50"], ["class", "form", 3, "formGroup", "submit", 4, "ngIf"], ["class", "govuk-heading-l", 4, "ngIf"], [1, "govuk-heading-l"], [1, "govuk-caption-l"], [3, "content"], ["class", "heading-h2", 4, "ngIf"], [1, "heading-h2"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], ["class", "govuk-error-summary__body", 4, "ngFor", "ngForOf"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [1, "validation-error", 3, "click"], ["role", "status", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading-3", 1, "heading-h3", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], ["class", "ccd-error-summary-li", 4, "ngFor", "ngForOf"], [1, "ccd-error-summary-li"], [1, "form", 3, "formGroup", "submit"], ["id", "fieldset-case-data"], [2, "display", "none"], ["id", "caseEditForm", 3, "fields", "formGroup", "caseFields", "pageChangeSubject", "valuesChanged", 4, "ngIf"], ["class", "grid-row", 4, "ngIf"], [1, "form-group", "form-group-related"], ["type", "button", 1, "button", "button-secondary", 3, "disabled", "click"], ["type", "submit", 1, "button", 3, "disabled"], [1, "cancel"], ["href", "javascript:void(0)", 3, "click"], ["id", "caseEditForm", 3, "fields", "formGroup", "caseFields", "pageChangeSubject", "valuesChanged"], [1, "grid-row"], [1, "column-two-thirds", "rightBorderSeparator"], ["id", "caseEditForm1", 3, "fields", "formGroup", "caseFields"], [1, "column-one-third"], ["id", "caseEditForm2", 3, "fields", "formGroup", "caseFields"]], template: function CaseEditPageComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, CaseEditPageComponent_ccd_loading_spinner_0_Template, 1, 0, "ccd-loading-spinner", 0);
         i0.ɵɵtemplate(1, CaseEditPageComponent_ng_container_1_Template, 3, 2, "ng-container", 0);
@@ -9108,7 +9108,7 @@ CaseEditPageComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseEditPageCompone
                 templateUrl: 'case-edit-page.html',
                 styleUrls: ['./case-edit-page.scss']
             }]
-    }], function () { return [{ type: CaseEditComponent }, { type: i1$1.ActivatedRoute }, { type: FormValueService }, { type: FormErrorService }, { type: i0.ChangeDetectorRef }, { type: PageValidationService }, { type: i1$3.MatDialog }, { type: CaseFieldService }, { type: CaseEditDataService }]; }, null); })();
+    }], function () { return [{ type: CaseEditComponent }, { type: i1$1.ActivatedRoute }, { type: FormValueService }, { type: FormErrorService }, { type: i0.ChangeDetectorRef }, { type: PageValidationService }, { type: i1$4.MatDialog }, { type: CaseFieldService }, { type: CaseEditDataService }]; }, null); })();
 
 class CallbackErrorsContext {
 }
@@ -10610,8 +10610,11 @@ var UpdateFlagStep;
 })(UpdateFlagStep || (UpdateFlagStep = {}));
 
 function ReadCaseFlagFieldComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelement(1, "ccd-case-flag-summary-list", 3);
+    i0.ɵɵelementStart(1, "ccd-case-flag-summary-list", 3);
+    i0.ɵɵlistener("changeButtonEmitter", function ReadCaseFlagFieldComponent_ng_container_1_Template_ccd_case_flag_summary_list_changeButtonEmitter_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.navigateBackToForm($event); });
+    i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -10621,26 +10624,26 @@ function ReadCaseFlagFieldComponent_ng_container_1_Template(rf, ctx) { if (rf &
 function ReadCaseFlagFieldComponent_ng_container_2_div_3_ccd_case_flag_table_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "ccd-case-flag-table", 8);
 } if (rf & 2) {
-    const flagData_r4 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("tableCaption", flagData_r4.flags.partyName)("flagData", flagData_r4)("firstColumnHeader", "Party level flags");
+    const flagData_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("tableCaption", flagData_r6.flags.partyName)("flagData", flagData_r6)("firstColumnHeader", "Party level flags");
 } }
 function ReadCaseFlagFieldComponent_ng_container_2_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵtemplate(1, ReadCaseFlagFieldComponent_ng_container_2_div_3_ccd_case_flag_table_1_Template, 1, 3, "ccd-case-flag-table", 7);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const flagData_r4 = ctx.$implicit;
+    const flagData_r6 = ctx.$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", flagData_r4.flags.partyName);
+    i0.ɵɵproperty("ngIf", flagData_r6.flags.partyName);
 } }
 function ReadCaseFlagFieldComponent_ng_container_2_div_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵelement(1, "ccd-case-flag-table", 8);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext(2);
+    const ctx_r5 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("tableCaption", "Case level flags")("flagData", ctx_r3.caseLevelCaseFlagData)("firstColumnHeader", "Case flags");
+    i0.ɵɵproperty("tableCaption", "Case level flags")("flagData", ctx_r5.caseLevelCaseFlagData)("firstColumnHeader", "Case flags");
 } }
 function ReadCaseFlagFieldComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -10658,9 +10661,10 @@ function ReadCaseFlagFieldComponent_ng_container_2_Template(rf, ctx) { if (rf &
     i0.ɵɵproperty("ngIf", ctx_r1.caseLevelCaseFlagData);
 } }
 class ReadCaseFlagFieldComponent extends AbstractFieldReadComponent {
-    constructor(route) {
+    constructor(route, router) {
         super();
         this.route = route;
+        this.router = router;
         this.paletteContext = PaletteContext;
         this.caseLevelCaseFlagsFieldId = 'caseFlags';
         this.caseNameMissing = 'Case name missing';
@@ -10699,6 +10703,8 @@ class ReadCaseFlagFieldComponent extends AbstractFieldReadComponent {
                 // 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 = CaseFlagSummaryListDisplayMode.CREATE;
@@ -10733,9 +10739,17 @@ class ReadCaseFlagFieldComponent extends AbstractFieldReadComponent {
         }
         return null;
     }
+    navigateBackToForm(fieldState) {
+        this.router.navigate(['../createCaseFlagCaseFlagFormPage'], {
+            relativeTo: this.route,
+            state: {
+                fieldState,
+            }
+        });
+    }
 }
-ReadCaseFlagFieldComponent.ɵfac = function ReadCaseFlagFieldComponent_Factory(t) { return new (t || ReadCaseFlagFieldComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute)); };
-ReadCaseFlagFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadCaseFlagFieldComponent, selectors: [["ccd-read-case-flag-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], [3, "flagForSummaryDisplay", "summaryListDisplayMode"], [1, "govuk-heading-l"], [4, "ngFor", "ngForOf"], [4, "ngIf"], [3, "tableCaption", "flagData", "firstColumnHeader", 4, "ngIf"], [3, "tableCaption", "flagData", "firstColumnHeader"]], template: function ReadCaseFlagFieldComponent_Template(rf, ctx) { if (rf & 1) {
+ReadCaseFlagFieldComponent.ɵfac = function ReadCaseFlagFieldComponent_Factory(t) { return new (t || ReadCaseFlagFieldComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router)); };
+ReadCaseFlagFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadCaseFlagFieldComponent, selectors: [["ccd-read-case-flag-field"]], features: [i0.ɵɵ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.ɵɵelementContainerStart(0, 0);
         i0.ɵɵtemplate(1, ReadCaseFlagFieldComponent_ng_container_1_Template, 2, 2, "ng-container", 1);
         i0.ɵɵtemplate(2, ReadCaseFlagFieldComponent_ng_container_2_Template, 5, 2, "ng-container", 2);
@@ -10752,7 +10766,21 @@ ReadCaseFlagFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadCaseFlagFi
                 templateUrl: './read-case-flag-field.component.html',
                 styleUrls: ['./read-case-flag-field.component.scss']
             }]
-    }], function () { return [{ type: i1$1.ActivatedRoute }]; }, null); })();
+    }], function () { return [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }]; }, null); })();
+
+class CaseFlagStateService {
+    constructor() {
+        this.formGroup = new FormGroup({});
+    }
+    resetCache() {
+        this.formGroup = new FormGroup({});
+    }
+}
+CaseFlagStateService.ɵfac = function CaseFlagStateService_Factory(t) { return new (t || CaseFlagStateService)(); };
+CaseFlagStateService.ɵprov = i0.ɵɵdefineInjectable({ token: CaseFlagStateService, factory: CaseFlagStateService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFlagStateService, [{
+        type: Injectable
+    }], null, null); })();
 
 function WriteCaseFlagFieldComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
@@ -10817,7 +10845,7 @@ function WriteCaseFlagFieldComponent_div_1_ng_container_6_Template(rf, ctx) { if
 } if (rf & 2) {
     const ctx_r9 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("formGroup", ctx_r9.caseFlagParentFormGroup)("languages", ctx_r9.listOfValues)("flagCode", ctx_r9.flagCode);
+    i0.ɵɵ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) { if (rf & 1) {
     const _r19 = i0.ɵɵgetCurrentView();
@@ -10904,22 +10932,35 @@ function WriteCaseFlagFieldComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngSwitchCase", ctx_r2.caseFlagFieldState.FLAG_UPDATE);
 } }
 class WriteCaseFlagFieldComponent extends AbstractFieldWriteComponent {
-    constructor(route, caseEditDataService) {
+    constructor(route, caseEditDataService, location, caseFlagStateService) {
         super();
         this.route = route;
         this.caseEditDataService = caseEditDataService;
+        this.location = location;
+        this.caseFlagStateService = caseFlagStateService;
         this.caseFlagFieldState = CaseFlagFieldState;
         this.errorMessages = [];
-        this.caseFlagParentFormGroup = new FormGroup({});
         this.flagCommentsOptional = false;
-        this.listOfValues = null;
         this.allCaseFlagStagesCompleted = false;
         this.updateMode = '#ARGUMENT(UPDATE)';
         // Code for "Other" flag type as defined in Reference Data
         this.otherFlagTypeCode = 'OT0001';
         this.caseNameMissing = 'Case name missing';
     }
+    get flagType() {
+        var _a;
+        return (_a = this.caseFlagParentFormGroup) === null || _a === void 0 ? void 0 : _a.value.flagType;
+    }
+    get selectedFlagsLocation() {
+        var _a;
+        return (_a = this.caseFlagParentFormGroup) === null || _a === void 0 ? void 0 : _a.value.selectedLocation;
+    }
     ngOnInit() {
+        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
@@ -10953,12 +10994,17 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteComponent {
             // 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 ? CaseFlagFieldState.FLAG_MANAGE_CASE_FLAGS : 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 ? CaseFlagFieldState.FLAG_MANAGE_CASE_FLAGS : 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: title => {
-                    this.caseTitle = title.length > 0 ? title : this.caseNameMissing;
+                    this.caseTitle = (title === null || title === void 0 ? void 0 : title.length) > 0 ? title : this.caseNameMissing;
                 }
             });
         }
@@ -10968,31 +11014,6 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteComponent {
     }
     onCaseFlagStateEmitted(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 === 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 === 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 === 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")
@@ -11012,11 +11033,12 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteComponent {
         }
     }
     proceedToNextState() {
+        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 === CaseFlagFieldState.FLAG_TYPE && !this.listOfValues) {
+            if (this.fieldState === CaseFlagFieldState.FLAG_TYPE && !((_a = this.flagType) === null || _a === void 0 ? void 0 : _a.listOfValues)) {
                 this.fieldState = CaseFlagFieldState.FLAG_COMMENTS;
             }
             else {
@@ -11056,10 +11078,11 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteComponent {
                 }
             }
         });
-        let flagsCaseFieldValue = this.selectedFlagsLocation.caseField.value;
+        const path = this.selectedFlagsLocation.pathToFlagsFormGroup;
+        const flagDataRef = this.flagsData.find(item => item.pathToFlagsFormGroup === path);
+        let 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
-        const 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(part => flagsCaseFieldValue = flagsCaseFieldValue[part]);
@@ -11067,8 +11090,8 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteComponent {
         // 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')) {
@@ -11149,38 +11172,22 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteComponent {
     onFlagCommentsOptionalEmitted(_) {
         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
-     */
-    setCaseFlagParentFormGroup(pathToFlagsFormGroup) {
-        this.caseFlagParentFormGroup = this.formGroup.parent.get(pathToFlagsFormGroup);
-    }
     populateNewFlagDetailInstance() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const 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(pathValue => 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: CaseFlagStatus.ACTIVE
         };
     }
@@ -11191,8 +11198,12 @@ class WriteCaseFlagFieldComponent extends AbstractFieldWriteComponent {
         this.formGroup.updateValueAndValidity();
         this.caseEditDataService.setTriggerSubmitEvent(true);
     }
+    ngOnDestroy() {
+        var _a;
+        (_a = this.caseTitleSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+    }
 }
-WriteCaseFlagFieldComponent.ɵfac = function WriteCaseFlagFieldComponent_Factory(t) { return new (t || WriteCaseFlagFieldComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseEditDataService)); };
+WriteCaseFlagFieldComponent.ɵfac = function WriteCaseFlagFieldComponent_Factory(t) { return new (t || WriteCaseFlagFieldComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseEditDataService), i0.ɵɵdirectiveInject(i1.Location), i0.ɵɵdirectiveInject(CaseFlagStateService)); };
 WriteCaseFlagFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCaseFlagFieldComponent, selectors: [["ccd-write-case-flag-field"]], features: [i0.ɵɵ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.ɵɵtemplate(0, WriteCaseFlagFieldComponent_div_0_Template, 4, 1, "div", 0);
         i0.ɵɵtemplate(1, WriteCaseFlagFieldComponent_div_1_Template, 8, 10, "div", 1);
@@ -11211,7 +11222,7 @@ WriteCaseFlagFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCaseFlag
                 templateUrl: './write-case-flag-field.component.html',
                 styleUrls: ['./write-case-flag-field.component.scss']
             }]
-    }], function () { return [{ type: i1$1.ActivatedRoute }, { type: CaseEditDataService }]; }, null); })();
+    }], function () { return [{ type: i1$1.ActivatedRoute }, { type: CaseEditDataService }, { type: i1.Location }, { type: CaseFlagStateService }]; }, null); })();
 
 function ReadCaseLinkFieldComponent_a_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "a", 1);
@@ -11349,7 +11360,7 @@ WriteCaseLinkFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCaseLink
         i0.ɵɵproperty("ngIf", ctx.caseReferenceControl.errors && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.touched));
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("id", ctx.id())("formControl", ctx.caseReferenceControl);
-    } }, directives: [i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+    } }, directives: [i1.NgClass, i1.NgIf, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 const ɵWriteCaseLinkFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteCaseLinkFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteCaseLinkFieldComponent, [{
         type: Component,
@@ -11463,7 +11474,7 @@ class RemoveDialogComponent {
         this.matDialogRef.close(this.result);
     }
 }
-RemoveDialogComponent.ɵfac = function RemoveDialogComponent_Factory(t) { return new (t || RemoveDialogComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef)); };
+RemoveDialogComponent.ɵfac = function RemoveDialogComponent_Factory(t) { return new (t || RemoveDialogComponent)(i0.ɵɵdirectiveInject(i1$4.MatDialogRef)); };
 RemoveDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RemoveDialogComponent, selectors: [["ccd-remove-dialog"]], decls: 15, vars: 0, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Remove", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Cancel", 1, "button", "button-secondary", 3, "click"]], template: function RemoveDialogComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div");
         i0.ɵɵelementStart(1, "div", 0);
@@ -11501,7 +11512,7 @@ RemoveDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RemoveDialogCompone
                 templateUrl: './remove-dialog.component.html',
                 styleUrls: ['../action-dialog.component.scss']
             }]
-    }], function () { return [{ type: i1$3.MatDialogRef }]; }, null); })();
+    }], function () { return [{ type: i1$4.MatDialogRef }]; }, null); })();
 
 const _c0$L = ["collectionItem"];
 function WriteCollectionFieldComponent_h2_7_span_1_Template(rf, ctx) { if (rf & 1) {
@@ -11875,7 +11886,7 @@ class WriteCollectionFieldComponent extends AbstractFieldWriteComponent {
         return notSimple.indexOf(caseField.field_type.collection_field_type.type) < 0;
     }
 }
-WriteCollectionFieldComponent.ɵfac = function WriteCollectionFieldComponent_Factory(t) { return new (t || WriteCollectionFieldComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(i2$1.ScrollToService), i0.ɵɵdirectiveInject(ProfileNotifier)); };
+WriteCollectionFieldComponent.ɵfac = function WriteCollectionFieldComponent_Factory(t) { return new (t || WriteCollectionFieldComponent)(i0.ɵɵdirectiveInject(i1$4.MatDialog), i0.ɵɵdirectiveInject(i2.ScrollToService), i0.ɵɵdirectiveInject(ProfileNotifier)); };
 WriteCollectionFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCollectionFieldComponent, selectors: [["ccd-write-collection-field"]], viewQuery: function WriteCollectionFieldComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$L, 1);
     } if (rf & 2) {
@@ -11917,7 +11928,7 @@ WriteCollectionFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCollec
                 templateUrl: './write-collection-field.html',
                 styleUrls: ['./collection-field.scss']
             }]
-    }], function () { return [{ type: i1$3.MatDialog }, { type: i2$1.ScrollToService }, { type: ProfileNotifier }]; }, { caseFields: [{
+    }], function () { return [{ type: i1$4.MatDialog }, { type: i2.ScrollToService }, { type: ProfileNotifier }]; }, { caseFields: [{
             type: Input
         }], formGroup: [{
             type: Input
@@ -12143,7 +12154,7 @@ class DocumentDialogComponent {
         this.matDialogRef.close(this.result);
     }
 }
-DocumentDialogComponent.ɵfac = function DocumentDialogComponent_Factory(t) { return new (t || DocumentDialogComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef)); };
+DocumentDialogComponent.ɵfac = function DocumentDialogComponent_Factory(t) { return new (t || DocumentDialogComponent)(i0.ɵɵdirectiveInject(i1$4.MatDialogRef)); };
 DocumentDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DocumentDialogComponent, selectors: [["ccd-document-dialog"]], decls: 15, vars: 0, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Replace", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Cancel", 1, "button", "button-secondary", 3, "click"]], template: function DocumentDialogComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div");
         i0.ɵɵelementStart(1, "div", 0);
@@ -12181,7 +12192,7 @@ DocumentDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DocumentDialogCom
                 templateUrl: './document-dialog.component.html',
                 styleUrls: ['../action-dialog.component.scss']
             }]
-    }], function () { return [{ type: i1$3.MatDialogRef }]; }, null); })();
+    }], function () { return [{ type: i1$4.MatDialogRef }]; }, null); })();
 
 class FileUploadStateService {
     setUploadInProgress(value) {
@@ -12473,7 +12484,7 @@ WriteDocumentFieldComponent.DOCUMENT_HASH = 'document_hash';
 WriteDocumentFieldComponent.UPLOAD_ERROR_FILE_REQUIRED = 'File required';
 WriteDocumentFieldComponent.UPLOAD_ERROR_NOT_AVAILABLE = 'Document upload facility is not available at the moment';
 WriteDocumentFieldComponent.UPLOAD_WAITING_FILE_STATUS = 'Uploading...';
-WriteDocumentFieldComponent.ɵfac = function WriteDocumentFieldComponent_Factory(t) { return new (t || WriteDocumentFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(FileUploadStateService)); };
+WriteDocumentFieldComponent.ɵfac = function WriteDocumentFieldComponent_Factory(t) { return new (t || WriteDocumentFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(i1$4.MatDialog), i0.ɵɵdirectiveInject(FileUploadStateService)); };
 WriteDocumentFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDocumentFieldComponent, selectors: [["ccd-write-document-field"]], viewQuery: function WriteDocumentFieldComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$K, 1);
     } if (rf & 2) {
@@ -12538,7 +12549,7 @@ WriteDocumentFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDocument
                 selector: 'ccd-write-document-field',
                 templateUrl: './write-document-field.html'
             }]
-    }], function () { return [{ type: AbstractAppConfig }, { type: CaseNotifier }, { type: DocumentManagementService }, { type: i1$3.MatDialog }, { type: FileUploadStateService }]; }, { fileInput: [{
+    }], function () { return [{ type: AbstractAppConfig }, { type: CaseNotifier }, { type: DocumentManagementService }, { type: i1$4.MatDialog }, { type: FileUploadStateService }]; }, { fileInput: [{
             type: ViewChild,
             args: ['fileInput', { static: false }]
         }], clickout: [{
@@ -12696,7 +12707,7 @@ WriteDynamicListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDynam
         i0.ɵɵproperty("ngValue", null);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngForOf", ctx.caseField.list_items);
-    } }, directives: [i1.NgClass, i1.NgIf, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i2.NgSelectOption, i2.ɵangular_packages_forms_forms_z, i1.NgForOf], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+    } }, directives: [i1.NgClass, i1.NgIf, i1$3.SelectControlValueAccessor, i1$3.NgControlStatus, i1$3.FormControlDirective, i1$3.NgSelectOption, i1$3.ɵangular_packages_forms_forms_z, i1.NgForOf], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 const ɵWriteDynamicListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteDynamicListFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteDynamicListFieldComponent, [{
         type: Component,
@@ -12874,7 +12885,7 @@ WriteDynamicRadioListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: Write
         i0.ɵɵproperty("ngIf", ctx.dynamicRadioListControl.errors && ctx.dynamicRadioListControl.dirty);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngForOf", ctx.caseField.list_items);
-    } }, directives: [i1.NgClass, i1.NgIf, i1.NgForOf, i2.RadioControlValueAccessor, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+    } }, directives: [i1.NgClass, i1.NgIf, i1.NgForOf, i1$3.RadioControlValueAccessor, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 const ɵWriteDynamicRadioListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteDynamicRadioListFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteDynamicRadioListFieldComponent, [{
         type: Component,
@@ -12974,7 +12985,7 @@ WriteEmailFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteEmailFieldC
         i0.ɵɵproperty("ngIf", ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched));
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$f, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
-    } }, directives: [i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+    } }, directives: [i1.NgClass, i1.NgIf, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 const ɵWriteEmailFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteEmailFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteEmailFieldComponent, [{
         type: Component,
@@ -13118,7 +13129,7 @@ WriteFixedListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteFixedLi
         i0.ɵɵproperty("ngValue", null);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngForOf", ctx.listItems);
-    } }, directives: [i1.NgClass, i1.NgIf, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i2.NgSelectOption, i2.ɵangular_packages_forms_forms_z, i1.NgForOf], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+    } }, directives: [i1.NgClass, i1.NgIf, i1$3.SelectControlValueAccessor, i1$3.NgControlStatus, i1$3.FormControlDirective, i1$3.NgSelectOption, i1$3.ɵangular_packages_forms_forms_z, i1.NgForOf], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 const ɵWriteFixedListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteFixedListFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteFixedListFieldComponent, [{
         type: Component,
@@ -13248,7 +13259,7 @@ WriteFixedRadioListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteFi
         i0.ɵɵproperty("ngIf", ctx.fixedRadioListControl.errors && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngForOf", ctx.caseField.field_type.fixed_list_items);
-    } }, directives: [i1.NgClass, i1.NgIf, i1.NgForOf, i2.RadioControlValueAccessor, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+    } }, directives: [i1.NgClass, i1.NgIf, i1.NgForOf, i1$3.RadioControlValueAccessor, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 const ɵWriteFixedRadioListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteFixedRadioListFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteFixedRadioListFieldComponent, [{
         type: Component,
@@ -13420,7 +13431,7 @@ WriteJudicialUserFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteJudi
         i0.ɵɵproperty("ngForOf", ctx.filteredJudicialUsers);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", !(ctx.filteredJudicialUsers == null ? null : ctx.filteredJudicialUsers.length) && ctx.showAutocomplete);
-    } }, directives: [i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgIf, i2.DefaultValueAccessor, i5.MatAutocompleteTrigger, i2.NgControlStatus, i2.FormControlDirective, i5.MatAutocomplete, i1.NgForOf, i6.MatOption, i1.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$3.NgControlStatusGroup, i1$3.FormGroupDirective, i1.NgIf, i1$3.DefaultValueAccessor, i5.MatAutocompleteTrigger, i1$3.NgControlStatus, i1$3.FormControlDirective, i5.MatAutocomplete, i1.NgForOf, i6.MatOption, i1.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.ɵsetClassMetadata(WriteJudicialUserFieldComponent, [{
         type: Component,
         args: [{
@@ -13688,7 +13699,7 @@ WriteMoneyGbpFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteMoneyGbp
         i0.ɵɵproperty("ngIf", ctx.moneyGbpControl.errors && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched));
         i0.ɵɵadvance(4);
         i0.ɵɵproperty("id", ctx.id())("name", ctx.id())("mandatory", i0.ɵɵpipeBind1(9, 9, ctx.caseField))("formControl", ctx.moneyGbpControl);
-    } }, directives: [i1.NgClass, i1.NgIf, MoneyGbpInputComponent, i2.NgControlStatus, i2.FormControlDirective], pipes: [IsMandatoryPipe, FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+    } }, directives: [i1.NgClass, i1.NgIf, MoneyGbpInputComponent, i1$3.NgControlStatus, i1$3.FormControlDirective], pipes: [IsMandatoryPipe, FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 const ɵWriteMoneyGbpFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteMoneyGbpFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteMoneyGbpFieldComponent, [{
         type: Component,
@@ -13947,7 +13958,7 @@ WriteNumberFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteNumberFiel
         i0.ɵɵproperty("ngIf", ctx.numberControl.errors && ctx.numberControl.dirty);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$d, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
-    } }, directives: [i1.NgClass, i1.NgIf, i2.NumberValueAccessor, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+    } }, directives: [i1.NgClass, i1.NgIf, i1$3.NumberValueAccessor, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 const ɵWriteNumberFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteNumberFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteNumberFieldComponent, [{
         type: Component,
@@ -14628,7 +14639,7 @@ WritePhoneUKFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WritePhoneUKFi
         i0.ɵɵproperty("ngIf", ctx.phoneUkControl.errors && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched));
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$c, ctx.phoneUkControl.errors && ctx.phoneUkControl.dirty))("id", ctx.id())("formControl", ctx.phoneUkControl);
-    } }, directives: [i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+    } }, directives: [i1.NgClass, i1.NgIf, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 const ɵWritePhoneUKFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WritePhoneUKFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WritePhoneUKFieldComponent, [{
         type: Component,
@@ -14729,7 +14740,7 @@ WriteTextAreaFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteTextArea
         i0.ɵɵproperty("ngIf", ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched));
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$b, ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched)))("id", ctx.id())("formControl", ctx.textareaControl);
-    } }, directives: [i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+    } }, directives: [i1.NgClass, i1.NgIf, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteTextAreaFieldComponent, [{
         type: Component,
         args: [{
@@ -14822,7 +14833,7 @@ WriteTextFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteTextFieldCom
         i0.ɵɵproperty("ngIf", (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched));
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngClass", i0.ɵɵ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.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+    } }, directives: [i1.NgClass, i1.NgIf, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 const ɵWriteTextFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteTextFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteTextFieldComponent, [{
         type: Component,
@@ -15034,7 +15045,7 @@ WriteYesNoFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteYesNoFieldC
         i0.ɵɵproperty("id", ctx.createElementId("radio"));
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngForOf", ctx.yesNoValues);
-    } }, directives: [i1.NgClass, i1.NgIf, i1.NgForOf, i2.RadioControlValueAccessor, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+    } }, directives: [i1.NgClass, i1.NgIf, i1.NgForOf, i1$3.RadioControlValueAccessor, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteYesNoFieldComponent, [{
         type: Component,
         args: [{
@@ -15477,7 +15488,7 @@ class CaseFileViewFolderSelectorComponent {
         return null;
     }
 }
-CaseFileViewFolderSelectorComponent.ɵfac = function CaseFileViewFolderSelectorComponent_Factory(t) { return new (t || CaseFileViewFolderSelectorComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
+CaseFileViewFolderSelectorComponent.ɵfac = function CaseFileViewFolderSelectorComponent_Factory(t) { return new (t || CaseFileViewFolderSelectorComponent)(i0.ɵɵdirectiveInject(i1$4.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
 CaseFileViewFolderSelectorComponent.ɵcmp = i0.ɵɵ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.ɵɵelementStart(0, "div", 0);
         i0.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_div_click_0_listener() { return ctx.cancel(); });
@@ -15516,7 +15527,7 @@ CaseFileViewFolderSelectorComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseF
                 styleUrls: ['./case-file-view-folder-selector.component.scss'],
                 encapsulation: ViewEncapsulation.None
             }]
-    }], function () { return [{ type: i1$3.MatDialogRef }, { type: undefined, decorators: [{
+    }], function () { return [{ type: i1$4.MatDialogRef }, { type: undefined, decorators: [{
                 type: Inject,
                 args: [MAT_DIALOG_DATA]
             }] }]; }, null); })();
@@ -15599,7 +15610,7 @@ CaseFileViewOverlayMenuComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFile
         const _r0 = i0.ɵɵreference(2);
         i0.ɵɵadvance(4);
         i0.ɵɵproperty("cdkConnectedOverlayOrigin", _r0)("cdkConnectedOverlayOpen", ctx.isOpen)("cdkConnectedOverlayHasBackdrop", true)("cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop");
-    } }, directives: [i1$4.CdkOverlayOrigin, i1$4.CdkConnectedOverlay, i1.NgIf, i1.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$5.CdkOverlayOrigin, i1$5.CdkConnectedOverlay, i1.NgIf, i1.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.ɵsetClassMetadata(CaseFileViewOverlayMenuComponent, [{
         type: Component,
         args: [{
@@ -16100,7 +16111,7 @@ class CaseFileViewFolderComponent {
 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.ɵɵdirectiveInject(WindowService), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(i1$3.MatDialog)); };
+CaseFileViewFolderComponent.ɵfac = function CaseFileViewFolderComponent_Factory(t) { return new (t || CaseFileViewFolderComponent)(i0.ɵɵdirectiveInject(WindowService), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(i1$4.MatDialog)); };
 CaseFileViewFolderComponent.ɵcmp = i0.ɵɵ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.ɵɵelementStart(0, "div", 0);
         i0.ɵɵelementStart(1, "div", 1);
@@ -16125,7 +16136,7 @@ CaseFileViewFolderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewF
         i0.ɵɵtextInterpolate1("Documents (", ctx.documentCount, ")");
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("ngIf", ctx.documentTreeData);
-    } }, directives: [i2.NgControlStatusGroup, i2.FormGroupDirective, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlName, CaseFileViewFolderSortComponent, i1.NgIf, i7.CdkTree, i7.CdkTreeNodeDef, i7.CdkNestedTreeNode, CaseFileViewFolderDocumentActionsComponent, i7.CdkTreeNodeToggle, i7.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$3.NgControlStatusGroup, i1$3.FormGroupDirective, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlName, CaseFileViewFolderSortComponent, i1.NgIf, i7.CdkTree, i7.CdkTreeNodeDef, i7.CdkNestedTreeNode, CaseFileViewFolderDocumentActionsComponent, i7.CdkTreeNodeToggle, i7.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.ɵsetClassMetadata(CaseFileViewFolderComponent, [{
         type: Component,
         args: [{
@@ -16133,7 +16144,7 @@ CaseFileViewFolderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFileViewF
                 templateUrl: './case-file-view-folder.component.html',
                 styleUrls: ['./case-file-view-folder.component.scss'],
             }]
-    }], function () { return [{ type: WindowService }, { type: i1$1.Router }, { type: DocumentManagementService }, { type: i1$3.MatDialog }]; }, { categoriesAndDocuments: [{
+    }], function () { return [{ type: WindowService }, { type: i1$1.Router }, { type: DocumentManagementService }, { type: i1$4.MatDialog }]; }, { categoriesAndDocuments: [{
             type: Input
         }], allowMoving: [{
             type: Input
@@ -16295,82 +16306,156 @@ CaseFlagTableComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFlagTableCompo
             type: Input
         }] }); })();
 
-function SelectFlagTypeComponent_div_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 10);
-    i0.ɵɵelementStart(1, "span", 11);
+/**
+ * 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
+ */
+class FlagType {
+    constructor() {
+        this.listOfValuesLength = 0;
+        this.listOfValues = [];
+    }
+    static searchPathByFlagTypeObject(singleFlag, flags, path = []) {
+        var _a;
+        for (const flag of flags) {
+            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) {
+                const [result, childPath] = FlagType.searchPathByFlagTypeObject(singleFlag, flag.childFlags, [...path, flag]);
+                if (result) {
+                    return [result, childPath];
+                }
+            }
+        }
+        return [undefined, []];
+    }
+}
+
+/**
+ * DTO to provide typing of the response from the Reference Data Location API for HMCTS service details.
+ */
+class HmctsServiceDetail {
+    constructor() {
+        this.service_id = 0;
+    }
+}
+
+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.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵelementStart(1, "span", 12);
     i0.ɵɵtext(2, "Error:");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.flagTypeNotSelectedErrorMessage, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.flagTypeNotSelectedErrorMessage, " ");
 } }
-function SelectFlagTypeComponent_div_8_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 12);
-    i0.ɵɵelementStart(1, "input", 13);
-    i0.ɵɵlistener("change", function SelectFlagTypeComponent_div_8_Template_input_change_1_listener() { i0.ɵɵrestoreView(_r7); const flagType_r4 = ctx.$implicit; const ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.onFlagTypeChanged(flagType_r4); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "label", 14);
+function SelectFlagTypeComponent_div_0_div_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵelement(1, "input", 14);
+    i0.ɵɵelementStart(2, "label", 15);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const flagType_r4 = ctx.$implicit;
-    const i_r5 = ctx.index;
-    const ctx_r1 = i0.ɵɵnextContext();
+    const flagType_r5 = ctx.$implicit;
+    const i_r6 = ctx.index;
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵpropertyInterpolate1("id", "flag-type-", i_r5, "");
-    i0.ɵɵproperty("name", ctx_r1.flagTypeControlName)("value", flagType_r4.flagCode === "CATGRY" ? flagType_r4.flagCode + i_r5 : flagType_r4.flagCode)("formControlName", ctx_r1.flagTypeControlName);
+    i0.ɵɵpropertyInterpolate1("id", "flag-type-", i_r6, "");
+    i0.ɵɵproperty("name", ctx_r2.flagTypeControlName)("value", flagType_r5)("formControlName", ctx_r2.flagTypeControlName);
     i0.ɵɵadvance(1);
-    i0.ɵɵpropertyInterpolate1("for", "flag-type-", i_r5, "");
+    i0.ɵɵpropertyInterpolate1("for", "flag-type-", i_r6, "");
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(flagType_r4.name);
+    i0.ɵɵtextInterpolate(flagType_r5.name);
 } }
-function SelectFlagTypeComponent_div_9_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19);
-    i0.ɵɵelementStart(1, "span", 11);
+function SelectFlagTypeComponent_div_0_div_9_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵelementStart(1, "span", 12);
     i0.ɵɵtext(2, "Error:");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r8 = i0.ɵɵnextContext(2);
+    const ctx_r7 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r8.flagTypeErrorMessage, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r7.flagTypeErrorMessage, " ");
 } }
 const _c0$q = function (a0) { return { "form-group-error": a0 }; };
 const _c1$6 = function (a0) { return { "govuk-input--error": a0 }; };
-function SelectFlagTypeComponent_div_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15);
-    i0.ɵɵelementStart(1, "div", 1);
-    i0.ɵɵelementStart(2, "label", 16);
+function SelectFlagTypeComponent_div_0_div_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵelementStart(1, "div", 2);
+    i0.ɵɵelementStart(2, "label", 17);
     i0.ɵɵtext(3, "Enter a flag type");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, SelectFlagTypeComponent_div_9_div_4_Template, 4, 1, "div", 17);
-    i0.ɵɵelement(5, "input", 18);
+    i0.ɵɵtemplate(4, SelectFlagTypeComponent_div_0_div_9_div_4_Template, 4, 1, "div", 18);
+    i0.ɵɵelement(5, "input", 19);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
+    const ctx_r3 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$q, ctx_r2.flagTypeErrorMessage.length > 0));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$q, ctx_r3.flagTypeErrorMessage.length > 0));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", ctx_r2.flagTypeErrorMessage.length > 0);
+    i0.ɵɵproperty("ngIf", ctx_r3.flagTypeErrorMessage.length > 0);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1$6, ctx_r2.flagTypeErrorMessage.length > 0))("name", ctx_r2.descriptionControlName)("formControlName", ctx_r2.descriptionControlName);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1$6, ctx_r3.flagTypeErrorMessage.length > 0))("name", ctx_r3.descriptionControlName)("formControlName", ctx_r3.descriptionControlName);
 } }
-function SelectFlagTypeComponent_div_10_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 20);
-    i0.ɵɵelementStart(1, "button", 21);
-    i0.ɵɵlistener("click", function SelectFlagTypeComponent_div_10_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.onNext(); });
+function SelectFlagTypeComponent_div_0_div_10_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 21);
+    i0.ɵɵelementStart(1, "button", 22);
+    i0.ɵɵlistener("click", function SelectFlagTypeComponent_div_0_div_10_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(2); return ctx_r8.onNext(); });
     i0.ɵɵtext(2, "Next");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } }
+function SelectFlagTypeComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelementStart(1, "div", 2);
+    i0.ɵɵelementStart(2, "fieldset", 3);
+    i0.ɵɵelementStart(3, "legend", 4);
+    i0.ɵɵelementStart(4, "h1", 5);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(6, SelectFlagTypeComponent_div_0_div_6_Template, 4, 1, "div", 6);
+    i0.ɵɵelementStart(7, "div", 7);
+    i0.ɵɵtemplate(8, SelectFlagTypeComponent_div_0_div_8_Template, 4, 6, "div", 8);
+    i0.ɵɵtemplate(9, SelectFlagTypeComponent_div_0_div_9_Template, 6, 9, "div", 9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(10, SelectFlagTypeComponent_div_0_div_10_Template, 3, 0, "div", 10);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("formGroup", ctx_r0.formGroup);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$q, ctx_r0.flagTypeNotSelectedErrorMessage.length > 0));
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.caseFlagWizardStepTitle.SELECT_CASE_FLAG, " ");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.flagTypeNotSelectedErrorMessage.length > 0);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", ctx_r0.flagTypes);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.otherFlagTypeSelected);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !ctx_r0.refdataError);
+} }
 class SelectFlagTypeComponent {
     constructor(caseFlagRefdataService) {
         this.caseFlagRefdataService = caseFlagRefdataService;
@@ -16378,7 +16463,6 @@ class SelectFlagTypeComponent {
         this.flagCommentsOptionalEmitter = new EventEmitter();
         this.flagTypeNotSelectedErrorMessage = '';
         this.flagTypeErrorMessage = '';
-        this.otherFlagTypeSelected = false;
         this.refdataError = false;
         this.flagTypeControlName = 'flagType';
         this.descriptionControlName = 'otherFlagTypeDescription';
@@ -16390,15 +16474,38 @@ class SelectFlagTypeComponent {
     get caseFlagWizardStepTitle() {
         return CaseFlagWizardStepTitle;
     }
+    get selectedFlagType() {
+        var _a;
+        return (_a = this.formGroup.get(this.flagTypeControlName)) === null || _a === void 0 ? void 0 : _a.value;
+    }
+    get otherFlagTypeSelected() {
+        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;
+    }
     ngOnInit() {
         this.flagTypes = [];
-        this.formGroup.addControl(this.flagTypeControlName, new FormControl(''));
-        this.formGroup.addControl(this.descriptionControlName, new FormControl(''));
         const flagType = this.formGroup['caseField']
             && this.formGroup['caseField'].id
             && this.formGroup['caseField'].id === this.caseLevelCaseFlagsFieldId
             ? RefdataCaseFlagType.CASE
             : RefdataCaseFlagType.PARTY;
+        if (!this.formGroup.get(this.flagTypeControlName)) {
+            this.formGroup.addControl(this.flagTypeControlName, new FormControl(''));
+        }
+        if (!this.formGroup.get(this.descriptionControlName)) {
+            this.formGroup.addControl(this.descriptionControlName, new FormControl(''));
+        }
+        // Should clear descriptionControlName if flagTypeControlName is changed
+        this.flagTypeControlChangesSubscription = this.formGroup.get(this.flagTypeControlName).valueChanges
+            .subscribe(value => {
+            this.formGroup.get(this.descriptionControlName).setValue('');
+            this.cachedPath = [];
+            // required to clear language interpreter
+            this.formGroup.patchValue({
+                [SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM]: '',
+                [SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY]: ''
+            });
+        });
         // 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(
@@ -16411,6 +16518,16 @@ class SelectFlagTypeComponent {
             next: flagTypes => {
                 // First (and only) object in the returned array should be the top-level "Party" flag type
                 this.flagTypes = flagTypes[0].childFlags;
+                const 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
+                    const [foundFlagType, path] = FlagType.searchPathByFlagTypeObject(formControl.value, this.flagTypes);
+                    this.cachedPath = [
+                        ...path,
+                        foundFlagType
+                    ];
+                    formControl.setValue(this.cachedPath[0], { emitEvent: false });
+                }
             },
             error: error => {
                 this.onRefdataError(error);
@@ -16418,16 +16535,14 @@ class SelectFlagTypeComponent {
         });
     }
     ngOnDestroy() {
+        var _a;
         if (this.flagRefdata$) {
             this.flagRefdata$.unsubscribe();
         }
-    }
-    onFlagTypeChanged(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();
     }
     onNext() {
+        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,
@@ -16436,14 +16551,6 @@ class SelectFlagTypeComponent {
             currentCaseFlagFieldState: 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(pathValue => 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) {
@@ -16452,8 +16559,8 @@ class SelectFlagTypeComponent {
         // 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 });
         }
     }
     validateForm() {
@@ -16486,39 +16593,11 @@ class SelectFlagTypeComponent {
     }
 }
 SelectFlagTypeComponent.ɵfac = function SelectFlagTypeComponent_Factory(t) { return new (t || SelectFlagTypeComponent)(i0.ɵɵdirectiveInject(CaseFlagRefdataService)); };
-SelectFlagTypeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SelectFlagTypeComponent, selectors: [["ccd-select-flag-type"]], inputs: { formGroup: "formGroup", jurisdiction: "jurisdiction" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter", flagCommentsOptionalEmitter: "flagCommentsOptionalEmitter" }, decls: 11, vars: 9, consts: [[1, "form-group", 3, "formGroup"], [1, "govuk-form-group", 3, "ngClass"], ["aria-describedby", "flag-type-heading", 1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], ["id", "flag-type-heading", 1, "govuk-fieldset__heading"], ["id", "flag-type-not-selected-error-message", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-radios", "id", "conditional-radios-list", 1, "govuk-radios", "govuk-radios--conditional"], ["class", "govuk-radios__item", 4, "ngFor", "ngForOf"], ["class", "govuk-radios__conditional", "id", "conditional-flagType", 4, "ngIf"], ["class", "govuk-button-group", 4, "ngIf"], ["id", "flag-type-not-selected-error-message", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], [1, "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "id", "name", "value", "formControlName", "change"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["id", "conditional-flagType", 1, "govuk-radios__conditional"], ["for", "other-flag-type-description", 1, "govuk-label"], ["id", "flag-type-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "other-flag-type-description", "type", "text", 1, "govuk-input", "govuk-!-width-one-half", 3, "ngClass", "name", "formControlName"], ["id", "flag-type-error-message", 1, "govuk-error-message"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"]], template: function SelectFlagTypeComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵelementStart(1, "div", 1);
-        i0.ɵɵelementStart(2, "fieldset", 2);
-        i0.ɵɵelementStart(3, "legend", 3);
-        i0.ɵɵelementStart(4, "h1", 4);
-        i0.ɵɵtext(5);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(6, SelectFlagTypeComponent_div_6_Template, 4, 1, "div", 5);
-        i0.ɵɵelementStart(7, "div", 6);
-        i0.ɵɵtemplate(8, SelectFlagTypeComponent_div_8_Template, 4, 6, "div", 7);
-        i0.ɵɵtemplate(9, SelectFlagTypeComponent_div_9_Template, 6, 9, "div", 8);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(10, SelectFlagTypeComponent_div_10_Template, 3, 0, "div", 9);
-        i0.ɵɵelementEnd();
+SelectFlagTypeComponent.ɵcmp = i0.ɵɵ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.ɵɵtemplate(0, SelectFlagTypeComponent_div_0_Template, 11, 9, "div", 0);
     } if (rf & 2) {
-        i0.ɵɵproperty("formGroup", ctx.formGroup);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$q, ctx.flagTypeNotSelectedErrorMessage.length > 0));
-        i0.ɵɵadvance(4);
-        i0.ɵɵtextInterpolate1(" ", ctx.caseFlagWizardStepTitle.SELECT_CASE_FLAG, " ");
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.flagTypeNotSelectedErrorMessage.length > 0);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngForOf", ctx.flagTypes);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.otherFlagTypeSelected);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", !ctx.refdataError);
-    } }, directives: [i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgClass, i1.NgIf, i1.NgForOf, i2.RadioControlValueAccessor, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlName], styles: [".hidden[_ngcontent-%COMP%]{display:none}.validation-error[_ngcontent-%COMP%]{cursor:pointer;text-decoration:underline;color:#d4351c}"] });
+        i0.ɵɵproperty("ngIf", ctx.flagTypes == null ? null : ctx.flagTypes.length);
+    } }, directives: [i1.NgIf, i1$3.NgControlStatusGroup, i1$3.FormGroupDirective, i1.NgClass, i1.NgForOf, i1$3.RadioControlValueAccessor, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$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.ɵsetClassMetadata(SelectFlagTypeComponent, [{
         type: Component,
         args: [{
@@ -16622,14 +16701,13 @@ function SearchLanguageInterpreterComponent_div_21_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r5.languageCharLimitErrorMessage);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("name", ctx_r5.manualLanguageEntryControlName)("formControlName", ctx_r5.manualLanguageEntryControlName);
+    i0.ɵɵproperty("name", ctx_r5.SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY)("formControlName", ctx_r5.SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY);
 } }
 class SearchLanguageInterpreterComponent {
     constructor() {
+        this.SearchLanguageInterpreterControlNames = SearchLanguageInterpreterControlNames;
         this.caseFlagStateEmitter = new EventEmitter();
         this.minSearchCharacters = 3;
-        this.languageSearchTermControlName = 'languageSearchTerm';
-        this.manualLanguageEntryControlName = 'manualLanguageEntry';
         this.searchTerm = '';
         this.isCheckboxEnabled = false;
         this.errorMessages = [];
@@ -16651,9 +16729,9 @@ class SearchLanguageInterpreterComponent {
         this.searchLanguageInterpreterHint = this.flagCode === this.signLanguageFlagCode
             ? SearchLanguageInterpreterStep.SIGN_HINT_TEXT
             : SearchLanguageInterpreterStep.HINT_TEXT;
-        this.formGroup.addControl(this.languageSearchTermControlName, new FormControl());
-        this.formGroup.addControl(this.manualLanguageEntryControlName, new FormControl());
-        this.filteredLanguages$ = this.formGroup.get(this.languageSearchTermControlName).valueChanges.pipe(
+        this.formGroup.addControl(SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM, new FormControl());
+        this.formGroup.addControl(SearchLanguageInterpreterControlNames.MANUAL_LANGUAGE_ENTRY, new 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
         map(input => typeof input === 'string' ? input : input.value), map(searchTerm => {
@@ -16676,7 +16754,7 @@ class SearchLanguageInterpreterComponent {
         // 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);
         }
     }
     displayLanguage(language) {
@@ -16689,39 +16767,39 @@ class SearchLanguageInterpreterComponent {
         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 = SearchLanguageInterpreterErrorMessage.LANGUAGE_NOT_ENTERED;
             this.errorMessages.push({
                 title: '',
                 description: 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 = SearchLanguageInterpreterErrorMessage.LANGUAGE_NOT_ENTERED;
                 this.errorMessages.push({
                     title: '',
                     description: 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 = SearchLanguageInterpreterErrorMessage.LANGUAGE_CHAR_LIMIT_EXCEEDED;
                 this.errorMessages.push({
                     title: '',
                     description: 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 = SearchLanguageInterpreterErrorMessage.LANGUAGE_ENTERED_IN_BOTH_FIELDS;
                 this.errorMessages.push({
                     title: '',
                     description: SearchLanguageInterpreterErrorMessage.LANGUAGE_ENTERED_IN_BOTH_FIELDS,
-                    fieldId: this.languageSearchTermControlName
+                    fieldId: SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM
                 });
             }
         }
@@ -16782,7 +16860,7 @@ SearchLanguageInterpreterComponent.ɵcmp = i0.ɵɵdefineComponent({ type: Search
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(16, _c0$p, ctx.languageNotSelectedErrorMessage || ctx.languageEnteredInBothFieldsErrorMessage));
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("for", ctx.languageSearchTermControlName);
+        i0.ɵɵproperty("for", ctx.SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM);
         i0.ɵɵadvance(1);
         i0.ɵɵtextInterpolate1(" ", ctx.searchLanguageInterpreterTitle, " ");
         i0.ɵɵadvance(2);
@@ -16792,7 +16870,7 @@ SearchLanguageInterpreterComponent.ɵcmp = i0.ɵɵdefineComponent({ type: Search
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.languageEnteredInBothFieldsErrorMessage);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("formControlName", ctx.languageSearchTermControlName)("matAutocomplete", _r2);
+        i0.ɵɵproperty("formControlName", ctx.SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM)("matAutocomplete", _r2);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("displayWith", ctx.displayLanguage);
         i0.ɵɵadvance(2);
@@ -16803,7 +16881,7 @@ SearchLanguageInterpreterComponent.ɵcmp = i0.ɵɵdefineComponent({ type: Search
         i0.ɵɵtextInterpolate1(" ", ctx.searchLanguageInterpreterStep.CHECKBOX_LABEL, " ");
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.isCheckboxEnabled);
-    } }, directives: [i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgClass, i1.NgIf, i3$1.MatInput, i2.DefaultValueAccessor, i5.MatAutocompleteTrigger, i2.NgControlStatus, i2.FormControlName, i5.MatAutocomplete, i1.NgForOf, i6.MatOption], pipes: [i1.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$3.NgControlStatusGroup, i1$3.FormGroupDirective, i1.NgClass, i1.NgIf, i3$1.MatInput, i1$3.DefaultValueAccessor, i5.MatAutocompleteTrigger, i1$3.NgControlStatus, i1$3.FormControlName, i5.MatAutocomplete, i1.NgForOf, i6.MatOption], pipes: [i1.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.ɵsetClassMetadata(SearchLanguageInterpreterComponent, [{
         type: Component,
         args: [{
@@ -16915,7 +16993,14 @@ class SelectFlagLocationComponent {
         }
         // 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 FormControl(null));
+            const formControl = this.formGroup.get(this.selectedLocationControlName);
+            if (!formControl) {
+                this.formGroup.addControl(this.selectedLocationControlName, new FormControl(null));
+            }
+            else {
+                // Needs to be setValue as they have different object references -- we use the pathToFlagsFormGroup key
+                formControl.setValue(this.filteredFlagsData.find(item => item.pathToFlagsFormGroup === formControl.value.pathToFlagsFormGroup));
+            }
         }
         else {
             // No filtered flags instances mean there are no parties to select from. The case has not been configured properly
@@ -16932,9 +17017,6 @@ class SelectFlagLocationComponent {
         this.caseFlagStateEmitter.emit({
             currentCaseFlagFieldState: CaseFlagFieldState.FLAG_LOCATION,
             errorMessages: this.errorMessages,
-            selectedFlagsLocation: this.formGroup.get(this.selectedLocationControlName).value
-                ? this.formGroup.get(this.selectedLocationControlName).value
-                : null
         });
     }
     validateSelection() {
@@ -16988,7 +17070,7 @@ SelectFlagLocationComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SelectFlagLoc
         i0.ɵɵproperty("ngForOf", ctx.filteredFlagsData);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", !ctx.caseFlagsConfigError);
-    } }, directives: [i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgClass, i1.NgIf, i1.NgForOf, i2.RadioControlValueAccessor, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlName], encapsulation: 2 });
+    } }, directives: [i1$3.NgControlStatusGroup, i1$3.FormGroupDirective, i1.NgClass, i1.NgIf, i1.NgForOf, i1$3.RadioControlValueAccessor, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlName], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectFlagLocationComponent, [{
         type: Component,
         args: [{
@@ -17047,7 +17129,9 @@ class AddCommentsComponent {
         this.addCommentsTitle = CaseFlagWizardStepTitle.ADD_FLAG_COMMENTS;
         this.addCommentsHint = AddCommentsStep.HINT_TEXT;
         this.addCommentsCharLimitInfo = AddCommentsStep.CHARACTER_LIMIT_INFO;
-        this.formGroup.addControl(this.flagCommentsControlName, new FormControl(''));
+        if (!this.formGroup.get(this.flagCommentsControlName)) {
+            this.formGroup.addControl(this.flagCommentsControlName, new FormControl(''));
+        }
     }
     onNext() {
         // Validate flag comments entry
@@ -17127,14 +17211,14 @@ AddCommentsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: AddCommentsComponent
         i0.ɵɵproperty("id", ctx.flagCommentsControlName)("name", ctx.flagCommentsControlName)("formControlName", ctx.flagCommentsControlName);
         i0.ɵɵadvance(2);
         i0.ɵɵtextInterpolate1(" ", ctx.addCommentsCharLimitInfo, " ");
-    } }, directives: [i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlName], encapsulation: 2 });
+    } }, directives: [i1$3.NgControlStatusGroup, i1$3.FormGroupDirective, i1.NgClass, i1.NgIf, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlName], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddCommentsComponent, [{
         type: Component,
         args: [{
                 selector: 'ccd-add-comments',
                 templateUrl: './add-comments.component.html'
             }]
-    }], null, { formGroup: [{
+    }], function () { return []; }, { formGroup: [{
             type: Input
         }], optional: [{
             type: Input
@@ -17347,7 +17431,7 @@ ManageCaseFlagsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ManageCaseFlagsC
         i0.ɵɵproperty("ngForOf", ctx.flagsDisplayData);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", !ctx.noFlagsError);
-    } }, directives: [i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgClass, i1.NgIf, i1.NgForOf, i2.RadioControlValueAccessor, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlName], styles: [".flag-name-and-description{font-weight:700}"], encapsulation: 2 });
+    } }, directives: [i1$3.NgControlStatusGroup, i1$3.FormGroupDirective, i1.NgClass, i1.NgIf, i1.NgForOf, i1$3.RadioControlValueAccessor, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlName], styles: [".flag-name-and-description{font-weight:700}"], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ManageCaseFlagsComponent, [{
         type: Component,
         args: [{
@@ -17578,7 +17662,7 @@ UpdateFlagComponent.ɵcmp = i0.ɵɵdefineComponent({ type: UpdateFlagComponent,
         i0.ɵɵproperty("id", ctx.FLAG_WELSH_TRANSLATION_CONTROL_NAME)("name", ctx.FLAG_WELSH_TRANSLATION_CONTROL_NAME);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("for", ctx.FLAG_WELSH_TRANSLATION_CONTROL_NAME);
-    } }, directives: [i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlName, i1.NgForOf], pipes: [EnumDisplayDescriptionPipe, i1.LowerCasePipe], encapsulation: 2 });
+    } }, directives: [i1$3.NgControlStatusGroup, i1$3.FormGroupDirective, i1.NgClass, i1.NgIf, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlName, i1.NgForOf], pipes: [EnumDisplayDescriptionPipe, i1.LowerCasePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UpdateFlagComponent, [{
         type: Component,
         args: [{
@@ -17593,7 +17677,43 @@ UpdateFlagComponent.ɵcmp = i0.ɵɵdefineComponent({ type: UpdateFlagComponent,
             type: Output
         }] }); })();
 
-function CaseFlagSummaryListComponent_dl_0_div_16_Template(rf, ctx) { if (rf & 1) {
+function CaseFlagSummaryListComponent_dl_0_dd_6_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "dd", 7);
+    i0.ɵɵelementStart(1, "a", 8);
+    i0.ɵɵlistener("click", function CaseFlagSummaryListComponent_dl_0_dd_6_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(2); return ctx_r5.changeButtonEmitter.emit(ctx_r5.CaseFlagFieldState.FLAG_LOCATION); });
+    i0.ɵɵtext(2, " Change");
+    i0.ɵɵelementStart(3, "span", 9);
+    i0.ɵɵtext(4, " party name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} }
+function CaseFlagSummaryListComponent_dl_0_dd_12_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "dd", 7);
+    i0.ɵɵelementStart(1, "a", 8);
+    i0.ɵɵlistener("click", function CaseFlagSummaryListComponent_dl_0_dd_12_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(2); return ctx_r7.changeButtonEmitter.emit(ctx_r7.CaseFlagFieldState.FLAG_TYPE); });
+    i0.ɵɵtext(2, " Change");
+    i0.ɵɵelementStart(3, "span", 9);
+    i0.ɵɵtext(4, " description");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} }
+function CaseFlagSummaryListComponent_dl_0_dd_18_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "dd", 7);
+    i0.ɵɵelementStart(1, "a", 8);
+    i0.ɵɵlistener("click", function CaseFlagSummaryListComponent_dl_0_dd_18_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(2); return ctx_r9.changeButtonEmitter.emit(ctx_r9.CaseFlagFieldState.FLAG_COMMENTS); });
+    i0.ɵɵtext(2, " Change");
+    i0.ɵɵelementStart(3, "span", 9);
+    i0.ɵɵtext(4, " comments");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} }
+function CaseFlagSummaryListComponent_dl_0_div_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
     i0.ɵɵelementStart(1, "dt", 3);
     i0.ɵɵtext(2, " Status ");
@@ -17601,11 +17721,12 @@ function CaseFlagSummaryListComponent_dl_0_div_16_Template(rf, ctx) { if (rf & 1
     i0.ɵɵelementStart(3, "dd", 4);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
+    i0.ɵɵelement(5, "dd", 7);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r4 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.flagStatus, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r4.flagStatus, " ");
 } }
 function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "dl", 1);
@@ -17616,24 +17737,27 @@ function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(4, "dd", 4);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(6, CaseFlagSummaryListComponent_dl_0_dd_6_Template, 5, 0, "dd", 5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 2);
-    i0.ɵɵelementStart(7, "dt", 3);
-    i0.ɵɵtext(8, " Flag type ");
+    i0.ɵɵelementStart(7, "div", 2);
+    i0.ɵɵelementStart(8, "dt", 3);
+    i0.ɵɵtext(9, " Flag type ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "dd", 4);
-    i0.ɵɵtext(10);
+    i0.ɵɵelementStart(10, "dd", 4);
+    i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(12, CaseFlagSummaryListComponent_dl_0_dd_12_Template, 5, 0, "dd", 5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 2);
-    i0.ɵɵelementStart(12, "dt", 3);
-    i0.ɵɵtext(13, " Comments ");
+    i0.ɵɵelementStart(13, "div", 2);
+    i0.ɵɵelementStart(14, "dt", 3);
+    i0.ɵɵtext(15, " Comments ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "dd", 4);
-    i0.ɵɵtext(15);
+    i0.ɵɵelementStart(16, "dd", 4);
+    i0.ɵɵtext(17);
     i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(18, CaseFlagSummaryListComponent_dl_0_dd_18_Template, 5, 0, "dd", 5);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(16, CaseFlagSummaryListComponent_dl_0_div_16_Template, 5, 1, "div", 5);
+    i0.ɵɵtemplate(19, CaseFlagSummaryListComponent_dl_0_div_19_Template, 6, 1, "div", 6);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -17641,16 +17765,24 @@ function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate1(" ", ctx_r0.addUpdateFlagHeaderText, " ");
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", ctx_r0.flagForSummaryDisplay.partyName || ctx_r0.caseLevelLocation, " ");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.summaryListDisplayMode === ctx_r0.displayMode.CREATE);
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", ctx_r0.flagDescription, " ");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.summaryListDisplayMode === ctx_r0.displayMode.CREATE);
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", ctx_r0.flagComments, " ");
     i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.summaryListDisplayMode === ctx_r0.displayMode.CREATE);
+    i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r0.summaryListDisplayMode === ctx_r0.displayMode.MANAGE);
 } }
 class CaseFlagSummaryListComponent {
     constructor() {
+        this.changeButtonEmitter = new EventEmitter();
         this.displayMode = CaseFlagSummaryListDisplayMode;
+        this.CaseFlagFieldState = CaseFlagFieldState;
         this.caseLevelLocation = 'Case level';
         this.updateFlagHeaderText = 'Update flag for';
         this.addFlagHeaderText = 'Add flag to';
@@ -17669,8 +17801,8 @@ class CaseFlagSummaryListComponent {
     }
 }
 CaseFlagSummaryListComponent.ɵfac = function CaseFlagSummaryListComponent_Factory(t) { return new (t || CaseFlagSummaryListComponent)(); };
-CaseFlagSummaryListComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFlagSummaryListComponent, selectors: [["ccd-case-flag-summary-list"]], inputs: { flagForSummaryDisplay: "flagForSummaryDisplay", summaryListDisplayMode: "summaryListDisplayMode" }, decls: 1, vars: 1, consts: [["class", "govuk-summary-list", 4, "ngIf"], [1, "govuk-summary-list"], [1, "govuk-summary-list__row"], [1, "govuk-summary-list__key"], [1, "govuk-summary-list__value"], ["class", "govuk-summary-list__row", 4, "ngIf"]], template: function CaseFlagSummaryListComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, CaseFlagSummaryListComponent_dl_0_Template, 17, 5, "dl", 0);
+CaseFlagSummaryListComponent.ɵcmp = i0.ɵɵ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.ɵɵtemplate(0, CaseFlagSummaryListComponent_dl_0_Template, 20, 8, "dl", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.flagForSummaryDisplay);
     } }, directives: [i1.NgIf], encapsulation: 2 });
@@ -17680,10 +17812,12 @@ CaseFlagSummaryListComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFlagSumm
                 selector: 'ccd-case-flag-summary-list',
                 templateUrl: './case-flag-summary-list.component.html'
             }]
-    }], null, { flagForSummaryDisplay: [{
+    }], function () { return []; }, { flagForSummaryDisplay: [{
             type: Input
         }], summaryListDisplayMode: [{
             type: Input
+        }], changeButtonEmitter: [{
+            type: Output
         }] }); })();
 
 class CollectionCreateCheckerService {
@@ -18347,7 +18481,7 @@ WriteDateFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDateFieldCom
         i0.ɵɵproperty("ngIf", ctx.dateControl && ctx.dateControl.errors && (ctx.dateControl.dirty || ctx.dateControl.touched));
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("id", ctx.id())("isDateTime", ctx.isDateTime())("mandatory", i0.ɵɵpipeBind1(7, 10, ctx.caseField))("isInvalid", ctx.dateControl.errors && (ctx.dateControl.dirty || ctx.dateControl.touched))("formControl", ctx.dateControl);
-    } }, directives: [i1.NgClass, i1.NgIf, DateInputComponent, i2.NgControlStatus, i2.FormControlDirective], pipes: [IsMandatoryPipe, FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+    } }, directives: [i1.NgClass, i1.NgIf, DateInputComponent, i1$3.NgControlStatus, i1$3.FormControlDirective], pipes: [IsMandatoryPipe, FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
 const ɵWriteDateFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteDateFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteDateFieldComponent, [{
         type: Component,
@@ -18625,7 +18759,7 @@ DatetimePickerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DatetimePickerCom
         i0.ɵɵproperty("for", _r6);
         i0.ɵɵadvance(1);
         i0.ɵɵ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.NgClass, i1.NgIf, i2.DefaultValueAccessor, i4.NgxMatDatetimeInput, i2.NgControlStatus, i2.FormControlDirective, i5$1.MatDatepickerToggle, i6$1.MatSuffix, i4.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.NgClass, i1.NgIf, i1$3.DefaultValueAccessor, i4.NgxMatDatetimeInput, i1$3.NgControlStatus, i1$3.FormControlDirective, i5$1.MatDatepickerToggle, i6$1.MatSuffix, i4.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.ɵsetClassMetadata(DatetimePickerComponent, [{
         type: Component,
         args: [{
@@ -19139,7 +19273,7 @@ MarkdownComponent.ɵcmp = i0.ɵɵdefineComponent({ type: MarkdownComponent, sele
     } if (rf & 2) {
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(2, 1, ctx.content), i0.ɵɵsanitizeHtml);
-    } }, directives: [i1$5.NgxMdComponent], pipes: [CaseReferencePipe], encapsulation: 2 });
+    } }, directives: [i1$6.NgxMdComponent], pipes: [CaseReferencePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MarkdownComponent, [{
         type: Component,
         args: [{
@@ -19658,7 +19792,7 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         MatAutocompleteModule,
         CdkTreeModule,
         OverlayModule,
-        PaymentLibModule, i2$1.ScrollToModule, MatDialogModule,
+        PaymentLibModule, i2.ScrollToModule, MatDialogModule,
         MediaViewerModule,
         LoadingModule], exports: [NgxMatDatetimePickerModule,
         NgxMatNativeDateModule,
@@ -19820,7 +19954,7 @@ PaletteModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
                 entryComponents: [CaseFileViewFolderSelectorComponent]
             }]
     }], null, null); })();
-i0.ɵɵsetComponentScope(FieldReadComponent, [FieldReadLabelComponent, i2.NgControlStatusGroup, i2.FormGroupDirective], []);
+i0.ɵɵsetComponentScope(FieldReadComponent, [FieldReadLabelComponent, i1$3.NgControlStatusGroup, i1$3.FormGroupDirective], []);
 i0.ɵɵsetComponentScope(LabelFieldComponent, [LabelSubstitutorDirective, MarkdownComponent], []);
 i0.ɵɵsetComponentScope(CaseHistoryViewerFieldComponent, [EventLogComponent], []);
 i0.ɵɵsetComponentScope(EventLogComponent, [i1.NgSwitch, i1.NgSwitchCase, EventLogTableComponent, i1.NgIf, EventLogDetailsComponent], []);
@@ -19837,21 +19971,21 @@ i0.ɵɵsetComponentScope(ReadComplexFieldTableComponent, [i1.NgForOf, i1.NgIf, F
 i0.ɵɵsetComponentScope(ReadComplexFieldCollectionTableComponent, [i1.NgForOf, i1.NgIf, FieldReadComponent,
     ReadCaseLinkFieldComponent], [ReadFieldsFilterPipe, CcdCollectionTableCaseFieldsFilterPipe, i1.KeyValuePipe, IsCompoundPipe]);
 i0.ɵɵsetComponentScope(ReadCaseFlagFieldComponent, [i1.NgSwitch, i1.NgSwitchCase, CaseFlagSummaryListComponent, i1.NgSwitchDefault, i1.NgForOf, i1.NgIf, CaseFlagTableComponent], []);
-i0.ɵɵsetComponentScope(WriteAddressFieldComponent, [i1.NgIf, i1.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i2.SelectControlValueAccessor, i1.NgForOf, i2.NgSelectOption, i2.ɵangular_packages_forms_forms_z, WriteComplexFieldComponent, i2.NgControlStatusGroup, i2.FormGroupDirective], [FieldLabelPipe]);
-i0.ɵɵsetComponentScope(WriteComplexFieldComponent, [i1.NgIf, i1.NgForOf, i1.NgSwitch, i1.NgSwitchCase, FieldReadComponent, LabelSubstitutorDirective, i2.NgControlStatusGroup, i2.FormGroupDirective, FieldWriteComponent], [FieldLabelPipe, IsReadOnlyPipe]);
+i0.ɵɵsetComponentScope(WriteAddressFieldComponent, [i1.NgIf, i1.NgClass, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlDirective, i1$3.SelectControlValueAccessor, i1.NgForOf, i1$3.NgSelectOption, i1$3.ɵangular_packages_forms_forms_z, WriteComplexFieldComponent, i1$3.NgControlStatusGroup, i1$3.FormGroupDirective], [FieldLabelPipe]);
+i0.ɵɵsetComponentScope(WriteComplexFieldComponent, [i1.NgIf, i1.NgForOf, i1.NgSwitch, i1.NgSwitchCase, FieldReadComponent, LabelSubstitutorDirective, i1$3.NgControlStatusGroup, i1$3.FormGroupDirective, FieldWriteComponent], [FieldLabelPipe, IsReadOnlyPipe]);
 i0.ɵɵsetComponentScope(WriteDocumentFieldComponent, [i1.NgClass, i1.NgIf, ReadDocumentFieldComponent], [FieldLabelPipe]);
-i0.ɵɵsetComponentScope(WriteDateContainerFieldComponent, [i1.NgIf, DatetimePickerComponent, i2.NgControlStatusGroup, i2.FormGroupDirective, WriteDateFieldComponent], []);
-i0.ɵɵsetComponentScope(WriteCaseFlagFieldComponent, [i1.NgIf, i1.NgForOf, i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgSwitch, i1.NgClass, i1.NgSwitchCase, SelectFlagLocationComponent,
+i0.ɵɵsetComponentScope(WriteDateContainerFieldComponent, [i1.NgIf, DatetimePickerComponent, i1$3.NgControlStatusGroup, i1$3.FormGroupDirective, WriteDateFieldComponent], []);
+i0.ɵɵsetComponentScope(WriteCaseFlagFieldComponent, [i1.NgIf, i1.NgForOf, i1$3.NgControlStatusGroup, i1$3.FormGroupDirective, i1.NgSwitch, i1.NgClass, i1.NgSwitchCase, SelectFlagLocationComponent,
     SelectFlagTypeComponent,
     SearchLanguageInterpreterComponent,
     AddCommentsComponent,
     ManageCaseFlagsComponent,
     UpdateFlagComponent], []);
-i0.ɵɵsetComponentScope(WriteOrganisationFieldComponent, [i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i1.NgClass, i1.NgForOf, MarkdownComponent,
+i0.ɵɵsetComponentScope(WriteOrganisationFieldComponent, [i1$3.NgControlStatusGroup, i1$3.FormGroupDirective, i1.NgIf, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlDirective, i1.NgClass, i1.NgForOf, MarkdownComponent,
     WriteOrganisationComplexFieldComponent], [i1.AsyncPipe]);
 i0.ɵɵsetComponentScope(WriteOrderSummaryFieldComponent, [ReadOrderSummaryFieldComponent], []);
-i0.ɵɵsetComponentScope(WriteDateContainerFieldComponent, [i1.NgIf, DatetimePickerComponent, i2.NgControlStatusGroup, i2.FormGroupDirective, WriteDateFieldComponent], []);
-i0.ɵɵsetComponentScope(WriteCollectionFieldComponent, [i1.NgIf, i1.NgForOf, FieldWriteComponent, i2.NgControlStatusGroup, i2.FormGroupDirective], [FieldLabelPipe, FirstErrorPipe]);
+i0.ɵɵsetComponentScope(WriteDateContainerFieldComponent, [i1.NgIf, DatetimePickerComponent, i1$3.NgControlStatusGroup, i1$3.FormGroupDirective, WriteDateFieldComponent], []);
+i0.ɵɵsetComponentScope(WriteCollectionFieldComponent, [i1.NgIf, i1.NgForOf, FieldWriteComponent, i1$3.NgControlStatusGroup, i1$3.FormGroupDirective], [FieldLabelPipe, FirstErrorPipe]);
 i0.ɵɵsetComponentScope(
 // ComponentLauncher web components
 CaseFileViewFieldComponent, [i1.NgIf, CaseFileViewFolderComponent, i11.ɵcs], []);
@@ -19970,7 +20104,7 @@ function CaseEditSubmitComponent_div_0_ng_container_12_span_3_Template(rf, ctx)
     i0.ɵɵelementEnd();
 } }
 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.ɵɵelementStart(0, "th", 36);
+    i0.ɵɵelementStart(0, "th", 34);
     i0.ɵɵelementStart(1, "span", 29);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
@@ -19980,19 +20114,31 @@ function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_contain
     i0.ɵɵadvance(2);
     i0.ɵɵ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) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
+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) {
+    const _r29 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "a", 13);
-    i0.ɵɵ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.ɵɵrestoreView(_r28); const page_r18 = i0.ɵɵnextContext(4).$implicit; const ctx_r26 = i0.ɵɵnextContext(3); return ctx_r26.navigateToPage(page_r18.id); });
+    i0.ɵɵ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.ɵɵrestoreView(_r29); const page_r18 = i0.ɵɵnextContext(5).$implicit; const ctx_r27 = i0.ɵɵnextContext(3); return ctx_r27.navigateToPage(page_r18.id); });
     i0.ɵɵelementStart(1, "span", 29);
     i0.ɵɵtext(2, "Change");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const field_r21 = i0.ɵɵnextContext(2).$implicit;
+    const field_r21 = i0.ɵɵnextContext(3).$implicit;
     i0.ɵɵadvance(1);
     i0.ɵɵ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.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "td", 35);
+    i0.ɵɵ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.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const field_r21 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r24 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵ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.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "tr", 30);
@@ -20000,9 +20146,7 @@ function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_contain
     i0.ɵɵelementStart(3, "td", 32);
     i0.ɵɵelement(4, "ccd-field-read", 33);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "td", 34);
-    i0.ɵɵ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.ɵɵelementEnd();
+    i0.ɵɵ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.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
@@ -20016,12 +20160,12 @@ function CaseEditSubmitComponent_div_0_ng_container_12_ng_container_6_ng_contain
     i0.ɵɵattribute("colspan", ctx_r22.isLabel(field_r21) ? "2" : "1");
     i0.ɵɵadvance(1);
     i0.ɵɵ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.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r22.isChangeAllowed(field_r21));
+    i0.ɵɵadvance(1);
+    i0.ɵɵ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.ɵɵelementContainerStart(0);
-    i0.ɵɵ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.ɵɵ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.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const field_r21 = ctx.$implicit;
@@ -20084,13 +20228,13 @@ function CaseEditSubmitComponent_div_0_ng_container_13_ng_container_3_tr_3_Templ
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const field_r33 = i0.ɵɵnextContext().$implicit;
-    const ctx_r34 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("caseField", field_r33)("formGroup", ctx_r34.editForm.controls["data"])("contextFields", ctx_r34.contextFields);
+    const field_r35 = i0.ɵɵnextContext().$implicit;
+    const ctx_r36 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("caseField", field_r35)("formGroup", ctx_r36.editForm.controls["data"])("contextFields", ctx_r36.contextFields);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(field_r33.label);
+    i0.ɵɵtextInterpolate(field_r35.label);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("formGroup", ctx_r34.editForm.controls["data"])("caseField", ctx_r34.summaryCaseField(field_r33));
+    i0.ɵɵ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) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr", 45);
@@ -20099,11 +20243,11 @@ function CaseEditSubmitComponent_div_0_ng_container_13_ng_container_3_tr_4_Templ
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const field_r33 = i0.ɵɵnextContext().$implicit;
-    const ctx_r35 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("caseField", field_r33)("formGroup", ctx_r35.editForm.controls["data"])("contextFields", ctx_r35.contextFields);
+    const field_r35 = i0.ɵɵnextContext().$implicit;
+    const ctx_r37 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("caseField", field_r35)("formGroup", ctx_r37.editForm.controls["data"])("contextFields", ctx_r37.contextFields);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("formGroup", ctx_r35.editForm.controls["data"])("caseField", ctx_r35.summaryCaseField(field_r33))("caseFields", ctx_r35.contextFields);
+    i0.ɵɵ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) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -20114,9 +20258,9 @@ function CaseEditSubmitComponent_div_0_ng_container_13_ng_container_3_Template(r
     i0.ɵɵelementContainerEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const field_r33 = ctx.$implicit;
+    const field_r35 = ctx.$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngSwitch", !i0.ɵɵpipeBind1(2, 3, field_r33));
+    i0.ɵɵproperty("ngSwitch", !i0.ɵɵpipeBind1(2, 3, field_r35));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngSwitchCase", true);
     i0.ɵɵadvance(1);
@@ -20165,7 +20309,7 @@ function CaseEditSubmitComponent_div_0_ng_container_14_Template(rf, ctx) { if (r
     i0.ɵɵproperty("ngIf", ctx_r11.profile && !ctx_r11.isSolicitor());
 } }
 function CaseEditSubmitComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r40 = i0.ɵɵgetCurrentView();
+    const _r42 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵelementStart(1, "h1", 2);
     i0.ɵɵtext(2);
@@ -20176,16 +20320,16 @@ function CaseEditSubmitComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(8, CaseEditSubmitComponent_div_0_div_8_Template, 10, 0, "div", 6);
     i0.ɵɵtemplate(9, CaseEditSubmitComponent_div_0_div_9_Template, 6, 2, "div", 6);
     i0.ɵɵelementStart(10, "ccd-callback-errors", 7);
-    i0.ɵɵlistener("callbackErrorsContext", function CaseEditSubmitComponent_div_0_Template_ccd_callback_errors_callbackErrorsContext_10_listener($event) { i0.ɵɵrestoreView(_r40); const ctx_r39 = i0.ɵɵnextContext(); return ctx_r39.callbackErrorsNotify($event); });
+    i0.ɵɵlistener("callbackErrorsContext", function CaseEditSubmitComponent_div_0_Template_ccd_callback_errors_callbackErrorsContext_10_listener($event) { i0.ɵɵrestoreView(_r42); const ctx_r41 = i0.ɵɵnextContext(); return ctx_r41.callbackErrorsNotify($event); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(11, "form", 8);
-    i0.ɵɵlistener("submit", function CaseEditSubmitComponent_div_0_Template_form_submit_11_listener() { i0.ɵɵrestoreView(_r40); const ctx_r41 = i0.ɵɵnextContext(); return ctx_r41.submit(); });
+    i0.ɵɵlistener("submit", function CaseEditSubmitComponent_div_0_Template_form_submit_11_listener() { i0.ɵɵrestoreView(_r42); const ctx_r43 = i0.ɵɵnextContext(); return ctx_r43.submit(); });
     i0.ɵɵtemplate(12, CaseEditSubmitComponent_div_0_ng_container_12_Template, 7, 3, "ng-container", 0);
     i0.ɵɵtemplate(13, CaseEditSubmitComponent_div_0_ng_container_13_Template, 4, 1, "ng-container", 0);
     i0.ɵɵtemplate(14, CaseEditSubmitComponent_div_0_ng_container_14_Template, 2, 1, "ng-container", 0);
     i0.ɵɵelementStart(15, "div", 9);
     i0.ɵɵelementStart(16, "button", 10);
-    i0.ɵɵlistener("click", function CaseEditSubmitComponent_div_0_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r40); const ctx_r42 = i0.ɵɵnextContext(); return ctx_r42.previous(); });
+    i0.ɵɵlistener("click", function CaseEditSubmitComponent_div_0_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r42); const ctx_r44 = i0.ɵɵnextContext(); return ctx_r44.previous(); });
     i0.ɵɵtext(17, "Previous");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(18, "button", 11);
@@ -20194,7 +20338,7 @@ function CaseEditSubmitComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(20, "p", 12);
     i0.ɵɵelementStart(21, "a", 13);
-    i0.ɵɵlistener("click", function CaseEditSubmitComponent_div_0_Template_a_click_21_listener() { i0.ɵɵrestoreView(_r40); const ctx_r43 = i0.ɵɵnextContext(); return ctx_r43.cancel(); });
+    i0.ɵɵlistener("click", function CaseEditSubmitComponent_div_0_Template_a_click_21_listener() { i0.ɵɵrestoreView(_r42); const ctx_r45 = i0.ɵɵnextContext(); return ctx_r45.cancel(); });
     i0.ɵɵtext(22);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -20234,9 +20378,9 @@ function CaseEditSubmitComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(ctx_r0.getCancelText());
 } }
 function CaseEditSubmitComponent_ccd_case_event_completion_1_Template(rf, ctx) { if (rf & 1) {
-    const _r45 = i0.ɵɵgetCurrentView();
+    const _r47 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "ccd-case-event-completion", 57);
-    i0.ɵɵlistener("eventCanBeCompleted", function CaseEditSubmitComponent_ccd_case_event_completion_1_Template_ccd_case_event_completion_eventCanBeCompleted_0_listener($event) { i0.ɵɵrestoreView(_r45); const ctx_r44 = i0.ɵɵnextContext(); return ctx_r44.onEventCanBeCompleted($event); });
+    i0.ɵɵlistener("eventCanBeCompleted", function CaseEditSubmitComponent_ccd_case_event_completion_1_Template_ccd_case_event_completion_eventCanBeCompleted_0_listener($event) { i0.ɵɵrestoreView(_r47); const ctx_r46 = i0.ɵɵnextContext(); return ctx_r46.onEventCanBeCompleted($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -20616,7 +20760,7 @@ CaseEditSubmitComponent.SHOW_SUMMARY_CONTENT_COMPARE_FUNCTION = (a, b) => {
     return a.show_summary_content_option - b.show_summary_content_option;
 };
 CaseEditSubmitComponent.ɵfac = function CaseEditSubmitComponent_Factory(t) { return new (t || CaseEditSubmitComponent)(i0.ɵɵdirectiveInject(CaseEditComponent), i0.ɵɵdirectiveInject(FormValueService), i0.ɵɵdirectiveInject(FormErrorService), i0.ɵɵdirectiveInject(FieldsUtils), i0.ɵɵdirectiveInject(CaseFieldService), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(ProfileNotifier), i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(CaseNotifier)); };
-CaseEditSubmitComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseEditSubmitComponent, selectors: [["ccd-case-edit-submit"]], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "eventCompletionParams", "eventCanBeCompleted", 4, "ngIf"], [1, "govuk-heading-l"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["titleBlock", ""], ["idBlock", ""], ["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "callbackErrorsSubject", "callbackErrorsContext"], [1, "check-your-answers", 3, "formGroup", "submit"], [1, "form-group", "form-group-related"], ["type", "button", 1, "button", "button-secondary", 3, "disabled", "click"], ["type", "submit", 1, "button", 3, "disabled"], [1, "cancel"], ["href", "javascript:void(0)", 3, "click"], [3, "content"], ["class", "heading-h2", 4, "ngIf"], [1, "heading-h2"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h3", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], ["class", "ccd-error-summary-li", 4, "ngFor", "ngForOf"], [1, "ccd-error-summary-li"], ["class", "text-16", 4, "ngIf"], ["aria-describedby", "check your answers table", 1, "form-table"], [4, "ngFor", "ngForOf"], [1, "text-16"], ["ccdLabelSubstitutor", "", 3, "caseField", "hidden", "formGroup", "contextFields"], ["class", "valign-top case-field-label", 4, "ngIf"], [1, "form-cell", "case-field-content"], [3, "formGroup", "topLevelFormGroup", "caseField", "context", "caseFields"], [1, "valign-top", "check-your-answers__change", "case-field-change"], ["href", "javascript:void(0)", 3, "click", 4, "ngIf"], [1, "valign-top", "case-field-label"], ["aria-describedby", "summary fields table", 1, "summary-fields"], [3, "ngSwitch"], ["ccdLabelSubstitutor", "", 3, "caseField", "formGroup", "contextFields", 4, "ngSwitchCase"], ["class", "compound-field", "ccdLabelSubstitutor", "", 3, "caseField", "formGroup", "contextFields", 4, "ngSwitchCase"], ["ccdLabelSubstitutor", "", 3, "caseField", "formGroup", "contextFields"], ["id", "summary-field-label"], [1, "form-cell"], [3, "formGroup", "caseField"], ["ccdLabelSubstitutor", "", 1, "compound-field", 3, "caseField", "formGroup", "contextFields"], ["colspan", "2"], [3, "formGroup", "caseField", "caseFields"], ["id", "fieldset-event", "formGroupName", "event", 4, "ngIf"], ["id", "fieldset-event", "formGroupName", "event"], [2, "display", "none"], [1, "form-group"], ["for", "field-trigger-summary", 1, "form-label"], [1, "form-hint"], ["type", "text", "id", "field-trigger-summary", "formControlName", "summary", "maxlength", "1024", 1, "form-control", "bottom-30", "width-50"], ["for", "field-trigger-description", 1, "form-label"], ["id", "field-trigger-description", "formControlName", "description", "maxlength", "65536", 1, "form-control", "bottom-30", "width-50"], [3, "eventCompletionParams", "eventCanBeCompleted"]], template: function CaseEditSubmitComponent_Template(rf, ctx) { if (rf & 1) {
+CaseEditSubmitComponent.ɵcmp = i0.ɵɵ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.ɵɵtemplate(0, CaseEditSubmitComponent_div_0_Template, 23, 17, "div", 0);
         i0.ɵɵtemplate(1, CaseEditSubmitComponent_ccd_case_event_completion_1_Template, 1, 1, "ccd-case-event-completion", 1);
     } if (rf & 2) {
@@ -21096,7 +21240,8 @@ CaseEditorModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         JudicialworkerService,
         CaseworkerService,
         SessionStorageService,
-        EventCompletionStateMachineService
+        EventCompletionStateMachineService,
+        CaseFlagStateService
     ], imports: [[
             CommonModule,
             RouterModule,
@@ -21205,14 +21350,15 @@ CaseEditorModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
                     JudicialworkerService,
                     CaseworkerService,
                     SessionStorageService,
-                    EventCompletionStateMachineService
+                    EventCompletionStateMachineService,
+                    CaseFlagStateService
                 ]
             }]
     }], null, null); })();
-i0.ɵɵsetComponentScope(CaseEditConfirmComponent, [i1.NgIf, MarkdownComponent, i2.ɵangular_packages_forms_forms_ba, i2.NgControlStatusGroup, i2.FormGroupDirective], [CcdCaseTitlePipe, CaseReferencePipe]);
-i0.ɵɵsetComponentScope(CaseEditPageComponent, [i1.NgIf, LoadingSpinnerComponent, MarkdownComponent, i1.NgForOf, CallbackErrorsComponent, i2.ɵangular_packages_forms_forms_ba, i2.NgControlStatusGroup, i2.FormGroupDirective, CaseEditFormComponent], [CcdCaseTitlePipe, CaseReferencePipe, i1.AsyncPipe]);
-i0.ɵɵsetComponentScope(CaseEditFormComponent, [i1.NgForOf, ConditionalShowFormDirective, i2.NgControlStatusGroup, i2.FormGroupDirective, LabelSubstitutorDirective, i1.NgSwitch, i1.NgSwitchCase, FieldReadComponent, i1.NgIf, FieldWriteComponent], [IsReadOnlyAndNotCollectionPipe, IsCompoundPipe]);
-i0.ɵɵsetComponentScope(CaseEditSubmitComponent, [i1.NgIf, MarkdownComponent, i1.NgForOf, CallbackErrorsComponent, i2.ɵangular_packages_forms_forms_ba, i2.NgControlStatusGroup, i2.FormGroupDirective, LabelSubstitutorDirective, FieldReadComponent, i1.NgSwitch, i1.NgSwitchCase, i2.FormGroupName, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlName, i2.MaxLengthValidator, CaseEventCompletionComponent], [CcdCaseTitlePipe, CaseReferencePipe, CcdCYAPageLabelFilterPipe, ReadFieldsFilterPipe, CcdPageFieldsPipe, IsCompoundPipe]);
+i0.ɵɵsetComponentScope(CaseEditConfirmComponent, [i1.NgIf, MarkdownComponent, i1$3.ɵangular_packages_forms_forms_ba, i1$3.NgControlStatusGroup, i1$3.FormGroupDirective], [CcdCaseTitlePipe, CaseReferencePipe]);
+i0.ɵɵsetComponentScope(CaseEditPageComponent, [i1.NgIf, LoadingSpinnerComponent, MarkdownComponent, i1.NgForOf, CallbackErrorsComponent, i1$3.ɵangular_packages_forms_forms_ba, i1$3.NgControlStatusGroup, i1$3.FormGroupDirective, CaseEditFormComponent], [CcdCaseTitlePipe, CaseReferencePipe, i1.AsyncPipe]);
+i0.ɵɵsetComponentScope(CaseEditFormComponent, [i1.NgForOf, ConditionalShowFormDirective, i1$3.NgControlStatusGroup, i1$3.FormGroupDirective, LabelSubstitutorDirective, i1.NgSwitch, i1.NgSwitchCase, FieldReadComponent, i1.NgIf, FieldWriteComponent], [IsReadOnlyAndNotCollectionPipe, IsCompoundPipe]);
+i0.ɵɵsetComponentScope(CaseEditSubmitComponent, [i1.NgIf, MarkdownComponent, i1.NgForOf, CallbackErrorsComponent, i1$3.ɵangular_packages_forms_forms_ba, i1$3.NgControlStatusGroup, i1$3.FormGroupDirective, LabelSubstitutorDirective, FieldReadComponent, i1.NgSwitch, i1.NgSwitchCase, i1$3.FormGroupName, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlName, i1$3.MaxLengthValidator, CaseEventCompletionComponent], [CcdCaseTitlePipe, CaseReferencePipe, CcdCYAPageLabelFilterPipe, ReadFieldsFilterPipe, CcdPageFieldsPipe, IsCompoundPipe]);
 i0.ɵɵsetComponentScope(CaseCreateComponent, [i1.NgIf, CaseEditComponent], []);
 i0.ɵɵsetComponentScope(CaseProgressComponent, [i1.NgIf, CaseEditComponent], []);
 
@@ -21543,7 +21689,7 @@ PaginationComponent.ɵcmp = i0.ɵɵdefineComponent({ type: PaginationComponent,
         i0.ɵɵproperty("id", ctx.id)("maxSize", ctx.maxSize);
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("ngIf", !(ctx.autoHide && _r0.pages.length <= 1));
-    } }, directives: [i1$6.PaginationControlsDirective, i1.NgIf, i1.NgForOf], pipes: [i1.DecimalPipe], styles: [".ngx-pagination[_ngcontent-%COMP%]{margin-left:0;margin-bottom:1rem;padding-top:25px;text-decoration:none;text-align:left;font-size:16px}.ngx-pagination[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]:before{content:\" \";display:table}.ngx-pagination[_ngcontent-%COMP%]:after{clear:both}.ngx-pagination[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-right:.0625rem;border-radius:0;display:inline-block}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{display:block;padding:.1875rem .625rem;border-radius:0;color:#005da6}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover, .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover{background:#e6e6e6}.ngx-pagination[_ngcontent-%COMP%]   .current[_ngcontent-%COMP%]{padding:.1875rem .625rem;background:#fff;color:#4c2c92;cursor:default;font-weight:900}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]{display:none}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]:hover{background:transparent}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{cursor:pointer}.ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{margin-right:.5rem;border-width:3px 0 0 3px}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;transform:rotate(-45deg);content:\"\"}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after{margin-left:.5rem;border-width:0 3px 3px 0}.ngx-pagination[_ngcontent-%COMP%]   .show-for-sr[_ngcontent-%COMP%]{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ngx-pagination[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:none}@media screen and (max-width:601px){.ngx-pagination.responsive[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:inline-block}.ngx-pagination.responsive[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:not(.small-screen):not(.pagination-previous):not(.pagination-next){display:none}}"] });
+    } }, directives: [i1$7.PaginationControlsDirective, i1.NgIf, i1.NgForOf], pipes: [i1.DecimalPipe], styles: [".ngx-pagination[_ngcontent-%COMP%]{margin-left:0;margin-bottom:1rem;padding-top:25px;text-decoration:none;text-align:left;font-size:16px}.ngx-pagination[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]:before{content:\" \";display:table}.ngx-pagination[_ngcontent-%COMP%]:after{clear:both}.ngx-pagination[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-right:.0625rem;border-radius:0;display:inline-block}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{display:block;padding:.1875rem .625rem;border-radius:0;color:#005da6}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover, .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover{background:#e6e6e6}.ngx-pagination[_ngcontent-%COMP%]   .current[_ngcontent-%COMP%]{padding:.1875rem .625rem;background:#fff;color:#4c2c92;cursor:default;font-weight:900}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]{display:none}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]:hover{background:transparent}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{cursor:pointer}.ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{margin-right:.5rem;border-width:3px 0 0 3px}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;transform:rotate(-45deg);content:\"\"}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after{margin-left:.5rem;border-width:0 3px 3px 0}.ngx-pagination[_ngcontent-%COMP%]   .show-for-sr[_ngcontent-%COMP%]{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ngx-pagination[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:none}@media screen and (max-width:601px){.ngx-pagination.responsive[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:inline-block}.ngx-pagination.responsive[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:not(.small-screen):not(.pagination-previous):not(.pagination-next){display:none}}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationComponent, [{
         type: Component,
         args: [{
@@ -21893,7 +22039,7 @@ CaseListComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseListComponent, sele
         i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind2(9, 8, ctx.cases, i0.ɵɵpureFunction3(11, _c0$c, ctx.pageSize, ctx.currentPageNo, ctx.totalResultsCount)));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.totalResultsCount > ctx.pageSize);
-    } }, directives: [i1.NgIf, i1.NgForOf, i1$1.RouterLinkWithHref, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, PaginationComponent], pipes: [i1$6.PaginatePipe, i1.CurrencyPipe], styles: [""] });
+    } }, directives: [i1.NgIf, i1.NgForOf, i1$1.RouterLinkWithHref, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, PaginationComponent], pipes: [i1$7.PaginatePipe, i1.CurrencyPipe], styles: [""] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseListComponent, [{
         type: Component,
         args: [{
@@ -22478,7 +22624,7 @@ WorkbasketFiltersModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
                 ]
             }]
     }], null, null); })();
-i0.ɵɵsetComponentScope(WorkbasketFiltersComponent, [i2.ɵangular_packages_forms_forms_ba, i2.NgControlStatusGroup, i2.NgForm, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgModel, i1.NgIf, i2.NgSelectOption, i2.ɵangular_packages_forms_forms_z, i1.NgForOf, ConditionalShowFormDirective, i2.FormGroupDirective, FieldWriteComponent], []);
+i0.ɵɵsetComponentScope(WorkbasketFiltersComponent, [i1$3.ɵangular_packages_forms_forms_ba, i1$3.NgControlStatusGroup, i1$3.NgForm, i1$3.SelectControlValueAccessor, i1$3.NgControlStatus, i1$3.NgModel, i1.NgIf, i1$3.NgSelectOption, i1$3.ɵangular_packages_forms_forms_z, i1.NgForOf, ConditionalShowFormDirective, i1$3.FormGroupDirective, FieldWriteComponent], []);
 
 const READ_ACCESS = 'read';
 const CREATE_ACCESS = 'create';
@@ -23655,7 +23801,7 @@ class DeleteOrCancelDialogComponent {
         this.matDialogRef.close(this.result);
     }
 }
-DeleteOrCancelDialogComponent.ɵfac = function DeleteOrCancelDialogComponent_Factory(t) { return new (t || DeleteOrCancelDialogComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef)); };
+DeleteOrCancelDialogComponent.ɵfac = function DeleteOrCancelDialogComponent_Factory(t) { return new (t || DeleteOrCancelDialogComponent)(i0.ɵɵdirectiveInject(i1$4.MatDialogRef)); };
 DeleteOrCancelDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DeleteOrCancelDialogComponent, selectors: [["ccd-delete-or-cancel-dialog"]], decls: 15, vars: 0, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Delete", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Cancel", 1, "button", "button-secondary", 3, "click"]], template: function DeleteOrCancelDialogComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div");
         i0.ɵɵelementStart(1, "div", 0);
@@ -23693,7 +23839,7 @@ DeleteOrCancelDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DeleteOrCan
                 templateUrl: './delete-or-cancel-dialog.component.html',
                 styleUrls: ['../action-dialog.component.scss']
             }]
-    }], function () { return [{ type: i1$3.MatDialogRef }]; }, null); })();
+    }], function () { return [{ type: i1$4.MatDialogRef }]; }, null); })();
 
 class DialogsModule {
 }
@@ -24274,7 +24420,7 @@ CaseFullAccessViewComponent.TRIGGER_TEXT_START = 'Go';
 CaseFullAccessViewComponent.TRIGGER_TEXT_CONTINUE = 'Ignore Warning and Go';
 CaseFullAccessViewComponent.UNICODE_SPACE = '%20';
 CaseFullAccessViewComponent.EMPTY_SPACE = ' ';
-CaseFullAccessViewComponent.ɵfac = function CaseFullAccessViewComponent_Factory(t) { return new (t || CaseFullAccessViewComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(NavigationNotifierService), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(ActivityPollingService), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(DraftService), i0.ɵɵdirectiveInject(ErrorNotifierService), i0.ɵɵdirectiveInject(ConvertHrefToRouterService), i0.ɵɵdirectiveInject(i1.Location), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(SessionStorageService)); };
+CaseFullAccessViewComponent.ɵfac = function CaseFullAccessViewComponent_Factory(t) { return new (t || CaseFullAccessViewComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(NavigationNotifierService), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(ActivityPollingService), i0.ɵɵdirectiveInject(i1$4.MatDialog), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(DraftService), i0.ɵɵdirectiveInject(ErrorNotifierService), i0.ɵɵdirectiveInject(ConvertHrefToRouterService), i0.ɵɵdirectiveInject(i1.Location), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(SessionStorageService)); };
 CaseFullAccessViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFullAccessViewComponent, selectors: [["ccd-case-full-access-view"]], viewQuery: function CaseFullAccessViewComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$b, 1);
     } if (rf & 2) {
@@ -24326,7 +24472,7 @@ CaseFullAccessViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFullAcces
                 templateUrl: './case-full-access-view.component.html',
                 styleUrls: ['./case-full-access-view.component.scss']
             }]
-    }], function () { return [{ type: i0.NgZone }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1$3.MatDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i1.Location }, { type: i0.ChangeDetectorRef }, { type: SessionStorageService }]; }, { hasPrint: [{
+    }], function () { return [{ type: i0.NgZone }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1$4.MatDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i1.Location }, { type: i0.ChangeDetectorRef }, { type: SessionStorageService }]; }, { hasPrint: [{
             type: Input
         }], hasEventSelector: [{
             type: Input
@@ -25483,12 +25629,12 @@ class EventTriggerComponent {
         return this.triggers.length === 1 ? this.triggers[0] : '';
     }
 }
-EventTriggerComponent.ɵfac = function EventTriggerComponent_Factory(t) { return new (t || EventTriggerComponent)(i0.ɵɵdirectiveInject(i2.FormBuilder), i0.ɵɵdirectiveInject(OrderService)); };
+EventTriggerComponent.ɵfac = function EventTriggerComponent_Factory(t) { return new (t || EventTriggerComponent)(i0.ɵɵdirectiveInject(i1$3.FormBuilder), i0.ɵɵdirectiveInject(OrderService)); };
 EventTriggerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: EventTriggerComponent, selectors: [["ccd-event-trigger"]], inputs: { triggers: "triggers", triggerText: "triggerText", isDisabled: "isDisabled" }, outputs: { onTriggerSubmit: "onTriggerSubmit", onTriggerChange: "onTriggerChange" }, features: [i0.ɵɵ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.ɵɵtemplate(0, EventTriggerComponent_form_0_Template, 9, 8, "form", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.triggers && ctx.triggers.length);
-    } }, directives: [i1.NgIf, i2.ɵangular_packages_forms_forms_ba, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.FormControlName, i1.NgClass, i1.NgForOf, i2.NgSelectOption, i2.ɵ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.NgIf, i1$3.ɵangular_packages_forms_forms_ba, i1$3.NgControlStatusGroup, i1$3.FormGroupDirective, i1$3.SelectControlValueAccessor, i1$3.NgControlStatus, i1$3.FormControlName, i1.NgClass, i1.NgForOf, i1$3.NgSelectOption, i1$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.ɵsetClassMetadata(EventTriggerComponent, [{
         type: Component,
         args: [{
@@ -25496,7 +25642,7 @@ EventTriggerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: EventTriggerCompone
                 templateUrl: './event-trigger.component.html',
                 styleUrls: ['./event-trigger.component.scss']
             }]
-    }], function () { return [{ type: i2.FormBuilder }, { type: OrderService }]; }, { triggers: [{
+    }], function () { return [{ type: i1$3.FormBuilder }, { type: OrderService }]; }, { triggers: [{
             type: Input
         }], triggerText: [{
             type: Input
@@ -25740,7 +25886,7 @@ class CaseChallengedAccessRequestComponent {
     }
 }
 CaseChallengedAccessRequestComponent.CANCEL_LINK_DESTINATION = '/work/my-work/list';
-CaseChallengedAccessRequestComponent.ɵfac = function CaseChallengedAccessRequestComponent_Factory(t) { return new (t || CaseChallengedAccessRequestComponent)(i0.ɵɵdirectiveInject(i2.FormBuilder), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(CasesService), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseNotifier)); };
+CaseChallengedAccessRequestComponent.ɵfac = function CaseChallengedAccessRequestComponent_Factory(t) { return new (t || CaseChallengedAccessRequestComponent)(i0.ɵɵdirectiveInject(i1$3.FormBuilder), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(CasesService), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseNotifier)); };
 CaseChallengedAccessRequestComponent.ɵcmp = i0.ɵɵ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.ɵɵtemplate(0, CaseChallengedAccessRequestComponent_exui_error_message_0_Template, 1, 1, "exui-error-message", 0);
         i0.ɵɵelementStart(1, "cut-alert", 1);
@@ -25852,7 +25998,7 @@ CaseChallengedAccessRequestComponent.ɵcmp = i0.ɵɵdefineComponent({ type: Case
                 selector: 'ccd-case-challenged-access-request',
                 templateUrl: './case-challenged-access-request.component.html'
             }]
-    }], function () { return [{ type: i2.FormBuilder }, { type: i1$1.Router }, { type: CasesService }, { type: i1$1.ActivatedRoute }, { type: CaseNotifier }]; }, null); })();
+    }], function () { return [{ type: i1$3.FormBuilder }, { type: i1$1.Router }, { type: CasesService }, { type: i1$1.ActivatedRoute }, { type: CaseNotifier }]; }, null); })();
 
 class CaseChallengedAccessSuccessComponent {
     constructor(route) {
@@ -26082,7 +26228,7 @@ class CaseReviewSpecificAccessRequestComponent {
     }
 }
 CaseReviewSpecificAccessRequestComponent.CANCEL_LINK_DESTINATION = '/work/my-work/list';
-CaseReviewSpecificAccessRequestComponent.ɵfac = function CaseReviewSpecificAccessRequestComponent_Factory(t) { return new (t || CaseReviewSpecificAccessRequestComponent)(i0.ɵɵdirectiveInject(i2.FormBuilder), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(AbstractAppConfig)); };
+CaseReviewSpecificAccessRequestComponent.ɵfac = function CaseReviewSpecificAccessRequestComponent_Factory(t) { return new (t || CaseReviewSpecificAccessRequestComponent)(i0.ɵɵdirectiveInject(i1$3.FormBuilder), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(AbstractAppConfig)); };
 CaseReviewSpecificAccessRequestComponent.ɵcmp = i0.ɵɵ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.ɵɵtemplate(0, CaseReviewSpecificAccessRequestComponent_exui_error_message_0_Template, 1, 1, "exui-error-message", 0);
         i0.ɵɵelementStart(1, "form", 1);
@@ -26236,7 +26382,7 @@ CaseReviewSpecificAccessRequestComponent.ɵcmp = i0.ɵɵdefineComponent({ type:
                 templateUrl: './case-review-specific-access-request.component.html',
                 styleUrls: ['./case-review-specific-access-request.component.scss']
             }]
-    }], function () { return [{ type: i2.FormBuilder }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: AbstractAppConfig }]; }, null); })();
+    }], function () { return [{ type: i1$3.FormBuilder }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: AbstractAppConfig }]; }, null); })();
 
 var SpecificAccessRequestPageText;
 (function (SpecificAccessRequestPageText) {
@@ -26345,7 +26491,7 @@ class CaseSpecificAccessRequestComponent {
     }
 }
 CaseSpecificAccessRequestComponent.CANCEL_LINK_DESTINATION = '/work/my-work/list';
-CaseSpecificAccessRequestComponent.ɵfac = function CaseSpecificAccessRequestComponent_Factory(t) { return new (t || CaseSpecificAccessRequestComponent)(i0.ɵɵdirectiveInject(i2.FormBuilder), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(CasesService), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseNotifier)); };
+CaseSpecificAccessRequestComponent.ɵfac = function CaseSpecificAccessRequestComponent_Factory(t) { return new (t || CaseSpecificAccessRequestComponent)(i0.ɵɵdirectiveInject(i1$3.FormBuilder), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(CasesService), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseNotifier)); };
 CaseSpecificAccessRequestComponent.ɵcmp = i0.ɵɵ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.ɵɵtemplate(0, CaseSpecificAccessRequestComponent_exui_error_message_0_Template, 1, 1, "exui-error-message", 0);
         i0.ɵɵelementStart(1, "cut-alert", 1);
@@ -26433,7 +26579,7 @@ CaseSpecificAccessRequestComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseSp
                 selector: 'ccd-case-specific-access-request',
                 templateUrl: './case-specific-access-request.component.html',
             }]
-    }], function () { return [{ type: i2.FormBuilder }, { type: i1$1.Router }, { type: CasesService }, { type: i1$1.ActivatedRoute }, { type: CaseNotifier }]; }, null); })();
+    }], function () { return [{ type: i1$3.FormBuilder }, { type: i1$1.Router }, { type: CasesService }, { type: i1$1.ActivatedRoute }, { type: CaseNotifier }]; }, null); })();
 
 class CaseSpecificAccessSuccessComponent {
     constructor(route) {
@@ -26620,9 +26766,9 @@ i0.ɵɵsetComponentScope(CaseViewerComponent, [i1.NgIf, CaseBasicAccessViewCompo
     CaseFullAccessViewComponent], []);
 i0.ɵɵsetComponentScope(CaseFullAccessViewComponent, [i1.NgIf, i1.NgForOf, CallbackErrorsComponent, ActivityComponent, CaseHeaderComponent, i1$1.RouterLinkWithHref, EventTriggerComponent, NotificationBannerComponent, i9.MatTabGroup, i9.MatTab, i9.MatTabContent, LabelSubstitutorDirective, i1.NgSwitch, i1.NgSwitchCase, FieldReadComponent, i1$1.RouterOutlet], [ReadFieldsFilterPipe, CcdTabFieldsPipe, IsCompoundPipe]);
 i0.ɵɵsetComponentScope(CaseViewComponent, [i1.NgIf, CaseViewerComponent], []);
-i0.ɵɵsetComponentScope(CaseChallengedAccessRequestComponent, [i1.NgIf, ErrorMessageComponent, AlertComponent, i2.ɵangular_packages_forms_forms_ba, i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgClass, i2.RadioControlValueAccessor, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlName], []);
-i0.ɵɵsetComponentScope(CaseSpecificAccessRequestComponent, [i1.NgIf, ErrorMessageComponent, AlertComponent, i2.ɵangular_packages_forms_forms_ba, i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlName], []);
-i0.ɵɵsetComponentScope(CaseReviewSpecificAccessRequestComponent, [i1.NgIf, ErrorMessageComponent, i2.ɵangular_packages_forms_forms_ba, i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgClass, i2.RadioControlValueAccessor, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlName], []);
+i0.ɵɵsetComponentScope(CaseChallengedAccessRequestComponent, [i1.NgIf, ErrorMessageComponent, AlertComponent, i1$3.ɵangular_packages_forms_forms_ba, i1$3.NgControlStatusGroup, i1$3.FormGroupDirective, i1.NgClass, i1$3.RadioControlValueAccessor, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlName], []);
+i0.ɵɵsetComponentScope(CaseSpecificAccessRequestComponent, [i1.NgIf, ErrorMessageComponent, AlertComponent, i1$3.ɵangular_packages_forms_forms_ba, i1$3.NgControlStatusGroup, i1$3.FormGroupDirective, i1.NgClass, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlName], []);
+i0.ɵɵsetComponentScope(CaseReviewSpecificAccessRequestComponent, [i1.NgIf, ErrorMessageComponent, i1$3.ɵangular_packages_forms_forms_ba, i1$3.NgControlStatusGroup, i1$3.FormGroupDirective, i1.NgClass, i1$3.RadioControlValueAccessor, i1$3.DefaultValueAccessor, i1$3.NgControlStatus, i1$3.FormControlName], []);
 
 const viewerRouting = [
     {
@@ -26964,7 +27110,7 @@ CreateCaseFiltersComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CreateCaseFilt
         i0.ɵɵproperty("disabled", !ctx.isCreatable());
         i0.ɵɵadvance(1);
         i0.ɵɵtextInterpolate(ctx.startButtonText);
-    } }, directives: [i2.ɵangular_packages_forms_forms_ba, i2.NgControlStatusGroup, i2.NgForm, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i2.NgSelectOption, i2.ɵangular_packages_forms_forms_z, i1.NgForOf], encapsulation: 2 });
+    } }, directives: [i1$3.ɵangular_packages_forms_forms_ba, i1$3.NgControlStatusGroup, i1$3.NgForm, i1$3.SelectControlValueAccessor, i1$3.NgControlStatus, i1$3.FormControlDirective, i1$3.NgSelectOption, i1$3.ɵangular_packages_forms_forms_z, i1.NgForOf], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CreateCaseFiltersComponent, [{
         type: Component,
         args: [{
@@ -27418,7 +27564,7 @@ SearchFiltersModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
                 ]
             }]
     }], null, null); })();
-i0.ɵɵsetComponentScope(SearchFiltersComponent, [i2.ɵangular_packages_forms_forms_ba, i2.NgControlStatusGroup, i2.NgForm, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgModel, i1.NgForOf, i2.NgSelectOption, i2.ɵangular_packages_forms_forms_z, i1.NgIf, ConditionalShowFormDirective, i2.FormGroupDirective, FieldWriteComponent], []);
+i0.ɵɵsetComponentScope(SearchFiltersComponent, [i1$3.ɵangular_packages_forms_forms_ba, i1$3.NgControlStatusGroup, i1$3.NgForm, i1$3.SelectControlValueAccessor, i1$3.NgControlStatus, i1$3.NgModel, i1.NgForOf, i1$3.NgSelectOption, i1$3.ɵangular_packages_forms_forms_z, i1.NgIf, ConditionalShowFormDirective, i1$3.FormGroupDirective, FieldWriteComponent], []);
 i0.ɵɵsetComponentScope(SearchFiltersWrapperComponent, [i1.NgIf, SearchFiltersComponent], []);
 
 function SearchResultComponent_table_0_div_4_Template(rf, ctx) { if (rf & 1) {
@@ -28286,7 +28432,7 @@ SearchResultModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
                 ]
             }]
     }], null, null); })();
-i0.ɵɵsetComponentScope(SearchResultComponent, [i1.NgIf, i1.NgForOf, i1$1.RouterLinkWithHref, FieldReadComponent, LabelSubstitutorDirective, ActivityComponent, PaginationComponent], [i1.DecimalPipe, i1$6.PaginatePipe, CaseReferencePipe, SortSearchResultPipe]);
+i0.ɵɵsetComponentScope(SearchResultComponent, [i1.NgIf, i1.NgForOf, i1$1.RouterLinkWithHref, FieldReadComponent, LabelSubstitutorDirective, ActivityComponent, PaginationComponent], [i1.DecimalPipe, i1$7.PaginatePipe, CaseReferencePipe, SortSearchResultPipe]);
 
 class ComplexFieldOverride {
 }