@hmcts/rpx-xui-common-lib 3.2.8 → 3.2.9-ga-rc1

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, EventEmitter, ViewEncapsulation, Input, Output, Injectable, InjectionToken, DOCUMENT, Inject, ViewChild, Pipe, ChangeDetectionStrategy, Directive, ElementRef, NgModule } from '@angular/core';
+import { Component, EventEmitter, ViewEncapsulation, Input, Output, Injectable, InjectionToken, DOCUMENT, Inject, ViewChild, Pipe, ChangeDetectionStrategy, Directive, SecurityContext, ElementRef, NgModule } from '@angular/core';
 import * as i2 from 'rpx-xui-translation';
 import { RpxTranslationModule } from 'rpx-xui-translation';
 import * as i1 from '@angular/common';
@@ -6502,16 +6502,21 @@ function ServiceMessageComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "h2", 5);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("innerHTML", ctx_r0.message_cy, i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", ctx_r0.sanitizeHtml(ctx_r0.message_cy), i0.ɵɵsanitizeHtml);
 } }
 class ServiceMessageComponent {
-    constructor() {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
         this.hideMessage = new EventEmitter();
     }
     onHideMessageEvent(key) {
         this.hideMessage.emit(key);
     }
-    static { this.ɵfac = function ServiceMessageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ServiceMessageComponent)(); }; }
+    // ensure no dangerous HTML is rendered in the service message banner
+    sanitizeHtml(content) {
+        return this.sanitizer.sanitize(SecurityContext.HTML, content ?? '') ?? '';
+    }
+    static { this.ɵfac = function ServiceMessageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ServiceMessageComponent)(i0.ɵɵdirectiveInject(i2$1.DomSanitizer)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ServiceMessageComponent, selectors: [["xuilib-service-message"]], inputs: { message_en: "message_en", message_cy: "message_cy", key: "key" }, outputs: { hideMessage: "hideMessage" }, standalone: false, decls: 12, vars: 8, consts: [[1, "hmcts-banner", "hmcts-banner--warning"], ["fill", "currentColor", "role", "img", "aria-label", "hmcts-warning-icon", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 25", "height", "25", "width", "25", 1, "hmcts-banner__icon"], ["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"], [1, "hmcts-banner__message"], [1, "hmcts-banner__assistive"], [1, "govuk-heading-s", 3, "innerHTML"], ["tabindex", "0", 1, "govuk-link--no-visited-state", 3, "click", "keyup.enter", "routerLink"]], template: function ServiceMessageComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵnamespaceSVG();
@@ -6534,7 +6539,7 @@ class ServiceMessageComponent {
             i0.ɵɵadvance(5);
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 4, "Warning"));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("innerHTML", ctx.message_en, i0.ɵɵsanitizeHtml);
+            i0.ɵɵproperty("innerHTML", ctx.sanitizeHtml(ctx.message_en), i0.ɵɵsanitizeHtml);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.message_cy ? 8 : -1);
             i0.ɵɵadvance(2);
@@ -6543,8 +6548,8 @@ class ServiceMessageComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ServiceMessageComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-service-message', standalone: false, template: "<div class=\"hmcts-banner hmcts-banner--warning\">\n\n  <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"img\" aria-label=\"hmcts-warning-icon\" focusable=\"false\"\n    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\" />\n  </svg>\n\n  <div class=\"hmcts-banner__message\">\n    <span class=\"hmcts-banner__assistive\">{{'Warning' | rpxTranslate}}</span>\n    <h2 class=\"govuk-heading-s\" [innerHTML]=\"message_en\"></h2>\n    @if (message_cy) {\n      <h2 class=\"govuk-heading-s\" [innerHTML]=\"message_cy\"></h2>\n    }\n    <a [routerLink]=\"\" tabindex=\"0\" class=\"govuk-link--no-visited-state\" (click)=\"onHideMessageEvent(key)\" (keyup.enter)=\"onHideMessageEvent(key)\">{{'Hide message' | rpxTranslate}}</a>\n  </div>\n\n</div>", styles: [".govuk-link--no-visited-state{cursor:pointer}\n"] }]
-    }], () => [], { message_en: [{
+        args: [{ selector: 'xuilib-service-message', standalone: false, template: "<div class=\"hmcts-banner hmcts-banner--warning\">\n\n  <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"img\" aria-label=\"hmcts-warning-icon\" focusable=\"false\"\n    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\" />\n  </svg>\n\n  <div class=\"hmcts-banner__message\">\n    <span class=\"hmcts-banner__assistive\">{{'Warning' | rpxTranslate}}</span>\n    <h2 class=\"govuk-heading-s\" [innerHTML]=\"sanitizeHtml(message_en)\"></h2>\n    @if (message_cy) {\n      <h2 class=\"govuk-heading-s\" [innerHTML]=\"sanitizeHtml(message_cy)\"></h2>\n    }\n    <a [routerLink]=\"\" tabindex=\"0\" class=\"govuk-link--no-visited-state\" (click)=\"onHideMessageEvent(key)\" (keyup.enter)=\"onHideMessageEvent(key)\">{{'Hide message' | rpxTranslate}}</a>\n  </div>\n\n</div>", styles: [".govuk-link--no-visited-state{cursor:pointer}\n"] }]
+    }], () => [{ type: i2$1.DomSanitizer }], { message_en: [{
             type: Input
         }], message_cy: [{
             type: Input
@@ -6553,7 +6558,7 @@ class ServiceMessageComponent {
         }], hideMessage: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ServiceMessageComponent, { className: "ServiceMessageComponent", filePath: "lib/components/service-message/service-message.component.ts", lineNumber: 10 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ServiceMessageComponent, { className: "ServiceMessageComponent", filePath: "lib/components/service-message/service-message.component.ts", lineNumber: 11 }); })();
 
 function ServiceMessagesComponent_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
@@ -7560,7 +7565,7 @@ function TermsAndConditionsComponent_Case_0_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(2, 1, ctx_r0.document.content), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", ctx_r0.sanitizeHtml(i0.ɵɵpipeBind1(2, 1, ctx_r0.document.content)), i0.ɵɵsanitizeHtml);
 } }
 function TermsAndConditionsComponent_Case_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "xuilib-tc-display-plain");
