@hmcts/ccd-case-ui-toolkit 6.10.7-case-flags-support-tab-changes-v2 → 6.10.7-case-flags-select-option-for-sub-child

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

@@ -12047,6 +12047,7 @@
     exports.SelectFlagTypeErrorMessage = void 0;
     (function (SelectFlagTypeErrorMessage) {
         SelectFlagTypeErrorMessage["FLAG_TYPE_NOT_SELECTED"] = "Please select a flag type";
+        SelectFlagTypeErrorMessage["FLAG_TYPE_OPTION_NOT_SELECTED"] = "Select an option";
         SelectFlagTypeErrorMessage["FLAG_TYPE_NOT_ENTERED"] = "Please enter a flag type";
         SelectFlagTypeErrorMessage["FLAG_TYPE_LIMIT_EXCEEDED"] = "You can enter up to 80 characters only";
     })(exports.SelectFlagTypeErrorMessage || (exports.SelectFlagTypeErrorMessage = {}));
@@ -12098,10 +12099,10 @@
 
     function ReadCaseFlagFieldComponent_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r6_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r3_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "ccd-case-flag-summary-list", 6);
-            i0__namespace.ɵɵlistener("changeButtonEmitter", function ReadCaseFlagFieldComponent_ng_container_1_Template_ccd_case_flag_summary_list_changeButtonEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r6_1); var ctx_r5 = i0__namespace.ɵɵnextContext(); return ctx_r5.navigateBackToForm($event); });
+            i0__namespace.ɵɵelementStart(1, "ccd-case-flag-summary-list", 3);
+            i0__namespace.ɵɵlistener("changeButtonEmitter", function ReadCaseFlagFieldComponent_ng_container_1_Template_ccd_case_flag_summary_list_changeButtonEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r3_1); var ctx_r2 = i0__namespace.ɵɵnextContext(); return ctx_r2.navigateBackToForm($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
@@ -12111,51 +12112,55 @@
             i0__namespace.ɵɵproperty("flagForSummaryDisplay", ctx_r0.flagForSummaryDisplay)("summaryListDisplayMode", ctx_r0.summaryListDisplayMode);
         }
     }
-    function ReadCaseFlagFieldComponent_ng_container_5_Template(rf, ctx) {
+    function ReadCaseFlagFieldComponent_ng_container_2_div_3_ccd_case_flag_table_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵtext(1, " Support requested ");
-            i0__namespace.ɵɵelementContainerEnd();
+            i0__namespace.ɵɵelement(0, "ccd-case-flag-table", 8);
         }
-    }
-    function ReadCaseFlagFieldComponent_ng_container_6_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵtext(1, " Case flags ");
-            i0__namespace.ɵɵelementContainerEnd();
+        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");
         }
     }
-    function ReadCaseFlagFieldComponent_div_7_ccd_case_flag_table_1_Template(rf, ctx) {
+    function ReadCaseFlagFieldComponent_ng_container_2_div_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "ccd-case-flag-table", 8);
+            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.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var flagData_r7 = i0__namespace.ɵɵnextContext().$implicit;
-            i0__namespace.ɵɵproperty("tableCaption", flagData_r7.flags.partyName)("flagData", flagData_r7)("firstColumnHeader", "Party level flags");
+            var flagData_r6 = ctx.$implicit;
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", flagData_r6.flags.partyName);
         }
     }
-    function ReadCaseFlagFieldComponent_div_7_Template(rf, ctx) {
+    function ReadCaseFlagFieldComponent_ng_container_2_div_4_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵtemplate(1, ReadCaseFlagFieldComponent_div_7_ccd_case_flag_table_1_Template, 1, 3, "ccd-case-flag-table", 7);
+            i0__namespace.ɵɵelement(1, "ccd-case-flag-table", 8);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var flagData_r7 = ctx.$implicit;
+            var ctx_r5 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", flagData_r7.flags.partyName);
+            i0__namespace.ɵɵproperty("tableCaption", "Case level flags")("flagData", ctx_r5.caseLevelCaseFlagData)("firstColumnHeader", "Case flags");
         }
     }
