@hmcts/ccd-case-ui-toolkit 7.3.43 → 7.3.44-4300

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

@@ -58,7 +58,7 @@ import * as i10 from '@angular/material/legacy-tabs';
 import { MatLegacyTabsModule } from '@angular/material/legacy-tabs';
 import { compressToUTF16, decompressFromUTF16 } from 'lz-string';
 
-const _c0$17 = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
+const _c0$18 = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
 const _c1$u = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
 function FooterComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3)(1, "div", 4);
@@ -136,7 +136,7 @@ class FooterComponent {
     workhours;
     static ɵfac = function FooterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FooterComponent)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FooterComponent, selectors: [["cut-footer-bar"]], inputs: { email: "email", isSolicitor: "isSolicitor", phone: "phone", workhours: "workhours" }, standalone: false, ngContentSelectors: _c1$u, decls: 4, vars: 4, consts: [["id", "footer", "role", "footer", 1, "group", "js-footer"], [1, "footer-wrapper"], ["class", "footer-meta", 4, "ngIf"], [1, "footer-meta"], [1, "footer-meta-inner"], [1, "open-government-licence"], [1, "logo"], ["href", "https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/", "rel", "license"], [1, "copyright"], ["href", "https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/"], [1, "title"], [1, "footer-text"], [1, "email"], [3, "href"], [1, "phone"], [1, "work-hours"]], template: function FooterComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$17);
+            i0.ɵɵprojectionDef(_c0$18);
             i0.ɵɵelementStart(0, "footer", 0)(1, "div", 1);
             i0.ɵɵtemplate(2, FooterComponent_div_2_Template, 20, 15, "div", 2)(3, FooterComponent_div_3_Template, 20, 16, "div", 2);
             i0.ɵɵelementEnd()();
@@ -163,7 +163,7 @@ class FooterComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FooterComponent, { className: "FooterComponent", filePath: "lib/components/footer/footer.component.ts", lineNumber: 9 }); })();
 
-const _c0$16 = [[["", "headerNavigation", ""]]];
+const _c0$17 = [[["", "headerNavigation", ""]]];
 const _c1$t = ["[headerNavigation]"];
 function HeaderBarComponent_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div")(1, "a", 12);
@@ -206,7 +206,7 @@ class HeaderBarComponent {
     }
     static ɵfac = function HeaderBarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HeaderBarComponent)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, standalone: false, ngContentSelectors: _c1$t, decls: 17, vars: 14, consts: [["role", "banner", "id", "global-header", 1, "with-proposition"], [1, "header-wrapper"], [1, "header-global"], [4, "ngIf"], ["class", "global-header", 4, "ngIf"], [1, "header-proposition"], [1, "content"], ["href", "#proposition-links", 1, "js-header-toggle", "menu"], ["id", "proposition-menu", 4, "ngIf"], [1, "proposition-right"], ["id", "user-name"], ["type", "button", "id", "sign-out", 1, "govuk-js-link", 3, "click"], ["href", "https://www.gov.uk", "title", "Go to the GOV.UK homepage", "id", "logo", 1, "content", 2, "margin-left", "0px"], ["src", "/img/gov.uk_logotype_crown_invert_trans.png?0.23.0", "width", "36", "height", "32", "alt", ""], [1, "global-header"], [1, "title"], ["id", "proposition-menu"], [1, "title-solicitor"], ["id", "proposition-name"]], template: function HeaderBarComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$16);
+            i0.ɵɵprojectionDef(_c0$17);
             i0.ɵɵelementStart(0, "header", 0)(1, "div", 1)(2, "div", 2);
             i0.ɵɵtemplate(3, HeaderBarComponent_div_3_Template, 4, 1, "div", 3)(4, HeaderBarComponent_div_4_Template, 5, 3, "div", 4);
             i0.ɵɵelementEnd();
@@ -256,13 +256,13 @@ class HeaderBarComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HeaderBarComponent, { className: "HeaderBarComponent", filePath: "lib/components/header/header-bar/header-bar.component.ts", lineNumber: 9 }); })();
 
-const _c0$15 = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
+const _c0$16 = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
 const _c1$s = ["[leftNavLinks]", "[rightNavLinks]"];
 class NavigationComponent {
     isSolicitor;
     static ɵfac = function NavigationComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NavigationComponent)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["cut-nav-bar"]], inputs: { isSolicitor: "isSolicitor" }, standalone: false, ngContentSelectors: _c1$s, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$15);
+            i0.ɵɵprojectionDef(_c0$16);
             i0.ɵɵelementStart(0, "div")(1, "nav", 0);
             i0.ɵɵprojection(2);
             i0.ɵɵprojection(3, 1);
@@ -380,12 +380,12 @@ class HeadersModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(HeadersModule, { declarations: [PhaseComponent, HeaderBarComponent, NavigationComponent, NavigationItemComponent], imports: [CommonModule, RouterModule, i1.RpxTranslationModule], exports: [PhaseComponent, HeaderBarComponent, NavigationComponent, NavigationItemComponent] }); })();
 
-const _c0$14 = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
+const _c0$15 = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
 const _c1$r = ["[topBody]", "[leftBody]", "[rightBody]"];
 class BodyComponent {
     static ɵfac = function BodyComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BodyComponent)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], standalone: false, ngContentSelectors: _c1$r, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$14);
+            i0.ɵɵprojectionDef(_c0$15);
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵprojection(1);
             i0.ɵɵprojection(2, 1);
@@ -399,7 +399,7 @@ class BodyComponent {
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BodyComponent, { className: "BodyComponent", filePath: "lib/components/body/body.component.ts", lineNumber: 10 }); })();
 
-const _c0$13 = a0 => ({ "govuk-input--error": a0 });
+const _c0$14 = a0 => ({ "govuk-input--error": a0 });
 function DateInputComponent_div_19_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 15)(1, "span", 8);
@@ -416,7 +416,7 @@ function DateInputComponent_div_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 7, "Hour"));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("id", ctx_r6.hourId())("name", ctx_r6.hourId())("value", ctx_r6.displayHour)("ngClass", i0.ɵɵpureFunction1(9, _c0$13, ctx_r6.isInvalid));
+    i0.ɵɵproperty("id", ctx_r6.hourId())("name", ctx_r6.hourId())("value", ctx_r6.displayHour)("ngClass", i0.ɵɵpureFunction1(9, _c0$14, ctx_r6.isInvalid));
     i0.ɵɵattribute("aria-labelledby", "hour-label-" + ctx_r6.hourId());
 } }
 function DateInputComponent_div_20_Template(rf, ctx) { if (rf & 1) {
@@ -435,7 +435,7 @@ function DateInputComponent_div_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 7, "Minute"));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("id", ctx_r6.minuteId())("name", ctx_r6.minuteId())("value", ctx_r6.displayMinute)("ngClass", i0.ɵɵpureFunction1(9, _c0$13, ctx_r6.isInvalid));
+    i0.ɵɵproperty("id", ctx_r6.minuteId())("name", ctx_r6.minuteId())("value", ctx_r6.displayMinute)("ngClass", i0.ɵɵpureFunction1(9, _c0$14, ctx_r6.isInvalid));
     i0.ɵɵattribute("aria-labelledby", "minute-label-" + ctx_r6.minuteId());
 } }
 function DateInputComponent_div_21_Template(rf, ctx) { if (rf & 1) {
@@ -454,7 +454,7 @@ function DateInputComponent_div_21_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 7, "Second"));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("id", ctx_r6.secondId())("name", ctx_r6.secondId())("value", ctx_r6.displaySecond)("ngClass", i0.ɵɵpureFunction1(9, _c0$13, ctx_r6.isInvalid));
+    i0.ɵɵproperty("id", ctx_r6.secondId())("name", ctx_r6.secondId())("value", ctx_r6.displaySecond)("ngClass", i0.ɵɵpureFunction1(9, _c0$14, ctx_r6.isInvalid));
     i0.ɵɵattribute("aria-labelledby", "second-label-" + ctx_r6.secondId());
 } }
 class DateInputComponent {
@@ -690,21 +690,21 @@ class DateInputComponent {
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 24, "Day"));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("id", ctx.dayId())("name", ctx.dayId())("value", ctx.displayDay)("ngClass", i0.ɵɵpureFunction1(30, _c0$13, ctx.isInvalid));
+            i0.ɵɵproperty("id", ctx.dayId())("name", ctx.dayId())("value", ctx.displayDay)("ngClass", i0.ɵɵpureFunction1(30, _c0$14, ctx.isInvalid));
             i0.ɵɵattribute("aria-labelledby", "day-label-" + ctx.dayId());
             i0.ɵɵadvance(3);
             i0.ɵɵattribute("id", "month-label-" + ctx.monthId());
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(10, 26, "Month"));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("id", ctx.monthId())("name", ctx.monthId())("value", ctx.displayMonth)("ngClass", i0.ɵɵpureFunction1(32, _c0$13, ctx.isInvalid));
+            i0.ɵɵproperty("id", ctx.monthId())("name", ctx.monthId())("value", ctx.displayMonth)("ngClass", i0.ɵɵpureFunction1(32, _c0$14, ctx.isInvalid));
             i0.ɵɵattribute("aria-labelledby", "month-label-" + ctx.monthId());
             i0.ɵɵadvance(3);
             i0.ɵɵattribute("id", "year-label-" + ctx.yearId());
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(16, 28, "Year"));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("id", ctx.yearId())("name", ctx.yearId())("value", ctx.displayYear)("ngClass", i0.ɵɵpureFunction1(34, _c0$13, ctx.isInvalid));
+            i0.ɵɵproperty("id", ctx.yearId())("name", ctx.yearId())("value", ctx.displayYear)("ngClass", i0.ɵɵpureFunction1(34, _c0$14, ctx.isInvalid));
             i0.ɵɵattribute("aria-labelledby", "year-label-" + ctx.yearId());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.isDateTime);
@@ -741,7 +741,7 @@ class DateInputComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DateInputComponent, { className: "DateInputComponent", filePath: "lib/components/form/date-input/date-input.component.ts", lineNumber: 21 }); })();
 
-const _c0$12 = ["*"];
+const _c0$13 = ["*"];
 function AlertComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵnamespaceSVG();
