@hmcts/ccd-case-ui-toolkit 7.3.68-govuk3 → 7.3.68-govuk5

package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs

@@ -8401,6 +8401,26 @@ class WindowService {
         type: Injectable
     }], null, null); })();
 
+class FocusService {
+    /** unique ID of DOM element this service will focus on */
+    elementIdToFocus = 'focusService-elementIdToFocus';
+    /**
+     * Focus on a specific element with the elementIdToFocus.
+     * If there is no element in the DOM, no action is taken.
+     */
+    focus() {
+        const elementToFocus = document.getElementById(this.elementIdToFocus);
+        if (elementToFocus) {
+            elementToFocus.focus();
+        }
+    }
+    static ɵfac = function FocusService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FocusService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FocusService, factory: FocusService.ɵfac });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FocusService, [{
+        type: Injectable
+    }], null, null); })();
+
 class WorkbasketInputFilterService {
     httpService;
     appConfig;
@@ -10163,7 +10183,7 @@ class CaseEditComponent {
         return of(true);
     }
     finishEventCompletionLogic(eventResponse) {
-        this.caseNotifier.cachedCaseView = null;
+        this.caseNotifier.removeCachedCase();
         this.sessionStorageService.removeItem('eventUrl');
         const confirmation = this.buildConfirmation(eventResponse);
         if (confirmation && (confirmation.getHeader() || confirmation.getBody())) {
@@ -11494,6 +11514,7 @@ class CaseEditPageComponent {
     addressService;
     linkedCasesService;
     caseFlagStateService;
+    focusService;
     static RESUMED_FORM_DISCARD = 'RESUMED_FORM_DISCARD';
     static NEW_FORM_DISCARD = 'NEW_FORM_DISCARD';
     static NEW_FORM_SAVE = 'NEW_FORM_CHANGED_SAVE';
@@ -11529,13 +11550,7 @@ class CaseEditPageComponent {
     static scrollToTop() {
         window.scrollTo(0, 0);
     }
-    static setFocusToTop() {
-        const topContainer = document.getElementById('top');
-        if (topContainer) {
-            topContainer.focus();
-        }
-    }
-    constructor(caseEdit, route, formValueService, formErrorService, cdRef, pageValidationService, dialog, caseFieldService, caseEditDataService, loadingService, validPageListCaseFieldsService, multipageComponentStateService, addressService, linkedCasesService, caseFlagStateService) {
+    constructor(caseEdit, route, formValueService, formErrorService, cdRef, pageValidationService, dialog, caseFieldService, caseEditDataService, loadingService, validPageListCaseFieldsService, multipageComponentStateService, addressService, linkedCasesService, caseFlagStateService, focusService) {
         this.caseEdit = caseEdit;
         this.route = route;
         this.formValueService = formValueService;
@@ -11551,6 +11566,7 @@ class CaseEditPageComponent {
         this.addressService = addressService;
         this.linkedCasesService = linkedCasesService;
         this.caseFlagStateService = caseFlagStateService;
+        this.focusService = focusService;
         this.multipageComponentStateService.setInstigator(this);
     }
     onFinalNext() {
@@ -11615,7 +11631,7 @@ class CaseEditPageComponent {
             }
             this.triggerText = this.getTriggerText();
         });
-        CaseEditPageComponent.setFocusToTop();
+        this.focusService.focus();
         this.caseEditFormSub = this.caseEditDataService.caseEditForm$.subscribe({
             next: editForm => this.editForm = editForm
         });
@@ -11676,7 +11692,7 @@ class CaseEditPageComponent {
         if (this.getPageNumber() !== undefined) {
             this.previousStep();
         }
-        CaseEditPageComponent.setFocusToTop();
+        this.focusService.focus();
     }
     // Adding validation message to show it as Error Summary
     generateErrorMessage(fields, container, path, sourceFromComplexField) {
@@ -11885,7 +11901,7 @@ class CaseEditPageComponent {
             // purposes)
             this.removeAllJudicialUserFormControls(this.currentPage, this.editForm);
         }
-        CaseEditPageComponent.setFocusToTop();
+        this.focusService.focus();
     }
     updateFormData(jsonData) {
         for (const caseFieldId of Object.keys(jsonData.data)) {
@@ -12004,6 +12020,8 @@ class CaseEditPageComponent {
         else {
             this.caseEdit.cancelled.emit();
         }
+        // clear CaseView cache to allow any incidental changes to get picked up once the edit has cancelled
+        this.caseEdit.caseNotifier.removeCachedCase();
         this.clearValidationErrors();
         this.multipageComponentStateService.reset();
     }
@@ -12177,7 +12195,7 @@ class CaseEditPageComponent {
             }
         });
     }
-    static ɵfac = function CaseEditPageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseEditPageComponent)(i0.ɵɵdirectiveInject(CaseEditComponent), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(FormValueService), i0.ɵɵdirectiveInject(FormErrorService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PageValidationService), i0.ɵɵdirectiveInject(i1$3.MatLegacyDialog), i0.ɵɵdirectiveInject(CaseFieldService), i0.ɵɵdirectiveInject(CaseEditDataService), i0.ɵɵdirectiveInject(LoadingService), i0.ɵɵdirectiveInject(ValidPageListCaseFieldsService), i0.ɵɵdirectiveInject(MultipageComponentStateService), i0.ɵɵdirectiveInject(AddressesService), i0.ɵɵdirectiveInject(LinkedCasesService), i0.ɵɵdirectiveInject(CaseFlagStateService)); };
+    static ɵfac = function CaseEditPageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseEditPageComponent)(i0.ɵɵdirectiveInject(CaseEditComponent), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(FormValueService), i0.ɵɵdirectiveInject(FormErrorService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PageValidationService), i0.ɵɵdirectiveInject(i1$3.MatLegacyDialog), i0.ɵɵdirectiveInject(CaseFieldService), i0.ɵɵdirectiveInject(CaseEditDataService), i0.ɵɵdirectiveInject(LoadingService), i0.ɵɵdirectiveInject(ValidPageListCaseFieldsService), i0.ɵɵdirectiveInject(MultipageComponentStateService), i0.ɵɵdirectiveInject(AddressesService), i0.ɵɵdirectiveInject(LinkedCasesService), i0.ɵɵdirectiveInject(CaseFlagStateService), i0.ɵɵdirectiveInject(FocusService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseEditPageComponent, selectors: [["ccd-case-edit-page"]], standalone: false, decls: 12, vars: 11, consts: [["titleBlock", ""], ["idBlock", ""], [4, "ngIf"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], [3, "error"], [3, "callbackErrorsContext", "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject"], [1, "width-50"], ["class", "form", 3, "formGroup", "submit", 4, "ngIf"], [3, "eventCompletionParams", "eventCanBeCompleted", 4, "ngIf"], ["class", "govuk-heading-l", 4, "ngIf"], [1, "govuk-heading-l"], [1, "govuk-caption-l"], [3, "content"], ["class", "heading-h2", 4, "ngIf"], [1, "heading-h2"], ["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"], ["tabindex", "0", 1, "validation-error", 3, "click", "keyup.enter"], [1, "form", 3, "submit", "formGroup"], ["id", "fieldset-case-data"], [2, "display", "none"], ["id", "caseEditForm", 3, "fields", "formGroup", "caseFields", "pageChangeSubject", "valuesChanged", 4, "ngIf"], ["class", "grid-row", 4, "ngIf"], [1, "form-group", "form-group-related"], ["class", "button button-secondary", "type", "button", 3, "disabled", "click", 4, "ngIf"], ["type", "submit", 1, "button", 3, "disabled"], [1, "cancel"], ["type", "button", 1, "govuk-js-link", 3, "click"], ["id", "caseEditForm", 3, "valuesChanged", "fields", "formGroup", "caseFields", "pageChangeSubject"], [1, "grid-row"], [1, "column-two-thirds", "rightBorderSeparator"], ["id", "caseEditForm1", 3, "fields", "formGroup", "caseFields"], [1, "column-one-third"], ["id", "caseEditForm2", 3, "fields", "formGroup", "caseFields"], ["type", "button", 1, "button", "button-secondary", 3, "click", "disabled"], [3, "eventCanBeCompleted", "eventCompletionParams"]], template: function CaseEditPageComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵtemplate(0, CaseEditPageComponent_ng_container_0_Template, 3, 2, "ng-container", 2)(1, CaseEditPageComponent_div_1_Template, 1, 0, "div", 3)(2, CaseEditPageComponent_ng_template_2_Template, 3, 7, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(4, CaseEditPageComponent_ng_template_4_Template, 1, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(6, CaseEditPageComponent_div_6_Template, 5, 4, "div", 4);
@@ -12210,8 +12228,8 @@ class CaseEditPageComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseEditPageComponent, [{
         type: Component,
         args: [{ selector: 'ccd-case-edit-page', standalone: false, template: "<ng-container *ngIf=\"currentPage\">\n  <h1 *ngIf=\"!currentPage.label\" class=\"govuk-heading-l\">{{eventTrigger.name | rpxTranslate}}</h1>\n  <ng-container *ngIf=\"currentPage.label\">\n    <span class=\"govuk-caption-l\">{{ eventTrigger.name | rpxTranslate}}</span>\n    <h1 class=\"govuk-heading-l\">{{currentPage.label | rpxTranslate}}</h1>\n  </ng-container>\n</ng-container>\n\n<!--Case ID or Title -->\n<div *ngIf=\"getCaseTitle(); then titleBlock; else idBlock\"></div>\n<ng-template #titleBlock>\n  <ccd-markdown [content]=\"getCaseTitle() | ccdCaseTitle: caseFields : editForm.controls['data'] | rpxTranslate\"></ccd-markdown>\n</ng-template>\n<ng-template #idBlock>\n  <h2 *ngIf=\"getCaseId()\" class=\"heading-h2\">#{{ getCaseId() | ccdCaseReference }}</h2>\n</ng-template>\n\n<!-- Error message summary -->\n<div *ngIf=\"validationErrors.length > 0\" class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    {{'There is a problem' | rpxTranslate}}\n  </h2>\n  <div *ngFor=\"let validationError of validationErrors\" class=\"govuk-error-summary__body\">\n    <ul class=\"govuk-list govuk-error-summary__list\">\n      <li>\n        <a (click)=\"navigateToErrorElement(validationError.id)\" (keyup.enter)=\"navigateToErrorElement(validationError.id)\" tabindex=\"0\" class=\"validation-error\">\n          {{ validationError.message | rpxTranslate: getRpxTranslatePipeArgs(validationError.label | rpxTranslate): null }}\n        </a>\n      </li>\n    </ul>\n  </div>\n</div>\n\n<ccd-case-edit-generic-errors [error]=\"caseEdit.error\"></ccd-case-edit-generic-errors>\n\n<ccd-callback-errors\n  [triggerTextContinue]=\"triggerTextStart\"\n  [triggerTextIgnore]=\"triggerTextIgnoreWarnings\"\n  [callbackErrorsSubject]=\"caseEdit.callbackErrorsSubject\"\n  (callbackErrorsContext)=\"callbackErrorsNotify($event)\">\n</ccd-callback-errors>\n<div class=\"width-50\">\n  <form *ngIf=\"currentPage\" class=\"form\" [formGroup]=\"editForm\" (submit)=\"nextStep()\">\n    <fieldset id=\"fieldset-case-data\">\n      <legend style=\"display: none;\"></legend>\n      <!-- single column -->\n      <ccd-case-edit-form id='caseEditForm' *ngIf=\"!currentPage.isMultiColumn()\" [fields]=\"currentPage.getCol1Fields()\"\n                          [formGroup]=\"editForm.controls['data']\" [caseFields]=\"caseFields\"\n                          [pageChangeSubject]=\"pageChangeSubject\"\n                          (valuesChanged)=\"applyValuesChanged($event)\"></ccd-case-edit-form>\n      <!-- two columns -->\n      <div *ngIf=\"currentPage.isMultiColumn()\" class=\"grid-row\">\n        <div class=\"column-two-thirds rightBorderSeparator\">\n          <ccd-case-edit-form id='caseEditForm1' [fields]=\"currentPage.getCol1Fields()\"\n                              [formGroup]=\"editForm.controls['data']\" [caseFields]=\"caseFields\"></ccd-case-edit-form>\n        </div>\n        <div class=\"column-one-third\">\n          <ccd-case-edit-form id='caseEditForm2' [fields]=\"currentPage.getCol2Fields()\"\n                              [formGroup]=\"editForm.controls['data']\" [caseFields]=\"caseFields\"></ccd-case-edit-form>\n        </div>\n      </div>\n    </fieldset>\n\n    <div class=\"form-group form-group-related\">\n      <button class=\"button button-secondary\" type=\"button\" (click)=\"toPreviousPage()\" *ngIf=\"!isAtStart()\" [disabled]=\"isDisabled()\">\n        {{'Previous' | rpxTranslate}}\n      </button>\n      <button class=\"button\" type=\"submit\" [disabled]=\"submitting()\">{{triggerText | rpxTranslate}}</button>\n    </div>\n\n    <p class=\"cancel\"><button type=\"button\" (click)=\"cancel()\" class=\"govuk-js-link\">{{getCancelText() | rpxTranslate}}</button></p>\n  </form>\n</div>\n\n<ccd-case-event-completion *ngIf=\"caseEdit.isEventCompletionChecksRequired\"\n  [eventCompletionParams]=\"caseEdit.eventCompletionParams\"\n  (eventCanBeCompleted)=\"onEventCanBeCompleted($event)\">\n</ccd-case-event-completion>\n", styles: [".govuk-js-link{appearance:none;background:none;border:none;color:#005ea5;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0;text-decoration:underline}.govuk-js-link:hover{color:#2b8cc4;text-decoration-thickness:max(3px,.1875rem,.12em)}.govuk-js-link:focus{background-color:#ffbf47;color:#000;outline:3px solid transparent;text-decoration:none;box-shadow:0 -2px #ffbf47,0 4px #000}.govuk-js-link:visited{color:#4c2c92}.rightBorderSeparator{border-right-width:4px;border-right-color:#ffcc02;border-right-style:solid}.validation-error{cursor:pointer;text-decoration:underline;color:#d4351c}\n"] }]
-    }], () => [{ type: CaseEditComponent }, { type: i1$1.ActivatedRoute }, { type: FormValueService }, { type: FormErrorService }, { type: i0.ChangeDetectorRef }, { type: PageValidationService }, { type: i1$3.MatLegacyDialog }, { type: CaseFieldService }, { type: CaseEditDataService }, { type: LoadingService }, { type: ValidPageListCaseFieldsService }, { type: MultipageComponentStateService }, { type: AddressesService }, { type: LinkedCasesService }, { type: CaseFlagStateService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseEditPageComponent, { className: "CaseEditPageComponent", filePath: "lib/shared/components/case-editor/case-edit-page/case-edit-page.component.ts", lineNumber: 35 }); })();
+    }], () => [{ type: CaseEditComponent }, { type: i1$1.ActivatedRoute }, { type: FormValueService }, { type: FormErrorService }, { type: i0.ChangeDetectorRef }, { type: PageValidationService }, { type: i1$3.MatLegacyDialog }, { type: CaseFieldService }, { type: CaseEditDataService }, { type: LoadingService }, { type: ValidPageListCaseFieldsService }, { type: MultipageComponentStateService }, { type: AddressesService }, { type: LinkedCasesService }, { type: CaseFlagStateService }, { type: FocusService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseEditPageComponent, { className: "CaseEditPageComponent", filePath: "lib/shared/components/case-editor/case-edit-page/case-edit-page.component.ts", lineNumber: 36 }); })();
 
 class CallbackErrorsContext {
     triggerText;
@@ -33546,7 +33564,8 @@ class CaseEditorModule {
             EventCompletionStateMachineService,
             CaseFlagStateService,
             ValidPageListCaseFieldsService,
-            MultipageComponentStateService
+            MultipageComponentStateService,
+            FocusService
         ], imports: [CommonModule,
             RouterModule,
             FormsModule,
@@ -33629,7 +33648,8 @@ class CaseEditorModule {
                     EventCompletionStateMachineService,
                     CaseFlagStateService,
                     ValidPageListCaseFieldsService,
-                    MultipageComponentStateService
+                    MultipageComponentStateService,
+                    FocusService
                 ]
             }]
     }], null, null); })();