-    function ReadCaseFlagFieldComponent_div_8_Template(rf, ctx) {
+    function ReadCaseFlagFieldComponent_ng_container_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵelement(1, "ccd-case-flag-table", 8);
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "h2", 4);
+            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.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r4 = i0__namespace.ɵɵnextContext();
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r1.partyLevelCaseFlagData);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("tableCaption", "Case level flags")("flagData", ctx_r4.caseLevelCaseFlagData)("firstColumnHeader", "Case flags");
+            i0__namespace.ɵɵproperty("ngIf", ctx_r1.caseLevelCaseFlagData);
         }
     }
     var ReadCaseFlagFieldComponent = /** @class */ (function (_super) {
@@ -12166,20 +12171,14 @@
             _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) {
@@ -12204,7 +12203,9 @@
                 // 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
-                if (flagLauncherComponent) {
+                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'];
                     // 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 &&
@@ -12256,34 +12257,17 @@
         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: 9, vars: 6, consts: [[3, "ngSwitch"], [4, "ngSwitchCase"], ["id", "read-case-flag-title", 1, "govuk-heading-l"], [4, "ngSwitchDefault"], [4, "ngFor", "ngForOf"], [4, "ngIf"], [3, "flagForSummaryDisplay", "summaryListDisplayMode", "changeButtonEmitter"], [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: 3, vars: 2, consts: [[3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], [3, "flagForSummaryDisplay", "summaryListDisplayMode", "changeButtonEmitter"], [1, "govuk-heading-l"], [4, "ngFor", "ngForOf"], [4, "ngIf"], [3, "tableCaption", "flagData", "firstColumnHeader", 4, "ngIf"], [3, "tableCaption", "flagData", "firstColumnHeader"]], template: function ReadCaseFlagFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementContainerStart(0, 0);
                 i0__namespace.ɵɵtemplate(1, ReadCaseFlagFieldComponent_ng_container_1_Template, 2, 2, "ng-container", 1);
-                i0__namespace.ɵɵelementContainerStart(2);
-                i0__namespace.ɵɵelementStart(3, "h2", 2);
-                i0__namespace.ɵɵelementContainerStart(4, 0);
-                i0__namespace.ɵɵtemplate(5, ReadCaseFlagFieldComponent_ng_container_5_Template, 2, 0, "ng-container", 1);
-                i0__namespace.ɵɵtemplate(6, ReadCaseFlagFieldComponent_ng_container_6_Template, 2, 0, "ng-container", 3);
-                i0__namespace.ɵɵelementContainerEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(7, ReadCaseFlagFieldComponent_div_7_Template, 2, 1, "div", 4);
-                i0__namespace.ɵɵtemplate(8, ReadCaseFlagFieldComponent_div_8_Template, 2, 3, "div", 5);
-                i0__namespace.ɵɵelementContainerEnd();
+                i0__namespace.ɵɵtemplate(2, ReadCaseFlagFieldComponent_ng_container_2_Template, 5, 2, "ng-container", 2);
                 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(3);
-                i0__namespace.ɵɵproperty("ngSwitch", ctx.displayContextParameter);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngSwitchCase", ctx.readSupportMode);
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngForOf", ctx.partyLevelCaseFlagData);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", ctx.caseLevelCaseFlagData);
             }
         }, styles: [".govuk-heading-l[_ngcontent-%COMP%]{margin-top:30px}"] });
     (function () {
@@ -19096,88 +19080,109 @@
         SearchLanguageInterpreterControlNames["MANUAL_LANGUAGE_ENTRY"] = "manualLanguageEntry";
     })(SearchLanguageInterpreterControlNames || (SearchLanguageInterpreterControlNames = {}));
 
-    function SelectFlagTypeComponent_div_0_div_6_Template(rf, ctx) {
+    function SelectFlagTypeComponent_div_0_ng_container_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 11);
-            i0__namespace.ɵɵelementStart(1, "span", 12);
+            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) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div", 13);
+            i0__namespace.ɵɵelementStart(1, "span", 14);
             i0__namespace.ɵɵtext(2, "Error:");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r4 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.flagTypeNotSelectedErrorMessage, " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r4.flagTypeNotSelectedErrorMessage, " ");
         }
     }