@@ -791,7 +791,7 @@ class AlertComponent {
     showIcon = true;
     alertMessageType = AlertMessageType;
     static ɵfac = function AlertComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AlertComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AlertComponent, selectors: [["cut-alert"]], inputs: { type: "type", showIcon: "showIcon" }, standalone: false, ngContentSelectors: _c0$12, decls: 11, vars: 12, consts: [[1, "hmcts-banner"], [3, "ngSwitch"], [4, "ngSwitchCase"], [1, "hmcts-banner__message"], [1, "hmcts-banner__assistive"], ["fill", "currentColor", "role", "presentation", "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"], ["d", "M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z"], ["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"]], template: function AlertComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AlertComponent, selectors: [["cut-alert"]], inputs: { type: "type", showIcon: "showIcon" }, standalone: false, ngContentSelectors: _c0$13, decls: 11, vars: 12, consts: [[1, "hmcts-banner"], [3, "ngSwitch"], [4, "ngSwitchCase"], [1, "hmcts-banner__message"], [1, "hmcts-banner__assistive"], ["fill", "currentColor", "role", "presentation", "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"], ["d", "M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z"], ["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"]], template: function AlertComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelementContainerStart(1, 1);
@@ -993,11 +993,11 @@ class NotificationBannerComponent {
             i0.ɵɵtemplate(0, NotificationBannerComponent_div_0_Template, 14, 10, "div", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.notificationBannerConfig);
-        } }, dependencies: [i5.NgClass, i5.NgIf, i5.NgSwitch, i5.NgSwitchCase], styles: [".govuk-notification-banner[_ngcontent-%COMP%]   .govuk-notification-banner__content[_ngcontent-%COMP%]   .govuk-notification-banner__heading[_ngcontent-%COMP%]{margin-left:0;max-width:900px}.govuk-notification-banner[_ngcontent-%COMP%]   .govuk-notification-banner__content[_ngcontent-%COMP%]   .govuk-notification-banner__heading[_ngcontent-%COMP%]   .govuk-notification-banner__link[_ngcontent-%COMP%]{margin-left:10px}.notification-banner-information[_ngcontent-%COMP%], .notification-banner-error[_ngcontent-%COMP%]{background-color:#d4351c;border:5px solid #d4351c}.notification-banner-warning[_ngcontent-%COMP%]{background-color:#912b88;border:5px solid #912b88}.notification-banner-success[_ngcontent-%COMP%]{background-color:#006435;border:5px solid #006435}"] });
+        } }, dependencies: [i5.NgClass, i5.NgIf, i5.NgSwitch, i5.NgSwitchCase], styles: [".govuk-notification-banner[_ngcontent-%COMP%]   .govuk-notification-banner__content[_ngcontent-%COMP%]   .govuk-notification-banner__heading[_ngcontent-%COMP%]{margin-left:0;max-width:fit-content}.govuk-notification-banner[_ngcontent-%COMP%]   .govuk-notification-banner__content[_ngcontent-%COMP%]   .govuk-notification-banner__heading[_ngcontent-%COMP%]   .govuk-notification-banner__link[_ngcontent-%COMP%]{margin-left:10px}.notification-banner-information[_ngcontent-%COMP%], .notification-banner-error[_ngcontent-%COMP%]{background-color:#d4351c;border:5px solid #d4351c}.notification-banner-warning[_ngcontent-%COMP%]{background-color:#912b88;border:5px solid #912b88}.notification-banner-success[_ngcontent-%COMP%]{background-color:#006435;border:5px solid #006435}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NotificationBannerComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-notification-banner', standalone: false, template: "<div *ngIf=\"notificationBannerConfig\"\n  class=\"govuk-notification-banner\"\n  [ngClass]=\"notificationBannerConfig.headerClass\"\n  role=\"region\"\n  aria-labelledby=\"govuk-notification-banner-title\"\n  data-module=\"govuk-notification-banner\">\n\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      {{notificationBannerConfig.headingText}}\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      <ng-container [ngSwitch]=\"notificationBannerConfig.bannerType\">\n        <ng-container *ngSwitchCase=\"notificationBannerType.WARNING\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"36\" width=\"36\">\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        </ng-container>\n        <ng-container *ngSwitchCase=\"notificationBannerType.ERROR\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"36\" width=\"36\">\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        </ng-container>\n        <ng-container *ngSwitchCase=\"notificationBannerType.SUCCESS\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"36\" width=\"36\">\n            <path d=\"M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z\"></path>\n          </svg>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"notificationBannerType.INFORMATION\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"36\" width=\"36\">\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        </ng-container>\n      </ng-container>\n      {{notificationBannerConfig.description}}\n      <a *ngIf=\"notificationBannerConfig.showLink && !notificationBannerConfig.triggerOutputEvent\"\n        class=\"govuk-notification-banner__link\"\n        href=\"{{notificationBannerConfig.linkUrl}}\">{{notificationBannerConfig.linkText}}</a>\n      <a *ngIf=\"notificationBannerConfig.showLink && notificationBannerConfig.triggerOutputEvent\"\n        class=\"govuk-notification-banner__link\"\n        href=\"#\"\n        (click)=\"onLinkClick(notificationBannerConfig.triggerOutputEventText); $event.preventDefault()\">{{notificationBannerConfig.linkText}}</a>\n    </p>\n  </div>\n</div>\n", styles: [".govuk-notification-banner .govuk-notification-banner__content .govuk-notification-banner__heading{margin-left:0;max-width:900px}.govuk-notification-banner .govuk-notification-banner__content .govuk-notification-banner__heading .govuk-notification-banner__link{margin-left:10px}.notification-banner-information,.notification-banner-error{background-color:#d4351c;border:5px solid #d4351c}.notification-banner-warning{background-color:#912b88;border:5px solid #912b88}.notification-banner-success{background-color:#006435;border:5px solid #006435}\n"] }]
+        args: [{ selector: 'ccd-notification-banner', standalone: false, template: "<div *ngIf=\"notificationBannerConfig\"\n  class=\"govuk-notification-banner\"\n  [ngClass]=\"notificationBannerConfig.headerClass\"\n  role=\"region\"\n  aria-labelledby=\"govuk-notification-banner-title\"\n  data-module=\"govuk-notification-banner\">\n\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      {{notificationBannerConfig.headingText}}\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      <ng-container [ngSwitch]=\"notificationBannerConfig.bannerType\">\n        <ng-container *ngSwitchCase=\"notificationBannerType.WARNING\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"36\" width=\"36\">\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        </ng-container>\n        <ng-container *ngSwitchCase=\"notificationBannerType.ERROR\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"36\" width=\"36\">\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        </ng-container>\n        <ng-container *ngSwitchCase=\"notificationBannerType.SUCCESS\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"36\" width=\"36\">\n            <path d=\"M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z\"></path>\n          </svg>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"notificationBannerType.INFORMATION\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"36\" width=\"36\">\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        </ng-container>\n      </ng-container>\n      {{notificationBannerConfig.description}}\n      <a *ngIf=\"notificationBannerConfig.showLink && !notificationBannerConfig.triggerOutputEvent\"\n        class=\"govuk-notification-banner__link\"\n        href=\"{{notificationBannerConfig.linkUrl}}\">{{notificationBannerConfig.linkText}}</a>\n      <a *ngIf=\"notificationBannerConfig.showLink && notificationBannerConfig.triggerOutputEvent\"\n        class=\"govuk-notification-banner__link\"\n        href=\"#\"\n        (click)=\"onLinkClick(notificationBannerConfig.triggerOutputEventText); $event.preventDefault()\">{{notificationBannerConfig.linkText}}</a>\n    </p>\n  </div>\n</div>\n", styles: [".govuk-notification-banner .govuk-notification-banner__content .govuk-notification-banner__heading{margin-left:0;max-width:fit-content}.govuk-notification-banner .govuk-notification-banner__content .govuk-notification-banner__heading .govuk-notification-banner__link{margin-left:10px}.notification-banner-information,.notification-banner-error{background-color:#d4351c;border:5px solid #d4351c}.notification-banner-warning{background-color:#912b88;border:5px solid #912b88}.notification-banner-success{background-color:#006435;border:5px solid #006435}\n"] }]
     }], null, { notificationBannerConfig: [{
             type: Input
         }], linkClicked: [{
@@ -1005,14 +1005,14 @@ class NotificationBannerComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NotificationBannerComponent, { className: "NotificationBannerComponent", filePath: "lib/components/banners/notification-banner/notification-banner.component.ts", lineNumber: 11 }); })();
 
-const _c0$11 = ["*"];
+const _c0$12 = ["*"];
 const _c1$q = a0 => ({ "js-hidden": a0 });
 class TabComponent {
     id;
     title;
     selected;
     static ɵfac = function TabComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TabComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TabComponent, selectors: [["cut-tab"]], inputs: { id: "id", title: "title", selected: "selected" }, standalone: false, ngContentSelectors: _c0$11, decls: 2, vars: 5, consts: [["role", "tabpanel", 1, "tabs-panel", 3, "id", "ngClass"]], template: function TabComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TabComponent, selectors: [["cut-tab"]], inputs: { id: "id", title: "title", selected: "selected" }, standalone: false, ngContentSelectors: _c0$12, decls: 2, vars: 5, consts: [["role", "tabpanel", 1, "tabs-panel", 3, "id", "ngClass"]], template: function TabComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵprojection(1);
@@ -1034,7 +1034,7 @@ class TabComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TabComponent, { className: "TabComponent", filePath: "lib/components/tabs/tab.component.ts", lineNumber: 11 }); })();
 
-const _c0$10 = ["tab"];
+const _c0$11 = ["tab"];
 const _c1$p = ["*"];
 const _c2$4 = () => ["."];
 const _c3 = a0 => ({ "tabs-toggle-selected": a0 });
@@ -1081,7 +1081,7 @@ class TabsComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.panels = _t);
         } }, viewQuery: function TabsComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$10, 5);
+            i0.ɵɵviewQuery(_c0$11, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabs = _t);
@@ -1140,7 +1140,7 @@ class TabsModule {
         RouterModule, i1.RpxTranslationModule], exports: [TabsComponent,
         TabComponent] }); })();
 
-const _c0$$ = (a0, a1) => ({ caseLocked: a0, someoneViewing: a1 });
+const _c0$10 = (a0, a1) => ({ caseLocked: a0, someoneViewing: a1 });
 class ActivityBannerComponent {
     bannerType;
     description;
@@ -1159,7 +1159,7 @@ class ActivityBannerComponent {
             i0.ɵɵpipe(6, "rpxTranslate");
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(10, _c0$$, ctx.bannerType === "editor", ctx.bannerType === "viewer"));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(10, _c0$10, ctx.bannerType === "editor", ctx.bannerType === "viewer"));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("alt", i0.ɵɵinterpolate(i0.ɵɵpipeBind1(3, 6, ctx.description)))("src", i0.ɵɵinterpolate(ctx.imageLink), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(3);
@@ -12125,7 +12125,7 @@ class CaseEventCompletionComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseEventCompletionComponent, { className: "CaseEventCompletionComponent", filePath: "lib/shared/components/case-editor/case-event-completion/case-event-completion.component.ts", lineNumber: 21 }); })();
 
-const _c0$_ = (a0, a1, a2) => ["/", "cases", "case-details", a0, a1, a2, "tasks"];
+const _c0$$ = (a0, a1, a2) => ["/", "cases", "case-details", a0, a1, a2, "tasks"];
 class CaseEventCompletionTaskCancelledComponent {
     context;
     notifyEventCompletionCancelled = new EventEmitter();
@@ -12194,7 +12194,7 @@ class CaseEventCompletionTaskCancelledComponent {
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(27, 21, "Continue"), " ");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction3(25, _c0$_, ctx.jurisdiction, ctx.caseType, ctx.caseId));
+            i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction3(25, _c0$$, ctx.jurisdiction, ctx.caseType, ctx.caseId));
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(30, 23, "Cancel"), " ");
         } }, dependencies: [i1$1.RouterLink, i1.RpxTranslatePipe], encapsulation: 2 });
@@ -12209,7 +12209,7 @@ class CaseEventCompletionTaskCancelledComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseEventCompletionTaskCancelledComponent, { className: "CaseEventCompletionTaskCancelledComponent", filePath: "lib/shared/components/case-editor/case-event-completion/components/case-event-completion-task-cancelled/case-event-completion-task-cancelled.component.ts", lineNumber: 10 }); })();
 
-const _c0$Z = (a0, a1, a2) => ["/", "cases", "case-details", a0, a1, a2, "tasks"];
+const _c0$_ = (a0, a1, a2) => ["/", "cases", "case-details", a0, a1, a2, "tasks"];
 function CaseEventCompletionTaskReassignedComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "h2", 3);
@@ -12262,7 +12262,7 @@ function CaseEventCompletionTaskReassignedComponent_div_0_Template(rf, ctx) { if
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(27, 22, "Continue"), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction3(26, _c0$Z, ctx_r1.jurisdiction, ctx_r1.caseType, ctx_r1.caseId));
+    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction3(26, _c0$_, ctx_r1.jurisdiction, ctx_r1.caseType, ctx_r1.caseId));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(30, 24, "Cancel"), " ");
 } }
@@ -12668,7 +12668,7 @@ class WriteComplexFieldComponent extends AbstractFieldWriteComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteComplexFieldComponent, { className: "WriteComplexFieldComponent", filePath: "lib/shared/components/palette/complex/write-complex-field.component.ts", lineNumber: 22 }); })();
 
