@hmcts/rpx-xui-common-lib 3.2.20-rc1 → 3.2.21-govuk6

package/fesm2022/hmcts-rpx-xui-common-lib.mjs

@@ -1094,13 +1094,13 @@ function ContactDetailsComponent_Conditional_0_Conditional_1_Template(rf, ctx) {
     i0.ɵɵtextInterpolate(ctx_r0.data.title);
 } }
 function ContactDetailsComponent_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p")(1, "span", 6);
+    i0.ɵɵelementStart(0, "p")(1, "strong", 6);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("className", "hmcts-badge " + ctx_r0.data.badgeColour);
+    i0.ɵɵproperty("className", "govuk-tag " + ctx_r0.data.badgeColour);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.data.badgeText);
 } }
@@ -1202,7 +1202,7 @@ class ContactDetailsComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContactDetailsComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-contact-details', standalone: false, template: "@if (data) {\n  <div class=\"contact-details\">\n    @if (data.title) {\n      <h3 class=\"govuk-heading-m\">{{ data.title }}</h3>\n    }\n    @if (data.badgeText) {\n      <p><span [className]=\"'hmcts-badge ' + data.badgeColour\">{{ data.badgeText }}</span></p>\n    }\n    @if (data.email) {\n      <div class=\"email\"><span class=\"govuk-!-font-weight-bold\">{{'Email:' | rpxTranslate}} </span> <a href=\"mailto:{{ data.email }}\">{{ data.email }}</a></div>\n    }\n    @if (data.contactDetails) {\n      <div class=\"contactDetails\"><span class=\"govuk-!-font-weight-bold\">{{'Contact:' | rpxTranslate}} </span> <a rel=\"external\" href=\"{{ data.contactDetails.contactLink }}\">{{ data.contactDetails.name }}</a></div>\n    }\n    @if (data.phone) {\n      <div class=\"phone\"><span class=\"govuk-!-font-weight-bold\">{{'Phone:' | rpxTranslate}} </span>{{ data.phone }}</div>\n    }\n    @if (data.openingTimes) {\n      <div class=\"opening-times\"><span class=\"govuk-!-font-weight-bold\">{{'Opening times:' | rpxTranslate }} </span>{{ data.openingTimes}}</div>\n    }\n  </div>\n}", styles: [".contact-details{margin-top:30px}.contact-details h3,.contact-details p{margin-bottom:10px}\n"] }]
+        args: [{ selector: 'xuilib-contact-details', standalone: false, template: "@if (data) {\n  <div class=\"contact-details\">\n    @if (data.title) {\n      <h3 class=\"govuk-heading-m\">{{ data.title }}</h3>\n    }\n    @if (data.badgeText) {\n      <p><strong [className]=\"'govuk-tag ' + data.badgeColour\">{{ data.badgeText }}</strong></p>\n    }\n    @if (data.email) {\n      <div class=\"email\"><span class=\"govuk-!-font-weight-bold\">{{'Email:' | rpxTranslate}} </span> <a href=\"mailto:{{ data.email }}\">{{ data.email }}</a></div>\n    }\n    @if (data.contactDetails) {\n      <div class=\"contactDetails\"><span class=\"govuk-!-font-weight-bold\">{{'Contact:' | rpxTranslate}} </span> <a rel=\"external\" href=\"{{ data.contactDetails.contactLink }}\">{{ data.contactDetails.name }}</a></div>\n    }\n    @if (data.phone) {\n      <div class=\"phone\"><span class=\"govuk-!-font-weight-bold\">{{'Phone:' | rpxTranslate}} </span>{{ data.phone }}</div>\n    }\n    @if (data.openingTimes) {\n      <div class=\"opening-times\"><span class=\"govuk-!-font-weight-bold\">{{'Opening times:' | rpxTranslate }} </span>{{ data.openingTimes}}</div>\n    }\n  </div>\n}", styles: [".contact-details{margin-top:30px}.contact-details h3,.contact-details p{margin-bottom:10px}\n"] }]
     }], () => [], { data: [{
             type: Input
         }] }); })();
@@ -1210,14 +1210,14 @@ class ContactDetailsComponent {
 
 var DateBadgeColour;
 (function (DateBadgeColour) {
-    DateBadgeColour["RED"] = "hmcts-badge--red";
-    DateBadgeColour["ORANGE"] = "hmcts-badge--orange";
-    DateBadgeColour["GREEN"] = "hmcts-badge--green";
+    DateBadgeColour["RED"] = "govuk-tag--red";
+    DateBadgeColour["ORANGE"] = "govuk-tag--orange";
+    DateBadgeColour["GREEN"] = "govuk-tag--green";
 })(DateBadgeColour || (DateBadgeColour = {}));
 const SECONDS_IN_A_DAY = 60 * 60 * 24;
 
 function DueDateComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 0);
+    i0.ɵɵelementStart(0, "strong", 0);
     i0.ɵɵpipe(1, "rpxTranslate");
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵtext(3);
@@ -1333,15 +1333,15 @@ class DueDateComponent {
         return Math.floor(diffSecs / SECONDS_IN_A_DAY);
     }
     static { this.ɵfac = function DueDateComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DueDateComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DueDateComponent, selectors: [["xuilib-due-date"]], inputs: { dueDate: "dueDate", highUrgencyCutoff: "highUrgencyCutoff", mediumUrgencyCutoff: "mediumUrgencyCutoff" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[1, "due-date", "hmcts-badge", 3, "ngClass", "title"]], template: function DueDateComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, DueDateComponent_Conditional_0_Template, 5, 10, "span", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DueDateComponent, selectors: [["xuilib-due-date"]], inputs: { dueDate: "dueDate", highUrgencyCutoff: "highUrgencyCutoff", mediumUrgencyCutoff: "mediumUrgencyCutoff" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[1, "due-date", "govuk-tag", 3, "ngClass", "title"]], template: function DueDateComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, DueDateComponent_Conditional_0_Template, 5, 10, "strong", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.dueDate ? 0 : -1);
-        } }, dependencies: [i1.NgClass, i2.RpxTranslatePipe], styles: [".due-date{white-space:nowrap}.due-date.hmcts-badge--orange{color:#f47738;border-color:#f47738}\n"], encapsulation: 2 }); }
+        } }, dependencies: [i1.NgClass, i2.RpxTranslatePipe], styles: [".due-date{white-space:nowrap}\n"], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DueDateComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-due-date', encapsulation: ViewEncapsulation.None, standalone: false, template: "@if (dueDate) {\n  <span class=\"due-date hmcts-badge\" [ngClass]=\"badge\"\n    [title]=\"accessibleLabel | rpxTranslate\" [attr.aria-label]=\"accessibleLabel | rpxTranslate\">\n    {{label | rpxTranslate}}\n  </span>\n}", styles: [".due-date{white-space:nowrap}.due-date.hmcts-badge--orange{color:#f47738;border-color:#f47738}\n"] }]
+        args: [{ selector: 'xuilib-due-date', encapsulation: ViewEncapsulation.None, standalone: false, template: "@if (dueDate) {\n  <strong class=\"due-date govuk-tag\" [ngClass]=\"badge\"\n    [title]=\"accessibleLabel | rpxTranslate\" [attr.aria-label]=\"accessibleLabel | rpxTranslate\">\n    {{label | rpxTranslate}}\n  </strong>\n}", styles: [".due-date{white-space:nowrap}\n"] }]
     }], () => [{ type: i0.ChangeDetectorRef }], { dueDate: [{
             type: Input
         }], highUrgencyCutoff: [{
@@ -1521,9 +1521,9 @@ var SharedCaseErrorMessages;
 
 var BadgeColour;
 (function (BadgeColour) {
-    BadgeColour["BADGE_RED"] = "hmcts-badge--red";
-    BadgeColour["BADGE_BLUE"] = "hmcts-badge--blue";
-    BadgeColour["BADGE_GREEN"] = "hmcts-badge--green";
+    BadgeColour["BADGE_RED"] = "govuk-tag--red";
+    BadgeColour["BADGE_BLUE"] = "govuk-tag--blue";
+    BadgeColour["BADGE_GREEN"] = "govuk-tag--green";
 })(BadgeColour || (BadgeColour = {}));
 
 class AnonymousFeatureUser {
@@ -2495,7 +2495,7 @@ class FindAPersonService {
             }]
     }], () => [{ type: i1$2.HttpClient }, { type: SessionStorageService }], null); })();
 
-const _c0$n = a0 => ({ "form-group-error": a0 });
+const _c0$n = a0 => ({ "govuk-form-group--error": a0 });
 const _c1$d = (a0, a1) => ({ "hide-autocomplete": a0, "select-option": a1 });
 const _c2$5 = a0 => ({ "select-option": a0 });
 function FindPersonComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
@@ -2685,7 +2685,7 @@ class FindPersonComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FindPersonComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-find-person', standalone: false, template: "@if (title && title.length) {\n  <h1 class=\"govuk-heading-l\">\n    <span class=\"govuk-caption-l\">{{title | rpxTranslate}}</span>\n    {{boldTitle | rpxTranslate}}\n  </h1>\n}\n<div class=\"govuk-form-group\" [formGroup]=\"findPersonGroup\"\n  [ngClass]=\"{'form-group-error': findPersonGroup.get('findPersonControl').invalid && submitted}\">\n  <fieldset class=\"govuk-fieldset\" [attr.aria-describedby]=\"subTitle && subTitle.length ? 'sub-title-hint' : null\">\n    <legend class=\"govuk-visually-hidden\">{{boldTitle | rpxTranslate}}</legend>\n    @if (subTitle && subTitle.length) {\n      <div id=\"sub-title-hint\" class=\"govuk-hint\">\n        {{subTitle | rpxTranslate}}\n      </div>\n    }\n    @if (findPersonGroup && findPersonGroup.errors) {\n      <span id=\"validation-error\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span>{{findPersonGroup.errors.error ? findPersonGroup.errors.error : errorMessage}}\n      </span>\n    }\n    <input id=\"inputSelectPerson{{idValue}}\" type=\"text\" aria-label=\"select a person\"\n      formControlName=\"findPersonControl\"\n      [matAutocomplete]=\"auto\"\n      class=\"govuk-input govuk-!-width-one-third\"\n      [placeholder]=\"placeholderContent\"\n      [attr.disabled]=\"disabled\"\n      (input)=\"onInput()\">\n    <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"onSelectionChange($event.option.value)\">\n      @for (option of filteredOptions; track option) {\n        <mat-option\n          [value]=\"option\"\n          [ngClass]=\"{'hide-autocomplete': !showAutocomplete, 'select-option': showUpdatedColor}\">\n          {{getDisplayName(option) | rpxTranslate}}\n        </mat-option>\n      }\n      @if (isNoResultsShown && !filteredOptions.length && showAutocomplete) {\n        <mat-option [ngClass]=\"{'select-option': showUpdatedColor}\">{{'No results found' | rpxTranslate}}</mat-option>\n      }\n    </mat-autocomplete>\n  </fieldset>\n</div>\n", styles: [".mat-option:hover{background:#2596be}.mat-option.select-option:hover{background:#1d70b8;color:#fff}.hide-autocomplete{display:none}\n"] }]
+        args: [{ selector: 'xuilib-find-person', standalone: false, template: "@if (title && title.length) {\n  <h1 class=\"govuk-heading-l\">\n    <span class=\"govuk-caption-l\">{{title | rpxTranslate}}</span>\n    {{boldTitle | rpxTranslate}}\n  </h1>\n}\n<div class=\"govuk-form-group\" [formGroup]=\"findPersonGroup\"\n  [ngClass]=\"{'govuk-form-group--error': findPersonGroup.get('findPersonControl').invalid && submitted}\">\n  <fieldset class=\"govuk-fieldset\" [attr.aria-describedby]=\"subTitle && subTitle.length ? 'sub-title-hint' : null\">\n    <legend class=\"govuk-visually-hidden\">{{boldTitle | rpxTranslate}}</legend>\n    @if (subTitle && subTitle.length) {\n      <div id=\"sub-title-hint\" class=\"govuk-hint\">\n        {{subTitle | rpxTranslate}}\n      </div>\n    }\n    @if (findPersonGroup && findPersonGroup.errors) {\n      <span id=\"validation-error\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span>{{findPersonGroup.errors.error ? findPersonGroup.errors.error : errorMessage}}\n      </span>\n    }\n    <input id=\"inputSelectPerson{{idValue}}\" type=\"text\" aria-label=\"select a person\"\n      formControlName=\"findPersonControl\"\n      [matAutocomplete]=\"auto\"\n      class=\"govuk-input govuk-!-width-one-third\"\n      [placeholder]=\"placeholderContent\"\n      [attr.disabled]=\"disabled\"\n      (input)=\"onInput()\">\n    <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"onSelectionChange($event.option.value)\">\n      @for (option of filteredOptions; track option) {\n        <mat-option\n          [value]=\"option\"\n          [ngClass]=\"{'hide-autocomplete': !showAutocomplete, 'select-option': showUpdatedColor}\">\n          {{getDisplayName(option) | rpxTranslate}}\n        </mat-option>\n      }\n      @if (isNoResultsShown && !filteredOptions.length && showAutocomplete) {\n        <mat-option [ngClass]=\"{'select-option': showUpdatedColor}\">{{'No results found' | rpxTranslate}}</mat-option>\n      }\n    </mat-autocomplete>\n  </fieldset>\n</div>\n", styles: [".mat-option:hover{background:#2596be}.mat-option.select-option:hover{background:#1d70b8;color:#fff}.hide-autocomplete{display:none}\n"] }]
     }], () => [{ type: FindAPersonService }, { type: i0.ChangeDetectorRef }], { personSelected: [{
             type: Output
         }], personFieldChanged: [{
@@ -3152,7 +3152,7 @@ class FindLocationComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FindLocationComponent, { className: "FindLocationComponent", filePath: "lib/components/find-location/find-location.component.ts", lineNumber: 14 }); })();
 
-const _c0$m = a0 => ({ "form-group-error": a0 });
+const _c0$m = a0 => ({ "govuk-form-group--error": a0 });
 const _c1$c = (a0, a1) => ({ "hide-autocomplete": a0, "select-option": a1 });
 const _c2$4 = a0 => ({ "select-option": a0 });
 function FindTaskNameComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
@@ -3308,7 +3308,7 @@ class FindTaskNameComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FindTaskNameComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-find-task-name', standalone: false, template: "@if (title && title.length) {\n  <h1 class=\"govuk-heading-l\">\n    <span class=\"govuk-caption-l\">{{title}}</span>\n    {{boldTitle}}\n  </h1>\n}\n<div class=\"govuk-form-group\" [formGroup]=\"findTaskNameGroup\"\n  [ngClass]=\"{'form-group-error': findTaskNameGroup.get('findTaskNameControl')?.invalid && submitted}\">\n  <fieldset class=\"govuk-fieldset\" [attr.aria-describedby]=\"subTitle && subTitle.length ? 'sub-title-hint' : null\">\n    <legend class=\"govuk-visually-hidden\">{{ boldTitle }}</legend>\n    @if (subTitle && subTitle.length) {\n      <div id=\"sub-title-hint\" class=\"govuk-hint\">\n        {{subTitle}}\n      </div>\n    }\n    @if (findTaskNameGroup && findTaskNameGroup.errors) {\n      <span id=\"validation-error\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error:</span>{{findTaskNameGroup.errors.error ? findTaskNameGroup.errors.error : errorMessage}}\n      </span>\n    }\n    <input id=\"inputSelectTaskName{{idValue}}\" type=\"text\" aria-label=\"select a task name\"\n      formControlName=\"findTaskNameControl\"\n      [matAutocomplete]=\"auto\"\n      class=\"govuk-input govuk-!-width-one-third\"\n      [placeholder]=\"placeholderContent\"\n      [attr.disabled]=\"disabled\"\n      (input)=\"onInput()\">\n    <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"onSelectionChange($event.option.value)\">\n      @for (option of filteredOptions; track option) {\n        <mat-option\n          [value]=\"option\"\n          [ngClass]=\"{'hide-autocomplete': !showAutocomplete, 'select-option': showUpdatedColor}\">\n          {{ getTaskTypeName(option) }}\n        </mat-option>\n      }\n      @if (isNoResultsShown && !filteredOptions.length && showAutocomplete) {\n        <mat-option [ngClass]=\"{'select-option': showUpdatedColor}\">No results found</mat-option>\n      }\n    </mat-autocomplete>\n  </fieldset>\n</div>\n" }]
+        args: [{ selector: 'xuilib-find-task-name', standalone: false, template: "@if (title && title.length) {\n  <h1 class=\"govuk-heading-l\">\n    <span class=\"govuk-caption-l\">{{title}}</span>\n    {{boldTitle}}\n  </h1>\n}\n<div class=\"govuk-form-group\" [formGroup]=\"findTaskNameGroup\"\n  [ngClass]=\"{'govuk-form-group--error': findTaskNameGroup.get('findTaskNameControl')?.invalid && submitted}\">\n  <fieldset class=\"govuk-fieldset\" [attr.aria-describedby]=\"subTitle && subTitle.length ? 'sub-title-hint' : null\">\n    <legend class=\"govuk-visually-hidden\">{{ boldTitle }}</legend>\n    @if (subTitle && subTitle.length) {\n      <div id=\"sub-title-hint\" class=\"govuk-hint\">\n        {{subTitle}}\n      </div>\n    }\n    @if (findTaskNameGroup && findTaskNameGroup.errors) {\n      <span id=\"validation-error\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error:</span>{{findTaskNameGroup.errors.error ? findTaskNameGroup.errors.error : errorMessage}}\n      </span>\n    }\n    <input id=\"inputSelectTaskName{{idValue}}\" type=\"text\" aria-label=\"select a task name\"\n      formControlName=\"findTaskNameControl\"\n      [matAutocomplete]=\"auto\"\n      class=\"govuk-input govuk-!-width-one-third\"\n      [placeholder]=\"placeholderContent\"\n      [attr.disabled]=\"disabled\"\n      (input)=\"onInput()\">\n    <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"onSelectionChange($event.option.value)\">\n      @for (option of filteredOptions; track option) {\n        <mat-option\n          [value]=\"option\"\n          [ngClass]=\"{'hide-autocomplete': !showAutocomplete, 'select-option': showUpdatedColor}\">\n          {{ getTaskTypeName(option) }}\n        </mat-option>\n      }\n      @if (isNoResultsShown && !filteredOptions.length && showAutocomplete) {\n        <mat-option [ngClass]=\"{'select-option': showUpdatedColor}\">No results found</mat-option>\n      }\n    </mat-autocomplete>\n  </fieldset>\n</div>\n" }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: TaskService }], { taskNameSelected: [{
             type: Output
         }], taskNameFieldChanged: [{
@@ -4033,7 +4033,7 @@ class CapitalizePipe {
             }]
     }], null, null); })();
 
-const _c0$l = a0 => ({ "form-group-error": a0 });
+const _c0$l = a0 => ({ "govuk-form-group--error": a0 });
 const _c1$b = a0 => ({ "govuk-!-font-weight-bold": a0 });
 function GenericFilterComponent_For_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "hr", 7);
