@hmcts/ccd-case-ui-toolkit 6.10.7-case-flags-align-page-titles-v2 → 6.10.7-case-flags-support-tab-changes-v3

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

@@ -12009,6 +12009,8 @@
     (function (CaseFlagWizardStepTitle) {
         CaseFlagWizardStepTitle["SELECT_FLAG_LOCATION"] = "Where should this flag be added?";
         CaseFlagWizardStepTitle["SELECT_CASE_FLAG"] = "Select flag type";
+        CaseFlagWizardStepTitle["SEARCH_LANGUAGE_INTERPRETER"] = "Search for a language interpreter";
+        CaseFlagWizardStepTitle["SEARCH_SIGN_LANGUAGE_INTERPRETER"] = "Search for a sign language interpreter";
         CaseFlagWizardStepTitle["ADD_FLAG_COMMENTS"] = "Add comments for this flag";
         CaseFlagWizardStepTitle["FLAG_STATUS"] = "Flag status";
         CaseFlagWizardStepTitle["MANAGE_CASE_FLAGS"] = "Manage case flags";
@@ -12096,10 +12098,10 @@
 
     function ReadCaseFlagFieldComponent_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r3_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r4_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
             i0__namespace.ɵɵelementStart(1, "ccd-case-flag-summary-list", 3);
-            i0__namespace.ɵɵlistener("changeButtonEmitter", function ReadCaseFlagFieldComponent_ng_container_1_Template_ccd_case_flag_summary_list_changeButtonEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r3_1); var ctx_r2 = i0__namespace.ɵɵnextContext(); return ctx_r2.navigateBackToForm($event); });
+            i0__namespace.ɵɵlistener("changeButtonEmitter", function ReadCaseFlagFieldComponent_ng_container_1_Template_ccd_case_flag_summary_list_changeButtonEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r3 = i0__namespace.ɵɵnextContext(); return ctx_r3.navigateBackToForm($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
@@ -12109,19 +12111,19 @@
             i0__namespace.ɵɵproperty("flagForSummaryDisplay", ctx_r0.flagForSummaryDisplay)("summaryListDisplayMode", ctx_r0.summaryListDisplayMode);
         }
     }
-    function ReadCaseFlagFieldComponent_ng_container_2_div_3_ccd_case_flag_table_1_Template(rf, ctx) {
+    function ReadCaseFlagFieldComponent_ng_container_4_div_3_ccd_case_flag_table_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "ccd-case-flag-table", 8);
+            i0__namespace.ɵɵelement(0, "ccd-case-flag-table", 7);
         }
         if (rf & 2) {
             var flagData_r6 = i0__namespace.ɵɵnextContext().$implicit;
-            i0__namespace.ɵɵproperty("tableCaption", flagData_r6.flags.partyName)("flagData", flagData_r6)("firstColumnHeader", "Party level flags");
+            i0__namespace.ɵɵproperty("tableCaption", "")("flagData", flagData_r6)("firstColumnHeader", flagData_r6.flags.partyName);
         }
     }
-    function ReadCaseFlagFieldComponent_ng_container_2_div_3_Template(rf, ctx) {
+    function ReadCaseFlagFieldComponent_ng_container_4_div_3_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵtemplate(1, ReadCaseFlagFieldComponent_ng_container_2_div_3_ccd_case_flag_table_1_Template, 1, 3, "ccd-case-flag-table", 7);
+            i0__namespace.ɵɵtemplate(1, ReadCaseFlagFieldComponent_ng_container_4_div_3_ccd_case_flag_table_1_Template, 1, 3, "ccd-case-flag-table", 6);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -12130,34 +12132,70 @@
             i0__namespace.ɵɵproperty("ngIf", flagData_r6.flags.partyName);
         }
     }
-    function ReadCaseFlagFieldComponent_ng_container_2_div_4_Template(rf, ctx) {
+    function ReadCaseFlagFieldComponent_ng_container_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "h2", 4);
+            i0__namespace.ɵɵtext(2, " Support requested ");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵtemplate(3, ReadCaseFlagFieldComponent_ng_container_4_div_3_Template, 2, 1, "div", 5);
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r1.partyLevelCaseFlagData);
+        }
+    }
+    function ReadCaseFlagFieldComponent_ng_container_5_div_3_ccd_case_flag_table_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelement(0, "ccd-case-flag-table", 7);
+        }
+        if (rf & 2) {
+            var flagData_r11 = i0__namespace.ɵɵnextContext().$implicit;
+            i0__namespace.ɵɵproperty("tableCaption", flagData_r11.flags.partyName)("flagData", flagData_r11)("firstColumnHeader", "Party level flags");
+        }
+    }
+    function ReadCaseFlagFieldComponent_ng_container_5_div_3_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵelement(1, "ccd-case-flag-table", 8);
+            i0__namespace.ɵɵtemplate(1, ReadCaseFlagFieldComponent_ng_container_5_div_3_ccd_case_flag_table_1_Template, 1, 3, "ccd-case-flag-table", 6);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r5 = i0__namespace.ɵɵnextContext(2);
+            var flagData_r11 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", flagData_r11.flags.partyName);
+        }
+    }
+    function ReadCaseFlagFieldComponent_ng_container_5_div_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div");
+            i0__namespace.ɵɵelement(1, "ccd-case-flag-table", 7);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r10 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("tableCaption", "Case level flags")("flagData", ctx_r5.caseLevelCaseFlagData)("firstColumnHeader", "Case flags");
+            i0__namespace.ɵɵproperty("tableCaption", "Case level flags")("flagData", ctx_r10.caseLevelCaseFlagData)("firstColumnHeader", "Case flags");
         }
     }
