@hmcts/ccd-case-ui-toolkit 7.3.79-govuk4 → 7.3.79-govuk5-v1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12454,21 +12454,21 @@ function CaseEditPageComponent_div_6_Template(rf, ctx) { if (rf & 1) {
12454
12454
  i0.ɵɵadvance(2);
12455
12455
  i0.ɵɵproperty("ngForOf", ctx_r1.validationErrors);
12456
12456
  } }
12457
- function CaseEditPageComponent_form_10_ccd_case_edit_form_3_Template(rf, ctx) { if (rf & 1) {
12457
+ function CaseEditPageComponent_form_10_ccd_case_edit_form_2_Template(rf, ctx) { if (rf & 1) {
12458
12458
  const _r6 = i0.ɵɵgetCurrentView();
12459
- i0.ɵɵelementStart(0, "ccd-case-edit-form", 32);
12460
- i0.ɵɵlistener("valuesChanged", function CaseEditPageComponent_form_10_ccd_case_edit_form_3_Template_ccd_case_edit_form_valuesChanged_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.applyValuesChanged($event)); });
12459
+ i0.ɵɵelementStart(0, "ccd-case-edit-form", 31);
12460
+ i0.ɵɵlistener("valuesChanged", function CaseEditPageComponent_form_10_ccd_case_edit_form_2_Template_ccd_case_edit_form_valuesChanged_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.applyValuesChanged($event)); });
12461
12461
  i0.ɵɵelementEnd();
12462
12462
  } if (rf & 2) {
12463
12463
  const ctx_r1 = i0.ɵɵnextContext(2);
12464
12464
  i0.ɵɵproperty("fields", ctx_r1.currentPage.getCol1Fields())("formGroup", ctx_r1.editForm.controls["data"])("caseFields", ctx_r1.caseFields)("pageChangeSubject", ctx_r1.pageChangeSubject);
12465
12465
  } }
12466
- function CaseEditPageComponent_form_10_div_4_Template(rf, ctx) { if (rf & 1) {
12467
- i0.ɵɵelementStart(0, "div", 33)(1, "div", 34);
12468
- i0.ɵɵelement(2, "ccd-case-edit-form", 35);
12466
+ function CaseEditPageComponent_form_10_div_3_Template(rf, ctx) { if (rf & 1) {
12467
+ i0.ɵɵelementStart(0, "div", 32)(1, "div", 33);
12468
+ i0.ɵɵelement(2, "ccd-case-edit-form", 34);
12469
12469
  i0.ɵɵelementEnd();
12470
- i0.ɵɵelementStart(3, "div", 36);
12471
- i0.ɵɵelement(4, "ccd-case-edit-form", 37);
12470
+ i0.ɵɵelementStart(3, "div", 35);
12471
+ i0.ɵɵelement(4, "ccd-case-edit-form", 36);
12472
12472
  i0.ɵɵelementEnd()();
12473
12473
  } if (rf & 2) {
12474
12474
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -12477,10 +12477,10 @@ function CaseEditPageComponent_form_10_div_4_Template(rf, ctx) { if (rf & 1) {
12477
12477
  i0.ɵɵadvance(2);
12478
12478
  i0.ɵɵproperty("fields", ctx_r1.currentPage.getCol2Fields())("formGroup", ctx_r1.editForm.controls["data"])("caseFields", ctx_r1.caseFields);
12479
12479
  } }
12480
- function CaseEditPageComponent_form_10_button_6_Template(rf, ctx) { if (rf & 1) {
12480
+ function CaseEditPageComponent_form_10_button_5_Template(rf, ctx) { if (rf & 1) {
12481
12481
  const _r7 = i0.ɵɵgetCurrentView();
12482
- i0.ɵɵelementStart(0, "button", 38);
12483
- i0.ɵɵlistener("click", function CaseEditPageComponent_form_10_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toPreviousPage()); });
12482
+ i0.ɵɵelementStart(0, "button", 37);
12483
+ i0.ɵɵlistener("click", function CaseEditPageComponent_form_10_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toPreviousPage()); });
12484
12484
  i0.ɵɵtext(1);
12485
12485
  i0.ɵɵpipe(2, "rpxTranslate");
12486
12486
  i0.ɵɵelementEnd();
@@ -12494,25 +12494,24 @@ function CaseEditPageComponent_form_10_Template(rf, ctx) { if (rf & 1) {
12494
12494
  const _r5 = i0.ɵɵgetCurrentView();
12495
12495
  i0.ɵɵelementStart(0, "form", 22);
12496
12496
  i0.ɵɵlistener("submit", function CaseEditPageComponent_form_10_Template_form_submit_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.nextStep()); });
12497
- i0.ɵɵelementStart(1, "fieldset", 23);
12498
- i0.ɵɵelement(2, "legend", 24);
12499
- i0.ɵɵtemplate(3, CaseEditPageComponent_form_10_ccd_case_edit_form_3_Template, 1, 4, "ccd-case-edit-form", 25)(4, CaseEditPageComponent_form_10_div_4_Template, 5, 6, "div", 26);
12497
+ i0.ɵɵelementStart(1, "div", 23);
12498
+ i0.ɵɵtemplate(2, CaseEditPageComponent_form_10_ccd_case_edit_form_2_Template, 1, 4, "ccd-case-edit-form", 24)(3, CaseEditPageComponent_form_10_div_3_Template, 5, 6, "div", 25);
12500
12499
  i0.ɵɵelementEnd();
12501
- i0.ɵɵelementStart(5, "div", 27);
12502
- i0.ɵɵtemplate(6, CaseEditPageComponent_form_10_button_6_Template, 3, 4, "button", 28);
12503
- i0.ɵɵelementStart(7, "button", 29);
12504
- i0.ɵɵtext(8);
12505
- i0.ɵɵpipe(9, "rpxTranslate");
12500
+ i0.ɵɵelementStart(4, "div", 26);
12501
+ i0.ɵɵtemplate(5, CaseEditPageComponent_form_10_button_5_Template, 3, 4, "button", 27);
12502
+ i0.ɵɵelementStart(6, "button", 28);
12503
+ i0.ɵɵtext(7);
12504
+ i0.ɵɵpipe(8, "rpxTranslate");
12506
12505
  i0.ɵɵelementEnd()();
12507
- i0.ɵɵelementStart(10, "p", 30)(11, "button", 31);
12508
- i0.ɵɵlistener("click", function CaseEditPageComponent_form_10_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancel()); });
12509
- i0.ɵɵtext(12);
12510
- i0.ɵɵpipe(13, "rpxTranslate");
12506
+ i0.ɵɵelementStart(9, "p", 29)(10, "button", 30);
12507
+ i0.ɵɵlistener("click", function CaseEditPageComponent_form_10_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancel()); });
12508
+ i0.ɵɵtext(11);
12509
+ i0.ɵɵpipe(12, "rpxTranslate");
12511
12510
  i0.ɵɵelementEnd()()();
12512
12511
  } if (rf & 2) {
12513
12512
  const ctx_r1 = i0.ɵɵnextContext();
12514
12513
  i0.ɵɵproperty("formGroup", ctx_r1.editForm);
12515
- i0.ɵɵadvance(3);
12514
+ i0.ɵɵadvance(2);
12516
12515
  i0.ɵɵproperty("ngIf", !ctx_r1.currentPage.isMultiColumn());
12517
12516
  i0.ɵɵadvance();
12518
12517
  i0.ɵɵproperty("ngIf", ctx_r1.currentPage.isMultiColumn());
@@ -12521,13 +12520,13 @@ function CaseEditPageComponent_form_10_Template(rf, ctx) { if (rf & 1) {
12521
12520
  i0.ɵɵadvance();
12522
12521
  i0.ɵɵproperty("disabled", ctx_r1.submitting());
12523
12522
  i0.ɵɵadvance();
12524
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(9, 7, ctx_r1.triggerText));
12523
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 7, ctx_r1.triggerText));
12525
12524
  i0.ɵɵadvance(4);
12526
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13, 9, ctx_r1.getCancelText()));
12525
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(12, 9, ctx_r1.getCancelText()));
12527
12526
  } }
12528
12527
  function CaseEditPageComponent_ccd_case_event_completion_11_Template(rf, ctx) { if (rf & 1) {
12529
12528
  const _r8 = i0.ɵɵgetCurrentView();
12530
- i0.ɵɵelementStart(0, "ccd-case-event-completion", 39);
12529
+ i0.ɵɵelementStart(0, "ccd-case-event-completion", 38);
12531
12530
  i0.ɵɵlistener("eventCanBeCompleted", function CaseEditPageComponent_ccd_case_event_completion_11_Template_ccd_case_event_completion_eventCanBeCompleted_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onEventCanBeCompleted($event)); });
12532
12531
  i0.ɵɵelementEnd();