@@ -5192,7 +5192,7 @@ class GenericFilterComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GenericFilterComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-generic-filter', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<form [formGroup]=\"form\" (ngSubmit)=\"applyFilter(form)\">\n  @for (field of config.fields; track field) {\n    <div class=\"contain-classes\">\n      @if (field.lineBreakBefore) {\n        <hr class=\"govuk-section-break govuk-section-break--visible elevated-break\">\n      }\n      @switch (field.type) {\n        @case ('group-title') {\n          <div [class]=\"field.titleClasses ? field.titleClasses: 'govuk-label govuk-label--m govuk-!-margin-bottom-4'\">\n            {{ field.name | capitalize }}\n          </div>\n        }\n        @default {\n          <div class=\"govuk-form-group xui-generic-filter\"\n            [hidden]=\"hidden(field, form)\"\n            [id]=\"field.name\"\n            [ngClass]=\"{'form-group-error': submitted && (form.get(field.name).errors?.required || form.get(field.name).errors?.minlength || form.get(field.name).errors?.maxLength)}\">\n            @if (field.title) {\n              <div class=\"xui-generic-filter__field-title\">\n                <h3 [id]=\"field.name + '-label'\" [class]=\"field.titleClasses ? field.titleClasses : 'govuk-heading-s'\" style=\"margin-bottom: 0!important\">\n                  {{field.title | capitalize}}\n                </h3>\n                @if (field?.titleHint) {\n                  <div class=\"govuk-!-margin-left-2\">\n                    {{ field.titleHint }}\n                  </div>\n                }\n              </div>\n            }\n            @if (field.subTitle) {\n              <p class=\"govuk-body\">{{field.subTitle}}</p>\n            }\n            @if (field.hintText) {\n              <div\n                [id]=\"field.hintText + '-hint'\" class=\"govuk-hint\">\n                {{ field.hintText | rpxTranslate }}\n              </div>\n            }\n            @if (field.displayMinSelectedError && submitted && (form.get(field.name).errors?.required || form.get(field.name).errors?.minlength)) {\n              <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\">\n                <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate}}</span> {{field.minSelectedError | rpxTranslate }}\n              </span>\n            }\n            @if (field.displayMaxSelectedError && submitted && form.get(field.name).errors?.maxLength) {\n              <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\">\n                <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate}}</span> {{field.maxSelectedError | rpxTranslate }}\n              </span>\n            }\n            @if (field.emailError && submitted && form.get(field.name).errors?.email) {\n              <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\"\n                >\n                <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }}</span> {{field.emailError | rpxTranslate }}\n              </span>\n            }\n            <div class=\"govuk-body\"  [class.govuk-body--maxWidth480px]=\"field.maxWidth480px\">\n              @switch (field.type) {\n                @case ('select') {\n                  <select class=\"govuk-select\" (change)=\"fieldChanged(field, form)\" [attr.disabled]=\"disabled(field, form)\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" [attr.aria-labelledby]=\"field.name + '-label'\" [formControlName]=\"field.name\">\n                    <option disabled selected hidden value=\"\">{{field.disabledText}}</option>\n                    @if (field.defaultOption) {\n                      <option [attr.selected]=\"true\" [value]=\"field.defaultOption.key\">{{field.defaultOption.label}}</option>\n                    }\n                    @for (item of field.options; track item) {\n                      <option class=\"govuk-radios__item\" [value]=\"item.key\">{{item.label}}</option>\n                    }\n                  </select>\n                }\n                @case ('group-select') {\n                  <select class=\"govuk-select\" (change)=\"fieldChanged(field, form)\" [attr.disabled]=\"disabled(field, form)\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" [attr.aria-labelledby]=\"field.name + '-label'\" [formControlName]=\"field.name\">\n                    <option disabled selected hidden value=\"\">{{field.disabledText}}</option>\n                    @if (field.defaultOption) {\n                      <option selected [value]=\"field.defaultOption.key\">{{field.defaultOption.label}}</option>\n                    }\n                    @for (grp of filteredSkillsByServices; track grp) {\n                      <optgroup label=\"{{grp.group | titlecase}}\">\n                        @for (item of grp.options; track item) {\n                          <option [value]=\"item.key\">{{item.label}}</option>\n                        }\n                      </optgroup>\n                    }\n                  </select>\n                }\n                @case ('checkbox') {\n                  <div class=\"govuk-checkboxes govuk-checkboxes--small\" role=\"group\" [attr.aria-labelledby]=\"field.name + '-label'\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n                    @for (item of field.options; track item; let i = $index) {\n                      <div class=\"govuk-checkboxes__item\">\n                        <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                          [attr.disabled]=\"disabled(field, form)\"\n                          [formControlName]=\"i\"\n                          (change)=\"toggleSelectAll($event, form, item, field)\"\n                          [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n                          [name]=\"'checkbox_' + field.name + item.key\"\n                          />\n                        <label\n                          [for]=\"'checkbox_' + field.name + item.key\"\n                          class=\"govuk-label govuk-checkboxes__label\"\n                          [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n                        >{{item.label}}</label>\n                      </div>\n                    }\n                  </div>\n                }\n                @case ('nested-checkbox') {\n                  <div class=\"govuk-checkboxes govuk-checkboxes--small\" role=\"group\" [attr.aria-labelledby]=\"field.name + '-label'\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n                    @for (item of filteredSkillsByServicesCheckbox; track item; let i = $index) {\n                      <div class=\"govuk-checkboxes__item\">\n                        <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                          [attr.disabled]=\"disabled(field, form)\"\n                          [formControlName]=\"i\"\n                          (change)=\"toggleSelectAll($event, form, item, field)\"\n                          [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n                          [name]=\"'checkbox_' + field.name + item.key\"\n                          />\n                        <label\n                          [for]=\"'checkbox_' + field.name + item.key\"\n                          class=\"govuk-label govuk-checkboxes__label\"\n                          [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n                        >{{item.label | rpxTranslate}}</label>\n                      </div>\n                    }\n                  </div>\n                }\n                @case ('checkbox-large') {\n                  <div class=\"govuk-checkboxes\" role=\"group\" [attr.aria-labelledby]=\"field.name + '-label'\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n                    @for (item of field.options; track item; let i = $index) {\n                      <div class=\"govuk-checkboxes__item\">\n                        <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                          [attr.disabled]=\"disabled(field, form)\"\n                          [formControlName]=\"i\"\n                          (change)=\"toggleSelectAll($event, form, item, field)\"\n                          [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n                          [name]=\"'checkbox_' + field.name + item.key\"\n                          />\n                        <label\n                          [for]=\"'checkbox_' + field.name + item.key\"\n                          class=\"govuk-label govuk-checkboxes__label\"\n                          [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n                        >{{item.label | rpxTranslate}}</label>\n                      </div>\n                    }\n                  </div>\n                }\n                @case ('radio') {\n                  <div class=\"govuk-radios\" role=\"group\" [attr.aria-labelledby]=\"field.name + '-label'\">\n                    @for (item of field.options; track item) {\n                      <div class=\"govuk-radios__item\">\n                        <input type=\"radio\"\n                          [formControlName]=\"field.name\"\n                          [id]=\"'radio_' + item.key\"\n                          [attr.disabled]=\"disabled(field, form)\"\n                          [checked]=\"item.key === form.get(field.name).value\"\n                          class=\"govuk-radios__input\"\n                          [value]=\"item.key\"\n                          (change)=\"fieldChanged(field, form)\"\n                          />\n                        <label [for]=\"'radio_' + item.key\" class=\"govuk-label govuk-radios__label\">{{item.label | rpxTranslate}}</label>\n                      </div>\n                    }\n                  </div>\n                }\n                @case ('find-person') {\n                  <xuilib-find-person subTitle=\"\" (personSelected)=\"updatePersonControls($event, field)\"\n                    (personFieldChanged)=\"inputChanged(field)\"\n                    [submitted]=\"submitted\"\n                    [disabled]=\"disabled(field, form)\"\n                    [domain]=\"form.get(field.domainField)?.value\"\n                    [findPersonGroup]=\"form\"\n                    [selectedPerson]=\"form.get(field.name)?.value?.email\"\n                    [userIncluded]=\"false\"\n                    [placeholderContent]=\"field.placeholderContent ? field.placeholderContent : ''\"\n                    [services]=\"form.get(field.servicesField)?.value\"\n                  ></xuilib-find-person>\n                }\n                @case ('find-location') {\n                  <xuilib-find-location (locationFieldChanged)=\"inputChanged(field)\"\n                    [form]=\"form\"\n                    [fields]=\"config.fields\"\n                    [locationTitle]=\"field.locationTitle || 'Search for a location by name'\"\n                    [enableAddLocationButton]=\"field.enableAddButton\"\n                    [disabled]=\"disabled(field, form)\"\n                    [disableInputField]=\"field.disable\"\n                    [submitted]=\"submitted\"\n                    [field]=\"field\"\n                    [services]=\"form.get(field.findLocationField)?.value\"\n                    [formSubmissionEvent$]=\"formSubmissionEvent$\"\n                  ></xuilib-find-location>\n                }\n                @case ('find-task-name') {\n                  <xuilib-find-task-name subTitle=\"\" (taskNameSelected)=\"updateTaskNameControls($event, field)\"\n                    (taskNameFieldChanged)=\"inputChanged(field)\"\n                    [submitted]=\"submitted\"\n                    [disabled]=\"disabled(field, form)\"\n                    [domain]=\"form.get(field.domainField)?.value\"\n                    [findTaskNameGroup]=\"form\"\n                    [selectedTaskName]=\"form.get(field.name)?.value?.task_type_name\"\n                    [placeholderContent]=\"field.placeholderContent ? field.placeholderContent : ''\"\n                    [services]=\"form.get(field.servicesField)?.value\"\n                  ></xuilib-find-task-name>\n                }\n                @case ('find-service') {\n                  @if (isServiceSelected) {\n                    <span class=\"govuk-error-message\">{{serviceErrorMsg | rpxTranslate}}</span>\n                  }\n                  <xuilib-find-service (serviceFieldChanged)=\"inputServiceChanged(field)\"\n                    [field]=\"field\"\n                    [form]=\"form\"\n                    [formSubmissionEvent$]=\"formSubmissionEvent$\"\n                    [disabled]=\"disabled(field, form)\">\n                  </xuilib-find-service>\n                }\n                @case ('find-work-type') {\n                  <xuilib-find-work-type (workTypeFieldChanged)=\"inputChanged(field)\"\n                    [form]=\"form\"\n                    [fields]=\"config.fields\"\n                    [workTypeTitle]=\"field.workTypeTitle || 'Search for a work type by name'\"\n                    [enableAddWorkTypeButton]=\"field.enableAddButton\"\n                    [disabled]=\"disabled(field, form)\"\n                    [disableInputField]=\"field.disable\"\n                    [submitted]=\"submitted\"\n                    [field]=\"field\"\n                    [services]=\"form.get(field.findWorkTypeField)?.value\"\n                    [formSubmissionEvent$]=\"formSubmissionEvent$\"\n                  ></xuilib-find-work-type>\n                }\n                @case ('text-input') {\n                  <input class=\"govuk-input\" type=\"text\"\n                    [formControlName]=\"field.name\"\n                    [id]=\"field.name\"\n                    [attr.aria-labelledby]=\"field.name + '-label'\"\n                    [attr.disabled]=\"disabled(field, form)\"\n                    (change)=\"fieldChanged(field, form)\"\n                    [attr.maxlength]=\"field.maxlength ? field.maxlength : null\"\n                    [readonly]=\"field.readonly\"\n                    />\n                }\n                @case ('email-input') {\n                  <input class=\"govuk-input\" type=\"email\"\n                    [formControlName]=\"field.name\"\n                    [id]=\"field.name\"\n                    [attr.aria-labelledby]=\"field.name + '-label'\"\n                    [attr.disabled]=\"disabled(field, form)\"\n                    (change)=\"fieldChanged(field, form)\"\n                    [readonly]=\"field.readonly\"\n                    />\n                }\n              }\n            </div>\n          </div>\n        }\n      }\n    </div>\n  }\n  <hr class=\"govuk-section-break govuk-section-break--m govuk-section-break--visible\"/>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-full\">\n      <button\n        class=\"govuk-button govuk-!-margin-right-1 govuk-!-margin-bottom-0\"\n        type=\"submit\"\n        id=\"applyFilter\"\n        [disabled]=\"config.enableDisabledButton && form.invalid\"\n      >{{(config.applyButtonText || 'Apply') | rpxTranslate}}</button>\n      @if (config.showCancelFilterButton) {\n        <button\n          class=\"govuk-button govuk-button--secondary govuk-!-margin-bottom-0\"\n          type=\"button\"\n          id=\"cancelFilter\"\n        (click)=\"cancelFilter()\">{{ (config.cancelButtonText || 'Cancel') | rpxTranslate}}</button>\n      }\n    </div>\n  </div>\n</form>\n", styles: [".contain-classes .elevated-break{margin-bottom:20px}@media (min-width: 40.0625em){.contain-classes .elevated-break{margin-bottom:30px}}.contain-classes .govuk-body--maxWidth480px{max-width:480px}.contain-classes .xui-generic-filter .select-all{margin-bottom:10px}.contain-classes .xui-generic-filter .govuk-checkboxes{display:flex;flex-direction:column;flex-wrap:wrap}.contain-classes .xui-generic-filter .govuk-checkboxes>div{flex-grow:1;flex-shrink:0}.contain-classes .xui-generic-filter__field-title{display:flex;align-items:center;margin-bottom:10px}.contain-classes .govuk-select{width:100%}\n"] }]
+        args: [{ selector: 'xuilib-generic-filter', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<form [formGroup]=\"form\" (ngSubmit)=\"applyFilter(form)\">\n  @for (field of config.fields; track field) {\n    <div class=\"contain-classes\">\n      @if (field.lineBreakBefore) {\n        <hr class=\"govuk-section-break govuk-section-break--visible elevated-break\">\n      }\n      @switch (field.type) {\n        @case ('group-title') {\n          <div [class]=\"field.titleClasses ? field.titleClasses: 'govuk-label govuk-label--m govuk-!-margin-bottom-4'\">\n            {{ field.name | capitalize }}\n          </div>\n        }\n        @default {\n          <div class=\"govuk-form-group xui-generic-filter\"\n            [hidden]=\"hidden(field, form)\"\n            [id]=\"field.name\"\n            [ngClass]=\"{'govuk-form-group--error': submitted && (form.get(field.name).errors?.required || form.get(field.name).errors?.minlength || form.get(field.name).errors?.maxLength)}\">\n            @if (field.title) {\n              <div class=\"xui-generic-filter__field-title\">\n                <h3 [id]=\"field.name + '-label'\" [class]=\"field.titleClasses ? field.titleClasses : 'govuk-heading-s'\" style=\"margin-bottom: 0!important\">\n                  {{field.title | capitalize}}\n                </h3>\n                @if (field?.titleHint) {\n                  <div class=\"govuk-!-margin-left-2\">\n                    {{ field.titleHint }}\n                  </div>\n                }\n              </div>\n            }\n            @if (field.subTitle) {\n              <p class=\"govuk-body\">{{field.subTitle}}</p>\n            }\n            @if (field.hintText) {\n              <div\n                [id]=\"field.hintText + '-hint'\" class=\"govuk-hint\">\n                {{ field.hintText | rpxTranslate }}\n              </div>\n            }\n            @if (field.displayMinSelectedError && submitted && (form.get(field.name).errors?.required || form.get(field.name).errors?.minlength)) {\n              <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\">\n                <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate}}</span> {{field.minSelectedError | rpxTranslate }}\n              </span>\n            }\n            @if (field.displayMaxSelectedError && submitted && form.get(field.name).errors?.maxLength) {\n              <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\">\n                <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate}}</span> {{field.maxSelectedError | rpxTranslate }}\n              </span>\n            }\n            @if (field.emailError && submitted && form.get(field.name).errors?.email) {\n              <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\"\n                >\n                <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }}</span> {{field.emailError | rpxTranslate }}\n              </span>\n            }\n            <div class=\"govuk-body\"  [class.govuk-body--maxWidth480px]=\"field.maxWidth480px\">\n              @switch (field.type) {\n                @case ('select') {\n                  <select class=\"govuk-select\" (change)=\"fieldChanged(field, form)\" [attr.disabled]=\"disabled(field, form)\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" [attr.aria-labelledby]=\"field.name + '-label'\" [formControlName]=\"field.name\">\n                    <option disabled selected hidden value=\"\">{{field.disabledText}}</option>\n                    @if (field.defaultOption) {\n                      <option [attr.selected]=\"true\" [value]=\"field.defaultOption.key\">{{field.defaultOption.label}}</option>\n                    }\n                    @for (item of field.options; track item) {\n                      <option class=\"govuk-radios__item\" [value]=\"item.key\">{{item.label}}</option>\n                    }\n                  </select>\n                }\n                @case ('group-select') {\n                  <select class=\"govuk-select\" (change)=\"fieldChanged(field, form)\" [attr.disabled]=\"disabled(field, form)\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" [attr.aria-labelledby]=\"field.name + '-label'\" [formControlName]=\"field.name\">\n                    <option disabled selected hidden value=\"\">{{field.disabledText}}</option>\n                    @if (field.defaultOption) {\n                      <option selected [value]=\"field.defaultOption.key\">{{field.defaultOption.label}}</option>\n                    }\n                    @for (grp of filteredSkillsByServices; track grp) {\n                      <optgroup label=\"{{grp.group | titlecase}}\">\n                        @for (item of grp.options; track item) {\n                          <option [value]=\"item.key\">{{item.label}}</option>\n                        }\n                      </optgroup>\n                    }\n                  </select>\n                }\n                @case ('checkbox') {\n                  <div class=\"govuk-checkboxes govuk-checkboxes--small\" role=\"group\" [attr.aria-labelledby]=\"field.name + '-label'\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n                    @for (item of field.options; track item; let i = $index) {\n                      <div class=\"govuk-checkboxes__item\">\n                        <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                          [attr.disabled]=\"disabled(field, form)\"\n                          [formControlName]=\"i\"\n                          (change)=\"toggleSelectAll($event, form, item, field)\"\n                          [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n                          [name]=\"'checkbox_' + field.name + item.key\"\n                          />\n                        <label\n                          [for]=\"'checkbox_' + field.name + item.key\"\n                          class=\"govuk-label govuk-checkboxes__label\"\n                          [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n                        >{{item.label}}</label>\n                      </div>\n                    }\n                  </div>\n                }\n                @case ('nested-checkbox') {\n                  <div class=\"govuk-checkboxes govuk-checkboxes--small\" role=\"group\" [attr.aria-labelledby]=\"field.name + '-label'\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n                    @for (item of filteredSkillsByServicesCheckbox; track item; let i = $index) {\n                      <div class=\"govuk-checkboxes__item\">\n                        <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                          [attr.disabled]=\"disabled(field, form)\"\n                          [formControlName]=\"i\"\n                          (change)=\"toggleSelectAll($event, form, item, field)\"\n                          [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n                          [name]=\"'checkbox_' + field.name + item.key\"\n                          />\n                        <label\n                          [for]=\"'checkbox_' + field.name + item.key\"\n                          class=\"govuk-label govuk-checkboxes__label\"\n                          [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n                        >{{item.label | rpxTranslate}}</label>\n                      </div>\n                    }\n                  </div>\n                }\n                @case ('checkbox-large') {\n                  <div class=\"govuk-checkboxes\" role=\"group\" [attr.aria-labelledby]=\"field.name + '-label'\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n                    @for (item of field.options; track item; let i = $index) {\n                      <div class=\"govuk-checkboxes__item\">\n                        <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                          [attr.disabled]=\"disabled(field, form)\"\n                          [formControlName]=\"i\"\n                          (change)=\"toggleSelectAll($event, form, item, field)\"\n                          [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n                          [name]=\"'checkbox_' + field.name + item.key\"\n                          />\n                        <label\n                          [for]=\"'checkbox_' + field.name + item.key\"\n                          class=\"govuk-label govuk-checkboxes__label\"\n                          [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n                        >{{item.label | rpxTranslate}}</label>\n                      </div>\n                    }\n                  </div>\n                }\n                @case ('radio') {\n                  <div class=\"govuk-radios\" role=\"group\" [attr.aria-labelledby]=\"field.name + '-label'\">\n                    @for (item of field.options; track item) {\n                      <div class=\"govuk-radios__item\">\n                        <input type=\"radio\"\n                          [formControlName]=\"field.name\"\n                          [id]=\"'radio_' + item.key\"\n                          [attr.disabled]=\"disabled(field, form)\"\n                          [checked]=\"item.key === form.get(field.name).value\"\n                          class=\"govuk-radios__input\"\n                          [value]=\"item.key\"\n                          (change)=\"fieldChanged(field, form)\"\n                          />\n                        <label [for]=\"'radio_' + item.key\" class=\"govuk-label govuk-radios__label\">{{item.label | rpxTranslate}}</label>\n                      </div>\n                    }\n                  </div>\n                }\n                @case ('find-person') {\n                  <xuilib-find-person subTitle=\"\" (personSelected)=\"updatePersonControls($event, field)\"\n                    (personFieldChanged)=\"inputChanged(field)\"\n                    [submitted]=\"submitted\"\n                    [disabled]=\"disabled(field, form)\"\n                    [domain]=\"form.get(field.domainField)?.value\"\n                    [findPersonGroup]=\"form\"\n                    [selectedPerson]=\"form.get(field.name)?.value?.email\"\n                    [userIncluded]=\"false\"\n                    [placeholderContent]=\"field.placeholderContent ? field.placeholderContent : ''\"\n                    [services]=\"form.get(field.servicesField)?.value\"\n                  ></xuilib-find-person>\n                }\n                @case ('find-location') {\n                  <xuilib-find-location (locationFieldChanged)=\"inputChanged(field)\"\n                    [form]=\"form\"\n                    [fields]=\"config.fields\"\n                    [locationTitle]=\"field.locationTitle || 'Search for a location by name'\"\n                    [enableAddLocationButton]=\"field.enableAddButton\"\n                    [disabled]=\"disabled(field, form)\"\n                    [disableInputField]=\"field.disable\"\n                    [submitted]=\"submitted\"\n                    [field]=\"field\"\n                    [services]=\"form.get(field.findLocationField)?.value\"\n                    [formSubmissionEvent$]=\"formSubmissionEvent$\"\n                  ></xuilib-find-location>\n                }\n                @case ('find-task-name') {\n                  <xuilib-find-task-name subTitle=\"\" (taskNameSelected)=\"updateTaskNameControls($event, field)\"\n                    (taskNameFieldChanged)=\"inputChanged(field)\"\n                    [submitted]=\"submitted\"\n                    [disabled]=\"disabled(field, form)\"\n                    [domain]=\"form.get(field.domainField)?.value\"\n                    [findTaskNameGroup]=\"form\"\n                    [selectedTaskName]=\"form.get(field.name)?.value?.task_type_name\"\n                    [placeholderContent]=\"field.placeholderContent ? field.placeholderContent : ''\"\n                    [services]=\"form.get(field.servicesField)?.value\"\n                  ></xuilib-find-task-name>\n                }\n                @case ('find-service') {\n                  @if (isServiceSelected) {\n                    <span class=\"govuk-error-message\">{{serviceErrorMsg | rpxTranslate}}</span>\n                  }\n                  <xuilib-find-service (serviceFieldChanged)=\"inputServiceChanged(field)\"\n                    [field]=\"field\"\n                    [form]=\"form\"\n                    [formSubmissionEvent$]=\"formSubmissionEvent$\"\n                    [disabled]=\"disabled(field, form)\">\n                  </xuilib-find-service>\n                }\n                @case ('find-work-type') {\n                  <xuilib-find-work-type (workTypeFieldChanged)=\"inputChanged(field)\"\n                    [form]=\"form\"\n                    [fields]=\"config.fields\"\n                    [workTypeTitle]=\"field.workTypeTitle || 'Search for a work type by name'\"\n                    [enableAddWorkTypeButton]=\"field.enableAddButton\"\n                    [disabled]=\"disabled(field, form)\"\n                    [disableInputField]=\"field.disable\"\n                    [submitted]=\"submitted\"\n                    [field]=\"field\"\n                    [services]=\"form.get(field.findWorkTypeField)?.value\"\n                    [formSubmissionEvent$]=\"formSubmissionEvent$\"\n                  ></xuilib-find-work-type>\n                }\n                @case ('text-input') {\n                  <input class=\"govuk-input\" type=\"text\"\n                    [formControlName]=\"field.name\"\n                    [id]=\"field.name\"\n                    [attr.aria-labelledby]=\"field.name + '-label'\"\n                    [attr.disabled]=\"disabled(field, form)\"\n                    (change)=\"fieldChanged(field, form)\"\n                    [attr.maxlength]=\"field.maxlength ? field.maxlength : null\"\n                    [readonly]=\"field.readonly\"\n                    />\n                }\n                @case ('email-input') {\n                  <input class=\"govuk-input\" type=\"email\"\n                    [formControlName]=\"field.name\"\n                    [id]=\"field.name\"\n                    [attr.aria-labelledby]=\"field.name + '-label'\"\n                    [attr.disabled]=\"disabled(field, form)\"\n                    (change)=\"fieldChanged(field, form)\"\n                    [readonly]=\"field.readonly\"\n                    />\n                }\n              }\n            </div>\n          </div>\n        }\n      }\n    </div>\n  }\n  <hr class=\"govuk-section-break govuk-section-break--m govuk-section-break--visible\"/>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-full\">\n      <button\n        class=\"govuk-button govuk-!-margin-right-1 govuk-!-margin-bottom-0\"\n        type=\"submit\"\n        id=\"applyFilter\"\n        [disabled]=\"config.enableDisabledButton && form.invalid\"\n      >{{(config.applyButtonText || 'Apply') | rpxTranslate}}</button>\n      @if (config.showCancelFilterButton) {\n        <button\n          class=\"govuk-button govuk-button--secondary govuk-!-margin-bottom-0\"\n          type=\"button\"\n          id=\"cancelFilter\"\n        (click)=\"cancelFilter()\">{{ (config.cancelButtonText || 'Cancel') | rpxTranslate}}</button>\n      }\n    </div>\n  </div>\n</form>\n", styles: [".contain-classes .elevated-break{margin-bottom:20px}@media (min-width: 40.0625em){.contain-classes .elevated-break{margin-bottom:30px}}.contain-classes .govuk-body--maxWidth480px{max-width:480px}.contain-classes .xui-generic-filter .select-all{margin-bottom:10px}.contain-classes .xui-generic-filter .govuk-checkboxes{display:flex;flex-direction:column;flex-wrap:wrap}.contain-classes .xui-generic-filter .govuk-checkboxes>div{flex-grow:1;flex-shrink:0}.contain-classes .xui-generic-filter__field-title{display:flex;align-items:center;margin-bottom:10px}.contain-classes .govuk-select{width:100%}\n"] }]
     }], () => [{ type: FilterService }, { type: i2$3.FormBuilder }, { type: i0.ChangeDetectorRef }], { config: [{
             type: Input
         }], settings: [{
@@ -5948,14 +5948,14 @@ class CaseSharingStateService {
     }], () => [], null); })();
 
 function _forTrack0$2($index, $item) { return this.trackByUserId($item); }
-function SelectedCaseConfirmComponent_Conditional_0_For_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr", 8)(1, "td", 12);
+function SelectedCaseConfirmComponent_Conditional_0_For_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 9)(1, "td", 13);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "td", 12);
+    i0.ɵɵelementStart(3, "td", 13);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "td", 12)(6, "span", 13);
+    i0.ɵɵelementStart(5, "td", 13)(6, "strong", 14);
     i0.ɵɵtext(7);
     i0.ɵɵpipe(8, "rpxTranslate");
     i0.ɵɵelementEnd()()();
@@ -5968,14 +5968,14 @@ function SelectedCaseConfirmComponent_Conditional_0_For_26_Template(rf, ctx) { i
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 3, "To be added"));
 } }
-function SelectedCaseConfirmComponent_Conditional_0_For_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr", 8)(1, "td", 12);
+function SelectedCaseConfirmComponent_Conditional_0_For_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 9)(1, "td", 13);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "td", 12);
+    i0.ɵɵelementStart(3, "td", 13);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "td", 12)(6, "span", 14);
+    i0.ɵɵelementStart(5, "td", 13)(6, "strong", 15);
     i0.ɵɵtext(7);
     i0.ɵɵpipe(8, "rpxTranslate");
     i0.ɵɵelementEnd()()();
@@ -6002,21 +6002,26 @@ function SelectedCaseConfirmComponent_Conditional_0_Template(rf, ctx) { if (rf &
     i0.ɵɵtext(10);
     i0.ɵɵpipe(11, "rpxTranslate");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(12, "table", 6)(13, "thead", 7)(14, "tr", 8)(15, "th", 9);
-    i0.ɵɵtext(16);
-    i0.ɵɵpipe(17, "rpxTranslate");
+    i0.ɵɵelementStart(12, "table", 6)(13, "caption", 7);
+    i0.ɵɵtext(14);
+    i0.ɵɵpipe(15, "rpxTranslate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "th", 9);
+    i0.ɵɵelementStart(16, "thead", 8)(17, "tr", 9)(18, "th", 10);
     i0.ɵɵtext(19);
     i0.ɵɵpipe(20, "rpxTranslate");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(21, "th", 10);
     i0.ɵɵtext(22);
     i0.ɵɵpipe(23, "rpxTranslate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "th", 11);
+    i0.ɵɵtext(25);
+    i0.ɵɵpipe(26, "rpxTranslate");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(24, "tbody", 11);
-    i0.ɵɵrepeaterCreate(25, SelectedCaseConfirmComponent_Conditional_0_For_26_Template, 9, 5, "tr", 8, _forTrack0$2, true);
-    i0.ɵɵrepeaterCreate(27, SelectedCaseConfirmComponent_Conditional_0_For_28_Template, 9, 5, "tr", 8, _forTrack0$2, true);
+    i0.ɵɵelementStart(27, "tbody", 12);
+    i0.ɵɵrepeaterCreate(28, SelectedCaseConfirmComponent_Conditional_0_For_29_Template, 9, 5, "tr", 9, _forTrack0$2, true);
+    i0.ɵɵtext(30, "yes ");
+    i0.ɵɵrepeaterCreate(31, SelectedCaseConfirmComponent_Conditional_0_For_32_Template, 9, 5, "tr", 9, _forTrack0$2, true);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -6028,18 +6033,20 @@ function SelectedCaseConfirmComponent_Conditional_0_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵproperty("routerLink", ctx_r2.changeLink);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(8, 10, "Change"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(8, 11, "Change"), " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11, 12, "selected case"));
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(17, 14, "Name"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11, 13, "selected case"));
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 15, "Pending case access changes"));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(20, 17, "Name"));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(20, 16, "Email address"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(23, 19, "Email address"));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(23, 18, "Actions"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(26, 21, "Actions"));
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r2.sharedCase.pendingShares);
-    i0.ɵɵadvance(2);
+    i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r2.sharedCase.pendingUnshares);
 } }
 class SelectedCaseConfirmComponent {
@@ -6061,15 +6068,15 @@ class SelectedCaseConfirmComponent {
         return this.sharedCase.pendingUnshares && this.sharedCase.pendingUnshares.length > 0;
     }
     static { this.ɵfac = function SelectedCaseConfirmComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SelectedCaseConfirmComponent)(i0.ɵɵdirectiveInject(CaseSharingStateService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectedCaseConfirmComponent, selectors: [["xuilib-selected-case-confirm"]], inputs: { sharedCase: "sharedCase", changeLink: "changeLink" }, standalone: false, decls: 1, vars: 1, consts: [[3, "id"], [1, "govuk-heading-m", "case-share-confirm__title"], [1, "case-share-confirm__caption-area"], [1, "govuk-caption-m", "case-share-confirm__caption"], [1, "case-share-confirm__change-link", "govuk-link", "govuk-!-font-size-19", 3, "routerLink"], [1, "govuk-visually-hidden"], [1, "govuk-table"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-header"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-actions"], [1, "govuk-table__body"], [1, "govuk-table__cell"], [1, "hmcts-badge"], [1, "hmcts-badge", "hmcts-badge--red"]], template: function SelectedCaseConfirmComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, SelectedCaseConfirmComponent_Conditional_0_Template, 29, 20, "div", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectedCaseConfirmComponent, selectors: [["xuilib-selected-case-confirm"]], inputs: { sharedCase: "sharedCase", changeLink: "changeLink" }, standalone: false, decls: 1, vars: 1, consts: [[3, "id"], [1, "govuk-heading-m", "case-share-confirm__title"], [1, "case-share-confirm__caption-area"], [1, "govuk-caption-m", "case-share-confirm__caption"], [1, "case-share-confirm__change-link", "govuk-link", "govuk-!-font-size-19", 3, "routerLink"], [1, "govuk-visually-hidden"], [1, "govuk-table"], [1, "govuk-table__caption", "govuk-visually-hidden"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-header"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-actions"], [1, "govuk-table__body"], [1, "govuk-table__cell"], [1, "govuk-tag", "govuk-tag--green"], [1, "govuk-tag", "govuk-tag--red"]], template: function SelectedCaseConfirmComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, SelectedCaseConfirmComponent_Conditional_0_Template, 33, 23, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.showUserAccessBlock() ? 0 : -1);
-        } }, dependencies: [i1$1.RouterLink, i2.RpxTranslatePipe], styles: [".case-share-confirm__title[_ngcontent-%COMP%]{margin-bottom:0}.case-share-confirm__caption-area[_ngcontent-%COMP%]{border-bottom:1px solid #b1b4b6;padding-bottom:10px;display:inline-block;width:100%;clear:both}.case-share-confirm__caption[_ngcontent-%COMP%]{float:left}.case-share-confirm__change-link[_ngcontent-%COMP%]{float:right}.govuk-table-column-header[_ngcontent-%COMP%]{width:45%}.govuk-table-column-actions[_ngcontent-%COMP%]{width:10%}"] }); }
+        } }, dependencies: [i1$1.RouterLink, i2.RpxTranslatePipe], styles: [".case-share-confirm__title[_ngcontent-%COMP%]{margin-bottom:0}.case-share-confirm__caption-area[_ngcontent-%COMP%]{border-bottom:1px solid var(--govuk-border-colour, #cecece);padding-bottom:10px;display:inline-block;width:100%;clear:both}.case-share-confirm__caption[_ngcontent-%COMP%]{float:left}.case-share-confirm__change-link[_ngcontent-%COMP%]{float:right}.govuk-table-column-header[_ngcontent-%COMP%]{width:45%}.govuk-table-column-actions[_ngcontent-%COMP%]{width:10%}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectedCaseConfirmComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-selected-case-confirm', standalone: false, template: "@if (showUserAccessBlock()) {\n  <div id=\"user-access-block-{{ sharedCase.caseId }}\">\n    <h2 class=\"govuk-heading-m case-share-confirm__title\">{{ sharedCase.caseTitle }}</h2>\n    <div class=\"case-share-confirm__caption-area\">\n      <div class=\"govuk-caption-m case-share-confirm__caption\">\n        {{ sharedCase.caseId }}\n      </div>\n      <a [routerLink]=\"changeLink\" class=\"case-share-confirm__change-link govuk-link govuk-!-font-size-19\">\n        {{'Change' | rpxTranslate}}\n        <span class=\"govuk-visually-hidden\">{{'selected case' | rpxTranslate}}</span>\n      </a>\n    </div>\n    <table class=\"govuk-table\">\n      <thead class=\"govuk-table__head\">\n        <tr class=\"govuk-table__row\">\n          <th class=\"govuk-table__header govuk-table-column-header\" scope=\"col\">{{'Name' | rpxTranslate}}</th>\n          <th class=\"govuk-table__header govuk-table-column-header\" scope=\"col\">{{'Email address' | rpxTranslate}}</th>\n          <th class=\"govuk-table__header govuk-table-column-actions\" scope=\"col\">{{'Actions' | rpxTranslate}}</th>\n        </tr>\n      </thead>\n      <tbody class=\"govuk-table__body\">\n  @for (user of sharedCase.pendingShares; track trackByUserId(user)) {\n          <tr class=\"govuk-table__row\">\n            <td class=\"govuk-table__cell\">{{ user.firstName + ' ' + user.lastName }}</td>\n            <td class=\"govuk-table__cell\">{{ user.email }}</td>\n            <td class=\"govuk-table__cell\">\n              <span class=\"hmcts-badge\">{{'To be added' | rpxTranslate}}</span>\n            </td>\n          </tr>\n        }\n  @for (user of sharedCase.pendingUnshares; track trackByUserId(user)) {\n          <tr class=\"govuk-table__row\">\n            <td class=\"govuk-table__cell\">{{ user.firstName + ' ' + user.lastName }}</td>\n            <td class=\"govuk-table__cell\">{{ user.email }}</td>\n            <td class=\"govuk-table__cell\">\n              <span class=\"hmcts-badge hmcts-badge--red\">\n                {{'To be removed' | rpxTranslate}}\n              </span>\n            </td>\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n}\n", styles: [".case-share-confirm__title{margin-bottom:0}.case-share-confirm__caption-area{border-bottom:1px solid #b1b4b6;padding-bottom:10px;display:inline-block;width:100%;clear:both}.case-share-confirm__caption{float:left}.case-share-confirm__change-link{float:right}.govuk-table-column-header{width:45%}.govuk-table-column-actions{width:10%}\n"] }]
+        args: [{ selector: 'xuilib-selected-case-confirm', standalone: false, template: "@if (showUserAccessBlock()) {\n  <div id=\"user-access-block-{{ sharedCase.caseId }}\">\n    <h2 class=\"govuk-heading-m case-share-confirm__title\">{{ sharedCase.caseTitle }}</h2>\n    <div class=\"case-share-confirm__caption-area\">\n      <div class=\"govuk-caption-m case-share-confirm__caption\">\n        {{ sharedCase.caseId }}\n      </div>\n      <a [routerLink]=\"changeLink\" class=\"case-share-confirm__change-link govuk-link govuk-!-font-size-19\">\n        {{'Change' | rpxTranslate}}\n        <span class=\"govuk-visually-hidden\">{{'selected case' | rpxTranslate}}</span>\n      </a>\n    </div>\n    <table class=\"govuk-table\">\n      <caption class=\"govuk-table__caption govuk-visually-hidden\">{{'Pending case access changes' | rpxTranslate}}</caption>\n      <thead class=\"govuk-table__head\">\n        <tr class=\"govuk-table__row\">\n          <th class=\"govuk-table__header govuk-table-column-header\" scope=\"col\">{{'Name' | rpxTranslate}}</th>\n          <th class=\"govuk-table__header govuk-table-column-header\" scope=\"col\">{{'Email address' | rpxTranslate}}</th>\n          <th class=\"govuk-table__header govuk-table-column-actions\" scope=\"col\">{{'Actions' | rpxTranslate}}</th>\n        </tr>\n      </thead>\n      <tbody class=\"govuk-table__body\">\n  @for (user of sharedCase.pendingShares; track trackByUserId(user)) {\n          <tr class=\"govuk-table__row\">\n            <td class=\"govuk-table__cell\">{{ user.firstName + ' ' + user.lastName }}</td>\n            <td class=\"govuk-table__cell\">{{ user.email }}</td>\n            <td class=\"govuk-table__cell\">\n              <strong class=\"govuk-tag govuk-tag--green\">{{'To be added' | rpxTranslate}}</strong>\n            </td>\n          </tr>\n        }yes \n  @for (user of sharedCase.pendingUnshares; track trackByUserId(user)) {\n          <tr class=\"govuk-table__row\">\n            <td class=\"govuk-table__cell\">{{ user.firstName + ' ' + user.lastName }}</td>\n            <td class=\"govuk-table__cell\">{{ user.email }}</td>\n            <td class=\"govuk-table__cell\">\n              <strong class=\"govuk-tag govuk-tag--red\">\n                {{'To be removed' | rpxTranslate}}\n              </strong>\n            </td>\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n}\n", styles: [".case-share-confirm__title{margin-bottom:0}.case-share-confirm__caption-area{border-bottom:1px solid var(--govuk-border-colour, #cecece);padding-bottom:10px;display:inline-block;width:100%;clear:both}.case-share-confirm__caption{float:left}.case-share-confirm__change-link{float:right}.govuk-table-column-header{width:45%}.govuk-table-column-actions{width:10%}\n"] }]
     }], () => [{ type: CaseSharingStateService }], { sharedCase: [{
             type: Input
         }], changeLink: [{
@@ -6115,13 +6122,13 @@ function SelectedCaseComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 3, "Users from your organisation with access to this case."), " ");
 } }
