@hmcts/ccd-case-ui-toolkit 6.14.2-clear-validation-errors → 6.14.2-go-to-page-2

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

@@ -4136,6 +4136,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;
@@ -9992,14 +9999,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();
         }
@@ -10012,9 +10019,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);
         };
@@ -10024,8 +10028,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]));
@@ -10382,6 +10386,9 @@
             this.caseEditDataService.caseEditForm$.subscribe({
                 next: function (editForm) { return _this.editForm = editForm; }
             });
+            this.caseEditDataService.caseIsLinkedCasesJourneyAtFinalStep$.subscribe({
+                next: function (isLinkedCasesJourneyAtFinalStep) { return _this.isLinkedCasesJourneyAtFinalStep = isLinkedCasesJourneyAtFinalStep; }
+            });
             this.caseEditDataService.caseTriggerSubmitEvent$.subscribe({
                 next: function (state) {
                     if (state) {
@@ -10401,7 +10408,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
@@ -10501,7 +10512,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;
@@ -10616,7 +10636,6 @@
             else {
                 this.caseEdit.cancelled.emit();
             }
-            this.caseEditDataService.clearFormValidationErrors();
         };
         CaseEditPageComponent.prototype.submitting = function () {
             return this.isSubmitting;
@@ -17123,6 +17142,7 @@
                     searchCases.forEach(function (response) {
                         casesResponse.push(_this.mapResponse(response));
                     });
+                    casesResponse = _this.sortReasonCodes(casesResponse);
                     _this.linkedCasesFromResponse = _this.sortLinkedCasesByReasonCode(casesResponse);
                     _this.isLoaded = true;
                     var caseLinks = _this.linkedCasesFromResponse.map(function (item) {
@@ -17148,6 +17168,30 @@
                 });
             }
         };
+        LinkedCasesToTableComponent.prototype.sortReasonCodes = function (searchCasesResponse) {
+            var _this = this;
+            searchCasesResponse.forEach(function (item) {
+                var _a;
+                if ((_a = item === null || item === void 0 ? void 0 : item.reasons) === null || _a === void 0 ? void 0 : _a.length) {
+                    item.reasons.forEach(function (reason) {
+                        reason.sortOrder = _this.getReasonSortOrder(reason.value.Reason);
+                    });
+                    item.reasons = item.reasons.sort(function (a, b) { return a.sortOrder - b.sortOrder; });
+                    item.sortOrder = item.reasons[0].sortOrder;
+                }
+            });
+            searchCasesResponse = searchCasesResponse === null || searchCasesResponse === void 0 ? void 0 : searchCasesResponse.sort(function (a, b) { return a.sortOrder - b.sortOrder; });
+            return searchCasesResponse;
+        };
+        LinkedCasesToTableComponent.prototype.getReasonSortOrder = function (reasonCode) {
+            if (reasonCode === LinkedCasesToTableComponent.CASE_PROGRESS_REASON_CODE) {
+                return 1;
+            }
+            else if (reasonCode === LinkedCasesToTableComponent.CASE_CONSOLIDATED_REASON_CODE) {
+                return 2;
+            }
+            return 3;
+        };
         LinkedCasesToTableComponent.prototype.searchCasesByCaseIds = function (searchCasesResponse) {
             return rxjs.forkJoin(searchCasesResponse);
         };
@@ -17780,87 +17824,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) {
-        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) {
+    function WriteLinkedCasesFieldComponent_ng_container_2_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();
         }
@@ -17877,11 +17886,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
@@ -17918,11 +17929,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 {
@@ -17946,27 +17956,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) {
@@ -18010,38 +18012,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);
@@ -26021,7 +26009,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,
@@ -27712,46 +27700,46 @@
 
     function PaginationComponent_ul_3_li_1_a_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r8_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "a", 12);