@@ -37407,21 +37427,21 @@ class CasePrinterComponent {
     }], () => [{ type: CaseNotifier }, { type: CasesService }, { type: AlertService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CasePrinterComponent, { className: "CasePrinterComponent", filePath: "lib/shared/components/case-viewer/printer/case-printer.component.ts", lineNumber: 15 }); })();
 
-function CaseViewerComponent_div_0_ccd_case_basic_access_view_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ccd-case-basic-access-view", 3);
+function CaseViewerComponent_main_0_ccd_case_basic_access_view_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "ccd-case-basic-access-view", 4);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("accessType", ctx_r0.userAccessType)("caseDetails", ctx_r0.caseDetails);
 } }
-function CaseViewerComponent_div_0_ccd_case_full_access_view_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ccd-case-full-access-view", 4);
+function CaseViewerComponent_main_0_ccd_case_full_access_view_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "ccd-case-full-access-view", 5);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("caseDetails", ctx_r0.caseDetails)("hasPrint", ctx_r0.hasPrint)("hasEventSelector", ctx_r0.hasEventSelector)("prependedTabs", ctx_r0.prependedTabs)("appendedTabs", ctx_r0.appendedTabs);
 } }
-function CaseViewerComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, CaseViewerComponent_div_0_ccd_case_basic_access_view_1_Template, 1, 2, "ccd-case-basic-access-view", 1)(2, CaseViewerComponent_div_0_ccd_case_full_access_view_2_Template, 1, 5, "ccd-case-full-access-view", 2);
+function CaseViewerComponent_main_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "main", 1);
+    i0.ɵɵtemplate(1, CaseViewerComponent_main_0_ccd_case_basic_access_view_1_Template, 1, 2, "ccd-case-basic-access-view", 2)(2, CaseViewerComponent_main_0_ccd_case_full_access_view_2_Template, 1, 5, "ccd-case-full-access-view", 3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -37508,15 +37528,15 @@ class CaseViewerComponent {
         return tabs;
     }
     static ɵfac = function CaseViewerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseViewerComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(OrderService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseViewerComponent, selectors: [["ccd-case-viewer"]], inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, standalone: false, decls: 1, vars: 1, consts: [[4, "ngIf"], ["id", "content", 3, "accessType", "caseDetails", 4, "ngIf"], ["id", "content", 3, "caseDetails", "hasPrint", "hasEventSelector", "prependedTabs", "appendedTabs", 4, "ngIf"], ["id", "content", 3, "accessType", "caseDetails"], ["id", "content", 3, "caseDetails", "hasPrint", "hasEventSelector", "prependedTabs", "appendedTabs"]], template: function CaseViewerComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, CaseViewerComponent_div_0_Template, 3, 2, "div", 0);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseViewerComponent, selectors: [["ccd-case-viewer"]], inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, standalone: false, decls: 1, vars: 1, consts: [["id", "content", "role", "main", 4, "ngIf"], ["id", "content", "role", "main"], [3, "accessType", "caseDetails", 4, "ngIf"], [3, "caseDetails", "hasPrint", "hasEventSelector", "prependedTabs", "appendedTabs", 4, "ngIf"], [3, "accessType", "caseDetails"], [3, "caseDetails", "hasPrint", "hasEventSelector", "prependedTabs", "appendedTabs"]], template: function CaseViewerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, CaseViewerComponent_main_0_Template, 3, 2, "main", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.isDataLoaded());
         } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseViewerComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-case-viewer', standalone: false, template: "<div *ngIf=\"isDataLoaded()\">\n  <ccd-case-basic-access-view *ngIf=\"!hasStandardAccess()\"\n                              [accessType]=\"userAccessType\"\n                              [caseDetails]=\"caseDetails\"\n                              id=\"content\">\n  </ccd-case-basic-access-view>\n  <ccd-case-full-access-view *ngIf=\"hasStandardAccess()\"\n                             [caseDetails]=\"caseDetails\"\n                             [hasPrint]=\"hasPrint\"\n                             [hasEventSelector]=\"hasEventSelector\"\n                             [prependedTabs]=\"prependedTabs\"\n                             [appendedTabs]=\"appendedTabs\"\n                             id=\"content\">\n  </ccd-case-full-access-view>\n</div>\n" }]
+        args: [{ selector: 'ccd-case-viewer', standalone: false, template: "<main *ngIf=\"isDataLoaded()\" id=\"content\" role=\"main\">\n  <ccd-case-basic-access-view *ngIf=\"!hasStandardAccess()\"\n                              [accessType]=\"userAccessType\"\n                              [caseDetails]=\"caseDetails\">\n  </ccd-case-basic-access-view>\n  <ccd-case-full-access-view *ngIf=\"hasStandardAccess()\"\n                             [caseDetails]=\"caseDetails\"\n                             [hasPrint]=\"hasPrint\"\n                             [hasEventSelector]=\"hasEventSelector\"\n                             [prependedTabs]=\"prependedTabs\"\n                             [appendedTabs]=\"appendedTabs\">\n  </ccd-case-full-access-view>\n</main>\n" }]
     }], () => [{ type: i1$1.ActivatedRoute }, { type: CaseNotifier }, { type: AbstractAppConfig }, { type: OrderService }], { hasPrint: [{
             type: Input
         }], hasEventSelector: [{
@@ -37538,7 +37558,7 @@ function ErrorMessageComponent_ng_container_0_a_8_Template(rf, ctx) { if (rf & 1
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("fragment", ctx_r0.error.fieldId);
+    i0.ɵɵproperty("href", "#" + ctx_r0.error.fieldId, i0.ɵɵsanitizeUrl);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, ctx_r0.error.description));
 } }
@@ -37574,15 +37594,15 @@ function ErrorMessageComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
 class ErrorMessageComponent {
     error;
     static ɵfac = function ErrorMessageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ErrorMessageComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ErrorMessageComponent, selectors: [["exui-error-message"]], inputs: { error: "error" }, standalone: false, decls: 1, vars: 1, consts: [[4, "ngIf"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], ["routerLink", ".", "tabindex", "0", 3, "fragment", 4, "ngIf"], ["routerLink", ".", "tabindex", "0", 3, "fragment"]], template: function ErrorMessageComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ErrorMessageComponent, selectors: [["exui-error-message"]], inputs: { error: "error" }, standalone: false, decls: 1, vars: 1, consts: [[4, "ngIf"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [3, "href", 4, "ngIf"], [3, "href"]], template: function ErrorMessageComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, ErrorMessageComponent_ng_container_0_Template, 10, 5, "ng-container", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.error);
-        } }, dependencies: [i5.NgIf, i1$1.RouterLink, i1.RpxTranslatePipe], encapsulation: 2 });
+        } }, dependencies: [i5.NgIf, i1.RpxTranslatePipe], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ErrorMessageComponent, [{
         type: Component,
-        args: [{ selector: 'exui-error-message', standalone: false, template: "<!-- Cloned from rpx-xui-webapp src/app/components/error-message/error-message.component.html -->\n<ng-container *ngIf=\"error\">\n  <div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\" data-module=\"govuk-error-summary\">\n    <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">{{error.title | rpxTranslate}}</h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          <a *ngIf=\"error.fieldId\" routerLink=\".\" tabindex=\"0\" [fragment]=\"error.fieldId\">{{error.description | rpxTranslate}}</a>\n          <span *ngIf=\"!error.fieldId\">{{error.description | rpxTranslate}}</span>\n        </li>\n      </ul>\n    </div>\n  </div>\n</ng-container>\n" }]
+        args: [{ selector: 'exui-error-message', standalone: false, template: "<!-- Cloned from rpx-xui-webapp src/app/components/error-message/error-message.component.html -->\n<ng-container *ngIf=\"error\">\n  <div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\" data-module=\"govuk-error-summary\">\n    <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">{{error.title | rpxTranslate}}</h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          <a *ngIf=\"error.fieldId\" [href]=\"'#' + error.fieldId\">{{error.description | rpxTranslate}}</a>\n          <span *ngIf=\"!error.fieldId\">{{error.description | rpxTranslate}}</span>\n        </li>\n      </ul>\n    </div>\n  </div>\n</ng-container>\n" }]
     }], null, { error: [{
             type: Input
         }] }); })();
@@ -38754,14 +38774,14 @@ var ChallengedAccessRequestErrors;
 const _c0$4 = a0 => ({ "form-group-error": a0 });
 const _c1$2 = a0 => ({ "govuk-input--error": a0 });
 const _c2 = a0 => ({ "govuk-textarea--error": a0 });
-function CaseChallengedAccessRequestComponent_exui_error_message_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "exui-error-message", 25);
+function CaseChallengedAccessRequestComponent_exui_error_message_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "exui-error-message", 26);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("error", ctx_r0.errorMessage);
 } }
-function CaseChallengedAccessRequestComponent_div_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 26);
+function CaseChallengedAccessRequestComponent_div_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 27);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -38770,8 +38790,8 @@ function CaseChallengedAccessRequestComponent_div_17_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, ctx_r0.errorMessage.description), " ");
 } }
-function CaseChallengedAccessRequestComponent_div_24_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 32);
+function CaseChallengedAccessRequestComponent_div_25_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 33);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -38780,12 +38800,12 @@ function CaseChallengedAccessRequestComponent_div_24_div_4_Template(rf, ctx) { i
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, ctx_r0.errorMessage.description), " ");
 } }
