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

package/fesm2015/hmcts-ccd-case-ui-toolkit.js

@@ -3464,6 +3464,13 @@ class FieldsUtils {
         }
         return caseField.field_type.type === 'ComponentLauncher';
     }
+    static isLinkedCasesCaseField(caseField) {
+        return FieldsUtils.isComponentLauncherCaseField(caseField) &&
+            caseField.id === 'LinkedCasesComponentLauncher';
+    }
+    static containsLinkedCasesCaseField(caseFields) {
+        return caseFields === null || caseFields === void 0 ? void 0 : caseFields.some(caseField => FieldsUtils.isLinkedCasesCaseField(caseField));
+    }
     static isFlagsFieldType(fieldType) {
         if (!fieldType) {
             return false;
@@ -8588,14 +8595,14 @@ class CaseEditDataService {
         this.title$ = new BehaviorSubject(null);
         this.formValidationErrors$ = new BehaviorSubject([]);
         this.editForm$ = new BehaviorSubject(null);
-        this.linkError$ = new BehaviorSubject(null);
+        this.isLinkedCasesJourneyAtFinalStep$ = new BehaviorSubject(null);
         this.eventTriggerName$ = new BehaviorSubject(null);
         this.triggerSubmitEvent$ = new 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();
     }
@@ -8608,9 +8615,6 @@ class CaseEditDataService {
     setCaseEventTriggerName(triggerName) {
         this.eventTriggerName$.next(triggerName);
     }
-    setCaseLinkError(error) {
-        this.linkError$.next(error);
-    }
     setFormValidationErrors(validationErrors) {
         this.formValidationErrors$.next(validationErrors);
     }
@@ -8620,8 +8624,8 @@ class CaseEditDataService {
     clearFormValidationErrors() {
         this.formValidationErrors$.next([]);
     }
-    clearCaseLinkError() {
-        this.linkError$.next(null);
+    setLinkedCasesJourneyAtFinalStep(isAtFinalStep) {
+        this.isLinkedCasesJourneyAtFinalStep$.next(isAtFinalStep);
     }
     addFormValidationError(validationError) {
         this.formValidationErrors$.next(this.formValidationErrors$.getValue().concat([validationError]));
@@ -8995,6 +8999,9 @@ class CaseEditPageComponent {
         this.caseEditDataService.caseEditForm$.subscribe({
             next: editForm => this.editForm = editForm
         });
+        this.caseEditDataService.caseIsLinkedCasesJourneyAtFinalStep$.subscribe({
+            next: isLinkedCasesJourneyAtFinalStep => this.isLinkedCasesJourneyAtFinalStep = isLinkedCasesJourneyAtFinalStep
+        });
         this.caseEditDataService.caseTriggerSubmitEvent$.subscribe({
             next: state => {
                 if (state) {
@@ -9014,7 +9021,11 @@ class CaseEditPageComponent {
         return this.caseEdit.first();
     }
     currentPageIsNotValid() {
-        return !this.pageValidationService.isPageValid(this.currentPage, this.editForm);
+        return !this.pageValidationService.isPageValid(this.currentPage, this.editForm) ||
+            (this.isLinkedCasesJourney() && !this.isLinkedCasesJourneyAtFinalStep);
+    }
+    isLinkedCasesJourney() {
+        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
@@ -9112,7 +9123,16 @@ class CaseEditPageComponent {
     submit() {
         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;
@@ -9215,7 +9235,6 @@ class CaseEditPageComponent {
         else {
             this.caseEdit.cancelled.emit();
         }
-        this.caseEditDataService.clearFormValidationErrors();
     }
     submitting() {
         return this.isSubmitting;
@@ -14885,10 +14904,11 @@ class LinkedCasesToTableComponent {
         });
         if (searchCasesResponse.length) {
             this.searchCasesByCaseIds(searchCasesResponse).subscribe((searchCases) => {
-                const casesResponse = [];
+                let casesResponse = [];
                 searchCases.forEach(response => {
                     casesResponse.push(this.mapResponse(response));
                 });
+                casesResponse = this.sortReasonCodes(casesResponse);
                 this.linkedCasesFromResponse = this.sortLinkedCasesByReasonCode(casesResponse);
                 this.isLoaded = true;
                 const caseLinks = this.linkedCasesFromResponse.map(item => {
@@ -14914,6 +14934,29 @@ class LinkedCasesToTableComponent {
             });
         }
     }
+    sortReasonCodes(searchCasesResponse) {
+        searchCasesResponse.forEach((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((reason) => {
+                    reason.sortOrder = this.getReasonSortOrder(reason.value.Reason);
+                });
+                item.reasons = item.reasons.sort((a, b) => a.sortOrder - b.sortOrder);
+                item.sortOrder = item.reasons[0].sortOrder;
+            }
+        });
+        searchCasesResponse = searchCasesResponse === null || searchCasesResponse === void 0 ? void 0 : searchCasesResponse.sort((a, b) => a.sortOrder - b.sortOrder);
+        return searchCasesResponse;
+    }
+    getReasonSortOrder(reasonCode) {
+        if (reasonCode === LinkedCasesToTableComponent.CASE_PROGRESS_REASON_CODE) {
+            return 1;
+        }
+        else if (reasonCode === LinkedCasesToTableComponent.CASE_CONSOLIDATED_REASON_CODE) {
+            return 2;
+        }
+        return 3;
+    }
     searchCasesByCaseIds(searchCasesResponse) {
         return forkJoin(searchCasesResponse);
     }
@@ -15448,72 +15491,43 @@ ReadLinkedCasesFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadLinkedC
             }]
     }], function () { return [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: LinkedCasesService }, { type: AbstractAppConfig }, { type: CommonDataService }]; }, null); })();
 
-function WriteLinkedCasesFieldComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 7);
-    i0.ɵɵelementStart(1, "ul", 8);
-    i0.ɵɵelementStart(2, "li");
-    i0.ɵɵelementStart(3, "a", 9);
-    i0.ɵɵlistener("click", function WriteLinkedCasesFieldComponent_div_0_div_3_Template_a_click_3_listener() { i0.ɵɵrestoreView(_r9); const errorMessage_r7 = ctx.$implicit; const ctx_r8 = i0.ɵɵnextContext(2); return ctx_r8.navigateToErrorElement(errorMessage_r7.fieldId); });
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const errorMessage_r7 = ctx.$implicit;
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(errorMessage_r7.description);
-} }
-function WriteLinkedCasesFieldComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4);
-    i0.ɵɵelementStart(1, "h2", 5);
-    i0.ɵɵtext(2, " There is a problem ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, WriteLinkedCasesFieldComponent_div_0_div_3_Template, 5, 1, "div", 6);
+function WriteLinkedCasesFieldComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "ccd-linked-cases-before-you-start", 3);
+    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_2_Template_ccd_linked_cases_before_you_start_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.onLinkedCasesStateEmitted($event); });
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngForOf", ctx_r0.errorMessages);
+    i0.ɵɵelementContainerEnd();
 } }
 function WriteLinkedCasesFieldComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