-            i0__namespace.ɵɵlistener("keyup.enter", function PaginationComponent_ul_3_li_1_a_1_Template_a_keyup_enter_0_listener() { i0__namespace.ɵɵrestoreView(_r8_1); i0__namespace.ɵɵnextContext(3); var _r0 = i0__namespace.ɵɵreference(1); return _r0.previous(); })("click", function PaginationComponent_ul_3_li_1_a_1_Template_a_click_0_listener() { i0__namespace.ɵɵrestoreView(_r8_1); i0__namespace.ɵɵnextContext(3); var _r0 = i0__namespace.ɵɵreference(1); return _r0.previous(); });
+            var _r9_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "a", 13);
+            i0__namespace.ɵɵlistener("keyup.enter", function PaginationComponent_ul_3_li_1_a_1_Template_a_keyup_enter_0_listener() { i0__namespace.ɵɵrestoreView(_r9_1); i0__namespace.ɵɵnextContext(3); var _r0 = i0__namespace.ɵɵreference(1); return _r0.previous(); })("click", function PaginationComponent_ul_3_li_1_a_1_Template_a_click_0_listener() { i0__namespace.ɵɵrestoreView(_r9_1); i0__namespace.ɵɵnextContext(3); var _r0 = i0__namespace.ɵɵreference(1); return _r0.previous(); });
             i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵelementStart(2, "span", 13);
+            i0__namespace.ɵɵelementStart(2, "span", 14);
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r5 = i0__namespace.ɵɵnextContext(3);
-            i0__namespace.ɵɵattribute("aria-label", ctx_r5.previousLabel + " " + ctx_r5.screenReaderPageLabel);
+            var ctx_r6 = i0__namespace.ɵɵnextContext(3);
+            i0__namespace.ɵɵattribute("aria-label", ctx_r6.previousLabel + " " + ctx_r6.screenReaderPageLabel);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r5.previousLabel, " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r6.previousLabel, " ");
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(ctx_r5.screenReaderPageLabel);
+            i0__namespace.ɵɵtextInterpolate(ctx_r6.screenReaderPageLabel);
         }
     }
     function PaginationComponent_ul_3_li_1_span_2_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span");
             i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵelementStart(2, "span", 13);
+            i0__namespace.ɵɵelementStart(2, "span", 14);
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r6 = i0__namespace.ɵɵnextContext(3);
+            var ctx_r7 = i0__namespace.ɵɵnextContext(3);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r6.previousLabel, " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r7.previousLabel, " ");
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(ctx_r6.screenReaderPageLabel);
+            i0__namespace.ɵɵtextInterpolate(ctx_r7.screenReaderPageLabel);
         }
     }
     function PaginationComponent_ul_3_li_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "li", 9);
-            i0__namespace.ɵɵtemplate(1, PaginationComponent_ul_3_li_1_a_1_Template, 4, 3, "a", 10);
-            i0__namespace.ɵɵtemplate(2, PaginationComponent_ul_3_li_1_span_2_Template, 4, 2, "span", 11);
+            i0__namespace.ɵɵelementStart(0, "li", 10);
+            i0__namespace.ɵɵtemplate(1, PaginationComponent_ul_3_li_1_a_1_Template, 4, 3, "a", 11);
+            i0__namespace.ɵɵtemplate(2, PaginationComponent_ul_3_li_1_span_2_Template, 4, 2, "span", 12);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -27766,10 +27754,10 @@
     }
     function PaginationComponent_ul_3_li_4_a_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r15_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "a", 12);