-const _c0$Y = ["writeComplexFieldComponent"];
+const _c0$Z = ["writeComplexFieldComponent"];
 const _c1$o = a0 => ({ "form-group-error": a0 });
 const _c2$3 = a0 => ({ "govuk-input--error": a0 });
 function WriteAddressFieldComponent_div_1_div_4_span_5_Template(rf, ctx) { if (rf & 1) {
@@ -12934,7 +12934,7 @@ class WriteAddressFieldComponent extends AbstractFieldWriteComponent {
     }
     static ɵfac = function WriteAddressFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WriteAddressFieldComponent)(i0.ɵɵdirectiveInject(AddressesService), i0.ɵɵdirectiveInject(IsCompoundPipe)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteAddressFieldComponent, selectors: [["ccd-write-address-field"]], viewQuery: function WriteAddressFieldComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$Y, 5);
+            i0.ɵɵviewQuery(_c0$Z, 5);
             i0.ɵɵviewQuery(FocusElementDirective, 5);
         } if (rf & 2) {
             let _t;
@@ -12997,7 +12997,7 @@ class AbstractFieldReadComponent extends AbstractFormFieldComponent {
             type: Input
         }] }); })();
 
-const _c0$X = ["journeyChild"];
+const _c0$Y = ["journeyChild"];
 class AbstractFieldWriteJourneyComponent extends AbstractFieldWriteComponent {
     multipageComponentStateService;
     journeyStartPageNumber = 0;
@@ -13072,7 +13072,7 @@ class AbstractFieldWriteJourneyComponent extends AbstractFieldWriteComponent {
     ;
     static ɵfac = function AbstractFieldWriteJourneyComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AbstractFieldWriteJourneyComponent)(i0.ɵɵdirectiveInject(MultipageComponentStateService)); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: AbstractFieldWriteJourneyComponent, viewQuery: function AbstractFieldWriteJourneyComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$X, 5);
+            i0.ɵɵviewQuery(_c0$Y, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.childJourney = _t.first);
@@ -13087,7 +13087,7 @@ class AbstractFieldWriteJourneyComponent extends AbstractFieldWriteComponent {
             args: ['journeyChild']
         }] }); })();
 
-const _c0$W = ["journeyChild"];
+const _c0$X = ["journeyChild"];
 class AbstractJourneyComponent {
     multipageComponentStateService;
     journeyStartPageNumber = 0;
@@ -13149,7 +13149,7 @@ class AbstractJourneyComponent {
     onPageChange() { }
     static ɵfac = function AbstractJourneyComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AbstractJourneyComponent)(i0.ɵɵdirectiveInject(MultipageComponentStateService)); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: AbstractJourneyComponent, viewQuery: function AbstractJourneyComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$W, 5);
+            i0.ɵɵviewQuery(_c0$X, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.childJourney = _t.first);
@@ -13375,6 +13375,110 @@ class CaseFileViewFieldComponent {
     }], () => [{ type: i0.ElementRef }, { type: i1$1.ActivatedRoute }, { type: CaseFileViewService }, { type: DocumentManagementService }, { type: LoadingService }, { type: SessionStorageService }, { type: WindowService }, { type: CaseNotifier }, { type: AbstractAppConfig }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseFileViewFieldComponent, { className: "CaseFileViewFieldComponent", filePath: "lib/shared/components/palette/case-file-view/case-file-view-field.component.ts", lineNumber: 18 }); })();
 
+const PVP_FLAG_CODE = 'PF0021';
+const PVP_DISPLAY_TEXT = 'POTENTIALLY VIOLENT PERSON';
+function isPvpFlag(flagDetail) {
+    return flagDetail?.flagCode === PVP_FLAG_CODE;
+}
+function hasPvpFlag(flagsWithFormGroupPath) {
+    return !!flagsWithFormGroupPath?.flags?.details?.some(isPvpFlag);
+}
+function isActivePvpFlag(flagDetail) {
+    return isPvpFlag(flagDetail) && flagDetail?.status === CaseFlagStatus.ACTIVE;
+}
+function hasActivePvpFlag(flagsWithFormGroupPath) {
+    return !!flagsWithFormGroupPath?.flags?.details?.some(isActivePvpFlag);
+}
+function getFlagCreationTime(flagDetail) {
+    const createdDateValue = flagDetail?.dateTimeCreated;
+    const createdMoment = createdDateValue instanceof Date
+        ? moment(createdDateValue)
+        : moment(createdDateValue, moment.ISO_8601, true);
+    return createdMoment.valueOf();
+}
+function compareByCreationDateDesc(flagA, flagB) {
+    return getFlagCreationTime(flagB) - getFlagCreationTime(flagA);
+}
+function prioritisePvpFlags(flagDetails = []) {
+    const activePvpFlags = [];
+    const remainingFlags = [];
+    flagDetails.forEach((flagDetail) => {
+        if (isActivePvpFlag(flagDetail)) {
+            activePvpFlags.push(flagDetail);
+        }
+        else {
+            remainingFlags.push(flagDetail);
+        }
+    });
+    remainingFlags.sort(compareByCreationDateDesc);
+    return [...activePvpFlags, ...remainingFlags];
+}
+function prioritisePvpParties(partyFlagsData = []) {
+    const pvpParties = [];
+    const nonPvpParties = [];
+    partyFlagsData.forEach((partyFlags) => {
+        const prioritisedPartyFlags = {
+            ...partyFlags,
+            flags: {
+                ...partyFlags.flags,
+                details: partyFlags?.flags?.details ? prioritisePvpFlags(partyFlags.flags.details) : partyFlags?.flags?.details
+            }
+        };
+        if (hasActivePvpFlag(prioritisedPartyFlags)) {
+            pvpParties.push(prioritisedPartyFlags);
+        }
+        else {
+            nonPvpParties.push(prioritisedPartyFlags);
+        }
+    });
+    return [...pvpParties, ...nonPvpParties];
+}
+function hasActivePvpFlagInCaseFields(caseFields = []) {
+    return caseFields
+        .filter((caseField) => !FieldsUtils.isFlagLauncherCaseField(caseField) && caseField.value)
+        .some((caseField) => hasActivePvpFlagInCaseField(caseField));
+}
+function hasActivePvpFlagInCaseField(caseField, currentValue) {
+    const fieldType = caseField?.field_type;
+    const value = caseField?.value ? caseField.value : currentValue;
+    if (fieldType?.type === 'Complex') {
+        return hasActivePvpFlagInComplexField(caseField, value);
+    }
+    if (fieldType?.type === 'Collection') {
+        return hasActivePvpFlagInCollectionField(caseField, value);
+    }
+    return false;
+}
+function hasActivePvpFlagInComplexField(caseField, value) {
+    if (FieldsUtils.isFlagsCaseField(caseField)) {
+        return hasActivePvpFlagInFlagsValue(value);
+    }
+    const complexFields = caseField?.field_type?.complex_fields;
+    if (!complexFields || !value || !FieldsUtils.isNonEmptyObject(value)) {
+        return false;
+    }
+    return complexFields.some((subField) => hasActivePvpFlagInCaseField(subField, value[subField.id]));
+}
+function hasActivePvpFlagInCollectionField(caseField, value) {
+    if (!value || !Array.isArray(value)) {
+        return false;
+    }
+    const collectionFieldType = caseField?.field_type?.collection_field_type;
+    if (FieldsUtils.isFlagsFieldType(collectionFieldType)) {
+        return value.some((item) => hasActivePvpFlagInFlagsValue(item?.value));
+    }
+    if (collectionFieldType?.type !== 'Complex' || !collectionFieldType.complex_fields) {
+        return false;
+    }
+    return value.some((item) => collectionFieldType.complex_fields.some((subField) => hasActivePvpFlagInCaseField(subField, item?.value?.[subField.id])));
+}
+function hasActivePvpFlagInFlagsValue(value) {
+    if (!value || !FieldsUtils.isNonEmptyObject(value) || !value.details || !Array.isArray(value.details)) {
+        return false;
+    }
+    return value.details.some((detail) => isActivePvpFlag(detail?.value ?? detail));
+}
+
 function ReadCaseFlagFieldComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
@@ -13541,6 +13645,8 @@ class ReadCaseFlagFieldComponent extends AbstractFieldReadComponent {
                 this.partyLevelCaseFlagData.filter((f) => !f.flags.groupId).forEach((f) => uniquePartyData.push(f));
                 this.partyLevelCaseFlagData = uniquePartyData;
             }
+            // Prioritise active PVP flags (PF0021), then order the remaining flags by creation date (most recent first).
+            this.partyLevelCaseFlagData = prioritisePvpParties(this.partyLevelCaseFlagData);
             // There will be only one case-level flags instance containing all case-level flag details
             this.caseLevelCaseFlagData = this.flagsData.find((instance) => instance.pathToFlagsFormGroup === this.caseLevelCaseFlagsFieldId);
         }
@@ -13643,7 +13749,7 @@ class ReadCaseFlagFieldComponent extends AbstractFieldReadComponent {
         type: Component,
         args: [{ selector: 'ccd-read-case-flag-field', standalone: false, template: "<ng-container *ngIf=\"context === paletteContext.CHECK_YOUR_ANSWER\">\n  <ccd-case-flag-summary-list\n    [flagForSummaryDisplay]=\"flagForSummaryDisplay\"\n    [displayContextParameter]=\"displayContextParameter\"\n    (changeButtonEmitter)=\"navigateBackToForm($event)\">\n  </ccd-case-flag-summary-list>\n</ng-container>\n\n<ng-container *ngIf=\"context !== paletteContext.CHECK_YOUR_ANSWER\">\n  <ng-container [ngSwitch]=\"displayContextParameter\">\n    <ng-container *ngSwitchCase=\"caseFlagDisplayContextParameter.READ_EXTERNAL\">\n      <h2 id=\"read-case-flag-title\" class=\"govuk-heading-l\">\n        {{ 'Support requested' | rpxTranslate }}\n      </h2>\n\n      <div *ngFor=\"let flagData of partyLevelCaseFlagData\">\n        <ccd-case-flag-table *ngIf=\"flagData.flags.partyName\"\n                              [tableCaption]=\"''\"\n                              [flagData]=\"flagData\"\n                              [firstColumnHeader]=\"flagData.flags.partyName\"\n                              [caseFlagsExternalUser]=\"caseFlagsExternalUser\"\n        ></ccd-case-flag-table>\n      </div>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <h2 id=\"read-case-flag-title\" class=\"govuk-heading-l\">\n        {{ 'Case flags' | rpxTranslate }}\n      </h2>\n\n      <div *ngFor=\"let flagData of partyLevelCaseFlagData\">\n        <ccd-case-flag-table *ngIf=\"flagData.flags.partyName\"\n                              [tableCaption]=\"flagData.flags.partyName\"\n                              [flagData]=\"flagData\"\n                              [firstColumnHeader]=\"'Party level flags' | rpxTranslate\"\n        ></ccd-case-flag-table>\n      </div>\n      <div *ngIf=\"caseLevelCaseFlagData\">\n        <ccd-case-flag-table\n          [tableCaption]=\"'Case level flags' | rpxTranslate\"\n          [flagData]=\"caseLevelCaseFlagData\"\n          [firstColumnHeader]=\"'Case flags' | rpxTranslate\"\n        ></ccd-case-flag-table>\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n", styles: [".govuk-heading-l{margin-top:30px}\n"] }]
     }], () => [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: CaseFlagStateService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadCaseFlagFieldComponent, { className: "ReadCaseFlagFieldComponent", filePath: "lib/shared/components/palette/case-flag/read-case-flag-field.component.ts", lineNumber: 17 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadCaseFlagFieldComponent, { className: "ReadCaseFlagFieldComponent", filePath: "lib/shared/components/palette/case-flag/read-case-flag-field.component.ts", lineNumber: 18 }); })();
 
 function WriteCaseFlagFieldComponent_div_0_div_4_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -14499,7 +14605,7 @@ class ReadCaseLinkFieldComponent extends AbstractFieldReadComponent {
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadCaseLinkFieldComponent, { className: "ReadCaseLinkFieldComponent", filePath: "lib/shared/components/palette/case-link/read-case-link-field.component.ts", lineNumber: 9 }); })();
 