+    const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "ccd-linked-cases-before-you-start", 10);
-    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_3_Template_ccd_linked_cases_before_you_start_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.onLinkedCasesStateEmitted($event); });
+    i0.ɵɵelementStart(1, "ccd-no-linked-cases", 3);
+    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_3_Template_ccd_no_linked_cases_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.onLinkedCasesStateEmitted($event); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } }
 function WriteLinkedCasesFieldComponent_ng_container_4_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
+    const _r10 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "ccd-no-linked-cases", 10);
-    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_4_Template_ccd_no_linked_cases_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(); return ctx_r12.onLinkedCasesStateEmitted($event); });
+    i0.ɵɵelementStart(1, "ccd-link-cases", 3);
+    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_4_Template_ccd_link_cases_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.onLinkedCasesStateEmitted($event); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } }
 function WriteLinkedCasesFieldComponent_ng_container_5_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
+    const _r12 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "ccd-link-cases", 10);
-    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_5_Template_ccd_link_cases_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.onLinkedCasesStateEmitted($event); });
+    i0.ɵɵelementStart(1, "ccd-unlink-cases", 3);
+    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_5_Template_ccd_unlink_cases_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return ctx_r11.onLinkedCasesStateEmitted($event); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } }
 function WriteLinkedCasesFieldComponent_ng_container_6_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "ccd-unlink-cases", 10);