12533
12532
  } if (rf & 2) {
@@ -13274,7 +13273,7 @@ class CaseEditPageComponent {
13274
13273
  } if (rf & 2) {
13275
13274
  let _t;
13276
13275
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.caseEditFormComponents = _t);
13277
- } }, 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) {
13276
+ } }, 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"], ["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) {
13278
13277
  const _r1 = i0.ɵɵgetCurrentView();
13279
13278
  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);
13280
13279
  i0.ɵɵelement(7, "ccd-case-edit-generic-errors", 5);
@@ -13282,7 +13281,7 @@ class CaseEditPageComponent {
13282
13281
  i0.ɵɵlistener("callbackErrorsContext", function CaseEditPageComponent_Template_ccd_callback_errors_callbackErrorsContext_8_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.callbackErrorsNotify($event)); });
13283
13282
  i0.ɵɵelementEnd();
13284
13283
  i0.ɵɵelementStart(9, "div", 7);
13285
- i0.ɵɵtemplate(10, CaseEditPageComponent_form_10_Template, 14, 11, "form", 8);
13284
+ i0.ɵɵtemplate(10, CaseEditPageComponent_form_10_Template, 13, 11, "form", 8);
13286
13285
  i0.ɵɵelementEnd();
13287
13286
  i0.ɵɵtemplate(11, CaseEditPageComponent_ccd_case_event_completion_11_Template, 1, 1, "ccd-case-event-completion", 9);
13288
13287
  } if (rf & 2) {
@@ -13305,7 +13304,7 @@ class CaseEditPageComponent {
13305
13304
  }
13306
13305
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseEditPageComponent, [{
13307
13306
  type: Component,
13308
- 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"] }]
13307
+ 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 <div id=\"fieldset-case-data\">\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 </div>\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"] }]
13309
13308
  }], () => [{ 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 }], { caseEditFormComponents: [{
13310
13309
  type: ViewChildren,
13311
13310
  args: [CaseEditFormComponent]
@@ -41096,12 +41095,13 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_
41096
41095
  i0.ɵɵelementEnd()();
41097
41096
  } if (rf & 2) {
41098
41097
  const field_r7 = i0.ɵɵnextContext(2).$implicit;
41098
+ i0.ɵɵproperty("id", "case-viewer-field-label--" + field_r7.id);
41099
41099
  i0.ɵɵadvance(2);
41100
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 1, field_r7.label));
41100
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, field_r7.label));
41101
41101
  } }
41102
41102
  function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_4_Template(rf, ctx) { if (rf & 1) {
41103
41103
  i0.ɵɵelementStart(0, "tr");
41104
- i0.ɵɵtemplate(1, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_4_th_1_Template, 4, 3, "th", 34);
41104
+ i0.ɵɵtemplate(1, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_4_th_1_Template, 4, 4, "th", 34);
41105
41105
  i0.ɵɵelementStart(2, "td", 35)(3, "span", 36);
41106
41106
  i0.ɵɵelement(4, "ccd-field-read", 37);
41107
41107
  i0.ɵɵelementEnd()()();
@@ -41116,15 +41116,18 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_
41116
41116
  i0.ɵɵproperty("topLevelFormGroup", ctx_r1.formGroup == null ? null : ctx_r1.formGroup.controls["data"])("caseFields", ctx_r1.caseFields)("caseField", field_r7)("caseReference", ctx_r1.caseDetails.case_id);
41117
41117
  } }
41118
41118
  function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_5_Template(rf, ctx) { if (rf & 1) {
41119
- i0.ɵɵelementStart(0, "tr", 40)(1, "td", 41)(2, "span", 36);
41120
- i0.ɵɵelement(3, "ccd-field-read", 37);
41119
+ i0.ɵɵelementStart(0, "tr", 40)(1, "td", 41);
41120
+ i0.ɵɵpipe(2, "rpxTranslate");
41121
+ i0.ɵɵelementStart(3, "span", 36);
41122
+ i0.ɵɵelement(4, "ccd-field-read", 37);
41121
41123
  i0.ɵɵelementEnd()()();
41122
41124
  } if (rf & 2) {
41123
41125
  const field_r7 = i0.ɵɵnextContext().$implicit;
41124
41126
  const ctx_r1 = i0.ɵɵnextContext(4);
41125
41127
  i0.ɵɵadvance();
41126
41128
  i0.ɵɵproperty("id", "case-viewer-field-read--" + field_r7.id);
41127
- i0.ɵɵadvance(2);
41129
+ i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(2, 6, field_r7.label || field_r7.id));
41130
+ i0.ɵɵadvance(3);
41128
41131
  i0.ɵɵproperty("topLevelFormGroup", ctx_r1.formGroup.controls["data"])("caseFields", ctx_r1.caseFields)("caseField", field_r7)("caseReference", ctx_r1.caseDetails.case_id);
41129
41132
  } }
41130
41133
  function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_Template(rf, ctx) { if (rf & 1) {
@@ -41132,7 +41135,7 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_
41132
41135
  i0.ɵɵelementStart(1, "div", 30);
41133
41136
  i0.ɵɵelementContainerStart(2, 31);
41134
41137
  i0.ɵɵpipe(3, "ccdIsCompound");
41135
- i0.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_4_Template, 5, 6, "tr", 32)(5, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_5_Template, 4, 5, "tr", 33);
41138
+ i0.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_4_Template, 5, 6, "tr", 32)(5, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_5_Template, 5, 8, "tr", 33);
41136
41139
  i0.ɵɵelementContainerEnd();
41137
41140
  i0.ɵɵelementEnd();
41138
41141
  i0.ɵɵelementContainerEnd();
@@ -41675,7 +41678,7 @@ class CaseFullAccessViewComponent {
41675
41678
  } if (rf & 2) {
41676
41679
  let _t;
41677
41680
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabGroup = _t.first);
41678
- } }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 13, vars: 12, consts: [["tabGroup", ""], ["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "callbackErrorsContext", "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject"], [3, "caseId", "displayMode"], [1, "grid-row"], [1, "column-one-half"], [3, "caseDetails"], ["class", "case-viewer-controls", 4, "ngIf"], ["class", "column-one-half", 4, "ngIf"], ["class", "grid-row", 4, "ngIf"], [1, "column-full"], [4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h2", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], [4, "ngFor", "ngForOf"], [1, "case-viewer-controls"], ["id", "case-viewer-control-print", "routerLink", "print", 1, "button", "button-secondary"], [3, "onTriggerChange", "onTriggerSubmit", "isDisabled", "triggers", "triggerText", "eventId"], [3, "linkClicked", "notificationBannerConfig"], ["animationDuration", "0ms", 3, "selectedIndexChange", "disableRipple", "selectedIndex", "selectedIndex"], [3, "id", "label", 4, "ngFor", "ngForOf"], [3, "id", "label", "aria-label", 4, "ngFor", "ngForOf"], [3, "id", "label"], ["matTabContent", ""], [3, "id", "label", "aria-label"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "hidden"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "compound-field", 4, "ngSwitchCase"], ["id", "case-viewer-field-label", 4, "ngIf"], ["scope", "col", 3, "id"], [1, "text-16"], [3, "topLevelFormGroup", "caseFields", "caseField", "caseReference"], ["id", "case-viewer-field-label"], [1, "case-viewer-label", "text-16"], [1, "compound-field"], [3, "id"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) { if (rf & 1) {
41681
+ } }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 13, vars: 12, consts: [["tabGroup", ""], ["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "callbackErrorsContext", "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject"], [3, "caseId", "displayMode"], [1, "grid-row"], [1, "column-one-half"], [3, "caseDetails"], ["class", "case-viewer-controls", 4, "ngIf"], ["class", "column-one-half", 4, "ngIf"], ["class", "grid-row", 4, "ngIf"], [1, "column-full"], [4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h2", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], [4, "ngFor", "ngForOf"], [1, "case-viewer-controls"], ["id", "case-viewer-control-print", "routerLink", "print", 1, "button", "button-secondary"], [3, "onTriggerChange", "onTriggerSubmit", "isDisabled", "triggers", "triggerText", "eventId"], [3, "linkClicked", "notificationBannerConfig"], ["animationDuration", "0ms", 3, "selectedIndexChange", "disableRipple", "selectedIndex", "selectedIndex"], [3, "id", "label", 4, "ngFor", "ngForOf"], [3, "id", "label", "aria-label", 4, "ngFor", "ngForOf"], [3, "id", "label"], ["matTabContent", ""], [3, "id", "label", "aria-label"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "hidden"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "compound-field", 4, "ngSwitchCase"], ["scope", "row", 3, "id", 4, "ngIf"], ["scope", "col", 3, "id"], [1, "text-16"], [3, "topLevelFormGroup", "caseFields", "caseField", "caseReference"], ["scope", "row", 3, "id"], [1, "case-viewer-label", "text-16"], [1, "compound-field"], ["role", "rowheader", 3, "id"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) { if (rf & 1) {
41679
41682
  i0.ɵɵtemplate(0, CaseFullAccessViewComponent_div_0_Template, 14, 12, "div", 1)(1, CaseFullAccessViewComponent_div_1_Template, 8, 7, "div", 1);
41680
41683
  i0.ɵɵelementStart(2, "ccd-callback-errors", 2);
41681
41684
  i0.ɵɵlistener("callbackErrorsContext", function CaseFullAccessViewComponent_Template_ccd_callback_errors_callbackErrorsContext_2_listener($event) { return ctx.callbackErrorsNotify($event); });
@@ -41709,11 +41712,11 @@ class CaseFullAccessViewComponent {
41709
41712
  i0.ɵɵproperty("ngIf", ctx.activeCaseFlags && !ctx.caseFlagsExternalUser);
41710
41713
  i0.ɵɵadvance(3);
41711
41714
  i0.ɵɵproperty("ngIf", ctx.hasTabsPresent());
41712
- } }, styles: ["th[_ngcontent-%COMP%]{width:1%;white-space:nowrap;vertical-align:top}.compound-field[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{padding:0}.case-viewer-controls[_ngcontent-%COMP%]{margin-top:47px;margin-bottom:20px}ccd-case-header[_ngcontent-%COMP%]{float:left;margin-right:10px}ccd-event-trigger[_ngcontent-%COMP%]{float:right}.case-viewer-label[_ngcontent-%COMP%]{min-width:300px;white-space:normal}.markdown[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{margin-bottom:0}.hide-table-capion[_ngcontent-%COMP%]{position:absolute;visibility:hidden}"] });
41715
+ } }, styles: ["th[_ngcontent-%COMP%], .compound-field[_ngcontent-%COMP%] > td[_ngcontent-%COMP%]{width:1%;white-space:nowrap;vertical-align:top}.compound-field[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{padding:0}.compound-field[_ngcontent-%COMP%] > td[_ngcontent-%COMP%]{padding:0}.case-viewer-controls[_ngcontent-%COMP%]{margin-top:47px;margin-bottom:20px}ccd-case-header[_ngcontent-%COMP%]{float:left;margin-right:10px}ccd-event-trigger[_ngcontent-%COMP%]{float:right}.case-viewer-label[_ngcontent-%COMP%]{min-width:300px;white-space:normal}.markdown[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{margin-bottom:0}.hide-table-capion[_ngcontent-%COMP%]{position:absolute;visibility:hidden}"] });
41713
41716
  }