-            i0__namespace.ɵɵlistener("keyup.enter", function PaginationComponent_ul_3_li_4_a_1_Template_a_keyup_enter_0_listener() { i0__namespace.ɵɵrestoreView(_r15_1); var page_r10 = i0__namespace.ɵɵnextContext().$implicit; i0__namespace.ɵɵnextContext(2); var _r0 = i0__namespace.ɵɵreference(1); return _r0.setCurrent(page_r10.value); })("click", function PaginationComponent_ul_3_li_4_a_1_Template_a_click_0_listener() { i0__namespace.ɵɵrestoreView(_r15_1); var page_r10 = i0__namespace.ɵɵnextContext().$implicit; i0__namespace.ɵɵnextContext(2); var _r0 = i0__namespace.ɵɵreference(1); return _r0.setCurrent(page_r10.value); });
-            i0__namespace.ɵɵelementStart(1, "span", 13);
+            var _r16_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "a", 13);
+            i0__namespace.ɵɵlistener("keyup.enter", function PaginationComponent_ul_3_li_4_a_1_Template_a_keyup_enter_0_listener() { i0__namespace.ɵɵrestoreView(_r16_1); var page_r11 = i0__namespace.ɵɵnextContext().$implicit; i0__namespace.ɵɵnextContext(2); var _r0 = i0__namespace.ɵɵreference(1); return _r0.setCurrent(page_r11.value); })("click", function PaginationComponent_ul_3_li_4_a_1_Template_a_click_0_listener() { i0__namespace.ɵɵrestoreView(_r16_1); var page_r11 = i0__namespace.ɵɵnextContext().$implicit; i0__namespace.ɵɵnextContext(2); var _r0 = i0__namespace.ɵɵreference(1); return _r0.setCurrent(page_r11.value); });
+            i0__namespace.ɵɵelementStart(1, "span", 14);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementStart(3, "span");
@@ -27779,18 +27767,18 @@
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var page_r10 = i0__namespace.ɵɵnextContext().$implicit;
-            var ctx_r11 = i0__namespace.ɵɵnextContext(2);
+            var page_r11 = i0__namespace.ɵɵnextContext().$implicit;
+            var ctx_r12 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate1("", ctx_r11.screenReaderPageLabel, " ");
+            i0__namespace.ɵɵtextInterpolate1("", ctx_r12.screenReaderPageLabel, " ");
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(page_r10.label === "..." ? page_r10.label : i0__namespace.ɵɵpipeBind2(5, 2, page_r10.label, ""));
+            i0__namespace.ɵɵtextInterpolate(page_r11.label === "..." ? page_r11.label : i0__namespace.ɵɵpipeBind2(5, 2, page_r11.label, ""));
         }
     }
     function PaginationComponent_ul_3_li_4_ng_container_2_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "span", 13);
+            i0__namespace.ɵɵelementStart(1, "span", 14);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementStart(3, "span");
@@ -27800,74 +27788,74 @@
             i0__namespace.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var page_r10 = i0__namespace.ɵɵnextContext().$implicit;
-            var ctx_r12 = i0__namespace.ɵɵnextContext(2);
+            var page_r11 = i0__namespace.ɵɵnextContext().$implicit;
+            var ctx_r13 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate1("", ctx_r12.screenReaderCurrentLabel, " ");
+            i0__namespace.ɵɵtextInterpolate1("", ctx_r13.screenReaderCurrentLabel, " ");
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(page_r10.label === "..." ? page_r10.label : i0__namespace.ɵɵpipeBind2(5, 2, page_r10.label, ""));
+            i0__namespace.ɵɵtextInterpolate(page_r11.label === "..." ? page_r11.label : i0__namespace.ɵɵpipeBind2(5, 2, page_r11.label, ""));
         }
     }
     function PaginationComponent_ul_3_li_4_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "li");
-            i0__namespace.ɵɵtemplate(1, PaginationComponent_ul_3_li_4_a_1_Template, 6, 5, "a", 10);
-            i0__namespace.ɵɵtemplate(2, PaginationComponent_ul_3_li_4_ng_container_2_Template, 6, 5, "ng-container", 11);
+            i0__namespace.ɵɵtemplate(1, PaginationComponent_ul_3_li_4_a_1_Template, 6, 5, "a", 11);
+            i0__namespace.ɵɵtemplate(2, PaginationComponent_ul_3_li_4_ng_container_2_Template, 6, 5, "ng-container", 12);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var page_r10 = ctx.$implicit;
+            var page_r11 = ctx.$implicit;
             i0__namespace.ɵɵnextContext(2);
             var _r0 = i0__namespace.ɵɵreference(1);