-    function ReadCaseFlagFieldComponent_ng_container_2_Template(rf, ctx) {
+    function ReadCaseFlagFieldComponent_ng_container_5_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
             i0__namespace.ɵɵelementStart(1, "h2", 4);
-            i0__namespace.ɵɵtext(2, "Case flags");
+            i0__namespace.ɵɵtext(2, " Case flags ");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(3, ReadCaseFlagFieldComponent_ng_container_2_div_3_Template, 2, 1, "div", 5);
-            i0__namespace.ɵɵtemplate(4, ReadCaseFlagFieldComponent_ng_container_2_div_4_Template, 2, 3, "div", 6);
+            i0__namespace.ɵɵtemplate(3, ReadCaseFlagFieldComponent_ng_container_5_div_3_Template, 2, 1, "div", 5);
+            i0__namespace.ɵɵtemplate(4, ReadCaseFlagFieldComponent_ng_container_5_div_4_Template, 2, 3, "div", 8);
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            var ctx_r2 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r1.partyLevelCaseFlagData);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r2.partyLevelCaseFlagData);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r1.caseLevelCaseFlagData);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r2.caseLevelCaseFlagData);
         }
     }
     var ReadCaseFlagFieldComponent = /** @class */ (function (_super) {
@@ -12168,14 +12206,20 @@
             _this.router = router;
             _this.caseFlagStateService = caseFlagStateService;
             _this.paletteContext = exports.PaletteContext;
+            _this.displayContextParameter = '';
             _this.caseLevelCaseFlagsFieldId = 'caseFlags';
             _this.caseNameMissing = 'Case name missing';
+            _this.readSupportMode = '#ARGUMENT(READ,EXTERNAL)';
             _this.createMode = '#ARGUMENT(CREATE)';
             _this.updateMode = '#ARGUMENT(UPDATE)';
             return _this;
         }
         ReadCaseFlagFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
+            var _a, _b;
+            var flagLauncherControlName = Object.keys(this.formGroup.controls).find(function (controlName) { return FieldsUtils.isFlagLauncherCaseField(_this.formGroup.get(controlName)['caseField']); });
+            var flagLauncherComponent = (_a = this.formGroup.get(flagLauncherControlName)) === null || _a === void 0 ? void 0 : _a['component'];
+            this.displayContextParameter = (_b = flagLauncherComponent === null || flagLauncherComponent === void 0 ? void 0 : flagLauncherComponent.caseField) === null || _b === void 0 ? void 0 : _b.display_context_parameter;
             // If the context is PaletteContext.DEFAULT, the Flags fields need to be located by CaseTab (they won't be present
             // in the FormGroup - only the FlagLauncher field is present)
             if (this.context === exports.PaletteContext.DEFAULT) {
@@ -12200,9 +12244,7 @@
                 // The FlagLauncher component, WriteCaseFlagFieldComponent, holds a reference to:
                 // i) the parent FormGroup for the Flags instance where changes have been made;
                 // ii) the currently selected flag (selectedFlag) if one exists
-                var flagLauncherControlName = Object.keys(this.formGroup.controls).find(function (controlName) { return FieldsUtils.isFlagLauncherCaseField(_this.formGroup.get(controlName)['caseField']); });
-                if (flagLauncherControlName && this.formGroup.get(flagLauncherControlName)['component']) {
-                    var flagLauncherComponent = this.formGroup.get(flagLauncherControlName)['component'];
+                if (flagLauncherComponent) {
                     // The FlagLauncher component holds a reference (selectedFlagsLocation) containing the CaseField instance to
                     // which the new flag has been added
                     if (flagLauncherComponent.caseField.display_context_parameter === this.createMode &&
@@ -12254,17 +12296,26 @@
         return ReadCaseFlagFieldComponent;
     }(AbstractFieldReadComponent));
     ReadCaseFlagFieldComponent.ɵfac = function ReadCaseFlagFieldComponent_Factory(t) { return new (t || ReadCaseFlagFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.Router), i0__namespace.ɵɵdirectiveInject(CaseFlagStateService)); };
-    ReadCaseFlagFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadCaseFlagFieldComponent, selectors: [["ccd-read-case-flag-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], [3, "flagForSummaryDisplay", "summaryListDisplayMode", "changeButtonEmitter"], [1, "govuk-heading-l"], [4, "ngFor", "ngForOf"], [4, "ngIf"], [3, "tableCaption", "flagData", "firstColumnHeader", 4, "ngIf"], [3, "tableCaption", "flagData", "firstColumnHeader"]], template: function ReadCaseFlagFieldComponent_Template(rf, ctx) {
+    ReadCaseFlagFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadCaseFlagFieldComponent, selectors: [["ccd-read-case-flag-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 6, vars: 4, consts: [[3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], [3, "flagForSummaryDisplay", "summaryListDisplayMode", "changeButtonEmitter"], ["id", "read-case-flag-title", 1, "govuk-heading-l"], [4, "ngFor", "ngForOf"], [3, "tableCaption", "flagData", "firstColumnHeader", 4, "ngIf"], [3, "tableCaption", "flagData", "firstColumnHeader"], [4, "ngIf"]], template: function ReadCaseFlagFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementContainerStart(0, 0);
                 i0__namespace.ɵɵtemplate(1, ReadCaseFlagFieldComponent_ng_container_1_Template, 2, 2, "ng-container", 1);
-                i0__namespace.ɵɵtemplate(2, ReadCaseFlagFieldComponent_ng_container_2_Template, 5, 2, "ng-container", 2);
+                i0__namespace.ɵɵelementContainerStart(2);
+                i0__namespace.ɵɵelementContainerStart(3, 0);
+                i0__namespace.ɵɵtemplate(4, ReadCaseFlagFieldComponent_ng_container_4_Template, 4, 1, "ng-container", 1);
+                i0__namespace.ɵɵtemplate(5, ReadCaseFlagFieldComponent_ng_container_5_Template, 5, 2, "ng-container", 2);
+                i0__namespace.ɵɵelementContainerEnd();
+                i0__namespace.ɵɵelementContainerEnd();
                 i0__namespace.ɵɵelementContainerEnd();
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngSwitch", ctx.context);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngSwitchCase", ctx.paletteContext.CHECK_YOUR_ANSWER);
+                i0__namespace.ɵɵadvance(2);
+                i0__namespace.ɵɵproperty("ngSwitch", ctx.displayContextParameter);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngSwitchCase", ctx.readSupportMode);
             }
         }, styles: [".govuk-heading-l[_ngcontent-%COMP%]{margin-top:30px}"] });
     (function () {
@@ -12355,7 +12406,7 @@
         if (rf & 2) {
             var ctx_r9 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("formGroup", ctx_r9.caseFlagParentFormGroup)("flagType", ctx_r9.flagType);
+            i0__namespace.ɵɵproperty("formGroup", ctx_r9.caseFlagParentFormGroup)("languages", ctx_r9.flagType.listOfValues)("flagCode", ctx_r9.flagType.flagCode);
         }
     }
     function WriteCaseFlagFieldComponent_div_1_ng_container_7_Template(rf, ctx) {
@@ -12383,7 +12434,7 @@
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵtemplate(4, WriteCaseFlagFieldComponent_div_1_ng_container_4_Template, 2, 2, "ng-container", 11);
             i0__namespace.ɵɵtemplate(5, WriteCaseFlagFieldComponent_div_1_ng_container_5_Template, 2, 2, "ng-container", 11);
-            i0__namespace.ɵɵtemplate(6, WriteCaseFlagFieldComponent_div_1_ng_container_6_Template, 2, 2, "ng-container", 11);
+            i0__namespace.ɵɵtemplate(6, WriteCaseFlagFieldComponent_div_1_ng_container_6_Template, 2, 3, "ng-container", 11);
             i0__namespace.ɵɵtemplate(7, WriteCaseFlagFieldComponent_div_1_ng_container_7_Template, 2, 2, "ng-container", 11);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -12745,7 +12796,7 @@
         return WriteCaseFlagFieldComponent;
     }(AbstractFieldWriteComponent));
     WriteCaseFlagFieldComponent.ɵfac = function WriteCaseFlagFieldComponent_Factory(t) { return new (t || WriteCaseFlagFieldComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(CaseEditDataService), i0__namespace.ɵɵdirectiveInject(i1__namespace.Location), i0__namespace.ɵɵdirectiveInject(CaseFlagStateService)); };
-    WriteCaseFlagFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteCaseFlagFieldComponent, selectors: [["ccd-write-case-flag-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 3, vars: 3, consts: [["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], ["class", "form-group", 3, "formGroup", 4, "ngIf"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], ["class", "govuk-error-summary__body", 4, "ngFor", "ngForOf"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [1, "validation-error", 3, "click"], [1, "form-group", 3, "formGroup"], [1, "govuk-form-group", 3, "ngSwitch"], ["id", "create-flag-caption", 1, "govuk-caption-l", 3, "ngClass"], [4, "ngSwitchCase"], [3, "formGroup", "flagsData", "caseFlagStateEmitter"], [3, "formGroup", "jurisdiction", "caseFlagStateEmitter", "flagCommentsOptionalEmitter"], [3, "formGroup", "flagType", "caseFlagStateEmitter"], [3, "formGroup", "optional", "caseFlagStateEmitter"], [3, "formGroup", "flagsData", "caseTitle", "caseFlagStateEmitter"], [3, "formGroup", "selectedFlag", "caseFlagStateEmitter"]], template: function WriteCaseFlagFieldComponent_Template(rf, ctx) {
+    WriteCaseFlagFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteCaseFlagFieldComponent, selectors: [["ccd-write-case-flag-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 3, vars: 3, consts: [["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], ["class", "form-group", 3, "formGroup", 4, "ngIf"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], ["class", "govuk-error-summary__body", 4, "ngFor", "ngForOf"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [1, "validation-error", 3, "click"], [1, "form-group", 3, "formGroup"], [1, "govuk-form-group", 3, "ngSwitch"], ["id", "create-flag-caption", 1, "govuk-caption-l", 3, "ngClass"], [4, "ngSwitchCase"], [3, "formGroup", "flagsData", "caseFlagStateEmitter"], [3, "formGroup", "jurisdiction", "caseFlagStateEmitter", "flagCommentsOptionalEmitter"], [3, "formGroup", "languages", "flagCode", "caseFlagStateEmitter"], [3, "formGroup", "optional", "caseFlagStateEmitter"], [3, "formGroup", "flagsData", "caseTitle", "caseFlagStateEmitter"], [3, "formGroup", "selectedFlag", "caseFlagStateEmitter"]], template: function WriteCaseFlagFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, WriteCaseFlagFieldComponent_div_0_Template, 4, 1, "div", 0);
                 i0__namespace.ɵɵtemplate(1, WriteCaseFlagFieldComponent_div_1_Template, 8, 10, "div", 1);
@@ -18837,47 +18888,59 @@
                 }] });
     })();
 