-const _c0$V = ["writeComplexFieldComponent"];
+const _c0$W = ["writeComplexFieldComponent"];
 const _c1$n = a0 => ({ "form-group-error": a0 });
 function WriteCaseLinkFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 6);
@@ -14580,7 +14686,7 @@ class WriteCaseLinkFieldComponent extends AbstractFieldWriteComponent {
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵWriteCaseLinkFieldComponent_BaseFactory; return function WriteCaseLinkFieldComponent_Factory(__ngFactoryType__) { return (ɵWriteCaseLinkFieldComponent_BaseFactory || (ɵWriteCaseLinkFieldComponent_BaseFactory = i0.ɵɵgetInheritedFactory(WriteCaseLinkFieldComponent)))(__ngFactoryType__ || WriteCaseLinkFieldComponent); }; })();
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteCaseLinkFieldComponent, selectors: [["ccd-write-case-link-field"]], viewQuery: function WriteCaseLinkFieldComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$V, 5);
+            i0.ɵɵviewQuery(_c0$W, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.writeComplexFieldComponent = _t.first);
@@ -14614,7 +14720,7 @@ class WriteCaseLinkFieldComponent extends AbstractFieldWriteComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteCaseLinkFieldComponent, { className: "WriteCaseLinkFieldComponent", filePath: "lib/shared/components/palette/case-link/write-case-link-field.component.ts", lineNumber: 12 }); })();
 
-const _c0$U = (a0, a1, a2, a3, a4, a5, a6) => ({ id: a0, label: a1, field_type: a2, display_context_parameter: a3, value: a4, hidden: a5, parent: a6 });
+const _c0$V = (a0, a1, a2, a3, a4, a5, a6) => ({ id: a0, label: a1, field_type: a2, display_context_parameter: a3, value: a4, hidden: a5, parent: a6 });
 const _c1$m = (a0, a1, a2, a3, a4, a5) => ({ id: a0, label: a1, field_type: a2, value: a3, hidden: a4, parent: a5 });
 function ReadCollectionFieldComponent_table_0_tbody_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tbody")(1, "tr");
@@ -14625,7 +14731,7 @@ function ReadCollectionFieldComponent_table_0_tbody_2_Template(rf, ctx) { if (rf
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("caseField", i0.ɵɵpureFunction7(4, _c0$U, ctx_r0.caseField.label, ctx_r0.caseField.label, ctx_r0.caseField.field_type.collection_field_type, ctx_r0.caseField.display_context_parameter, ctx_r0.caseField.value, ctx_r0.caseField.hidden, ctx_r0.caseField))("context", ctx_r0.context)("caseFields", ctx_r0.caseFields)("topLevelFormGroup", ctx_r0.topLevelFormGroup);
+    i0.ɵɵproperty("caseField", i0.ɵɵpureFunction7(4, _c0$V, ctx_r0.caseField.label, ctx_r0.caseField.label, ctx_r0.caseField.field_type.collection_field_type, ctx_r0.caseField.display_context_parameter, ctx_r0.caseField.value, ctx_r0.caseField.hidden, ctx_r0.caseField))("context", ctx_r0.context)("caseFields", ctx_r0.caseFields)("topLevelFormGroup", ctx_r0.topLevelFormGroup);
 } }
 function ReadCollectionFieldComponent_table_0_tbody_3_tr_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr")(1, "td");
@@ -14747,7 +14853,7 @@ class RemoveDialogComponent {
     }], () => [{ type: i1$3.MatLegacyDialogRef }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RemoveDialogComponent, { className: "RemoveDialogComponent", filePath: "lib/shared/components/dialogs/remove-dialog/remove-dialog.component.ts", lineNumber: 10 }); })();
 
-const _c0$T = ["collectionItem"];
+const _c0$U = ["collectionItem"];
 function WriteCollectionFieldComponent_h2_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "h2", 7);
     i0.ɵɵtext(1);
@@ -15145,7 +15251,7 @@ class WriteCollectionFieldComponent extends AbstractFieldWriteComponent {
     }
     static ɵfac = function WriteCollectionFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WriteCollectionFieldComponent)(i0.ɵɵdirectiveInject(i1$3.MatLegacyDialog), i0.ɵɵdirectiveInject(i2.ScrollToService), i0.ɵɵdirectiveInject(ProfileNotifier), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteCollectionFieldComponent, selectors: [["ccd-write-collection-field"]], viewQuery: function WriteCollectionFieldComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$T, 5);
+            i0.ɵɵviewQuery(_c0$U, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.items = _t);
@@ -15464,7 +15570,7 @@ class FileUploadStateService {
         type: Injectable
     }], null, null); })();
 
-const _c0$S = ["fileInput"];
+const _c0$T = ["fileInput"];
 const _c1$l = a0 => ({ "form-group-error bottom-30": a0 });
 function WriteDocumentFieldComponent_span_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 12);
@@ -15845,7 +15951,7 @@ class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
     }
     static ɵfac = function WriteDocumentFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WriteDocumentFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(i1$3.MatLegacyDialog), i0.ɵɵdirectiveInject(FileUploadStateService), i0.ɵɵdirectiveInject(JurisdictionService), i0.ɵɵdirectiveInject(SessionStorageService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteDocumentFieldComponent, selectors: [["ccd-write-document-field"]], viewQuery: function WriteDocumentFieldComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$S, 5);
+            i0.ɵɵviewQuery(_c0$T, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fileInput = _t.first);
@@ -15960,7 +16066,7 @@ class ReadDynamicListFieldComponent extends AbstractFieldReadComponent {
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadDynamicListFieldComponent, { className: "ReadDynamicListFieldComponent", filePath: "lib/shared/components/palette/dynamic-list/read-dynamic-list-field.component.ts", lineNumber: 9 }); })();
 
-const _c0$R = a0 => ({ "form-group-error": a0 });
+const _c0$S = a0 => ({ "form-group-error": a0 });
 function WriteDynamicListFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 8);
     i0.ɵɵtext(1);
@@ -16048,7 +16154,7 @@ class WriteDynamicListFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵtemplate(10, WriteDynamicListFieldComponent_option_10_Template, 3, 4, "option", 7);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(13, _c0$R, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(13, _c0$S, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -16227,7 +16333,7 @@ class ReadDynamicMultiSelectListFieldComponent extends AbstractFieldReadComponen
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadDynamicMultiSelectListFieldComponent, { className: "ReadDynamicMultiSelectListFieldComponent", filePath: "lib/shared/components/palette/dynamic-multi-select-list/read-dynamic-multi-select-list-field.component.ts", lineNumber: 10 }); })();
 
-const _c0$Q = a0 => ({ "error": a0 });
+const _c0$R = a0 => ({ "error": a0 });
 function WriteDynamicMultiSelectListFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 5);
     i0.ɵɵtext(1);
@@ -16347,7 +16453,7 @@ class WriteDynamicMultiSelectListFieldComponent extends AbstractFieldWriteCompon
             i0.ɵɵtemplate(6, WriteDynamicMultiSelectListFieldComponent_ng_container_6_Template, 6, 12, "ng-container", 4);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$Q, !ctx.checkboxes.valid && ctx.checkboxes.touched))("id", ctx.id());
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$R, !ctx.checkboxes.valid && ctx.checkboxes.touched))("id", ctx.id());
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.caseField.label);
             i0.ɵɵadvance();
@@ -16427,7 +16533,7 @@ class ReadDynamicRadioListFieldComponent extends AbstractFieldReadComponent {
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadDynamicRadioListFieldComponent, { className: "ReadDynamicRadioListFieldComponent", filePath: "lib/shared/components/palette/dynamic-radio-list/read-dynamic-radio-list-field.component.ts", lineNumber: 9 }); })();
 
-const _c0$P = a0 => ({ "form-group-error": a0 });
+const _c0$Q = a0 => ({ "form-group-error": a0 });
 const _c1$k = a0 => ({ selected: a0 });
 function WriteDynamicRadioListFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 7);
@@ -16522,7 +16628,7 @@ class WriteDynamicRadioListFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵelementContainerEnd();
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$P, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$Q, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -16576,7 +16682,7 @@ class ReadEmailFieldComponent extends AbstractFieldReadComponent {
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadEmailFieldComponent, { className: "ReadEmailFieldComponent", filePath: "lib/shared/components/palette/email/read-email-field.component.ts", lineNumber: 11 }); })();
 
-const _c0$O = a0 => ({ "form-group-error": a0 });
+const _c0$P = a0 => ({ "form-group-error": a0 });
 const _c1$j = a0 => ({ "govuk-input--error": a0 });
 function WriteEmailFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 6);
@@ -16622,7 +16728,7 @@ class WriteEmailFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵelement(5, "input", 5);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$O, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$P, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -16664,7 +16770,7 @@ class ReadFixedListFieldComponent extends AbstractFieldReadComponent {
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadFixedListFieldComponent, { className: "ReadFixedListFieldComponent", filePath: "lib/shared/components/palette/fixed-list/read-fixed-list-field.component.ts", lineNumber: 9 }); })();
 
-const _c0$N = a0 => ({ "form-group-error": a0 });
+const _c0$O = a0 => ({ "form-group-error": a0 });
 function WriteFixedListFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 8);
     i0.ɵɵtext(1);
@@ -16739,7 +16845,7 @@ class WriteFixedListFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵtemplate(8, WriteFixedListFieldComponent_option_8_Template, 3, 4, "option", 7);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$N, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$O, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -16802,7 +16908,7 @@ class ReadFixedRadioListFieldComponent extends AbstractFieldReadComponent {
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadFixedRadioListFieldComponent, { className: "ReadFixedRadioListFieldComponent", filePath: "lib/shared/components/palette/fixed-radio-list/read-fixed-radio-list-field.component.ts", lineNumber: 9 }); })();
 
-const _c0$M = a0 => ({ "form-group-error": a0 });
+const _c0$N = a0 => ({ "form-group-error": a0 });
 const _c1$i = a0 => ({ selected: a0 });
 function WriteFixedRadioListFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 6);
@@ -16870,7 +16976,7 @@ class WriteFixedRadioListFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵelementContainerEnd();
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$M, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$N, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -16946,7 +17052,7 @@ class ReadJudicialUserFieldComponent extends AbstractFieldReadComponent {
     }], () => [{ type: JurisdictionService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadJudicialUserFieldComponent, { className: "ReadJudicialUserFieldComponent", filePath: "lib/shared/components/palette/judicial-user/read-judicial-user-field.component.ts", lineNumber: 12 }); })();
 
-const _c0$L = a0 => ({ "form-group-error": a0 });
+const _c0$M = a0 => ({ "form-group-error": a0 });
 const _c1$h = a0 => ({ "hide-autocomplete": a0 });
 function WriteJudicialUserFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 10);
@@ -17166,7 +17272,7 @@ class WriteJudicialUserFieldComponent extends WriteComplexFieldComponent {
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             const autoComplete_r5 = i0.ɵɵreference(7);
-            i0.ɵɵproperty("formGroup", ctx.formGroup)("ngClass", i0.ɵɵpureFunction1(15, _c0$L, !!ctx.judicialUserControl && ctx.errors));
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("ngClass", i0.ɵɵpureFunction1(15, _c0$M, !!ctx.judicialUserControl && ctx.errors));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -17631,7 +17737,7 @@ class ValidatorsUtils {
         args: [{ providedIn: 'root' }]
     }], null, null); })();
 
-const _c0$K = a0 => ({ "govuk-form-group--error": a0 });
+const _c0$L = a0 => ({ "govuk-form-group--error": a0 });
 const _c1$g = a0 => ({ "table-group-error": a0 });
 function LinkCasesComponent_div_8_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 28)(1, "span", 29);