-function CaseChallengedAccessRequestComponent_div_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27)(1, "div", 28)(2, "label", 29);
+function CaseChallengedAccessRequestComponent_div_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28)(1, "div", 29)(2, "label", 30);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, CaseChallengedAccessRequestComponent_div_24_div_4_Template, 3, 3, "div", 30);
-    i0.ɵɵelement(5, "input", 31);
+    i0.ɵɵtemplate(4, CaseChallengedAccessRequestComponent_div_25_div_4_Template, 3, 3, "div", 31);
+    i0.ɵɵelement(5, "input", 32);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -38796,8 +38816,8 @@ function CaseChallengedAccessRequestComponent_div_24_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c1$2, ctx_r0.formGroup.get("caseReference").invalid && ctx_r0.submitted));
 } }
-function CaseChallengedAccessRequestComponent_div_40_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 36);
+function CaseChallengedAccessRequestComponent_div_41_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 37);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -38806,10 +38826,10 @@ function CaseChallengedAccessRequestComponent_div_40_div_2_Template(rf, ctx) { i
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, ctx_r0.errorMessage.description), " ");
 } }
-function CaseChallengedAccessRequestComponent_div_40_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 33)(1, "div", 28);
-    i0.ɵɵtemplate(2, CaseChallengedAccessRequestComponent_div_40_div_2_Template, 3, 3, "div", 34);
-    i0.ɵɵelement(3, "textarea", 35);
+function CaseChallengedAccessRequestComponent_div_41_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 34)(1, "div", 29);
+    i0.ɵɵtemplate(2, CaseChallengedAccessRequestComponent_div_41_div_2_Template, 3, 3, "div", 35);
+    i0.ɵɵelement(3, "textarea", 36);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -38834,6 +38854,7 @@ class CaseChallengedAccessRequestComponent {
     errorMessage;
     $roleAssignmentResponseSubscription;
     genericError = 'There is a problem';
+    errorPrefix = 'Error: ';
     radioSelectedControlName = 'radioSelected';
     caseReferenceControlName = 'caseReference';
     otherReasonControlName = 'otherReason';
@@ -38875,6 +38896,7 @@ class CaseChallengedAccessRequestComponent {
                 }],
             updateOn: 'submit'
         }));