-    function CaseFlagTableComponent_table_0_tr_16_Template(rf, ctx) {
+    function CaseFlagTableComponent_table_0_caption_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "caption", 13);
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(ctx_r1.tableCaption);
+        }
+    }
+    function CaseFlagTableComponent_table_0_tr_15_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tr");
-            i0__namespace.ɵɵelementStart(1, "td", 13);
+            i0__namespace.ɵɵelementStart(1, "td", 14);
             i0__namespace.ɵɵtext(2, "None");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_15_Template(rf, ctx) {
+    function CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_15_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 20);
+            i0__namespace.ɵɵelementStart(0, "strong", 21);
             i0__namespace.ɵɵtext(1, "Active");
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_16_Template(rf, ctx) {
+    function CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_16_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 21);
+            i0__namespace.ɵɵelementStart(0, "strong", 22);
             i0__namespace.ɵɵtext(1, "Inactive");
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_17_Template(rf, ctx) {
+    function CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_17_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 21);
+            i0__namespace.ɵɵelementStart(0, "strong", 22);
             i0__namespace.ɵɵtext(1, "Requested");
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_18_Template(rf, ctx) {
+    function CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_18_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "strong", 22);
+            i0__namespace.ɵɵelementStart(0, "strong", 23);
             i0__namespace.ɵɵtext(1, "Not approved");
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_17_tr_1_Template(rf, ctx) {
+    function CaseFlagTableComponent_table_0_tbody_16_tr_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "tr", 15);
-            i0__namespace.ɵɵelementStart(1, "td", 16);
+            i0__namespace.ɵɵelementStart(0, "tr", 16);
+            i0__namespace.ɵɵelementStart(1, "td", 17);
             i0__namespace.ɵɵelementStart(2, "div");
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
@@ -18885,95 +18948,93 @@
             i0__namespace.ɵɵtext(5);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(6, "td", 16);
+            i0__namespace.ɵɵelementStart(6, "td", 17);
             i0__namespace.ɵɵtext(7);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(8, "td", 16);
+            i0__namespace.ɵɵelementStart(8, "td", 17);
             i0__namespace.ɵɵtext(9);
             i0__namespace.ɵɵpipe(10, "date");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(11, "td", 16);
+            i0__namespace.ɵɵelementStart(11, "td", 17);
             i0__namespace.ɵɵtext(12);
             i0__namespace.ɵɵpipe(13, "date");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(14, "td", 16);