-            i0__namespace.ɵɵclassProp("current", _r0.getCurrent() === page_r10.value)("ellipsis", page_r10.label === "...");
+            i0__namespace.ɵɵclassProp("current", _r0.getCurrent() === page_r11.value)("ellipsis", page_r11.label === "...");
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", _r0.getCurrent() !== page_r10.value);
+            i0__namespace.ɵɵproperty("ngIf", _r0.getCurrent() !== page_r11.value);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", _r0.getCurrent() === page_r10.value);
+            i0__namespace.ɵɵproperty("ngIf", _r0.getCurrent() === page_r11.value);
         }
     }
     function PaginationComponent_ul_3_li_5_a_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r23_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "a", 12);
-            i0__namespace.ɵɵlistener("keyup.enter", function PaginationComponent_ul_3_li_5_a_1_Template_a_keyup_enter_0_listener() { i0__namespace.ɵɵrestoreView(_r23_1); i0__namespace.ɵɵnextContext(3); var _r0 = i0__namespace.ɵɵreference(1); return _r0.next(); })("click", function PaginationComponent_ul_3_li_5_a_1_Template_a_click_0_listener() { i0__namespace.ɵɵrestoreView(_r23_1); i0__namespace.ɵɵnextContext(3); var _r0 = i0__namespace.ɵɵreference(1); return _r0.next(); });
+            var _r24_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "a", 13);
+            i0__namespace.ɵɵlistener("keyup.enter", function PaginationComponent_ul_3_li_5_a_1_Template_a_keyup_enter_0_listener() { i0__namespace.ɵɵrestoreView(_r24_1); i0__namespace.ɵɵnextContext(3); var _r0 = i0__namespace.ɵɵreference(1); return _r0.next(); })("click", function PaginationComponent_ul_3_li_5_a_1_Template_a_click_0_listener() { i0__namespace.ɵɵrestoreView(_r24_1); i0__namespace.ɵɵnextContext(3); var _r0 = i0__namespace.ɵɵreference(1); return _r0.next(); });
             i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵelementStart(2, "span", 13);
+            i0__namespace.ɵɵelementStart(2, "span", 14);
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r20 = i0__namespace.ɵɵnextContext(3);
-            i0__namespace.ɵɵattribute("aria-label", ctx_r20.nextLabel + " " + ctx_r20.screenReaderPageLabel);
+            var ctx_r21 = i0__namespace.ɵɵnextContext(3);
+            i0__namespace.ɵɵattribute("aria-label", ctx_r21.nextLabel + " " + ctx_r21.screenReaderPageLabel);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r20.nextLabel, " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r21.nextLabel, " ");
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(ctx_r20.screenReaderPageLabel);
+            i0__namespace.ɵɵtextInterpolate(ctx_r21.screenReaderPageLabel);
         }
     }
     function PaginationComponent_ul_3_li_5_span_2_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span");
             i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵelementStart(2, "span", 13);
+            i0__namespace.ɵɵelementStart(2, "span", 14);
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r21 = i0__namespace.ɵɵnextContext(3);
+            var ctx_r22 = i0__namespace.ɵɵnextContext(3);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r21.nextLabel, " ");
+            i0__namespace.ɵɵtextInterpolate1(" ", ctx_r22.nextLabel, " ");
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(ctx_r21.screenReaderPageLabel);
+            i0__namespace.ɵɵtextInterpolate(ctx_r22.screenReaderPageLabel);
         }
     }
     function PaginationComponent_ul_3_li_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "li", 14);