@@ -7582,8 +7587,14 @@ function TermsAndConditionsComponent_Case_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "An error occured. Please try again."), " ");
 } }
 class TermsAndConditionsComponent {
-    constructor() { }
-    static { this.ɵfac = function TermsAndConditionsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TermsAndConditionsComponent)(); }; }
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    // ensure no dangerous HTML is rendered in the terms and conditions document
+    sanitizeHtml(content) {
+        return this.sanitizer.sanitize(SecurityContext.HTML, content ?? '') ?? '';
+    }
+    static { this.ɵfac = function TermsAndConditionsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TermsAndConditionsComponent)(i0.ɵɵdirectiveInject(i2$1.DomSanitizer)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TermsAndConditionsComponent, selectors: [["xuilib-terms-and-conditions"]], inputs: { document: "document" }, standalone: false, decls: 3, vars: 1, consts: [[3, "innerHTML"]], template: function TermsAndConditionsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, TermsAndConditionsComponent_Case_0_Template, 3, 3, "xuilib-tc-display-html")(1, TermsAndConditionsComponent_Case_1_Template, 3, 3, "xuilib-tc-display-plain")(2, TermsAndConditionsComponent_Case_2_Template, 3, 3, "div");
         } if (rf & 2) {
@@ -7593,11 +7604,11 @@ class TermsAndConditionsComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TermsAndConditionsComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-terms-and-conditions', standalone: false, template: "\n@switch (document.mimeType) {\n  @case ('text/html') {\n    <xuilib-tc-display-html>\n      <div [innerHTML]=\"document.content | rpxTranslate\"></div>\n    </xuilib-tc-display-html>\n  }\n  @case ('text/plain') {\n    <xuilib-tc-display-plain>\n      {{ document.content | rpxTranslate}}\n    </xuilib-tc-display-plain>\n  }\n  @default {\n    <div>\n      {{'An error occured. Please try again.' | rpxTranslate}}\n    </div>\n  }\n}\n", styles: [":host{display:block;width:100%}\n"] }]
-    }], () => [], { document: [{
+        args: [{ selector: 'xuilib-terms-and-conditions', standalone: false, template: "\n@switch (document.mimeType) {\n  @case ('text/html') {\n    <xuilib-tc-display-html>\n      <div [innerHTML]=\"sanitizeHtml(document.content | rpxTranslate)\"></div>\n    </xuilib-tc-display-html>\n  }\n  @case ('text/plain') {\n    <xuilib-tc-display-plain>\n      {{ document.content | rpxTranslate}}\n    </xuilib-tc-display-plain>\n  }\n  @default {\n    <div>\n      {{'An error occured. Please try again.' | rpxTranslate}}\n    </div>\n  }\n}\n", styles: [":host{display:block;width:100%}\n"] }]
+    }], () => [{ type: i2$1.DomSanitizer }], { document: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TermsAndConditionsComponent, { className: "TermsAndConditionsComponent", filePath: "lib/components/terms-and-conditions/terms-and-conditions.component.ts", lineNumber: 10 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TermsAndConditionsComponent, { className: "TermsAndConditionsComponent", filePath: "lib/components/terms-and-conditions/terms-and-conditions.component.ts", lineNumber: 11 }); })();
 
 function UserDetailsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0)(1, "span", 4);