41714
41717
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFullAccessViewComponent, [{
41715
41718
  type: Component,
41716
- args: [{ selector: 'ccd-case-full-access-view', standalone: false, template: "<!-- Generic error heading and error message to be displayed only if there are no specific callback errors or warnings, or no error details -->\n<div *ngIf=\"error && !(error.callbackErrors || error.callbackWarnings || error.details)\" class=\"error-summary\"\n role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n <h1 class=\"heading-h1 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n {{'Something went wrong' | rpxTranslate}}\n </h1>\n <div class=\"govuk-error-summary__body\" id=\"edit-case-event_error-summary-body\">\n <p>{{\"We're working to fix the problem. Try again shortly.\" | rpxTranslate}}</p>\n <p>\n <a href=\"get-help\" target=\"_blank\">\n {{\"Contact us\" | rpxTranslate}}</a> {{\"if you're still having problems.\" | rpxTranslate}}\n </p>\n </div>\n</div>\n<!-- Callback error heading and error message to be displayed if there are specific error details -->\n<div *ngIf=\"error && error.details\" class=\"error-summary\" role=\"group\"\n aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n <h2 class=\"heading-h2 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n {{'The callback data failed validation' | rpxTranslate}}\n </h2>\n <p>{{error.message | rpxTranslate}}</p>\n <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n <li *ngFor=\"let fieldError of error.details.field_errors\">\n {{fieldError.message | rpxTranslate}}\n </li>\n </ul>\n</div>\n<ccd-callback-errors\n [triggerTextContinue]=\"triggerTextStart\"\n [triggerTextIgnore]=\"triggerTextIgnoreWarnings\"\n [callbackErrorsSubject]=\"callbackErrorsSubject\"\n (callbackErrorsContext)=\"callbackErrorsNotify($event)\">\n</ccd-callback-errors>\n<ccd-activity [caseId]=\"caseDetails.case_id\" [displayMode]=\"BANNER\"></ccd-activity>\n<div class=\"grid-row\">\n <div class=\"column-one-half\">\n <ccd-case-header [caseDetails]=\"caseDetails\"></ccd-case-header>\n <div class=\"case-viewer-controls\" *ngIf=\"hasPrint && !isDraft() && isPrintEnabled()\">\n <a id=\"case-viewer-control-print\" routerLink=\"print\" class=\"button button-secondary\">{{'Print' | rpxTranslate}}</a>\n </div>\n </div>\n <div *ngIf=\"hasEventSelector\" class=\"column-one-half\">\n <ccd-event-trigger [isDisabled]=\"isTriggerButtonDisabled()\" [triggers]=\"caseDetails.triggers\"\n [triggerText]=\"triggerText\"\n [eventId]=\"eventId\"\n (onTriggerChange)=\"clearErrorsAndWarnings()\"\n (onTriggerSubmit)=\"applyTrigger($event)\"></ccd-event-trigger>\n </div>\n</div>\n<div class=\"grid-row\" *ngIf=\"activeCaseFlags && !caseFlagsExternalUser\">\n <div class=\"column-full\">\n <ccd-notification-banner [notificationBannerConfig]=\"notificationBannerConfig\" (linkClicked)=\"onLinkClicked($event)\">\n </ccd-notification-banner>\n </div>\n</div>\n<div class=\"grid-row\">\n <div class=\"column-full\">\n <ng-container *ngIf=\"hasTabsPresent()\">\n <mat-tab-group #tabGroup animationDuration=\"0ms\" (selectedIndexChange)=\"tabChanged($event)\" [disableRipple]=\"true\" [(selectedIndex)]=\"selectedTabIndex\"\n [selectedIndex]=\"selectedTabIndex\">\n <mat-tab *ngFor=\"let tab of prependedTabs\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\">\n <ng-template matTabContent>\n <ng-container *ngIf=\"tab.id === 'tasks'\">\n <exui-tasks-ce></exui-tasks-ce>\n </ng-container>\n <ng-container *ngIf=\"tab.id === 'roles-and-access'\">\n <exui-roles-and-access-ce></exui-roles-and-access-ce>\n </ng-container>\n </ng-template>\n </mat-tab>\n <mat-tab *ngFor=\"let tab of sortedTabs; let curIdx=index\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\" [aria-label]=\"curIdx === 0 ? tab.label + ', Please use left and right arrow keys to navigate case tabs' : '' | rpxTranslate\">\n <ng-template matTabContent>\n <table [class]=\"tab.id\" [attr.aria-label]=\"'case viewer table' | rpxTranslate\">\n <tbody>\n <ng-container *ngFor=\"let field of tab | ccdTabFields | ccdReadFieldsFilter:false :undefined :true : formGroup?.controls['data']\">\n <div ccdLabelSubstitutor [caseField]=\"field\" [contextFields]=\"caseFields\" [hidden]=\"field.hidden\">\n <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n <tr *ngSwitchCase=\"true\">\n <th id=\"case-viewer-field-label\" *ngIf=\"!isFieldToHaveNoLabel(field) && field.label\">\n <div class=\"case-viewer-label text-16\">\n {{field.label | rpxTranslate}}</div>\n </th>\n <td [id]=\"'case-viewer-field-read--' + field.id\" scope=\"col\">\n <span class=\"text-16\">\n <ccd-field-read [topLevelFormGroup]=\"formGroup?.controls['data']\" [caseFields]=\"caseFields\"\n [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\">\n </ccd-field-read>\n </span>\n </td>\n </tr>\n <tr *ngSwitchCase=\"false\" class=\"compound-field\">\n <td [id]=\"'case-viewer-field-read--' + field.id\">\n <span class=\"text-16\">\n <ccd-field-read [topLevelFormGroup]=\"formGroup.controls['data']\" [caseFields]=\"caseFields\"\n [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\">\n </ccd-field-read>\n </span>\n </td>\n </tr>\n </ng-container>\n </div>\n </ng-container>\n </tbody>\n </table>\n </ng-template>\n </mat-tab>\n <mat-tab *ngFor=\"let tab of appendedTabs\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\">\n <ng-template matTabContent>\n <ng-container *ngIf=\"tab.id === 'hearings'\">\n <exui-case-hearings-ce></exui-case-hearings-ce>\n </ng-container>\n </ng-template>\n </mat-tab>\n </mat-tab-group>\n </ng-container>\n </div>\n</div>\n", styles: ["th{width:1%;white-space:nowrap;vertical-align:top}.compound-field th{padding:0}.case-viewer-controls{margin-top:47px;margin-bottom:20px}ccd-case-header{float:left;margin-right:10px}ccd-event-trigger{float:right}.case-viewer-label{min-width:300px;white-space:normal}.markdown h3{margin-bottom:0}.hide-table-capion{position:absolute;visibility:hidden}\n"] }]
41719
+ args: [{ selector: 'ccd-case-full-access-view', standalone: false, template: "<!-- Generic error heading and error message to be displayed only if there are no specific callback errors or warnings, or no error details -->\n<div *ngIf=\"error && !(error.callbackErrors || error.callbackWarnings || error.details)\" class=\"error-summary\"\n role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n <h1 class=\"heading-h1 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n {{'Something went wrong' | rpxTranslate}}\n </h1>\n <div class=\"govuk-error-summary__body\" id=\"edit-case-event_error-summary-body\">\n <p>{{\"We're working to fix the problem. Try again shortly.\" | rpxTranslate}}</p>\n <p>\n <a href=\"get-help\" target=\"_blank\">\n {{\"Contact us\" | rpxTranslate}}</a> {{\"if you're still having problems.\" | rpxTranslate}}\n </p>\n </div>\n</div>\n<!-- Callback error heading and error message to be displayed if there are specific error details -->\n<div *ngIf=\"error && error.details\" class=\"error-summary\" role=\"group\"\n aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n <h2 class=\"heading-h2 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n {{'The callback data failed validation' | rpxTranslate}}\n </h2>\n <p>{{error.message | rpxTranslate}}</p>\n <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n <li *ngFor=\"let fieldError of error.details.field_errors\">\n {{fieldError.message | rpxTranslate}}\n </li>\n </ul>\n</div>\n<ccd-callback-errors\n [triggerTextContinue]=\"triggerTextStart\"\n [triggerTextIgnore]=\"triggerTextIgnoreWarnings\"\n [callbackErrorsSubject]=\"callbackErrorsSubject\"\n (callbackErrorsContext)=\"callbackErrorsNotify($event)\">\n</ccd-callback-errors>\n<ccd-activity [caseId]=\"caseDetails.case_id\" [displayMode]=\"BANNER\"></ccd-activity>\n<div class=\"grid-row\">\n <div class=\"column-one-half\">\n <ccd-case-header [caseDetails]=\"caseDetails\"></ccd-case-header>\n <div class=\"case-viewer-controls\" *ngIf=\"hasPrint && !isDraft() && isPrintEnabled()\">\n <a id=\"case-viewer-control-print\" routerLink=\"print\" class=\"button button-secondary\">{{'Print' | rpxTranslate}}</a>\n </div>\n </div>\n <div *ngIf=\"hasEventSelector\" class=\"column-one-half\">\n <ccd-event-trigger [isDisabled]=\"isTriggerButtonDisabled()\" [triggers]=\"caseDetails.triggers\"\n [triggerText]=\"triggerText\"\n [eventId]=\"eventId\"\n (onTriggerChange)=\"clearErrorsAndWarnings()\"\n (onTriggerSubmit)=\"applyTrigger($event)\"></ccd-event-trigger>\n </div>\n</div>\n<div class=\"grid-row\" *ngIf=\"activeCaseFlags && !caseFlagsExternalUser\">\n <div class=\"column-full\">\n <ccd-notification-banner [notificationBannerConfig]=\"notificationBannerConfig\" (linkClicked)=\"onLinkClicked($event)\">\n </ccd-notification-banner>\n </div>\n</div>\n<div class=\"grid-row\">\n <div class=\"column-full\">\n <ng-container *ngIf=\"hasTabsPresent()\">\n <mat-tab-group #tabGroup animationDuration=\"0ms\" (selectedIndexChange)=\"tabChanged($event)\" [disableRipple]=\"true\" [(selectedIndex)]=\"selectedTabIndex\"\n [selectedIndex]=\"selectedTabIndex\">\n <mat-tab *ngFor=\"let tab of prependedTabs\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\">\n <ng-template matTabContent>\n <ng-container *ngIf=\"tab.id === 'tasks'\">\n <exui-tasks-ce></exui-tasks-ce>\n </ng-container>\n <ng-container *ngIf=\"tab.id === 'roles-and-access'\">\n <exui-roles-and-access-ce></exui-roles-and-access-ce>\n </ng-container>\n </ng-template>\n </mat-tab>\n <mat-tab *ngFor=\"let tab of sortedTabs; let curIdx=index\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\" [aria-label]=\"curIdx === 0 ? tab.label + ', Please use left and right arrow keys to navigate case tabs' : '' | rpxTranslate\">\n <ng-template matTabContent>\n <table [class]=\"tab.id\" [attr.aria-label]=\"'case viewer table' | rpxTranslate\">\n <tbody>\n <ng-container *ngFor=\"let field of tab | ccdTabFields | ccdReadFieldsFilter:false :undefined :true : formGroup?.controls['data']\">\n <div ccdLabelSubstitutor [caseField]=\"field\" [contextFields]=\"caseFields\" [hidden]=\"field.hidden\">\n <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n <tr *ngSwitchCase=\"true\">\n <th [id]=\"'case-viewer-field-label--' + field.id\" scope=\"row\" *ngIf=\"!isFieldToHaveNoLabel(field) && field.label\">\n <div class=\"case-viewer-label text-16\">\n {{field.label | rpxTranslate}}</div>\n </th>\n <td [id]=\"'case-viewer-field-read--' + field.id\" scope=\"col\">\n <span class=\"text-16\">\n <ccd-field-read [topLevelFormGroup]=\"formGroup?.controls['data']\" [caseFields]=\"caseFields\"\n [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\">\n </ccd-field-read>\n </span>\n </td>\n </tr>\n <tr *ngSwitchCase=\"false\" class=\"compound-field\">\n <td role=\"rowheader\" [attr.aria-label]=\"(field.label || field.id) | rpxTranslate\" [id]=\"'case-viewer-field-read--' + field.id\">\n <span class=\"text-16\">\n <ccd-field-read [topLevelFormGroup]=\"formGroup.controls['data']\" [caseFields]=\"caseFields\"\n [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\">\n </ccd-field-read>\n </span>\n </td>\n </tr>\n </ng-container>\n </div>\n </ng-container>\n </tbody>\n </table>\n </ng-template>\n </mat-tab>\n <mat-tab *ngFor=\"let tab of appendedTabs\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\">\n <ng-template matTabContent>\n <ng-container *ngIf=\"tab.id === 'hearings'\">\n <exui-case-hearings-ce></exui-case-hearings-ce>\n </ng-container>\n </ng-template>\n </mat-tab>\n </mat-tab-group>\n </ng-container>\n </div>\n</div>\n", styles: ["th,.compound-field>td{width:1%;white-space:nowrap;vertical-align:top}.compound-field th{padding:0}.compound-field>td{padding:0}.case-viewer-controls{margin-top:47px;margin-bottom:20px}ccd-case-header{float:left;margin-right:10px}ccd-event-trigger{float:right}.case-viewer-label{min-width:300px;white-space:normal}.markdown h3{margin-bottom:0}.hide-table-capion{position:absolute;visibility:hidden}\n"] }]
41717
41720
  }], () => [{ type: i0.NgZone }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1$3.MatLegacyDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i5.Location }, { type: i0.ChangeDetectorRef }, { type: SessionStorageService }, { type: i1.RpxTranslatePipe }, { type: LoadingService }, { type: LinkedCasesService }, { type: CaseFlagStateService }, { type: i0.NgZone }], { hasPrint: [{
41718
41721
  type: Input
41719
41722
  }], hasEventSelector: [{
@@ -43214,7 +43217,7 @@ var ChallengedAccessRequestErrors;
43214
43217
  ChallengedAccessRequestErrors["NO_REASON"] = "Enter a reason";
43215
43218
  })(ChallengedAccessRequestErrors || (ChallengedAccessRequestErrors = {}));
43216
43219
 
43217
- const _c0$4 = a0 => ({ "form-group-error": a0 });
43220
+ const _c0$4 = a0 => ({ "govuk-form-group--error": a0 });
43218
43221
  const _c1$2 = a0 => ({ "govuk-input--error": a0 });
43219
43222
  const _c2 = a0 => ({ "govuk-textarea--error": a0 });
43220
43223
  function CaseChallengedAccessRequestComponent_exui_error_message_0_Template(rf, ctx) { if (rf & 1) {
@@ -43234,7 +43237,7 @@ function CaseChallengedAccessRequestComponent_div_17_Template(rf, ctx) { if (rf
43234
43237
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, ctx_r0.errorMessage.description), " ");
43235
43238
  } }
43236
43239
  function CaseChallengedAccessRequestComponent_div_24_div_4_Template(rf, ctx) { if (rf & 1) {
43237
- i0.ɵɵelementStart(0, "div", 32);
43240
+ i0.ɵɵelementStart(0, "div", 31);
43238
43241
  i0.ɵɵtext(1);
43239
43242
  i0.ɵɵpipe(2, "rpxTranslate");
43240
43243
  i0.ɵɵelementEnd();
@@ -43244,23 +43247,28 @@ function CaseChallengedAccessRequestComponent_div_24_div_4_Template(rf, ctx) { i
43244
43247
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, ctx_r0.errorMessage.description), " ");
43245
43248
  } }