-    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_6_Template_ccd_unlink_cases_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(); return ctx_r16.onLinkedCasesStateEmitted($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementContainerEnd();
-} }
-function WriteLinkedCasesFieldComponent_ng_container_7_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
+    const _r14 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "ccd-linked-cases-check-your-answers", 10);
-    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_7_Template_ccd_linked_cases_check_your_answers_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r18 = i0.ɵɵnextContext(); return ctx_r18.onLinkedCasesStateEmitted($event); });
+    i0.ɵɵelementStart(1, "ccd-linked-cases-check-your-answers", 3);
+    i0.ɵɵlistener("linkedCasesStateEmitter", function WriteLinkedCasesFieldComponent_ng_container_6_Template_ccd_linked_cases_check_your_answers_linkedCasesStateEmitter_1_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(); return ctx_r13.onLinkedCasesStateEmitted($event); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } }
@@ -15528,9 +15542,11 @@ class WriteLinkedCasesFieldComponent extends AbstractFieldWriteComponent {
         this.linkedCasesPages = LinkedCasesPages;
         this.linkedCasesEventTriggers = LinkedCasesEventTriggers;
         this.linkedCases = [];
-        this.errorMessages = [];
     }
     ngOnInit() {
+        // 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
@@ -15566,11 +15582,10 @@ class WriteLinkedCasesFieldComponent extends AbstractFieldWriteComponent {
         }
     }
     onLinkedCasesStateEmitted(linkedCasesState) {
-        this.errorMessages = [];
+        // Clear validation errors
         this.caseEditDataService.clearFormValidationErrors();
         if (linkedCasesState.navigateToNextPage) {
             this.linkedCasesPage = this.getNextPage(linkedCasesState);
-            this.setContinueButtonValidationErrorMessage();
             this.proceedToNextPage();
         }
         else {
@@ -15593,27 +15608,19 @@ class WriteLinkedCasesFieldComponent extends AbstractFieldWriteComponent {
             }
         });
     }
-    setContinueButtonValidationErrorMessage() {
-        const errorMessage = this.linkedCasesService.isLinkedCasesEventTrigger
-            ? LinkedCasesErrorMessages.LinkCasesNavigationError
-            : LinkedCasesErrorMessages.UnlinkCasesNavigationError;
-        const buttonId = this.linkedCasesService.linkedCases.length === 0
-            ? 'back-button'
-            : 'next-button';
-        this.caseEditDataService.setCaseLinkError({
-            componentId: buttonId,
-            errorMessage
-        });
-    }
     proceedToNextPage() {
         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);
+        }
     }
     submitLinkedCases() {
         if (!this.linkedCasesService.isLinkedCasesEventTrigger) {
@@ -15653,35 +15660,21 @@ class WriteLinkedCasesFieldComponent extends AbstractFieldWriteComponent {
                     && !this.linkedCasesService.serverLinkedApiError)
                 ? LinkedCasesPages.BEFORE_YOU_START
                 : LinkedCasesPages.NO_LINKED_CASES;
-            // Initialise the error to be displayed when clicked on Continue button
-            this.setContinueButtonValidationErrorMessage();
         });
     }
-    navigateToErrorElement(elementId) {
-        if (elementId) {
-            const htmlElement = document.getElementById(elementId);
-            if (htmlElement) {
-                htmlElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
-                htmlElement.focus();
-            }
-        }
-    }
 }
 WriteLinkedCasesFieldComponent.ɵfac = function WriteLinkedCasesFieldComponent_Factory(t) { return new (t || WriteLinkedCasesFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(CommonDataService), i0.ɵɵdirectiveInject(CasesService), i0.ɵɵdirectiveInject(LinkedCasesService), i0.ɵɵdirectiveInject(CaseEditDataService)); };
-WriteLinkedCasesFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteLinkedCasesFieldComponent, selectors: [["ccd-write-linked-cases-field"]], features: [i0.ɵɵ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) { if (rf & 1) {
-        i0.ɵɵtemplate(0, WriteLinkedCasesFieldComponent_div_0_Template, 4, 1, "div", 0);
+WriteLinkedCasesFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteLinkedCasesFieldComponent, selectors: [["ccd-write-linked-cases-field"]], features: [i0.ɵɵ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.ɵɵelementStart(0, "div", 0);
         i0.ɵɵelementStart(1, "div", 1);
-        i0.ɵɵelementStart(2, "div", 2);
-        i0.ɵɵtemplate(3, WriteLinkedCasesFieldComponent_ng_container_3_Template, 2, 0, "ng-container", 3);
-        i0.ɵɵtemplate(4, WriteLinkedCasesFieldComponent_ng_container_4_Template, 2, 0, "ng-container", 3);
-        i0.ɵɵtemplate(5, WriteLinkedCasesFieldComponent_ng_container_5_Template, 2, 0, "ng-container", 3);
-        i0.ɵɵtemplate(6, WriteLinkedCasesFieldComponent_ng_container_6_Template, 2, 0, "ng-container", 3);
-        i0.ɵɵtemplate(7, WriteLinkedCasesFieldComponent_ng_container_7_Template, 2, 0, "ng-container", 3);
+        i0.ɵɵtemplate(2, WriteLinkedCasesFieldComponent_ng_container_2_Template, 2, 0, "ng-container", 2);
+        i0.ɵɵtemplate(3, WriteLinkedCasesFieldComponent_ng_container_3_Template, 2, 0, "ng-container", 2);
+        i0.ɵɵtemplate(4, WriteLinkedCasesFieldComponent_ng_container_4_Template, 2, 0, "ng-container", 2);
+        i0.ɵɵtemplate(5, WriteLinkedCasesFieldComponent_ng_container_5_Template, 2, 0, "ng-container", 2);
+        i0.ɵɵtemplate(6, WriteLinkedCasesFieldComponent_ng_container_6_Template, 2, 0, "ng-container", 2);
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngIf", ctx.errorMessages.length > 0);
-        i0.ɵɵadvance(1);
         i0.ɵɵproperty("formGroup", ctx.formGroup);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngSwitch", ctx.linkedCasesPage);
@@ -22644,7 +22637,7 @@ i0.ɵɵsetComponentScope(WriteCaseFlagFieldComponent, [i1.NgIf, i1.NgForOf, i2.N
     AddCommentsComponent,
     ManageCaseFlagsComponent,
     UpdateFlagComponent], []);
-i0.ɵɵsetComponentScope(WriteLinkedCasesFieldComponent, [i1.NgIf, i1.NgForOf, i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgSwitch, i1.NgSwitchCase, BeforeYouStartComponent,
+i0.ɵɵsetComponentScope(WriteLinkedCasesFieldComponent, [i2.NgControlStatusGroup, i2.FormGroupDirective, i1.NgSwitch, i1.NgSwitchCase, BeforeYouStartComponent,
     NoLinkedCasesComponent,
     LinkCasesComponent,
     UnLinkCasesComponent,
@@ -24141,40 +24134,40 @@ CaseHeaderModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
     }], null, null); })();
 
 function PaginationComponent_ul_3_li_1_a_1_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "a", 12);
-    i0.ɵɵlistener("keyup.enter", function PaginationComponent_ul_3_li_1_a_1_Template_a_keyup_enter_0_listener() { i0.ɵɵrestoreView(_r8); i0.ɵɵnextContext(3); const _r0 = i0.ɵɵreference(1); return _r0.previous(); })("click", function PaginationComponent_ul_3_li_1_a_1_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r8); i0.ɵɵnextContext(3); const _r0 = i0.ɵɵreference(1); return _r0.previous(); });
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "a", 13);
+    i0.ɵɵlistener("keyup.enter", function PaginationComponent_ul_3_li_1_a_1_Template_a_keyup_enter_0_listener() { i0.ɵɵrestoreView(_r9); i0.ɵɵnextContext(3); const _r0 = i0.ɵɵreference(1); return _r0.previous(); })("click", function PaginationComponent_ul_3_li_1_a_1_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r9); i0.ɵɵnextContext(3); const _r0 = i0.ɵɵreference(1); return _r0.previous(); });
     i0.ɵɵtext(1);