@@ -17698,7 +17804,7 @@ function LinkCasesComponent_div_8_div_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c0$K, !!ctx_r1.caseReasonCommentsError));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c0$L, !!ctx_r1.caseReasonCommentsError));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", ctx_r1.caseReasonCommentsError);
 } }
@@ -17742,11 +17848,11 @@ function LinkCasesComponent_div_8_Template(rf, ctx) { if (rf & 1) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("formGroup", ctx_r1.linkCaseForm);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$K, !!ctx_r1.caseNumberError));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$L, !!ctx_r1.caseNumberError));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", ctx_r1.caseNumberError);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c0$K, !!ctx_r1.caseReasonError));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c0$L, !!ctx_r1.caseReasonError));
     i0.ɵɵadvance(5);
     i0.ɵɵproperty("ngIf", ctx_r1.caseReasonError);
     i0.ɵɵadvance(2);
@@ -18174,7 +18280,7 @@ class LinkCasesComponent extends AbstractJourneyComponent {
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngIf", ctx.linkCaseForm);
             i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$K, !!ctx.noSelectedCaseError));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$L, !!ctx.noSelectedCaseError));
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.noSelectedCaseError);
             i0.ɵɵadvance(18);
@@ -18767,7 +18873,7 @@ class NoLinkedCasesComponent extends AbstractJourneyComponent {
     }], () => [{ type: i1$1.Router }, { type: LinkedCasesService }, { type: MultipageComponentStateService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NoLinkedCasesComponent, { className: "NoLinkedCasesComponent", filePath: "lib/shared/components/palette/linked-cases/components/no-linked-cases/no-linked-cases.component.ts", lineNumber: 13 }); })();
 
-const _c0$J = a0 => ({ "govuk-form-group--error": a0 });
+const _c0$K = a0 => ({ "govuk-form-group--error": a0 });
 function UnLinkCasesComponent_div_0_div_4_p_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 9)(1, "span", 10);
     i0.ɵɵtext(2, "Error:");
@@ -18805,7 +18911,7 @@ function UnLinkCasesComponent_div_0_div_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0$J, ctx_r0.unlinkErrorMessage))("formGroup", ctx_r0.unlinkCaseForm);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0$K, ctx_r0.unlinkErrorMessage))("formGroup", ctx_r0.unlinkCaseForm);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r0.unlinkErrorMessage);
     i0.ɵɵadvance(2);
@@ -19736,7 +19842,7 @@ class MoneyGbpInputComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MoneyGbpInputComponent, { className: "MoneyGbpInputComponent", filePath: "lib/shared/components/palette/money-gbp/money-gbp-input.component.ts", lineNumber: 28 }); })();
 
-const _c0$I = a0 => ({ "form-group-error": a0 });
+const _c0$J = a0 => ({ "form-group-error": a0 });
 function WriteMoneyGbpFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 8);
     i0.ɵɵtext(1);
@@ -19785,7 +19891,7 @@ class WriteMoneyGbpFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵpipe(9, "ccdIsMandatory");
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c0$I, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c0$J, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -19844,7 +19950,7 @@ class ReadMultiSelectListFieldComponent extends AbstractFieldReadComponent {
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadMultiSelectListFieldComponent, { className: "ReadMultiSelectListFieldComponent", filePath: "lib/shared/components/palette/multi-select-list/read-multi-select-list-field.component.ts", lineNumber: 10 }); })();
 
-const _c0$H = a0 => ({ "error": a0 });
+const _c0$I = a0 => ({ "error": a0 });
 function WriteMultiSelectListFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 5);
     i0.ɵɵtext(1);
@@ -19945,7 +20051,7 @@ class WriteMultiSelectListFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵtemplate(4, WriteMultiSelectListFieldComponent_span_4_Template, 3, 3, "span", 2)(5, WriteMultiSelectListFieldComponent_span_5_Template, 3, 4, "span", 3)(6, WriteMultiSelectListFieldComponent_ng_container_6_Template, 6, 8, "ng-container", 4);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$H, !ctx.checkboxes.valid && (ctx.checkboxes.dirty || ctx.checkboxes.touched)))("id", ctx.id());
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$I, !ctx.checkboxes.valid && (ctx.checkboxes.dirty || ctx.checkboxes.touched)))("id", ctx.id());
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.caseField.label);
             i0.ɵɵadvance();
@@ -19984,7 +20090,7 @@ class ReadNumberFieldComponent extends AbstractFieldReadComponent {
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadNumberFieldComponent, { className: "ReadNumberFieldComponent", filePath: "lib/shared/components/palette/number/read-number-field.component.ts", lineNumber: 9 }); })();
 
-const _c0$G = a0 => ({ "form-group-error": a0 });
+const _c0$H = a0 => ({ "form-group-error": a0 });
 const _c1$f = a0 => ({ "govuk-input--error": a0 });
 function WriteNumberFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 6);
@@ -20030,7 +20136,7 @@ class WriteNumberFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵelement(5, "input", 5);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$G, !ctx.numberControl.valid && ctx.numberControl.dirty));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$H, !ctx.numberControl.valid && ctx.numberControl.dirty));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -20209,7 +20315,7 @@ class ReadOrganisationFieldComponent extends AbstractFieldReadComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadOrganisationFieldComponent, { className: "ReadOrganisationFieldComponent", filePath: "lib/shared/components/palette/organisation/read-organisation-field.component.ts", lineNumber: 11 }); })();
 
-const _c0$F = a0 => ({ "scroll-container ": a0 });
+const _c0$G = a0 => ({ "scroll-container ": a0 });
 function WriteOrganisationFieldComponent_fieldset_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "fieldset", 3);
     i0.ɵɵelement(1, "legend", 4);
@@ -20288,7 +20394,7 @@ function WriteOrganisationFieldComponent_fieldset_3_div_17_Template(rf, ctx) { i
     let tmp_3_0;
     let tmp_5_0;
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c0$F, ((tmp_3_0 = i0.ɵɵpipeBind1(1, 3, ctx_r2.simpleOrganisations$)) == null ? null : tmp_3_0.length) > 10));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c0$G, ((tmp_3_0 = i0.ɵɵpipeBind1(1, 3, ctx_r2.simpleOrganisations$)) == null ? null : tmp_3_0.length) > 10));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(3, 5, ctx_r2.simpleOrganisations$));
     i0.ɵɵadvance(2);
@@ -20684,7 +20790,7 @@ class ReadPhoneUKFieldComponent extends AbstractFieldReadComponent {
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadPhoneUKFieldComponent, { className: "ReadPhoneUKFieldComponent", filePath: "lib/shared/components/palette/phone-uk/read-phone-uk-field.component.ts", lineNumber: 9 }); })();
 
-const _c0$E = a0 => ({ "form-group-error": a0 });
+const _c0$F = a0 => ({ "form-group-error": a0 });
 const _c1$e = a0 => ({ "govuk-input--error": a0 });
 function WritePhoneUKFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 6);
@@ -20730,7 +20836,7 @@ class WritePhoneUKFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵelement(5, "input", 5);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$E, !ctx.phoneUkControl.valid && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$F, !ctx.phoneUkControl.valid && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched)));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -23208,7 +23314,7 @@ class QueryWriteDateInputComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryWriteDateInputComponent, { className: "QueryWriteDateInputComponent", filePath: "lib/shared/components/palette/query-management/components/query-write/query-write-date-input/query-write-date-input.component.ts", lineNumber: 16 }); })();
 
-const _c0$D = a0 => ({ "govuk-form-group--error": a0 });
+const _c0$E = a0 => ({ "govuk-form-group--error": a0 });
 function QueryWriteRaiseQueryComponent_ccd_query_case_details_header_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "ccd-query-case-details-header", 5);
 } if (rf & 2) {
@@ -23288,7 +23394,7 @@ function QueryWriteRaiseQueryComponent_div_11_ng_container_50_Template(rf, ctx)
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$D, ctx_r0.submitted && ctx_r0.formGroup.get("isHearingRelated").value === true && ctx_r0.formGroup.get("hearingDate").value === null));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$E, ctx_r0.submitted && ctx_r0.formGroup.get("isHearingRelated").value === true && ctx_r0.formGroup.get("hearingDate").value === null));
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 3, "What is the date of the hearing?"), " ");
     i0.ɵɵadvance(2);
@@ -23355,7 +23461,7 @@ function QueryWriteRaiseQueryComponent_div_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(8);
     i0.ɵɵproperty("content", i0.ɵɵpipeBind1(10, 23, ctx_r0.serviceMessage));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(43, _c0$D, ctx_r0.submitted && ctx_r0.formGroup.get("subject").hasError("required")));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(43, _c0$E, ctx_r0.submitted && ctx_r0.formGroup.get("subject").hasError("required")));
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(15, 25, "Query subject"), " ");
     i0.ɵɵadvance(3);
@@ -23363,7 +23469,7 @@ function QueryWriteRaiseQueryComponent_div_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", ctx_r0.submitted && (ctx_r0.formGroup.get("subject").hasError("required") || ctx_r0.formGroup.get("subject").hasError("maxlength")));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(45, _c0$D, ctx_r0.submitted && ctx_r0.formGroup.get("body").hasError("required")));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(45, _c0$E, ctx_r0.submitted && ctx_r0.formGroup.get("body").hasError("required")));
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(25, 29, "Query detail"), " ");
     i0.ɵɵadvance(3);
@@ -23374,7 +23480,7 @@ function QueryWriteRaiseQueryComponent_div_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵclassProp("govuk-textarea--error", ctx_r0.submitted && ctx_r0.formGroup.get("body").hasError("required"));
     i0.ɵɵproperty("formControlName", "body");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(47, _c0$D, ctx_r0.submitted && ctx_r0.formGroup.get("isHearingRelated").hasError("required")));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(47, _c0$E, ctx_r0.submitted && ctx_r0.formGroup.get("isHearingRelated").hasError("required")));
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(37, 33, "Is the query hearing related?"), " ");
     i0.ɵɵadvance(2);
@@ -23995,7 +24101,7 @@ class CloseQueryComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CloseQueryComponent, { className: "CloseQueryComponent", filePath: "lib/shared/components/palette/query-management/components/close-query/close-query.component.ts", lineNumber: 9 }); })();
 
-const _c0$C = (a0, a1) => ["/query-management", "query", a0, "4", a1];
+const _c0$D = (a0, a1) => ["/query-management", "query", a0, "4", a1];
 function ReadQueryManagementFieldComponent_ng_container_0_ng_container_1_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 6)(1, "ccd-query-list", 7);
@@ -24034,7 +24140,7 @@ function ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_ng_conta
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction2(4, _c0$C, ctx_r1.caseId, ctx_r1.query.id));
+    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction2(4, _c0$D, ctx_r1.caseId, ctx_r1.query.id));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, "Ask a follow-up question"), " ");
 } }
@@ -24048,7 +24154,7 @@ function ReadQueryManagementFieldComponent_ng_template_1_ng_container_1_ng_templ
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction2(4, _c0$C, ctx_r1.caseId, ctx_r1.query.id));
+    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction2(4, _c0$D, ctx_r1.caseId, ctx_r1.query.id));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, "Ask a follow-up question"), " ");
 } }
@@ -24236,7 +24342,7 @@ class ReadTextAreaFieldComponent extends AbstractFieldReadComponent {
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadTextAreaFieldComponent, { className: "ReadTextAreaFieldComponent", filePath: "lib/shared/components/palette/text-area/read-text-area-field.component.ts", lineNumber: 9 }); })();
 
-const _c0$B = a0 => ({ "form-group-error": a0 });
+const _c0$C = a0 => ({ "form-group-error": a0 });
 const _c1$d = a0 => ({ "govuk-textarea--error": a0 });
 function WriteTextAreaFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 6);