-            i0__namespace.ɵɵtemplate(15, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_15_Template, 2, 0, "strong", 17);
-            i0__namespace.ɵɵtemplate(16, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_16_Template, 2, 0, "strong", 18);
-            i0__namespace.ɵɵtemplate(17, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_17_Template, 2, 0, "strong", 18);
-            i0__namespace.ɵɵtemplate(18, CaseFlagTableComponent_table_0_tbody_17_tr_1_strong_18_Template, 2, 0, "strong", 19);
+            i0__namespace.ɵɵelementStart(14, "td", 17);
+            i0__namespace.ɵɵtemplate(15, CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_15_Template, 2, 0, "strong", 18);
+            i0__namespace.ɵɵtemplate(16, CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_16_Template, 2, 0, "strong", 19);
+            i0__namespace.ɵɵtemplate(17, CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_17_Template, 2, 0, "strong", 19);
+            i0__namespace.ɵɵtemplate(18, CaseFlagTableComponent_table_0_tbody_16_tr_1_strong_18_Template, 2, 0, "strong", 20);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var flagDetail_r4 = ctx.$implicit;
-            var ctx_r3 = i0__namespace.ɵɵnextContext(3);
+            var flagDetail_r5 = ctx.$implicit;
+            var ctx_r4 = i0__namespace.ɵɵnextContext(3);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(flagDetail_r4.name);
+            i0__namespace.ɵɵtextInterpolate(flagDetail_r5.name);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(flagDetail_r4.otherDescription);
+            i0__namespace.ɵɵtextInterpolate(flagDetail_r5.otherDescription);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(flagDetail_r4.flagComment);
+            i0__namespace.ɵɵtextInterpolate(flagDetail_r5.flagComment);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(10, 9, flagDetail_r4.dateTimeCreated, "dd LLL yyyy"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(10, 9, flagDetail_r5.dateTimeCreated, "dd LLL yyyy"));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(13, 12, flagDetail_r4.dateTimeModified, "dd LLL yyyy"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(13, 12, flagDetail_r5.dateTimeModified, "dd LLL yyyy"));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.ACTIVE);
+            i0__namespace.ɵɵproperty("ngIf", flagDetail_r5.status === ctx_r4.caseFlagStatus.ACTIVE);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.INACTIVE);
+            i0__namespace.ɵɵproperty("ngIf", flagDetail_r5.status === ctx_r4.caseFlagStatus.INACTIVE);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.REQUESTED);
+            i0__namespace.ɵɵproperty("ngIf", flagDetail_r5.status === ctx_r4.caseFlagStatus.REQUESTED);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", flagDetail_r4.status === ctx_r3.caseFlagStatus.NOT_APPROVED);
+            i0__namespace.ɵɵproperty("ngIf", flagDetail_r5.status === ctx_r4.caseFlagStatus.NOT_APPROVED);
         }
     }
-    function CaseFlagTableComponent_table_0_tbody_17_Template(rf, ctx) {
+    function CaseFlagTableComponent_table_0_tbody_16_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tbody", 10);
-            i0__namespace.ɵɵtemplate(1, CaseFlagTableComponent_table_0_tbody_17_tr_1_Template, 19, 15, "tr", 14);
+            i0__namespace.ɵɵtemplate(1, CaseFlagTableComponent_table_0_tbody_16_tr_1_Template, 19, 15, "tr", 15);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r3 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r2.flagData.flags.details);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r3.flagData.flags.details);
         }
     }
     function CaseFlagTableComponent_table_0_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "table", 1);
-            i0__namespace.ɵɵelementStart(1, "caption", 2);
-            i0__namespace.ɵɵtext(2);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(3, "thead", 3);
-            i0__namespace.ɵɵelementStart(4, "tr", 4);
-            i0__namespace.ɵɵelementStart(5, "th", 5);
-            i0__namespace.ɵɵtext(6);
+            i0__namespace.ɵɵtemplate(1, CaseFlagTableComponent_table_0_caption_1_Template, 2, 1, "caption", 2);
+            i0__namespace.ɵɵelementStart(2, "thead", 3);
+            i0__namespace.ɵɵelementStart(3, "tr", 4);
+            i0__namespace.ɵɵelementStart(4, "th", 5);
+            i0__namespace.ɵɵtext(5);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(7, "th", 6);
-            i0__namespace.ɵɵtext(8, "Comments");
+            i0__namespace.ɵɵelementStart(6, "th", 6);
+            i0__namespace.ɵɵtext(7, "Comments");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(9, "th", 7);
-            i0__namespace.ɵɵtext(10, "Creation date");
+            i0__namespace.ɵɵelementStart(8, "th", 7);
+            i0__namespace.ɵɵtext(9, "Creation date");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(11, "th", 8);
-            i0__namespace.ɵɵtext(12, "Last modified");
+            i0__namespace.ɵɵelementStart(10, "th", 8);
+            i0__namespace.ɵɵtext(11, "Last modified");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(13, "th", 9);
-            i0__namespace.ɵɵtext(14, "Flag status");
+            i0__namespace.ɵɵelementStart(12, "th", 9);
+            i0__namespace.ɵɵtext(13, "Flag status");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(15, "tbody", 10);
-            i0__namespace.ɵɵtemplate(16, CaseFlagTableComponent_table_0_tr_16_Template, 3, 0, "tr", 11);
+            i0__namespace.ɵɵelementStart(14, "tbody", 10);
+            i0__namespace.ɵɵtemplate(15, CaseFlagTableComponent_table_0_tr_15_Template, 3, 0, "tr", 11);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(17, CaseFlagTableComponent_table_0_tbody_17_Template, 2, 1, "tbody", 12);
+            i0__namespace.ɵɵtemplate(16, CaseFlagTableComponent_table_0_tbody_16_Template, 2, 1, "tbody", 12);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
             var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(ctx_r0.tableCaption);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r0.tableCaption);
             i0__namespace.ɵɵadvance(4);
             i0__namespace.ɵɵtextInterpolate(ctx_r0.firstColumnHeader);
             i0__namespace.ɵɵadvance(10);
@@ -18995,9 +19056,9 @@
         return CaseFlagTableComponent;
     }());
     CaseFlagTableComponent.ɵfac = function CaseFlagTableComponent_Factory(t) { return new (t || CaseFlagTableComponent)(); };