-    function SelectFlagTypeComponent_div_0_div_8_Template(rf, ctx) {
+    function SelectFlagTypeComponent_div_0_div_10_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 13);
-            i0__namespace.ɵɵelement(1, "input", 14);
-            i0__namespace.ɵɵelementStart(2, "label", 15);
+            i0__namespace.ɵɵelementStart(0, "div", 15);
+            i0__namespace.ɵɵelement(1, "input", 16);
+            i0__namespace.ɵɵelementStart(2, "label", 17);
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var flagType_r5 = ctx.$implicit;
-            var i_r6 = ctx.index;
-            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
+            var flagType_r8 = ctx.$implicit;
+            var i_r9 = ctx.index;
+            var ctx_r5 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵpropertyInterpolate1("id", "flag-type-", i_r6, "");
-            i0__namespace.ɵɵproperty("name", ctx_r2.flagTypeControlName)("value", flagType_r5)("formControlName", ctx_r2.flagTypeControlName);
+            i0__namespace.ɵɵpropertyInterpolate1("id", "flag-type-", i_r9, "");
+            i0__namespace.ɵɵproperty("name", ctx_r5.flagTypeControlName)("value", flagType_r8)("formControlName", ctx_r5.flagTypeControlName);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵpropertyInterpolate1("for", "flag-type-", i_r6, "");
+            i0__namespace.ɵɵpropertyInterpolate1("for", "flag-type-", i_r9, "");
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(flagType_r5.name);
+            i0__namespace.ɵɵtextInterpolate(flagType_r8.name);
         }
     }
-    function SelectFlagTypeComponent_div_0_div_9_div_4_Template(rf, ctx) {
+    function SelectFlagTypeComponent_div_0_div_11_div_4_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 20);
-            i0__namespace.ɵɵelementStart(1, "span", 12);
+            i0__namespace.ɵɵelementStart(0, "div", 22);
+            i0__namespace.ɵɵelementStart(1, "span", 14);
             i0__namespace.ɵɵtext(2, "Error:");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r7 = i0__namespace.ɵɵnextContext(3);
+            var ctx_r10 = i0__namespace.ɵɵnextContext(3);
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r7.flagTypeErrorMessage, " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r10.flagTypeErrorMessage, " ");
         }
     }
     var _c0$q = function (a0) { return { "form-group-error": a0 }; };
     var _c1$6 = function (a0) { return { "govuk-input--error": a0 }; };
-    function SelectFlagTypeComponent_div_0_div_9_Template(rf, ctx) {
+    function SelectFlagTypeComponent_div_0_div_11_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 16);
+            i0__namespace.ɵɵelementStart(0, "div", 18);
             i0__namespace.ɵɵelementStart(1, "div", 2);
-            i0__namespace.ɵɵelementStart(2, "label", 17);
+            i0__namespace.ɵɵelementStart(2, "label", 19);
             i0__namespace.ɵɵtext(3, "Enter a flag type");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(4, SelectFlagTypeComponent_div_0_div_9_div_4_Template, 4, 1, "div", 18);
-            i0__namespace.ɵɵelement(5, "input", 19);
+            i0__namespace.ɵɵtemplate(4, SelectFlagTypeComponent_div_0_div_11_div_4_Template, 4, 1, "div", 20);
+            i0__namespace.ɵɵelement(5, "input", 21);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r3 = i0__namespace.ɵɵnextContext(2);
+            var ctx_r6 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$q, ctx_r3.flagTypeErrorMessage.length > 0));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(5, _c0$q, ctx_r6.flagTypeErrorMessage.length > 0));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r3.flagTypeErrorMessage.length > 0);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r6.flagTypeErrorMessage.length > 0);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$6, ctx_r3.flagTypeErrorMessage.length > 0))("name", ctx_r3.descriptionControlName)("formControlName", ctx_r3.descriptionControlName);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c1$6, ctx_r6.flagTypeErrorMessage.length > 0))("name", ctx_r6.descriptionControlName)("formControlName", ctx_r6.descriptionControlName);
         }
     }