@@ -24295,7 +24401,7 @@ class WriteTextAreaFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵlistener("input", function WriteTextAreaFieldComponent_Template_textarea_input_5_listener($event) { return ctx.autoGrow($event); });
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$B, !ctx.textareaControl.valid && ctx.textareaControl.dirty));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$C, !ctx.textareaControl.valid && ctx.textareaControl.dirty));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -24335,7 +24441,7 @@ class ReadTextFieldComponent extends AbstractFieldReadComponent {
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadTextFieldComponent, { className: "ReadTextFieldComponent", filePath: "lib/shared/components/palette/text/read-text-field.component.ts", lineNumber: 9 }); })();
 
-const _c0$A = a0 => ({ "form-group-error": a0 });
+const _c0$B = a0 => ({ "form-group-error": a0 });
 const _c1$c = a0 => ({ "govuk-input--error": a0 });
 function WriteTextFieldComponent_label_1_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 7);
@@ -24393,7 +24499,7 @@ class WriteTextFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵlistener("blur", function WriteTextFieldComponent_Template_input_blur_4_listener($event) { return ctx.onBlur($event); });
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$A, !!ctx.textControl && !ctx.textControl.valid && (ctx.textControl.dirty || ctx.textControl.touched)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$B, !!ctx.textControl && !ctx.textControl.valid && (ctx.textControl.dirty || ctx.textControl.touched)));
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.caseField.hidden);
             i0.ɵɵadvance();
@@ -24534,7 +24640,7 @@ class ReadYesNoFieldComponent extends AbstractFieldReadComponent {
     }], () => [{ type: YesNoService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadYesNoFieldComponent, { className: "ReadYesNoFieldComponent", filePath: "lib/shared/components/palette/yes-no/read-yes-no-field.component.ts", lineNumber: 10 }); })();
 
-const _c0$z = a0 => ({ "form-group-error": a0 });
+const _c0$A = a0 => ({ "form-group-error": a0 });
 const _c1$b = a0 => ({ selected: a0 });
 function WriteYesNoFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 7);
@@ -24606,7 +24712,7 @@ class WriteYesNoFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵtemplate(7, WriteYesNoFieldComponent_div_7_Template, 5, 14, "div", 6);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
-            i0.ɵɵproperty("id", ctx.id())("ngClass", i0.ɵɵpureFunction1(7, _c0$z, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
+            i0.ɵɵproperty("id", ctx.id())("ngClass", i0.ɵɵpureFunction1(7, _c0$A, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.caseField.label);
             i0.ɵɵadvance();
@@ -24723,7 +24829,7 @@ class PaletteService {
         type: Injectable
     }], null, null); })();
 
-const _c0$y = ["fieldContainer"];
+const _c0$z = ["fieldContainer"];
 const FIX_CASEFIELD_FOR$1 = ['FixedList', 'DynamicList', 'DynamicMultiSelectList'];
 class FieldReadComponent extends AbstractFieldReadComponent {
     resolver;
@@ -24772,7 +24878,7 @@ class FieldReadComponent extends AbstractFieldReadComponent {
     }
     static ɵfac = function FieldReadComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FieldReadComponent)(i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(PaletteService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FieldReadComponent, selectors: [["ccd-field-read"]], viewQuery: function FieldReadComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$y, 5, ViewContainerRef);
+            i0.ɵɵviewQuery(_c0$z, 5, ViewContainerRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fieldContainer = _t.first);
@@ -24801,7 +24907,7 @@ class FieldReadComponent extends AbstractFieldReadComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FieldReadComponent, { className: "FieldReadComponent", filePath: "lib/shared/components/palette/base-field/field-read.component.ts", lineNumber: 16 }); })();
 
-const _c0$x = ["fieldContainer"];
+const _c0$y = ["fieldContainer"];
 const FIX_CASEFIELD_FOR = ['FixedList', 'DynamicList', 'DynamicMultiSelectList'];
 class FieldWriteComponent extends AbstractFieldWriteComponent {
     resolver;
@@ -24847,7 +24953,7 @@ class FieldWriteComponent extends AbstractFieldWriteComponent {
     }
     static ɵfac = function FieldWriteComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FieldWriteComponent)(i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(PaletteService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FieldWriteComponent, selectors: [["ccd-field-write"]], viewQuery: function FieldWriteComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$x, 7, ViewContainerRef);
+            i0.ɵɵviewQuery(_c0$y, 7, ViewContainerRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fieldContainer = _t.first);
@@ -24871,7 +24977,7 @@ class FieldWriteComponent extends AbstractFieldWriteComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FieldWriteComponent, { className: "FieldWriteComponent", filePath: "lib/shared/components/palette/base-field/field-write.component.ts", lineNumber: 17 }); })();
 
-const _c0$w = ["*"];
+const _c0$x = ["*"];
 function FieldReadLabelComponent_dl_1_ng_container_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -24925,7 +25031,7 @@ class FieldReadLabelComponent extends AbstractFieldReadComponent {
         }
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵFieldReadLabelComponent_BaseFactory; return function FieldReadLabelComponent_Factory(__ngFactoryType__) { return (ɵFieldReadLabelComponent_BaseFactory || (ɵFieldReadLabelComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FieldReadLabelComponent)))(__ngFactoryType__ || FieldReadLabelComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FieldReadLabelComponent, selectors: [["ccd-field-read-label"]], inputs: { withLabel: "withLabel" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$w, decls: 4, vars: 5, consts: [["caseFieldValue", ""], [3, "hidden"], ["class", "case-field", 4, "ngIf", "ngIfElse"], [1, "case-field"], [1, "case-field__label"], [1, "case-field__value"], [4, "ngTemplateOutlet"]], template: function FieldReadLabelComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FieldReadLabelComponent, selectors: [["ccd-field-read-label"]], inputs: { withLabel: "withLabel" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$x, decls: 4, vars: 5, consts: [["caseFieldValue", ""], [3, "hidden"], ["class", "case-field", 4, "ngIf", "ngIfElse"], [1, "case-field"], [1, "case-field__label"], [1, "case-field__value"], [4, "ngTemplateOutlet"]], template: function FieldReadLabelComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 1);
             i0.ɵɵtemplate(1, FieldReadLabelComponent_dl_1_Template, 6, 4, "dl", 2)(2, FieldReadLabelComponent_ng_template_2_Template, 1, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
@@ -24946,7 +25052,7 @@ class FieldReadLabelComponent extends AbstractFieldReadComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FieldReadLabelComponent, { className: "FieldReadLabelComponent", filePath: "lib/shared/components/palette/base-field/field-read-label.component.ts", lineNumber: 15 }); })();
 
-const _c0$v = a0 => ({ cat: a0, level: 1 });
+const _c0$w = a0 => ({ cat: a0, level: 1 });
 const _c1$a = (a0, a1) => ({ cat: a0, level: a1 });
 function CaseFileViewFolderSelectorComponent_ng_container_6_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -24960,7 +25066,7 @@ function CaseFileViewFolderSelectorComponent_ng_container_6_Template(rf, ctx) {
     i0.ɵɵnextContext();
     const folder_r3 = i0.ɵɵreference(13);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", folder_r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0$v, cat_r2));
+    i0.ɵɵproperty("ngTemplateOutlet", folder_r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0$w, cat_r2));
 } }
 function CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -25098,7 +25204,7 @@ class CaseFileViewFolderSelectorComponent {
             }] }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseFileViewFolderSelectorComponent, { className: "CaseFileViewFolderSelectorComponent", filePath: "lib/shared/components/palette/case-file-view/components/case-file-view-folder-selector/case-file-view-folder-selector.component.ts", lineNumber: 13 }); })();
 
-const _c0$u = [[["", "trigger", ""]]];
+const _c0$v = [[["", "trigger", ""]]];
 const _c1$9 = ["[trigger]"];
 function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -25171,7 +25277,7 @@ class CaseFileViewOverlayMenuComponent {
     static ɵfac = function CaseFileViewOverlayMenuComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseFileViewOverlayMenuComponent)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseFileViewOverlayMenuComponent, selectors: [["ccd-case-file-view-overlay-menu"]], inputs: { title: "title", menuItems: "menuItems", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, standalone: false, ngContentSelectors: _c1$9, decls: 5, vars: 5, consts: [["trigger", "cdkOverlayOrigin"], ["type", "button", "cdkOverlayOrigin", "", "aria-haspopup", "true", 1, "overlay-toggle", 3, "click"], ["cdkConnectedOverlay", "", 3, "backdropClick", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayBackdropClass"], [1, "overlay-menu"], [4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "overlay-menu__title"], ["tabindex", "0", 1, "overlay-menu__item", 3, "click", "keydown.enter"], ["class", "overlay-menu__itemIcon", "aria-hidden", "true", 3, "src", "alt", 4, "ngIf"], [1, "overlay-menu__actionText"], ["aria-hidden", "true", 1, "overlay-menu__itemIcon", 3, "src", "alt"]], template: function CaseFileViewOverlayMenuComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵprojectionDef(_c0$u);
+            i0.ɵɵprojectionDef(_c0$v);
             i0.ɵɵelementStart(0, "div")(1, "button", 1, 0);
             i0.ɵɵlistener("click", function CaseFileViewOverlayMenuComponent_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r1); $event.stopPropagation(); return i0.ɵɵresetView(ctx.setOpen()); });
             i0.ɵɵprojection(3, 0, ["aria-hidden", "true"]);
@@ -25866,7 +25972,7 @@ class CaseFileViewFolderComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseFileViewFolderComponent, { className: "CaseFileViewFolderComponent", filePath: "lib/shared/components/palette/case-file-view/components/case-file-view-folder/case-file-view-folder.component.ts", lineNumber: 28 }); })();
 
-const _c0$t = a0 => ({ "form-group-error": a0 });
+const _c0$u = a0 => ({ "form-group-error": a0 });
 function AddCommentsComponent_span_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
@@ -26020,7 +26126,7 @@ class AddCommentsComponent extends AbstractJourneyComponent {
         } if (rf & 2) {
             i0.ɵɵproperty("formGroup", ctx.formGroup);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(19, _c0$t, ctx.errorMessages.length > 0));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(19, _c0$u, ctx.errorMessages.length > 0));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("for", ctx.flagCommentsControlName);
             i0.ɵɵadvance();
@@ -26351,6 +26457,7 @@ class CaseFlagSummaryListComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseFlagSummaryListComponent, { className: "CaseFlagSummaryListComponent", filePath: "lib/shared/components/palette/case-flag/components/case-flag-summary-list/case-flag-summary-list.component.ts", lineNumber: 16 }); })();
 
+const _c0$t = a0 => ({ "govuk-!-font-weight-bold": a0 });
 function CaseFlagTableComponent_table_0_caption_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "caption", 13);
     i0.ɵɵtext(1);
@@ -26369,8 +26476,33 @@ function CaseFlagTableComponent_table_0_tr_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, "None"));
 } }
-function CaseFlagTableComponent_table_0_tbody_20_tr_1_div_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "span", 23);
+function CaseFlagTableComponent_table_0_tbody_20_tr_1_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(1, "svg", 24);
+    i0.ɵɵelement(2, "path", 25);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(3, "span", 26);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r0.pvpDisplayText);
+} }
+function CaseFlagTableComponent_table_0_tbody_20_tr_1_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "flagFieldDisplay");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const flagDetail_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, flagDetail_r2, "name"));
+} }
+function CaseFlagTableComponent_table_0_tbody_20_tr_1_div_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "span", 26);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -26378,8 +26510,8 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_div_15_Template(rf, ctx) {
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("Update Reason: ", flagDetail_r2.flagUpdateComment);
 } }
-function CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "strong", 24);
+function CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "strong", 27);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -26387,8 +26519,8 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_23_Template(rf, ctx
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "Active"));
 } }
-function CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "strong", 25);
+function CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "strong", 28);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -26396,8 +26528,8 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_24_Template(rf, ctx
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "Inactive"));
 } }