-    CaseFlagTableComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFlagTableComponent, selectors: [["ccd-case-flag-table"]], inputs: { tableCaption: "tableCaption", flagData: "flagData", firstColumnHeader: "firstColumnHeader" }, decls: 1, vars: 1, consts: [["class", "govuk-table", 4, "ngIf"], [1, "govuk-table"], [1, "govuk-table__caption", "govuk-table__caption--l"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "col-party-name"], ["scope", "col", 1, "govuk-table__header", "col-comments"], ["scope", "col", 1, "govuk-table__header", "col-creation-date"], ["scope", "col", 1, "govuk-table__header", "col-last-modified"], ["scope", "col", 1, "govuk-table__header", "col-flag-status"], [1, "govuk-table__body"], [4, "ngIf"], ["class", "govuk-table__body", 4, "ngIf"], ["colspan", "5"], ["scope", "row", "class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["scope", "row", 1, "govuk-table__row"], [1, "govuk-table__cell"], ["class", "govuk-tag", 4, "ngIf"], ["class", "govuk-tag govuk-tag--grey", 4, "ngIf"], ["class", "govuk-tag govuk-tag--red", 4, "ngIf"], [1, "govuk-tag"], [1, "govuk-tag", "govuk-tag--grey"], [1, "govuk-tag", "govuk-tag--red"]], template: function CaseFlagTableComponent_Template(rf, ctx) {
+    CaseFlagTableComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFlagTableComponent, selectors: [["ccd-case-flag-table"]], inputs: { tableCaption: "tableCaption", flagData: "flagData", firstColumnHeader: "firstColumnHeader" }, decls: 1, vars: 1, consts: [["class", "govuk-table", 4, "ngIf"], [1, "govuk-table"], ["class", "govuk-table__caption govuk-table__caption--l", 4, "ngIf"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "col-party-name"], ["scope", "col", 1, "govuk-table__header", "col-comments"], ["scope", "col", 1, "govuk-table__header", "col-creation-date"], ["scope", "col", 1, "govuk-table__header", "col-last-modified"], ["scope", "col", 1, "govuk-table__header", "col-flag-status"], [1, "govuk-table__body"], [4, "ngIf"], ["class", "govuk-table__body", 4, "ngIf"], [1, "govuk-table__caption", "govuk-table__caption--l"], ["colspan", "5"], ["scope", "row", "class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["scope", "row", 1, "govuk-table__row"], [1, "govuk-table__cell"], ["class", "govuk-tag", 4, "ngIf"], ["class", "govuk-tag govuk-tag--grey", 4, "ngIf"], ["class", "govuk-tag govuk-tag--red", 4, "ngIf"], [1, "govuk-tag"], [1, "govuk-tag", "govuk-tag--grey"], [1, "govuk-tag", "govuk-tag--red"]], template: function CaseFlagTableComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, CaseFlagTableComponent_table_0_Template, 18, 4, "table", 0);
+                i0__namespace.ɵɵtemplate(0, CaseFlagTableComponent_table_0_Template, 17, 4, "table", 0);
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.flagData);
@@ -19077,109 +19138,88 @@
         SearchLanguageInterpreterControlNames["MANUAL_LANGUAGE_ENTRY"] = "manualLanguageEntry";
     })(SearchLanguageInterpreterControlNames || (SearchLanguageInterpreterControlNames = {}));
 
-    function SelectFlagTypeComponent_div_0_ng_container_5_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵelementContainerEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.caseFlagWizardStepTitle.SELECT_CASE_FLAG, " ");
-        }
-    }
-    function SelectFlagTypeComponent_div_0_ng_template_6_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵtext(0);
-        }
-        if (rf & 2) {
-            var ctx_r3 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r3.selectionTitle, " ");
-        }
-    }
-    function SelectFlagTypeComponent_div_0_div_8_Template(rf, ctx) {
+    function SelectFlagTypeComponent_div_0_div_6_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 13);
-            i0__namespace.ɵɵelementStart(1, "span", 14);
+            i0__namespace.ɵɵelementStart(0, "div", 11);
+            i0__namespace.ɵɵelementStart(1, "span", 12);
             i0__namespace.ɵɵtext(2, "Error:");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r4 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r1 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r4.flagTypeNotSelectedErrorMessage, " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.flagTypeNotSelectedErrorMessage, " ");
         }
     }
-    function SelectFlagTypeComponent_div_0_div_10_Template(rf, ctx) {
+    function SelectFlagTypeComponent_div_0_div_8_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 15);
-            i0__namespace.ɵɵelement(1, "input", 16);
-            i0__namespace.ɵɵelementStart(2, "label", 17);
+            i0__namespace.ɵɵelementStart(0, "div", 13);
+            i0__namespace.ɵɵelement(1, "input", 14);
+            i0__namespace.ɵɵelementStart(2, "label", 15);
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var flagType_r8 = ctx.$implicit;
-            var i_r9 = ctx.index;
-            var ctx_r5 = i0__namespace.ɵɵnextContext(2);
+            var flagType_r5 = ctx.$implicit;
+            var i_r6 = ctx.index;
+            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵpropertyInterpolate1("id", "flag-type-", i_r9, "");
-            i0__namespace.ɵɵproperty("name", ctx_r5.flagTypeControlName)("value", flagType_r8)("formControlName", ctx_r5.flagTypeControlName);
+            i0__namespace.ɵɵpropertyInterpolate1("id", "flag-type-", i_r6, "");
+            i0__namespace.ɵɵproperty("name", ctx_r2.flagTypeControlName)("value", flagType_r5)("formControlName", ctx_r2.flagTypeControlName);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵpropertyInterpolate1("for", "flag-type-", i_r9, "");
+            i0__namespace.ɵɵpropertyInterpolate1("for", "flag-type-", i_r6, "");
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(flagType_r8.name);
+            i0__namespace.ɵɵtextInterpolate(flagType_r5.name);
         }
     }
-    function SelectFlagTypeComponent_div_0_div_11_div_4_Template(rf, ctx) {
+    function SelectFlagTypeComponent_div_0_div_9_div_4_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 22);
-            i0__namespace.ɵɵelementStart(1, "span", 14);
+            i0__namespace.ɵɵelementStart(0, "div", 20);
+            i0__namespace.ɵɵelementStart(1, "span", 12);
             i0__namespace.ɵɵtext(2, "Error:");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r10 = i0__namespace.ɵɵnextContext(3);