-function SelectedCaseComponent_Conditional_19_For_17_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+function SelectedCaseComponent_Conditional_19_For_20_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "a", 27);
-    i0.ɵɵlistener("click", function SelectedCaseComponent_Conditional_19_For_17_Conditional_8_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r3); const user_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.onRemove(user_r4, ctx_r1.sharedCase); return i0.ɵɵresetView($event.preventDefault()); });
+    i0.ɵɵelementStart(0, "a", 28);
+    i0.ɵɵlistener("click", function SelectedCaseComponent_Conditional_19_For_20_Conditional_8_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r3); const user_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.onRemove(user_r4, ctx_r1.sharedCase); return i0.ɵɵresetView($event.preventDefault()); });
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵelementStart(3, "span", 28);
+    i0.ɵɵelementStart(3, "span", 29);
     i0.ɵɵtext(4);
     i0.ɵɵpipe(5, "rpxTranslate");
     i0.ɵɵelementEnd()();
@@ -6132,13 +6139,13 @@ function SelectedCaseComponent_Conditional_19_For_17_Conditional_8_Template(rf,
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate2("", user_r4.firstName + " " + user_r4.lastName, " ", i0.ɵɵpipeBind1(5, 5, "from case"));
 } }
-function SelectedCaseComponent_Conditional_19_For_17_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+function SelectedCaseComponent_Conditional_19_For_20_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "a", 27);
-    i0.ɵɵlistener("click", function SelectedCaseComponent_Conditional_19_For_17_Conditional_10_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const user_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.onCancel(user_r4, ctx_r1.sharedCase); return i0.ɵɵresetView($event.preventDefault()); });
+    i0.ɵɵelementStart(0, "a", 28);
+    i0.ɵɵlistener("click", function SelectedCaseComponent_Conditional_19_For_20_Conditional_10_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const user_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.onCancel(user_r4, ctx_r1.sharedCase); return i0.ɵɵresetView($event.preventDefault()); });
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵelementStart(3, "span", 28);
+    i0.ɵɵelementStart(3, "span", 29);
     i0.ɵɵtext(4);
     i0.ɵɵpipe(5, "rpxTranslate");
     i0.ɵɵpipe(6, "rpxTranslate");
@@ -6150,8 +6157,8 @@ function SelectedCaseComponent_Conditional_19_For_17_Conditional_10_Template(rf,
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate3("", i0.ɵɵpipeBind1(5, 6, "adding"), " ", user_r4.firstName + " " + user_r4.lastName, " ", i0.ɵɵpipeBind1(6, 8, "to case"));
 } }
-function SelectedCaseComponent_Conditional_19_For_17_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 25);
+function SelectedCaseComponent_Conditional_19_For_20_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "strong", 26);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -6159,8 +6166,8 @@ function SelectedCaseComponent_Conditional_19_For_17_Conditional_13_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "To be removed"));
 } }
-function SelectedCaseComponent_Conditional_19_For_17_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 26);
+function SelectedCaseComponent_Conditional_19_For_20_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "strong", 27);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -6168,37 +6175,37 @@ function SelectedCaseComponent_Conditional_19_For_17_Conditional_15_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "To be added"));
 } }
-function SelectedCaseComponent_Conditional_19_For_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr", 17)(1, "td", 22);
+function SelectedCaseComponent_Conditional_19_For_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 18)(1, "td", 23);
     i0.ɵɵpipe(2, "async");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "td", 22);
+    i0.ɵɵelementStart(4, "td", 23);
     i0.ɵɵpipe(5, "async");
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "td", 23);
-    i0.ɵɵconditionalCreate(8, SelectedCaseComponent_Conditional_19_For_17_Conditional_8_Template, 6, 7, "a", 24);
+    i0.ɵɵelementStart(7, "td", 24);
+    i0.ɵɵconditionalCreate(8, SelectedCaseComponent_Conditional_19_For_20_Conditional_8_Template, 6, 7, "a", 25);
     i0.ɵɵpipe(9, "async");
-    i0.ɵɵconditionalCreate(10, SelectedCaseComponent_Conditional_19_For_17_Conditional_10_Template, 7, 10, "a", 24);
+    i0.ɵɵconditionalCreate(10, SelectedCaseComponent_Conditional_19_For_20_Conditional_10_Template, 7, 10, "a", 25);
     i0.ɵɵpipe(11, "async");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "td", 23);
-    i0.ɵɵconditionalCreate(13, SelectedCaseComponent_Conditional_19_For_17_Conditional_13_Template, 3, 3, "span", 25);
+    i0.ɵɵelementStart(12, "td", 24);
+    i0.ɵɵconditionalCreate(13, SelectedCaseComponent_Conditional_19_For_20_Conditional_13_Template, 3, 3, "strong", 26);
     i0.ɵɵpipe(14, "async");
-    i0.ɵɵconditionalCreate(15, SelectedCaseComponent_Conditional_19_For_17_Conditional_15_Template, 3, 3, "span", 26);
+    i0.ɵɵconditionalCreate(15, SelectedCaseComponent_Conditional_19_For_20_Conditional_15_Template, 3, 3, "strong", 27);
     i0.ɵɵpipe(16, "async");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const user_r4 = ctx.$implicit;
-    const ɵ$index_72_r6 = ctx.$index;
+    const ɵ$index_76_r6 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("id", i0.ɵɵinterpolate1("user-full-name-", ctx_r1.userIdSetter(i0.ɵɵpipeBind1(2, 10, ctx_r1.canCancel(ctx_r1.sharedCase.caseId, user_r4)), ɵ$index_72_r6)));
+    i0.ɵɵproperty("id", i0.ɵɵinterpolate1("user-full-name-", ctx_r1.userIdSetter(i0.ɵɵpipeBind1(2, 10, ctx_r1.canCancel(ctx_r1.sharedCase.caseId, user_r4)), ɵ$index_76_r6)));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(user_r4.firstName + " " + user_r4.lastName);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("id", i0.ɵɵinterpolate1("user-email-", ctx_r1.userIdSetter(i0.ɵɵpipeBind1(5, 12, ctx_r1.canCancel(ctx_r1.sharedCase.caseId, user_r4)), ɵ$index_72_r6)));
+    i0.ɵɵproperty("id", i0.ɵɵinterpolate1("user-email-", ctx_r1.userIdSetter(i0.ɵɵpipeBind1(5, 12, ctx_r1.canCancel(ctx_r1.sharedCase.caseId, user_r4)), ɵ$index_76_r6)));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(user_r4.email);
     i0.ɵɵadvance(2);
@@ -6211,11 +6218,11 @@ function SelectedCaseComponent_Conditional_19_For_17_Template(rf, ctx) { if (rf
     i0.ɵɵconditional(i0.ɵɵpipeBind1(16, 20, ctx_r1.isToBeAdded(ctx_r1.sharedCase.caseId, user_r4)) ? 15 : -1);
 } }
 function SelectedCaseComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "table", 13)(1, "thead", 16)(2, "tr", 17)(3, "th", 18);
-    i0.ɵɵtext(4);
-    i0.ɵɵpipe(5, "rpxTranslate");
+    i0.ɵɵelementStart(0, "table", 13)(1, "caption", 16);
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "rpxTranslate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "th", 18);
+    i0.ɵɵelementStart(4, "thead", 17)(5, "tr", 18)(6, "th", 19);
     i0.ɵɵtext(7);
     i0.ɵɵpipe(8, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -6226,28 +6233,34 @@ function SelectedCaseComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(12, "th", 20);
     i0.ɵɵtext(13);
     i0.ɵɵpipe(14, "rpxTranslate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "th", 21);
+    i0.ɵɵtext(16);
+    i0.ɵɵpipe(17, "rpxTranslate");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(15, "tbody", 21);
-    i0.ɵɵrepeaterCreate(16, SelectedCaseComponent_Conditional_19_For_17_Template, 17, 22, "tr", 17, _forTrack0$1, true);
+    i0.ɵɵelementStart(18, "tbody", 22);
+    i0.ɵɵrepeaterCreate(19, SelectedCaseComponent_Conditional_19_For_20_Template, 17, 22, "tr", 18, _forTrack0$1, true);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 13, "Users with access to this case"));
+    i0.ɵɵadvance(4);
     i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx_r1.buildElementId("name-heading")));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 12, "Name"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 15, "Name"));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx_r1.buildElementId("email-heading")));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 14, "Email address"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11, 17, "Email address"));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx_r1.buildElementId("action-heading")));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11, 16, "Actions"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 19, "Actions"));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx_r1.buildElementId("label-heading")));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 18, "Status"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(17, 21, "Status"));
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r1.combinedSortedShares);
 } }