43246
43249
  function CaseChallengedAccessRequestComponent_div_24_Template(rf, ctx) { if (rf & 1) {
43247
- i0.ɵɵelementStart(0, "div", 27)(1, "div", 28)(2, "label", 29);
43250
+ i0.ɵɵelementStart(0, "div", 27)(1, "div", 3)(2, "label", 28);
43248
43251
  i0.ɵɵtext(3);
43249
43252
  i0.ɵɵelementEnd();
43250
- i0.ɵɵtemplate(4, CaseChallengedAccessRequestComponent_div_24_div_4_Template, 3, 3, "div", 30);
43251
- i0.ɵɵelement(5, "input", 31);
43253
+ i0.ɵɵtemplate(4, CaseChallengedAccessRequestComponent_div_24_div_4_Template, 3, 3, "div", 29);
43254
+ i0.ɵɵelement(5, "input", 30);
43252
43255
  i0.ɵɵelementEnd()();
43253
43256
  } if (rf & 2) {
43257
+ let tmp_1_0;
43258
+ let tmp_5_0;
43254
43259
  const ctx_r0 = i0.ɵɵnextContext();
43255
- i0.ɵɵadvance(3);
43260
+ i0.ɵɵadvance();
43261
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$4, ((tmp_1_0 = ctx_r0.formGroup.get("caseReference")) == null ? null : tmp_1_0.invalid) && ctx_r0.submitted));
43262
+ i0.ɵɵadvance(2);
43256
43263
  i0.ɵɵtextInterpolate1(" ", ctx_r0.caseRefLabel, " ");