+            var ctx_r7 = i0__namespace.ɵɵnextContext(3);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r10.flagTypeErrorMessage, " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r7.flagTypeErrorMessage, " ");
         }
     }
     var _c0$q = function (a0) { return { "form-group-error": a0 }; };
     var _c1$6 = function (a0) { return { "govuk-input--error": a0 }; };
-    function SelectFlagTypeComponent_div_0_div_11_Template(rf, ctx) {
+    function SelectFlagTypeComponent_div_0_div_9_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 18);
+            i0__namespace.ɵɵelementStart(0, "div", 16);
             i0__namespace.ɵɵelementStart(1, "div", 2);
-            i0__namespace.ɵɵelementStart(2, "label", 19);
+            i0__namespace.ɵɵelementStart(2, "label", 17);
             i0__namespace.ɵɵtext(3, "Enter a flag type");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(4, SelectFlagTypeComponent_div_0_div_11_div_4_Template, 4, 1, "div", 20);
-            i0__namespace.ɵɵelement(5, "input", 21);
+            i0__namespace.ɵɵtemplate(4, SelectFlagTypeComponent_div_0_div_9_div_4_Template, 4, 1, "div", 18);
+            i0__namespace.ɵɵelement(5, "input", 19);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r6 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r3 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$q, ctx_r6.flagTypeErrorMessage.length > 0));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$q, ctx_r3.flagTypeErrorMessage.length > 0));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r6.flagTypeErrorMessage.length > 0);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r3.flagTypeErrorMessage.length > 0);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$6, ctx_r6.flagTypeErrorMessage.length > 0))("name", ctx_r6.descriptionControlName)("formControlName", ctx_r6.descriptionControlName);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$6, ctx_r3.flagTypeErrorMessage.length > 0))("name", ctx_r3.descriptionControlName)("formControlName", ctx_r3.descriptionControlName);
         }
     }
-    function SelectFlagTypeComponent_div_0_div_12_Template(rf, ctx) {
+    function SelectFlagTypeComponent_div_0_div_10_Template(rf, ctx) {
         if (rf & 1) {
-            var _r12_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "div", 23);
-            i0__namespace.ɵɵelementStart(1, "button", 24);
-            i0__namespace.ɵɵlistener("click", function SelectFlagTypeComponent_div_0_div_12_Template_button_click_1_listener() { i0__namespace.ɵɵrestoreView(_r12_1); var ctx_r11 = i0__namespace.ɵɵnextContext(2); return ctx_r11.onNext(); });
+            var _r9_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div", 21);
+            i0__namespace.ɵɵelementStart(1, "button", 22);
+            i0__namespace.ɵɵlistener("click", function SelectFlagTypeComponent_div_0_div_10_Template_button_click_1_listener() { i0__namespace.ɵɵrestoreView(_r9_1); var ctx_r8 = i0__namespace.ɵɵnextContext(2); return ctx_r8.onNext(); });
             i0__namespace.ɵɵtext(2, "Next");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -19192,29 +19232,27 @@
             i0__namespace.ɵɵelementStart(2, "fieldset", 3);
             i0__namespace.ɵɵelementStart(3, "legend", 4);
             i0__namespace.ɵɵelementStart(4, "h1", 5);
-            i0__namespace.ɵɵtemplate(5, SelectFlagTypeComponent_div_0_ng_container_5_Template, 2, 1, "ng-container", 6);
-            i0__namespace.ɵɵtemplate(6, SelectFlagTypeComponent_div_0_ng_template_6_Template, 1, 1, "ng-template", null, 7, i0__namespace.ɵɵtemplateRefExtractor);
+            i0__namespace.ɵɵtext(5);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(8, SelectFlagTypeComponent_div_0_div_8_Template, 4, 1, "div", 8);
-            i0__namespace.ɵɵelementStart(9, "div", 9);
-            i0__namespace.ɵɵtemplate(10, SelectFlagTypeComponent_div_0_div_10_Template, 4, 6, "div", 10);
-            i0__namespace.ɵɵtemplate(11, SelectFlagTypeComponent_div_0_div_11_Template, 6, 9, "div", 11);
+            i0__namespace.ɵɵtemplate(6, SelectFlagTypeComponent_div_0_div_6_Template, 4, 1, "div", 6);
+            i0__namespace.ɵɵelementStart(7, "div", 7);
+            i0__namespace.ɵɵtemplate(8, SelectFlagTypeComponent_div_0_div_8_Template, 4, 6, "div", 8);
+            i0__namespace.ɵɵtemplate(9, SelectFlagTypeComponent_div_0_div_9_Template, 6, 9, "div", 9);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(12, SelectFlagTypeComponent_div_0_div_12_Template, 3, 0, "div", 12);
+            i0__namespace.ɵɵtemplate(10, SelectFlagTypeComponent_div_0_div_10_Template, 3, 0, "div", 10);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var _r2 = i0__namespace.ɵɵreference(7);
             var ctx_r0 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵproperty("formGroup", ctx_r0.formGroup);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$q, ctx_r0.flagTypeNotSelectedErrorMessage.length > 0));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$q, ctx_r0.flagTypeNotSelectedErrorMessage.length > 0));
             i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵproperty("ngIf", !ctx_r0.selectionTitle)("ngIfElse", _r2);
-            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.caseFlagWizardStepTitle.SELECT_CASE_FLAG, " ");
+            i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", ctx_r0.flagTypeNotSelectedErrorMessage.length > 0);
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵproperty("ngForOf", ctx_r0.flagTypes);
@@ -19232,7 +19270,6 @@
             this.flagTypeNotSelectedErrorMessage = '';
             this.flagTypeErrorMessage = '';
             this.refdataError = false;
-            this.selectionTitle = '';
             this.flagTypeControlName = 'flagType';
             this.descriptionControlName = 'otherFlagTypeDescription';
             this.maxCharactersForOtherFlagType = 80;
@@ -19340,7 +19377,6 @@
             }
             // 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.selectionTitle = this.selectedFlagType.name;
                 this.flagTypes = this.selectedFlagType.childFlags;
                 (_a = this.cachedPath) === null || _a === void 0 ? void 0 : _a.shift();
                 this.formGroup.get(this.flagTypeControlName).setValue(((_b = this.cachedPath) === null || _b === void 0 ? void 0 : _b.length) ? this.cachedPath[0] : null, { emitEvent: false });