@@ -7615,7 +7626,7 @@ function UserDetailsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 1, ctx_r0.warningTitle), " ");
 } }
-function UserDetailsComponent_Conditional_1_Conditional_17_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function UserDetailsComponent_Conditional_1_Conditional_15_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
@@ -7624,7 +7635,7 @@ function UserDetailsComponent_Conditional_1_Conditional_17_Conditional_5_Templat
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "Manage organisations"));
 } }
-function UserDetailsComponent_Conditional_1_Conditional_17_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+function UserDetailsComponent_Conditional_1_Conditional_15_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
@@ -7633,7 +7644,7 @@ function UserDetailsComponent_Conditional_1_Conditional_17_Conditional_6_Templat
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "Manage users"));
 } }
-function UserDetailsComponent_Conditional_1_Conditional_17_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+function UserDetailsComponent_Conditional_1_Conditional_15_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
@@ -7642,7 +7653,7 @@ function UserDetailsComponent_Conditional_1_Conditional_17_Conditional_7_Templat
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "Manage cases"));
 } }
-function UserDetailsComponent_Conditional_1_Conditional_17_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+function UserDetailsComponent_Conditional_1_Conditional_15_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
@@ -7651,7 +7662,7 @@ function UserDetailsComponent_Conditional_1_Conditional_17_Conditional_8_Templat
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "Case access administrator"));
 } }
-function UserDetailsComponent_Conditional_1_Conditional_17_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function UserDetailsComponent_Conditional_1_Conditional_15_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
@@ -7660,7 +7671,7 @@ function UserDetailsComponent_Conditional_1_Conditional_17_Conditional_9_Templat
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "Manage fee accounts"));
 } }
-function UserDetailsComponent_Conditional_1_Conditional_17_For_11_Template(rf, ctx) { if (rf & 1) {
+function UserDetailsComponent_Conditional_1_Conditional_15_For_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
@@ -7670,38 +7681,38 @@ function UserDetailsComponent_Conditional_1_Conditional_17_For_11_Template(rf, c
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, accesstype_r2));
 } }
-function UserDetailsComponent_Conditional_1_Conditional_17_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 11);
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵelementStart(3, "span", 5);
-    i0.ɵɵtext(4);
-    i0.ɵɵpipe(5, "rpxTranslate");
-    i0.ɵɵelementEnd()();
+function UserDetailsComponent_Conditional_1_Conditional_15_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "dd", 11)(1, "a", 12);
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "rpxTranslate");
+    i0.ɵɵelementStart(4, "span", 5);
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "rpxTranslate");
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("routerLink", ctx_r0.editPermissionRouterLink);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(2, 3, "Change"), " ");
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 3, "Change"), " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 5, "roles"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 5, "roles"));
 } }