43257
43264
  i0.ɵɵadvance();
43258
43265
  i0.ɵɵproperty("ngIf", ctx_r0.formGroup.get("caseReference").invalid && ctx_r0.submitted);
43259
43266
  i0.ɵɵadvance();
43260
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c1$2, ctx_r0.formGroup.get("caseReference").invalid && ctx_r0.submitted));
43267
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1$2, ctx_r0.formGroup.get("caseReference").invalid && ctx_r0.submitted));
43268
+ i0.ɵɵattribute("aria-describedby", ((tmp_5_0 = ctx_r0.formGroup.get("caseReference")) == null ? null : tmp_5_0.invalid) && ctx_r0.submitted ? "case-reference-error-message" : null);
43261
43269
  } }
43262
43270
  function CaseChallengedAccessRequestComponent_div_40_div_2_Template(rf, ctx) { if (rf & 1) {
43263
- i0.ɵɵelementStart(0, "div", 36);
43271
+ i0.ɵɵelementStart(0, "div", 35);
43264
43272
  i0.ɵɵtext(1);
43265
43273
  i0.ɵɵpipe(2, "rpxTranslate");
43266
43274
  i0.ɵɵelementEnd();
@@ -43270,16 +43278,21 @@ function CaseChallengedAccessRequestComponent_div_40_div_2_Template(rf, ctx) { i
43270
43278
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, ctx_r0.errorMessage.description), " ");
43271
43279
  } }
43272
43280
  function CaseChallengedAccessRequestComponent_div_40_Template(rf, ctx) { if (rf & 1) {
43273
- i0.ɵɵelementStart(0, "div", 33)(1, "div", 28);
43274
- i0.ɵɵtemplate(2, CaseChallengedAccessRequestComponent_div_40_div_2_Template, 3, 3, "div", 34);
43275
- i0.ɵɵelement(3, "textarea", 35);
43281
+ i0.ɵɵelementStart(0, "div", 32)(1, "div", 3);
43282
+ i0.ɵɵtemplate(2, CaseChallengedAccessRequestComponent_div_40_div_2_Template, 3, 3, "div", 33);
43283
+ i0.ɵɵelement(3, "textarea", 34);
43276
43284
  i0.ɵɵelementEnd()();
43277
43285
  } if (rf & 2) {
43286
+ let tmp_1_0;
43287
+ let tmp_4_0;
43278
43288
  const ctx_r0 = i0.ɵɵnextContext();
43279
- i0.ɵɵadvance(2);
43289
+ i0.ɵɵadvance();
43290
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0$4, ((tmp_1_0 = ctx_r0.formGroup.get("otherReason")) == null ? null : tmp_1_0.invalid) && ctx_r0.submitted));
43291
+ i0.ɵɵadvance();
43280
43292
  i0.ɵɵproperty("ngIf", ctx_r0.formGroup.get("otherReason").invalid && ctx_r0.submitted);
43281
43293
  i0.ɵɵadvance();
43282
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c2, ctx_r0.formGroup.get("otherReason").invalid && ctx_r0.submitted));
43294
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c2, ctx_r0.formGroup.get("otherReason").invalid && ctx_r0.submitted));
43295
+ i0.ɵɵattribute("aria-describedby", "reason-3-label" + (((tmp_4_0 = ctx_r0.formGroup.get("otherReason")) == null ? null : tmp_4_0.invalid) && ctx_r0.submitted ? " other-reason-error-message" : ""));
43283
43296
  } }
43284
43297
  class CaseChallengedAccessRequestComponent {
43285
43298
  fb;
@@ -43427,7 +43440,7 @@ class CaseChallengedAccessRequestComponent {
43427
43440
  return input.value === null || input.value.trim().length === 0;
43428
43441
  }
43429
43442
  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), i0.ɵɵdirectiveInject(i4$1.Title)); };
43430
- 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) {
43443
+ static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseChallengedAccessRequestComponent, selectors: [["ccd-case-challenged-access-request"]], standalone: false, decls: 50, vars: 50, 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"], ["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", "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) {
43431
43444
  i0.ɵɵtemplate(0, CaseChallengedAccessRequestComponent_exui_error_message_0_Template, 1, 1, "exui-error-message", 0);
43432
43445
  i0.ɵɵelementStart(1, "cut-alert", 1);
43433
43446
  i0.ɵɵtext(2);
@@ -43454,7 +43467,7 @@ class CaseChallengedAccessRequestComponent {
43454
43467
  i0.ɵɵtext(22);
43455
43468
  i0.ɵɵpipe(23, "rpxTranslate");
43456
43469
  i0.ɵɵelementEnd()();
43457
- i0.ɵɵtemplate(24, CaseChallengedAccessRequestComponent_div_24_Template, 6, 5, "div", 13);
43470
+ i0.ɵɵtemplate(24, CaseChallengedAccessRequestComponent_div_24_Template, 6, 9, "div", 13);
43458
43471
  i0.ɵɵelementStart(25, "div", 10)(26, "input", 14);
43459
43472
  i0.ɵɵlistener("change", function CaseChallengedAccessRequestComponent_Template_input_change_26_listener() { return ctx.onChange(); });
43460
43473
  i0.ɵɵelementEnd();
@@ -43476,7 +43489,7 @@ class CaseChallengedAccessRequestComponent {
43476
43489
  i0.ɵɵtext(38);
43477
43490
  i0.ɵɵpipe(39, "rpxTranslate");
43478
43491
  i0.ɵɵelementEnd()();
43479
- i0.ɵɵtemplate(40, CaseChallengedAccessRequestComponent_div_40_Template, 4, 4, "div", 20);
43492
+ i0.ɵɵtemplate(40, CaseChallengedAccessRequestComponent_div_40_Template, 4, 8, "div", 20);
43480
43493
  i0.ɵɵelementEnd()()();
43481
43494
  i0.ɵɵelementStart(41, "div", 21)(42, "button", 22);
43482
43495
  i0.ɵɵtext(43);
@@ -43488,50 +43501,59 @@ class CaseChallengedAccessRequestComponent {
43488
43501
  i0.ɵɵpipe(49, "rpxTranslate");
43489
43502
  i0.ɵɵelementEnd()()()()();
43490
43503
  } if (rf & 2) {
43504
+ let tmp_4_0;
43505
+ let tmp_10_0;
43506
+ let tmp_15_0;
43507
+ let tmp_19_0;
43508
+ let tmp_23_0;
43491
43509
  i0.ɵɵproperty("ngIf", ctx.formGroup.invalid && ctx.submitted);
43492
43510
  i0.ɵɵadvance(2);
43493
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 24, "This case requires challenged access."));
43511
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 28, "This case requires challenged access."));
43494
43512
  i0.ɵɵadvance(3);
43495
- 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");
43513
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 30, "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");
43496
43514
  i0.ɵɵadvance(2);
43497
43515
  i0.ɵɵproperty("formGroup", ctx.formGroup);
43498
43516
  i0.ɵɵadvance();
43499
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(44, _c0$4, ctx.formGroup.invalid && ctx.submitted));
43517
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(48, _c0$4, ((tmp_4_0 = ctx.formGroup.get("radioSelected")) == null ? null : tmp_4_0.invalid) && ctx.submitted));
43500
43518
  i0.ɵɵadvance(4);
43501
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 28, ctx.title), " ");
43519
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 32, ctx.title), " ");
43502
43520
  i0.ɵɵadvance(3);