-    i0.ɵɵelementStart(2, "span", 13);
+    i0.ɵɵelementStart(2, "span", 14);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r5 = i0.ɵɵnextContext(3);
-    i0.ɵɵattribute("aria-label", ctx_r5.previousLabel + " " + ctx_r5.screenReaderPageLabel);
+    const ctx_r6 = i0.ɵɵnextContext(3);
+    i0.ɵɵattribute("aria-label", ctx_r6.previousLabel + " " + ctx_r6.screenReaderPageLabel);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r5.previousLabel, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r6.previousLabel, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r5.screenReaderPageLabel);
+    i0.ɵɵtextInterpolate(ctx_r6.screenReaderPageLabel);
 } }
 function PaginationComponent_ul_3_li_1_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
-    i0.ɵɵelementStart(2, "span", 13);
+    i0.ɵɵelementStart(2, "span", 14);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r6 = i0.ɵɵnextContext(3);
+    const ctx_r7 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r6.previousLabel, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r7.previousLabel, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r6.screenReaderPageLabel);
+    i0.ɵɵtextInterpolate(ctx_r7.screenReaderPageLabel);
 } }
 function PaginationComponent_ul_3_li_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 9);
-    i0.ɵɵtemplate(1, PaginationComponent_ul_3_li_1_a_1_Template, 4, 3, "a", 10);
-    i0.ɵɵtemplate(2, PaginationComponent_ul_3_li_1_span_2_Template, 4, 2, "span", 11);
+    i0.ɵɵelementStart(0, "li", 10);
+    i0.ɵɵtemplate(1, PaginationComponent_ul_3_li_1_a_1_Template, 4, 3, "a", 11);
+    i0.ɵɵtemplate(2, PaginationComponent_ul_3_li_1_span_2_Template, 4, 2, "span", 12);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵnextContext(2);
@@ -24186,10 +24179,10 @@ function PaginationComponent_ul_3_li_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", _r0.isFirstPage());
 } }
 function PaginationComponent_ul_3_li_4_a_1_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "a", 12);
-    i0.ɵɵlistener("keyup.enter", function PaginationComponent_ul_3_li_4_a_1_Template_a_keyup_enter_0_listener() { i0.ɵɵrestoreView(_r15); const page_r10 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(2); const _r0 = i0.ɵɵreference(1); return _r0.setCurrent(page_r10.value); })("click", function PaginationComponent_ul_3_li_4_a_1_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r15); const page_r10 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(2); const _r0 = i0.ɵɵreference(1); return _r0.setCurrent(page_r10.value); });
-    i0.ɵɵelementStart(1, "span", 13);
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "a", 13);
+    i0.ɵɵlistener("keyup.enter", function PaginationComponent_ul_3_li_4_a_1_Template_a_keyup_enter_0_listener() { i0.ɵɵrestoreView(_r16); const page_r11 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(2); const _r0 = i0.ɵɵreference(1); return _r0.setCurrent(page_r11.value); })("click", function PaginationComponent_ul_3_li_4_a_1_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r16); const page_r11 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(2); const _r0 = i0.ɵɵreference(1); return _r0.setCurrent(page_r11.value); });
+    i0.ɵɵelementStart(1, "span", 14);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "span");
@@ -24198,16 +24191,16 @@ function PaginationComponent_ul_3_li_4_a_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const page_r10 = i0.ɵɵnextContext().$implicit;
-    const ctx_r11 = i0.ɵɵnextContext(2);
+    const page_r11 = i0.ɵɵnextContext().$implicit;
+    const ctx_r12 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", ctx_r11.screenReaderPageLabel, " ");
+    i0.ɵɵtextInterpolate1("", ctx_r12.screenReaderPageLabel, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(page_r10.label === "..." ? page_r10.label : i0.ɵɵpipeBind2(5, 2, page_r10.label, ""));
+    i0.ɵɵtextInterpolate(page_r11.label === "..." ? page_r11.label : i0.ɵɵpipeBind2(5, 2, page_r11.label, ""));
 } }
 function PaginationComponent_ul_3_li_4_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "span", 13);
