@hmcts/ccd-case-ui-toolkit 7.3.38-exui-4185 → 7.3.38-exui-4090

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

@@ -13357,6 +13357,54 @@ 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 prioritisePvpFlags(flagDetails = []) {
+    const activePvpFlags = [];
+    const remainingFlags = [];
+    flagDetails.forEach((flagDetail) => {
+        if (isActivePvpFlag(flagDetail)) {
+            activePvpFlags.push(flagDetail);
+        }
+        else {
+            remainingFlags.push(flagDetail);
+        }
+    });
+    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 ReadCaseFlagFieldComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
@@ -13523,6 +13571,8 @@ class ReadCaseFlagFieldComponent extends AbstractFieldReadComponent {
                 this.partyLevelCaseFlagData.filter((f) => !f.flags.groupId).forEach((f) => uniquePartyData.push(f));
                 this.partyLevelCaseFlagData = uniquePartyData;
             }
+            // Prioritise PVP flags (PF0021) for display, keeping existing non-PVP ordering stable.
+            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);
         }
@@ -13625,7 +13675,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();
@@ -26351,8 +26401,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", 23);
+    i0.ɵɵelement(2, "path", 24);
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(3, "div");
+    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", 25);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -26360,8 +26435,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", 26);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -26369,8 +26444,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", 27);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -26378,8 +26453,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", 28);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -26387,8 +26462,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", 29);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -26397,52 +26472,52 @@ 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");
+    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", 18);
+    i0.ɵɵtemplate(22, CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_22_Template, 3, 3, "strong", 19)(23, CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_23_Template, 3, 3, "strong", 20)(24, CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_24_Template, 3, 3, "strong", 21)(25, CaseFlagTableComponent_table_0_tbody_20_tr_1_strong_25_Template, 3, 3, "strong", 22);
     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, 12, 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.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(10, 17, flagDetail_r2, "subTypeValue"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(9, 15, flagDetail_r2, "subTypeValue"));
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(14, 20, flagDetail_r2, "flagComment"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(13, 18, 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, 21, 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, 24, flagDetail_r2.dateTimeModified, "dd LLL yyyy"));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", flagDetail_r2.status === ctx_r0.caseFlagStatus.ACTIVE);
     i0.ɵɵadvance();
@@ -26454,7 +26529,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, 27, "tr", 15);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -26512,11 +26587,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"], [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);
@@ -26524,7 +26606,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          <div>{{pvpDisplayText}}</div>\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>{{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"] }]
     }], null, { tableCaption: [{
             type: Input
         }], flagData: [{
@@ -26534,7 +26616,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) {