-            i0__namespace.ɵɵtemplate(1, PaginationComponent_ul_3_li_5_a_1_Template, 4, 3, "a", 10);
-            i0__namespace.ɵɵtemplate(2, PaginationComponent_ul_3_li_5_span_2_Template, 4, 2, "span", 11);
+            i0__namespace.ɵɵelementStart(0, "li", 15);
+            i0__namespace.ɵɵtemplate(1, PaginationComponent_ul_3_li_5_a_1_Template, 4, 3, "a", 11);
+            i0__namespace.ɵɵtemplate(2, PaginationComponent_ul_3_li_5_span_2_Template, 4, 2, "span", 12);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -27882,13 +27870,13 @@
     }
     function PaginationComponent_ul_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "ul", 4);
-            i0__namespace.ɵɵtemplate(1, PaginationComponent_ul_3_li_1_Template, 3, 4, "li", 5);
-            i0__namespace.ɵɵelementStart(2, "li", 6);
+            i0__namespace.ɵɵelementStart(0, "ul", 5);
+            i0__namespace.ɵɵtemplate(1, PaginationComponent_ul_3_li_1_Template, 3, 4, "li", 6);
+            i0__namespace.ɵɵelementStart(2, "li", 7);
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(4, PaginationComponent_ul_3_li_4_Template, 3, 6, "li", 7);
-            i0__namespace.ɵɵtemplate(5, PaginationComponent_ul_3_li_5_Template, 3, 4, "li", 8);
+            i0__namespace.ɵɵtemplate(4, PaginationComponent_ul_3_li_4_Template, 3, 6, "li", 8);
+            i0__namespace.ɵɵtemplate(5, PaginationComponent_ul_3_li_5_Template, 3, 4, "li", 9);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -27906,6 +27894,19 @@
             i0__namespace.ɵɵproperty("ngIf", ctx_r1.directionLinks);
         }
     }
+    function PaginationComponent_div_4_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r28_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "div", 16);
+            i0__namespace.ɵɵelementStart(1, "span");
+            i0__namespace.ɵɵtext(2, "Go to page");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(3, "input", 17, 18);
+            i0__namespace.ɵɵlistener("keyup.enter", function PaginationComponent_div_4_Template_input_keyup_enter_3_listener($event) { i0__namespace.ɵɵrestoreView(_r28_1); var ctx_r27 = i0__namespace.ɵɵnextContext(); var _r0 = i0__namespace.ɵɵreference(1); ctx_r27.goToPage($event, _r0); return $event.target.blur(); })("blur", function PaginationComponent_div_4_Template_input_blur_3_listener($event) { i0__namespace.ɵɵrestoreView(_r28_1); var ctx_r29 = i0__namespace.ɵɵnextContext(); var _r0 = i0__namespace.ɵɵreference(1); return ctx_r29.goToPage($event, _r0); })("focus", function PaginationComponent_div_4_Template_input_focus_3_listener() { i0__namespace.ɵɵrestoreView(_r28_1); var _r26 = i0__namespace.ɵɵreference(4); return _r26.select(); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+    }
     function coerceToBoolean(input) {
         return !!input && input !== 'false';
     }
@@ -27953,16 +27954,34 @@
             enumerable: false,
             configurable: true
         });
+        PaginationComponent.prototype.goToPage = function ($event, p) {
+            var pageNumber = Number($event.target.value);
+            if ($event.target.value !== '' && pageNumber !== p.getCurrent()) {
+                if (pageNumber > 0) {
+                    p.setCurrent(pageNumber);
+                }
+                else if (pageNumber < 0) {
+                    $event.target.value = (Math.abs(pageNumber)).toString();
+                    if (Math.abs(pageNumber) !== p.getCurrent()) {
+                        p.setCurrent(Math.abs(pageNumber));
+                    }
+                }
+                else {
+                    $event.target.value = '';
+                }
+            }
+        };
         return PaginationComponent;
     }());
     PaginationComponent.ɵfac = function PaginationComponent_Factory(t) { return new (t || PaginationComponent)(); };