+    i0.ɵɵelementStart(1, "span", 14);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "span");
@@ -24216,63 +24209,63 @@ function PaginationComponent_ul_3_li_4_ng_container_2_Template(rf, ctx) { if (rf
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const page_r10 = i0.ɵɵnextContext().$implicit;
-    const ctx_r12 = i0.ɵɵnextContext(2);
+    const page_r11 = i0.ɵɵnextContext().$implicit;
+    const ctx_r13 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", ctx_r12.screenReaderCurrentLabel, " ");
+    i0.ɵɵtextInterpolate1("", ctx_r13.screenReaderCurrentLabel, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(page_r10.label === "..." ? page_r10.label : i0.ɵɵpipeBind2(5, 2, page_r10.label, ""));
+    i0.ɵɵtextInterpolate(page_r11.label === "..." ? page_r11.label : i0.ɵɵpipeBind2(5, 2, page_r11.label, ""));
 } }
 function PaginationComponent_ul_3_li_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "li");
-    i0.ɵɵtemplate(1, PaginationComponent_ul_3_li_4_a_1_Template, 6, 5, "a", 10);
-    i0.ɵɵtemplate(2, PaginationComponent_ul_3_li_4_ng_container_2_Template, 6, 5, "ng-container", 11);
+    i0.ɵɵtemplate(1, PaginationComponent_ul_3_li_4_a_1_Template, 6, 5, "a", 11);
+    i0.ɵɵtemplate(2, PaginationComponent_ul_3_li_4_ng_container_2_Template, 6, 5, "ng-container", 12);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const page_r10 = ctx.$implicit;
+    const page_r11 = ctx.$implicit;
     i0.ɵɵnextContext(2);
     const _r0 = i0.ɵɵreference(1);
-    i0.ɵɵclassProp("current", _r0.getCurrent() === page_r10.value)("ellipsis", page_r10.label === "...");
+    i0.ɵɵclassProp("current", _r0.getCurrent() === page_r11.value)("ellipsis", page_r11.label === "...");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", _r0.getCurrent() !== page_r10.value);
+    i0.ɵɵproperty("ngIf", _r0.getCurrent() !== page_r11.value);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", _r0.getCurrent() === page_r10.value);
+    i0.ɵɵproperty("ngIf", _r0.getCurrent() === page_r11.value);
 } }
 function PaginationComponent_ul_3_li_5_a_1_Template(rf, ctx) { if (rf & 1) {
-    const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "a", 12);
-    i0.ɵɵlistener("keyup.enter", function PaginationComponent_ul_3_li_5_a_1_Template_a_keyup_enter_0_listener() { i0.ɵɵrestoreView(_r23); i0.ɵɵnextContext(3); const _r0 = i0.ɵɵreference(1); return _r0.next(); })("click", function PaginationComponent_ul_3_li_5_a_1_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r23); i0.ɵɵnextContext(3); const _r0 = i0.ɵɵreference(1); return _r0.next(); });
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "a", 13);
+    i0.ɵɵlistener("keyup.enter", function PaginationComponent_ul_3_li_5_a_1_Template_a_keyup_enter_0_listener() { i0.ɵɵrestoreView(_r24); i0.ɵɵnextContext(3); const _r0 = i0.ɵɵreference(1); return _r0.next(); })("click", function PaginationComponent_ul_3_li_5_a_1_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r24); i0.ɵɵnextContext(3); const _r0 = i0.ɵɵreference(1); return _r0.next(); });
     i0.ɵɵtext(1);