43503
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(16, 30, ctx.hint), " ");
43521
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(16, 34, ctx.hint), " ");
43504
43522
  i0.ɵɵadvance(2);
43505
43523
  i0.ɵɵproperty("ngIf", ctx.formGroup.get("radioSelected").invalid && ctx.submitted);
43506
43524
  i0.ɵɵadvance(3);
43507
43525
  i0.ɵɵproperty("value", ctx.accessReasons[0].reason)("checked", ctx.accessReasons[0].checked);
43526
+ i0.ɵɵattribute("aria-describedby", ((tmp_10_0 = ctx.formGroup.get("radioSelected")) == null ? null : tmp_10_0.invalid) && ctx.submitted ? "error-message" : null);
43508
43527
  i0.ɵɵadvance(2);
43509
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23, 32, ctx.accessReasons[0].reason), " ");
43528
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23, 36, ctx.accessReasons[0].reason), " ");
43510
43529
  i0.ɵɵadvance(2);
43511
43530
  i0.ɵɵproperty("ngIf", ctx.formGroup.get("radioSelected").value === ctx.accessReasons[0].reason);
43512
43531
  i0.ɵɵadvance(2);
43513
43532
  i0.ɵɵproperty("value", ctx.accessReasons[1].reason)("checked", ctx.accessReasons[1].checked);
43533
+ i0.ɵɵattribute("aria-describedby", ((tmp_15_0 = ctx.formGroup.get("radioSelected")) == null ? null : tmp_15_0.invalid) && ctx.submitted ? "error-message" : null);
43514
43534
  i0.ɵɵadvance(2);
43515
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29, 34, ctx.accessReasons[1].reason), " ");
43535
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29, 38, ctx.accessReasons[1].reason), " ");
43516
43536
  i0.ɵɵadvance(3);
43517
43537
  i0.ɵɵproperty("value", ctx.accessReasons[2].reason)("checked", ctx.accessReasons[2].checked);
43538
+ i0.ɵɵattribute("aria-describedby", ((tmp_19_0 = ctx.formGroup.get("radioSelected")) == null ? null : tmp_19_0.invalid) && ctx.submitted ? "error-message" : null);
43518
43539
  i0.ɵɵadvance(2);
43519
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(34, 36, ctx.accessReasons[2].reason), " ");
43540
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(34, 40, ctx.accessReasons[2].reason), " ");
43520
43541
  i0.ɵɵadvance(3);
43521
43542
  i0.ɵɵproperty("value", ctx.accessReasons[3].reason)("checked", ctx.accessReasons[3].checked);
43543
+ i0.ɵɵattribute("aria-describedby", ((tmp_23_0 = ctx.formGroup.get("radioSelected")) == null ? null : tmp_23_0.invalid) && ctx.submitted ? "error-message" : null);
43522
43544
  i0.ɵɵadvance(2);
43523
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(39, 38, ctx.accessReasons[3].reason), " ");
43545
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(39, 42, ctx.accessReasons[3].reason), " ");
43524
43546
  i0.ɵɵadvance(2);
43525
43547
  i0.ɵɵproperty("ngIf", ctx.formGroup.get("radioSelected").value === ctx.accessReasons[3].reason);
43526
43548
  i0.ɵɵadvance(3);
43527
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(44, 40, "Submit"), " ");
43549
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(44, 44, "Submit"), " ");
43528
43550
  i0.ɵɵadvance(5);
43529
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(49, 42, "Cancel"), " ");
43551
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(49, 46, "Cancel"), " ");
43530
43552
  } }, encapsulation: 2 });
43531
43553
  }
43532
43554
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseChallengedAccessRequestComponent, [{
43533
43555
  type: Component,
43534
- 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" }]
43556
+ 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]=\"{'govuk-form-group--error': formGroup.get('radioSelected')?.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 [attr.aria-describedby]=\"formGroup.get('radioSelected')?.invalid && submitted ? 'error-message' : null\" (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\" [ngClass]=\"{'govuk-form-group--error': formGroup.get('caseReference')?.invalid && submitted}\">\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\" [attr.aria-describedby]=\"formGroup.get('caseReference')?.invalid && submitted ? 'case-reference-error-message' : null\" 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\" [attr.aria-describedby]=\"formGroup.get('radioSelected')?.invalid && submitted ? 'error-message' : null\" (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\" [attr.aria-describedby]=\"formGroup.get('radioSelected')?.invalid && submitted ? 'error-message' : null\" (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 [attr.aria-describedby]=\"formGroup.get('radioSelected')?.invalid && submitted ? 'error-message' : null\" (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\" [ngClass]=\"{'govuk-form-group--error': formGroup.get('otherReason')?.invalid && submitted}\">\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\" [attr.aria-describedby]=\"'reason-3-label' + (formGroup.get('otherReason')?.invalid && submitted ? ' other-reason-error-message' : '')\" 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" }]
43535
43557
  }], () => [{ type: i4.FormBuilder }, { type: i1$1.Router }, { type: CasesService }, { type: i1$1.ActivatedRoute }, { type: CaseNotifier }, { type: i4$1.Title }], null); })();
43536
43558
  (() => { (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: 16 }); })();
43537
43559
 
@@ -43794,7 +43816,7 @@ class CaseReviewSpecificAccessRequestComponent {
43794
43816
  }
43795
43817
  }
43796
43818
  static ɵfac = function CaseReviewSpecificAccessRequestComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseReviewSpecificAccessRequestComponent)(i0.ɵɵdirectiveInject(i4.FormBuilder), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(AbstractAppConfig)); };
43797
- static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseReviewSpecificAccessRequestComponent, selectors: [["ccd-case-review-specific-access-request"]], standalone: false, decls: 77, vars: 55, consts: [[3, "error", 4, "ngIf"], [3, "submit", "formGroup"], [1, "govuk-form-group"], ["aria-describedby", "reason-hint", 1, "govuk-fieldset"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], [1, "govuk-fieldset__heading"], [1, "govuk-table"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header", "leftLabel"], [1, "govuk-table__cell"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--m"], ["id", "error-message", "class", "govuk-error-message", 4, "ngIf"], [1, "govuk-radios__item"], ["id", "reason-0", "name", "radioSelected", "type", "radio", "formControlName", "radioSelected", 1, "govuk-radios__input", 3, "change", "value", "checked"], ["for", "reason-0", 1, "govuk-label", "govuk-radios__label"], ["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"], [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"]], template: function CaseReviewSpecificAccessRequestComponent_Template(rf, ctx) { if (rf & 1) {
43819
+ static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseReviewSpecificAccessRequestComponent, selectors: [["ccd-case-review-specific-access-request"]], standalone: false, decls: 77, vars: 58, consts: [[3, "error", 4, "ngIf"], [3, "submit", "formGroup"], [1, "govuk-form-group"], ["aria-describedby", "reason-hint", 1, "govuk-fieldset"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], [1, "govuk-fieldset__heading"], [1, "govuk-table"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header", "leftLabel"], [1, "govuk-table__cell"], [1, "govuk-form-group", 3, "ngClass"], [1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--m"], ["id", "error-message", "class", "govuk-error-message", 4, "ngIf"], [1, "govuk-radios__item"], ["id", "reason-0", "name", "radioSelected", "type", "radio", "formControlName", "radioSelected", 1, "govuk-radios__input", 3, "change", "value", "checked"], ["for", "reason-0", 1, "govuk-label", "govuk-radios__label"], ["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"], [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"]], template: function CaseReviewSpecificAccessRequestComponent_Template(rf, ctx) { if (rf & 1) {
43798
43820
  i0.ɵɵtemplate(0, CaseReviewSpecificAccessRequestComponent_exui_error_message_0_Template, 1, 1, "exui-error-message", 0);
43799
43821
  i0.ɵɵelementStart(1, "form", 1);
43800
43822
  i0.ɵɵlistener("submit", function CaseReviewSpecificAccessRequestComponent_Template_form_submit_1_listener() { return ctx.onSubmit(); });
@@ -43880,58 +43902,64 @@ class CaseReviewSpecificAccessRequestComponent {
43880
43902
  i0.ɵɵpipe(76, "rpxTranslate");
43881
43903
  i0.ɵɵelementEnd()()()()();
43882
43904
  } if (rf & 2) {
43905
+ let tmp_18_0;
43906
+ let tmp_22_0;
43907
+ let tmp_26_0;
43883
43908
  i0.ɵɵproperty("ngIf", ctx.formGroup.invalid && ctx.submitted);
43884
43909
  i0.ɵɵadvance();
43885
43910
  i0.ɵɵproperty("formGroup", ctx.formGroup);
43886
43911
  i0.ɵɵadvance(7);
43887
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 27, ctx.title), " ");
43912
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 30, ctx.title), " ");
43888
43913
  i0.ɵɵadvance(8);
43889
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17, 29, "Case name"), " ");
43914
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17, 32, "Case name"), " ");
43890
43915
  i0.ɵɵadvance(3);
