@hmcts/ccd-case-ui-toolkit 6.13.10-g-exui-197 → 6.13.10-linked-cases-continue-button-validation-v4

package/RELEASE-NOTES.md

@@ -1,4 +1,7 @@
 ## RELEASE NOTES
+### Version 6.13.10-linked-cases-continue-button-validation-v3
+**EUI-8025** Linked cases continue button validation
+
 ### Version 6.13.10-rc1
 **EUI-5298** Release 6.13.10 including 6.13.0, linked cases (EUI-7676) and case file view fix (EUI-7417)
 

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

@@ -4144,6 +4144,13 @@
             }
             return caseField.field_type.type === 'ComponentLauncher';
         };
+        FieldsUtils.isLinkedCasesCaseField = function (caseField) {
+            return FieldsUtils.isComponentLauncherCaseField(caseField) &&
+                caseField.id === 'LinkedCasesComponentLauncher';
+        };
+        FieldsUtils.containsLinkedCasesCaseField = function (caseFields) {
+            return caseFields === null || caseFields === void 0 ? void 0 : caseFields.some(function (caseField) { return FieldsUtils.isLinkedCasesCaseField(caseField); });
+        };
         FieldsUtils.isFlagsFieldType = function (fieldType) {
             if (!fieldType) {
                 return false;
@@ -10033,14 +10040,14 @@
             this.title$ = new rxjs.BehaviorSubject(null);
             this.formValidationErrors$ = new rxjs.BehaviorSubject([]);
             this.editForm$ = new rxjs.BehaviorSubject(null);
-            this.linkError$ = new rxjs.BehaviorSubject(null);
+            this.isLinkedCasesJourneyAtFinalStep$ = new rxjs.BehaviorSubject(null);
             this.eventTriggerName$ = new rxjs.BehaviorSubject(null);
             this.triggerSubmitEvent$ = new rxjs.BehaviorSubject(null);
             this.caseDetails$ = this.details$.asObservable();
             this.caseTitle$ = this.title$.asObservable();
             this.caseEditForm$ = this.editForm$.asObservable();
             this.caseFormValidationErrors$ = this.formValidationErrors$.asObservable();
-            this.caseLinkError$ = this.linkError$.asObservable();
+            this.caseIsLinkedCasesJourneyAtFinalStep$ = this.isLinkedCasesJourneyAtFinalStep$.asObservable();
             this.caseEventTriggerName$ = this.eventTriggerName$.asObservable();
             this.caseTriggerSubmitEvent$ = this.triggerSubmitEvent$.asObservable();
         }
@@ -10053,9 +10060,6 @@
         CaseEditDataService.prototype.setCaseEventTriggerName = function (triggerName) {
             this.eventTriggerName$.next(triggerName);
         };
-        CaseEditDataService.prototype.setCaseLinkError = function (error) {
-            this.linkError$.next(error);
-        };
         CaseEditDataService.prototype.setFormValidationErrors = function (validationErrors) {
             this.formValidationErrors$.next(validationErrors);
         };
@@ -10065,8 +10069,8 @@
         CaseEditDataService.prototype.clearFormValidationErrors = function () {
             this.formValidationErrors$.next([]);
         };
-        CaseEditDataService.prototype.clearCaseLinkError = function () {
-            this.linkError$.next(null);
+        CaseEditDataService.prototype.setLinkedCasesJourneyAtFinalStep = function (isAtFinalStep) {
+            this.isLinkedCasesJourneyAtFinalStep$.next(isAtFinalStep);
         };
         CaseEditDataService.prototype.addFormValidationError = function (validationError) {
             this.formValidationErrors$.next(this.formValidationErrors$.getValue().concat([validationError]));
@@ -10423,6 +10427,11 @@
             this.caseEditDataService.caseEditForm$.subscribe({
                 next: function (editForm) { return _this.editForm = editForm; }
             });
+            this.caseEditDataService.caseIsLinkedCasesJourneyAtFinalStep$.subscribe({
+                next: function (isLinkedCasesJourneyAtFinalStep) {
+                    _this.isLinkedCasesJourneyAtFinalStep = isLinkedCasesJourneyAtFinalStep;
+                }
+            });
             this.caseEditDataService.caseTriggerSubmitEvent$.subscribe({
                 next: function (state) {
                     if (state) {
@@ -10442,7 +10451,11 @@
             return this.caseEdit.first();
         };
         CaseEditPageComponent.prototype.currentPageIsNotValid = function () {
-            return !this.pageValidationService.isPageValid(this.currentPage, this.editForm);
+            return !this.pageValidationService.isPageValid(this.currentPage, this.editForm) ||
+                (this.isLinkedCasesJourney() && !this.isLinkedCasesJourneyAtFinalStep);
+        };
+        CaseEditPageComponent.prototype.isLinkedCasesJourney = function () {
+            return FieldsUtils.containsLinkedCasesCaseField(this.currentPage.case_fields);
         };
         /**
          * caseEventData.event_data contains all the values from the previous pages so we set caseEventData.data = caseEventData.event_data
@@ -10542,7 +10555,16 @@
             var _this = this;
             this.caseEditDataService.clearFormValidationErrors();
             if (this.currentPageIsNotValid()) {
-                this.generateErrorMessage(this.currentPage.case_fields);
+                // The generateErrorMessage method filters out the hidden fields.
+                // The error message for LinkedCases journey will never get displayed because the
+                // LinkedCases is configured with ComponentLauncher field as visible and caseLinks field as hidden.
+                if (this.isLinkedCasesJourney()) {
+                    this.validationErrors.push({ id: 'next-button', message: 'Please select Next to go to the next page' });
+                    CaseEditPageComponent.scrollToTop();
+                }
+                else {
+                    this.generateErrorMessage(this.currentPage.case_fields);
+                }
             }
             if (!this.isSubmitting && !this.currentPageIsNotValid()) {
                 this.isSubmitting = true;
@@ -17598,87 +17620,52 @@
             }], function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: i1__namespace$1.Router }, { type: LinkedCasesService }, { type: AbstractAppConfig }, { type: CommonDataService }]; }, null);
     })();
 
-    function WriteLinkedCasesFieldComponent_div_0_div_3_Template(rf, ctx) {
+    function WriteLinkedCasesFieldComponent_ng_container_2_Template(rf, ctx) {
         if (rf & 1) {
-            var _r9_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "div", 7);
-            i0__namespace.ɵɵelementStart(1, "ul", 8);
-            i0__namespace.ɵɵelementStart(2, "li");
-            i0__namespace.ɵɵelementStart(3, "a", 9);
-            i0__namespace.ɵɵlistener("click", function WriteLinkedCasesFieldComponent_div_0_div_3_Template_a_click_3_listener() { i0__namespace.ɵɵrestoreView(_r9_1); var errorMessage_r7 = ctx.$implicit; var ctx_r8 = i0__namespace.ɵɵnextContext(2); return ctx_r8.navigateToErrorElement(errorMessage_r7.fieldId); });
-            i0__namespace.ɵɵtext(4);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var errorMessage_r7 = ctx.$implicit;
-            i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate(errorMessage_r7.description);
-        }
-    }
-    function WriteLinkedCasesFieldComponent_div_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 4);
-            i0__namespace.ɵɵelementStart(1, "h2", 5);
-            i0__namespace.ɵɵtext(2, " There is a problem ");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(3, WriteLinkedCasesFieldComponent_div_0_div_3_Template, 5, 1, "div", 6);
+            var _r6_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "ccd-linked-cases-before-you-start", 3);
+            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_2_Template_ccd_linked_cases_before_you_start_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r6_1); var ctx_r5 = i0__namespace.ɵɵnextContext(); return ctx_r5.onLinkedCasesStateEmitted($event); });
             i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.errorMessages);
+            i0__namespace.ɵɵelementContainerEnd();
         }
     }
     function WriteLinkedCasesFieldComponent_ng_container_3_Template(rf, ctx) {
         if (rf & 1) {
-            var _r11_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r8_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "ccd-linked-cases-before-you-start", 10);
-            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_3_Template_ccd_linked_cases_before_you_start_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r11_1); var ctx_r10 = i0__namespace.ɵɵnextContext(); return ctx_r10.onLinkedCasesStateEmitted($event); });
+            i0__namespace.ɵɵelementStart(1, "ccd-no-linked-cases", 3);
+            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_3_Template_ccd_no_linked_cases_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r8_1); var ctx_r7 = i0__namespace.ɵɵnextContext(); return ctx_r7.onLinkedCasesStateEmitted($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
     }
     function WriteLinkedCasesFieldComponent_ng_container_4_Template(rf, ctx) {
         if (rf & 1) {
-            var _r13_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r10_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "ccd-no-linked-cases", 10);
-            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_4_Template_ccd_no_linked_cases_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r13_1); var ctx_r12 = i0__namespace.ɵɵnextContext(); return ctx_r12.onLinkedCasesStateEmitted($event); });
+            i0__namespace.ɵɵelementStart(1, "ccd-link-cases", 3);
+            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_4_Template_ccd_link_cases_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r10_1); var ctx_r9 = i0__namespace.ɵɵnextContext(); return ctx_r9.onLinkedCasesStateEmitted($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
     }
     function WriteLinkedCasesFieldComponent_ng_container_5_Template(rf, ctx) {
         if (rf & 1) {
-            var _r15_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r12_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "ccd-link-cases", 10);
-            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_5_Template_ccd_link_cases_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r15_1); var ctx_r14 = i0__namespace.ɵɵnextContext(); return ctx_r14.onLinkedCasesStateEmitted($event); });
+            i0__namespace.ɵɵelementStart(1, "ccd-unlink-cases", 3);
+            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_5_Template_ccd_unlink_cases_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r12_1); var ctx_r11 = i0__namespace.ɵɵnextContext(); return ctx_r11.onLinkedCasesStateEmitted($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
     }
     function WriteLinkedCasesFieldComponent_ng_container_6_Template(rf, ctx) {
         if (rf & 1) {
-            var _r17_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "ccd-unlink-cases", 10);
-            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_6_Template_ccd_unlink_cases_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r17_1); var ctx_r16 = i0__namespace.ɵɵnextContext(); return ctx_r16.onLinkedCasesStateEmitted($event); });
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementContainerEnd();
-        }
-    }
-    function WriteLinkedCasesFieldComponent_ng_container_7_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r19_1 = i0__namespace.ɵɵgetCurrentView();
+            var _r14_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "ccd-linked-cases-check-your-answers", 10);
-            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_7_Template_ccd_linked_cases_check_your_answers_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r19_1); var ctx_r18 = i0__namespace.ɵɵnextContext(); return ctx_r18.onLinkedCasesStateEmitted($event); });
+            i0__namespace.ɵɵelementStart(1, "ccd-linked-cases-check-your-answers", 3);
+            i0__namespace.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_6_Template_ccd_linked_cases_check_your_answers_linkedCasesStateEmitter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r14_1); var ctx_r13 = i0__namespace.ɵɵnextContext(); return ctx_r13.onLinkedCasesStateEmitted($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
         }
@@ -17695,11 +17682,13 @@
             _this.linkedCasesPages = exports.LinkedCasesPages;
             _this.linkedCasesEventTriggers = exports.LinkedCasesEventTriggers;
             _this.linkedCases = [];
-            _this.errorMessages = [];
             return _this;
         }
         WriteLinkedCasesFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
+            // This is required to enable Continue button validation
+            // Continue button should be enabled only at check your answers page
+            this.caseEditDataService.setLinkedCasesJourneyAtFinalStep(false);
             // Clear validation errors
             this.caseEditDataService.clearFormValidationErrors();
             // Get linked case reasons from ref data
@@ -17736,11 +17725,10 @@
         };
         WriteLinkedCasesFieldComponent.prototype.onLinkedCasesStateEmitted = function (linkedCasesState) {
             var _this = this;
-            this.errorMessages = [];
+            // Clear validation errors
             this.caseEditDataService.clearFormValidationErrors();
             if (linkedCasesState.navigateToNextPage) {
                 this.linkedCasesPage = this.getNextPage(linkedCasesState);
-                this.setContinueButtonValidationErrorMessage();
                 this.proceedToNextPage();
             }
             else {
@@ -17764,27 +17752,19 @@
                 }
             });
         };
-        WriteLinkedCasesFieldComponent.prototype.setContinueButtonValidationErrorMessage = function () {
-            var errorMessage = this.linkedCasesService.isLinkedCasesEventTrigger
-                ? exports.LinkedCasesErrorMessages.LinkCasesNavigationError
-                : exports.LinkedCasesErrorMessages.UnlinkCasesNavigationError;
-            var buttonId = this.linkedCasesService.linkedCases.length === 0
-                ? 'back-button'
-                : 'next-button';
-            this.caseEditDataService.setCaseLinkError({
-                componentId: buttonId,
-                errorMessage: errorMessage
-            });
-        };
         WriteLinkedCasesFieldComponent.prototype.proceedToNextPage = function () {
             if (this.isAtFinalPage()) {
                 // Continue button event must be allowed in final page
-                this.caseEditDataService.clearCaseLinkError();
+                this.caseEditDataService.setLinkedCasesJourneyAtFinalStep(true);
                 // Trigger validation to clear the "notAtFinalPage" error if now at the final state
                 this.formGroup.updateValueAndValidity();
                 // update form value
                 this.submitLinkedCases();
             }
+            else {
+                // Continue button event must not be allowed if not in final page
+                this.caseEditDataService.setLinkedCasesJourneyAtFinalStep(false);
+            }
         };
         WriteLinkedCasesFieldComponent.prototype.submitLinkedCases = function () {
             if (!this.linkedCasesService.isLinkedCasesEventTrigger) {
@@ -17829,38 +17809,24 @@
                         && !_this.linkedCasesService.serverLinkedApiError)
                     ? exports.LinkedCasesPages.BEFORE_YOU_START
                     : exports.LinkedCasesPages.NO_LINKED_CASES;
-                // Initialise the error to be displayed when clicked on Continue button
-                _this.setContinueButtonValidationErrorMessage();
             });
         };
-        WriteLinkedCasesFieldComponent.prototype.navigateToErrorElement = function (elementId) {
-            if (elementId) {
-                var htmlElement = document.getElementById(elementId);
-                if (htmlElement) {
-                    htmlElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
-                    htmlElement.focus();
-                }
-            }
-        };
         return WriteLinkedCasesFieldComponent;
     }(AbstractFieldWriteComponent));
     WriteLinkedCasesFieldComponent.ɵfac = function WriteLinkedCasesFieldComponent_Factory(t) { return new (t || WriteLinkedCasesFieldComponent)(i0__namespace.ɵɵdirectiveInject(AbstractAppConfig), i0__namespace.ɵɵdirectiveInject(CommonDataService), i0__namespace.ɵɵdirectiveInject(CasesService), i0__namespace.ɵɵdirectiveInject(LinkedCasesService), i0__namespace.ɵɵdirectiveInject(CaseEditDataService)); };
-    WriteLinkedCasesFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteLinkedCasesFieldComponent, selectors: [["ccd-write-linked-cases-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 8, vars: 8, consts: [["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], [1, "form-group", "govuk-!-margin-bottom-2", 3, "formGroup"], [1, "govuk-form-group", 3, "ngSwitch"], [4, "ngSwitchCase"], ["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"], [3, "linkedCasesStateEmitter"]], template: function WriteLinkedCasesFieldComponent_Template(rf, ctx) {
+    WriteLinkedCasesFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteLinkedCasesFieldComponent, selectors: [["ccd-write-linked-cases-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 7, vars: 7, consts: [[1, "form-group", "govuk-!-margin-bottom-2", 3, "formGroup"], [1, "govuk-form-group", 3, "ngSwitch"], [4, "ngSwitchCase"], [3, "linkedCasesStateEmitter"]], template: function WriteLinkedCasesFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, WriteLinkedCasesFieldComponent_div_0_Template, 4, 1, "div", 0);
+                i0__namespace.ɵɵelementStart(0, "div", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
-                i0__namespace.ɵɵelementStart(2, "div", 2);
-                i0__namespace.ɵɵtemplate(3, WriteLinkedCasesFieldComponent_ng_container_3_Template, 2, 0, "ng-container", 3);
-                i0__namespace.ɵɵtemplate(4, WriteLinkedCasesFieldComponent_ng_container_4_Template, 2, 0, "ng-container", 3);
-                i0__namespace.ɵɵtemplate(5, WriteLinkedCasesFieldComponent_ng_container_5_Template, 2, 0, "ng-container", 3);
-                i0__namespace.ɵɵtemplate(6, WriteLinkedCasesFieldComponent_ng_container_6_Template, 2, 0, "ng-container", 3);
-                i0__namespace.ɵɵtemplate(7, WriteLinkedCasesFieldComponent_ng_container_7_Template, 2, 0, "ng-container", 3);
+                i0__namespace.ɵɵtemplate(2, WriteLinkedCasesFieldComponent_ng_container_2_Template, 2, 0, "ng-container", 2);
+                i0__namespace.ɵɵtemplate(3, WriteLinkedCasesFieldComponent_ng_container_3_Template, 2, 0, "ng-container", 2);
+                i0__namespace.ɵɵtemplate(4, WriteLinkedCasesFieldComponent_ng_container_4_Template, 2, 0, "ng-container", 2);
+                i0__namespace.ɵɵtemplate(5, WriteLinkedCasesFieldComponent_ng_container_5_Template, 2, 0, "ng-container", 2);
+                i0__namespace.ɵɵtemplate(6, WriteLinkedCasesFieldComponent_ng_container_6_Template, 2, 0, "ng-container", 2);
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngIf", ctx.errorMessages.length > 0);
-                i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("formGroup", ctx.formGroup);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngSwitch", ctx.linkedCasesPage);
@@ -26057,7 +26023,7 @@
         AddCommentsComponent,
         ManageCaseFlagsComponent,
         UpdateFlagComponent], []);
-    i0__namespace.ɵɵsetComponentScope(WriteLinkedCasesFieldComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, BeforeYouStartComponent,
+    i0__namespace.ɵɵsetComponentScope(WriteLinkedCasesFieldComponent, [i2__namespace.NgControlStatusGroup, i2__namespace.FormGroupDirective, i1__namespace.NgSwitch, i1__namespace.NgSwitchCase, BeforeYouStartComponent,
         NoLinkedCasesComponent,
         LinkCasesComponent,
         UnLinkCasesComponent,