-    i0.ɵɵelementStart(2, "span", 13);
+    i0.ɵɵelementStart(2, "span", 14);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r20 = i0.ɵɵnextContext(3);
-    i0.ɵɵattribute("aria-label", ctx_r20.nextLabel + " " + ctx_r20.screenReaderPageLabel);
+    const ctx_r21 = i0.ɵɵnextContext(3);
+    i0.ɵɵattribute("aria-label", ctx_r21.nextLabel + " " + ctx_r21.screenReaderPageLabel);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r20.nextLabel, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r21.nextLabel, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r20.screenReaderPageLabel);
+    i0.ɵɵtextInterpolate(ctx_r21.screenReaderPageLabel);
 } }
 function PaginationComponent_ul_3_li_5_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
-    i0.ɵɵelementStart(2, "span", 13);
+    i0.ɵɵelementStart(2, "span", 14);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r21 = i0.ɵɵnextContext(3);
+    const ctx_r22 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r21.nextLabel, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r22.nextLabel, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r21.screenReaderPageLabel);
+    i0.ɵɵtextInterpolate(ctx_r22.screenReaderPageLabel);
 } }
 function PaginationComponent_ul_3_li_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 14);
-    i0.ɵɵtemplate(1, PaginationComponent_ul_3_li_5_a_1_Template, 4, 3, "a", 10);
-    i0.ɵɵtemplate(2, PaginationComponent_ul_3_li_5_span_2_Template, 4, 2, "span", 11);
+    i0.ɵɵelementStart(0, "li", 15);
+    i0.ɵɵtemplate(1, PaginationComponent_ul_3_li_5_a_1_Template, 4, 3, "a", 11);
+    i0.ɵɵtemplate(2, PaginationComponent_ul_3_li_5_span_2_Template, 4, 2, "span", 12);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵnextContext(2);
@@ -24284,13 +24277,13 @@ function PaginationComponent_ul_3_li_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", _r0.isLastPage());
 } }
 function PaginationComponent_ul_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ul", 4);
-    i0.ɵɵtemplate(1, PaginationComponent_ul_3_li_1_Template, 3, 4, "li", 5);
-    i0.ɵɵelementStart(2, "li", 6);
+    i0.ɵɵelementStart(0, "ul", 5);
+    i0.ɵɵtemplate(1, PaginationComponent_ul_3_li_1_Template, 3, 4, "li", 6);
+    i0.ɵɵelementStart(2, "li", 7);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, PaginationComponent_ul_3_li_4_Template, 3, 6, "li", 7);
-    i0.ɵɵtemplate(5, PaginationComponent_ul_3_li_5_Template, 3, 4, "li", 8);
+    i0.ɵɵtemplate(4, PaginationComponent_ul_3_li_4_Template, 3, 6, "li", 8);
+    i0.ɵɵtemplate(5, PaginationComponent_ul_3_li_5_Template, 3, 4, "li", 9);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -24306,6 +24299,17 @@ function PaginationComponent_ul_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r1.directionLinks);
 } }
+function PaginationComponent_div_4_Template(rf, ctx) { if (rf & 1) {
+    const _r28 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2, "Go to page");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "input", 17, 18);
+    i0.ɵɵlistener("keyup.enter", function PaginationComponent_div_4_Template_input_keyup_enter_3_listener($event) { i0.ɵɵrestoreView(_r28); const ctx_r27 = i0.ɵɵnextContext(); const _r0 = i0.ɵɵreference(1); ctx_r27.goToPage($event, _r0); return $event.target.blur(); })("blur", function PaginationComponent_div_4_Template_input_blur_3_listener($event) { i0.ɵɵrestoreView(_r28); const ctx_r29 = i0.ɵɵnextContext(); const _r0 = i0.ɵɵreference(1); return ctx_r29.goToPage($event, _r0); })("focus", function PaginationComponent_div_4_Template_input_focus_3_listener() { i0.ɵɵrestoreView(_r28); const _r26 = i0.ɵɵreference(4); return _r26.select(); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} }
 function coerceToBoolean(input) {
     return !!input && input !== 'false';
 }