@@ -6386,7 +6399,7 @@ class SelectedCaseComponent {
         return `${elementName}-${this.sharedCase.caseId}`;
     }
     static { this.ɵfac = function SelectedCaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SelectedCaseComponent)(i0.ɵɵdirectiveInject(CaseSharingStateService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectedCaseComponent, selectors: [["xuilib-selected-case"]], inputs: { sharedCase: "sharedCase", selectedUser: "selectedUser", opened: "opened", removeUserFromCaseToggleOn: "removeUserFromCaseToggleOn", caseCount: "caseCount" }, outputs: { unselect: "unselect", synchronizeStore: "synchronizeStore" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 20, vars: 25, consts: [[1, "govuk-accordion__section", 3, "id"], [1, "govuk-grid-row", "govuk-case-header"], [1, "govuk-grid-column-three-quarters"], [1, "govuk-case-title", 3, "id"], [1, "govuk-case-sub-title", 3, "id"], [1, "govuk-grid-column-ten-percent"], ["title", "Deselect case", 1, "govuk-button", "hmcts-button--secondary", 3, "id"], [1, "govuk-accordion__section-header", "govuk-grid-column-ten-percent"], [1, "govuk-accordion__section-heading"], ["type", "button", "aria-expanded", "false", 1, "govuk-accordion__section-button", 3, "id", "title"], ["aria-hidden", "true", 1, "govuk-accordion__icon"], [1, "govuk-accordion__section-content", 3, "id"], [1, "govuk-grid-row"], [1, "govuk-table"], ["title", "Deselect case", 1, "govuk-button", "hmcts-button--secondary", 3, "click", "id"], [1, "govuk-div-align-left", 3, "id"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-header", 3, "id"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-actions", 3, "id"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-label", 3, "id"], [1, "govuk-table__body"], [1, "govuk-table__cell", 3, "id"], [1, "govuk-table__cell"], ["href", "#"], [1, "hmcts-badge", "hmcts-badge--red"], [1, "hmcts-badge"], ["href", "#", 3, "click"], [1, "govuk-visually-hidden"]], template: function SelectedCaseComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectedCaseComponent, selectors: [["xuilib-selected-case"]], inputs: { sharedCase: "sharedCase", selectedUser: "selectedUser", opened: "opened", removeUserFromCaseToggleOn: "removeUserFromCaseToggleOn", caseCount: "caseCount" }, outputs: { unselect: "unselect", synchronizeStore: "synchronizeStore" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 20, vars: 25, consts: [[1, "govuk-accordion__section", 3, "id"], [1, "govuk-grid-row", "govuk-case-header"], [1, "govuk-grid-column-three-quarters"], [1, "govuk-case-title", 3, "id"], [1, "govuk-case-sub-title", 3, "id"], [1, "govuk-grid-column-ten-percent"], ["title", "Deselect case", 1, "govuk-button", "hmcts-button--secondary", 3, "id"], [1, "govuk-accordion__section-header", "govuk-grid-column-ten-percent"], [1, "govuk-accordion__section-heading"], ["type", "button", "aria-expanded", "false", 1, "govuk-accordion__section-button", 3, "id", "title"], ["aria-hidden", "true", 1, "govuk-accordion__icon"], [1, "govuk-accordion__section-content", 3, "id"], [1, "govuk-grid-row"], [1, "govuk-table"], ["title", "Deselect case", 1, "govuk-button", "hmcts-button--secondary", 3, "click", "id"], [1, "govuk-div-align-left", 3, "id"], [1, "govuk-table__caption", "govuk-visually-hidden"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-header", 3, "id"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-actions", 3, "id"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-label", 3, "id"], [1, "govuk-table__body"], [1, "govuk-table__cell", 3, "id"], [1, "govuk-table__cell"], ["href", "#"], [1, "govuk-tag", "govuk-tag--red"], [1, "govuk-tag", "govuk-tag--green"], ["href", "#", 3, "click"], [1, "govuk-visually-hidden"]], template: function SelectedCaseComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h3", 3);
             i0.ɵɵtext(4);
             i0.ɵɵpipe(5, "rpxTranslate");
@@ -6405,7 +6418,7 @@ class SelectedCaseComponent {
             i0.ɵɵelementStart(16, "div", 11);
             i0.ɵɵconditionalCreate(17, SelectedCaseComponent_Conditional_17_Template, 4, 5, "div", 12);
             i0.ɵɵconditionalCreate(18, SelectedCaseComponent_Conditional_18_Template, 4, 5, "div", 12);
-            i0.ɵɵconditionalCreate(19, SelectedCaseComponent_Conditional_19_Template, 18, 20, "table", 13);
+            i0.ɵɵconditionalCreate(19, SelectedCaseComponent_Conditional_19_Template, 21, 23, "table", 13);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("govuk-accordion__section")));
@@ -6431,11 +6444,11 @@ class SelectedCaseComponent {
             i0.ɵɵconditional(ctx.showUserHasAccessInfo() ? 18 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.showUserAccessTable() ? 19 : -1);
-        } }, dependencies: [i1.AsyncPipe, i2.RpxTranslatePipe], styles: [".govuk-case-header[_ngcontent-%COMP%]{border-top:1px solid #bfc1c3}.govuk-case-title[_ngcontent-%COMP%]{font-family:nta,Arial,sans-serif;font-size:24px;color:#005ea5;font-weight:700;padding-left:0}.govuk-case-sub-title[_ngcontent-%COMP%]{font-family:nta,Arial,sans-serif;font-size:1rem!important;color:#6f777b;font-weight:400;padding-left:0}.govuk-grid-row[_ngcontent-%COMP%]{margin-left:0;margin-right:0}.govuk-grid-column-three-quarters[_ngcontent-%COMP%]{padding-top:5px;padding-left:0}.govuk-grid-column-twenty-percent[_ngcontent-%COMP%]{box-sizing:border-box;padding-top:10px;width:20%;float:left}.govuk-grid-column-ten-percent[_ngcontent-%COMP%]{box-sizing:border-box;padding-top:10px;width:10%;float:left}.govuk-grid-column-five-percent[_ngcontent-%COMP%]{box-sizing:border-box;padding-top:15px;width:5%;float:left}.govuk-table-column-header[_ngcontent-%COMP%]{width:38%}.govuk-table-column-actions[_ngcontent-%COMP%], .govuk-table-column-label[_ngcontent-%COMP%]{width:12%}.govuk-div-align-left[_ngcontent-%COMP%]{font-family:nta,Arial,sans-serif;font-size:1.1875rem!important;line-height:1.31579!important;text-align:left;margin-bottom:20px;padding-left:0;color:#0b0c0c}.govuk-accordion__section-header[_ngcontent-%COMP%]{border-top:0}.govuk-accordion__section-content[_ngcontent-%COMP%]{padding-top:0}.govuk-accordion__section-heading[_ngcontent-%COMP%], .govuk-accordion__section-button[_ngcontent-%COMP%]{border-top:0}"] }); }
+        } }, dependencies: [i1.AsyncPipe, i2.RpxTranslatePipe], styles: [".govuk-case-header[_ngcontent-%COMP%]{border-top:1px solid #cecece}.govuk-case-title[_ngcontent-%COMP%]{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;font-display:fallback;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\")}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;font-display:fallback;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\")}@media print{.govuk-case-title[_ngcontent-%COMP%]{font-family:sans-serif}}.govuk-case-title[_ngcontent-%COMP%]{font-weight:700;font-size:1.3125rem;line-height:1.1904761905}@media (min-width: 40.0625em){.govuk-case-title[_ngcontent-%COMP%]{font-size:1.5rem;line-height:1.25}}@media print{.govuk-case-title[_ngcontent-%COMP%]{font-size:18pt;line-height:1.15}}.govuk-case-title[_ngcontent-%COMP%]{color:#1d70b8;padding-left:0}.govuk-case-sub-title[_ngcontent-%COMP%]{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media print{.govuk-case-sub-title[_ngcontent-%COMP%]{font-family:sans-serif}}.govuk-case-sub-title[_ngcontent-%COMP%]{font-weight:400;font-size:1rem;line-height:1.25}@media print{.govuk-case-sub-title[_ngcontent-%COMP%]{font-size:14pt;line-height:1.2}}.govuk-case-sub-title[_ngcontent-%COMP%]{color:var(--govuk-secondary-text-colour, #484949);padding-left:0}.govuk-grid-row[_ngcontent-%COMP%]{margin-left:0;margin-right:0}.govuk-grid-column-three-quarters[_ngcontent-%COMP%]{padding-top:5px;padding-left:0}.govuk-grid-column-twenty-percent[_ngcontent-%COMP%]{box-sizing:border-box;padding-top:10px;width:20%;float:left}.govuk-grid-column-ten-percent[_ngcontent-%COMP%]{box-sizing:border-box;padding-top:10px;width:10%;float:left}.govuk-grid-column-five-percent[_ngcontent-%COMP%]{box-sizing:border-box;padding-top:15px;width:5%;float:left}.govuk-table-column-header[_ngcontent-%COMP%]{width:38%}.govuk-table-column-actions[_ngcontent-%COMP%], .govuk-table-column-label[_ngcontent-%COMP%]{width:12%}.govuk-div-align-left[_ngcontent-%COMP%]{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media print{.govuk-div-align-left[_ngcontent-%COMP%]{font-family:sans-serif}}.govuk-div-align-left[_ngcontent-%COMP%]{font-weight:400;font-size:1.1875rem;line-height:1.3157894737}@media print{.govuk-div-align-left[_ngcontent-%COMP%]{font-size:14pt;line-height:1.15}}.govuk-div-align-left[_ngcontent-%COMP%]{text-align:left;margin-bottom:20px;padding-left:0;color:var(--govuk-text-colour, #0b0c0c)}.govuk-accordion__section-header[_ngcontent-%COMP%]{border-top:0}.govuk-accordion__section-content[_ngcontent-%COMP%]{padding-top:0}.govuk-accordion__section-heading[_ngcontent-%COMP%], .govuk-accordion__section-button[_ngcontent-%COMP%]{border-top:0}\n\n"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectedCaseComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-selected-case', standalone: false, template: "<div id=\"{{buildElementId('govuk-accordion__section')}}\" class=\"govuk-accordion__section\">\n  <div class=\"govuk-grid-row govuk-case-header\">\n    <div class=\"govuk-grid-column-three-quarters\">\n      <h3 id=\"{{buildElementId('case-title')}}\" class=\"govuk-case-title\">{{ sharedCase.caseTitle | rpxTranslate }}</h3>\n      <h3 id=\"{{buildElementId('case-id')}}\" class=\"govuk-case-sub-title\">{{ sharedCase.caseId | rpxTranslate }}</h3>\n    </div>\n    <div class=\"govuk-grid-column-ten-percent\">\n      @if (caseCount > 1) {\n        <button\n          id=\"{{buildElementId('btn-deselect-case')}}\"\n          class=\"govuk-button hmcts-button--secondary\"\n          (click)=\"onDeselect(sharedCase)\" title=\"Deselect case\">\n          {{'Deselect case' | rpxTranslate}}\n        </button>\n      }\n    </div>\n    <div class=\"govuk-accordion__section-header govuk-grid-column-ten-percent\">\n      <div class=\"govuk-accordion__section-heading\">\n        <button type=\"button\" id=\"{{buildElementId('accordion-with-summary-sections-heading')}}\"\n          [attr.aria-controls]=\"'accordion-with-summary-sections-content' + buildElementId('accordion-with-summary-sections-heading')\" class=\"govuk-accordion__section-button\"\n          aria-expanded=\"false\" [title]=\"'Expand or Collapse' | rpxTranslate\">\n          <span class=\"govuk-accordion__icon\" aria-hidden=\"true\"></span></button>\n        </div>\n      </div>\n    </div>\n    <div id=\"{{buildElementId('accordion-with-summary-sections-content')}}\" class=\"govuk-accordion__section-content\"\n      [attr.aria-labelledby]=\"buildElementId('accordion-with-summary-sections-heading')\" >\n      @if (showNoUsersAccessInfo()) {\n        <div class=\"govuk-grid-row\">\n          <span id=\"{{buildElementId('access-info-no-user')}}\" class=\"govuk-div-align-left\">\n            {{'No users from your organisation currently have access to this case.' | rpxTranslate}}\n          </span>\n        </div>\n      }\n      @if (showUserHasAccessInfo()) {\n        <div class=\"govuk-grid-row\">\n          <span id=\"{{buildElementId('access-info-has-users')}}\" class=\"govuk-div-align-left\">\n            {{'Users from your organisation with access to this case.' | rpxTranslate}}\n          </span>\n        </div>\n      }\n      @if (showUserAccessTable()) {\n        <table class=\"govuk-table\">\n          <thead class=\"govuk-table__head\">\n            <tr class=\"govuk-table__row\">\n              <th id=\"{{buildElementId('name-heading')}}\" class=\"govuk-table__header govuk-table-column-header\" scope=\"col\">{{'Name' | rpxTranslate}}</th>\n              <th id=\"{{buildElementId('email-heading')}}\" class=\"govuk-table__header govuk-table-column-header\" scope=\"col\">{{'Email address' | rpxTranslate}}</th>\n              <th id=\"{{buildElementId('action-heading')}}\" class=\"govuk-table__header govuk-table-column-actions\" scope=\"col\">{{'Actions' | rpxTranslate}}</th>\n              <th id=\"{{buildElementId('label-heading')}}\" class=\"govuk-table__header govuk-table-column-label\" scope=\"col\">{{ 'Status' | rpxTranslate }}</th>\n            </tr>\n          </thead>\n          <tbody class=\"govuk-table__body\">\n            @for (user of combinedSortedShares; track trackByUserId(user); let idx = $index) {\n              <tr class=\"govuk-table__row\">\n                <td id=\"user-full-name-{{ userIdSetter(canCancel(sharedCase.caseId, user) | async, idx) }}\" class=\"govuk-table__cell\">{{ user.firstName + ' ' + user.lastName }}</td>\n                <td id=\"user-email-{{ userIdSetter(canCancel(sharedCase.caseId, user) | async, idx) }}\" class=\"govuk-table__cell\">{{ user.email }}</td>\n                <td class=\"govuk-table__cell\">\n                  @if (canRemove(sharedCase.caseId, user) | async) {\n                    <a (click)=\"onRemove(user, sharedCase); $event.preventDefault()\" href=\"#\">{{'Remove' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{ user.firstName + ' ' + user.lastName }} {{'from case' | rpxTranslate}}</span></a>\n                  }\n                  @if (canCancel(sharedCase.caseId, user) | async) {\n                    <a (click)=\"onCancel(user, sharedCase); $event.preventDefault()\" href=\"#\">{{'Cancel' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'adding' | rpxTranslate}} {{ user.firstName + ' ' + user.lastName }} {{'to case' | rpxTranslate}}</span></a>\n                  }\n                </td>\n                <td class=\"govuk-table__cell\">\n                  @if (isToBeRemoved(sharedCase.caseId, user) | async) {\n                    <span class=\"hmcts-badge hmcts-badge--red\">{{'To be removed' | rpxTranslate}}</span>\n                  }\n                  @if (isToBeAdded(sharedCase.caseId, user) | async) {\n                    <span class=\"hmcts-badge\">{{'To be added' | rpxTranslate}}</span>\n                  }\n                </td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      }\n    </div>\n  </div>\n", styles: [".govuk-case-header{border-top:1px solid #bfc1c3}.govuk-case-title{font-family:nta,Arial,sans-serif;font-size:24px;color:#005ea5;font-weight:700;padding-left:0}.govuk-case-sub-title{font-family:nta,Arial,sans-serif;font-size:1rem!important;color:#6f777b;font-weight:400;padding-left:0}.govuk-grid-row{margin-left:0;margin-right:0}.govuk-grid-column-three-quarters{padding-top:5px;padding-left:0}.govuk-grid-column-twenty-percent{box-sizing:border-box;padding-top:10px;width:20%;float:left}.govuk-grid-column-ten-percent{box-sizing:border-box;padding-top:10px;width:10%;float:left}.govuk-grid-column-five-percent{box-sizing:border-box;padding-top:15px;width:5%;float:left}.govuk-table-column-header{width:38%}.govuk-table-column-actions,.govuk-table-column-label{width:12%}.govuk-div-align-left{font-family:nta,Arial,sans-serif;font-size:1.1875rem!important;line-height:1.31579!important;text-align:left;margin-bottom:20px;padding-left:0;color:#0b0c0c}.govuk-accordion__section-header{border-top:0}.govuk-accordion__section-content{padding-top:0}.govuk-accordion__section-heading,.govuk-accordion__section-button{border-top:0}\n"] }]
+        args: [{ selector: 'xuilib-selected-case', standalone: false, template: "<div id=\"{{buildElementId('govuk-accordion__section')}}\" class=\"govuk-accordion__section\">\n  <div class=\"govuk-grid-row govuk-case-header\">\n    <div class=\"govuk-grid-column-three-quarters\">\n      <h3 id=\"{{buildElementId('case-title')}}\" class=\"govuk-case-title\">{{ sharedCase.caseTitle | rpxTranslate }}</h3>\n      <h3 id=\"{{buildElementId('case-id')}}\" class=\"govuk-case-sub-title\">{{ sharedCase.caseId | rpxTranslate }}</h3>\n    </div>\n    <div class=\"govuk-grid-column-ten-percent\">\n      @if (caseCount > 1) {\n        <button\n          id=\"{{buildElementId('btn-deselect-case')}}\"\n          class=\"govuk-button hmcts-button--secondary\"\n          (click)=\"onDeselect(sharedCase)\" title=\"Deselect case\">\n          {{'Deselect case' | rpxTranslate}}\n        </button>\n      }\n    </div>\n    <div class=\"govuk-accordion__section-header govuk-grid-column-ten-percent\">\n      <div class=\"govuk-accordion__section-heading\">\n        <button type=\"button\" id=\"{{buildElementId('accordion-with-summary-sections-heading')}}\"\n          [attr.aria-controls]=\"'accordion-with-summary-sections-content' + buildElementId('accordion-with-summary-sections-heading')\" class=\"govuk-accordion__section-button\"\n          aria-expanded=\"false\" [title]=\"'Expand or Collapse' | rpxTranslate\">\n          <span class=\"govuk-accordion__icon\" aria-hidden=\"true\"></span></button>\n        </div>\n      </div>\n    </div>\n    <div id=\"{{buildElementId('accordion-with-summary-sections-content')}}\" class=\"govuk-accordion__section-content\"\n      [attr.aria-labelledby]=\"buildElementId('accordion-with-summary-sections-heading')\" >\n      @if (showNoUsersAccessInfo()) {\n        <div class=\"govuk-grid-row\">\n          <span id=\"{{buildElementId('access-info-no-user')}}\" class=\"govuk-div-align-left\">\n            {{'No users from your organisation currently have access to this case.' | rpxTranslate}}\n          </span>\n        </div>\n      }\n      @if (showUserHasAccessInfo()) {\n        <div class=\"govuk-grid-row\">\n          <span id=\"{{buildElementId('access-info-has-users')}}\" class=\"govuk-div-align-left\">\n            {{'Users from your organisation with access to this case.' | rpxTranslate}}\n          </span>\n        </div>\n      }\n      @if (showUserAccessTable()) {\n        <table class=\"govuk-table\">\n          <caption class=\"govuk-table__caption govuk-visually-hidden\">{{'Users with access to this case' | rpxTranslate}}</caption>\n          <thead class=\"govuk-table__head\">\n            <tr class=\"govuk-table__row\">\n              <th id=\"{{buildElementId('name-heading')}}\" class=\"govuk-table__header govuk-table-column-header\" scope=\"col\">{{'Name' | rpxTranslate}}</th>\n              <th id=\"{{buildElementId('email-heading')}}\" class=\"govuk-table__header govuk-table-column-header\" scope=\"col\">{{'Email address' | rpxTranslate}}</th>\n              <th id=\"{{buildElementId('action-heading')}}\" class=\"govuk-table__header govuk-table-column-actions\" scope=\"col\">{{'Actions' | rpxTranslate}}</th>\n              <th id=\"{{buildElementId('label-heading')}}\" class=\"govuk-table__header govuk-table-column-label\" scope=\"col\">{{ 'Status' | rpxTranslate }}</th>\n            </tr>\n          </thead>\n          <tbody class=\"govuk-table__body\">\n            @for (user of combinedSortedShares; track trackByUserId(user); let idx = $index) {\n              <tr class=\"govuk-table__row\">\n                <td id=\"user-full-name-{{ userIdSetter(canCancel(sharedCase.caseId, user) | async, idx) }}\" class=\"govuk-table__cell\">{{ user.firstName + ' ' + user.lastName }}</td>\n                <td id=\"user-email-{{ userIdSetter(canCancel(sharedCase.caseId, user) | async, idx) }}\" class=\"govuk-table__cell\">{{ user.email }}</td>\n                <td class=\"govuk-table__cell\">\n                  @if (canRemove(sharedCase.caseId, user) | async) {\n                    <a (click)=\"onRemove(user, sharedCase); $event.preventDefault()\" href=\"#\">{{'Remove' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{ user.firstName + ' ' + user.lastName }} {{'from case' | rpxTranslate}}</span></a>\n                  }\n                  @if (canCancel(sharedCase.caseId, user) | async) {\n                    <a (click)=\"onCancel(user, sharedCase); $event.preventDefault()\" href=\"#\">{{'Cancel' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'adding' | rpxTranslate}} {{ user.firstName + ' ' + user.lastName }} {{'to case' | rpxTranslate}}</span></a>\n                  }\n                </td>\n                <td class=\"govuk-table__cell\">\n                  @if (isToBeRemoved(sharedCase.caseId, user) | async) {\n                    <strong class=\"govuk-tag govuk-tag--red\">{{'To be removed' | rpxTranslate}}</strong>\n                  }\n                  @if (isToBeAdded(sharedCase.caseId, user) | async) {\n                    <strong class=\"govuk-tag govuk-tag--green\">{{'To be added' | rpxTranslate}}</strong>\n                  }\n                </td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      }\n    </div>\n  </div>\n", styles: [".govuk-case-header{border-top:1px solid #cecece}.govuk-case-title{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;font-display:fallback;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\")}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;font-display:fallback;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\")}@media print{.govuk-case-title{font-family:sans-serif}}.govuk-case-title{font-weight:700;font-size:1.3125rem;line-height:1.1904761905}@media (min-width: 40.0625em){.govuk-case-title{font-size:1.5rem;line-height:1.25}}@media print{.govuk-case-title{font-size:18pt;line-height:1.15}}.govuk-case-title{color:#1d70b8;padding-left:0}.govuk-case-sub-title{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media print{.govuk-case-sub-title{font-family:sans-serif}}.govuk-case-sub-title{font-weight:400;font-size:1rem;line-height:1.25}@media print{.govuk-case-sub-title{font-size:14pt;line-height:1.2}}.govuk-case-sub-title{color:var(--govuk-secondary-text-colour, #484949);padding-left:0}.govuk-grid-row{margin-left:0;margin-right:0}.govuk-grid-column-three-quarters{padding-top:5px;padding-left:0}.govuk-grid-column-twenty-percent{box-sizing:border-box;padding-top:10px;width:20%;float:left}.govuk-grid-column-ten-percent{box-sizing:border-box;padding-top:10px;width:10%;float:left}.govuk-grid-column-five-percent{box-sizing:border-box;padding-top:15px;width:5%;float:left}.govuk-table-column-header{width:38%}.govuk-table-column-actions,.govuk-table-column-label{width:12%}.govuk-div-align-left{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media print{.govuk-div-align-left{font-family:sans-serif}}.govuk-div-align-left{font-weight:400;font-size:1.1875rem;line-height:1.3157894737}@media print{.govuk-div-align-left{font-size:14pt;line-height:1.15}}.govuk-div-align-left{text-align:left;margin-bottom:20px;padding-left:0;color:var(--govuk-text-colour, #0b0c0c)}.govuk-accordion__section-header{border-top:0}.govuk-accordion__section-content{padding-top:0}.govuk-accordion__section-heading,.govuk-accordion__section-button{border-top:0}\n/*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */\n"] }]
     }], () => [{ type: CaseSharingStateService }], { sharedCase: [{
             type: Input
         }], selectedUser: [{
@@ -7522,53 +7535,51 @@ class TcConfirmComponent {
         this.confirm.emit();
     }
     static { this.ɵfac = function TcConfirmComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TcConfirmComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TcConfirmComponent, selectors: [["xuilib-tc-confirm"]], inputs: { buttonText: "buttonText" }, outputs: { confirm: "confirm" }, standalone: false, decls: 26, vars: 18, consts: [[1, "govuk-width-container"], ["role", "main", "id", "content", 1, "govuk-main-wrapper"], [1, "govuk-grid-row"], [1, "govuk-grid-column-two-thirds"], [1, "column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-heading-m"], ["routerLink", "/terms-and-conditions", "rel", "noopener noreferrer", "target", "_blank"], [1, "govuk-button", 3, "click"], [1, "govuk-grid-column-one-third"]], template: function TcConfirmComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "main", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "h1", 5);
-            i0.ɵɵtext(6);
-            i0.ɵɵpipe(7, "rpxTranslate");
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TcConfirmComponent, selectors: [["xuilib-tc-confirm"]], inputs: { buttonText: "buttonText" }, outputs: { confirm: "confirm" }, standalone: false, decls: 24, vars: 18, consts: [[1, "govuk-width-container"], ["role", "main", "id", "content", 1, "govuk-main-wrapper"], [1, "govuk-grid-row"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-heading-m"], ["routerLink", "/terms-and-conditions", "rel", "noopener noreferrer", "target", "_blank"], [1, "govuk-button", 3, "click"]], template: function TcConfirmComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "main", 1)(2, "div", 2)(3, "div", 3)(4, "h1", 4);
+            i0.ɵɵtext(5);
+            i0.ɵɵpipe(6, "rpxTranslate");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(8, "h2", 6);
-            i0.ɵɵtext(9);
-            i0.ɵɵpipe(10, "rpxTranslate");
+            i0.ɵɵelementStart(7, "h2", 5);
+            i0.ɵɵtext(8);
+            i0.ɵɵpipe(9, "rpxTranslate");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(11, "p");
-            i0.ɵɵtext(12);
-            i0.ɵɵpipe(13, "rpxTranslate");
-            i0.ɵɵelementStart(14, "a", 7);
-            i0.ɵɵtext(15);
-            i0.ɵɵpipe(16, "rpxTranslate");
+            i0.ɵɵelementStart(10, "p");
+            i0.ɵɵtext(11);
+            i0.ɵɵpipe(12, "rpxTranslate");
+            i0.ɵɵelementStart(13, "a", 6);
+            i0.ɵɵtext(14);
+            i0.ɵɵpipe(15, "rpxTranslate");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(17, ". ");
+            i0.ɵɵtext(16, ". ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(18, "p");
-            i0.ɵɵtext(19);
-            i0.ɵɵpipe(20, "rpxTranslate");
+            i0.ɵɵelementStart(17, "p");
+            i0.ɵɵtext(18);
+            i0.ɵɵpipe(19, "rpxTranslate");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(21, "p")(22, "button", 8);
-            i0.ɵɵlistener("click", function TcConfirmComponent_Template_button_click_22_listener() { return ctx.onClick(); });
-            i0.ɵɵtext(23);
-            i0.ɵɵpipe(24, "rpxTranslate");
-            i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelement(25, "div", 9);
-            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(20, "p")(21, "button", 7);
+            i0.ɵɵlistener("click", function TcConfirmComponent_Template_button_click_21_listener() { return ctx.onClick(); });
+            i0.ɵɵtext(22);
+            i0.ɵɵpipe(23, "rpxTranslate");
+            i0.ɵɵelementEnd()()()()()();
         } if (rf & 2) {
-            i0.ɵɵadvance(6);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 6, "Using this service"));
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6, "Using this service"));
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(10, 8, "Terms and conditions"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(9, 8, "Terms and conditions"));
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(13, 10, "We've recently updated the"), " ");
+            i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(12, 10, "We've recently updated the"), " ");
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(16, 12, "terms and conditions"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 12, "terms and conditions"));
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(20, 14, "You must review and accept them."), " ");
+            i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(19, 14, "You must review and accept them."), " ");
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(24, 16, ctx.buttonText), " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23, 16, ctx.buttonText), " ");
         } }, dependencies: [i1$1.RouterLink, i2.RpxTranslatePipe], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TcConfirmComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-tc-confirm', standalone: false, template: "<div class=\"govuk-width-container\">\n  <main role=\"main\" class=\"govuk-main-wrapper\" id=\"content\">\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"column-two-thirds\">\n          <h1 class=\"govuk-heading-xl\">{{'Using this service' | rpxTranslate}}</h1>\n          <h2 class=\"govuk-heading-m\">{{'Terms and conditions' | rpxTranslate}}</h2>\n          <p>{{'We\\'ve recently updated the' | rpxTranslate}}\n            <a\n              routerLink=\"/terms-and-conditions\"\n              rel=\"noopener noreferrer\"\n              target=\"_blank\"\n              >{{'terms and conditions' | rpxTranslate}}</a\n            >.\n          </p>\n          <p>{{'You must review and accept them.' | rpxTranslate}}\n          </p>\n          <p>\n            <button class=\"govuk-button\" (click)=\"onClick()\">\n              {{ buttonText | rpxTranslate }}\n            </button>\n          </p>\n        </div>\n      </div>\n    </div>\n    <div class=\"govuk-grid-column-one-third\"></div>\n  </main>\n</div>\n" }]