+        this.updateDocumentTitle();
     }
     onChange() {
         this.submitted = false;
@@ -38883,6 +38905,7 @@ class CaseChallengedAccessRequestComponent {
         // to the DOM by *ngIf, it will appear empty but the associated FormControl still has the previous value.)
         this.formGroup.get(this.caseReferenceControlName).setValue('');
         this.formGroup.get(this.otherReasonControlName).setValue('');
+        this.updateDocumentTitle();
     }
     onSubmit() {
         this.submitted = true;
@@ -38890,7 +38913,7 @@ class CaseChallengedAccessRequestComponent {
             this.errorMessage = {
                 title: this.genericError,
                 description: ChallengedAccessRequestErrors.NO_SELECTION,
-                fieldId: 'error-message'
+                fieldId: 'reason-0'
             };
         }
         else {
@@ -38909,6 +38932,7 @@ class CaseChallengedAccessRequestComponent {
                 };
             }
         }
+        this.updateDocumentTitle();
         // Initiate Challenged Access Request
         if (this.formGroup.valid) {
             // Get the Case Reference (for which access is being requested) from the ActivatedRouteSnapshot data
@@ -38944,112 +38968,122 @@ class CaseChallengedAccessRequestComponent {
     inputEmpty(input) {
         return input.value === null || input.value.trim().length === 0;
     }
+    updateDocumentTitle() {
+        if (!this.title) {
+            return;
+        }
+        document.title = this.formGroup?.invalid && this.submitted
+            ? `${this.errorPrefix}${this.title}`
+            : this.title;
+    }
     static ɵfac = function CaseChallengedAccessRequestComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseChallengedAccessRequestComponent)(i0.ɵɵdirectiveInject(i4.FormBuilder), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(CasesService), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseNotifier)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseChallengedAccessRequestComponent, selectors: [["ccd-case-challenged-access-request"]], standalone: false, decls: 50, vars: 46, consts: [[3, "error", 4, "ngIf"], ["type", "information"], [3, "submit", "formGroup"], [1, "govuk-form-group", 3, "ngClass"], ["aria-describedby", "reason-hint", 1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], [1, "govuk-fieldset__heading"], ["id", "reason-hint", 1, "govuk-hint"], ["id", "error-message", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-radios", 1, "govuk-radios", "govuk-radios--conditional"], [1, "govuk-radios__item"], ["id", "reason-0", "name", "radioSelected", "type", "radio", "data-aria-controls", "conditional-reason-0", "formControlName", "radioSelected", 1, "govuk-radios__input", 3, "change", "value", "checked"], ["for", "reason-0", 1, "govuk-label", "govuk-radios__label"], ["id", "conditional-reason-0", "class", "govuk-radios__conditional", 4, "ngIf"], ["id", "reason-1", "name", "radioSelected", "type", "radio", "formControlName", "radioSelected", 1, "govuk-radios__input", 3, "change", "value", "checked"], ["for", "reason-1", 1, "govuk-label", "govuk-radios__label"], ["id", "reason-2", "name", "radioSelected", "type", "radio", "formControlName", "radioSelected", 1, "govuk-radios__input", 3, "change", "value", "checked"], ["for", "reason-2", 1, "govuk-label", "govuk-radios__label"], ["id", "reason-3", "name", "radioSelected", "type", "radio", "data-aria-controls", "conditional-reason-3", "formControlName", "radioSelected", 1, "govuk-radios__input", 3, "change", "value", "checked"], ["for", "reason-3", "id", "reason-3-label", 1, "govuk-label", "govuk-radios__label"], ["id", "conditional-reason-3", "class", "govuk-radios__conditional", 4, "ngIf"], [1, "govuk-button-group"], ["type", "submit", 1, "govuk-button", "govuk-!-margin-right-3"], [1, "govuk-grid-column-full", "govuk-!-padding-left-0"], ["href", "#", 1, "govuk-body", 3, "click"], [3, "error"], ["id", "error-message", 1, "govuk-error-message"], ["id", "conditional-reason-0", 1, "govuk-radios__conditional"], [1, "govuk-form-group"], ["for", "case-reference", 1, "govuk-label"], ["id", "case-reference-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "case-reference", "name", "case-reference", "type", "text", "formControlName", "caseReference", 1, "govuk-input", "govuk-!-width-one-third", 3, "ngClass"], ["id", "case-reference-error-message", 1, "govuk-error-message"], ["id", "conditional-reason-3", 1, "govuk-radios__conditional"], ["id", "other-reason-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "other-reason", "name", "other-reason", "rows", "5", "aria-describedby", "reason-3-label", "formControlName", "otherReason", 1, "govuk-textarea", 3, "ngClass"], ["id", "other-reason-error-message", 1, "govuk-error-message"]], template: function CaseChallengedAccessRequestComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, CaseChallengedAccessRequestComponent_exui_error_message_0_Template, 1, 1, "exui-error-message", 0);
-            i0.ɵɵelementStart(1, "cut-alert", 1);
-            i0.ɵɵtext(2);
-            i0.ɵɵpipe(3, "rpxTranslate");
-            i0.ɵɵelement(4, "br");
-            i0.ɵɵtext(5);
-            i0.ɵɵpipe(6, "rpxTranslate");
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseChallengedAccessRequestComponent, selectors: [["ccd-case-challenged-access-request"]], standalone: false, decls: 51, vars: 46, consts: [["id", "content", "role", "main", 1, "govuk-main-wrapper"], [3, "error", 4, "ngIf"], ["type", "information"], [3, "submit", "formGroup"], [1, "govuk-form-group", 3, "ngClass"], ["aria-describedby", "reason-hint", 1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], [1, "govuk-fieldset__heading"], ["id", "reason-hint", 1, "govuk-hint"], ["id", "error-message", "class", "govuk-error-message", 4, "ngIf"], ["data-module", "govuk-radios", 1, "govuk-radios", "govuk-radios--conditional"], [1, "govuk-radios__item"], ["id", "reason-0", "name", "radioSelected", "type", "radio", "data-aria-controls", "conditional-reason-0", "formControlName", "radioSelected", 1, "govuk-radios__input", 3, "change", "value", "checked"], ["for", "reason-0", 1, "govuk-label", "govuk-radios__label"], ["id", "conditional-reason-0", "class", "govuk-radios__conditional", 4, "ngIf"], ["id", "reason-1", "name", "radioSelected", "type", "radio", "formControlName", "radioSelected", 1, "govuk-radios__input", 3, "change", "value", "checked"], ["for", "reason-1", 1, "govuk-label", "govuk-radios__label"], ["id", "reason-2", "name", "radioSelected", "type", "radio", "formControlName", "radioSelected", 1, "govuk-radios__input", 3, "change", "value", "checked"], ["for", "reason-2", 1, "govuk-label", "govuk-radios__label"], ["id", "reason-3", "name", "radioSelected", "type", "radio", "data-aria-controls", "conditional-reason-3", "formControlName", "radioSelected", 1, "govuk-radios__input", 3, "change", "value", "checked"], ["for", "reason-3", "id", "reason-3-label", 1, "govuk-label", "govuk-radios__label"], ["id", "conditional-reason-3", "class", "govuk-radios__conditional", 4, "ngIf"], [1, "govuk-button-group"], ["type", "submit", 1, "govuk-button", "govuk-!-margin-right-3"], [1, "govuk-grid-column-full", "govuk-!-padding-left-0"], ["href", "#", 1, "govuk-body", 3, "click"], [3, "error"], ["id", "error-message", 1, "govuk-error-message"], ["id", "conditional-reason-0", 1, "govuk-radios__conditional"], [1, "govuk-form-group"], ["for", "case-reference", 1, "govuk-label"], ["id", "case-reference-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "case-reference", "name", "case-reference", "type", "text", "formControlName", "caseReference", 1, "govuk-input", "govuk-!-width-one-third", 3, "ngClass"], ["id", "case-reference-error-message", 1, "govuk-error-message"], ["id", "conditional-reason-3", 1, "govuk-radios__conditional"], ["id", "other-reason-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "other-reason", "name", "other-reason", "rows", "5", "aria-describedby", "reason-3-label", "formControlName", "otherReason", 1, "govuk-textarea", 3, "ngClass"], ["id", "other-reason-error-message", 1, "govuk-error-message"]], template: function CaseChallengedAccessRequestComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "main", 0);
+            i0.ɵɵtemplate(1, CaseChallengedAccessRequestComponent_exui_error_message_1_Template, 1, 1, "exui-error-message", 1);
+            i0.ɵɵelementStart(2, "cut-alert", 2);
+            i0.ɵɵtext(3);
+            i0.ɵɵpipe(4, "rpxTranslate");
+            i0.ɵɵelement(5, "br");
+            i0.ɵɵtext(6);
+            i0.ɵɵpipe(7, "rpxTranslate");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "form", 2);
-            i0.ɵɵlistener("submit", function CaseChallengedAccessRequestComponent_Template_form_submit_7_listener() { return ctx.onSubmit(); });
-            i0.ɵɵelementStart(8, "div", 3)(9, "fieldset", 4)(10, "legend", 5)(11, "h1", 6);
-            i0.ɵɵtext(12);
-            i0.ɵɵpipe(13, "rpxTranslate");
+            i0.ɵɵelementStart(8, "form", 3);
+            i0.ɵɵlistener("submit", function CaseChallengedAccessRequestComponent_Template_form_submit_8_listener() { return ctx.onSubmit(); });
+            i0.ɵɵelementStart(9, "div", 4)(10, "fieldset", 5)(11, "legend", 6)(12, "h1", 7);
+            i0.ɵɵtext(13);
+            i0.ɵɵpipe(14, "rpxTranslate");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(14, "div", 7);
-            i0.ɵɵtext(15);
-            i0.ɵɵpipe(16, "rpxTranslate");
+            i0.ɵɵelementStart(15, "div", 8);
+            i0.ɵɵtext(16);
+            i0.ɵɵpipe(17, "rpxTranslate");
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(17, CaseChallengedAccessRequestComponent_div_17_Template, 3, 3, "div", 8);
-            i0.ɵɵelementStart(18, "div", 9)(19, "div", 10)(20, "input", 11);
-            i0.ɵɵlistener("change", function CaseChallengedAccessRequestComponent_Template_input_change_20_listener() { return ctx.onChange(); });
+            i0.ɵɵtemplate(18, CaseChallengedAccessRequestComponent_div_18_Template, 3, 3, "div", 9);
+            i0.ɵɵelementStart(19, "div", 10)(20, "div", 11)(21, "input", 12);
+            i0.ɵɵlistener("change", function CaseChallengedAccessRequestComponent_Template_input_change_21_listener() { return ctx.onChange(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(21, "label", 12);
-            i0.ɵɵtext(22);
-            i0.ɵɵpipe(23, "rpxTranslate");
+            i0.ɵɵelementStart(22, "label", 13);
+            i0.ɵɵtext(23);
+            i0.ɵɵpipe(24, "rpxTranslate");
             i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(24, CaseChallengedAccessRequestComponent_div_24_Template, 6, 5, "div", 13);
-            i0.ɵɵelementStart(25, "div", 10)(26, "input", 14);
-            i0.ɵɵlistener("change", function CaseChallengedAccessRequestComponent_Template_input_change_26_listener() { return ctx.onChange(); });
+            i0.ɵɵtemplate(25, CaseChallengedAccessRequestComponent_div_25_Template, 6, 5, "div", 14);
+            i0.ɵɵelementStart(26, "div", 11)(27, "input", 15);
+            i0.ɵɵlistener("change", function CaseChallengedAccessRequestComponent_Template_input_change_27_listener() { return ctx.onChange(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(27, "label", 15);
-            i0.ɵɵtext(28);
-            i0.ɵɵpipe(29, "rpxTranslate");
+            i0.ɵɵelementStart(28, "label", 16);
+            i0.ɵɵtext(29);
+            i0.ɵɵpipe(30, "rpxTranslate");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(30, "div", 10)(31, "input", 16);
-            i0.ɵɵlistener("change", function CaseChallengedAccessRequestComponent_Template_input_change_31_listener() { return ctx.onChange(); });
+            i0.ɵɵelementStart(31, "div", 11)(32, "input", 17);
+            i0.ɵɵlistener("change", function CaseChallengedAccessRequestComponent_Template_input_change_32_listener() { return ctx.onChange(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(32, "label", 17);
-            i0.ɵɵtext(33);
-            i0.ɵɵpipe(34, "rpxTranslate");
+            i0.ɵɵelementStart(33, "label", 18);
+            i0.ɵɵtext(34);
+            i0.ɵɵpipe(35, "rpxTranslate");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(35, "div", 10)(36, "input", 18);
-            i0.ɵɵlistener("change", function CaseChallengedAccessRequestComponent_Template_input_change_36_listener() { return ctx.onChange(); });
+            i0.ɵɵelementStart(36, "div", 11)(37, "input", 19);
+            i0.ɵɵlistener("change", function CaseChallengedAccessRequestComponent_Template_input_change_37_listener() { return ctx.onChange(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(37, "label", 19);
-            i0.ɵɵtext(38);
-            i0.ɵɵpipe(39, "rpxTranslate");
+            i0.ɵɵelementStart(38, "label", 20);
+            i0.ɵɵtext(39);
+            i0.ɵɵpipe(40, "rpxTranslate");
             i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(40, CaseChallengedAccessRequestComponent_div_40_Template, 4, 4, "div", 20);
+            i0.ɵɵtemplate(41, CaseChallengedAccessRequestComponent_div_41_Template, 4, 4, "div", 21);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(41, "div", 21)(42, "button", 22);
-            i0.ɵɵtext(43);
-            i0.ɵɵpipe(44, "rpxTranslate");
+            i0.ɵɵelementStart(42, "div", 22)(43, "button", 23);
+            i0.ɵɵtext(44);
+            i0.ɵɵpipe(45, "rpxTranslate");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(45, "div", 23)(46, "p")(47, "a", 24);
-            i0.ɵɵlistener("click", function CaseChallengedAccessRequestComponent_Template_a_click_47_listener($event) { ctx.onCancel(); return $event.preventDefault(); });
-            i0.ɵɵtext(48);
-            i0.ɵɵpipe(49, "rpxTranslate");
-            i0.ɵɵelementEnd()()()()();
+            i0.ɵɵelementStart(46, "div", 24)(47, "p")(48, "a", 25);
+            i0.ɵɵlistener("click", function CaseChallengedAccessRequestComponent_Template_a_click_48_listener($event) { ctx.onCancel(); return $event.preventDefault(); });
+            i0.ɵɵtext(49);
+            i0.ɵɵpipe(50, "rpxTranslate");
+            i0.ɵɵelementEnd()()()()()();
         } if (rf & 2) {
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.formGroup.invalid && ctx.submitted);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 24, "This case requires challenged access."));
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 24, "This case requires challenged access."));
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 26, "This is because the case is outside your work area. If you request access to the case, it will be logged for auditing purposes."), "\n");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 26, "This is because the case is outside your work area. If you request access to the case, it will be logged for auditing purposes."), "\n");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("formGroup", ctx.formGroup);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(44, _c0$4, ctx.formGroup.invalid && ctx.submitted));
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 28, ctx.title), " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(14, 28, ctx.title), " ");
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(16, 30, ctx.hint), " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17, 30, ctx.hint), " ");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.formGroup.get("radioSelected").invalid && ctx.submitted);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("value", ctx.accessReasons[0].reason)("checked", ctx.accessReasons[0].checked);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23, 32, ctx.accessReasons[0].reason), " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(24, 32, ctx.accessReasons[0].reason), " ");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.formGroup.get("radioSelected").value === ctx.accessReasons[0].reason);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("value", ctx.accessReasons[1].reason)("checked", ctx.accessReasons[1].checked);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29, 34, ctx.accessReasons[1].reason), " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(30, 34, ctx.accessReasons[1].reason), " ");
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("value", ctx.accessReasons[2].reason)("checked", ctx.accessReasons[2].checked);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(34, 36, ctx.accessReasons[2].reason), " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(35, 36, ctx.accessReasons[2].reason), " ");
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("value", ctx.accessReasons[3].reason)("checked", ctx.accessReasons[3].checked);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(39, 38, ctx.accessReasons[3].reason), " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(40, 38, ctx.accessReasons[3].reason), " ");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.formGroup.get("radioSelected").value === ctx.accessReasons[3].reason);
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(44, 40, "Submit"), " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(45, 40, "Submit"), " ");
             i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(49, 42, "Cancel"), " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(50, 42, "Cancel"), " ");
         } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseChallengedAccessRequestComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-case-challenged-access-request', standalone: false, template: "<exui-error-message *ngIf=\"formGroup.invalid && submitted\" [error]=\"errorMessage\"></exui-error-message>\n<cut-alert type=\"information\">\n  {{'This case requires challenged access.' | rpxTranslate}}<br/>\n  {{'This is because the case is outside your work area. If you request access to the case, it will be logged for auditing purposes.' | rpxTranslate}}\n</cut-alert>\n<form [formGroup]=\"formGroup\" (submit)=\"onSubmit()\">\n  <div class=\"govuk-form-group\" [ngClass]=\"{'form-group-error': formGroup.invalid && submitted}\">\n    <fieldset class=\"govuk-fieldset\" aria-describedby=\"reason-hint\">\n      <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n        <h1 class=\"govuk-fieldset__heading\">\n          {{title | rpxTranslate}}\n        </h1>\n      </legend>\n      <div id=\"reason-hint\" class=\"govuk-hint\">\n        {{hint | rpxTranslate}}\n      </div>\n      <div id=\"error-message\" class=\"govuk-error-message\" *ngIf=\"formGroup.get('radioSelected').invalid && submitted\">\n        {{errorMessage.description | rpxTranslate}}\n      </div>\n      <div class=\"govuk-radios govuk-radios--conditional\" data-module=\"govuk-radios\">\n        <div class=\"govuk-radios__item\">\n          <input class=\"govuk-radios__input\" id=\"reason-0\" name=\"radioSelected\" type=\"radio\" [value]=\"accessReasons[0].reason\"\n          data-aria-controls=\"conditional-reason-0\" formControlName=\"radioSelected\" [checked]=\"accessReasons[0].checked\"\n          (change)=\"onChange()\"/>\n          <label class=\"govuk-label govuk-radios__label\" for=\"reason-0\">\n            {{accessReasons[0].reason | rpxTranslate}}\n          </label>\n        </div>\n        <div id=\"conditional-reason-0\" *ngIf=\"formGroup.get('radioSelected').value === accessReasons[0].reason\"\n        class=\"govuk-radios__conditional\">\n          <div class=\"govuk-form-group\">\n            <label class=\"govuk-label\" for=\"case-reference\">\n              {{caseRefLabel}}\n            </label>\n            <div id=\"case-reference-error-message\" class=\"govuk-error-message\" *ngIf=\"formGroup.get('caseReference').invalid && submitted\">\n              {{errorMessage.description | rpxTranslate}}\n            </div>\n            <input class=\"govuk-input govuk-!-width-one-third\"\n            [ngClass]=\"{'govuk-input--error': formGroup.get('caseReference').invalid && submitted}\" id=\"case-reference\"\n            name=\"case-reference\" type=\"text\" formControlName=\"caseReference\">\n          </div>\n        </div>\n        <div class=\"govuk-radios__item\">\n          <input class=\"govuk-radios__input\" id=\"reason-1\" name=\"radioSelected\" type=\"radio\" [value]=\"accessReasons[1].reason\"\n          formControlName=\"radioSelected\" [checked]=\"accessReasons[1].checked\" (change)=\"onChange()\"/>\n          <label class=\"govuk-label govuk-radios__label\" for=\"reason-1\">\n            {{accessReasons[1].reason | rpxTranslate}}\n          </label>\n        </div>\n        <div class=\"govuk-radios__item\">\n          <input class=\"govuk-radios__input\" id=\"reason-2\" name=\"radioSelected\" type=\"radio\" [value]=\"accessReasons[2].reason\"\n          formControlName=\"radioSelected\" [checked]=\"accessReasons[2].checked\" (change)=\"onChange()\"/>\n          <label class=\"govuk-label govuk-radios__label\" for=\"reason-2\">\n            {{accessReasons[2].reason | rpxTranslate}}\n          </label>\n        </div>\n        <div class=\"govuk-radios__item\">\n          <input class=\"govuk-radios__input\" id=\"reason-3\" name=\"radioSelected\" type=\"radio\" [value]=\"accessReasons[3].reason\"\n          data-aria-controls=\"conditional-reason-3\" formControlName=\"radioSelected\" [checked]=\"accessReasons[3].checked\"\n          (change)=\"onChange()\"/>\n          <label class=\"govuk-label govuk-radios__label\" for=\"reason-3\" id=\"reason-3-label\">\n            {{accessReasons[3].reason | rpxTranslate}}\n          </label>\n        </div>\n        <div id=\"conditional-reason-3\" *ngIf=\"formGroup.get('radioSelected').value === accessReasons[3].reason\"\n        class=\"govuk-radios__conditional\">\n          <div class=\"govuk-form-group\">\n            <div id=\"other-reason-error-message\" class=\"govuk-error-message\" *ngIf=\"formGroup.get('otherReason').invalid && submitted\">\n              {{errorMessage.description | rpxTranslate}}\n            </div>\n            <textarea class=\"govuk-textarea\" [ngClass]=\"{'govuk-textarea--error': formGroup.get('otherReason').invalid && submitted}\"\n            id=\"other-reason\" name=\"other-reason\" rows=\"5\" aria-describedby=\"reason-3-label\" formControlName=\"otherReason\"></textarea>\n          </div>\n        </div>\n      </div>\n    </fieldset>\n  </div>\n  <div class=\"govuk-button-group\">\n    <button class=\"govuk-button govuk-!-margin-right-3\" type=\"submit\">\n      {{'Submit' | rpxTranslate}}\n    </button>\n    <div class=\"govuk-grid-column-full govuk-!-padding-left-0\">\n      <p>\n        <a class='govuk-body' (click)=\"onCancel(); $event.preventDefault()\" href=\"#\">\n          {{'Cancel' | rpxTranslate}}\n        </a>\n      </p>\n    </div>\n  </div>\n</form>\n" }]