@@ -24341,21 +24345,41 @@ class PaginationComponent {
     set responsive(value) {
         this.pResponsive = coerceToBoolean(value);
     }
+    goToPage($event, p) {
+        const 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 = '';
+            }
+        }
+    }
 }
 PaginationComponent.ɵfac = function PaginationComponent_Factory(t) { return new (t || PaginationComponent)(); };
-PaginationComponent.ɵcmp = i0.ɵɵ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) { if (rf & 1) {
+PaginationComponent.ɵcmp = i0.ɵɵ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.ɵɵelementStart(0, "pagination-template", 0, 1);
         i0.ɵɵ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.ɵɵelementStart(2, "nav", 2);
         i0.ɵɵtemplate(3, PaginationComponent_ul_3_Template, 6, 8, "ul", 3);
         i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(4, PaginationComponent_div_4_Template, 5, 0, "div", 4);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         const _r0 = i0.ɵɵreference(1);
         i0.ɵɵproperty("id", ctx.id)("maxSize", ctx.maxSize);
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("ngIf", !(ctx.autoHide && _r0.pages.length <= 1));
-    } }, directives: [i1$6.PaginationControlsDirective, i1.NgIf, i1.NgForOf], pipes: [i1.DecimalPipe], styles: [".ngx-pagination[_ngcontent-%COMP%]{margin-left:0;margin-bottom:1rem;padding-top:25px;text-decoration:none;text-align:left;font-size:16px}.ngx-pagination[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]:before{content:\" \";display:table}.ngx-pagination[_ngcontent-%COMP%]:after{clear:both}.ngx-pagination[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-right:.0625rem;border-radius:0;display:inline-block}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{display:block;padding:.1875rem .625rem;border-radius:0;color:#005da6}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover, .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover{background:#e6e6e6}.ngx-pagination[_ngcontent-%COMP%]   .current[_ngcontent-%COMP%]{padding:.1875rem .625rem;background:#fff;color:#4c2c92;cursor:default;font-weight:900}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]{display:none}.ngx-pagination[_ngcontent-%COMP%]   .disabled[_ngcontent-%COMP%]:hover{background:transparent}.ngx-pagination[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .ngx-pagination[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{cursor:pointer}.ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{margin-right:.5rem;border-width:3px 0 0 3px}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous.disabled[_ngcontent-%COMP%]:before, .ngx-pagination[_ngcontent-%COMP%]   .pagination-previous[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:before{display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;transform:rotate(-45deg);content:\"\"}.ngx-pagination[_ngcontent-%COMP%]   .pagination-next.disabled[_ngcontent-%COMP%]:after, .ngx-pagination[_ngcontent-%COMP%]   .pagination-next[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:after{margin-left:.5rem;border-width:0 3px 3px 0}.ngx-pagination[_ngcontent-%COMP%]   .show-for-sr[_ngcontent-%COMP%]{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ngx-pagination[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:none}@media screen and (max-width:601px){.ngx-pagination.responsive[_ngcontent-%COMP%]   .small-screen[_ngcontent-%COMP%]{display:inline-block}.ngx-pagination.responsive[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:not(.small-screen):not(.pagination-previous):not(.pagination-next){display:none}}"] });
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", !(ctx.autoHide && _r0.pages.length <= 1));
+    } }, directives: [i1$6.PaginationControlsDirective, i1.NgIf, i1.NgForOf], pipes: [i1.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.ɵsetClassMetadata(PaginationComponent, [{
         type: Component,
         args: [{