+        args: [{ selector: 'xuilib-tc-confirm', standalone: false, template: "<div class=\"govuk-width-container\">\n  <main role=\"main\" class=\"govuk-main-wrapper\" id=\"content\">\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h1 class=\"govuk-heading-xl\">{{'Using this service' | rpxTranslate}}</h1>\n        <h2 class=\"govuk-heading-m\">{{'Terms and conditions' | rpxTranslate}}</h2>\n        <p>{{'We\\'ve recently updated the' | rpxTranslate}}\n          <a\n            routerLink=\"/terms-and-conditions\"\n            rel=\"noopener noreferrer\"\n            target=\"_blank\"\n            >{{'terms and conditions' | rpxTranslate}}</a\n          >.\n        </p>\n        <p>{{'You must review and accept them.' | rpxTranslate}}\n        </p>\n        <p>\n          <button class=\"govuk-button\" (click)=\"onClick()\">\n            {{ buttonText | rpxTranslate }}\n          </button>\n        </p>\n      </div>\n    </div>\n  </main>\n</div>\n" }]
     }], () => [], { buttonText: [{
             type: Input
         }], confirm: [{
@@ -8112,11 +8123,11 @@ class HmctsPaginationComponent {
             i0.ɵɵconditional(!(p_r3.pages.length <= 1) ? 6 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.showResultCount ? 7 : -1);
-        } }, dependencies: [i1$1.RouterLink, i2$4.PaginationControlsDirective, i1.DecimalPipe, i2.RpxTranslatePipe], styles: ["@media (min-width: 48.0625em){.hmcts-pagination[_ngcontent-%COMP%]{margin-left:-govuk-spacing(1);margin-right:-govuk-spacing(1);font-size:0;text-align:justify}.hmcts-pagination[_ngcontent-%COMP%]:after{content:\"\";display:inline-block;width:100%}}.hmcts-pagination__list[_ngcontent-%COMP%]{list-style:none;margin:0;padding:0}@media (min-width: 48.0625em){.hmcts-pagination__list[_ngcontent-%COMP%]{display:inline-block;margin-bottom:0;vertical-align:middle}}.hmcts-pagination__item[_ngcontent-%COMP%]{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\");font-display:fallback}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\");font-display:fallback}@media print{.hmcts-pagination__item[_ngcontent-%COMP%]{font-family:sans-serif}}.hmcts-pagination__item[_ngcontent-%COMP%]{font-weight:400;font-size:1rem;line-height:1.25}@media (min-width: 40.0625em){.hmcts-pagination__item[_ngcontent-%COMP%]{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-pagination__item[_ngcontent-%COMP%]{font-size:14pt;line-height:1.15}}.hmcts-pagination__item[_ngcontent-%COMP%]{display:inline-block}.hmcts-pagination__item--active[_ngcontent-%COMP%], .hmcts-pagination__item--dots[_ngcontent-%COMP%]{font-weight:700;height:25px;padding:5px 10px;text-align:center}.hmcts-pagination__item--dots[_ngcontent-%COMP%]{padding-left:0;padding-right:0}.hmcts-pagination__item--prev[_ngcontent-%COMP%]   .hmcts-pagination__link[_ngcontent-%COMP%]:before, .hmcts-pagination__item--prev[_ngcontent-%COMP%]   .hmcts-pagination__link[_ngcontent-%COMP%]:after, .hmcts-pagination__item--next[_ngcontent-%COMP%]   .hmcts-pagination__link[_ngcontent-%COMP%]:before, .hmcts-pagination__item--next[_ngcontent-%COMP%]   .hmcts-pagination__link[_ngcontent-%COMP%]:after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 36'%3E%3Cpath fill='%231d70b8' fill-rule='evenodd' clip-rule='evenodd' d='M8.9 18L0 9l8.9-9L11 2.1 4.2 9l6.8 6.9L8.9 18zM11 33.9l6.8-6.9-6.8-6.9 2.1-2.1 8.9 9-8.9 9-2.1-2.1z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:22px 36px;background-position:0 0;display:inline-block;height:18px;vertical-align:middle;position:relative;top:-1px;width:11px}.hmcts-pagination__item--prev[_ngcontent-%COMP%]   .hmcts-pagination__link[_ngcontent-%COMP%]:before{background-position:0 0;content:\"\";margin-right:10px}.hmcts-pagination__item--next[_ngcontent-%COMP%]   .hmcts-pagination__link[_ngcontent-%COMP%]:after{background-position:-11px -18px;content:\"\";margin-left:10px}.hmcts-pagination__link[_ngcontent-%COMP%]{display:block;padding:5px;text-align:center;text-decoration:none;min-width:25px}.hmcts-pagination__link[_ngcontent-%COMP%]:link, .hmcts-pagination__link[_ngcontent-%COMP%]:visited{color:#1d70b8}.hmcts-pagination__link[_ngcontent-%COMP%]:hover{color:#5694ca}.hmcts-pagination__link[_ngcontent-%COMP%]:focus{color:#0b0c0c}.hmcts-pagination__results[_ngcontent-%COMP%]{padding:5px}@media (min-width: 48.0625em){.hmcts-pagination__results[_ngcontent-%COMP%]{display:inline-block;margin-bottom:0;vertical-align:middle}}.hmcts-pagination__results[_ngcontent-%COMP%]{float:right}\n\n"] }); }
+        } }, dependencies: [i1$1.RouterLink, i2$4.PaginationControlsDirective, i1.DecimalPipe, i2.RpxTranslatePipe], styles: ["@media (min-width: 48.0625em){.hmcts-pagination[_ngcontent-%COMP%]{margin-left:-govuk-spacing(1);margin-right:-govuk-spacing(1);font-size:0;text-align:justify}.hmcts-pagination[_ngcontent-%COMP%]:after{content:\"\";display:inline-block;width:100%}}.hmcts-pagination__list[_ngcontent-%COMP%]{list-style:none;margin:0;padding:0}@media (min-width: 48.0625em){.hmcts-pagination__list[_ngcontent-%COMP%]{display:inline-block;margin-bottom:0;vertical-align:middle}}.hmcts-pagination__item[_ngcontent-%COMP%]{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;font-display:fallback;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\")}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;font-display:fallback;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\")}@media print{.hmcts-pagination__item[_ngcontent-%COMP%]{font-family:sans-serif}}.hmcts-pagination__item[_ngcontent-%COMP%]{font-weight:400;font-size:1.1875rem;line-height:1.3157894737}@media print{.hmcts-pagination__item[_ngcontent-%COMP%]{font-size:14pt;line-height:1.15}}.hmcts-pagination__item[_ngcontent-%COMP%]{display:inline-block}.hmcts-pagination__item--active[_ngcontent-%COMP%], .hmcts-pagination__item--dots[_ngcontent-%COMP%]{font-weight:700;height:25px;padding:5px 10px;text-align:center}.hmcts-pagination__item--dots[_ngcontent-%COMP%]{padding-left:0;padding-right:0}.hmcts-pagination__item--prev[_ngcontent-%COMP%]   .hmcts-pagination__link[_ngcontent-%COMP%]:before, .hmcts-pagination__item--prev[_ngcontent-%COMP%]   .hmcts-pagination__link[_ngcontent-%COMP%]:after, .hmcts-pagination__item--next[_ngcontent-%COMP%]   .hmcts-pagination__link[_ngcontent-%COMP%]:before, .hmcts-pagination__item--next[_ngcontent-%COMP%]   .hmcts-pagination__link[_ngcontent-%COMP%]:after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 36'%3E%3Cpath fill='%231d70b8' fill-rule='evenodd' clip-rule='evenodd' d='M8.9 18L0 9l8.9-9L11 2.1 4.2 9l6.8 6.9L8.9 18zM11 33.9l6.8-6.9-6.8-6.9 2.1-2.1 8.9 9-8.9 9-2.1-2.1z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:22px 36px;background-position:0 0;display:inline-block;height:18px;vertical-align:middle;position:relative;top:-1px;width:11px}.hmcts-pagination__item--prev[_ngcontent-%COMP%]   .hmcts-pagination__link[_ngcontent-%COMP%]:before{background-position:0 0;content:\"\";margin-right:10px}.hmcts-pagination__item--next[_ngcontent-%COMP%]   .hmcts-pagination__link[_ngcontent-%COMP%]:after{background-position:-11px -18px;content:\"\";margin-left:10px}.hmcts-pagination__link[_ngcontent-%COMP%]{display:block;padding:5px;text-align:center;text-decoration:none;min-width:25px}.hmcts-pagination__link[_ngcontent-%COMP%]:link, .hmcts-pagination__link[_ngcontent-%COMP%]:visited{color:#1d70b8}.hmcts-pagination__link[_ngcontent-%COMP%]:hover{color:#5694ca}.hmcts-pagination__link[_ngcontent-%COMP%]:focus{color:#0b0c0c}.hmcts-pagination__results[_ngcontent-%COMP%]{padding:5px}@media (min-width: 48.0625em){.hmcts-pagination__results[_ngcontent-%COMP%]{display:inline-block;margin-bottom:0;vertical-align:middle}}.hmcts-pagination__results[_ngcontent-%COMP%]{float:right}\n\n"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HmctsPaginationComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-hmcts-pagination', standalone: false, template: "<pagination-template #p=\"paginationApi\" [id]=\"id\" [maxSize]=\"maxSize\" (pageChange)=\"pageChange.emit($event)\"\n  (pageBoundsCorrection)=\"pageBoundsCorrection.emit($event)\">\n\n  <nav class=\"hmcts-pagination\" id=\"pagination-label\">\n    <p class=\"govuk-visually-hidden\" aria-labelledby=\"pagination-label\">{{'Pagination navigation' | rpxTranslate}}</p>\n    @if (!(p.pages.length <= 1)) {\n      <ul class=\"hmcts-pagination__list\">\n        <li class=\"hmcts-pagination__item  hmcts-pagination__item--prev\" [class.disabled]=\"p.isFirstPage()\">\n          @if (1 < p.getCurrent()) {\n            <a [routerLink]=\"\" class=\"hmcts-pagination__link\" (keyup.enter)=\"p.previous()\"\n              (click)=\"p.previous()\">{{'Previous' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'set of pages' | rpxTranslate}}</span></a>\n            }\n          </li>\n          @if (showPageNumbers) {\n            @for (page of p.pages; track page) {\n              <li class=\"hmcts-pagination__item\" [class.hmcts-pagination__item--active]=\"p.getCurrent() === page.value\"\n                [class.hmcts-pagination__item--dots]=\"page.label === '...'\">\n                @if (p.getCurrent() !== page.value) {\n                  <a class=\"hmcts-pagination__link\" [routerLink]=\"\" (keyup.enter)=\"p.setCurrent(page.value)\"\n                    (click)=\"p.setCurrent(page.value)\">\n                    <span class=\"govuk-visually-hidden\">{{'page' | rpxTranslate}} </span>\n                    <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\n                  </a>\n                }\n                @if (p.getCurrent() === page.value) {\n                  <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\n                }\n              </li>\n            }\n          }\n          <li class=\"hmcts-pagination__item  hmcts-pagination__item--next\" [class.disabled]=\"p.isLastPage()\">\n            @if (!p.isLastPage()) {\n              <a [routerLink]=\"\" class=\"hmcts-pagination__link\" (keyup.enter)=\"p.next()\"\n                (click)=\"p.next()\">{{'Next' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'page' | rpxTranslate}}</span></a>\n              }\n            </li>\n          </ul>\n        }\n        @if (showResultCount) {\n          <p class=\"hmcts-pagination__results\">{{'Showing' | rpxTranslate}} <b>{{(p.getCurrent() * pageSize) - pageSize + 1}}</b>\n          {{'to' | rpxTranslate}} <b>{{ p.getCurrent() * pageSize > p.getTotalItems() ? p.getTotalItems() : p.getCurrent() *\n          pageSize}}</b> {{'of' | rpxTranslate}} <b>{{p.getTotalItems()}}</b> {{'results' | rpxTranslate}}</p>\n        }\n      </nav>\n\n    </pagination-template>\n", styles: ["@media (min-width: 48.0625em){.hmcts-pagination{margin-left:-govuk-spacing(1);margin-right:-govuk-spacing(1);font-size:0;text-align:justify}.hmcts-pagination:after{content:\"\";display:inline-block;width:100%}}.hmcts-pagination__list{list-style:none;margin:0;padding:0}@media (min-width: 48.0625em){.hmcts-pagination__list{display:inline-block;margin-bottom:0;vertical-align:middle}}.hmcts-pagination__item{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\");font-display:fallback}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\");font-display:fallback}@media print{.hmcts-pagination__item{font-family:sans-serif}}.hmcts-pagination__item{font-weight:400;font-size:1rem;line-height:1.25}@media (min-width: 40.0625em){.hmcts-pagination__item{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-pagination__item{font-size:14pt;line-height:1.15}}.hmcts-pagination__item{display:inline-block}.hmcts-pagination__item--active,.hmcts-pagination__item--dots{font-weight:700;height:25px;padding:5px 10px;text-align:center}.hmcts-pagination__item--dots{padding-left:0;padding-right:0}.hmcts-pagination__item--prev .hmcts-pagination__link:before,.hmcts-pagination__item--prev .hmcts-pagination__link:after,.hmcts-pagination__item--next .hmcts-pagination__link:before,.hmcts-pagination__item--next .hmcts-pagination__link:after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 36'%3E%3Cpath fill='%231d70b8' fill-rule='evenodd' clip-rule='evenodd' d='M8.9 18L0 9l8.9-9L11 2.1 4.2 9l6.8 6.9L8.9 18zM11 33.9l6.8-6.9-6.8-6.9 2.1-2.1 8.9 9-8.9 9-2.1-2.1z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:22px 36px;background-position:0 0;display:inline-block;height:18px;vertical-align:middle;position:relative;top:-1px;width:11px}.hmcts-pagination__item--prev .hmcts-pagination__link:before{background-position:0 0;content:\"\";margin-right:10px}.hmcts-pagination__item--next .hmcts-pagination__link:after{background-position:-11px -18px;content:\"\";margin-left:10px}.hmcts-pagination__link{display:block;padding:5px;text-align:center;text-decoration:none;min-width:25px}.hmcts-pagination__link:link,.hmcts-pagination__link:visited{color:#1d70b8}.hmcts-pagination__link:hover{color:#5694ca}.hmcts-pagination__link:focus{color:#0b0c0c}.hmcts-pagination__results{padding:5px}@media (min-width: 48.0625em){.hmcts-pagination__results{display:inline-block;margin-bottom:0;vertical-align:middle}}.hmcts-pagination__results{float:right}\n/*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */\n"] }]
+        args: [{ selector: 'xuilib-hmcts-pagination', standalone: false, template: "<pagination-template #p=\"paginationApi\" [id]=\"id\" [maxSize]=\"maxSize\" (pageChange)=\"pageChange.emit($event)\"\n  (pageBoundsCorrection)=\"pageBoundsCorrection.emit($event)\">\n\n  <nav class=\"hmcts-pagination\" id=\"pagination-label\">\n    <p class=\"govuk-visually-hidden\" aria-labelledby=\"pagination-label\">{{'Pagination navigation' | rpxTranslate}}</p>\n    @if (!(p.pages.length <= 1)) {\n      <ul class=\"hmcts-pagination__list\">\n        <li class=\"hmcts-pagination__item  hmcts-pagination__item--prev\" [class.disabled]=\"p.isFirstPage()\">\n          @if (1 < p.getCurrent()) {\n            <a [routerLink]=\"\" class=\"hmcts-pagination__link\" (keyup.enter)=\"p.previous()\"\n              (click)=\"p.previous()\">{{'Previous' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'set of pages' | rpxTranslate}}</span></a>\n            }\n          </li>\n          @if (showPageNumbers) {\n            @for (page of p.pages; track page) {\n              <li class=\"hmcts-pagination__item\" [class.hmcts-pagination__item--active]=\"p.getCurrent() === page.value\"\n                [class.hmcts-pagination__item--dots]=\"page.label === '...'\">\n                @if (p.getCurrent() !== page.value) {\n                  <a class=\"hmcts-pagination__link\" [routerLink]=\"\" (keyup.enter)=\"p.setCurrent(page.value)\"\n                    (click)=\"p.setCurrent(page.value)\">\n                    <span class=\"govuk-visually-hidden\">{{'page' | rpxTranslate}} </span>\n                    <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\n                  </a>\n                }\n                @if (p.getCurrent() === page.value) {\n                  <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\n                }\n              </li>\n            }\n          }\n          <li class=\"hmcts-pagination__item  hmcts-pagination__item--next\" [class.disabled]=\"p.isLastPage()\">\n            @if (!p.isLastPage()) {\n              <a [routerLink]=\"\" class=\"hmcts-pagination__link\" (keyup.enter)=\"p.next()\"\n                (click)=\"p.next()\">{{'Next' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'page' | rpxTranslate}}</span></a>\n              }\n            </li>\n          </ul>\n        }\n        @if (showResultCount) {\n          <p class=\"hmcts-pagination__results\">{{'Showing' | rpxTranslate}} <b>{{(p.getCurrent() * pageSize) - pageSize + 1}}</b>\n          {{'to' | rpxTranslate}} <b>{{ p.getCurrent() * pageSize > p.getTotalItems() ? p.getTotalItems() : p.getCurrent() *\n          pageSize}}</b> {{'of' | rpxTranslate}} <b>{{p.getTotalItems()}}</b> {{'results' | rpxTranslate}}</p>\n        }\n      </nav>\n\n    </pagination-template>\n", styles: ["@media (min-width: 48.0625em){.hmcts-pagination{margin-left:-govuk-spacing(1);margin-right:-govuk-spacing(1);font-size:0;text-align:justify}.hmcts-pagination:after{content:\"\";display:inline-block;width:100%}}.hmcts-pagination__list{list-style:none;margin:0;padding:0}@media (min-width: 48.0625em){.hmcts-pagination__list{display:inline-block;margin-bottom:0;vertical-align:middle}}.hmcts-pagination__item{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;font-display:fallback;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\")}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;font-display:fallback;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\")}@media print{.hmcts-pagination__item{font-family:sans-serif}}.hmcts-pagination__item{font-weight:400;font-size:1.1875rem;line-height:1.3157894737}@media print{.hmcts-pagination__item{font-size:14pt;line-height:1.15}}.hmcts-pagination__item{display:inline-block}.hmcts-pagination__item--active,.hmcts-pagination__item--dots{font-weight:700;height:25px;padding:5px 10px;text-align:center}.hmcts-pagination__item--dots{padding-left:0;padding-right:0}.hmcts-pagination__item--prev .hmcts-pagination__link:before,.hmcts-pagination__item--prev .hmcts-pagination__link:after,.hmcts-pagination__item--next .hmcts-pagination__link:before,.hmcts-pagination__item--next .hmcts-pagination__link:after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 36'%3E%3Cpath fill='%231d70b8' fill-rule='evenodd' clip-rule='evenodd' d='M8.9 18L0 9l8.9-9L11 2.1 4.2 9l6.8 6.9L8.9 18zM11 33.9l6.8-6.9-6.8-6.9 2.1-2.1 8.9 9-8.9 9-2.1-2.1z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:22px 36px;background-position:0 0;display:inline-block;height:18px;vertical-align:middle;position:relative;top:-1px;width:11px}.hmcts-pagination__item--prev .hmcts-pagination__link:before{background-position:0 0;content:\"\";margin-right:10px}.hmcts-pagination__item--next .hmcts-pagination__link:after{background-position:-11px -18px;content:\"\";margin-left:10px}.hmcts-pagination__link{display:block;padding:5px;text-align:center;text-decoration:none;min-width:25px}.hmcts-pagination__link:link,.hmcts-pagination__link:visited{color:#1d70b8}.hmcts-pagination__link:hover{color:#5694ca}.hmcts-pagination__link:focus{color:#0b0c0c}.hmcts-pagination__results{padding:5px}@media (min-width: 48.0625em){.hmcts-pagination__results{display:inline-block;margin-bottom:0;vertical-align:middle}}.hmcts-pagination__results{float:right}\n/*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */\n"] }]
     }], null, { id: [{
             type: Input
         }], maxSize: [{
@@ -8176,7 +8187,7 @@ class UserListComponent {
         this.pageChange.emit(pageNumber);
     }
     static { this.ɵfac = function UserListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UserListComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserListComponent, selectors: [["xuilib-user-list"]], inputs: { users: "users", currentPageNumber: "currentPageNumber", pageTotalSize: "pageTotalSize" }, outputs: { userClick: "userClick", pageChange: "pageChange" }, standalone: false, decls: 17, vars: 17, consts: [[1, "govuk-table"], ["clas", "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header"], [1, "govuk-table__body"], ["data-selector", "table-row", 1, "govuk-table__row"], [3, "pageChange", "pageSize"], ["data-selector", "table-cell", 1, "govuk-table__cell"], [1, "govuk-link", 3, "click", "routerLink"]], template: function UserListComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserListComponent, selectors: [["xuilib-user-list"]], inputs: { users: "users", currentPageNumber: "currentPageNumber", pageTotalSize: "pageTotalSize" }, outputs: { userClick: "userClick", pageChange: "pageChange" }, standalone: false, decls: 17, vars: 17, consts: [[1, "govuk-table"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header"], [1, "govuk-table__body"], ["data-selector", "table-row", 1, "govuk-table__row"], [3, "pageChange", "pageSize"], ["data-selector", "table-cell", 1, "govuk-table__cell"], [1, "govuk-link", 3, "click", "routerLink"]], template: function UserListComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "table", 0)(1, "thead", 1)(2, "tr", 2)(3, "th", 3);
             i0.ɵɵtext(4);
             i0.ɵɵpipe(5, "rpxTranslate");
@@ -8211,7 +8222,7 @@ class UserListComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserListComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-user-list', standalone: false, template: "<table class=\"govuk-table\">\n\n  <thead clas=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th class=\"govuk-table__header\" scope=\"col\">{{'Name' | rpxTranslate}}</th>\n      <th class=\"govuk-table__header\" scope=\"col\">{{'Email' | rpxTranslate}}</th>\n      <th class=\"govuk-table__header\" scope=\"col\">{{'Status' | rpxTranslate}}</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    @for (u of users | paginate: { itemsPerPage: pagination.itemsPerPage, currentPage: currentPageNumber, totalItems: pagination.totalItems }; track u) {\n      <tr class=\"govuk-table__row\" data-selector=\"table-row\">\n        <td class=\"govuk-table__cell\" data-selector=\"table-cell\">\n          <a class=\"govuk-link\" [attr.title]=\"u.routerLinkTitle\" [routerLink]=\"u.routerLink\" (click)=\"onUserClick(u)\">{{ u.fullName }}</a>\n        </td>\n        <td class=\"govuk-table__cell\" data-selector=\"table-cell\">{{ u.email }}</td>\n        <td class=\"govuk-table__cell\" data-selector=\"table-cell\">{{ u.status }}</td>\n      </tr>\n    }\n  </tbody>\n</table>\n<xuilib-hmcts-pagination (pageChange)=\"emitPageClickEvent($event)\" [pageSize]=\"pagination.itemsPerPage\"></xuilib-hmcts-pagination>\n", styles: [":host{display:block}\n"] }]
+        args: [{ selector: 'xuilib-user-list', standalone: false, template: "<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th class=\"govuk-table__header\" scope=\"col\">{{'Name' | rpxTranslate}}</th>\n      <th class=\"govuk-table__header\" scope=\"col\">{{'Email' | rpxTranslate}}</th>\n      <th class=\"govuk-table__header\" scope=\"col\">{{'Status' | rpxTranslate}}</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    @for (u of users | paginate: { itemsPerPage: pagination.itemsPerPage, currentPage: currentPageNumber, totalItems: pagination.totalItems }; track u) {\n      <tr class=\"govuk-table__row\" data-selector=\"table-row\">\n        <td class=\"govuk-table__cell\" data-selector=\"table-cell\">\n          <a class=\"govuk-link\" [attr.title]=\"u.routerLinkTitle\" [routerLink]=\"u.routerLink\" (click)=\"onUserClick(u)\">{{ u.fullName }}</a>\n        </td>\n        <td class=\"govuk-table__cell\" data-selector=\"table-cell\">{{ u.email }}</td>\n        <td class=\"govuk-table__cell\" data-selector=\"table-cell\">{{ u.status }}</td>\n      </tr>\n    }\n  </tbody>\n</table>\n<xuilib-hmcts-pagination (pageChange)=\"emitPageClickEvent($event)\" [pageSize]=\"pagination.itemsPerPage\"></xuilib-hmcts-pagination>\n", styles: [":host{display:block}\n"] }]
     }], null, { users: [{
             type: Input
         }], currentPageNumber: [{
@@ -8368,19 +8379,30 @@ class CookieBannerComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CookieBannerComponent, { className: "CookieBannerComponent", filePath: "lib/components/cookie-banner/cookie-banner.component.ts", lineNumber: 11 }); })();
 
-function PaginationComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+function PaginationComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "a", 7);
-    i0.ɵɵlistener("click", function PaginationComponent_Conditional_6_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.onPrevious(); return i0.ɵɵresetView($event == null ? null : $event.preventDefault()); });
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementStart(0, "a", 6);
+    i0.ɵɵlistener("keyup.enter", function PaginationComponent_Conditional_3_Template_a_keyup_enter_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onPrevious()); })("click", function PaginationComponent_Conditional_3_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.onPrevious(); return i0.ɵɵresetView($event == null ? null : $event.preventDefault()); });
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(1, "svg", 7);
+    i0.ɵɵelement(2, "path", 8);
     i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(3, "span", 9);
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "rpxTranslate");
+    i0.ɵɵelementStart(6, "span", 10);
+    i0.ɵɵtext(7);
+    i0.ɵɵpipe(8, "rpxTranslate");
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "Previous page"), " ");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 2, "Previous"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(8, 4, "page"));
 } }
-function PaginationComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 5);
+function PaginationComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 3);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -8388,19 +8410,29 @@ function PaginationComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "Previous page"));
 } }
-function PaginationComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function PaginationComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "a", 7);
-    i0.ɵɵlistener("click", function PaginationComponent_Conditional_9_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.onNext(); return i0.ɵɵresetView($event == null ? null : $event.preventDefault()); });
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(0, "a", 11);
+    i0.ɵɵlistener("keyup.enter", function PaginationComponent_Conditional_6_Template_a_keyup_enter_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNext()); })("click", function PaginationComponent_Conditional_6_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.onNext(); return i0.ɵɵresetView($event == null ? null : $event.preventDefault()); });
+    i0.ɵɵelementStart(1, "span", 9);
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "rpxTranslate");
+    i0.ɵɵelementStart(4, "span", 10);
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "rpxTranslate");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(7, "svg", 12);
+    i0.ɵɵelement(8, "path", 13);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "Next page"));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "Next"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 4, "page"));
 } }
-function PaginationComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 5);
+function PaginationComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 3);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -8420,29 +8452,26 @@ class PaginationComponent {
         this.nextPage.emit(null);
     }
     static { this.ɵfac = function PaginationComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PaginationComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaginationComponent, selectors: [["xuilib-pagination"]], inputs: { moreItems: "moreItems", firstRecord: "firstRecord" }, outputs: { previousPage: "previousPage", nextPage: "nextPage" }, standalone: false, decls: 11, vars: 5, consts: [["id", "pagination-label", 1, "hmcts-pagination"], ["aria-labelledby", "pagination-label", 1, "govuk-visually-hidden"], [1, "hmcts-pagination__list"], [1, "hmcts-pagination__item", "hmcts-pagination__item--prev"], ["href", "#", 1, "hmcts-pagination__link"], [1, "hmcts-pagination__link"], [1, "hmcts-pagination__item", "hmcts-pagination__item--next"], ["href", "#", 1, "hmcts-pagination__link", 3, "click"]], template: function PaginationComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "nav", 0)(1, "p", 1);
-            i0.ɵɵtext(2);
-            i0.ɵɵpipe(3, "rpxTranslate");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "ul", 2)(5, "li", 3);
-            i0.ɵɵconditionalCreate(6, PaginationComponent_Conditional_6_Template, 3, 3, "a", 4)(7, PaginationComponent_Conditional_7_Template, 3, 3, "span", 5);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaginationComponent, selectors: [["xuilib-pagination"]], inputs: { moreItems: "moreItems", firstRecord: "firstRecord" }, outputs: { previousPage: "previousPage", nextPage: "nextPage" }, standalone: false, decls: 8, vars: 5, consts: [[1, "govuk-pagination", "govuk-pagination--block"], [1, "govuk-pagination__prev"], ["rel", "prev", 1, "govuk-link", "govuk-pagination__link", 3, "routerLink"], [1, "govuk-pagination__link"], [1, "govuk-pagination__next"], ["rel", "next", 1, "govuk-link", "govuk-pagination__link", 3, "routerLink"], ["rel", "prev", 1, "govuk-link", "govuk-pagination__link", 3, "keyup.enter", "click", "routerLink"], ["xmlns", "http://www.w3.org/2000/svg", "height", "13", "width", "15", "aria-hidden", "true", "focusable", "false", "viewBox", "0 0 15 13", 1, "govuk-pagination__icon", "govuk-pagination__icon--prev"], ["d", "m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"], [1, "govuk-pagination__link-title", "govuk-pagination__link-title--decorated"], [1, "govuk-visually-hidden"], ["rel", "next", 1, "govuk-link", "govuk-pagination__link", 3, "keyup.enter", "click", "routerLink"], ["xmlns", "http://www.w3.org/2000/svg", "height", "13", "width", "15", "aria-hidden", "true", "focusable", "false", "viewBox", "0 0 15 13", 1, "govuk-pagination__icon", "govuk-pagination__icon--next"], ["d", "m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"]], template: function PaginationComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "nav", 0);
+            i0.ɵɵpipe(1, "rpxTranslate");
+            i0.ɵɵelementStart(2, "div", 1);
+            i0.ɵɵconditionalCreate(3, PaginationComponent_Conditional_3_Template, 9, 6, "a", 2)(4, PaginationComponent_Conditional_4_Template, 3, 3, "span", 3);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(8, "li", 6);
-            i0.ɵɵconditionalCreate(9, PaginationComponent_Conditional_9_Template, 3, 3, "a", 4)(10, PaginationComponent_Conditional_10_Template, 3, 3, "span", 5);
-            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(5, "div", 4);
+            i0.ɵɵconditionalCreate(6, PaginationComponent_Conditional_6_Template, 9, 6, "a", 5)(7, PaginationComponent_Conditional_7_Template, 3, 3, "span", 3);
+            i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 3, "Pagination navigation"));
-            i0.ɵɵadvance(4);
-            i0.ɵɵconditional(ctx.firstRecord > 1 ? 6 : 7);
+            i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 3, "Pagination"));
             i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.moreItems ? 9 : 10);