@@ -19377,9 +19413,9 @@
         return SelectFlagTypeComponent;
     }());
     SelectFlagTypeComponent.ɵfac = function SelectFlagTypeComponent_Factory(t) { return new (t || SelectFlagTypeComponent)(i0__namespace.ɵɵdirectiveInject(CaseFlagRefdataService)); };
-    SelectFlagTypeComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: SelectFlagTypeComponent, selectors: [["ccd-select-flag-type"]], inputs: { formGroup: "formGroup", jurisdiction: "jurisdiction" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter", flagCommentsOptionalEmitter: "flagCommentsOptionalEmitter" }, decls: 1, vars: 1, consts: [["class", "form-group", 3, "formGroup", 4, "ngIf"], [1, "form-group", 3, "formGroup"], [1, "govuk-form-group", 3, "ngClass"], ["aria-describedby", "flag-type-heading", 1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], ["id", "flag-type-heading", 1, "govuk-fieldset__heading", "govuk-!-margin-bottom-1"], [4, "ngIf", "ngIfElse"], ["selectionTitlePresent", ""], ["id", "flag-type-not-selected-error-message", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-radios", "id", "conditional-radios-list", 1, "govuk-radios", "govuk-radios--conditional"], ["class", "govuk-radios__item", 4, "ngFor", "ngForOf"], ["class", "govuk-radios__conditional", "id", "conditional-flagType", 4, "ngIf"], ["class", "govuk-button-group", 4, "ngIf"], ["id", "flag-type-not-selected-error-message", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], [1, "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "id", "name", "value", "formControlName"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["id", "conditional-flagType", 1, "govuk-radios__conditional"], ["for", "other-flag-type-description", 1, "govuk-label"], ["id", "flag-type-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "other-flag-type-description", "type", "text", 1, "govuk-input", "govuk-!-width-one-half", 3, "ngClass", "name", "formControlName"], ["id", "flag-type-error-message", 1, "govuk-error-message"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"]], template: function SelectFlagTypeComponent_Template(rf, ctx) {
+    SelectFlagTypeComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: SelectFlagTypeComponent, selectors: [["ccd-select-flag-type"]], inputs: { formGroup: "formGroup", jurisdiction: "jurisdiction" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter", flagCommentsOptionalEmitter: "flagCommentsOptionalEmitter" }, decls: 1, vars: 1, consts: [["class", "form-group", 3, "formGroup", 4, "ngIf"], [1, "form-group", 3, "formGroup"], [1, "govuk-form-group", 3, "ngClass"], ["aria-describedby", "flag-type-heading", 1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], ["id", "flag-type-heading", 1, "govuk-fieldset__heading"], ["id", "flag-type-not-selected-error-message", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-radios", "id", "conditional-radios-list", 1, "govuk-radios", "govuk-radios--conditional"], ["class", "govuk-radios__item", 4, "ngFor", "ngForOf"], ["class", "govuk-radios__conditional", "id", "conditional-flagType", 4, "ngIf"], ["class", "govuk-button-group", 4, "ngIf"], ["id", "flag-type-not-selected-error-message", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], [1, "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "id", "name", "value", "formControlName"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["id", "conditional-flagType", 1, "govuk-radios__conditional"], ["for", "other-flag-type-description", 1, "govuk-label"], ["id", "flag-type-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "other-flag-type-description", "type", "text", 1, "govuk-input", "govuk-!-width-one-half", 3, "ngClass", "name", "formControlName"], ["id", "flag-type-error-message", 1, "govuk-error-message"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"]], template: function SelectFlagTypeComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, SelectFlagTypeComponent_div_0_Template, 13, 10, "div", 0);
+                i0__namespace.ɵɵtemplate(0, SelectFlagTypeComponent_div_0_Template, 11, 9, "div", 0);
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.flagTypes == null ? null : ctx.flagTypes.length);
@@ -19537,7 +19573,10 @@
         });
         SearchLanguageInterpreterComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this.searchLanguageInterpreterHint = this.flagType.flagCode === this.signLanguageFlagCode
+            this.searchLanguageInterpreterTitle = this.flagCode === this.signLanguageFlagCode
+                ? exports.CaseFlagWizardStepTitle.SEARCH_SIGN_LANGUAGE_INTERPRETER
+                : exports.CaseFlagWizardStepTitle.SEARCH_LANGUAGE_INTERPRETER;
+            this.searchLanguageInterpreterHint = this.flagCode === this.signLanguageFlagCode
                 ? exports.SearchLanguageInterpreterStep.SIGN_HINT_TEXT
                 : exports.SearchLanguageInterpreterStep.HINT_TEXT;
             this.formGroup.addControl(SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM, new i1$2.FormControl());
@@ -19619,14 +19658,14 @@
             if (searchTerm.length < this.minSearchCharacters) {
                 return [];
             }
-            return this.flagType.listOfValues
-                ? this.flagType.listOfValues.filter(function (language) { return language.value.toLowerCase().includes(searchTerm.toLowerCase(), 0); })
+            return this.languages
+                ? this.languages.filter(function (language) { return language.value.toLowerCase().includes(searchTerm.toLowerCase(), 0); })
                 : [];
         };
         return SearchLanguageInterpreterComponent;
     }());
     SearchLanguageInterpreterComponent.ɵfac = function SearchLanguageInterpreterComponent_Factory(t) { return new (t || SearchLanguageInterpreterComponent)(); };
-    SearchLanguageInterpreterComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: SearchLanguageInterpreterComponent, selectors: [["ccd-search-language-interpreter"]], inputs: { formGroup: "formGroup", flagType: "flagType" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter" }, decls: 25, vars: 18, consts: [[1, "form-group", 3, "formGroup"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-label-wrapper"], [1, "govuk-label", "govuk-label--l", 3, "for"], ["id", "language-search-box-hint", 1, "govuk-hint"], [1, "auto-complete-container"], ["id", "language-not-selected-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "language-entered-in-both-fields-error-message", "class", "govuk-error-message", 4, "ngIf"], ["aria-label", "Language search box", "matInput", "", "type", "text", 1, "govuk-input", "search-language__input", 3, "formControlName", "matAutocomplete"], ["autoActiveFirstOption", "", 1, "mat-autocomplete-panel-extend", 3, "displayWith"], ["autoSearchLanguage", "matAutocomplete"], [3, "value", 4, "ngFor", "ngForOf"], ["disabled", "", 4, "ngIf"], ["data-module", "govuk-checkboxes", 1, "govuk-checkboxes", "govuk-checkboxes--small", "govuk-checkboxes--conditional"], [1, "govuk-radios__item"], ["id", "enter-language-manually", "name", "enter-language-manually", "type", "checkbox", 1, "govuk-checkboxes__input", 3, "change"], ["for", "enter-language-manually", 1, "govuk-label", "govuk-checkboxes__label"], ["class", "govuk-radios__conditional", 4, "ngIf"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"], ["id", "language-not-selected-error-message", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "language-entered-in-both-fields-error-message", 1, "govuk-error-message"], [3, "value"], ["disabled", ""], [1, "govuk-radios__conditional"], ["for", "manual-language-entry", 1, "govuk-label"], ["id", "language-not-entered-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "language-char-limit-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "manual-language-entry", "type", "text", 1, "govuk-input", "govuk-input--width-20", 3, "name", "formControlName"], ["id", "language-not-entered-error-message", 1, "govuk-error-message"], ["id", "language-char-limit-error-message", 1, "govuk-error-message"]], template: function SearchLanguageInterpreterComponent_Template(rf, ctx) {
+    SearchLanguageInterpreterComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: SearchLanguageInterpreterComponent, selectors: [["ccd-search-language-interpreter"]], inputs: { formGroup: "formGroup", languages: "languages", flagCode: "flagCode" }, outputs: { caseFlagStateEmitter: "caseFlagStateEmitter" }, decls: 25, vars: 18, consts: [[1, "form-group", 3, "formGroup"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-label-wrapper"], [1, "govuk-label", "govuk-label--l", 3, "for"], ["id", "language-search-box-hint", 1, "govuk-hint"], [1, "auto-complete-container"], ["id", "language-not-selected-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "language-entered-in-both-fields-error-message", "class", "govuk-error-message", 4, "ngIf"], ["aria-label", "Language search box", "matInput", "", "type", "text", 1, "govuk-input", "search-language__input", 3, "formControlName", "matAutocomplete"], ["autoActiveFirstOption", "", 1, "mat-autocomplete-panel-extend", 3, "displayWith"], ["autoSearchLanguage", "matAutocomplete"], [3, "value", 4, "ngFor", "ngForOf"], ["disabled", "", 4, "ngIf"], ["data-module", "govuk-checkboxes", 1, "govuk-checkboxes", "govuk-checkboxes--small", "govuk-checkboxes--conditional"], [1, "govuk-radios__item"], ["id", "enter-language-manually", "name", "enter-language-manually", "type", "checkbox", 1, "govuk-checkboxes__input", 3, "change"], ["for", "enter-language-manually", 1, "govuk-label", "govuk-checkboxes__label"], ["class", "govuk-radios__conditional", 4, "ngIf"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"], ["id", "language-not-selected-error-message", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["id", "language-entered-in-both-fields-error-message", 1, "govuk-error-message"], [3, "value"], ["disabled", ""], [1, "govuk-radios__conditional"], ["for", "manual-language-entry", 1, "govuk-label"], ["id", "language-not-entered-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "language-char-limit-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "manual-language-entry", "type", "text", 1, "govuk-input", "govuk-input--width-20", 3, "name", "formControlName"], ["id", "language-not-entered-error-message", 1, "govuk-error-message"], ["id", "language-char-limit-error-message", 1, "govuk-error-message"]], template: function SearchLanguageInterpreterComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
@@ -19676,7 +19715,7 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("for", ctx.SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵtextInterpolate1(" ", ctx.flagType == null ? null : ctx.flagType.name, " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", ctx.searchLanguageInterpreterTitle, " ");
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵtextInterpolate1(" ", ctx.searchLanguageInterpreterHint, " ");
                 i0__namespace.ɵɵadvance(2);
@@ -19707,7 +19746,9 @@
                     }]
             }], null, { formGroup: [{
                     type: i0.Input
-                }], flagType: [{
+                }], languages: [{
+                    type: i0.Input
+                }], flagCode: [{
                     type: i0.Input
                 }], caseFlagStateEmitter: [{
                     type: i0.Output
@@ -23149,7 +23190,7 @@
     i0__namespace.ɵɵsetComponentScope(ReadComplexFieldTableComponent, [i1__namespace.NgForOf, i1__namespace.NgIf, FieldReadComponent], [ReadFieldsFilterPipe, IsCompoundPipe]);
     i0__namespace.ɵɵsetComponentScope(ReadComplexFieldCollectionTableComponent, [i1__namespace.NgForOf, i1__namespace.NgIf, FieldReadComponent,
         ReadCaseLinkFieldComponent], [ReadFieldsFilterPipe, CcdCollectionTableCaseFieldsFilterPipe, i1__namespace.KeyValuePipe, IsCompoundPipe]);
-    i0__namespace.ɵɵsetComponentScope(ReadCaseFlagFieldComponent, [i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, CaseFlagSummaryListComponent, i1__namespace.NgSwitchDefault, i1__namespace.NgForOf, i1__namespace.NgIf, CaseFlagTableComponent], []);
+    i0__namespace.ɵɵsetComponentScope(ReadCaseFlagFieldComponent, [i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, CaseFlagSummaryListComponent, i1__namespace.NgForOf, i1__namespace.NgIf, CaseFlagTableComponent, i1__namespace.NgSwitchDefault], []);
     i0__namespace.ɵɵsetComponentScope(WriteAddressFieldComponent, [i1__namespace.NgIf, i1__namespace.NgClass, i1__namespace$3.DefaultValueAccessor, i1__namespace$3.NgControlStatus, i1__namespace$3.FormControlDirective, i1__namespace$3.SelectControlValueAccessor, i1__namespace.NgForOf, i1__namespace$3.NgSelectOption, i1__namespace$3.ɵangular_packages_forms_forms_z, WriteComplexFieldComponent, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective], [FieldLabelPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteComplexFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, FieldReadComponent, LabelSubstitutorDirective, i1__namespace$3.NgControlStatusGroup, i1__namespace$3.FormGroupDirective, FieldWriteComponent], [FieldLabelPipe, IsReadOnlyPipe]);
     i0__namespace.ɵɵsetComponentScope(WriteDocumentFieldComponent, [i1__namespace.NgClass, i1__namespace.NgIf, ReadDocumentFieldComponent], [FieldLabelPipe]);