+        args: [{ selector: 'ccd-case-challenged-access-request', standalone: false, template: "<main id=\"content\" role=\"main\" class=\"govuk-main-wrapper\">\n<exui-error-message *ngIf=\"formGroup.invalid && submitted\" [error]=\"errorMessage\"></exui-error-message>\n<cut-alert type=\"information\">\n  {{'This case requires challenged access.' | rpxTranslate}}<br/>\n  {{'This is because the case is outside your work area. If you request access to the case, it will be logged for auditing purposes.' | rpxTranslate}}\n</cut-alert>\n<form [formGroup]=\"formGroup\" (submit)=\"onSubmit()\">\n  <div class=\"govuk-form-group\" [ngClass]=\"{'form-group-error': formGroup.invalid && submitted}\">\n    <fieldset class=\"govuk-fieldset\" aria-describedby=\"reason-hint\">\n      <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n        <h1 class=\"govuk-fieldset__heading\">\n          {{title | rpxTranslate}}\n        </h1>\n      </legend>\n      <div id=\"reason-hint\" class=\"govuk-hint\">\n        {{hint | rpxTranslate}}\n      </div>\n      <div id=\"error-message\" class=\"govuk-error-message\" *ngIf=\"formGroup.get('radioSelected').invalid && submitted\">\n        {{errorMessage.description | rpxTranslate}}\n      </div>\n      <div class=\"govuk-radios govuk-radios--conditional\" data-module=\"govuk-radios\">\n        <div class=\"govuk-radios__item\">\n          <input class=\"govuk-radios__input\" id=\"reason-0\" name=\"radioSelected\" type=\"radio\" [value]=\"accessReasons[0].reason\"\n          data-aria-controls=\"conditional-reason-0\" formControlName=\"radioSelected\" [checked]=\"accessReasons[0].checked\"\n          (change)=\"onChange()\"/>\n          <label class=\"govuk-label govuk-radios__label\" for=\"reason-0\">\n            {{accessReasons[0].reason | rpxTranslate}}\n          </label>\n        </div>\n        <div id=\"conditional-reason-0\" *ngIf=\"formGroup.get('radioSelected').value === accessReasons[0].reason\"\n        class=\"govuk-radios__conditional\">\n          <div class=\"govuk-form-group\">\n            <label class=\"govuk-label\" for=\"case-reference\">\n              {{caseRefLabel}}\n            </label>\n            <div id=\"case-reference-error-message\" class=\"govuk-error-message\" *ngIf=\"formGroup.get('caseReference').invalid && submitted\">\n              {{errorMessage.description | rpxTranslate}}\n            </div>\n            <input class=\"govuk-input govuk-!-width-one-third\"\n            [ngClass]=\"{'govuk-input--error': formGroup.get('caseReference').invalid && submitted}\" id=\"case-reference\"\n            name=\"case-reference\" type=\"text\" formControlName=\"caseReference\">\n          </div>\n        </div>\n        <div class=\"govuk-radios__item\">\n          <input class=\"govuk-radios__input\" id=\"reason-1\" name=\"radioSelected\" type=\"radio\" [value]=\"accessReasons[1].reason\"\n          formControlName=\"radioSelected\" [checked]=\"accessReasons[1].checked\" (change)=\"onChange()\"/>\n          <label class=\"govuk-label govuk-radios__label\" for=\"reason-1\">\n            {{accessReasons[1].reason | rpxTranslate}}\n          </label>\n        </div>\n        <div class=\"govuk-radios__item\">\n          <input class=\"govuk-radios__input\" id=\"reason-2\" name=\"radioSelected\" type=\"radio\" [value]=\"accessReasons[2].reason\"\n          formControlName=\"radioSelected\" [checked]=\"accessReasons[2].checked\" (change)=\"onChange()\"/>\n          <label class=\"govuk-label govuk-radios__label\" for=\"reason-2\">\n            {{accessReasons[2].reason | rpxTranslate}}\n          </label>\n        </div>\n        <div class=\"govuk-radios__item\">\n          <input class=\"govuk-radios__input\" id=\"reason-3\" name=\"radioSelected\" type=\"radio\" [value]=\"accessReasons[3].reason\"\n          data-aria-controls=\"conditional-reason-3\" formControlName=\"radioSelected\" [checked]=\"accessReasons[3].checked\"\n          (change)=\"onChange()\"/>\n          <label class=\"govuk-label govuk-radios__label\" for=\"reason-3\" id=\"reason-3-label\">\n            {{accessReasons[3].reason | rpxTranslate}}\n          </label>\n        </div>\n        <div id=\"conditional-reason-3\" *ngIf=\"formGroup.get('radioSelected').value === accessReasons[3].reason\"\n        class=\"govuk-radios__conditional\">\n          <div class=\"govuk-form-group\">\n            <div id=\"other-reason-error-message\" class=\"govuk-error-message\" *ngIf=\"formGroup.get('otherReason').invalid && submitted\">\n              {{errorMessage.description | rpxTranslate}}\n            </div>\n            <textarea class=\"govuk-textarea\" [ngClass]=\"{'govuk-textarea--error': formGroup.get('otherReason').invalid && submitted}\"\n            id=\"other-reason\" name=\"other-reason\" rows=\"5\" aria-describedby=\"reason-3-label\" formControlName=\"otherReason\"></textarea>\n          </div>\n        </div>\n      </div>\n    </fieldset>\n  </div>\n  <div class=\"govuk-button-group\">\n    <button class=\"govuk-button govuk-!-margin-right-3\" type=\"submit\">\n      {{'Submit' | rpxTranslate}}\n    </button>\n    <div class=\"govuk-grid-column-full govuk-!-padding-left-0\">\n      <p>\n        <a class='govuk-body' (click)=\"onCancel(); $event.preventDefault()\" href=\"#\">\n          {{'Cancel' | rpxTranslate}}\n        </a>\n      </p>\n    </div>\n  </div>\n</form>\n</main>\n" }]
     }], () => [{ type: i4.FormBuilder }, { type: i1$1.Router }, { type: CasesService }, { type: i1$1.ActivatedRoute }, { type: CaseNotifier }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseChallengedAccessRequestComponent, { className: "CaseChallengedAccessRequestComponent", filePath: "lib/shared/components/case-viewer/case-challenged-access-request/case-challenged-access-request.component.ts", lineNumber: 15 }); })();
 
@@ -39466,14 +39500,14 @@ var SpecificAccessRequestErrors;
 
 const _c0$1 = a0 => ({ "form-group-error": a0 });
 const _c1$1 = a0 => ({ "govuk-textarea--error": a0 });
-function CaseSpecificAccessRequestComponent_exui_error_message_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "exui-error-message", 22);
+function CaseSpecificAccessRequestComponent_exui_error_message_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "exui-error-message", 24);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("error", ctx_r0.errorMessage);
 } }
-function CaseSpecificAccessRequestComponent_div_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 23);
+function CaseSpecificAccessRequestComponent_div_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 25);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -39498,6 +39532,7 @@ class CaseSpecificAccessRequestComponent {
     errorMessage;
     $roleAssignmentResponseSubscription;
     genericError = 'There is a problem';
+    errorPrefix = 'Error: ';
     specificReasonControlName = 'specificReason';
     getSpecificAccessError = false;
     constructor(fb, router, casesService, route, caseNotifier) {
@@ -39525,6 +39560,7 @@ class CaseSpecificAccessRequestComponent {
             ],
             updateOn: 'submit',
         }));
+        this.updateDocumentTitle();
     }
     onChange() {
         this.submitted = false;
@@ -39532,6 +39568,7 @@ class CaseSpecificAccessRequestComponent {
         // the field's FormControl when the field itself is removed from the DOM by *ngIf. (If it is subsequently added back
         // to the DOM by *ngIf, it will appear empty but the associated FormControl still has the previous value.)
         this.formGroup.get(this.specificReasonControlName).setValue('');
+        this.updateDocumentTitle();
     }
     onSubmit() {
         this.submitted = true;
@@ -39541,6 +39578,7 @@ class CaseSpecificAccessRequestComponent {
                 description: SpecificAccessRequestErrors.NO_REASON,
                 fieldId: 'specific-reason',
             };
+            this.updateDocumentTitle();
         }
         // Initiate Specific Access Request
         if (this.formGroup.valid) {
@@ -39555,6 +39593,7 @@ class CaseSpecificAccessRequestComponent {
                 // Would have been nice to pass the caseId within state.data, but this isn't part of NavigationExtras until
                 // Angular 7.2
                 this.getSpecificAccessError = false;
+                this.updateDocumentTitle();
                 this.router.navigate(['success'], { relativeTo: this.route });
             }, () => {
                 // Show the generic error message
@@ -39563,6 +39602,7 @@ class CaseSpecificAccessRequestComponent {
                     title: this.genericError,
                     description: 'Sorry, there is a problem with the service; Try again later.'
                 };
+                this.updateDocumentTitle();
             });
         }
     }