-function CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "strong", 26);
+function CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "strong", 29);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -26405,8 +26537,8 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_25_Template(rf, ctx
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "Requested"));
 } }
-function CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "strong", 27);
+function CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "strong", 30);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -26415,52 +26547,54 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_26_Template(rf, ctx
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "Not approved"));
 } }
 function CaseFlagTableComponent_table_0_tbody_20_tr_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr", 16)(1, "td", 17)(2, "div");
-    i0.ɵɵtext(3);
-    i0.ɵɵpipe(4, "flagFieldDisplay");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div");
-    i0.ɵɵtext(6);
-    i0.ɵɵpipe(7, "flagFieldDisplay");
+    i0.ɵɵelementStart(0, "tr", 16)(1, "td", 17);
+    i0.ɵɵtemplate(2, CaseFlagTableComponent_table_0_tbody_20_tr_1_div_2_Template, 5, 1, "div", 11)(3, CaseFlagTableComponent_table_0_tbody_20_tr_1_div_3_Template, 3, 4, "div", 11);
+    i0.ɵɵelementStart(4, "div");
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "flagFieldDisplay");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div");
-    i0.ɵɵtext(9);
-    i0.ɵɵpipe(10, "flagFieldDisplay");
+    i0.ɵɵelementStart(7, "div");
+    i0.ɵɵtext(8);
+    i0.ɵɵpipe(9, "flagFieldDisplay");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "td", 17)(12, "div");
-    i0.ɵɵtext(13);
-    i0.ɵɵpipe(14, "flagFieldDisplay");
+    i0.ɵɵelementStart(10, "td", 17)(11, "div", 18);
+    i0.ɵɵtext(12);
+    i0.ɵɵpipe(13, "flagFieldDisplay");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(15, CaseFlagTableComponent_table_0_tbody_20_tr_1_div_15_Template, 3, 1, "div", 11);
+    i0.ɵɵtemplate(14, CaseFlagTableComponent_table_0_tbody_20_tr_1_div_14_Template, 3, 1, "div", 11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "td", 17);
-    i0.ɵɵtext(17);
-    i0.ɵɵpipe(18, "date");
+    i0.ɵɵelementStart(15, "td", 17);
+    i0.ɵɵtext(16);
+    i0.ɵɵpipe(17, "date");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "td", 17);
-    i0.ɵɵtext(20);
-    i0.ɵɵpipe(21, "date");
+    i0.ɵɵelementStart(18, "td", 17);
+    i0.ɵɵtext(19);
+    i0.ɵɵpipe(20, "date");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "td", 18);
-    i0.ɵɵtemplate(23, CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_23_Template, 3, 3, "strong", 19)(24, CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_24_Template, 3, 3, "strong", 20)(25, CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_25_Template, 3, 3, "strong", 21)(26, CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_26_Template, 3, 3, "strong", 22);
+    i0.ɵɵelementStart(21, "td", 19);
+    i0.ɵɵtemplate(22, CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_22_Template, 3, 3, "strong", 20)(23, CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_23_Template, 3, 3, "strong", 21)(24, CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_24_Template, 3, 3, "strong", 22)(25, CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_25_Template, 3, 3, "strong", 23);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const flagDetail_r2 = ctx.$implicit;
     const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r0.isActivePvpFlag(flagDetail_r2));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r0.isActivePvpFlag(flagDetail_r2));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(6, 13, flagDetail_r2, "otherDescription"));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(4, 11, flagDetail_r2, "name"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(7, 14, flagDetail_r2, "otherDescription"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(9, 16, flagDetail_r2, "subTypeValue"));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(10, 17, flagDetail_r2, "subTypeValue"));
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(14, 20, flagDetail_r2, "flagComment"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(28, _c0$t, ctx_r0.isActivePvpFlag(flagDetail_r2)));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(13, 19, flagDetail_r2, "flagComment"), " ");
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", !ctx_r0.caseFlagsExternalUser && (flagDetail_r2.status === ctx_r0.caseFlagStatus.NOT_APPROVED || flagDetail_r2.status === ctx_r0.caseFlagStatus.INACTIVE) && flagDetail_r2.flagUpdateComment);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(18, 23, flagDetail_r2.dateTimeCreated, "dd LLL yyyy"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(17, 22, flagDetail_r2.dateTimeCreated, "dd LLL yyyy"));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(21, 26, flagDetail_r2.dateTimeModified, "dd LLL yyyy"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(20, 25, flagDetail_r2.dateTimeModified, "dd LLL yyyy"));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", flagDetail_r2.status === ctx_r0.caseFlagStatus.ACTIVE);
     i0.ɵɵadvance();
@@ -26472,7 +26606,7 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_Template(rf, ctx) { if (rf
 } }
 function CaseFlagTableComponent_table_0_tbody_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tbody", 10);