-        } }, dependencies: [i2.RpxTranslatePipe], styles: ["span.hmcts-pagination__link[_ngcontent-%COMP%]:hover{color:revert}"] }); }
+            i0.ɵɵconditional(ctx.firstRecord > 1 ? 3 : 4);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.moreItems ? 6 : 7);
+        } }, dependencies: [i1$1.RouterLink, i2.RpxTranslatePipe], styles: ["[_ngcontent-%COMP%]:root{--govuk-breakpoint-mobile: 20rem;--govuk-breakpoint-tablet: 40.0625rem;--govuk-breakpoint-desktop: 48.0625rem}[_ngcontent-%COMP%]:root{--govuk-frontend-version: \"6.4.0\"}[_ngcontent-%COMP%]:root{--govuk-brand-colour: #1d70b8;--govuk-text-colour: #0b0c0c;--govuk-inverse-text-colour: #ffffff;--govuk-template-background-colour: #f4f8fb;--govuk-body-background-colour: #ffffff;--govuk-print-text-colour: #000000;--govuk-secondary-text-colour: #484949;--govuk-focus-colour: #ffdd00;--govuk-focus-text-colour: #0b0c0c;--govuk-error-colour: #ca3535;--govuk-success-colour: #0f7a52;--govuk-border-colour: #cecece;--govuk-input-border-colour: #0b0c0c;--govuk-hover-colour: #cecece;--govuk-link-colour: #1a65a6;--govuk-link-visited-colour: #54319f;--govuk-link-hover-colour: #0f385c;--govuk-link-active-colour: #0b0c0c;--govuk-surface-background-colour: #f4f8fb;--govuk-surface-text-colour: #0b0c0c;--govuk-surface-border-colour: #8eb8dc}@media print{[_ngcontent-%COMP%]:root{--govuk-text-colour: var(--govuk-print-text-colour, #000000)}}.govuk-pagination[_ngcontent-%COMP%]{margin-bottom:20px}@media (min-width: 40.0625em){.govuk-pagination[_ngcontent-%COMP%]{margin-bottom:30px}}.govuk-pagination[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}@media (min-width: 40.0625em){.govuk-pagination[_ngcontent-%COMP%]{flex-direction:row;align-items:flex-start}}.govuk-pagination__list[_ngcontent-%COMP%]{margin:0;padding:0;list-style:none}.govuk-pagination__item[_ngcontent-%COMP%], .govuk-pagination__next[_ngcontent-%COMP%], .govuk-pagination__prev[_ngcontent-%COMP%]{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;font-display:fallback;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\")}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;font-display:fallback;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\")}@media print{.govuk-pagination__item[_ngcontent-%COMP%], .govuk-pagination__next[_ngcontent-%COMP%], .govuk-pagination__prev[_ngcontent-%COMP%]{font-family:sans-serif}}.govuk-pagination__item[_ngcontent-%COMP%], .govuk-pagination__next[_ngcontent-%COMP%], .govuk-pagination__prev[_ngcontent-%COMP%]{font-weight:400;font-size:1.1875rem;line-height:1.3157894737}@media print{.govuk-pagination__item[_ngcontent-%COMP%], .govuk-pagination__next[_ngcontent-%COMP%], .govuk-pagination__prev[_ngcontent-%COMP%]{font-size:14pt;line-height:1.15}}.govuk-pagination__item[_ngcontent-%COMP%], .govuk-pagination__next[_ngcontent-%COMP%], .govuk-pagination__prev[_ngcontent-%COMP%]{box-sizing:border-box;position:relative;min-width:45px;min-height:45px;padding:10px 15px;float:left}.govuk-pagination__item[_ngcontent-%COMP%]:hover, .govuk-pagination__next[_ngcontent-%COMP%]:hover, .govuk-pagination__prev[_ngcontent-%COMP%]:hover{background-color:#f3f3f3}.govuk-pagination__item[_ngcontent-%COMP%]{display:none;text-align:center}@media (min-width: 40.0625em){.govuk-pagination__item[_ngcontent-%COMP%]{display:block}}.govuk-pagination__prev[_ngcontent-%COMP%], .govuk-pagination__next[_ngcontent-%COMP%]{font-weight:700}.govuk-pagination__prev[_ngcontent-%COMP%]   .govuk-pagination__link[_ngcontent-%COMP%], .govuk-pagination__next[_ngcontent-%COMP%]   .govuk-pagination__link[_ngcontent-%COMP%]{display:flex;align-items:center}.govuk-pagination__prev[_ngcontent-%COMP%]{padding-left:0}.govuk-pagination__next[_ngcontent-%COMP%]{padding-right:0}.govuk-pagination__item--current[_ngcontent-%COMP%], .govuk-pagination__item--ellipsis[_ngcontent-%COMP%], .govuk-pagination__item[_ngcontent-%COMP%]:first-child, .govuk-pagination__item[_ngcontent-%COMP%]:last-child{display:block}.govuk-pagination__item--current[_ngcontent-%COMP%]{font-weight:700;outline:1px solid transparent;background-color:var(--govuk-link-colour, #1a65a6)}.govuk-pagination__item--current[_ngcontent-%COMP%]:hover{background-color:var(--govuk-link-colour, #1a65a6)}.govuk-pagination__item--current[_ngcontent-%COMP%]   .govuk-pagination__link[_ngcontent-%COMP%]:link, .govuk-pagination__item--current[_ngcontent-%COMP%]   .govuk-pagination__link[_ngcontent-%COMP%]:visited{color:var(--govuk-inverse-text-colour, #ffffff)}.govuk-pagination__item--current[_ngcontent-%COMP%]   .govuk-pagination__link[_ngcontent-%COMP%]:focus{color:var(--govuk-focus-text-colour, #0b0c0c)}.govuk-pagination__item--ellipsis[_ngcontent-%COMP%]{font-weight:700;color:var(--govuk-secondary-text-colour, #484949)}.govuk-pagination__item--ellipsis[_ngcontent-%COMP%]:hover{background-color:transparent}.govuk-pagination__link[_ngcontent-%COMP%]{display:block;min-width:15px}@media screen{.govuk-pagination__link[_ngcontent-%COMP%]:after{content:\"\";position:absolute;inset:0}}.govuk-pagination__link[_ngcontent-%COMP%]:hover   .govuk-pagination__link-title--decorated[_ngcontent-%COMP%], .govuk-pagination__link[_ngcontent-%COMP%]:active   .govuk-pagination__link-title--decorated[_ngcontent-%COMP%]{text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:.1578em}.govuk-pagination__link[_ngcontent-%COMP%]:hover   .govuk-pagination__link-label[_ngcontent-%COMP%], .govuk-pagination__link[_ngcontent-%COMP%]:hover   .govuk-pagination__link-title--decorated[_ngcontent-%COMP%], .govuk-pagination__link[_ngcontent-%COMP%]:active   .govuk-pagination__link-label[_ngcontent-%COMP%], .govuk-pagination__link[_ngcontent-%COMP%]:active   .govuk-pagination__link-title--decorated[_ngcontent-%COMP%]{text-decoration-thickness:max(3px,.1875rem,.12em);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;text-decoration-skip:none}.govuk-pagination__link[_ngcontent-%COMP%]:focus   .govuk-pagination__icon[_ngcontent-%COMP%]{color:var(--govuk-focus-text-colour, #0b0c0c)}.govuk-pagination__link[_ngcontent-%COMP%]:focus   .govuk-pagination__link-label[_ngcontent-%COMP%]{text-decoration:none}.govuk-pagination__link[_ngcontent-%COMP%]:focus   .govuk-pagination__link-title--decorated[_ngcontent-%COMP%]{text-decoration:none}.govuk-pagination__link-title[_ngcontent-%COMP%]{text-decoration-thickness:inherit}.govuk-pagination__link-label[_ngcontent-%COMP%]{font-weight:400;text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:.1578em;display:inline-block}.govuk-pagination__icon[_ngcontent-%COMP%]{width:.9375rem;height:.8125rem;color:var(--govuk-secondary-text-colour, #484949);fill:currentcolor;forced-color-adjust:auto}.govuk-pagination__icon--prev[_ngcontent-%COMP%]{margin-right:15px}.govuk-pagination__icon--next[_ngcontent-%COMP%]{margin-left:15px}.govuk-pagination--block[_ngcontent-%COMP%]{display:block}.govuk-pagination--block[_ngcontent-%COMP%]   .govuk-pagination__next[_ngcontent-%COMP%], .govuk-pagination--block[_ngcontent-%COMP%]   .govuk-pagination__prev[_ngcontent-%COMP%]{padding-left:0;float:none}.govuk-pagination--block[_ngcontent-%COMP%]   .govuk-pagination__next[_ngcontent-%COMP%]   .govuk-pagination__link[_ngcontent-%COMP%], .govuk-pagination--block[_ngcontent-%COMP%]   .govuk-pagination__prev[_ngcontent-%COMP%]   .govuk-pagination__link[_ngcontent-%COMP%]{display:inline-block}.govuk-pagination--block[_ngcontent-%COMP%]   .govuk-pagination__next[_ngcontent-%COMP%]{padding-right:15px}.govuk-pagination--block[_ngcontent-%COMP%]   .govuk-pagination__prev[_ngcontent-%COMP%] + .govuk-pagination__next[_ngcontent-%COMP%]{border-top:1px solid;border-top-color:var(--govuk-border-colour, #cecece)}.govuk-pagination--block[_ngcontent-%COMP%]   .govuk-pagination__link-title[_ngcontent-%COMP%]:after{content:\"\";display:block}.govuk-pagination--block[_ngcontent-%COMP%]   .govuk-pagination__link[_ngcontent-%COMP%]{padding-left:30px;text-align:left}.govuk-pagination--block[_ngcontent-%COMP%]   .govuk-pagination__link[_ngcontent-%COMP%]:not(:focus){text-decoration:none}.govuk-pagination--block[_ngcontent-%COMP%]   .govuk-pagination__icon[_ngcontent-%COMP%]{margin-top:.326em;margin-left:-30px;float:left}\n\n"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-pagination', standalone: false, template: "<nav class=\"hmcts-pagination\" id=\"pagination-label\">\n\n  <p class=\"govuk-visually-hidden\" aria-labelledby=\"pagination-label\">{{'Pagination navigation' | rpxTranslate}}</p>\n\n  <ul class=\"hmcts-pagination__list\">\n    <li class=\"hmcts-pagination__item  hmcts-pagination__item--prev\">\n      @if (firstRecord > 1) {\n        <a class=\"hmcts-pagination__link\" (click)=\"onPrevious(); $event?.preventDefault()\" href=\"#\">\n          {{'Previous page' | rpxTranslate}}\n        </a>\n      } @else {\n        <span class=\"hmcts-pagination__link\">{{'Previous page' | rpxTranslate}}</span>\n      }\n    </li>\n\n    <li class=\"hmcts-pagination__item  hmcts-pagination__item--next\">\n      @if (moreItems) {\n        <a class=\"hmcts-pagination__link\" (click)=\"onNext(); $event?.preventDefault()\" href=\"#\">{{'Next page' | rpxTranslate}}</a>\n      } @else {\n        <span class=\"hmcts-pagination__link\">{{'Next page' | rpxTranslate}}</span>\n      }\n    </li>\n  </ul>\n</nav>\n", styles: ["span.hmcts-pagination__link:hover{color:revert}\n"] }]
+        args: [{ selector: 'xuilib-pagination', standalone: false, template: "<nav class=\"govuk-pagination govuk-pagination--block\" [attr.aria-label]=\"'Pagination' | rpxTranslate\">\n  <div class=\"govuk-pagination__prev\">\n    @if (firstRecord > 1) {\n      <a [routerLink]=\"\" class=\"govuk-link govuk-pagination__link\" rel=\"prev\"\n        (keyup.enter)=\"onPrevious()\" (click)=\"onPrevious(); $event?.preventDefault()\">\n        <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n          <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n        </svg>\n        <span class=\"govuk-pagination__link-title govuk-pagination__link-title--decorated\">{{'Previous' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'page' | rpxTranslate}}</span></span>\n      </a>\n    } @else {\n      <span class=\"govuk-pagination__link\">{{'Previous page' | rpxTranslate}}</span>\n    }\n  </div>\n\n  <div class=\"govuk-pagination__next\">\n    @if (moreItems) {\n      <a [routerLink]=\"\" class=\"govuk-link govuk-pagination__link\" rel=\"next\"\n        (keyup.enter)=\"onNext()\" (click)=\"onNext(); $event?.preventDefault()\">\n        <span class=\"govuk-pagination__link-title govuk-pagination__link-title--decorated\">{{'Next' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'page' | rpxTranslate}}</span></span>\n        <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n          <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n        </svg>\n      </a>\n    } @else {\n      <span class=\"govuk-pagination__link\">{{'Next page' | rpxTranslate}}</span>\n    }\n  </div>\n</nav>\n", styles: [":root{--govuk-breakpoint-mobile: 20rem;--govuk-breakpoint-tablet: 40.0625rem;--govuk-breakpoint-desktop: 48.0625rem}:root{--govuk-frontend-version: \"6.4.0\"}:root{--govuk-brand-colour: #1d70b8;--govuk-text-colour: #0b0c0c;--govuk-inverse-text-colour: #ffffff;--govuk-template-background-colour: #f4f8fb;--govuk-body-background-colour: #ffffff;--govuk-print-text-colour: #000000;--govuk-secondary-text-colour: #484949;--govuk-focus-colour: #ffdd00;--govuk-focus-text-colour: #0b0c0c;--govuk-error-colour: #ca3535;--govuk-success-colour: #0f7a52;--govuk-border-colour: #cecece;--govuk-input-border-colour: #0b0c0c;--govuk-hover-colour: #cecece;--govuk-link-colour: #1a65a6;--govuk-link-visited-colour: #54319f;--govuk-link-hover-colour: #0f385c;--govuk-link-active-colour: #0b0c0c;--govuk-surface-background-colour: #f4f8fb;--govuk-surface-text-colour: #0b0c0c;--govuk-surface-border-colour: #8eb8dc}@media print{:root{--govuk-text-colour: var(--govuk-print-text-colour, #000000)}}.govuk-pagination{margin-bottom:20px}@media (min-width: 40.0625em){.govuk-pagination{margin-bottom:30px}}.govuk-pagination{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}@media (min-width: 40.0625em){.govuk-pagination{flex-direction:row;align-items:flex-start}}.govuk-pagination__list{margin:0;padding:0;list-style:none}.govuk-pagination__item,.govuk-pagination__next,.govuk-pagination__prev{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;font-display:fallback;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\")}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;font-display:fallback;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\")}@media print{.govuk-pagination__item,.govuk-pagination__next,.govuk-pagination__prev{font-family:sans-serif}}.govuk-pagination__item,.govuk-pagination__next,.govuk-pagination__prev{font-weight:400;font-size:1.1875rem;line-height:1.3157894737}@media print{.govuk-pagination__item,.govuk-pagination__next,.govuk-pagination__prev{font-size:14pt;line-height:1.15}}.govuk-pagination__item,.govuk-pagination__next,.govuk-pagination__prev{box-sizing:border-box;position:relative;min-width:45px;min-height:45px;padding:10px 15px;float:left}.govuk-pagination__item:hover,.govuk-pagination__next:hover,.govuk-pagination__prev:hover{background-color:#f3f3f3}.govuk-pagination__item{display:none;text-align:center}@media (min-width: 40.0625em){.govuk-pagination__item{display:block}}.govuk-pagination__prev,.govuk-pagination__next{font-weight:700}.govuk-pagination__prev .govuk-pagination__link,.govuk-pagination__next .govuk-pagination__link{display:flex;align-items:center}.govuk-pagination__prev{padding-left:0}.govuk-pagination__next{padding-right:0}.govuk-pagination__item--current,.govuk-pagination__item--ellipsis,.govuk-pagination__item:first-child,.govuk-pagination__item:last-child{display:block}.govuk-pagination__item--current{font-weight:700;outline:1px solid transparent;background-color:var(--govuk-link-colour, #1a65a6)}.govuk-pagination__item--current:hover{background-color:var(--govuk-link-colour, #1a65a6)}.govuk-pagination__item--current .govuk-pagination__link:link,.govuk-pagination__item--current .govuk-pagination__link:visited{color:var(--govuk-inverse-text-colour, #ffffff)}.govuk-pagination__item--current .govuk-pagination__link:focus{color:var(--govuk-focus-text-colour, #0b0c0c)}.govuk-pagination__item--ellipsis{font-weight:700;color:var(--govuk-secondary-text-colour, #484949)}.govuk-pagination__item--ellipsis:hover{background-color:transparent}.govuk-pagination__link{display:block;min-width:15px}@media screen{.govuk-pagination__link:after{content:\"\";position:absolute;inset:0}}.govuk-pagination__link:hover .govuk-pagination__link-title--decorated,.govuk-pagination__link:active .govuk-pagination__link-title--decorated{text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:.1578em}.govuk-pagination__link:hover .govuk-pagination__link-label,.govuk-pagination__link:hover .govuk-pagination__link-title--decorated,.govuk-pagination__link:active .govuk-pagination__link-label,.govuk-pagination__link:active .govuk-pagination__link-title--decorated{text-decoration-thickness:max(3px,.1875rem,.12em);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;text-decoration-skip:none}.govuk-pagination__link:focus .govuk-pagination__icon{color:var(--govuk-focus-text-colour, #0b0c0c)}.govuk-pagination__link:focus .govuk-pagination__link-label{text-decoration:none}.govuk-pagination__link:focus .govuk-pagination__link-title--decorated{text-decoration:none}.govuk-pagination__link-title{text-decoration-thickness:inherit}.govuk-pagination__link-label{font-weight:400;text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:.1578em;display:inline-block}.govuk-pagination__icon{width:.9375rem;height:.8125rem;color:var(--govuk-secondary-text-colour, #484949);fill:currentcolor;forced-color-adjust:auto}.govuk-pagination__icon--prev{margin-right:15px}.govuk-pagination__icon--next{margin-left:15px}.govuk-pagination--block{display:block}.govuk-pagination--block .govuk-pagination__next,.govuk-pagination--block .govuk-pagination__prev{padding-left:0;float:none}.govuk-pagination--block .govuk-pagination__next .govuk-pagination__link,.govuk-pagination--block .govuk-pagination__prev .govuk-pagination__link{display:inline-block}.govuk-pagination--block .govuk-pagination__next{padding-right:15px}.govuk-pagination--block .govuk-pagination__prev+.govuk-pagination__next{border-top:1px solid;border-top-color:var(--govuk-border-colour, #cecece)}.govuk-pagination--block .govuk-pagination__link-title:after{content:\"\";display:block}.govuk-pagination--block .govuk-pagination__link{padding-left:30px;text-align:left}.govuk-pagination--block .govuk-pagination__link:not(:focus){text-decoration:none}.govuk-pagination--block .govuk-pagination__icon{margin-top:.326em;margin-left:-30px;float:left}\n/*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */\n"] }]
     }], () => [], { moreItems: [{
             type: Input
         }], firstRecord: [{
@@ -9065,7 +9094,7 @@ function WriteAddressFieldComponent_Conditional_2_Conditional_8_Template(rf, ctx
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1("", ctx_r0.postcodeErrorMessage, " ");
 } }
-function WriteAddressFieldComponent_Conditional_2_Conditional_13_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function WriteAddressFieldComponent_Conditional_2_Conditional_13_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 1)(1, "span", 4);
     i0.ɵɵtext(2, "Error:");
     i0.ɵɵelementEnd();
@@ -9076,8 +9105,8 @@ function WriteAddressFieldComponent_Conditional_2_Conditional_13_Conditional_5_T
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1("", ctx_r0.selectErrorMessage, " ");
 } }
-function WriteAddressFieldComponent_Conditional_2_Conditional_13_For_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 18);
+function WriteAddressFieldComponent_Conditional_2_Conditional_13_For_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 17);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -9088,26 +9117,26 @@ function WriteAddressFieldComponent_Conditional_2_Conditional_13_For_8_Template(
 } }
 function WriteAddressFieldComponent_Conditional_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 12)(1, "div", 14)(2, "label", 15)(3, "span", 16);
-    i0.ɵɵtext(4, "Select an address");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(5, WriteAddressFieldComponent_Conditional_2_Conditional_13_Conditional_5_Template, 4, 1, "p", 1);
-    i0.ɵɵelementStart(6, "select", 17);
-    i0.ɵɵlistener("change", function WriteAddressFieldComponent_Conditional_2_Conditional_13_Template_select_change_6_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.addressSelected()); });
-    i0.ɵɵrepeaterCreate(7, WriteAddressFieldComponent_Conditional_2_Conditional_13_For_8_Template, 2, 2, "option", 18, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 14)(2, "label", 15);
+    i0.ɵɵtext(3, " Select an address ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, WriteAddressFieldComponent_Conditional_2_Conditional_13_Conditional_4_Template, 4, 1, "p", 1);
+    i0.ɵɵelementStart(5, "select", 16);
+    i0.ɵɵlistener("change", function WriteAddressFieldComponent_Conditional_2_Conditional_13_Template_select_change_5_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.addressSelected()); });
+    i0.ɵɵrepeaterCreate(6, WriteAddressFieldComponent_Conditional_2_Conditional_13_For_7_Template, 2, 2, "option", 17, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c0$6, ctx_r0.postcodeErrorPresent(false)));
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r0.postcodeErrorPresent(false) ? 5 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r0.postcodeErrorPresent(false) ? 4 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r0.addressOptions);
 } }
 function WriteAddressFieldComponent_Conditional_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "a", 19);
+    i0.ɵɵelementStart(0, "a", 18);
     i0.ɵɵlistener("click", function WriteAddressFieldComponent_Conditional_2_Conditional_14_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); ctx_r0.blankAddress(); return i0.ɵɵresetView($event.preventDefault()); });
     i0.ɵɵtext(1, "I can't enter a UK postcode");
     i0.ɵɵelementEnd();
@@ -9127,7 +9156,7 @@ function WriteAddressFieldComponent_Conditional_2_Template(rf, ctx) { if (rf & 1
     i0.ɵɵlistener("click", function WriteAddressFieldComponent_Conditional_2_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.findAddress()); });
     i0.ɵɵtext(12, "Find address");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(13, WriteAddressFieldComponent_Conditional_2_Conditional_13_Template, 9, 4, "div", 12);
+    i0.ɵɵconditionalCreate(13, WriteAddressFieldComponent_Conditional_2_Conditional_13_Template, 8, 4, "div", 12);
     i0.ɵɵconditionalCreate(14, WriteAddressFieldComponent_Conditional_2_Conditional_14_Template, 2, 0, "a", 13);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -9151,19 +9180,19 @@ function WriteAddressFieldComponent_Conditional_3_Conditional_10_Template(rf, ct
 } }
 function WriteAddressFieldComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 2)(1, "div", 20)(2, "input", 21);
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 19)(2, "input", 20);
     i0.ɵɵlistener("click", function WriteAddressFieldComponent_Conditional_3_Template_input_click_2_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setInternationalAddress(false)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "label", 22);