-    PaginationComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: PaginationComponent, selectors: [["ccd-pagination"]], inputs: { visibilityLabel: "visibilityLabel", id: "id", maxSize: "maxSize", previousLabel: "previousLabel", nextLabel: "nextLabel", screenReaderPaginationLabel: "screenReaderPaginationLabel", screenReaderPageLabel: "screenReaderPageLabel", screenReaderCurrentLabel: "screenReaderCurrentLabel", directionLinks: "directionLinks", autoHide: "autoHide", responsive: "responsive" }, outputs: { pageChange: "pageChange", pageBoundsCorrection: "pageBoundsCorrection" }, decls: 4, vars: 3, consts: [[3, "id", "maxSize", "pageChange", "pageBoundsCorrection"], ["p", "paginationApi"], ["role", "navigation", "aria-label", "Pagination"], ["class", "ngx-pagination", "role", "navigation", 3, "responsive", 4, "ngIf"], ["role", "navigation", 1, "ngx-pagination"], ["class", "pagination-previous", 3, "disabled", 4, "ngIf"], [1, "small-screen"], [3, "current", "ellipsis", 4, "ngFor", "ngForOf"], ["class", "pagination-next", 3, "disabled", 4, "ngIf"], [1, "pagination-previous"], ["tabindex", "0", 3, "keyup.enter", "click", 4, "ngIf"], [4, "ngIf"], ["tabindex", "0", 3, "keyup.enter", "click"], [1, "show-for-sr"], [1, "pagination-next"]], template: function PaginationComponent_Template(rf, ctx) {
+    PaginationComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: PaginationComponent, selectors: [["ccd-pagination"]], inputs: { visibilityLabel: "visibilityLabel", id: "id", maxSize: "maxSize", previousLabel: "previousLabel", nextLabel: "nextLabel", screenReaderPaginationLabel: "screenReaderPaginationLabel", screenReaderPageLabel: "screenReaderPageLabel", screenReaderCurrentLabel: "screenReaderCurrentLabel", directionLinks: "directionLinks", autoHide: "autoHide", responsive: "responsive" }, outputs: { pageChange: "pageChange", pageBoundsCorrection: "pageBoundsCorrection" }, decls: 5, vars: 4, consts: [[3, "id", "maxSize", "pageChange", "pageBoundsCorrection"], ["p", "paginationApi"], ["role", "navigation", "aria-label", "Pagination", 1, "ngx-pagination-wrapper"], ["class", "ngx-pagination", "role", "navigation", 3, "responsive", 4, "ngIf"], ["class", "ngx-go-to-page", 4, "ngIf"], ["role", "navigation", 1, "ngx-pagination"], ["class", "pagination-previous", 3, "disabled", 4, "ngIf"], [1, "small-screen"], [3, "current", "ellipsis", 4, "ngFor", "ngForOf"], ["class", "pagination-next", 3, "disabled", 4, "ngIf"], [1, "pagination-previous"], ["tabindex", "0", 3, "keyup.enter", "click", 4, "ngIf"], [4, "ngIf"], ["tabindex", "0", 3, "keyup.enter", "click"], [1, "show-for-sr"], [1, "pagination-next"], [1, "ngx-go-to-page"], ["type", "number", "maxlength", "5", "min", "1", 1, "govuk-input", 3, "keyup.enter", "blur", "focus"], ["goToPageInput", ""]], template: function PaginationComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "pagination-template", 0, 1);
                 i0__namespace.ɵɵlistener("pageChange", function PaginationComponent_Template_pagination_template_pageChange_0_listener($event) { return ctx.pageChange.emit($event); })("pageBoundsCorrection", function PaginationComponent_Template_pagination_template_pageBoundsCorrection_0_listener($event) { return ctx.pageBoundsCorrection.emit($event); });
                 i0__namespace.ɵɵelementStart(2, "nav", 2);
                 i0__namespace.ɵɵtemplate(3, PaginationComponent_ul_3_Template, 6, 8, "ul", 3);
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(4, PaginationComponent_div_4_Template, 5, 0, "div", 4);
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
@@ -27970,8 +27989,10 @@
                 i0__namespace.ɵɵproperty("id", ctx.id)("maxSize", ctx.maxSize);
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", !(ctx.autoHide && _r0.pages.length <= 1));
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", !(ctx.autoHide && _r0.pages.length <= 1));
             }