@@ -39578,97 +39618,115 @@ class CaseSpecificAccessRequestComponent {
     inputEmpty(input) {
         return input.value === null || input.value.trim().length === 0;
     }
+    updateDocumentTitle() {
+        if (!this.title) {
+            return;
+        }
+        const hasErrorState = (this.formGroup?.invalid && this.submitted) || this.getSpecificAccessError;
+        document.title = hasErrorState ? `${this.errorPrefix}${this.title}` : this.title;
+    }
     static ɵfac = function CaseSpecificAccessRequestComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseSpecificAccessRequestComponent)(i0.ɵɵdirectiveInject(i4.FormBuilder), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(CasesService), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(CaseNotifier)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseSpecificAccessRequestComponent, selectors: [["ccd-case-specific-access-request"]], standalone: false, decls: 50, vars: 42, consts: [[3, "error", 4, "ngIf"], ["type", "information"], [3, "submit", "formGroup"], [1, "govuk-form-group", 3, "ngClass"], ["aria-describedby", "reason-hint", 1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], [1, "govuk-fieldset__heading"], ["data-module", "govuk-details", "role", "group", 1, "govuk-details"], ["aria-expanded", "false", 1, "govuk-details__summary"], [1, "govuk-details__summary-text"], ["aria-hidden", "true", 1, "govuk-details__text"], [1, "govuk-body"], [1, "govuk-list", "govuk-list--bullet"], ["id", "reason-hint", 1, "govuk-hint"], ["id", "conditional-reason-3"], [1, "govuk-form-group"], ["id", "specific-reason-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "specific-reason", "name", "specific-reason", "rows", "8", "formControlName", "specificReason", 1, "govuk-textarea", 3, "ngClass"], [1, "govuk-button-group"], ["type", "submit", 1, "govuk-button", "govuk-!-margin-right-3"], [1, "govuk-grid-column-full", "govuk-!-padding-left-0"], ["href", "#", 1, "govuk-body", 3, "click"], [3, "error"], ["id", "specific-reason-error-message", 1, "govuk-error-message"]], template: function CaseSpecificAccessRequestComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, CaseSpecificAccessRequestComponent_exui_error_message_0_Template, 1, 1, "exui-error-message", 0);
-            i0.ɵɵelementStart(1, "cut-alert", 1);
-            i0.ɵɵtext(2);
-            i0.ɵɵpipe(3, "rpxTranslate");
-            i0.ɵɵelement(4, "br");
-            i0.ɵɵtext(5);
-            i0.ɵɵpipe(6, "rpxTranslate");
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseSpecificAccessRequestComponent, selectors: [["ccd-case-specific-access-request"]], standalone: false, decls: 54, vars: 46, consts: [["id", "content", "role", "main", 1, "govuk-main-wrapper"], [3, "error", 4, "ngIf"], ["type", "information"], [3, "submit", "formGroup"], [1, "govuk-form-group", 3, "ngClass"], ["aria-describedby", "reason-hint", 1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], [1, "govuk-fieldset__heading"], ["data-module", "govuk-details", "role", "group", 1, "govuk-details"], ["aria-expanded", "false", 1, "govuk-details__summary"], [1, "govuk-details__summary-text"], ["aria-hidden", "true", 1, "govuk-details__text"], [1, "govuk-body"], [1, "govuk-list", "govuk-list--bullet"], ["id", "reason-hint", 1, "govuk-hint"], ["id", "conditional-reason-3"], [1, "govuk-form-group"], ["for", "specific-reason", 1, "govuk-label"], ["id", "specific-reason-error-message", "class", "govuk-error-message", 4, "ngIf"], ["id", "specific-reason", "name", "specific-reason", "rows", "8", "formControlName", "specificReason", 1, "govuk-textarea", 3, "ngClass"], [1, "govuk-button-group"], ["type", "submit", 1, "govuk-button", "govuk-!-margin-right-3"], [1, "govuk-grid-column-full", "govuk-!-padding-left-0"], ["href", "#", 1, "govuk-body", 3, "click"], [3, "error"], ["id", "specific-reason-error-message", 1, "govuk-error-message"]], template: function CaseSpecificAccessRequestComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "main", 0);
+            i0.ɵɵtemplate(1, CaseSpecificAccessRequestComponent_exui_error_message_1_Template, 1, 1, "exui-error-message", 1);
+            i0.ɵɵelementStart(2, "cut-alert", 2);
+            i0.ɵɵtext(3);
+            i0.ɵɵpipe(4, "rpxTranslate");
+            i0.ɵɵelement(5, "br");
+            i0.ɵɵtext(6);
+            i0.ɵɵpipe(7, "rpxTranslate");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "form", 2);
-            i0.ɵɵlistener("submit", function CaseSpecificAccessRequestComponent_Template_form_submit_7_listener() { return ctx.onSubmit(); });
-            i0.ɵɵelementStart(8, "div", 3)(9, "fieldset", 4)(10, "legend", 5)(11, "h1", 6);
-            i0.ɵɵtext(12);
-            i0.ɵɵpipe(13, "rpxTranslate");
+            i0.ɵɵelementStart(8, "form", 3);
+            i0.ɵɵlistener("submit", function CaseSpecificAccessRequestComponent_Template_form_submit_8_listener() { return ctx.onSubmit(); });
+            i0.ɵɵelementStart(9, "div", 4)(10, "fieldset", 5)(11, "legend", 6)(12, "h1", 7);
+            i0.ɵɵtext(13);
+            i0.ɵɵpipe(14, "rpxTranslate");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(14, "details", 7)(15, "summary", 8)(16, "span", 9);
-            i0.ɵɵtext(17);
-            i0.ɵɵpipe(18, "rpxTranslate");
+            i0.ɵɵelementStart(15, "details", 8)(16, "summary", 9)(17, "span", 10);
+            i0.ɵɵtext(18);
+            i0.ɵɵpipe(19, "rpxTranslate");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(19, "div", 10)(20, "p", 11);
-            i0.ɵɵtext(21);
-            i0.ɵɵpipe(22, "rpxTranslate");
+            i0.ɵɵelementStart(20, "div", 11)(21, "p", 12);
+            i0.ɵɵtext(22);
+            i0.ɵɵpipe(23, "rpxTranslate");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(23, "ul", 12)(24, "li");
-            i0.ɵɵtext(25);
-            i0.ɵɵpipe(26, "rpxTranslate");
+            i0.ɵɵelementStart(24, "ul", 13)(25, "li");
+            i0.ɵɵtext(26);
+            i0.ɵɵpipe(27, "rpxTranslate");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(27, "li");
-            i0.ɵɵtext(28);
-            i0.ɵɵpipe(29, "rpxTranslate");
+            i0.ɵɵelementStart(28, "li");
+            i0.ɵɵtext(29);
+            i0.ɵɵpipe(30, "rpxTranslate");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(30, "li");
-            i0.ɵɵtext(31);
-            i0.ɵɵpipe(32, "rpxTranslate");
+            i0.ɵɵelementStart(31, "li");
+            i0.ɵɵtext(32);
+            i0.ɵɵpipe(33, "rpxTranslate");
             i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(33, "div", 13);
-            i0.ɵɵtext(34);
-            i0.ɵɵpipe(35, "rpxTranslate");
+            i0.ɵɵelementStart(34, "div", 14);
+            i0.ɵɵtext(35);
+            i0.ɵɵpipe(36, "rpxTranslate");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(36, "div", 14)(37, "div", 15);
-            i0.ɵɵtemplate(38, CaseSpecificAccessRequestComponent_div_38_Template, 3, 3, "div", 16);
-            i0.ɵɵelementStart(39, "textarea", 17);
-            i0.ɵɵtext(40, "          ");
-            i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelementStart(41, "div", 18)(42, "button", 19);
-            i0.ɵɵtext(43);
-            i0.ɵɵpipe(44, "rpxTranslate");
+            i0.ɵɵelementStart(37, "div", 15)(38, "div", 16)(39, "label", 17);
+            i0.ɵɵtext(40);
+            i0.ɵɵpipe(41, "rpxTranslate");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(45, "div", 20)(46, "p")(47, "a", 21);
-            i0.ɵɵlistener("click", function CaseSpecificAccessRequestComponent_Template_a_click_47_listener($event) { ctx.onCancel(); return $event.preventDefault(); });
-            i0.ɵɵtext(48);
-            i0.ɵɵpipe(49, "rpxTranslate");
+            i0.ɵɵtemplate(42, CaseSpecificAccessRequestComponent_div_42_Template, 3, 3, "div", 18);
+            i0.ɵɵelementStart(43, "textarea", 19);
+            i0.ɵɵtext(44, "          ");
             i0.ɵɵelementEnd()()()()();
+            i0.ɵɵelementStart(45, "div", 20)(46, "button", 21);
+            i0.ɵɵtext(47);
+            i0.ɵɵpipe(48, "rpxTranslate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(49, "div", 22)(50, "p")(51, "a", 23);
+            i0.ɵɵlistener("click", function CaseSpecificAccessRequestComponent_Template_a_click_51_listener($event) { ctx.onCancel(); return $event.preventDefault(); });
+            i0.ɵɵtext(52);
+            i0.ɵɵpipe(53, "rpxTranslate");
+            i0.ɵɵelementEnd()()()()()();
         } if (rf & 2) {
+            let tmp_13_0;
+            let tmp_14_0;
+            let tmp_15_0;
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.formGroup.invalid && ctx.submitted || ctx.getSpecificAccessError);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 16, "Authorisation is needed to access this case."));
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 18, "Authorisation is needed to access this case."));
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 18, "This could be because it's outside your jurisdiction, or you may be excluded from the case. If you request access to this case, it will be logged for auditing purposes."), "\n");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 20, "This could be because it's outside your jurisdiction, or you may be excluded from the case. If you request access to this case, it will be logged for auditing purposes."), "\n");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("formGroup", ctx.formGroup);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(38, _c0$1, ctx.formGroup.invalid && ctx.submitted));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(42, _c0$1, ctx.formGroup.invalid && ctx.submitted));
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 20, ctx.title), " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(14, 22, ctx.title), " ");
             i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(18, 22, "Help with requesting case access"), " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(19, 24, "Help with requesting case access"), " ");
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(22, 24, "You could include:"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(23, 26, "You could include:"));
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(26, 26, "the case reference of the linked case"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(27, 28, "the case reference of the linked case"));
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(29, 28, "how long you require access to this case"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(30, 30, "how long you require access to this case"));
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(32, 30, "any other reasons why you require access"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(33, 32, "any other reasons why you require access"));
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(35, 32, ctx.hint), " ");
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngIf", ctx.formGroup.get("specificReason").invalid && ctx.submitted);
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(36, 34, ctx.hint), " ");
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(41, 36, "Reason for requesting access"), " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ((tmp_13_0 = ctx.formGroup.get("specificReason")) == null ? null : tmp_13_0.invalid) && ctx.submitted);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(40, _c1$1, ctx.formGroup.get("specificReason").invalid && ctx.submitted));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(44, _c1$1, ((tmp_14_0 = ctx.formGroup.get("specificReason")) == null ? null : tmp_14_0.invalid) && ctx.submitted));
+            i0.ɵɵattribute("aria-describedby", ((tmp_15_0 = ctx.formGroup.get("specificReason")) == null ? null : tmp_15_0.invalid) && ctx.submitted ? "reason-hint specific-reason-error-message" : "reason-hint");
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(44, 34, "Submit"), " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(48, 38, "Submit"), " ");
             i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(49, 36, "Cancel"), " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(53, 40, "Cancel"), " ");
         } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseSpecificAccessRequestComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-case-specific-access-request', standalone: false, template: "<exui-error-message\n  *ngIf=\"(formGroup.invalid && submitted) || getSpecificAccessError\"\n  [error]=\"errorMessage\"></exui-error-message>\n<cut-alert type=\"information\">\n  {{'Authorisation is needed to access this case.' | rpxTranslate}}<br />\n  {{'This could be because it\\'s outside your jurisdiction, or you may be excluded from the case. If you request access to this case, it will be logged for auditing purposes.' | rpxTranslate}}\n</cut-alert>\n<form [formGroup]=\"formGroup\" (submit)=\"onSubmit()\">\n  <div class=\"govuk-form-group\"\n    [ngClass]=\"{ 'form-group-error': formGroup.invalid && submitted }\">\n    <fieldset class=\"govuk-fieldset\" aria-describedby=\"reason-hint\">\n      <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n        <h1 class=\"govuk-fieldset__heading\">\n          {{ title | rpxTranslate }}\n        </h1>\n      </legend>\n\n      <details class=\"govuk-details\" data-module=\"govuk-details\" role=\"group\">\n        <summary\n          class=\"govuk-details__summary\"\n          aria-expanded=\"false\">\n          <span class=\"govuk-details__summary-text\">\n            {{'Help with requesting case access' | rpxTranslate}}\n          </span>\n        </summary>\n        <div\n          class=\"govuk-details__text\"\n          aria-hidden=\"true\">\n          <p class=\"govuk-body\">{{'You could include:' | rpxTranslate}}</p>\n          <ul class=\"govuk-list govuk-list--bullet\">\n            <li>{{'the case reference of the linked case' | rpxTranslate}}</li>\n            <li>{{'how long you require access to this case' | rpxTranslate}}</li>\n            <li>{{'any other reasons why you require access' | rpxTranslate}}</li>\n          </ul>\n        </div>\n      </details>\n\n      <div id=\"reason-hint\" class=\"govuk-hint\">\n        {{ hint | rpxTranslate }}\n      </div>\n      <div id=\"conditional-reason-3\">\n        <div class=\"govuk-form-group\">\n          <div\n            id=\"specific-reason-error-message\"\n            class=\"govuk-error-message\"\n            *ngIf=\"formGroup.get('specificReason').invalid && submitted\">\n            {{ errorMessage.description | rpxTranslate }}\n          </div>\n          <textarea\n            class=\"govuk-textarea\"\n            [ngClass]=\"{\n              'govuk-textarea--error':\n                formGroup.get('specificReason').invalid && submitted\n            }\"\n            id=\"specific-reason\"\n            name=\"specific-reason\"\n            rows=\"8\"\n            formControlName=\"specificReason\">\n          </textarea>\n        </div>\n      </div>\n    </fieldset>\n  </div>\n\n  <div class=\"govuk-button-group\">\n    <button class=\"govuk-button govuk-!-margin-right-3\" type=\"submit\">\n      {{'Submit' | rpxTranslate}}\n    </button>\n    <div class=\"govuk-grid-column-full govuk-!-padding-left-0\">\n      <p>\n        <a class=\"govuk-body\" (click)=\"onCancel(); $event.preventDefault()\" href=\"#\">\n          {{'Cancel' | rpxTranslate}}\n        </a>\n      </p>\n    </div>\n  </div>\n</form>\n" }]
+        args: [{ selector: 'ccd-case-specific-access-request', standalone: false, template: "<main id=\"content\" role=\"main\" class=\"govuk-main-wrapper\">\n<exui-error-message\n  *ngIf=\"(formGroup.invalid && submitted) || getSpecificAccessError\"\n  [error]=\"errorMessage\"></exui-error-message>\n<cut-alert type=\"information\">\n  {{'Authorisation is needed to access this case.' | rpxTranslate}}<br />\n  {{'This could be because it\\'s outside your jurisdiction, or you may be excluded from the case. If you request access to this case, it will be logged for auditing purposes.' | rpxTranslate}}\n</cut-alert>\n<form [formGroup]=\"formGroup\" (submit)=\"onSubmit()\">\n  <div class=\"govuk-form-group\"\n    [ngClass]=\"{ 'form-group-error': formGroup.invalid && submitted }\">\n    <fieldset class=\"govuk-fieldset\" aria-describedby=\"reason-hint\">\n      <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n        <h1 class=\"govuk-fieldset__heading\">\n          {{ title | rpxTranslate }}\n        </h1>\n      </legend>\n\n      <details class=\"govuk-details\" data-module=\"govuk-details\" role=\"group\">\n        <summary\n          class=\"govuk-details__summary\"\n          aria-expanded=\"false\">\n          <span class=\"govuk-details__summary-text\">\n            {{'Help with requesting case access' | rpxTranslate}}\n          </span>\n        </summary>\n        <div\n          class=\"govuk-details__text\"\n          aria-hidden=\"true\">\n          <p class=\"govuk-body\">{{'You could include:' | rpxTranslate}}</p>\n          <ul class=\"govuk-list govuk-list--bullet\">\n            <li>{{'the case reference of the linked case' | rpxTranslate}}</li>\n            <li>{{'how long you require access to this case' | rpxTranslate}}</li>\n            <li>{{'any other reasons why you require access' | rpxTranslate}}</li>\n          </ul>\n        </div>\n      </details>\n\n      <div id=\"reason-hint\" class=\"govuk-hint\">\n        {{ hint | rpxTranslate }}\n      </div>\n      <div id=\"conditional-reason-3\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label\" for=\"specific-reason\">\n            {{ 'Reason for requesting access' | rpxTranslate }}\n          </label>\n          <div\n            id=\"specific-reason-error-message\"\n            class=\"govuk-error-message\"\n            *ngIf=\"formGroup.get('specificReason')?.invalid && submitted\">\n            {{ errorMessage.description | rpxTranslate }}\n          </div>\n          <textarea\n            class=\"govuk-textarea\"\n            [ngClass]=\"{\n              'govuk-textarea--error':\n                formGroup.get('specificReason')?.invalid && submitted\n            }\"\n            id=\"specific-reason\"\n            name=\"specific-reason\"\n            [attr.aria-describedby]=\"\n              formGroup.get('specificReason')?.invalid && submitted\n                ? 'reason-hint specific-reason-error-message'\n                : 'reason-hint'\n            \"\n            rows=\"8\"\n            formControlName=\"specificReason\">\n          </textarea>\n        </div>\n      </div>\n    </fieldset>\n  </div>\n\n  <div class=\"govuk-button-group\">\n    <button class=\"govuk-button govuk-!-margin-right-3\" type=\"submit\">\n      {{'Submit' | rpxTranslate}}\n    </button>\n    <div class=\"govuk-grid-column-full govuk-!-padding-left-0\">\n      <p>\n        <a class=\"govuk-body\" (click)=\"onCancel(); $event.preventDefault()\" href=\"#\">\n          {{'Cancel' | rpxTranslate}}\n        </a>\n      </p>\n    </div>\n  </div>\n</form>\n</main>\n" }]
     }], () => [{ type: i4.FormBuilder }, { type: i1$1.Router }, { type: CasesService }, { type: i1$1.ActivatedRoute }, { type: CaseNotifier }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseSpecificAccessRequestComponent, { className: "CaseSpecificAccessRequestComponent", filePath: "lib/shared/components/case-viewer/case-specific-access-request/case-specific-access-request.component.ts", lineNumber: 23 }); })();
 