+    i0.ɵɵelementStart(3, "label", 21);
     i0.ɵɵtext(4, " Yes ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 20)(6, "input", 23);
+    i0.ɵɵelementStart(5, "div", 19)(6, "input", 22);
     i0.ɵɵlistener("click", function WriteAddressFieldComponent_Conditional_3_Template_input_click_6_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setInternationalAddress(true)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "label", 24);
+    i0.ɵɵelementStart(7, "label", 23);
     i0.ɵɵtext(8, " No ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div", 25);
+    i0.ɵɵelementStart(9, "div", 24);
     i0.ɵɵconditionalCreate(10, WriteAddressFieldComponent_Conditional_3_Conditional_10_Template, 1, 3, "xuilib-write-address-inputs", 3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -9330,7 +9359,7 @@ class WriteAddressFieldComponent {
         this.addressFormGroup.get('postcode').patchValue(postcodeNeeded ? this.formGroup.get('address').get('postCode').value : '');
     }
     static { this.ɵfac = function WriteAddressFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WriteAddressFieldComponent)(i0.ɵɵdirectiveInject(AddressService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteAddressFieldComponent, selectors: [["xuilib-write-address-field"]], inputs: { formGroup: "formGroup", internationalMode: "internationalMode", isInternational: "isInternational", submissionAttempted: "submissionAttempted", startedInternational: "startedInternational", addressChosen: "addressChosen" }, outputs: { postcodeOptionSelected: "postcodeOptionSelected", internationalModeStart: "internationalModeStart", ukAddressOptionSelected: "ukAddressOptionSelected", canSelectAddress: "canSelectAddress", resetSubmission: "resetSubmission" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 5, vars: 8, consts: [[1, "govuk-form-group", 3, "formGroup", "ngClass"], [1, "govuk-error-message"], ["id", "govuk-radios", "data-module", "govuk-radios", 1, "govuk-radios"], [3, "formGroup", "isInternational", "submissionAttempted"], [1, "govuk-visually-hidden"], [1, "govuk-label"], ["id", "addressLookup", 1, "govuk-body", "postcode-lookup", 3, "ngClass"], ["for", "postcodeInput"], [1, "govuk-hint"], [1, "govuk-body"], ["type", "text", "id", "postcodeInput", "name", "postcode", "formControlName", "postcode", 1, "govuk-input", "govuk-!-width-one-third", "postcodeinput", "inline-block", 3, "ngClass"], ["type", "button", 1, "govuk-button", "find-address", 3, "click"], ["id", "selectAddress", 1, "govuk-body"], ["href", "#", 1, "manual-link", "govuk-link"], [1, "govuk-body", 3, "ngClass"], ["for", "addressList", 1, "govuk-label"], [1, "form-label"], ["id", "addressList", "name", "address", "formControlName", "addressList", "focusElement", "", 1, "form-control", "govuk-select", "ccd-dropdown", "addressList", 3, "change"], [3, "ngValue"], ["href", "#", 1, "manual-link", "govuk-link", 3, "click"], [1, "govuk-radios__item"], ["id", "yes", "value", "yes", "name", "ukAddress", "type", "radio", "data-aria-controls", "address-fields", "formControlName", "ukAddress", 1, "govuk-radios__input", 3, "click"], ["for", "yes", 1, "govuk-label", "govuk-radios__label"], ["id", "no", "value", "no", "name", "ukAddress", "type", "radio", "data-aria-controls", "address-fields", "formControlName", "ukAddress", 1, "govuk-radios__input", 3, "click"], ["for", "no", 1, "govuk-label", "govuk-radios__label"], ["id", "address-fields", 1, "govuk-radios__conditional"]], template: function WriteAddressFieldComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteAddressFieldComponent, selectors: [["xuilib-write-address-field"]], inputs: { formGroup: "formGroup", internationalMode: "internationalMode", isInternational: "isInternational", submissionAttempted: "submissionAttempted", startedInternational: "startedInternational", addressChosen: "addressChosen" }, outputs: { postcodeOptionSelected: "postcodeOptionSelected", internationalModeStart: "internationalModeStart", ukAddressOptionSelected: "ukAddressOptionSelected", canSelectAddress: "canSelectAddress", resetSubmission: "resetSubmission" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 5, vars: 8, consts: [[1, "govuk-form-group", 3, "formGroup", "ngClass"], [1, "govuk-error-message"], ["id", "govuk-radios", "data-module", "govuk-radios", 1, "govuk-radios"], [3, "formGroup", "isInternational", "submissionAttempted"], [1, "govuk-visually-hidden"], [1, "govuk-label"], ["id", "addressLookup", 1, "govuk-body", "postcode-lookup", 3, "ngClass"], ["for", "postcodeInput"], [1, "govuk-hint"], [1, "govuk-body"], ["type", "text", "id", "postcodeInput", "name", "postcode", "formControlName", "postcode", 1, "govuk-input", "govuk-!-width-one-third", "postcodeinput", "inline-block", 3, "ngClass"], ["type", "button", 1, "govuk-button", "find-address", 3, "click"], ["id", "selectAddress", 1, "govuk-body"], ["href", "#", 1, "manual-link", "govuk-link"], [1, "govuk-body", 3, "ngClass"], ["for", "addressList", 1, "govuk-label"], ["id", "addressList", "name", "address", "formControlName", "addressList", "focusElement", "", 1, "govuk-select", "ccd-dropdown", "addressList", 3, "change"], [3, "ngValue"], ["href", "#", 1, "manual-link", "govuk-link", 3, "click"], [1, "govuk-radios__item"], ["id", "yes", "value", "yes", "name", "ukAddress", "type", "radio", "data-aria-controls", "address-fields", "formControlName", "ukAddress", 1, "govuk-radios__input", 3, "click"], ["for", "yes", 1, "govuk-label", "govuk-radios__label"], ["id", "no", "value", "no", "name", "ukAddress", "type", "radio", "data-aria-controls", "address-fields", "formControlName", "ukAddress", 1, "govuk-radios__input", 3, "click"], ["for", "no", 1, "govuk-label", "govuk-radios__label"], ["id", "address-fields", 1, "govuk-radios__conditional"]], template: function WriteAddressFieldComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵconditionalCreate(1, WriteAddressFieldComponent_Conditional_1_Template, 4, 1, "p", 1);
             i0.ɵɵconditionalCreate(2, WriteAddressFieldComponent_Conditional_2_Template, 15, 9, "div");
@@ -9351,7 +9380,7 @@ class WriteAddressFieldComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteAddressFieldComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-write-address-field', standalone: false, template: "<div class=\"govuk-form-group\" [formGroup]=\"addressFormGroup\"\n  [ngClass]=\"{'govuk-form-group--error': optionErrorsPresent}\">\n  @if (optionErrorsPresent) {\n    <p class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span>{{optionErrorMessage}}\n    </p>\n  }\n  @if (postcodeLookupVisible()) {\n    <div>\n      <span class=\"govuk-label\"><strong>Provide address details</strong></span>\n      <div class=\"govuk-body postcode-lookup\" id=\"addressLookup\"\n        [ngClass]=\"{'govuk-form-group--error': missingPostcode || postcodeErrorPresent(true)}\">\n        <label for=\"postcodeInput\">\n          <span class=\"govuk-hint\">Enter a UK postcode</span>\n        </label>\n        @if (missingPostcode || postcodeErrorPresent(true)) {\n          <p class=\"govuk-error-message\">\n            <span class=\"govuk-visually-hidden\">Error:</span>{{postcodeErrorMessage}}\n          </p>\n        }\n        <div class=\"govuk-body\">\n          <input type=\"text\" [ngClass]=\"{'govuk-input--error': missingPostcode}\" id=\"postcodeInput\" name=\"postcode\"\n            class=\"govuk-input govuk-!-width-one-third postcodeinput inline-block\" formControlName=\"postcode\">\n          <button type=\"button\" class=\"govuk-button find-address\" (click)=\"findAddress()\">Find address</button>\n        </div>\n      </div>\n      @if (addressOptions) {\n        <div class=\"govuk-body\" id=\"selectAddress\">\n          <div class=\"govuk-body\" [ngClass]=\"{'govuk-form-group--error': postcodeErrorPresent(false)}\">\n            <label class=\"govuk-label\" for=\"addressList\">\n              <span class=\"form-label\">Select an address</span>\n            </label>\n            @if (postcodeErrorPresent(false)) {\n              <p class=\"govuk-error-message\">\n                <span class=\"govuk-visually-hidden\">Error:</span>{{selectErrorMessage}}\n              </p>\n            }\n            <select class=\"form-control govuk-select ccd-dropdown addressList\" id=\"addressList\" name=\"address\"\n              formControlName=\"addressList\" (change)=\"addressSelected()\" focusElement>\n              @for (addressOption of addressOptions; track addressOption) {\n                <option [ngValue]=\"addressOption.value\">\n                  {{addressOption.description}}\n                </option>\n              }\n            </select>\n          </div>\n        </div>\n      }\n      @if (!shouldShowDetailFields() || (!startedInternational && !addressChosen)) {\n        <a class=\"manual-link govuk-link\"\n        (click)=\"blankAddress(); $event.preventDefault()\" href=\"#\">I can't enter a UK postcode</a>\n      }\n    </div>\n  }\n\n  @if (shouldShowDetailFields() && internationalMode && startedInternational && !addressChosen) {\n    <div id=\"govuk-radios\" class=\"govuk-radios\" data-module=\"govuk-radios\"\n      >\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"yes\" value=\"yes\" name=\"ukAddress\" type=\"radio\"\n          data-aria-controls=\"address-fields\" (click)=\"setInternationalAddress(false)\" formControlName=\"ukAddress\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"yes\">\n          Yes\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"no\" value=\"no\" name=\"ukAddress\" type=\"radio\"\n          data-aria-controls=\"address-fields\" (click)=\"setInternationalAddress(true)\" formControlName=\"ukAddress\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"no\">\n          No\n        </label>\n      </div>\n      <div class=\"govuk-radios__conditional\" id=\"address-fields\">\n        @if (isInternational !== undefined) {\n          <xuilib-write-address-inputs [formGroup]=\"formGroup\"\n            [isInternational]=\"isInternational\" [submissionAttempted]=\"submissionAttempted\">\n          </xuilib-write-address-inputs>\n        }\n      </div>\n    </div>\n  }\n\n  @if (shouldShowDetailFields() && (addressChosen || !internationalMode)) {\n    <xuilib-write-address-inputs\n      [formGroup]=\"formGroup\" [isInternational]=\"false\" [submissionAttempted]=\"submissionAttempted\">\n    </xuilib-write-address-inputs>\n  }\n\n</div>", styles: [".manual-link{cursor:pointer;display:block;text-decoration:underline;font-size:1.1875rem}.postcode-lookup{margin-bottom:-20px}.find-address{left:1%}:host{display:block}\n"] }]
+        args: [{ selector: 'xuilib-write-address-field', standalone: false, template: "<div class=\"govuk-form-group\" [formGroup]=\"addressFormGroup\"\n  [ngClass]=\"{'govuk-form-group--error': optionErrorsPresent}\">\n  @if (optionErrorsPresent) {\n    <p class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span>{{optionErrorMessage}}\n    </p>\n  }\n  @if (postcodeLookupVisible()) {\n    <div>\n      <span class=\"govuk-label\"><strong>Provide address details</strong></span>\n      <div class=\"govuk-body postcode-lookup\" id=\"addressLookup\"\n        [ngClass]=\"{'govuk-form-group--error': missingPostcode || postcodeErrorPresent(true)}\">\n        <label for=\"postcodeInput\">\n          <span class=\"govuk-hint\">Enter a UK postcode</span>\n        </label>\n        @if (missingPostcode || postcodeErrorPresent(true)) {\n          <p class=\"govuk-error-message\">\n            <span class=\"govuk-visually-hidden\">Error:</span>{{postcodeErrorMessage}}\n          </p>\n        }\n        <div class=\"govuk-body\">\n          <input type=\"text\" [ngClass]=\"{'govuk-input--error': missingPostcode}\" id=\"postcodeInput\" name=\"postcode\"\n            class=\"govuk-input govuk-!-width-one-third postcodeinput inline-block\" formControlName=\"postcode\">\n          <button type=\"button\" class=\"govuk-button find-address\" (click)=\"findAddress()\">Find address</button>\n        </div>\n      </div>\n      @if (addressOptions) {\n        <div class=\"govuk-body\" id=\"selectAddress\">\n          <div class=\"govuk-body\" [ngClass]=\"{'govuk-form-group--error': postcodeErrorPresent(false)}\">\n            <label class=\"govuk-label\" for=\"addressList\">\n              Select an address\n            </label>\n            @if (postcodeErrorPresent(false)) {\n              <p class=\"govuk-error-message\">\n                <span class=\"govuk-visually-hidden\">Error:</span>{{selectErrorMessage}}\n              </p>\n            }\n            <select class=\"govuk-select ccd-dropdown addressList\" id=\"addressList\" name=\"address\"\n              formControlName=\"addressList\" (change)=\"addressSelected()\" focusElement>\n              @for (addressOption of addressOptions; track addressOption) {\n                <option [ngValue]=\"addressOption.value\">\n                  {{addressOption.description}}\n                </option>\n              }\n            </select>\n          </div>\n        </div>\n      }\n      @if (!shouldShowDetailFields() || (!startedInternational && !addressChosen)) {\n        <a class=\"manual-link govuk-link\"\n        (click)=\"blankAddress(); $event.preventDefault()\" href=\"#\">I can't enter a UK postcode</a>\n      }\n    </div>\n  }\n\n  @if (shouldShowDetailFields() && internationalMode && startedInternational && !addressChosen) {\n    <div id=\"govuk-radios\" class=\"govuk-radios\" data-module=\"govuk-radios\"\n      >\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"yes\" value=\"yes\" name=\"ukAddress\" type=\"radio\"\n          data-aria-controls=\"address-fields\" (click)=\"setInternationalAddress(false)\" formControlName=\"ukAddress\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"yes\">\n          Yes\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"no\" value=\"no\" name=\"ukAddress\" type=\"radio\"\n          data-aria-controls=\"address-fields\" (click)=\"setInternationalAddress(true)\" formControlName=\"ukAddress\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"no\">\n          No\n        </label>\n      </div>\n      <div class=\"govuk-radios__conditional\" id=\"address-fields\">\n        @if (isInternational !== undefined) {\n          <xuilib-write-address-inputs [formGroup]=\"formGroup\"\n            [isInternational]=\"isInternational\" [submissionAttempted]=\"submissionAttempted\">\n          </xuilib-write-address-inputs>\n        }\n      </div>\n    </div>\n  }\n\n  @if (shouldShowDetailFields() && (addressChosen || !internationalMode)) {\n    <xuilib-write-address-inputs\n      [formGroup]=\"formGroup\" [isInternational]=\"false\" [submissionAttempted]=\"submissionAttempted\">\n    </xuilib-write-address-inputs>\n  }\n\n</div>", styles: [".manual-link{cursor:pointer;display:block;text-decoration:underline;font-size:1.1875rem}.postcode-lookup{margin-bottom:-20px}.find-address{left:1%}:host{display:block}\n"] }]
     }], () => [{ type: AddressService }], { formGroup: [{
             type: Input
         }], internationalMode: [{
@@ -10195,11 +10224,11 @@ class HmctsBannerComponent {
             i0.ɵɵconditionalCreate(0, HmctsBannerComponent_Conditional_0_Template, 10, 13);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.message && ctx.type ? 0 : -1);
-        } }, dependencies: [i2.RpxTranslatePipe], styles: ["@charset \"UTF-8\";.hmcts-banner-title[_ngcontent-%COMP%]{color:#fff;background-color:#1d70b8;font-weight:700;padding:10px 15px 5px}.hmcts-banner-title--success[_ngcontent-%COMP%]{background-color:#00703c}.hmcts-banner-title--warning[_ngcontent-%COMP%]{background-color:#d4351c}.hmcts-banner[_ngcontent-%COMP%]{border:5px solid #1d70b8;color:#1d70b8;font-size:0;margin-bottom:30px;padding:10px}.hmcts-banner--success[_ngcontent-%COMP%]{border-color:#00703c;color:#00703c}.hmcts-banner--warning[_ngcontent-%COMP%]{border-color:#d4351c;color:#d4351c}.hmcts-banner__icon[_ngcontent-%COMP%]{fill:currentColor;float:left;margin-right:10px}.hmcts-banner__message[_ngcontent-%COMP%]{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\");font-display:fallback}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\");font-display:fallback}@media print{.hmcts-banner__message[_ngcontent-%COMP%]{font-family:sans-serif}}.hmcts-banner__message[_ngcontent-%COMP%]{font-weight:400;font-size:1rem;line-height:1.25}@media (min-width: 40.0625em){.hmcts-banner__message[_ngcontent-%COMP%]{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-banner__message[_ngcontent-%COMP%]{font-size:14pt;line-height:1.15}}.hmcts-banner__message[_ngcontent-%COMP%]{color:#0b0c0c;display:block;overflow:hidden}.hmcts-banner__message[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{margin-bottom:10px}.hmcts-banner__message[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]:last-child{margin-bottom:0}.hmcts-banner__message[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]:last-child{margin-bottom:0}.hmcts-banner__message--bold[_ngcontent-%COMP%]{font-weight:700}.hmcts-banner__assistive[_ngcontent-%COMP%]{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important;-webkit-user-select:none;-ms-user-select:none;user-select:none}.hmcts-banner__assistive[_ngcontent-%COMP%]:before{content:\"\\a0\"}.hmcts-banner__assistive[_ngcontent-%COMP%]:after{content:\"\\a0\"}\n\n"] }); }
+        } }, dependencies: [i2.RpxTranslatePipe], styles: ["@charset \"UTF-8\";.hmcts-banner-title[_ngcontent-%COMP%]{color:#fff;background-color:#1d70b8;font-weight:700;padding:10px 15px 5px}.hmcts-banner-title--success[_ngcontent-%COMP%]{background-color:#0f7a52}.hmcts-banner-title--warning[_ngcontent-%COMP%]{background-color:#ca3535}.hmcts-banner[_ngcontent-%COMP%]{border:5px solid #1d70b8;color:#1d70b8;font-size:0;margin-bottom:30px;padding:10px}.hmcts-banner--success[_ngcontent-%COMP%]{border-color:#0f7a52;color:#0f7a52}.hmcts-banner--warning[_ngcontent-%COMP%]{border-color:#ca3535;color:#ca3535}.hmcts-banner__icon[_ngcontent-%COMP%]{fill:currentColor;float:left;margin-right:10px}.hmcts-banner__message[_ngcontent-%COMP%]{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;font-display:fallback;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\")}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;font-display:fallback;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\")}@media print{.hmcts-banner__message[_ngcontent-%COMP%]{font-family:sans-serif}}.hmcts-banner__message[_ngcontent-%COMP%]{font-weight:400;font-size:1.1875rem;line-height:1.3157894737}@media print{.hmcts-banner__message[_ngcontent-%COMP%]{font-size:14pt;line-height:1.15}}.hmcts-banner__message[_ngcontent-%COMP%]{color:#0b0c0c;display:block;overflow:hidden}.hmcts-banner__message[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{margin-bottom:10px}.hmcts-banner__message[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]:last-child{margin-bottom:0}.hmcts-banner__message[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]:last-child{margin-bottom:0}.hmcts-banner__message--bold[_ngcontent-%COMP%]{font-weight:700}.hmcts-banner__assistive[_ngcontent-%COMP%]{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important;-webkit-user-select:none;-ms-user-select:none;user-select:none}.hmcts-banner__assistive[_ngcontent-%COMP%]:before{content:\"\\a0\"}.hmcts-banner__assistive[_ngcontent-%COMP%]:after{content:\"\\a0\"}\n\n"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HmctsBannerComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-hmcts-banner', standalone: false, template: "@if (message && type) {\n  @if (title) {\n    <div\n      class=\"hmcts-banner-title hmcts-banner-title--{{ type }}\">\n      {{ title }}\n    </div>\n  }\n  <div class=\"hmcts-banner hmcts-banner--{{ type }}\">\n    @if (showMessageIcon) {\n      @switch (type) {\n        @case ('warning') {\n          <svg class=\"hmcts-banner__icon hmcts-banner__icon--warning\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n            <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n          </svg>\n        }\n        @case ('success') {\n          <svg class=\"hmcts-banner__icon hmcts-banner__icon--success\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n            <path d=\"M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z\"></path>\n          </svg>\n        }\n        @case ('information') {\n          <svg class=\"hmcts-banner__icon hmcts-banner__icon--information\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n            <path d=\"M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n  C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z\"></path>\n          </svg>\n        }\n      }\n    }\n    <div class=\"hmcts-banner__message\" [class.hmcts-banner__message--bold]=\"messageBoldText\">\n      <span class=\"hmcts-banner__assistive\">{{type | rpxTranslate}}</span>\n      <span class=\"hmcts-banner__message-text govuk-!-font-weight-bold\">{{message | rpxTranslate}}</span>\n    </div>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";.hmcts-banner-title{color:#fff;background-color:#1d70b8;font-weight:700;padding:10px 15px 5px}.hmcts-banner-title--success{background-color:#00703c}.hmcts-banner-title--warning{background-color:#d4351c}.hmcts-banner{border:5px solid #1d70b8;color:#1d70b8;font-size:0;margin-bottom:30px;padding:10px}.hmcts-banner--success{border-color:#00703c;color:#00703c}.hmcts-banner--warning{border-color:#d4351c;color:#d4351c}.hmcts-banner__icon{fill:currentColor;float:left;margin-right:10px}.hmcts-banner__message{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\");font-display:fallback}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\");font-display:fallback}@media print{.hmcts-banner__message{font-family:sans-serif}}.hmcts-banner__message{font-weight:400;font-size:1rem;line-height:1.25}@media (min-width: 40.0625em){.hmcts-banner__message{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-banner__message{font-size:14pt;line-height:1.15}}.hmcts-banner__message{color:#0b0c0c;display:block;overflow:hidden}.hmcts-banner__message h2{margin-bottom:10px}.hmcts-banner__message h2:last-child{margin-bottom:0}.hmcts-banner__message p:last-child{margin-bottom:0}.hmcts-banner__message--bold{font-weight:700}.hmcts-banner__assistive{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important;-webkit-user-select:none;-ms-user-select:none;user-select:none}.hmcts-banner__assistive:before{content:\"\\a0\"}.hmcts-banner__assistive:after{content:\"\\a0\"}\n/*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */\n"] }]
+        args: [{ selector: 'xuilib-hmcts-banner', standalone: false, template: "@if (message && type) {\n  @if (title) {\n    <div\n      class=\"hmcts-banner-title hmcts-banner-title--{{ type }}\">\n      {{ title }}\n    </div>\n  }\n  <div class=\"hmcts-banner hmcts-banner--{{ type }}\">\n    @if (showMessageIcon) {\n      @switch (type) {\n        @case ('warning') {\n          <svg class=\"hmcts-banner__icon hmcts-banner__icon--warning\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n            <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n          </svg>\n        }\n        @case ('success') {\n          <svg class=\"hmcts-banner__icon hmcts-banner__icon--success\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n            <path d=\"M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z\"></path>\n          </svg>\n        }\n        @case ('information') {\n          <svg class=\"hmcts-banner__icon hmcts-banner__icon--information\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n            <path d=\"M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n  C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z\"></path>\n          </svg>\n        }\n      }\n    }\n    <div class=\"hmcts-banner__message\" [class.hmcts-banner__message--bold]=\"messageBoldText\">\n      <span class=\"hmcts-banner__assistive\">{{type | rpxTranslate}}</span>\n      <span class=\"hmcts-banner__message-text govuk-!-font-weight-bold\">{{message | rpxTranslate}}</span>\n    </div>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";.hmcts-banner-title{color:#fff;background-color:#1d70b8;font-weight:700;padding:10px 15px 5px}.hmcts-banner-title--success{background-color:#0f7a52}.hmcts-banner-title--warning{background-color:#ca3535}.hmcts-banner{border:5px solid #1d70b8;color:#1d70b8;font-size:0;margin-bottom:30px;padding:10px}.hmcts-banner--success{border-color:#0f7a52;color:#0f7a52}.hmcts-banner--warning{border-color:#ca3535;color:#ca3535}.hmcts-banner__icon{fill:currentColor;float:left;margin-right:10px}.hmcts-banner__message{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;font-display:fallback;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\")}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;font-display:fallback;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\")}@media print{.hmcts-banner__message{font-family:sans-serif}}.hmcts-banner__message{font-weight:400;font-size:1.1875rem;line-height:1.3157894737}@media print{.hmcts-banner__message{font-size:14pt;line-height:1.15}}.hmcts-banner__message{color:#0b0c0c;display:block;overflow:hidden}.hmcts-banner__message h2{margin-bottom:10px}.hmcts-banner__message h2:last-child{margin-bottom:0}.hmcts-banner__message p:last-child{margin-bottom:0}.hmcts-banner__message--bold{font-weight:700}.hmcts-banner__assistive{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important;-webkit-user-select:none;-ms-user-select:none;user-select:none}.hmcts-banner__assistive:before{content:\"\\a0\"}.hmcts-banner__assistive:after{content:\"\\a0\"}\n/*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */\n"] }]
     }], null, { message: [{
             type: Input
         }], type: [{
@@ -10233,11 +10262,11 @@ class HmctsIdentityBarComponent {
             i0.ɵɵconditionalCreate(0, HmctsIdentityBarComponent_Conditional_0_Template, 6, 3, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.value ? 0 : -1);
-        } }, dependencies: [i2.RpxTranslatePipe], styles: [".govuk-width-container[_ngcontent-%COMP%]{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.govuk-width-container[_ngcontent-%COMP%]{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.govuk-width-container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}}}.hmcts-identity-bar[_ngcontent-%COMP%]:after{content:\"\";display:block;clear:both}.hmcts-identity-bar[_ngcontent-%COMP%]{background-color:#f3f2f1;box-shadow:inset 0 -1px #b1b4b6;color:#0b0c0c;padding-bottom:9px;padding-top:10px}.hmcts-identity-bar__container[_ngcontent-%COMP%]{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.hmcts-identity-bar__container[_ngcontent-%COMP%]{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.hmcts-identity-bar__container[_ngcontent-%COMP%]{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.hmcts-identity-bar__container[_ngcontent-%COMP%]{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.hmcts-identity-bar__container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.hmcts-identity-bar__container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}}}.hmcts-identity-bar__container[_ngcontent-%COMP%]{font-size:0;text-align:justify}.hmcts-identity-bar__container[_ngcontent-%COMP%]:after{content:\"\";display:inline-block;width:100%}.hmcts-identity-bar__title[_ngcontent-%COMP%]{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\");font-display:fallback}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\");font-display:fallback}@media print{.hmcts-identity-bar__title[_ngcontent-%COMP%]{font-family:sans-serif}}.hmcts-identity-bar__title[_ngcontent-%COMP%]{font-weight:400;font-size:.875rem;line-height:1.1428571429}@media (min-width: 40.0625em){.hmcts-identity-bar__title[_ngcontent-%COMP%]{font-size:1rem;line-height:1.25}}@media print{.hmcts-identity-bar__title[_ngcontent-%COMP%]{font-size:14pt;line-height:1.2}}.hmcts-identity-bar__title[_ngcontent-%COMP%]{display:inline-block;vertical-align:top}.hmcts-identity-bar__details[_ngcontent-%COMP%]{margin-right:10px;padding-top:5px;padding-bottom:5px}@media (min-width: 40.0625em){.hmcts-identity-bar__details[_ngcontent-%COMP%]{display:inline-block;vertical-align:top;padding-top:11px;padding-bottom:9px}}\n\n"] }); }
+        } }, dependencies: [i2.RpxTranslatePipe], styles: ["[_ngcontent-%COMP%]:root{--govuk-breakpoint-mobile: 20rem;--govuk-breakpoint-tablet: 40.0625rem;--govuk-breakpoint-desktop: 48.0625rem}[_ngcontent-%COMP%]:root{--govuk-frontend-version: \"6.4.0\"}[_ngcontent-%COMP%]:root{--govuk-brand-colour: #1d70b8;--govuk-text-colour: #0b0c0c;--govuk-inverse-text-colour: #ffffff;--govuk-template-background-colour: #f4f8fb;--govuk-body-background-colour: #ffffff;--govuk-print-text-colour: #000000;--govuk-secondary-text-colour: #484949;--govuk-focus-colour: #ffdd00;--govuk-focus-text-colour: #0b0c0c;--govuk-error-colour: #ca3535;--govuk-success-colour: #0f7a52;--govuk-border-colour: #cecece;--govuk-input-border-colour: #0b0c0c;--govuk-hover-colour: #cecece;--govuk-link-colour: #1a65a6;--govuk-link-visited-colour: #54319f;--govuk-link-hover-colour: #0f385c;--govuk-link-active-colour: #0b0c0c;--govuk-surface-background-colour: #f4f8fb;--govuk-surface-text-colour: #0b0c0c;--govuk-surface-border-colour: #8eb8dc}@media print{[_ngcontent-%COMP%]:root{--govuk-text-colour: var(--govuk-print-text-colour, #000000)}}.govuk-width-container[_ngcontent-%COMP%]{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.govuk-width-container[_ngcontent-%COMP%]{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.govuk-width-container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}}}.hmcts-identity-bar[_ngcontent-%COMP%]:after{content:\"\";display:block;clear:both}.hmcts-identity-bar[_ngcontent-%COMP%]{background-color:#f3f3f3;box-shadow:inset 0 -1px #cecece;color:#0b0c0c;padding-bottom:9px;padding-top:10px}.hmcts-identity-bar__container[_ngcontent-%COMP%]{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.hmcts-identity-bar__container[_ngcontent-%COMP%]{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.hmcts-identity-bar__container[_ngcontent-%COMP%]{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.hmcts-identity-bar__container[_ngcontent-%COMP%]{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.hmcts-identity-bar__container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.hmcts-identity-bar__container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}}}.hmcts-identity-bar__container[_ngcontent-%COMP%]{font-size:0;text-align:justify}.hmcts-identity-bar__container[_ngcontent-%COMP%]:after{content:\"\";display:inline-block;width:100%}.hmcts-identity-bar__title[_ngcontent-%COMP%]{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;font-display:fallback;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\")}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;font-display:fallback;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\")}@media print{.hmcts-identity-bar__title[_ngcontent-%COMP%]{font-family:sans-serif}}.hmcts-identity-bar__title[_ngcontent-%COMP%]{font-weight:400;font-size:1rem;line-height:1.25}@media print{.hmcts-identity-bar__title[_ngcontent-%COMP%]{font-size:14pt;line-height:1.2}}.hmcts-identity-bar__title[_ngcontent-%COMP%]{display:inline-block;vertical-align:top}.hmcts-identity-bar__details[_ngcontent-%COMP%]{margin-right:10px;padding-top:5px;padding-bottom:5px}@media (min-width: 40.0625em){.hmcts-identity-bar__details[_ngcontent-%COMP%]{display:inline-block;vertical-align:top;padding-top:11px;padding-bottom:9px}}\n\n"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HmctsIdentityBarComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-hmcts-identity-bar', standalone: false, template: "@if (value) {\n  <div class=\"hmcts-identity-bar\">\n    <div class=\"hmcts-identity-bar__container\">\n      <div class=\"hmcts-identity-bar__details\">\n        <span class=\"hmcts-identity-bar__title\">{{value | rpxTranslate}}</span>\n      </div>\n    </div>\n  </div>\n}\n", styles: [".govuk-width-container{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.govuk-width-container{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.govuk-width-container{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.govuk-width-container{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.govuk-width-container{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.govuk-width-container{margin-right:auto;margin-left:auto}}}.hmcts-identity-bar:after{content:\"\";display:block;clear:both}.hmcts-identity-bar{background-color:#f3f2f1;box-shadow:inset 0 -1px #b1b4b6;color:#0b0c0c;padding-bottom:9px;padding-top:10px}.hmcts-identity-bar__container{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.hmcts-identity-bar__container{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.hmcts-identity-bar__container{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.hmcts-identity-bar__container{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.hmcts-identity-bar__container{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.hmcts-identity-bar__container{margin-right:auto;margin-left:auto}}}.hmcts-identity-bar__container{font-size:0;text-align:justify}.hmcts-identity-bar__container:after{content:\"\";display:inline-block;width:100%}.hmcts-identity-bar__title{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\");font-display:fallback}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\");font-display:fallback}@media print{.hmcts-identity-bar__title{font-family:sans-serif}}.hmcts-identity-bar__title{font-weight:400;font-size:.875rem;line-height:1.1428571429}@media (min-width: 40.0625em){.hmcts-identity-bar__title{font-size:1rem;line-height:1.25}}@media print{.hmcts-identity-bar__title{font-size:14pt;line-height:1.2}}.hmcts-identity-bar__title{display:inline-block;vertical-align:top}.hmcts-identity-bar__details{margin-right:10px;padding-top:5px;padding-bottom:5px}@media (min-width: 40.0625em){.hmcts-identity-bar__details{display:inline-block;vertical-align:top;padding-top:11px;padding-bottom:9px}}\n/*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */\n"] }]
+        args: [{ selector: 'xuilib-hmcts-identity-bar', standalone: false, template: "@if (value) {\n  <div class=\"hmcts-identity-bar\">\n    <div class=\"hmcts-identity-bar__container\">\n      <div class=\"hmcts-identity-bar__details\">\n        <span class=\"hmcts-identity-bar__title\">{{value | rpxTranslate}}</span>\n      </div>\n    </div>\n  </div>\n}\n", styles: [":root{--govuk-breakpoint-mobile: 20rem;--govuk-breakpoint-tablet: 40.0625rem;--govuk-breakpoint-desktop: 48.0625rem}:root{--govuk-frontend-version: \"6.4.0\"}:root{--govuk-brand-colour: #1d70b8;--govuk-text-colour: #0b0c0c;--govuk-inverse-text-colour: #ffffff;--govuk-template-background-colour: #f4f8fb;--govuk-body-background-colour: #ffffff;--govuk-print-text-colour: #000000;--govuk-secondary-text-colour: #484949;--govuk-focus-colour: #ffdd00;--govuk-focus-text-colour: #0b0c0c;--govuk-error-colour: #ca3535;--govuk-success-colour: #0f7a52;--govuk-border-colour: #cecece;--govuk-input-border-colour: #0b0c0c;--govuk-hover-colour: #cecece;--govuk-link-colour: #1a65a6;--govuk-link-visited-colour: #54319f;--govuk-link-hover-colour: #0f385c;--govuk-link-active-colour: #0b0c0c;--govuk-surface-background-colour: #f4f8fb;--govuk-surface-text-colour: #0b0c0c;--govuk-surface-border-colour: #8eb8dc}@media print{:root{--govuk-text-colour: var(--govuk-print-text-colour, #000000)}}.govuk-width-container{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.govuk-width-container{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.govuk-width-container{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.govuk-width-container{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.govuk-width-container{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.govuk-width-container{margin-right:auto;margin-left:auto}}}.hmcts-identity-bar:after{content:\"\";display:block;clear:both}.hmcts-identity-bar{background-color:#f3f3f3;box-shadow:inset 0 -1px #cecece;color:#0b0c0c;padding-bottom:9px;padding-top:10px}.hmcts-identity-bar__container{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.hmcts-identity-bar__container{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.hmcts-identity-bar__container{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.hmcts-identity-bar__container{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.hmcts-identity-bar__container{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.hmcts-identity-bar__container{margin-right:auto;margin-left:auto}}}.hmcts-identity-bar__container{font-size:0;text-align:justify}.hmcts-identity-bar__container:after{content:\"\";display:inline-block;width:100%}.hmcts-identity-bar__title{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;font-display:fallback;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\")}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;font-display:fallback;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\")}@media print{.hmcts-identity-bar__title{font-family:sans-serif}}.hmcts-identity-bar__title{font-weight:400;font-size:1rem;line-height:1.25}@media print{.hmcts-identity-bar__title{font-size:14pt;line-height:1.2}}.hmcts-identity-bar__title{display:inline-block;vertical-align:top}.hmcts-identity-bar__details{margin-right:10px;padding-top:5px;padding-bottom:5px}@media (min-width: 40.0625em){.hmcts-identity-bar__details{display:inline-block;vertical-align:top;padding-top:11px;padding-bottom:9px}}\n/*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */\n"] }]
     }], () => [], { content: [{
             type: Input
         }] }); })();