43891
43916
  i0.ɵɵtextInterpolate(ctx.requestAccessDetails.caseName);
43892
43917
  i0.ɵɵadvance(3);
43893
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23, 31, "Case reference"), " ");
43918
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23, 34, "Case reference"), " ");
43894
43919
  i0.ɵɵadvance(3);
43895
43920
  i0.ɵɵtextInterpolate(ctx.requestAccessDetails.caseReference);
43896
43921
  i0.ɵɵadvance(3);
43897
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29, 33, "Date submitted"), " ");
43922
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(29, 36, "Date submitted"), " ");
43898
43923
  i0.ɵɵadvance(3);
43899
43924
  i0.ɵɵtextInterpolate(ctx.requestAccessDetails.dateSubmitted);
43900
43925
  i0.ɵɵadvance(3);
43901
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(35, 35, "Request from"), " ");
43926
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(35, 38, "Request from"), " ");
43902
43927
  i0.ɵɵadvance(3);
43903
43928
  i0.ɵɵtextInterpolate(ctx.requestAccessDetails.requestFrom);
43904
43929
  i0.ɵɵadvance(4);
43905
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(42, 37, "Reason for case access"), " ");
43930
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(42, 40, "Reason for case access"), " ");
43906
43931
  i0.ɵɵadvance(3);
43907
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(45, 39, ctx.requestAccessDetails.reasonForCaseAccess));
43932
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(45, 42, ctx.requestAccessDetails.reasonForCaseAccess));
43908
43933
  i0.ɵɵadvance(2);
43909
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(53, _c0$2, ctx.formGroup.invalid && ctx.submitted));
43934
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(56, _c0$2, ctx.formGroup.invalid && ctx.submitted));
43910
43935
  i0.ɵɵadvance(4);
43911
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(51, 41, ctx.hint), " ");
43936
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(51, 44, ctx.hint), " ");
43912
43937
  i0.ɵɵadvance(2);
43913
43938
  i0.ɵɵproperty("ngIf", ctx.formGroup.get("radioSelected").invalid && ctx.submitted);
43914
43939
  i0.ɵɵadvance(2);
43915
43940
  i0.ɵɵproperty("value", ctx.accessReasons[0].reason)("checked", ctx.accessReasons[0].checked);
43941
+ i0.ɵɵattribute("aria-describedby", ((tmp_18_0 = ctx.formGroup.get("radioSelected")) == null ? null : tmp_18_0.invalid) && ctx.submitted ? "error-message" : null);
43916
43942
  i0.ɵɵadvance(2);
43917
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(57, 43, ctx.accessReasons[0].reason), " ");
43943
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(57, 46, ctx.accessReasons[0].reason), " ");
43918
43944
  i0.ɵɵadvance(3);
43919
43945
  i0.ɵɵproperty("value", ctx.accessReasons[1].reason)("checked", ctx.accessReasons[1].checked);
43946
+ i0.ɵɵattribute("aria-describedby", ((tmp_22_0 = ctx.formGroup.get("radioSelected")) == null ? null : tmp_22_0.invalid) && ctx.submitted ? "error-message" : null);
43920
43947
  i0.ɵɵadvance(2);
43921
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(62, 45, ctx.accessReasons[1].reason), " ");
43948
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(62, 48, ctx.accessReasons[1].reason), " ");
43922
43949
  i0.ɵɵadvance(3);
43923
43950
  i0.ɵɵproperty("value", ctx.accessReasons[2].reason)("checked", ctx.accessReasons[2].checked);
43951
+ i0.ɵɵattribute("aria-describedby", ((tmp_26_0 = ctx.formGroup.get("radioSelected")) == null ? null : tmp_26_0.invalid) && ctx.submitted ? "error-message" : null);
43924
43952
  i0.ɵɵadvance(2);
43925
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(67, 47, ctx.accessReasons[2].reason), " ");
43953
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(67, 50, ctx.accessReasons[2].reason), " ");
43926
43954
  i0.ɵɵadvance(4);
43927
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(71, 49, "Continue"), " ");
43955
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(71, 52, "Continue"), " ");
43928
43956
  i0.ɵɵadvance(5);
43929
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(76, 51, "Cancel"), " ");
43957
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(76, 54, "Cancel"), " ");
43930
43958
  } }, styles: [".left-label[_ngcontent-%COMP%]{width:220px}"] });
43931
43959
  }
43932
43960
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseReviewSpecificAccessRequestComponent, [{
43933
43961
  type: Component,
43934
- args: [{ selector: 'ccd-case-review-specific-access-request', standalone: false, template: "<exui-error-message\n *ngIf=\"formGroup.invalid && submitted\"\n [error]=\"errorMessage\">\n</exui-error-message>\n\n<form [formGroup]=\"formGroup\" (submit)=\"onSubmit()\">\n <div class=\"govuk-form-group\">\n <fieldset class=\"govuk-fieldset\" aria-describedby=\"reason-hint\">\n <div class=\"govuk-grid-column-two-thirds\">\n <p></p>\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n <h1 class=\"govuk-fieldset__heading\">\n {{ title | rpxTranslate }}\n </h1>\n </legend>\n <p></p>\n <table class=\"govuk-table\">\n <caption></caption>\n <tbody class=\"govuk-table__body\">\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header leftLabel\" >\n {{'Case name' | rpxTranslate}}\n </th>\n <td class=\"govuk-table__cell\">{{ requestAccessDetails.caseName }}</td>\n </tr>\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header leftLabel\" >\n {{'Case reference' | rpxTranslate}}\n </th>\n <td class=\"govuk-table__cell\">{{ requestAccessDetails.caseReference }}</td>\n </tr>\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header leftLabel\" >\n {{'Date submitted' | rpxTranslate}}\n </th>\n <td class=\"govuk-table__cell\">{{ requestAccessDetails.dateSubmitted }}</td>\n </tr>\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header leftLabel\" >\n {{'Request from' | rpxTranslate}}\n </th>\n <td class=\"govuk-table__cell\">{{ requestAccessDetails.requestFrom }}<br /></td>\n </tr>\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header leftLabel\" >\n {{'Reason for case access' | rpxTranslate}}\n </th>\n <td class=\"govuk-table__cell\">{{ requestAccessDetails.reasonForCaseAccess | rpxTranslate }}</td>\n </tr>\n </tbody>\n </table>\n\n <div\n class=\"govuk-form-group\"\n [ngClass]=\"{ 'form-group-error': formGroup.invalid && submitted }\">\n <fieldset class=\"govuk-fieldset\">\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n <h1 class=\"govuk-fieldset__heading\">\n {{ hint | rpxTranslate }}\n </h1>\n </legend>\n <div\n id=\"error-message\"\n class=\"govuk-error-message\"\n *ngIf=\"formGroup.get('radioSelected').invalid && submitted\">\n {{ errorMessage.description | rpxTranslate }}\n </div>\n <div class=\"govuk-radios__item\">\n <input\n class=\"govuk-radios__input\"\n id=\"reason-0\"\n name=\"radioSelected\"\n type=\"radio\"\n [value]=\"accessReasons[0].reason\"\n formControlName=\"radioSelected\"\n [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 class=\"govuk-radios__item\">\n <input\n class=\"govuk-radios__input\"\n id=\"reason-1\"\n name=\"radioSelected\"\n type=\"radio\"\n [value]=\"accessReasons[1].reason\"\n formControlName=\"radioSelected\"\n [checked]=\"accessReasons[1].checked\"\n (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\n class=\"govuk-radios__input\"\n id=\"reason-2\"\n name=\"radioSelected\"\n type=\"radio\"\n [value]=\"accessReasons[2].reason\"\n formControlName=\"radioSelected\"\n [checked]=\"accessReasons[2].checked\"\n (change)=\"onChange()\"/>\n <label class=\"govuk-label govuk-radios__label\" for=\"reason-2\">\n {{ accessReasons[2].reason | rpxTranslate }}\n </label>\n </div>\n </fieldset>\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 {{'Continue' | 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", styles: [".left-label{width:220px}\n"] }]
43962
+ args: [{ selector: 'ccd-case-review-specific-access-request', standalone: false, template: "<exui-error-message\n *ngIf=\"formGroup.invalid && submitted\"\n [error]=\"errorMessage\">\n</exui-error-message>\n\n<form [formGroup]=\"formGroup\" (submit)=\"onSubmit()\">\n <div class=\"govuk-form-group\">\n <fieldset class=\"govuk-fieldset\" aria-describedby=\"reason-hint\">\n <div class=\"govuk-grid-column-two-thirds\">\n <p></p>\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n <h1 class=\"govuk-fieldset__heading\">\n {{ title | rpxTranslate }}\n </h1>\n </legend>\n <p></p>\n <table class=\"govuk-table\">\n <caption></caption>\n <tbody class=\"govuk-table__body\">\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header leftLabel\" >\n {{'Case name' | rpxTranslate}}\n </th>\n <td class=\"govuk-table__cell\">{{ requestAccessDetails.caseName }}</td>\n </tr>\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header leftLabel\" >\n {{'Case reference' | rpxTranslate}}\n </th>\n <td class=\"govuk-table__cell\">{{ requestAccessDetails.caseReference }}</td>\n </tr>\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header leftLabel\" >\n {{'Date submitted' | rpxTranslate}}\n </th>\n <td class=\"govuk-table__cell\">{{ requestAccessDetails.dateSubmitted }}</td>\n </tr>\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header leftLabel\" >\n {{'Request from' | rpxTranslate}}\n </th>\n <td class=\"govuk-table__cell\">{{ requestAccessDetails.requestFrom }}<br /></td>\n </tr>\n <tr class=\"govuk-table__row\">\n <th scope=\"row\" class=\"govuk-table__header leftLabel\" >\n {{'Reason for case access' | rpxTranslate}}\n </th>\n <td class=\"govuk-table__cell\">{{ requestAccessDetails.reasonForCaseAccess | rpxTranslate }}</td>\n </tr>\n </tbody>\n </table>\n\n <div\n class=\"govuk-form-group\"\n [ngClass]=\"{ 'form-group-error': formGroup.invalid && submitted }\">\n <fieldset class=\"govuk-fieldset\">\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n <h1 class=\"govuk-fieldset__heading\">\n {{ hint | rpxTranslate }}\n </h1>\n </legend>\n <div\n id=\"error-message\"\n class=\"govuk-error-message\"\n *ngIf=\"formGroup.get('radioSelected').invalid && submitted\">\n {{ errorMessage.description | rpxTranslate }}\n </div>\n <div class=\"govuk-radios__item\">\n <input\n class=\"govuk-radios__input\"\n id=\"reason-0\"\n name=\"radioSelected\"\n type=\"radio\"\n [value]=\"accessReasons[0].reason\"\n formControlName=\"radioSelected\"\n [checked]=\"accessReasons[0].checked\"\n [attr.aria-describedby]=\"formGroup.get('radioSelected')?.invalid && submitted ? 'error-message' : null\"\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 class=\"govuk-radios__item\">\n <input\n class=\"govuk-radios__input\"\n id=\"reason-1\"\n name=\"radioSelected\"\n type=\"radio\"\n [value]=\"accessReasons[1].reason\"\n formControlName=\"radioSelected\"\n [checked]=\"accessReasons[1].checked\"\n [attr.aria-describedby]=\"formGroup.get('radioSelected')?.invalid && submitted ? 'error-message' : null\"\n (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\n class=\"govuk-radios__input\"\n id=\"reason-2\"\n name=\"radioSelected\"\n type=\"radio\"\n [value]=\"accessReasons[2].reason\"\n formControlName=\"radioSelected\"\n [checked]=\"accessReasons[2].checked\"\n [attr.aria-describedby]=\"formGroup.get('radioSelected')?.invalid && submitted ? 'error-message' : null\"\n (change)=\"onChange()\"/>\n <label class=\"govuk-label govuk-radios__label\" for=\"reason-2\">\n {{ accessReasons[2].reason | rpxTranslate }}\n </label>\n </div>\n </fieldset>\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 {{'Continue' | 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", styles: [".left-label{width:220px}\n"] }]
43935
43963
  }], () => [{ type: i4.FormBuilder }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: AbstractAppConfig }], null); })();