@@ -40033,9 +40091,6 @@ class CreateCaseFiltersComponent {
             this.jurisdictions = jurisdictions;
             this.selectJurisdiction(this.jurisdictions, this.filterJurisdictionControl);
         });
-        if (document.getElementById('cc-jurisdiction')) {
-            document.getElementById('cc-jurisdiction').focus();
-        }
     }
     onJurisdictionIdChange() {
         this.resetCaseType();
@@ -41861,5 +41916,5 @@ class TestRouteSnapshotBuilder {
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractAppConfig, AbstractFieldReadComponent, AbstractFieldWriteComponent, AbstractFieldWriteJourneyComponent, AbstractJourneyComponent, Activity, ActivityBannerComponent, ActivityComponent, ActivityIconComponent, ActivityInfo, ActivityModule, ActivityPollingService, ActivityService, AddCommentsComponent, AddCommentsErrorMessage, AddCommentsStep, AddressModel, AddressOption, AddressesService, Alert, AlertComponent, AlertIconClassPipe, AlertMessageType, AlertModule, AlertService, AuthService, Banner, BannersService, BeforeYouStartComponent, BodyComponent, BrowserService, CCDCaseLinkType, COMPONENT_PORTAL_INJECTION_TOKEN, CallbackErrorsComponent, CallbackErrorsContext, CaseAccessUtils, CaseBasicAccessViewComponent, CaseChallengedAccessRequestComponent, CaseChallengedAccessSuccessComponent, CaseCreateComponent, CaseDetails, CaseEditComponent, CaseEditConfirmComponent, CaseEditDataModule, CaseEditDataService, CaseEditFormComponent, CaseEditPageComponent, CaseEditSubmitComponent, CaseEditWizardGuard, CaseEditorConfig, CaseEditorModule, CaseEvent, CaseEventCompletionComponent, CaseEventCompletionTaskCancelledComponent, CaseEventCompletionTaskReassignedComponent, CaseEventData, CaseEventTrigger, CaseEventTriggerComponent, CaseField, CaseFieldService, CaseFileViewFieldComponent, CaseFileViewFolderComponent, CaseFileViewFolderDocumentActionsComponent, CaseFileViewFolderSelectorComponent, CaseFileViewFolderSortComponent, CaseFileViewFolderToggleComponent, CaseFileViewOverlayMenuComponent, CaseFileViewService, CaseFlagCheckYourAnswersPageStep, CaseFlagDisplayContextParameter, CaseFlagErrorMessage, CaseFlagFieldState, CaseFlagFormFields, CaseFlagRefdataService, CaseFlagStatus, CaseFlagSummaryListComponent, CaseFlagSummaryListDisplayMode, CaseFlagTableComponent, CaseFlagWizardStepTitle, CaseFullAccessViewComponent, CaseHeaderComponent, CaseHeaderModule, CaseHistoryViewerFieldComponent, CaseLink, CaseLinkResponse, CaseListComponent, CaseListFiltersComponent, CaseListFiltersModule, CaseListModule, CaseNotifier, CasePaymentHistoryViewerFieldComponent, CasePrintDocument, CasePrinterComponent, CaseProgressComponent, CaseReferencePipe, CaseResolver, CaseSpecificAccessRequestComponent, CaseSpecificAccessSuccessComponent, CaseState, CaseTab, CaseTimelineComponent, CaseTimelineDisplayMode, CaseTimelineModule, CaseType, CaseTypeLite, CaseView, CaseViewComponent, CaseViewEvent, CaseViewTrigger, CaseViewerComponent, CaseViewerModule, CasesService, CaseworkerService, CcdCYAPageLabelFilterPipe, CcdCaseTitlePipe, CcdCollectionTableCaseFieldsFilterPipe, CcdPageFieldsPipe, CcdTabFieldsPipe, CheckYourAnswersComponent, CloseQueryComponent, ConditionalShowFormDirective, ConditionalShowModule, ConditionalShowRegistrarService, ConfirmFlagStatusComponent, ConfirmStatusErrorMessage, ConfirmStatusStep, Confirmation, ConvertHrefToRouterService, CreateCaseFiltersComponent, CreateCaseFiltersModule, CreateCaseFiltersSelection, DRAFT_PREFIX, DRAFT_QUERY_PARAM, DashPipe, DateInputComponent, DatePipe, DateTimeFormatUtils, DatetimePickerComponent, DefinitionsModule, DefinitionsService, DeleteOrCancelDialogComponent, DialogsModule, DisplayMode, Document, DocumentData, DocumentDialogComponent, DocumentLinks, DocumentManagementService, DocumentUrlPipe, Draft, DraftService, DynamicListPipe, DynamicRadioListPipe, ESQueryType, Embedded, EnumDisplayDescriptionPipe, ErrorMessageComponent, ErrorNotifierService, EventCaseField, EventCompletionReturnStates, EventCompletionStateMachineService, EventCompletionStates, EventLogComponent, EventLogDetailsComponent, EventLogTableComponent, EventMessageModule, EventStartComponent, EventStartModule, EventStartStateMachineService, EventStatusService, EventTriggerResolver, EventTriggerService, Fee, FeeValue, Field, FieldLabelPipe, FieldReadComponent, FieldReadLabelComponent, FieldType, FieldTypeSanitiser, FieldWriteComponent, FieldsFilterPipe, FieldsPurger, FieldsUtils, FirstErrorPipe, FixedListItem, FixedListPipe, FixedRadioListPipe, FlagFieldDisplayPipe, FocusElementDirective, FocusElementModule, FooterComponent, FormDocument, FormErrorService, FormValidatorsService, FormValueService, FormatTranslatorService, GreyBarService, HRef, HeaderBarComponent, HeadersModule, HttpError, HttpErrorService, HttpService, IsCompoundPipe, IsMandatoryPipe, IsReadOnlyAndNotCollectionPipe, IsReadOnlyPipe, JudicialworkerService, Jurisdiction, JurisdictionService, LabelFieldComponent, LabelSubstitutorDirective, LabelSubstitutorModule, LanguageInterpreterDisplayPipe, LinkCaseReason, LinkCasesComponent, LinkCasesFromReasonValuePipe, LinkCasesReasonValuePipe, LinkDetails, LinkFromReason, LinkReason, LinkedCasesErrorMessages, LinkedCasesEventTriggers, LinkedCasesFromTableComponent, LinkedCasesPages, LinkedCasesResponse, LinkedCasesToTableComponent, LoadingModule, LoadingService, LoadingSpinnerComponent, LoadingSpinnerModule, MEDIA_VIEWER_LOCALSTORAGE_KEY, MULTIPLE_TASKS_FOUND, ManageCaseFlagsComponent, ManageCaseFlagsLabelDisplayPipe, MarkdownComponent, MarkdownComponentModule, MoneyGbpInputComponent, MultipageComponentStateService, MultipleTasksExistComponent, NavigationComponent, NavigationItemComponent, NavigationNotifierService, NavigationOrigin, NoLinkedCasesComponent, NoTasksAvailableComponent, NotificationBannerComponent, NotificationBannerHeaderClass, NotificationBannerType, OrderService, OrderSummary, OrganisationConverter, OrganisationService, PageValidationService, PaginationComponent, PaginationMetadata, PaginationModule, PaletteContext, PaletteModule, PaletteService, PaletteUtilsModule, Patterns, PaymentField, PhaseComponent, PipesModule, PlaceholderService, PrintUrlPipe, Profile, ProfileNotifier, ProfileService, QualifyingQuestionDetailComponent, QualifyingQuestionOptionsComponent, QualifyingQuestionService, QualifyingQuestionsErrorMessage, QueryAttachmentsReadComponent, QueryCaseDetailsHeaderComponent, QueryCheckYourAnswersComponent, QueryConfirmationComponent, QueryCreateContext, QueryDetailsComponent, QueryEventCompletionComponent, QueryItemResponseStatus, QueryListComponent, QueryListData, QueryListItem, QueryManagementService, QueryWriteAddDocumentsComponent, QueryWriteDateInputComponent, QueryWriteRaiseQueryComponent, QueryWriteRespondToQueryComponent, RaiseQueryErrorMessage, ReadCaseFlagFieldComponent, ReadCaseLinkFieldComponent, ReadCollectionFieldComponent, ReadComplexFieldCollectionTableComponent, ReadComplexFieldComponent, ReadComplexFieldRawComponent, ReadComplexFieldTableComponent, ReadCookieService, ReadDateFieldComponent, ReadDocumentFieldComponent, ReadDynamicListFieldComponent, ReadDynamicMultiSelectListFieldComponent, ReadDynamicRadioListFieldComponent, ReadEmailFieldComponent, ReadFieldsFilterPipe, ReadFixedListFieldComponent, ReadFixedRadioListFieldComponent, ReadJudicialUserFieldComponent, ReadLinkedCasesFieldComponent, ReadMoneyGbpFieldComponent, ReadMultiSelectListFieldComponent, ReadNumberFieldComponent, ReadOrderSummaryFieldComponent, ReadOrderSummaryRowComponent, ReadOrganisationFieldComponent, ReadOrganisationFieldRawComponent, ReadOrganisationFieldTableComponent, ReadPhoneUKFieldComponent, ReadQueryManagementFieldComponent, ReadTextAreaFieldComponent, ReadTextFieldComponent, ReadYesNoFieldComponent, RefdataCaseFlagType, RemoveDialogComponent, RequestOptionsBuilder, RespondToQueryErrorMessages, RetryUtil, RouterHelperService, RouterLinkComponent, SaveOrDiscardDialogComponent, SearchFiltersComponent, SearchFiltersModule, SearchFiltersWrapperComponent, SearchInput, SearchLanguageInterpreterComponent, SearchLanguageInterpreterErrorMessage, SearchLanguageInterpreterStep, SearchResultComponent, SearchResultModule, SearchResultView, SearchResultViewColumn, SearchResultViewItem, SearchResultViewItemComparatorFactory, SearchService, SelectFlagErrorMessage, SelectFlagLocationComponent, SelectFlagLocationErrorMessage, SelectFlagTypeComponent, SelectFlagTypeErrorMessage, SessionErrorPageComponent, SessionErrorRoute, SessionJsonErrorLogger, SessionStorageGuard, SessionStorageService, ShowCondition, SortOrder$1 as SortOrder, SortParameters, SortSearchResultPipe, StructuredLoggerService, TabComponent, TableColumnConfig, TableConfig, TabsComponent, TabsModule, TaskAssignedComponent, TaskCancelledComponent, TaskConflictComponent, TaskUnassignedComponent, Terms, TestRouteSnapshotBuilder, TranslatedMarkdownDirective, TranslatedMarkdownModule, UnLinkCasesComponent, UnsupportedFieldComponent, UpdateFlagAddTranslationErrorMessage, UpdateFlagAddTranslationFormComponent, UpdateFlagAddTranslationStep, UpdateFlagComponent, UpdateFlagErrorMessage, UpdateFlagStep, UpdateFlagTitleDisplayPipe, WaysToPayFieldComponent, WindowService, Wizard, WizardFactoryService, WizardPage, WizardPageField, WorkAllocationService, WorkbasketFiltersComponent, WorkbasketFiltersModule, WorkbasketInput, WorkbasketInputFilterService, WorkbasketInputModel, WriteAddressFieldComponent, WriteCaseFlagFieldComponent, WriteCaseLinkFieldComponent, WriteCollectionFieldComponent, WriteComplexFieldComponent, WriteDateContainerFieldComponent, WriteDateFieldComponent, WriteDocumentFieldComponent, WriteDynamicListFieldComponent, WriteDynamicMultiSelectListFieldComponent, WriteDynamicRadioListFieldComponent, WriteEmailFieldComponent, WriteFixedListFieldComponent, WriteFixedRadioListFieldComponent, WriteJudicialUserFieldComponent, WriteLinkedCasesFieldComponent, WriteMoneyGbpFieldComponent, WriteMultiSelectListFieldComponent, WriteNumberFieldComponent, WriteOrderSummaryFieldComponent, WriteOrganisationComplexFieldComponent, WriteOrganisationFieldComponent, WritePhoneUKFieldComponent, WriteTextAreaFieldComponent, WriteTextFieldComponent, WriteYesNoFieldComponent, YesNoService, aCaseField, caseMessagesMockData, createACL, createCaseEventTrigger, createCaseField, createComplexFieldOverride, createFieldType, createFixedListFieldType, createHiddenComplexFieldOverride, createMultiSelectListFieldType, createWizardPage, createWizardPageField, editorRouting, initDialog, newCaseField, safeJsonParse, textFieldType, viewerRouting };
+export { AbstractAppConfig, AbstractFieldReadComponent, AbstractFieldWriteComponent, AbstractFieldWriteJourneyComponent, AbstractJourneyComponent, Activity, ActivityBannerComponent, ActivityComponent, ActivityIconComponent, ActivityInfo, ActivityModule, ActivityPollingService, ActivityService, AddCommentsComponent, AddCommentsErrorMessage, AddCommentsStep, AddressModel, AddressOption, AddressesService, Alert, AlertComponent, AlertIconClassPipe, AlertMessageType, AlertModule, AlertService, AuthService, Banner, BannersService, BeforeYouStartComponent, BodyComponent, BrowserService, CCDCaseLinkType, COMPONENT_PORTAL_INJECTION_TOKEN, CallbackErrorsComponent, CallbackErrorsContext, CaseAccessUtils, CaseBasicAccessViewComponent, CaseChallengedAccessRequestComponent, CaseChallengedAccessSuccessComponent, CaseCreateComponent, CaseDetails, CaseEditComponent, CaseEditConfirmComponent, CaseEditDataModule, CaseEditDataService, CaseEditFormComponent, CaseEditPageComponent, CaseEditSubmitComponent, CaseEditWizardGuard, CaseEditorConfig, CaseEditorModule, CaseEvent, CaseEventCompletionComponent, CaseEventCompletionTaskCancelledComponent, CaseEventCompletionTaskReassignedComponent, CaseEventData, CaseEventTrigger, CaseEventTriggerComponent, CaseField, CaseFieldService, CaseFileViewFieldComponent, CaseFileViewFolderComponent, CaseFileViewFolderDocumentActionsComponent, CaseFileViewFolderSelectorComponent, CaseFileViewFolderSortComponent, CaseFileViewFolderToggleComponent, CaseFileViewOverlayMenuComponent, CaseFileViewService, CaseFlagCheckYourAnswersPageStep, CaseFlagDisplayContextParameter, CaseFlagErrorMessage, CaseFlagFieldState, CaseFlagFormFields, CaseFlagRefdataService, CaseFlagStatus, CaseFlagSummaryListComponent, CaseFlagSummaryListDisplayMode, CaseFlagTableComponent, CaseFlagWizardStepTitle, CaseFullAccessViewComponent, CaseHeaderComponent, CaseHeaderModule, CaseHistoryViewerFieldComponent, CaseLink, CaseLinkResponse, CaseListComponent, CaseListFiltersComponent, CaseListFiltersModule, CaseListModule, CaseNotifier, CasePaymentHistoryViewerFieldComponent, CasePrintDocument, CasePrinterComponent, CaseProgressComponent, CaseReferencePipe, CaseResolver, CaseSpecificAccessRequestComponent, CaseSpecificAccessSuccessComponent, CaseState, CaseTab, CaseTimelineComponent, CaseTimelineDisplayMode, CaseTimelineModule, CaseType, CaseTypeLite, CaseView, CaseViewComponent, CaseViewEvent, CaseViewTrigger, CaseViewerComponent, CaseViewerModule, CasesService, CaseworkerService, CcdCYAPageLabelFilterPipe, CcdCaseTitlePipe, CcdCollectionTableCaseFieldsFilterPipe, CcdPageFieldsPipe, CcdTabFieldsPipe, CheckYourAnswersComponent, CloseQueryComponent, ConditionalShowFormDirective, ConditionalShowModule, ConditionalShowRegistrarService, ConfirmFlagStatusComponent, ConfirmStatusErrorMessage, ConfirmStatusStep, Confirmation, ConvertHrefToRouterService, CreateCaseFiltersComponent, CreateCaseFiltersModule, CreateCaseFiltersSelection, DRAFT_PREFIX, DRAFT_QUERY_PARAM, DashPipe, DateInputComponent, DatePipe, DateTimeFormatUtils, DatetimePickerComponent, DefinitionsModule, DefinitionsService, DeleteOrCancelDialogComponent, DialogsModule, DisplayMode, Document, DocumentData, DocumentDialogComponent, DocumentLinks, DocumentManagementService, DocumentUrlPipe, Draft, DraftService, DynamicListPipe, DynamicRadioListPipe, ESQueryType, Embedded, EnumDisplayDescriptionPipe, ErrorMessageComponent, ErrorNotifierService, EventCaseField, EventCompletionReturnStates, EventCompletionStateMachineService, EventCompletionStates, EventLogComponent, EventLogDetailsComponent, EventLogTableComponent, EventMessageModule, EventStartComponent, EventStartModule, EventStartStateMachineService, EventStatusService, EventTriggerResolver, EventTriggerService, Fee, FeeValue, Field, FieldLabelPipe, FieldReadComponent, FieldReadLabelComponent, FieldType, FieldTypeSanitiser, FieldWriteComponent, FieldsFilterPipe, FieldsPurger, FieldsUtils, FirstErrorPipe, FixedListItem, FixedListPipe, FixedRadioListPipe, FlagFieldDisplayPipe, FocusElementDirective, FocusElementModule, FocusService, FooterComponent, FormDocument, FormErrorService, FormValidatorsService, FormValueService, FormatTranslatorService, GreyBarService, HRef, HeaderBarComponent, HeadersModule, HttpError, HttpErrorService, HttpService, IsCompoundPipe, IsMandatoryPipe, IsReadOnlyAndNotCollectionPipe, IsReadOnlyPipe, JudicialworkerService, Jurisdiction, JurisdictionService, LabelFieldComponent, LabelSubstitutorDirective, LabelSubstitutorModule, LanguageInterpreterDisplayPipe, LinkCaseReason, LinkCasesComponent, LinkCasesFromReasonValuePipe, LinkCasesReasonValuePipe, LinkDetails, LinkFromReason, LinkReason, LinkedCasesErrorMessages, LinkedCasesEventTriggers, LinkedCasesFromTableComponent, LinkedCasesPages, LinkedCasesResponse, LinkedCasesToTableComponent, LoadingModule, LoadingService, LoadingSpinnerComponent, LoadingSpinnerModule, MEDIA_VIEWER_LOCALSTORAGE_KEY, MULTIPLE_TASKS_FOUND, ManageCaseFlagsComponent, ManageCaseFlagsLabelDisplayPipe, MarkdownComponent, MarkdownComponentModule, MoneyGbpInputComponent, MultipageComponentStateService, MultipleTasksExistComponent, NavigationComponent, NavigationItemComponent, NavigationNotifierService, NavigationOrigin, NoLinkedCasesComponent, NoTasksAvailableComponent, NotificationBannerComponent, NotificationBannerHeaderClass, NotificationBannerType, OrderService, OrderSummary, OrganisationConverter, OrganisationService, PageValidationService, PaginationComponent, PaginationMetadata, PaginationModule, PaletteContext, PaletteModule, PaletteService, PaletteUtilsModule, Patterns, PaymentField, PhaseComponent, PipesModule, PlaceholderService, PrintUrlPipe, Profile, ProfileNotifier, ProfileService, QualifyingQuestionDetailComponent, QualifyingQuestionOptionsComponent, QualifyingQuestionService, QualifyingQuestionsErrorMessage, QueryAttachmentsReadComponent, QueryCaseDetailsHeaderComponent, QueryCheckYourAnswersComponent, QueryConfirmationComponent, QueryCreateContext, QueryDetailsComponent, QueryEventCompletionComponent, QueryItemResponseStatus, QueryListComponent, QueryListData, QueryListItem, QueryManagementService, QueryWriteAddDocumentsComponent, QueryWriteDateInputComponent, QueryWriteRaiseQueryComponent, QueryWriteRespondToQueryComponent, RaiseQueryErrorMessage, ReadCaseFlagFieldComponent, ReadCaseLinkFieldComponent, ReadCollectionFieldComponent, ReadComplexFieldCollectionTableComponent, ReadComplexFieldComponent, ReadComplexFieldRawComponent, ReadComplexFieldTableComponent, ReadCookieService, ReadDateFieldComponent, ReadDocumentFieldComponent, ReadDynamicListFieldComponent, ReadDynamicMultiSelectListFieldComponent, ReadDynamicRadioListFieldComponent, ReadEmailFieldComponent, ReadFieldsFilterPipe, ReadFixedListFieldComponent, ReadFixedRadioListFieldComponent, ReadJudicialUserFieldComponent, ReadLinkedCasesFieldComponent, ReadMoneyGbpFieldComponent, ReadMultiSelectListFieldComponent, ReadNumberFieldComponent, ReadOrderSummaryFieldComponent, ReadOrderSummaryRowComponent, ReadOrganisationFieldComponent, ReadOrganisationFieldRawComponent, ReadOrganisationFieldTableComponent, ReadPhoneUKFieldComponent, ReadQueryManagementFieldComponent, ReadTextAreaFieldComponent, ReadTextFieldComponent, ReadYesNoFieldComponent, RefdataCaseFlagType, RemoveDialogComponent, RequestOptionsBuilder, RespondToQueryErrorMessages, RetryUtil, RouterHelperService, RouterLinkComponent, SaveOrDiscardDialogComponent, SearchFiltersComponent, SearchFiltersModule, SearchFiltersWrapperComponent, SearchInput, SearchLanguageInterpreterComponent, SearchLanguageInterpreterErrorMessage, SearchLanguageInterpreterStep, SearchResultComponent, SearchResultModule, SearchResultView, SearchResultViewColumn, SearchResultViewItem, SearchResultViewItemComparatorFactory, SearchService, SelectFlagErrorMessage, SelectFlagLocationComponent, SelectFlagLocationErrorMessage, SelectFlagTypeComponent, SelectFlagTypeErrorMessage, SessionErrorPageComponent, SessionErrorRoute, SessionJsonErrorLogger, SessionStorageGuard, SessionStorageService, ShowCondition, SortOrder$1 as SortOrder, SortParameters, SortSearchResultPipe, StructuredLoggerService, TabComponent, TableColumnConfig, TableConfig, TabsComponent, TabsModule, TaskAssignedComponent, TaskCancelledComponent, TaskConflictComponent, TaskUnassignedComponent, Terms, TestRouteSnapshotBuilder, TranslatedMarkdownDirective, TranslatedMarkdownModule, UnLinkCasesComponent, UnsupportedFieldComponent, UpdateFlagAddTranslationErrorMessage, UpdateFlagAddTranslationFormComponent, UpdateFlagAddTranslationStep, UpdateFlagComponent, UpdateFlagErrorMessage, UpdateFlagStep, UpdateFlagTitleDisplayPipe, WaysToPayFieldComponent, WindowService, Wizard, WizardFactoryService, WizardPage, WizardPageField, WorkAllocationService, WorkbasketFiltersComponent, WorkbasketFiltersModule, WorkbasketInput, WorkbasketInputFilterService, WorkbasketInputModel, WriteAddressFieldComponent, WriteCaseFlagFieldComponent, WriteCaseLinkFieldComponent, WriteCollectionFieldComponent, WriteComplexFieldComponent, WriteDateContainerFieldComponent, WriteDateFieldComponent, WriteDocumentFieldComponent, WriteDynamicListFieldComponent, WriteDynamicMultiSelectListFieldComponent, WriteDynamicRadioListFieldComponent, WriteEmailFieldComponent, WriteFixedListFieldComponent, WriteFixedRadioListFieldComponent, WriteJudicialUserFieldComponent, WriteLinkedCasesFieldComponent, WriteMoneyGbpFieldComponent, WriteMultiSelectListFieldComponent, WriteNumberFieldComponent, WriteOrderSummaryFieldComponent, WriteOrganisationComplexFieldComponent, WriteOrganisationFieldComponent, WritePhoneUKFieldComponent, WriteTextAreaFieldComponent, WriteTextFieldComponent, WriteYesNoFieldComponent, YesNoService, aCaseField, caseMessagesMockData, createACL, createCaseEventTrigger, createCaseField, createComplexFieldOverride, createFieldType, createFixedListFieldType, createHiddenComplexFieldOverride, createMultiSelectListFieldType, createWizardPage, createWizardPageField, editorRouting, initDialog, newCaseField, safeJsonParse, textFieldType, viewerRouting };
 //# sourceMappingURL=hmcts-ccd-case-ui-toolkit.mjs.map