-    function SelectFlagTypeComponent_div_0_div_10_Template(rf, ctx) {
+    function SelectFlagTypeComponent_div_0_div_12_Template(rf, ctx) {
         if (rf & 1) {
-            var _r9_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "div", 21);
-            i0__namespace.ɵɵelementStart(1, "button", 22);
-            i0__namespace.ɵɵlistener("click", function SelectFlagTypeComponent_div_0_div_10_Template_button_click_1_listener() { i0__namespace.ɵɵrestoreView(_r9_1); var ctx_r8 = i0__namespace.ɵɵnextContext(2); return ctx_r8.onNext(); });
+            var _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(); });
             i0__namespace.ɵɵtext(2, "Next");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -19190,27 +19195,29 @@
             i0__namespace.ɵɵelementStart(2, "fieldset", 3);
             i0__namespace.ɵɵelementStart(3, "legend", 4);
             i0__namespace.ɵɵelementStart(4, "h1", 5);
-            i0__namespace.ɵɵtext(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.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(6, SelectFlagTypeComponent_div_0_div_6_Template, 4, 1, "div", 6);
-            i0__namespace.ɵɵelementStart(7, "div", 7);
-            i0__namespace.ɵɵtemplate(8, SelectFlagTypeComponent_div_0_div_8_Template, 4, 6, "div", 8);
-            i0__namespace.ɵɵtemplate(9, SelectFlagTypeComponent_div_0_div_9_Template, 6, 9, "div", 9);
+            i0__namespace.ɵɵ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.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(10, SelectFlagTypeComponent_div_0_div_10_Template, 3, 0, "div", 10);
+            i0__namespace.ɵɵtemplate(12, SelectFlagTypeComponent_div_0_div_12_Template, 3, 0, "div", 12);
             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(7, _c0$q, ctx_r0.flagTypeNotSelectedErrorMessage.length > 0));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$q, ctx_r0.flagTypeNotSelectedErrorMessage.length > 0));
             i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.caseFlagWizardStepTitle.SELECT_CASE_FLAG, " ");
-            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵproperty("ngIf", !ctx_r0.selectionTitle)("ngIfElse", _r2);
+            i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngIf", ctx_r0.flagTypeNotSelectedErrorMessage.length > 0);
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵproperty("ngForOf", ctx_r0.flagTypes);
@@ -19228,6 +19235,7 @@
             this.flagTypeNotSelectedErrorMessage = '';
             this.flagTypeErrorMessage = '';
             this.refdataError = false;
+            this.selectionTitle = '';
             this.flagTypeControlName = 'flagType';
             this.descriptionControlName = 'otherFlagTypeDescription';
             this.maxCharactersForOtherFlagType = 80;
@@ -19335,6 +19343,7 @@
             }
             // 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 });
@@ -19345,8 +19354,10 @@
             this.flagTypeErrorMessage = '';
             this.errorMessages = [];
             if (!this.selectedFlagType) {
-                this.flagTypeNotSelectedErrorMessage = exports.SelectFlagTypeErrorMessage.FLAG_TYPE_NOT_SELECTED;
-                this.errorMessages.push({ title: '', description: "" + exports.SelectFlagTypeErrorMessage.FLAG_TYPE_NOT_SELECTED, fieldId: 'conditional-radios-list' });
+                // If there is any selection then the message will differ. we use the selectionTitle property
+                var errorMessage = !this.selectionTitle ? exports.SelectFlagTypeErrorMessage.FLAG_TYPE_NOT_SELECTED : exports.SelectFlagTypeErrorMessage.FLAG_TYPE_OPTION_NOT_SELECTED;
+                this.flagTypeNotSelectedErrorMessage = errorMessage;
+                this.errorMessages.push({ title: '', description: errorMessage, fieldId: 'conditional-radios-list' });
             }
             if (this.otherFlagTypeSelected) {
                 var otherFlagTypeDescription = this.formGroup.get(this.descriptionControlName).value;
@@ -19371,9 +19382,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"], ["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", "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) {
             if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, SelectFlagTypeComponent_div_0_Template, 11, 9, "div", 0);
+                i0__namespace.ɵɵtemplate(0, SelectFlagTypeComponent_div_0_Template, 13, 10, "div", 0);
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.flagTypes == null ? null : ctx.flagTypes.length);