-function UserDetailsComponent_Conditional_1_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+function UserDetailsComponent_Conditional_1_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8)(1, "dt", 9);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "rpxTranslate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "dd", 10);
-    i0.ɵɵconditionalCreate(5, UserDetailsComponent_Conditional_1_Conditional_17_Conditional_5_Template, 3, 3, "div");
-    i0.ɵɵconditionalCreate(6, UserDetailsComponent_Conditional_1_Conditional_17_Conditional_6_Template, 3, 3, "div");
-    i0.ɵɵconditionalCreate(7, UserDetailsComponent_Conditional_1_Conditional_17_Conditional_7_Template, 3, 3, "div");
-    i0.ɵɵconditionalCreate(8, UserDetailsComponent_Conditional_1_Conditional_17_Conditional_8_Template, 3, 3, "div");
-    i0.ɵɵconditionalCreate(9, UserDetailsComponent_Conditional_1_Conditional_17_Conditional_9_Template, 3, 3, "div");
-    i0.ɵɵrepeaterCreate(10, UserDetailsComponent_Conditional_1_Conditional_17_For_11_Template, 3, 3, "div", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(4, "dd", 11);
+    i0.ɵɵconditionalCreate(5, UserDetailsComponent_Conditional_1_Conditional_15_Conditional_5_Template, 3, 3, "div");
+    i0.ɵɵconditionalCreate(6, UserDetailsComponent_Conditional_1_Conditional_15_Conditional_6_Template, 3, 3, "div");
+    i0.ɵɵconditionalCreate(7, UserDetailsComponent_Conditional_1_Conditional_15_Conditional_7_Template, 3, 3, "div");
+    i0.ɵɵconditionalCreate(8, UserDetailsComponent_Conditional_1_Conditional_15_Conditional_8_Template, 3, 3, "div");
+    i0.ɵɵconditionalCreate(9, UserDetailsComponent_Conditional_1_Conditional_15_Conditional_9_Template, 3, 3, "div");
+    i0.ɵɵrepeaterCreate(10, UserDetailsComponent_Conditional_1_Conditional_15_For_11_Template, 3, 3, "div", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(12, UserDetailsComponent_Conditional_1_Conditional_15_Conditional_12_Template, 7, 7, "dd", 11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "dd", 10);
-    i0.ɵɵconditionalCreate(13, UserDetailsComponent_Conditional_1_Conditional_17_Conditional_13_Template, 6, 7, "a", 11);
-    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
@@ -7718,8 +7729,8 @@ function UserDetailsComponent_Conditional_1_Conditional_17_Template(rf, ctx) { i
     i0.ɵɵconditional(ctx_r0.userHasRole("pui-finance-manager") ? 9 : -1);
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r0.enabledAccessTypes);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r0.editPermissionRouterLink && ctx_r0.showEditLink ? 13 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.editPermissionRouterLink && ctx_r0.showEditLink ? 12 : -1);
 } }
 function UserDetailsComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "dl", 1)(1, "div", 7)(2, "div", 8)(3, "dt", 9);
@@ -7729,19 +7740,15 @@ function UserDetailsComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(6, "dd", 10);
     i0.ɵɵtext(7);
     i0.ɵɵpipe(8, "rpxTranslate");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "div", 8)(10, "dt", 9);
+    i0.ɵɵtext(11);
+    i0.ɵɵpipe(12, "rpxTranslate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(9, "dd", 10);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 8)(11, "dt", 9);
-    i0.ɵɵtext(12);
-    i0.ɵɵpipe(13, "rpxTranslate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "dd", 10);
-    i0.ɵɵtext(15);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(16, "dd", 10);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(17, UserDetailsComponent_Conditional_1_Conditional_17_Template, 14, 9, "div", 8);
+    i0.ɵɵelementStart(13, "dd", 10);
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(15, UserDetailsComponent_Conditional_1_Conditional_15_Template, 13, 9, "div", 8);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -7749,16 +7756,16 @@ function UserDetailsComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 5, "Name"));
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 7, ctx_r0.user.fullName));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13, 9, "Email address"));
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(12, 9, "Email address"));
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r0.user.email);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(!ctx_r0.user.resendInvite ? 17 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r0.user.resendInvite ? 15 : -1);
 } }
 function UserDetailsComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 12);
+    i0.ɵɵelementStart(0, "button", 13);
     i0.ɵɵlistener("click", function UserDetailsComponent_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.suspendUser(ctx_r0.user)); })("keyup.enter", function UserDetailsComponent_Conditional_2_Template_button_keyup_enter_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.suspendUser(ctx_r0.user)); });
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
@@ -7769,7 +7776,7 @@ function UserDetailsComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
 } }
 function UserDetailsComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "div", 13)(2, "p");
+    i0.ɵɵelementStart(0, "div")(1, "div", 14)(2, "p");
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -7781,7 +7788,7 @@ function UserDetailsComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(9);
     i0.ɵɵpipe(10, "rpxTranslate");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "button", 14);