43936
43964
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseReviewSpecificAccessRequestComponent, { className: "CaseReviewSpecificAccessRequestComponent", filePath: "lib/shared/components/case-viewer/case-review-specific-access-request/case-review-specific-access-request.component.ts", lineNumber: 15 }); })();
43937
43965
 
@@ -44082,7 +44110,7 @@ class CaseSpecificAccessRequestComponent {
44082
44110
  return input.value === null || input.value.trim().length === 0;
44083
44111
  }
44084
44112
  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), i0.ɵɵdirectiveInject(i4$1.Title)); };
44085
- static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseSpecificAccessRequestComponent, selectors: [["ccd-case-specific-access-request"]], standalone: false, decls: 53, vars: 45, 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"], ["for", "specific-reason", 1, "govuk-label", "govuk-visually-hidden"], ["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) {
44113
+ static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseSpecificAccessRequestComponent, selectors: [["ccd-case-specific-access-request"]], standalone: false, decls: 53, 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"], ["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"], ["for", "specific-reason", 1, "govuk-label", "govuk-visually-hidden"], ["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) {
44086
44114
  i0.ɵɵtemplate(0, CaseSpecificAccessRequestComponent_exui_error_message_0_Template, 1, 1, "exui-error-message", 0);
44087
44115
  i0.ɵɵelementStart(1, "cut-alert", 1);
44088
44116
  i0.ɵɵtext(2);
@@ -44140,44 +44168,46 @@ class CaseSpecificAccessRequestComponent {
44140
44168
  i0.ɵɵpipe(52, "rpxTranslate");
44141
44169
  i0.ɵɵelementEnd()()()()();
44142
44170
  } if (rf & 2) {
44171
+ let tmp_15_0;
44143
44172
  i0.ɵɵproperty("ngIf", ctx.formGroup.invalid && ctx.submitted || ctx.getSpecificAccessError);
44144
44173
  i0.ɵɵadvance(2);
44145
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 17, "Authorisation is needed to access this case."));
44174
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 18, "Authorisation is needed to access this case."));
44146
44175
  i0.ɵɵadvance(3);
44147
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 19, "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");
44176
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 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");
44148
44177
  i0.ɵɵadvance(2);
44149
44178
  i0.ɵɵproperty("formGroup", ctx.formGroup);
44150
44179
  i0.ɵɵadvance();
44151
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(41, _c0$1, ctx.formGroup.invalid && ctx.submitted));
44180
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(42, _c0$1, ctx.formGroup.invalid && ctx.submitted));
44152
44181
  i0.ɵɵadvance(4);
44153
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 21, ctx.title), " ");
44182
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 22, ctx.title), " ");
44154
44183
  i0.ɵɵadvance(5);
44155
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(18, 23, "Help with requesting case access"), " ");
44184
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(18, 24, "Help with requesting case access"), " ");
44156
44185
  i0.ɵɵadvance(4);
44157
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(22, 25, "You could include:"));
44186
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(22, 26, "You could include:"));
44158
44187
  i0.ɵɵadvance(4);
44159
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(26, 27, "the case reference of the linked case"));
44188
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(26, 28, "the case reference of the linked case"));
44160
44189
  i0.ɵɵadvance(3);
44161
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(29, 29, "how long you require access to this case"));
44190
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(29, 30, "how long you require access to this case"));
44162
44191
  i0.ɵɵadvance(3);
44163
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(32, 31, "any other reasons why you require access"));
44192
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(32, 32, "any other reasons why you require access"));
44164
44193
  i0.ɵɵadvance(3);
44165
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(35, 33, ctx.hint), " ");
44194
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(35, 34, ctx.hint), " ");
44166
44195
  i0.ɵɵadvance(4);
44167
44196
  i0.ɵɵproperty("ngIf", ctx.formGroup.get("specificReason").invalid && ctx.submitted);
44168
44197
  i0.ɵɵadvance(2);
44169
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(41, 35, ctx.title), " ");
44198
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(41, 36, ctx.title), " ");
44170
44199
  i0.ɵɵadvance(2);
44171
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(43, _c1$1, ctx.formGroup.get("specificReason").invalid && ctx.submitted));
44200
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(44, _c1$1, ctx.formGroup.get("specificReason").invalid && ctx.submitted));
44201
+ i0.ɵɵattribute("aria-describedby", ((tmp_15_0 = ctx.formGroup.get("specificReason")) == null ? null : tmp_15_0.invalid) && ctx.submitted ? "specific-reason-error-message" : null);
44172
44202
  i0.ɵɵadvance(4);
44173
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(47, 37, "Submit"), " ");
44203
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(47, 38, "Submit"), " ");
44174
44204
  i0.ɵɵadvance(5);
44175
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(52, 39, "Cancel"), " ");
44205
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(52, 40, "Cancel"), " ");
44176
44206
  } }, encapsulation: 2 });
44177
44207
  }
44178
44208
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseSpecificAccessRequestComponent, [{
44179
44209
  type: Component,
44180
- 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 <label class=\"govuk-label govuk-visually-hidden\" for=\"specific-reason\">\n {{ title | rpxTranslate }}\n </label>\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" }]
44210
+ 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 <label class=\"govuk-label govuk-visually-hidden\" for=\"specific-reason\">\n {{ title | rpxTranslate }}\n </label>\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 [attr.aria-describedby]=\"formGroup.get('specificReason')?.invalid && submitted ? 'specific-reason-error-message' : null\"\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" }]
44181
44211
  }], () => [{ type: i4.FormBuilder }, { type: i1$1.Router }, { type: CasesService }, { type: i1$1.ActivatedRoute }, { type: CaseNotifier }, { type: i4$1.Title }], null); })();
44182
44212
  (() => { (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: 24 }); })();
44183
44213