@@ -10406,11 +10435,11 @@ class HmctsPrimaryNavigationComponent {
             i0.ɵɵconditionalCreate(0, HmctsPrimaryNavigationComponent_Conditional_0_Template, 6, 2, "nav", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isUserLoggedIn ? 0 : -1);
-        } }, dependencies: [i1$1.RouterLink, i2.RpxTranslatePipe], styles: [".govuk-width-container[_ngcontent-%COMP%]{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.govuk-width-container[_ngcontent-%COMP%]{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.govuk-width-container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}}}.hmcts-primary-navigation[_ngcontent-%COMP%]{background-color:#0b0c0c}.hmcts-primary-navigation__container[_ngcontent-%COMP%]{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.hmcts-primary-navigation__container[_ngcontent-%COMP%]{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.hmcts-primary-navigation__container[_ngcontent-%COMP%]{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.hmcts-primary-navigation__container[_ngcontent-%COMP%]{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.hmcts-primary-navigation__container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.hmcts-primary-navigation__container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}}}.hmcts-primary-navigation__container[_ngcontent-%COMP%]{font-size:0;text-align:justify}.hmcts-primary-navigation__container[_ngcontent-%COMP%]:after{content:\"\";display:inline-block;width:100%}.hmcts-primary-navigation__list[_ngcontent-%COMP%]{font-size:0;list-style:none;margin:0;padding:0}.hmcts-primary-navigation__item[_ngcontent-%COMP%]{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\");font-display:fallback}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\");font-display:fallback}@media print{.hmcts-primary-navigation__item[_ngcontent-%COMP%]{font-family:sans-serif}}.hmcts-primary-navigation__item[_ngcontent-%COMP%]{font-weight:700;font-size:1rem;line-height:1.25}@media (min-width: 40.0625em){.hmcts-primary-navigation__item[_ngcontent-%COMP%]{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-primary-navigation__item[_ngcontent-%COMP%]{font-size:14pt;line-height:1.15}}.hmcts-primary-navigation__item[_ngcontent-%COMP%]{display:inline-block;margin-right:20px;margin-top:0}.hmcts-primary-navigation__item[_ngcontent-%COMP%]:last-child{margin-right:0}.hmcts-primary-navigation__link[_ngcontent-%COMP%]{display:block;padding-bottom:13px;padding-top:12px;text-decoration:underline}.hmcts-primary-navigation__link[_ngcontent-%COMP%]:link, .hmcts-primary-navigation__link[_ngcontent-%COMP%]:visited{color:#fff}.hmcts-primary-navigation__link[_ngcontent-%COMP%]:focus{color:#0b0c0c;position:relative;z-index:1}.hmcts-primary-navigation__link[aria-current][_ngcontent-%COMP%]{color:#fff;position:relative;text-decoration:none}.hmcts-primary-navigation__link[aria-current][_ngcontent-%COMP%]:before{background-color:#fff;content:\"\";display:block;height:5px;position:absolute;bottom:0;left:0;width:100%}.hmcts-primary-navigation__link[aria-current][_ngcontent-%COMP%]:focus{color:#0b0c0c;position:relative}.hmcts-primary-navigation__link[aria-current][_ngcontent-%COMP%]:focus:before{background-color:#0b0c0c}\n\n"] }); }
+        } }, dependencies: [i1$1.RouterLink, i2.RpxTranslatePipe], styles: ["[_ngcontent-%COMP%]:root{--govuk-breakpoint-mobile: 20rem;--govuk-breakpoint-tablet: 40.0625rem;--govuk-breakpoint-desktop: 48.0625rem}[_ngcontent-%COMP%]:root{--govuk-frontend-version: \"6.4.0\"}[_ngcontent-%COMP%]:root{--govuk-brand-colour: #1d70b8;--govuk-text-colour: #0b0c0c;--govuk-inverse-text-colour: #ffffff;--govuk-template-background-colour: #f4f8fb;--govuk-body-background-colour: #ffffff;--govuk-print-text-colour: #000000;--govuk-secondary-text-colour: #484949;--govuk-focus-colour: #ffdd00;--govuk-focus-text-colour: #0b0c0c;--govuk-error-colour: #ca3535;--govuk-success-colour: #0f7a52;--govuk-border-colour: #cecece;--govuk-input-border-colour: #0b0c0c;--govuk-hover-colour: #cecece;--govuk-link-colour: #1a65a6;--govuk-link-visited-colour: #54319f;--govuk-link-hover-colour: #0f385c;--govuk-link-active-colour: #0b0c0c;--govuk-surface-background-colour: #f4f8fb;--govuk-surface-text-colour: #0b0c0c;--govuk-surface-border-colour: #8eb8dc}@media print{[_ngcontent-%COMP%]:root{--govuk-text-colour: var(--govuk-print-text-colour, #000000)}}.govuk-width-container[_ngcontent-%COMP%]{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.govuk-width-container[_ngcontent-%COMP%]{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.govuk-width-container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}}}.hmcts-primary-navigation[_ngcontent-%COMP%]{background-color:#0b0c0c}.hmcts-primary-navigation__container[_ngcontent-%COMP%]{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.hmcts-primary-navigation__container[_ngcontent-%COMP%]{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.hmcts-primary-navigation__container[_ngcontent-%COMP%]{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.hmcts-primary-navigation__container[_ngcontent-%COMP%]{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.hmcts-primary-navigation__container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.hmcts-primary-navigation__container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}}}.hmcts-primary-navigation__container[_ngcontent-%COMP%]{font-size:0;text-align:justify}.hmcts-primary-navigation__container[_ngcontent-%COMP%]:after{content:\"\";display:inline-block;width:100%}.hmcts-primary-navigation__list[_ngcontent-%COMP%]{font-size:0;list-style:none;margin:0;padding:0}.hmcts-primary-navigation__item[_ngcontent-%COMP%]{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;font-display:fallback;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\")}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;font-display:fallback;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\")}@media print{.hmcts-primary-navigation__item[_ngcontent-%COMP%]{font-family:sans-serif}}.hmcts-primary-navigation__item[_ngcontent-%COMP%]{font-weight:700;font-size:1.1875rem;line-height:1.3157894737}@media print{.hmcts-primary-navigation__item[_ngcontent-%COMP%]{font-size:14pt;line-height:1.15}}.hmcts-primary-navigation__item[_ngcontent-%COMP%]{display:inline-block;margin-right:20px;margin-top:0}.hmcts-primary-navigation__item[_ngcontent-%COMP%]:last-child{margin-right:0}.hmcts-primary-navigation__link[_ngcontent-%COMP%]{display:block;padding-bottom:13px;padding-top:12px;text-decoration:underline}.hmcts-primary-navigation__link[_ngcontent-%COMP%]:link, .hmcts-primary-navigation__link[_ngcontent-%COMP%]:visited{color:#fff}.hmcts-primary-navigation__link[_ngcontent-%COMP%]:focus{color:#0b0c0c;position:relative;z-index:1}.hmcts-primary-navigation__link[aria-current][_ngcontent-%COMP%]{color:#fff;position:relative;text-decoration:none}.hmcts-primary-navigation__link[aria-current][_ngcontent-%COMP%]:before{background-color:#fff;content:\"\";display:block;height:5px;position:absolute;bottom:0;left:0;width:100%}.hmcts-primary-navigation__link[aria-current][_ngcontent-%COMP%]:focus{color:#0b0c0c;position:relative}.hmcts-primary-navigation__link[aria-current][_ngcontent-%COMP%]:focus:before{background-color:#0b0c0c}\n\n"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HmctsPrimaryNavigationComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-hmcts-primary-navigation', standalone: false, template: "@if (isUserLoggedIn) {\n  <nav class=\"hmcts-primary-navigation\" [attr.aria-label]=\"label\">\n    <div class=\"hmcts-primary-navigation__container\">\n      @if (isBrandedHeader) {\n        <div class=\"govuk-header__logo\"></div>\n      }\n      <ul class=\"hmcts-primary-navigation__list\">\n        @for (item of items; track item) {\n          <li class=\"hmcts-primary-navigation__item\" >\n            <a class=\"hmcts-primary-navigation__link\" [attr.aria-current]=\"item.active ? true: null\" [routerLink]=\"item.href\" [innerHTML]=\"item.text | rpxTranslate\"></a>\n          </li>\n        }\n      </ul>\n    </div>\n  </nav>\n}\n", styles: [".govuk-width-container{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.govuk-width-container{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.govuk-width-container{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.govuk-width-container{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.govuk-width-container{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.govuk-width-container{margin-right:auto;margin-left:auto}}}.hmcts-primary-navigation{background-color:#0b0c0c}.hmcts-primary-navigation__container{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.hmcts-primary-navigation__container{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.hmcts-primary-navigation__container{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.hmcts-primary-navigation__container{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.hmcts-primary-navigation__container{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.hmcts-primary-navigation__container{margin-right:auto;margin-left:auto}}}.hmcts-primary-navigation__container{font-size:0;text-align:justify}.hmcts-primary-navigation__container:after{content:\"\";display:inline-block;width:100%}.hmcts-primary-navigation__list{font-size:0;list-style:none;margin:0;padding:0}.hmcts-primary-navigation__item{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\");font-display:fallback}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\");font-display:fallback}@media print{.hmcts-primary-navigation__item{font-family:sans-serif}}.hmcts-primary-navigation__item{font-weight:700;font-size:1rem;line-height:1.25}@media (min-width: 40.0625em){.hmcts-primary-navigation__item{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-primary-navigation__item{font-size:14pt;line-height:1.15}}.hmcts-primary-navigation__item{display:inline-block;margin-right:20px;margin-top:0}.hmcts-primary-navigation__item:last-child{margin-right:0}.hmcts-primary-navigation__link{display:block;padding-bottom:13px;padding-top:12px;text-decoration:underline}.hmcts-primary-navigation__link:link,.hmcts-primary-navigation__link:visited{color:#fff}.hmcts-primary-navigation__link:focus{color:#0b0c0c;position:relative;z-index:1}.hmcts-primary-navigation__link[aria-current]{color:#fff;position:relative;text-decoration:none}.hmcts-primary-navigation__link[aria-current]:before{background-color:#fff;content:\"\";display:block;height:5px;position:absolute;bottom:0;left:0;width:100%}.hmcts-primary-navigation__link[aria-current]:focus{color:#0b0c0c;position:relative}.hmcts-primary-navigation__link[aria-current]:focus:before{background-color:#0b0c0c}\n/*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */\n"] }]
+        args: [{ selector: 'xuilib-hmcts-primary-navigation', standalone: false, template: "@if (isUserLoggedIn) {\n  <nav class=\"hmcts-primary-navigation\" [attr.aria-label]=\"label\">\n    <div class=\"hmcts-primary-navigation__container\">\n      @if (isBrandedHeader) {\n        <div class=\"govuk-header__logo\"></div>\n      }\n      <ul class=\"hmcts-primary-navigation__list\">\n        @for (item of items; track item) {\n          <li class=\"hmcts-primary-navigation__item\" >\n            <a class=\"hmcts-primary-navigation__link\" [attr.aria-current]=\"item.active ? true: null\" [routerLink]=\"item.href\" [innerHTML]=\"item.text | rpxTranslate\"></a>\n          </li>\n        }\n      </ul>\n    </div>\n  </nav>\n}\n", styles: [":root{--govuk-breakpoint-mobile: 20rem;--govuk-breakpoint-tablet: 40.0625rem;--govuk-breakpoint-desktop: 48.0625rem}:root{--govuk-frontend-version: \"6.4.0\"}:root{--govuk-brand-colour: #1d70b8;--govuk-text-colour: #0b0c0c;--govuk-inverse-text-colour: #ffffff;--govuk-template-background-colour: #f4f8fb;--govuk-body-background-colour: #ffffff;--govuk-print-text-colour: #000000;--govuk-secondary-text-colour: #484949;--govuk-focus-colour: #ffdd00;--govuk-focus-text-colour: #0b0c0c;--govuk-error-colour: #ca3535;--govuk-success-colour: #0f7a52;--govuk-border-colour: #cecece;--govuk-input-border-colour: #0b0c0c;--govuk-hover-colour: #cecece;--govuk-link-colour: #1a65a6;--govuk-link-visited-colour: #54319f;--govuk-link-hover-colour: #0f385c;--govuk-link-active-colour: #0b0c0c;--govuk-surface-background-colour: #f4f8fb;--govuk-surface-text-colour: #0b0c0c;--govuk-surface-border-colour: #8eb8dc}@media print{:root{--govuk-text-colour: var(--govuk-print-text-colour, #000000)}}.govuk-width-container{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.govuk-width-container{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.govuk-width-container{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.govuk-width-container{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.govuk-width-container{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.govuk-width-container{margin-right:auto;margin-left:auto}}}.hmcts-primary-navigation{background-color:#0b0c0c}.hmcts-primary-navigation__container{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.hmcts-primary-navigation__container{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.hmcts-primary-navigation__container{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.hmcts-primary-navigation__container{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.hmcts-primary-navigation__container{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.hmcts-primary-navigation__container{margin-right:auto;margin-left:auto}}}.hmcts-primary-navigation__container{font-size:0;text-align:justify}.hmcts-primary-navigation__container:after{content:\"\";display:inline-block;width:100%}.hmcts-primary-navigation__list{font-size:0;list-style:none;margin:0;padding:0}.hmcts-primary-navigation__item{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;font-display:fallback;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\")}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;font-display:fallback;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\")}@media print{.hmcts-primary-navigation__item{font-family:sans-serif}}.hmcts-primary-navigation__item{font-weight:700;font-size:1.1875rem;line-height:1.3157894737}@media print{.hmcts-primary-navigation__item{font-size:14pt;line-height:1.15}}.hmcts-primary-navigation__item{display:inline-block;margin-right:20px;margin-top:0}.hmcts-primary-navigation__item:last-child{margin-right:0}.hmcts-primary-navigation__link{display:block;padding-bottom:13px;padding-top:12px;text-decoration:underline}.hmcts-primary-navigation__link:link,.hmcts-primary-navigation__link:visited{color:#fff}.hmcts-primary-navigation__link:focus{color:#0b0c0c;position:relative;z-index:1}.hmcts-primary-navigation__link[aria-current]{color:#fff;position:relative;text-decoration:none}.hmcts-primary-navigation__link[aria-current]:before{background-color:#fff;content:\"\";display:block;height:5px;position:absolute;bottom:0;left:0;width:100%}.hmcts-primary-navigation__link[aria-current]:focus{color:#0b0c0c;position:relative}.hmcts-primary-navigation__link[aria-current]:focus:before{background-color:#0b0c0c}\n/*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */\n"] }]
     }], () => [], { userLoggedIn: [{
             type: Input
         }], label: [{
@@ -10463,11 +10492,11 @@ class HmctsSubNavigationComponent {
             i0.ɵɵconditionalCreate(0, HmctsSubNavigationComponent_Conditional_0_Template, 4, 1, "nav", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.items ? 0 : -1);
-        } }, dependencies: [i1$1.RouterLink, i2.RpxTranslatePipe], styles: [".hmcts-sub-navigation[_ngcontent-%COMP%]{margin-bottom:40px}.hmcts-sub-navigation__list[_ngcontent-%COMP%]{font-size:0;list-style:none;margin:0;padding:0}@media (min-width: 40.0625em){.hmcts-sub-navigation__list[_ngcontent-%COMP%]{box-shadow:inset 0 -1px #b1b4b6;width:100%}}.hmcts-sub-navigation__item[_ngcontent-%COMP%]{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\");font-display:fallback}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\");font-display:fallback}@media print{.hmcts-sub-navigation__item[_ngcontent-%COMP%]{font-family:sans-serif}}.hmcts-sub-navigation__item[_ngcontent-%COMP%]{font-weight:400;font-size:1rem;line-height:1.25}@media (min-width: 40.0625em){.hmcts-sub-navigation__item[_ngcontent-%COMP%]{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-sub-navigation__item[_ngcontent-%COMP%]{font-size:14pt;line-height:1.15}}.hmcts-sub-navigation__item[_ngcontent-%COMP%]{box-shadow:inset 0 -1px #b1b4b6;display:block;margin-top:-1px}.hmcts-sub-navigation__item[_ngcontent-%COMP%]:last-child{box-shadow:none}@media (min-width: 40.0625em){.hmcts-sub-navigation__item[_ngcontent-%COMP%]{box-shadow:none;display:inline-block;margin-right:20px;margin-top:0}}.hmcts-sub-navigation__link[_ngcontent-%COMP%]{display:block;padding-top:12px;padding-bottom:12px;padding-left:15px;text-decoration:underline}@media (min-width: 40.0625em){.hmcts-sub-navigation__link[_ngcontent-%COMP%]{padding-left:0}}.hmcts-sub-navigation__link[_ngcontent-%COMP%]:focus{color:#0b0c0c;position:relative}.hmcts-sub-navigation__link[aria-current=page][_ngcontent-%COMP%]{color:#0b0c0c;position:relative;text-decoration:none}.hmcts-sub-navigation__link[aria-current=page][_ngcontent-%COMP%]:before{background-color:#1d70b8;content:\"\";display:block;height:100%;position:absolute;bottom:0;left:0;width:5px}@media (min-width: 40.0625em){.hmcts-sub-navigation__link[aria-current=page][_ngcontent-%COMP%]:before{height:5px;width:100%}}.hmcts-sub-navigation__link[aria-current=page][_ngcontent-%COMP%]:focus:before{background-color:#0b0c0c}.xui-alert-link__number[_ngcontent-%COMP%]{font-family:nta,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:14px;font-size:.875rem;line-height:1.78571;border-radius:50%;background-color:#1d70b8;color:#fff;font-weight:700;width:25px;height:25px;margin-left:5px;text-align:center;display:inline-block;text-decoration:none}\n\n"] }); }
+        } }, dependencies: [i1$1.RouterLink, i2.RpxTranslatePipe], styles: [".hmcts-sub-navigation[_ngcontent-%COMP%]{margin-bottom:40px}.hmcts-sub-navigation__list[_ngcontent-%COMP%]{font-size:0;list-style:none;margin:0;padding:0}@media (min-width: 40.0625em){.hmcts-sub-navigation__list[_ngcontent-%COMP%]{box-shadow:inset 0 -1px 0 var(--govuk-border-colour, #cecece);width:100%}}.hmcts-sub-navigation__item[_ngcontent-%COMP%]{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;font-display:fallback;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\")}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;font-display:fallback;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\")}@media print{.hmcts-sub-navigation__item[_ngcontent-%COMP%]{font-family:sans-serif}}.hmcts-sub-navigation__item[_ngcontent-%COMP%]{font-weight:400;font-size:1.1875rem;line-height:1.3157894737}@media print{.hmcts-sub-navigation__item[_ngcontent-%COMP%]{font-size:14pt;line-height:1.15}}.hmcts-sub-navigation__item[_ngcontent-%COMP%]{box-shadow:inset 0 -1px 0 var(--govuk-border-colour, #cecece);display:block;margin-top:-1px}.hmcts-sub-navigation__item[_ngcontent-%COMP%]:last-child{box-shadow:none}@media (min-width: 40.0625em){.hmcts-sub-navigation__item[_ngcontent-%COMP%]{box-shadow:none;display:inline-block;margin-right:20px;margin-top:0}}.hmcts-sub-navigation__link[_ngcontent-%COMP%]{display:block;padding-top:12px;padding-bottom:12px;padding-left:15px;text-decoration:underline}@media (min-width: 40.0625em){.hmcts-sub-navigation__link[_ngcontent-%COMP%]{padding-left:0}}.hmcts-sub-navigation__link[_ngcontent-%COMP%]:focus{color:#0b0c0c;position:relative}.hmcts-sub-navigation__link[aria-current=page][_ngcontent-%COMP%]{color:#0b0c0c;position:relative;text-decoration:none}.hmcts-sub-navigation__link[aria-current=page][_ngcontent-%COMP%]:before{background-color:#1d70b8;content:\"\";display:block;height:100%;position:absolute;bottom:0;left:0;width:5px}@media (min-width: 40.0625em){.hmcts-sub-navigation__link[aria-current=page][_ngcontent-%COMP%]:before{height:5px;width:100%}}.hmcts-sub-navigation__link[aria-current=page][_ngcontent-%COMP%]:focus:before{background-color:#0b0c0c}.xui-alert-link__number[_ngcontent-%COMP%]{font-family:nta,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:14px;font-size:.875rem;line-height:1.78571;border-radius:50%;background-color:#1d70b8;color:#fff;font-weight:700;width:25px;height:25px;margin-left:5px;text-align:center;display:inline-block;text-decoration:none}\n\n"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HmctsSubNavigationComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-hmcts-sub-navigation', standalone: false, template: "@if (items) {\n  <nav class=\"hmcts-sub-navigation\" attr.aria-label=\"{{label}}\" role=\"navigation\">\n    <ul class=\"hmcts-sub-navigation__list\">\n      @for (item of items; track item) {\n        <li class=\"hmcts-sub-navigation__item\">\n          <a data-selector=\"sub-nav-link\" class=\"hmcts-sub-navigation__link\" [routerLink]=\"item.href\"\n            [attr.aria-current]=\"item.active ? 'page' : null\">\n            {{item.text | rpxTranslate}}\n            @if (item.roundel && item.roundel > 0 ) {\n              <span class=\"xui-alert-link__number\"> {{item.roundel}} </span>\n            }\n          </a>\n        </li>\n      }\n    </ul>\n  </nav>\n}\n", styles: [".hmcts-sub-navigation{margin-bottom:40px}.hmcts-sub-navigation__list{font-size:0;list-style:none;margin:0;padding:0}@media (min-width: 40.0625em){.hmcts-sub-navigation__list{box-shadow:inset 0 -1px #b1b4b6;width:100%}}.hmcts-sub-navigation__item{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\");font-display:fallback}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\");font-display:fallback}@media print{.hmcts-sub-navigation__item{font-family:sans-serif}}.hmcts-sub-navigation__item{font-weight:400;font-size:1rem;line-height:1.25}@media (min-width: 40.0625em){.hmcts-sub-navigation__item{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-sub-navigation__item{font-size:14pt;line-height:1.15}}.hmcts-sub-navigation__item{box-shadow:inset 0 -1px #b1b4b6;display:block;margin-top:-1px}.hmcts-sub-navigation__item:last-child{box-shadow:none}@media (min-width: 40.0625em){.hmcts-sub-navigation__item{box-shadow:none;display:inline-block;margin-right:20px;margin-top:0}}.hmcts-sub-navigation__link{display:block;padding-top:12px;padding-bottom:12px;padding-left:15px;text-decoration:underline}@media (min-width: 40.0625em){.hmcts-sub-navigation__link{padding-left:0}}.hmcts-sub-navigation__link:focus{color:#0b0c0c;position:relative}.hmcts-sub-navigation__link[aria-current=page]{color:#0b0c0c;position:relative;text-decoration:none}.hmcts-sub-navigation__link[aria-current=page]:before{background-color:#1d70b8;content:\"\";display:block;height:100%;position:absolute;bottom:0;left:0;width:5px}@media (min-width: 40.0625em){.hmcts-sub-navigation__link[aria-current=page]:before{height:5px;width:100%}}.hmcts-sub-navigation__link[aria-current=page]:focus:before{background-color:#0b0c0c}.xui-alert-link__number{font-family:nta,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:14px;font-size:.875rem;line-height:1.78571;border-radius:50%;background-color:#1d70b8;color:#fff;font-weight:700;width:25px;height:25px;margin-left:5px;text-align:center;display:inline-block;text-decoration:none}\n/*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */\n"] }]
+        args: [{ selector: 'xuilib-hmcts-sub-navigation', standalone: false, template: "@if (items) {\n  <nav class=\"hmcts-sub-navigation\" attr.aria-label=\"{{label}}\" role=\"navigation\">\n    <ul class=\"hmcts-sub-navigation__list\">\n      @for (item of items; track item) {\n        <li class=\"hmcts-sub-navigation__item\">\n          <a data-selector=\"sub-nav-link\" class=\"hmcts-sub-navigation__link\" [routerLink]=\"item.href\"\n            [attr.aria-current]=\"item.active ? 'page' : null\">\n            {{item.text | rpxTranslate}}\n            @if (item.roundel && item.roundel > 0 ) {\n              <span class=\"xui-alert-link__number\"> {{item.roundel}} </span>\n            }\n          </a>\n        </li>\n      }\n    </ul>\n  </nav>\n}\n", styles: [".hmcts-sub-navigation{margin-bottom:40px}.hmcts-sub-navigation__list{font-size:0;list-style:none;margin:0;padding:0}@media (min-width: 40.0625em){.hmcts-sub-navigation__list{box-shadow:inset 0 -1px 0 var(--govuk-border-colour, #cecece);width:100%}}.hmcts-sub-navigation__item{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;font-display:fallback;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\")}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;font-display:fallback;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\")}@media print{.hmcts-sub-navigation__item{font-family:sans-serif}}.hmcts-sub-navigation__item{font-weight:400;font-size:1.1875rem;line-height:1.3157894737}@media print{.hmcts-sub-navigation__item{font-size:14pt;line-height:1.15}}.hmcts-sub-navigation__item{box-shadow:inset 0 -1px 0 var(--govuk-border-colour, #cecece);display:block;margin-top:-1px}.hmcts-sub-navigation__item:last-child{box-shadow:none}@media (min-width: 40.0625em){.hmcts-sub-navigation__item{box-shadow:none;display:inline-block;margin-right:20px;margin-top:0}}.hmcts-sub-navigation__link{display:block;padding-top:12px;padding-bottom:12px;padding-left:15px;text-decoration:underline}@media (min-width: 40.0625em){.hmcts-sub-navigation__link{padding-left:0}}.hmcts-sub-navigation__link:focus{color:#0b0c0c;position:relative}.hmcts-sub-navigation__link[aria-current=page]{color:#0b0c0c;position:relative;text-decoration:none}.hmcts-sub-navigation__link[aria-current=page]:before{background-color:#1d70b8;content:\"\";display:block;height:100%;position:absolute;bottom:0;left:0;width:5px}@media (min-width: 40.0625em){.hmcts-sub-navigation__link[aria-current=page]:before{height:5px;width:100%}}.hmcts-sub-navigation__link[aria-current=page]:focus:before{background-color:#0b0c0c}.xui-alert-link__number{font-family:nta,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:14px;font-size:.875rem;line-height:1.78571;border-radius:50%;background-color:#1d70b8;color:#fff;font-weight:700;width:25px;height:25px;margin-left:5px;text-align:center;display:inline-block;text-decoration:none}\n/*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */\n"] }]
     }], null, { label: [{
             type: Input
         }], items: [{