+    i0.ɵɵelementStart(11, "button", 15);
     i0.ɵɵlistener("click", function UserDetailsComponent_Conditional_3_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.reinviteClick(ctx_r0.user)); })("keyup.enter", function UserDetailsComponent_Conditional_3_Template_button_keyup_enter_11_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.reinviteClick(ctx_r0.user)); });
     i0.ɵɵtext(12);
     i0.ɵɵpipe(13, "rpxTranslate");
@@ -7797,7 +7804,7 @@ function UserDetailsComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 10, "Resend invitation"), " ");
 } }
 function UserDetailsComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 3)(1, "a", 15);
+    i0.ɵɵelementStart(0, "p", 3)(1, "a", 16);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -7835,9 +7842,9 @@ class UserDetailsComponent {
         return false;
     }
     static { this.ɵfac = function UserDetailsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UserDetailsComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserDetailsComponent, selectors: [["xuilib-user-details"]], inputs: { user: "user", enabledAccessTypes: "enabledAccessTypes", editPermissionRouterLink: "editPermissionRouterLink", warningTitle: "warningTitle", showEditLink: "showEditLink", showHelpLink: "showHelpLink", suspendHelpLink: "suspendHelpLink", showSuspendUserButton: "showSuspendUserButton" }, outputs: { suspendUserEvent: "suspendUserEvent", reinvite: "reinvite" }, standalone: false, decls: 5, vars: 5, consts: [[1, "govuk-warning-text"], ["role", "presentation", 1, "govuk-table"], ["tabindex", "0", 1, "govuk-button", "govuk-button--warning"], [1, "govuk-body"], [1, "govuk-warning-text__icon"], [1, "govuk-visually-hidden"], [1, "govuk-warning-text__text"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], ["role", "link", 3, "routerLink"], ["tabindex", "0", 1, "govuk-button", "govuk-button--warning", 3, "click", "keyup.enter"], [1, "govuk-inset-text"], ["tabindex", "0", "id", "resend-invite-button", 1, "govuk-button", 3, "click", "keyup.enter"], ["target", "_blank", 3, "routerLink"]], template: function UserDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserDetailsComponent, selectors: [["xuilib-user-details"]], inputs: { user: "user", enabledAccessTypes: "enabledAccessTypes", editPermissionRouterLink: "editPermissionRouterLink", warningTitle: "warningTitle", showEditLink: "showEditLink", showHelpLink: "showHelpLink", suspendHelpLink: "suspendHelpLink", showSuspendUserButton: "showSuspendUserButton" }, outputs: { suspendUserEvent: "suspendUserEvent", reinvite: "reinvite" }, standalone: false, decls: 5, vars: 5, consts: [[1, "govuk-warning-text"], ["role", "presentation", 1, "govuk-table"], ["tabindex", "0", 1, "govuk-button", "govuk-button--warning"], [1, "govuk-body"], [1, "govuk-warning-text__icon"], [1, "govuk-visually-hidden"], [1, "govuk-warning-text__text"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell", "no-border-bottom"], [1, "govuk-table__cell"], ["role", "link", 3, "routerLink"], ["tabindex", "0", 1, "govuk-button", "govuk-button--warning", 3, "click", "keyup.enter"], [1, "govuk-inset-text"], ["tabindex", "0", "id", "resend-invite-button", 1, "govuk-button", 3, "click", "keyup.enter"], ["target", "_blank", 3, "routerLink"]], template: function UserDetailsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, UserDetailsComponent_Conditional_0_Template, 8, 3, "div", 0);
-            i0.ɵɵconditionalCreate(1, UserDetailsComponent_Conditional_1_Template, 18, 11, "dl", 1);
+            i0.ɵɵconditionalCreate(1, UserDetailsComponent_Conditional_1_Template, 16, 11, "dl", 1);
             i0.ɵɵconditionalCreate(2, UserDetailsComponent_Conditional_2_Template, 3, 3, "button", 2);
             i0.ɵɵconditionalCreate(3, UserDetailsComponent_Conditional_3_Template, 14, 12, "div");
             i0.ɵɵconditionalCreate(4, UserDetailsComponent_Conditional_4_Template, 6, 7, "p", 3);
@@ -7851,11 +7858,11 @@ class UserDetailsComponent {
             i0.ɵɵconditional(ctx.user && ctx.user.resendInvite ? 3 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.showHelpLink && ctx.suspendHelpLink ? 4 : -1);
-        } }, dependencies: [i1$1.RouterLink, i2.RpxTranslatePipe], styles: ["[_nghost-%COMP%]{display:block}"] }); }
+        } }, dependencies: [i1$1.RouterLink, i2.RpxTranslatePipe], styles: ["[_nghost-%COMP%]{display:block}.no-border-bottom[_ngcontent-%COMP%]{border-bottom:none}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserDetailsComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-user-details', standalone: false, template: "@if (warningTitle && warningTitle !== '') {\n  <div class=\"govuk-warning-text\">\n    <span class=\"govuk-warning-text__icon\">!</span>\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    <strong class=\"govuk-warning-text__text\">\n      {{ warningTitle | rpxTranslate}}\n    </strong>\n  </div>\n}\n@if (user) {\n  <dl class=\"govuk-table\" role=\"presentation\">\n    <div class=\"govuk-table__body\">\n      <div class=\"govuk-table__row\">\n        <dt class=\"govuk-table__header\" scope=\"row\">{{'Name' | rpxTranslate}}</dt>\n        <dd class=\"govuk-table__cell\">{{user.fullName | rpxTranslate}}</dd>\n        <dd class=\"govuk-table__cell\"></dd>\n      </div>\n      <div class=\"govuk-table__row\">\n        <dt class=\"govuk-table__header\" scope=\"row\">{{'Email address' | rpxTranslate}}</dt>\n        <dd class=\"govuk-table__cell\">{{user.email}}</dd>\n        <dd class=\"govuk-table__cell\"></dd>\n      </div>\n      @if (!user.resendInvite) {\n        <div class=\"govuk-table__row\">\n          <dt class=\"govuk-table__header\" scope=\"row\">{{'Permissions' | rpxTranslate}}</dt>\n          <dd class=\"govuk-table__cell\">\n            @if (user.manageOrganisations === 'Yes') {\n              <div>{{'Manage organisations' | rpxTranslate}}</div>\n            }\n            @if (user.manageUsers === 'Yes') {\n              <div>{{'Manage users' | rpxTranslate}}</div>\n            }\n            @if (user.manageCases === 'Yes') {\n              <div>{{'Manage cases' | rpxTranslate}}</div>\n            }\n            @if (userHasRole('pui-caa')) {\n              <div>{{'Case access administrator' | rpxTranslate}}</div>\n            }\n            @if (userHasRole('pui-finance-manager')) {\n              <div>{{'Manage fee accounts' | rpxTranslate}}</div>\n            }\n            @for (accesstype of enabledAccessTypes; track accesstype) {\n              <div>{{ accesstype | rpxTranslate}}</div>\n            }\n          </dd>\n          <dd class=\"govuk-table__cell\">@if (editPermissionRouterLink && showEditLink) {\n            <a role=\"link\" [routerLink]=\"editPermissionRouterLink\">{{'Change' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'roles' | rpxTranslate}}</span></a>\n          }</dd>\n        </div>\n      }\n    </div>\n  </dl>\n}\n@if (showSuspendUserButton) {\n  <button class=\"govuk-button govuk-button--warning\" tabindex=\"0\" (click)=\"suspendUser(user)\" (keyup.enter)=\"suspendUser(user)\">\n    {{'Suspend account' | rpxTranslate}}\n  </button>\n}\n@if (user && user.resendInvite) {\n  <div>\n    <div class=\"govuk-inset-text\">\n      <p>{{'This user has already been invited but has not activated their account.' | rpxTranslate}}</p>\n      <p>{{'If you resend an invitation, they\\'ll receive an email from HM Courts and Tribunals to finish setting up their account.' | rpxTranslate}}</p>\n      <p>{{'You can\\'t invite the same user more than once an hour.' | rpxTranslate}}</p>\n    </div>\n    <button class=\"govuk-button\" tabindex=\"0\" (click)=\"reinviteClick(user)\" (keyup.enter)=\"reinviteClick(user)\" id=\"resend-invite-button\">\n      {{'Resend invitation' | rpxTranslate}}\n    </button>\n  </div>\n}\n@if (showHelpLink && suspendHelpLink) {\n  <p class=\"govuk-body\"><a [routerLink]=\"suspendHelpLink\" target=\"_blank\">{{'Get help' | rpxTranslate}}</a> {{'to reactivate this account.' | rpxTranslate}}</p>\n}\n", styles: [":host{display:block}\n"] }]
+        args: [{ selector: 'xuilib-user-details', standalone: false, template: "@if (warningTitle && warningTitle !== '') {\n  <div class=\"govuk-warning-text\">\n    <span class=\"govuk-warning-text__icon\">!</span>\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    <strong class=\"govuk-warning-text__text\">\n      {{ warningTitle | rpxTranslate}}\n    </strong>\n  </div>\n}\n@if (user) {\n  <dl class=\"govuk-table\" role=\"presentation\">\n    <div class=\"govuk-table__body\">\n      <div class=\"govuk-table__row\">\n        <dt class=\"govuk-table__header\" scope=\"row\">{{'Name' | rpxTranslate}}</dt>\n        <dd class=\"govuk-table__cell no-border-bottom\">{{user.fullName | rpxTranslate}}</dd>\n      </div>\n      <div class=\"govuk-table__row\">\n        <dt class=\"govuk-table__header\" scope=\"row\">{{'Email address' | rpxTranslate}}</dt>\n        <dd class=\"govuk-table__cell no-border-bottom\">{{user.email}}</dd>\n      </div>\n      @if (!user.resendInvite) {\n        <div class=\"govuk-table__row\">\n          <dt class=\"govuk-table__header\" scope=\"row\">{{'Permissions' | rpxTranslate}}</dt>\n          <dd class=\"govuk-table__cell\">\n            @if (user.manageOrganisations === 'Yes') {\n              <div>{{'Manage organisations' | rpxTranslate}}</div>\n            }\n            @if (user.manageUsers === 'Yes') {\n              <div>{{'Manage users' | rpxTranslate}}</div>\n            }\n            @if (user.manageCases === 'Yes') {\n              <div>{{'Manage cases' | rpxTranslate}}</div>\n            }\n            @if (userHasRole('pui-caa')) {\n              <div>{{'Case access administrator' | rpxTranslate}}</div>\n            }\n            @if (userHasRole('pui-finance-manager')) {\n              <div>{{'Manage fee accounts' | rpxTranslate}}</div>\n            }\n            @for (accesstype of enabledAccessTypes; track accesstype) {\n              <div>{{ accesstype | rpxTranslate}}</div>\n            }\n          </dd>\n          @if (editPermissionRouterLink && showEditLink) {\n            <dd class=\"govuk-table__cell\">\n              <a role=\"link\" [routerLink]=\"editPermissionRouterLink\">{{'Change' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'roles' | rpxTranslate}}</span></a>\n            </dd>\n          }\n        </div>\n      }\n    </div>\n  </dl>\n}\n@if (showSuspendUserButton) {\n  <button class=\"govuk-button govuk-button--warning\" tabindex=\"0\" (click)=\"suspendUser(user)\" (keyup.enter)=\"suspendUser(user)\">\n    {{'Suspend account' | rpxTranslate}}\n  </button>\n}\n@if (user && user.resendInvite) {\n  <div>\n    <div class=\"govuk-inset-text\">\n      <p>{{'This user has already been invited but has not activated their account.' | rpxTranslate}}</p>\n      <p>{{'If you resend an invitation, they\\'ll receive an email from HM Courts and Tribunals to finish setting up their account.' | rpxTranslate}}</p>\n      <p>{{'You can\\'t invite the same user more than once an hour.' | rpxTranslate}}</p>\n    </div>\n    <button class=\"govuk-button\" tabindex=\"0\" (click)=\"reinviteClick(user)\" (keyup.enter)=\"reinviteClick(user)\" id=\"resend-invite-button\">\n      {{'Resend invitation' | rpxTranslate}}\n    </button>\n  </div>\n}\n@if (showHelpLink && suspendHelpLink) {\n  <p class=\"govuk-body\"><a [routerLink]=\"suspendHelpLink\" target=\"_blank\">{{'Get help' | rpxTranslate}}</a> {{'to reactivate this account.' | rpxTranslate}}</p>\n}\n", styles: [":host{display:block}.no-border-bottom{border-bottom:none}\n"] }]
     }], null, { user: [{
             type: Input
         }], enabledAccessTypes: [{