-        }, directives: [i1__namespace$6.PaginationControlsDirective, i1__namespace.NgIf, i1__namespace.NgForOf], pipes: [i1__namespace.DecimalPipe], styles: [".ngx-pagination[_ngcontent-%COMP%]{margin-left:0;margin-bottom:1rem;padding-top:25px;text-decoration:none;text-align:left;font-size:16px}.ngx-pagination[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]:before{content:\" \";display:table}.ngx-pagination[_ngcontent-%COMP%]:after{clear:both}.ngx-pagination[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-right:.0625rem;border-radius:0;display:inline-block}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{display:block;padding:.1875rem .625rem;border-radius:0;color:#005da6}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover, .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover{background:#e6e6e6}.ngx-pagination[_ngcontent-%COMP%]   .current[_ngcontent-%COMP%]{padding:.1875rem .625rem;background:#fff;color:#4c2c92;cursor:default;font-weight:900}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]{display:none}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]:hover{background:transparent}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{cursor:pointer}.ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{margin-right:.5rem;border-width:3px 0 0 3px}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;transform:rotate(-45deg);content:\"\"}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after{margin-left:.5rem;border-width:0 3px 3px 0}.ngx-pagination[_ngcontent-%COMP%]   .show-for-sr[_ngcontent-%COMP%]{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ngx-pagination[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:none}@media screen and (max-width:601px){.ngx-pagination.responsive[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:inline-block}.ngx-pagination.responsive[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:not(.small-screen):not(.pagination-previous):not(.pagination-next){display:none}}"] });
+        }, directives: [i1__namespace$6.PaginationControlsDirective, i1__namespace.NgIf, i1__namespace.NgForOf], pipes: [i1__namespace.DecimalPipe], styles: [".ngx-go-to-page[_ngcontent-%COMP%], .ngx-pagination-wrapper[_ngcontent-%COMP%]{display:inline-block}.ngx-go-to-page[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{margin:0 10px 0 50px}.ngx-go-to-page[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:50px}.ngx-pagination[_ngcontent-%COMP%]{margin-left:0;margin-bottom:1rem;padding-top:25px;text-decoration:none;text-align:left;font-size:16px}.ngx-pagination[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]:before{content:\" \";display:table}.ngx-pagination[_ngcontent-%COMP%]:after{clear:both}.ngx-pagination[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-right:.0625rem;border-radius:0;display:inline-block}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{display:block;padding:.1875rem .625rem;border-radius:0;color:#005da6}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover, .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover{background:#e6e6e6}.ngx-pagination[_ngcontent-%COMP%]   .current[_ngcontent-%COMP%]{padding:.1875rem .625rem;background:#fff;color:#4c2c92;cursor:default;font-weight:900}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]{display:none}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]:hover{background:transparent}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{cursor:pointer}.ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{margin-right:.5rem;border-width:3px 0 0 3px}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;transform:rotate(-45deg);content:\"\"}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after{margin-left:.5rem;border-width:0 3px 3px 0}.ngx-pagination[_ngcontent-%COMP%]   .show-for-sr[_ngcontent-%COMP%]{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ngx-pagination[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:none}@media screen and (max-width:601px){.ngx-pagination.responsive[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:inline-block}.ngx-pagination.responsive[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:not(.small-screen):not(.pagination-previous):not(.pagination-next){display:none}}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PaginationComponent, [{
                 type: i0.Component,