-    i0.ɵɵtemplate(1, CaseFlagTableComponent_table_0_tbody_20_tr_1_Template, 27, 29, "tr", 15);
+    i0.ɵɵtemplate(1, CaseFlagTableComponent_table_0_tbody_20_tr_1_Template, 26, 30, "tr", 15);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -26530,11 +26664,18 @@ class CaseFlagTableComponent {
     flagData;
     firstColumnHeader;
     caseFlagsExternalUser = false;
+    pvpDisplayText = PVP_DISPLAY_TEXT;
     get caseFlagStatus() {
         return CaseFlagStatus;
     }
+    isPvpFlag(flagDetail) {
+        return isPvpFlag(flagDetail);
+    }
+    isActivePvpFlag(flagDetail) {
+        return isPvpFlag(flagDetail) && flagDetail?.status === CaseFlagStatus.ACTIVE;
+    }
     static ɵfac = function CaseFlagTableComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseFlagTableComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseFlagTableComponent, selectors: [["ccd-case-flag-table"]], inputs: { tableCaption: "tableCaption", flagData: "flagData", firstColumnHeader: "firstColumnHeader", caseFlagsExternalUser: "caseFlagsExternalUser" }, standalone: false, decls: 1, vars: 1, consts: [["class", "govuk-table", 4, "ngIf"], [1, "govuk-table"], ["class", "govuk-table__caption govuk-table__caption--l", 4, "ngIf"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "col-party-name"], ["scope", "col", 1, "govuk-table__header", "col-comments"], ["scope", "col", 1, "govuk-table__header", "col-creation-date"], ["scope", "col", 1, "govuk-table__header", "col-last-modified"], ["scope", "col", 1, "govuk-table__header", "col-flag-status"], [1, "govuk-table__body"], [4, "ngIf"], ["class", "govuk-table__body", 4, "ngIf"], [1, "govuk-table__caption", "govuk-table__caption--l"], ["colspan", "5"], ["scope", "row", "class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["scope", "row", 1, "govuk-table__row"], [1, "govuk-table__cell"], [1, "govuk-table__cell", "cell-flag-status"], ["class", "govuk-tag govuk-tag--turquoise", 4, "ngIf"], ["class", "govuk-tag govuk-tag--grey", 4, "ngIf"], ["class", "govuk-tag govuk-tag--yellow", 4, "ngIf"], ["class", "govuk-tag govuk-tag--red", 4, "ngIf"], [1, "govuk-!-font-weight-bold"], [1, "govuk-tag", "govuk-tag--turquoise"], [1, "govuk-tag", "govuk-tag--grey"], [1, "govuk-tag", "govuk-tag--yellow"], [1, "govuk-tag", "govuk-tag--red"]], template: function CaseFlagTableComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseFlagTableComponent, selectors: [["ccd-case-flag-table"]], inputs: { tableCaption: "tableCaption", flagData: "flagData", firstColumnHeader: "firstColumnHeader", caseFlagsExternalUser: "caseFlagsExternalUser" }, standalone: false, decls: 1, vars: 1, consts: [["class", "govuk-table", 4, "ngIf"], [1, "govuk-table"], ["class", "govuk-table__caption govuk-table__caption--l", 4, "ngIf"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "col-party-name"], ["scope", "col", 1, "govuk-table__header", "col-comments"], ["scope", "col", 1, "govuk-table__header", "col-creation-date"], ["scope", "col", 1, "govuk-table__header", "col-last-modified"], ["scope", "col", 1, "govuk-table__header", "col-flag-status"], [1, "govuk-table__body"], [4, "ngIf"], ["class", "govuk-table__body", 4, "ngIf"], [1, "govuk-table__caption", "govuk-table__caption--l"], ["colspan", "5"], ["scope", "row", "class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["scope", "row", 1, "govuk-table__row"], [1, "govuk-table__cell"], [3, "ngClass"], [1, "govuk-table__cell", "cell-flag-status"], ["class", "govuk-tag govuk-tag--turquoise", 4, "ngIf"], ["class", "govuk-tag govuk-tag--grey", 4, "ngIf"], ["class", "govuk-tag govuk-tag--yellow", 4, "ngIf"], ["class", "govuk-tag govuk-tag--red", 4, "ngIf"], ["fill", "currentColor", "role", "presentation", "aria-hidden", "true", "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, "govuk-!-font-weight-bold"], [1, "govuk-tag", "govuk-tag--turquoise"], [1, "govuk-tag", "govuk-tag--grey"], [1, "govuk-tag", "govuk-tag--yellow"], [1, "govuk-tag", "govuk-tag--red"]], template: function CaseFlagTableComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, CaseFlagTableComponent_table_0_Template, 21, 16, "table", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.flagData);
@@ -26542,7 +26683,7 @@ class CaseFlagTableComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFlagTableComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-case-flag-table', standalone: false, template: "<table class=\"govuk-table\" *ngIf=\"flagData\">\n  <caption class=\"govuk-table__caption govuk-table__caption--l\" *ngIf=\"tableCaption\">{{tableCaption}}</caption>\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header col-party-name\">{{firstColumnHeader}}</th>\n      <th scope=\"col\" class=\"govuk-table__header col-comments\">{{'Comments' | rpxTranslate}}</th>\n      <th scope=\"col\" class=\"govuk-table__header col-creation-date\">{{'Creation date' | rpxTranslate}}</th>\n      <th scope=\"col\" class=\"govuk-table__header col-last-modified\">{{'Last modified' | rpxTranslate}}</th>\n      <th scope=\"col\" class=\"govuk-table__header col-flag-status\">{{'Flag status' | rpxTranslate}}</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr *ngIf=\"!flagData.flags.details || (flagData.flags.details && flagData.flags.details.length === 0)\">\n      <td colspan=\"5\">{{'None' | rpxTranslate}}</td>\n    </tr>\n  </tbody>\n  <tbody class=\"govuk-table__body\" *ngIf=\"flagData.flags.details && flagData.flags.details.length > 0\">\n    <tr scope=\"row\" class=\"govuk-table__row\" *ngFor=\"let flagDetail of flagData.flags.details\">\n      <td class=\"govuk-table__cell\">\n        <div>{{flagDetail | flagFieldDisplay:'name'}}</div>\n        <div>{{flagDetail | flagFieldDisplay:'otherDescription'}}</div>\n        <div>{{flagDetail | flagFieldDisplay:'subTypeValue'}}</div>\n      </td>\n      <td class=\"govuk-table__cell\">\n        <div>{{flagDetail | flagFieldDisplay:'flagComment'}}</div>\n        <div *ngIf=\"!caseFlagsExternalUser &&\n          (flagDetail.status === caseFlagStatus.NOT_APPROVED || flagDetail.status === caseFlagStatus.INACTIVE) &&\n          flagDetail.flagUpdateComment\">\n          <span class=\"govuk-!-font-weight-bold\">Update Reason: {{flagDetail.flagUpdateComment}}</span>\n        </div>\n      </td>\n      <td class=\"govuk-table__cell\">{{flagDetail.dateTimeCreated | date: 'dd LLL yyyy'}}</td>\n      <td class=\"govuk-table__cell\">{{flagDetail.dateTimeModified | date: 'dd LLL yyyy'}}</td>\n      <td class=\"govuk-table__cell cell-flag-status\">\n        <strong *ngIf=\"flagDetail.status === caseFlagStatus.ACTIVE\" class=\"govuk-tag govuk-tag--turquoise\">{{'Active' | rpxTranslate}}</strong>\n        <strong *ngIf=\"flagDetail.status === caseFlagStatus.INACTIVE\" class=\"govuk-tag govuk-tag--grey\">{{'Inactive' | rpxTranslate}}</strong>\n        <strong *ngIf=\"flagDetail.status === caseFlagStatus.REQUESTED\" class=\"govuk-tag govuk-tag--yellow\">{{'Requested' | rpxTranslate}}</strong>\n        <strong *ngIf=\"flagDetail.status === caseFlagStatus.NOT_APPROVED\" class=\"govuk-tag govuk-tag--red\">{{'Not approved' | rpxTranslate}}</strong>\n      </td>\n    </tr>\n  </tbody>\n</table>\n", styles: [".govuk-table .govuk-table__caption{margin-top:10px}.govuk-table .govuk-table__head .govuk-table__row .col-party-name{width:24%}.govuk-table .govuk-table__head .govuk-table__row .col-comments{width:42%}.govuk-table .govuk-table__head .govuk-table__row .col-creation-date,.govuk-table .govuk-table__head .govuk-table__row .col-last-modified{width:12%}.govuk-table .govuk-table__head .govuk-table__row .col-flag-status{width:10%}.govuk-table .govuk-table__body .govuk-table__row .cell-flag-status{white-space:nowrap}\n"] }]
+        args: [{ selector: 'ccd-case-flag-table', standalone: false, template: "<table class=\"govuk-table\" *ngIf=\"flagData\">\n  <caption class=\"govuk-table__caption govuk-table__caption--l\" *ngIf=\"tableCaption\">{{tableCaption}}</caption>\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header col-party-name\">{{firstColumnHeader}}</th>\n      <th scope=\"col\" class=\"govuk-table__header col-comments\">{{'Comments' | rpxTranslate}}</th>\n      <th scope=\"col\" class=\"govuk-table__header col-creation-date\">{{'Creation date' | rpxTranslate}}</th>\n      <th scope=\"col\" class=\"govuk-table__header col-last-modified\">{{'Last modified' | rpxTranslate}}</th>\n      <th scope=\"col\" class=\"govuk-table__header col-flag-status\">{{'Flag status' | rpxTranslate}}</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr *ngIf=\"!flagData.flags.details || (flagData.flags.details && flagData.flags.details.length === 0)\">\n      <td colspan=\"5\">{{'None' | rpxTranslate}}</td>\n    </tr>\n  </tbody>\n  <tbody class=\"govuk-table__body\" *ngIf=\"flagData.flags.details && flagData.flags.details.length > 0\">\n    <tr scope=\"row\" class=\"govuk-table__row\" *ngFor=\"let flagDetail of flagData.flags.details\">\n      <td class=\"govuk-table__cell\">\n        <div *ngIf=\"isActivePvpFlag(flagDetail)\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" aria-hidden=\"true\" 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\"></path>\n          </svg>\n          <span class=\"govuk-!-font-weight-bold\">{{pvpDisplayText}}</span>\n        </div>\n        <div *ngIf=\"!isActivePvpFlag(flagDetail)\">{{flagDetail | flagFieldDisplay:'name'}}</div>\n        <div>{{flagDetail | flagFieldDisplay:'otherDescription'}}</div>\n        <div>{{flagDetail | flagFieldDisplay:'subTypeValue'}}</div>\n      </td>\n      <td class=\"govuk-table__cell\">\n        <div [ngClass]=\"{'govuk-!-font-weight-bold': isActivePvpFlag(flagDetail)}\">\n          {{flagDetail | flagFieldDisplay:'flagComment'}}\n        </div>\n        <div *ngIf=\"!caseFlagsExternalUser &&\n          (flagDetail.status === caseFlagStatus.NOT_APPROVED || flagDetail.status === caseFlagStatus.INACTIVE) &&\n          flagDetail.flagUpdateComment\">\n          <span class=\"govuk-!-font-weight-bold\">Update Reason: {{flagDetail.flagUpdateComment}}</span>\n        </div>\n      </td>\n      <td class=\"govuk-table__cell\">{{flagDetail.dateTimeCreated | date: 'dd LLL yyyy'}}</td>\n      <td class=\"govuk-table__cell\">{{flagDetail.dateTimeModified | date: 'dd LLL yyyy'}}</td>\n      <td class=\"govuk-table__cell cell-flag-status\">\n        <strong *ngIf=\"flagDetail.status === caseFlagStatus.ACTIVE\" class=\"govuk-tag govuk-tag--turquoise\">{{'Active' | rpxTranslate}}</strong>\n        <strong *ngIf=\"flagDetail.status === caseFlagStatus.INACTIVE\" class=\"govuk-tag govuk-tag--grey\">{{'Inactive' | rpxTranslate}}</strong>\n        <strong *ngIf=\"flagDetail.status === caseFlagStatus.REQUESTED\" class=\"govuk-tag govuk-tag--yellow\">{{'Requested' | rpxTranslate}}</strong>\n        <strong *ngIf=\"flagDetail.status === caseFlagStatus.NOT_APPROVED\" class=\"govuk-tag govuk-tag--red\">{{'Not approved' | rpxTranslate}}</strong>\n      </td>\n    </tr>\n  </tbody>\n</table>\n", styles: [".govuk-table .govuk-table__caption{margin-top:10px}.govuk-table .govuk-table__head .govuk-table__row .col-party-name{width:24%}.govuk-table .govuk-table__head .govuk-table__row .col-comments{width:42%}.govuk-table .govuk-table__head .govuk-table__row .col-creation-date,.govuk-table .govuk-table__head .govuk-table__row .col-last-modified{width:12%}.govuk-table .govuk-table__head .govuk-table__row .col-flag-status{width:10%}.govuk-table .govuk-table__body .govuk-table__row .cell-flag-status{white-space:nowrap}\n"] }]
     }], null, { tableCaption: [{
             type: Input
         }], flagData: [{
@@ -26552,7 +26693,7 @@ class CaseFlagTableComponent {
         }], caseFlagsExternalUser: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseFlagTableComponent, { className: "CaseFlagTableComponent", filePath: "lib/shared/components/palette/case-flag/components/case-flag-table/case-flag-table.component.ts", lineNumber: 11 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseFlagTableComponent, { className: "CaseFlagTableComponent", filePath: "lib/shared/components/palette/case-flag/components/case-flag-table/case-flag-table.component.ts", lineNumber: 12 }); })();
 
 const _c0$s = a0 => ({ "form-group-error": a0 });
 function ManageCaseFlagsComponent_div_7_Template(rf, ctx) { if (rf & 1) {
@@ -31991,7 +32132,7 @@ i0.ɵɵsetComponentScope(
 CaseFileViewFieldComponent, function () { return [i5.NgForOf, i5.NgIf, i14.MediaViewerComponent, CaseFileViewFolderComponent]; }, []);
 i0.ɵɵsetComponentScope(
 // Components for case flags
-CaseFlagTableComponent, function () { return [i5.NgForOf, i5.NgIf]; }, function () { return [i5.DatePipe, i1.RpxTranslatePipe, FlagFieldDisplayPipe]; });
+CaseFlagTableComponent, function () { return [i5.NgClass, i5.NgForOf, i5.NgIf]; }, function () { return [i5.DatePipe, i1.RpxTranslatePipe, FlagFieldDisplayPipe]; });
 i0.ɵɵsetComponentScope(SelectFlagTypeComponent, function () { return [i5.NgClass, i5.NgForOf, i5.NgIf, i4.DefaultValueAccessor, i4.CheckboxControlValueAccessor, i4.RadioControlValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName]; }, function () { return [i1.RpxTranslatePipe, FlagFieldDisplayPipe]; });
 i0.ɵɵsetComponentScope(SearchLanguageInterpreterComponent, function () { return [i5.NgClass, i5.NgForOf, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, i15.MatLegacyInput, i6.MatLegacyAutocomplete, i6.MatLegacyAutocompleteTrigger, i7.MatLegacyOption]; }, function () { return [i5.AsyncPipe, i1.RpxTranslatePipe, FlagFieldDisplayPipe,
     LanguageInterpreterDisplayPipe]; });
@@ -36168,6 +36309,7 @@ class CaseFullAccessViewComponent {
     activeCaseFlags = false;
     caseFlagsExternalUser = false;
     caseFlagsReadExternalMode = '#ARGUMENT(READ,EXTERNAL)';
+    potentiallyViolentPersonFlagPrefix = `${PVP_DISPLAY_TEXT}.`;
     subs = [];
     eventId;
     isEventButtonClicked = false;
@@ -36472,9 +36614,7 @@ class CaseFullAccessViewComponent {
     }
     hasActiveCaseFlags() {
         // Determine which tab contains the FlagLauncher CaseField type, from the CaseView object in the snapshot data
-        const caseFlagsTab = this.caseDetails?.tabs
-            ? (this.caseDetails.tabs).filter((tab) => tab.fields && tab.fields.some((caseField) => FieldsUtils.isFlagLauncherCaseField(caseField)))[0]
-            : null;
+        const caseFlagsTab = this.caseDetails?.tabs?.find((tab) => tab.fields?.some((caseField) => FieldsUtils.isFlagLauncherCaseField(caseField))) ?? null;
         if (caseFlagsTab) {
             // Check whether the FlagLauncher CaseField is in external mode or not; the notification banner should not be
             // displayed for external users
@@ -36489,8 +36629,12 @@ class CaseFullAccessViewComponent {
                 return FieldsUtils.countActiveFlagsInCaseField(active, caseFlag);
             }, 0);
             if (activeCaseFlags > 0) {
-                const description = activeCaseFlags > 1
+                const hasActivePotentiallyViolentPersonFlag = this.hasActivePotentiallyViolentPersonFlag(caseFlagsTab.fields);
+                const baseDescription = activeCaseFlags > 1
                     ? `There are ${activeCaseFlags} active flags on this case.` : 'There is 1 active flag on this case.';
+                const description = hasActivePotentiallyViolentPersonFlag
+                    ? `${this.potentiallyViolentPersonFlagPrefix} ${baseDescription}`
+                    : baseDescription;
                 // Initialise and display notification banner
                 this.notificationBannerConfig = {
                     bannerType: NotificationBannerType.INFORMATION,
@@ -36507,6 +36651,9 @@ class CaseFullAccessViewComponent {
         }
         return false;
     }
+    hasActivePotentiallyViolentPersonFlag(caseFields) {
+        return hasActivePvpFlagInCaseFields(caseFields);
+    }
     /**
      * Indicates that a CaseField is to be displayed without a label, as is expected for all ComponentLauncher-type
      * fields.
@@ -36528,7 +36675,10 @@ class CaseFullAccessViewComponent {
         }
     }
     sortTabFieldsAndFilterTabs(tabs) {
-        return tabs?.map((tab) => Object.assign({}, tab, { fields: this.orderService.sort(tab.fields) }))
+        return tabs?.map((tab) => ({
+            ...tab,
+            fields: this.orderService.sort(tab.fields)
+        }))
             .filter((tab) => ShowCondition.getInstance(tab.show_condition).matchByContextFields(this.caseFields));
     }
     getTabFields() {
@@ -36618,7 +36768,7 @@ class CaseFullAccessViewComponent {
             type: ViewChild,
             args: ['tabGroup', { static: false }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseFullAccessViewComponent, { className: "CaseFullAccessViewComponent", filePath: "lib/shared/components/case-viewer/case-full-access-view/case-full-access-view.component.ts", lineNumber: 47 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseFullAccessViewComponent, { className: "CaseFullAccessViewComponent", filePath: "lib/shared/components/case-viewer/case-full-access-view/case-full-access-view.component.ts", lineNumber: 48 }); })();
 
 class PrintUrlPipe {
     appConfig;