@hmcts/ccd-case-ui-toolkit 7.4.12 → 7.4.13-exui-2855-rc1

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Input, Injectable, DOCUMENT, Inject, NgModule, EventEmitter, Optional, Output, ViewEncapsulation, forwardRef, Pipe, ContentChildren, ViewChildren, InjectionToken, ChangeDetectorRef, Directive, ViewChild, ChangeDetectionStrategy, SecurityContext, Injector, ViewContainerRef, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { Component, Input, Injectable, DOCUMENT, Inject, NgModule, EventEmitter, Optional, Output, ViewEncapsulation, forwardRef, Pipe, ContentChildren, ViewChildren, InjectionToken, ChangeDetectorRef, Directive, ViewChild, ChangeDetectionStrategy, SecurityContext, Injector, ViewContainerRef, CUSTOM_ELEMENTS_SCHEMA, HostListener } from '@angular/core';
 import * as i5 from '@angular/common';
 import { CommonModule, AsyncPipe, CurrencyPipe, formatDate } from '@angular/common';
 import * as i1 from 'rpx-xui-translation';
@@ -63,8 +63,8 @@ import * as i10 from '@angular/material/legacy-tabs';
 import { MatLegacyTabsModule } from '@angular/material/legacy-tabs';
 import { compressToUTF16, decompressFromUTF16 } from 'lz-string';
 
-const _c0$1a = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
-const _c1$w = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
+const _c0$1c = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
+const _c1$x = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
 function FooterComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3)(1, "div", 4);
     i0.ɵɵprojection(2);
@@ -140,8 +140,8 @@ class FooterComponent {
     phone;
     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$w, 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$1a);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FooterComponent, selectors: [["cut-footer-bar"]], inputs: { email: "email", isSolicitor: "isSolicitor", phone: "phone", workhours: "workhours" }, standalone: false, ngContentSelectors: _c1$x, 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$1c);
             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()();
@@ -782,8 +782,8 @@ class ProfileService {
         type: Injectable
     }], () => [{ type: HttpService }, { type: AbstractAppConfig }], null); })();
 
-const _c0$19 = [[["", "headerNavigation", ""]]];
-const _c1$v = ["[headerNavigation]"];
+const _c0$1b = [[["", "headerNavigation", ""]]];
+const _c1$w = ["[headerNavigation]"];
 function HeaderBarComponent_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div")(1, "a", 12);
     i0.ɵɵelement(2, "img", 13);
@@ -832,8 +832,8 @@ class HeaderBarComponent {
         this.signOutRequest.emit();
     }
     static ɵfac = function HeaderBarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HeaderBarComponent)(i0.ɵɵdirectiveInject(ProfileService, 8), i0.ɵɵdirectiveInject(ProfileNotifier, 8)); };
-    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$v, 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$19);
+    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$w, 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$1b);
             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();
@@ -887,13 +887,13 @@ class HeaderBarComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HeaderBarComponent, { className: "HeaderBarComponent", filePath: "lib/components/header/header-bar/header-bar.component.ts", lineNumber: 11 }); })();
 
-const _c0$18 = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
-const _c1$u = ["[leftNavLinks]", "[rightNavLinks]"];
+const _c0$1a = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
+const _c1$v = ["[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$u, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$18);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["cut-nav-bar"]], inputs: { isSolicitor: "isSolicitor" }, standalone: false, ngContentSelectors: _c1$v, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$1a);
             i0.ɵɵelementStart(0, "div")(1, "nav", 0);
             i0.ɵɵprojection(2);
             i0.ɵɵprojection(3, 1);
@@ -1011,12 +1011,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$17 = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
-const _c1$t = ["[topBody]", "[leftBody]", "[rightBody]"];
+const _c0$19 = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
+const _c1$u = ["[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$t, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$17);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BodyComponent, selectors: [["cut-body"]], standalone: false, ngContentSelectors: _c1$u, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$19);
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵprojection(1);
             i0.ɵɵprojection(2, 1);
@@ -1030,7 +1030,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$16 = a0 => ({ "govuk-input--error": a0 });
+const _c0$18 = 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);
@@ -1047,7 +1047,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$16, ctx_r6.isInvalid));
+    i0.ɵɵproperty("id", ctx_r6.hourId())("name", ctx_r6.hourId())("value", ctx_r6.displayHour)("ngClass", i0.ɵɵpureFunction1(9, _c0$18, ctx_r6.isInvalid));
     i0.ɵɵattribute("aria-labelledby", "hour-label-" + ctx_r6.hourId());
 } }
 function DateInputComponent_div_20_Template(rf, ctx) { if (rf & 1) {
@@ -1066,7 +1066,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$16, ctx_r6.isInvalid));
+    i0.ɵɵproperty("id", ctx_r6.minuteId())("name", ctx_r6.minuteId())("value", ctx_r6.displayMinute)("ngClass", i0.ɵɵpureFunction1(9, _c0$18, ctx_r6.isInvalid));
     i0.ɵɵattribute("aria-labelledby", "minute-label-" + ctx_r6.minuteId());
 } }
 function DateInputComponent_div_21_Template(rf, ctx) { if (rf & 1) {
@@ -1085,7 +1085,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$16, ctx_r6.isInvalid));
+    i0.ɵɵproperty("id", ctx_r6.secondId())("name", ctx_r6.secondId())("value", ctx_r6.displaySecond)("ngClass", i0.ɵɵpureFunction1(9, _c0$18, ctx_r6.isInvalid));
     i0.ɵɵattribute("aria-labelledby", "second-label-" + ctx_r6.secondId());
 } }
 class DateInputComponent {
@@ -1321,21 +1321,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$16, ctx.isInvalid));
+            i0.ɵɵproperty("id", ctx.dayId())("name", ctx.dayId())("value", ctx.displayDay)("ngClass", i0.ɵɵpureFunction1(30, _c0$18, 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$16, ctx.isInvalid));
+            i0.ɵɵproperty("id", ctx.monthId())("name", ctx.monthId())("value", ctx.displayMonth)("ngClass", i0.ɵɵpureFunction1(32, _c0$18, 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$16, ctx.isInvalid));
+            i0.ɵɵproperty("id", ctx.yearId())("name", ctx.yearId())("value", ctx.displayYear)("ngClass", i0.ɵɵpureFunction1(34, _c0$18, ctx.isInvalid));
             i0.ɵɵattribute("aria-labelledby", "year-label-" + ctx.yearId());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.isDateTime);
@@ -1372,7 +1372,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$15 = ["*"];
+const _c0$17 = ["*"];
 function AlertComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵnamespaceSVG();
@@ -1422,7 +1422,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$15, 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$17, 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);
@@ -1636,20 +1636,20 @@ 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$14 = ["*"];
-const _c1$s = a0 => ({ "js-hidden": a0 });
+const _c0$16 = ["*"];
+const _c1$t = 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$14, 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$16, 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);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("id", ctx.id)("ngClass", i0.ɵɵpureFunction1(3, _c1$s, !ctx.selected));
+            i0.ɵɵproperty("id", ctx.id)("ngClass", i0.ɵɵpureFunction1(3, _c1$t, !ctx.selected));
             i0.ɵɵattribute("aria-hidden", !ctx.selected);
         } }, dependencies: [i5.NgClass], styles: [".govuk-js-link[_ngcontent-%COMP%]{appearance:none;background:none;border:none;color:#005ea5;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0;text-decoration:underline}.govuk-js-link[_ngcontent-%COMP%]:hover{color:#2b8cc4;text-decoration-thickness:max(3px,.1875rem,.12em)}.govuk-js-link[_ngcontent-%COMP%]:focus{background-color:#ffbf47;color:#000;outline:3px solid transparent;text-decoration:none;box-shadow:0 -2px #ffbf47,0 4px #000}.govuk-js-link[_ngcontent-%COMP%]:visited{color:#4c2c92}.tabs-toggle[_ngcontent-%COMP%]{display:block;padding:10px 15px 3px;margin-bottom:8px}.tabs-toggle[aria-selected=true][_ngcontent-%COMP%]{color:#0b0c0c;text-decoration:none;border-bottom:none}.tabs-toggle[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:#005ea5}@media(max-width:640px){.tabs-list[_ngcontent-%COMP%]{border-bottom:1px solid #bfc1c3;margin-left:-15px;margin-right:-15px}.tabs-toggle[_ngcontent-%COMP%]{border-top:1px solid #bfc1c3}.tabs-toggle[_ngcontent-%COMP%]:focus{color:#0b0c0c;outline:none}}@media(min-width:641px){.tabs-panel[_ngcontent-%COMP%]{border-top:1px solid #bfc1c3;clear:both;overflow:hidden}.tabs-list[_ngcontent-%COMP%]{float:left}.tabs-list-item[_ngcontent-%COMP%]{float:left;position:relative;bottom:-1px;padding-top:10px}.tabs-toggle[_ngcontent-%COMP%]{background-color:#dee0e2;border:1px solid transparent;float:left;margin:0 6px 0 0;text-decoration:none}.tabs-toggle[_ngcontent-%COMP%]:visited{color:#005ea5}.tabs-toggle-selected[_ngcontent-%COMP%], .tabs-toggle[aria-selected=true][_ngcontent-%COMP%]{background-color:#fff;border-bottom:0px;border-color:#bfc1c3;padding-bottom:11px;margin-bottom:0;color:#0b0c0c}}"] });
 }
@@ -1665,8 +1665,8 @@ class TabComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TabComponent, { className: "TabComponent", filePath: "lib/components/tabs/tab.component.ts", lineNumber: 11 }); })();
 
-const _c0$13 = ["tab"];
-const _c1$r = ["*"];
+const _c0$15 = ["tab"];
+const _c1$s = ["*"];
 const _c2$5 = () => ["."];
 const _c3$1 = a0 => ({ "tabs-toggle-selected": a0 });
 function TabsComponent_li_2_Template(rf, ctx) { if (rf & 1) {
@@ -1712,11 +1712,11 @@ class TabsComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.panels = _t);
         } }, viewQuery: function TabsComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$13, 5);
+            i0.ɵɵviewQuery(_c0$15, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabs = _t);
-        } }, standalone: false, ngContentSelectors: _c1$r, decls: 5, vars: 1, consts: [["tab", ""], [1, "tabs"], ["role", "list", 1, "tabs-list"], ["class", "tabs-list-item", 4, "ngFor", "ngForOf"], [1, "tabs-content"], [1, "tabs-list-item"], ["role", "tab", "tabindex", "0", 1, "tabs-toggle", 3, "click", "routerLink", "fragment", "ngClass"]], template: function TabsComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: false, ngContentSelectors: _c1$s, decls: 5, vars: 1, consts: [["tab", ""], [1, "tabs"], ["role", "list", 1, "tabs-list"], ["class", "tabs-list-item", 4, "ngFor", "ngForOf"], [1, "tabs-content"], [1, "tabs-list-item"], ["role", "tab", "tabindex", "0", 1, "tabs-toggle", 3, "click", "routerLink", "fragment", "ngClass"]], template: function TabsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 1)(1, "ul", 2);
             i0.ɵɵtemplate(2, TabsComponent_li_2_Template, 5, 11, "li", 3);
@@ -1771,7 +1771,7 @@ class TabsModule {
         RouterModule, i1.RpxTranslationModule], exports: [TabsComponent,
         TabComponent] }); })();
 
-const _c0$12 = (a0, a1) => ({ caseLocked: a0, someoneViewing: a1 });
+const _c0$14 = (a0, a1) => ({ caseLocked: a0, someoneViewing: a1 });
 class ActivityBannerComponent {
     bannerType;
     description;
@@ -1790,7 +1790,7 @@ class ActivityBannerComponent {
             i0.ɵɵpipe(6, "rpxTranslate");
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(10, _c0$12, ctx.bannerType === "editor", ctx.bannerType === "viewer"));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(10, _c0$14, 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);
@@ -9391,34 +9391,69 @@ class RetryUtil {
         type: Injectable
     }], null, null); })();
 
+const MEDIA_VIEWER_HANDOFF_RETRY_INTERVAL_MS = 100;
+const MEDIA_VIEWER_HANDOFF_MAX_ATTEMPTS = 100;
 class WindowService {
     locationAssign(url) {
         window.location.assign(url);
     }
-    setLocalStorage(key, value) {
-        window.localStorage.setItem(key, value);
-    }
-    getLocalStorage(key) {
-        return window.localStorage.getItem(key);
-    }
-    clearLocalStorage() {
-        window.localStorage.clear();
-    }
-    removeLocalStorage(key) {
-        window.localStorage.removeItem(key);
-    }
     setSessionStorage(key, value) {
         window.sessionStorage.setItem(key, value);
     }
     getSessionStorage(key) {
         return window.sessionStorage.getItem(key);
     }
+    removeSessionStorage(key) {
+        window.sessionStorage.removeItem(key);
+    }
+    clearSessionStorage() {
+        window.sessionStorage.clear();
+    }
     openOnNewTab(url) {
         const openedWindow = window.open(url, '_blank', 'noopener,noreferrer');
         if (openedWindow) {
             openedWindow.opener = null;
         }
     }
+    openOnNewTabWithMessage(url, message, token) {
+        const openedWindow = window.open(url, '_blank');
+        if (!openedWindow) {
+            return;
+        }
+        const targetOrigin = window.location.origin;
+        const handoff = { type: 'MEDIA_VIEWER_HANDOFF', token, payload: message };
+        let attempts = 0;
+        let retryTimer;
+        let acknowledged = false;
+        const complete = () => {
+            acknowledged = true;
+            window.clearTimeout(retryTimer);
+            window.removeEventListener('message', acknowledgementListener);
+            if (!openedWindow.closed) {
+                openedWindow.opener = null;
+            }
+        };
+        const acknowledgementListener = (event) => {
+            const data = event.data;
+            if (event.origin === targetOrigin && event.source === openedWindow &&
+                data?.type === 'MEDIA_VIEWER_HANDOFF_RECEIVED' && data.token === token) {
+                complete();
+            }
+        };
+        window.addEventListener('message', acknowledgementListener);
+        const send = () => {
+            if (acknowledged || openedWindow.closed || attempts++ >= MEDIA_VIEWER_HANDOFF_MAX_ATTEMPTS) {
+                window.removeEventListener('message', acknowledgementListener);
+                if (!openedWindow.closed) {
+                    openedWindow.opener = null;
+                }
+                return;
+            }
+            openedWindow.postMessage(handoff, targetOrigin);
+            retryTimer = window.setTimeout(send, MEDIA_VIEWER_HANDOFF_RETRY_INTERVAL_MS);
+        };
+        send();
+    }
     confirm(message) {
         return window.confirm(message);
     }
@@ -13633,7 +13668,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$11 = (a0, a1, a2) => ["/", "cases", "case-details", a0, a1, a2, "tasks"];
+const _c0$13 = (a0, a1, a2) => ["/", "cases", "case-details", a0, a1, a2, "tasks"];
 class CaseEventCompletionTaskCancelledComponent {
     context;
     notifyEventCompletionCancelled = new EventEmitter();
@@ -13702,7 +13737,7 @@ class CaseEventCompletionTaskCancelledComponent {
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(27, 21, "Continue"), " ");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction3(25, _c0$11, ctx.jurisdiction, ctx.caseType, ctx.caseId));
+            i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction3(25, _c0$13, ctx.jurisdiction, ctx.caseType, ctx.caseId));
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(30, 23, "Cancel"), " ");
         } }, dependencies: [i1$2.RouterLink, i1.RpxTranslatePipe], encapsulation: 2 });
@@ -13717,7 +13752,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$10 = (a0, a1, a2) => ["/", "cases", "case-details", a0, a1, a2, "tasks"];
+const _c0$12 = (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);
@@ -13770,7 +13805,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$10, ctx_r1.jurisdiction, ctx_r1.caseType, ctx_r1.caseId));
+    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction3(26, _c0$12, ctx_r1.jurisdiction, ctx_r1.caseType, ctx_r1.caseId));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(30, 24, "Cancel"), " ");
 } }
@@ -14173,8 +14208,8 @@ 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$$ = ["writeComplexFieldComponent"];
-const _c1$q = a0 => ({ "form-group-error": a0 });
+const _c0$11 = ["writeComplexFieldComponent"];
+const _c1$r = a0 => ({ "form-group-error": a0 });
 const _c2$4 = a0 => ({ "govuk-input--error": a0 });
 function WriteAddressFieldComponent_div_1_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 9);
@@ -14211,7 +14246,7 @@ function WriteAddressFieldComponent_div_1_div_5_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("id", ctx_r0.createElementId("postcodeLookup"))("ngClass", i0.ɵɵpureFunction1(14, _c1$q, ctx_r0.missingPostcode));
+    i0.ɵɵproperty("id", ctx_r0.createElementId("postcodeLookup"))("ngClass", i0.ɵɵpureFunction1(14, _c1$r, ctx_r0.missingPostcode));
     i0.ɵɵadvance();
     i0.ɵɵproperty("for", ctx_r0.createElementId("postcodeInput"));
     i0.ɵɵadvance(2);
@@ -14279,7 +14314,7 @@ function WriteAddressFieldComponent_div_1_div_6_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c1$q, ctx_r0.noAddressSelected));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c1$r, ctx_r0.noAddressSelected));
     i0.ɵɵadvance();
     i0.ɵɵproperty("for", ctx_r0.createElementId("addressList"));
     i0.ɵɵadvance(2);
@@ -14452,7 +14487,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$$, 5);
+            i0.ɵɵviewQuery(_c0$11, 5);
             i0.ɵɵviewQuery(FocusElementDirective, 5);
         } if (rf & 2) {
             let _t;
@@ -14515,7 +14550,7 @@ class AbstractFieldReadComponent extends AbstractFormFieldComponent {
             type: Input
         }] }); })();
 
-const _c0$_ = ["journeyChild"];
+const _c0$10 = ["journeyChild"];
 class AbstractFieldWriteJourneyComponent extends AbstractFieldWriteComponent {
     multipageComponentStateService;
     journeyStartPageNumber = 0;
@@ -14590,7 +14625,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$_, 5);
+            i0.ɵɵviewQuery(_c0$10, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.childJourney = _t.first);
@@ -14605,7 +14640,7 @@ class AbstractFieldWriteJourneyComponent extends AbstractFieldWriteComponent {
             args: ['journeyChild']
         }] }); })();
 
-const _c0$Z = ["journeyChild"];
+const _c0$$ = ["journeyChild"];
 class AbstractJourneyComponent {
     multipageComponentStateService;
     journeyStartPageNumber = 0;
@@ -14667,7 +14702,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$Z, 5);
+            i0.ɵɵviewQuery(_c0$$, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.childJourney = _t.first);
@@ -16152,8 +16187,8 @@ 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$Y = ["writeComplexFieldComponent"];
-const _c1$p = a0 => ({ "form-group-error": a0 });
+const _c0$_ = ["writeComplexFieldComponent"];
+const _c1$q = a0 => ({ "form-group-error": a0 });
 function WriteCaseLinkFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 6);
     i0.ɵɵtext(1);
@@ -16233,7 +16268,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$Y, 5);
+            i0.ɵɵviewQuery(_c0$_, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.writeComplexFieldComponent = _t.first);
@@ -16245,7 +16280,7 @@ class WriteCaseLinkFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵelement(5, "input", 5);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1$p, !ctx.caseReferenceControl.valid && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.touched)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1$q, !ctx.caseReferenceControl.valid && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.touched)));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -16267,8 +16302,8 @@ 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$X = (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$o = (a0, a1, a2, a3, a4, a5) => ({ id: a0, label: a1, field_type: a2, value: a3, hidden: a4, parent: a5 });
+const _c0$Z = (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$p = (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");
     i0.ɵɵelement(2, "th", 4);
@@ -16278,7 +16313,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$X, 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$Z, 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");
@@ -16289,7 +16324,7 @@ function ReadCollectionFieldComponent_table_0_tbody_3_tr_1_Template(rf, ctx) { i
     const i_r3 = ctx.index;
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("caseField", i0.ɵɵpureFunction6(5, _c1$o, i_r3 + "", ctx_r0.caseField.label + " " + (i_r3 + 1), ctx_r0.caseField.field_type.collection_field_type, item_r2.value, ctx_r0.caseField.hidden, ctx_r0.caseField))("context", ctx_r0.context)("caseFields", ctx_r0.caseFields)("topLevelFormGroup", ctx_r0.topLevelFormGroup)("idPrefix", ctx_r0.buildIdPrefix(i_r3));
+    i0.ɵɵproperty("caseField", i0.ɵɵpureFunction6(5, _c1$p, i_r3 + "", ctx_r0.caseField.label + " " + (i_r3 + 1), ctx_r0.caseField.field_type.collection_field_type, item_r2.value, ctx_r0.caseField.hidden, ctx_r0.caseField))("context", ctx_r0.context)("caseFields", ctx_r0.caseFields)("topLevelFormGroup", ctx_r0.topLevelFormGroup)("idPrefix", ctx_r0.buildIdPrefix(i_r3));
 } }
 function ReadCollectionFieldComponent_table_0_tbody_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tbody");
@@ -16400,7 +16435,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$W = ["collectionItem"];
+const _c0$Y = ["collectionItem"];
 function WriteCollectionFieldComponent_h2_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "h2", 7);
     i0.ɵɵtext(1);
@@ -16821,7 +16856,7 @@ class WriteCollectionFieldComponent extends AbstractFieldWriteComponent {
     }
     static ɵfac = function WriteCollectionFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WriteCollectionFieldComponent)(i0.ɵɵdirectiveInject(i1$3.MatLegacyDialog), 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$W, 5);
+            i0.ɵɵviewQuery(_c0$Y, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.items = _t);
@@ -16996,7 +17031,6 @@ function ReadDocumentFieldComponent_button_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.caseField.value.document_filename, "\n");
 } }
-const MEDIA_VIEWER_INFO = 'media-viewer-info';
 class ReadDocumentFieldComponent extends AbstractFieldReadComponent {
     windowService;
     documentManagement;
@@ -17041,10 +17075,8 @@ class ReadDocumentFieldComponent extends AbstractFieldReadComponent {
             return;
         }
         const token = FieldsUtils.createToken();
-        const storageKey = `${MEDIA_VIEWER_INFO}:${token}`;
         const payload = this.documentManagement.getMediaViewerInfo(documentFieldValue);
-        this.windowService.setLocalStorage(storageKey, payload);
-        this.windowService.openOnNewTab(this.getMediaViewerUrl(token));
+        this.windowService.openOnNewTabWithMessage(this.getMediaViewerUrl(token), payload, token);
     }
     getMediaViewerUrl(token) {
         const routerMediaViewer = this.router.createUrlTree(['/media-viewer'], { queryParams: { mvToken: token } });
@@ -17066,7 +17098,7 @@ class ReadDocumentFieldComponent extends AbstractFieldReadComponent {
         type: Component,
         args: [{ selector: 'ccd-read-document-field', standalone: false, template: "<button type=\"button\" *ngIf=\"caseField.value\" class=\"govuk-js-link\"\n   (click)=\"showMediaViewer()\">\n  {{ caseField.value.document_filename }}\n</button>\n" }]
     }], () => [{ type: WindowService }, { type: DocumentManagementService }, { type: i1$2.Router }, { type: i1$2.ActivatedRoute }, { type: CasesService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadDocumentFieldComponent, { className: "ReadDocumentFieldComponent", filePath: "lib/shared/components/palette/document/read-document-field.component.ts", lineNumber: 17 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadDocumentFieldComponent, { className: "ReadDocumentFieldComponent", filePath: "lib/shared/components/palette/document/read-document-field.component.ts", lineNumber: 15 }); })();
 
 class DocumentDialogComponent {
     matDialogRef;
@@ -17140,8 +17172,8 @@ class FileUploadStateService {
         type: Injectable
     }], null, null); })();
 
-const _c0$V = ["fileInput"];
-const _c1$n = a0 => ({ "form-group-error bottom-30": a0 });
+const _c0$X = ["fileInput"];
+const _c1$o = a0 => ({ "form-group-error bottom-30": a0 });
 function WriteDocumentFieldComponent_span_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 12);
     i0.ɵɵelement(1, "markdown", 13);
@@ -17519,7 +17551,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$V, 5);
+            i0.ɵɵviewQuery(_c0$X, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fileInput = _t.first);
@@ -17550,7 +17582,7 @@ class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵpipe(19, "rpxTranslate");
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(22, _c1$n, !ctx.valid));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(22, _c1$o, !ctx.valid));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -17634,7 +17666,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$U = a0 => ({ "form-group-error": a0 });
+const _c0$W = a0 => ({ "form-group-error": a0 });
 function WriteDynamicListFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 8);
     i0.ɵɵtext(1);
@@ -17722,7 +17754,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$U, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(13, _c0$W, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -17903,7 +17935,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$T = a0 => ({ "error": a0 });
+const _c0$V = a0 => ({ "error": a0 });
 function WriteDynamicMultiSelectListFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 5);
     i0.ɵɵtext(1);
@@ -18023,7 +18055,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$T, !ctx.checkboxes.valid && ctx.checkboxes.touched))("id", ctx.id());
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$V, !ctx.checkboxes.valid && ctx.checkboxes.touched))("id", ctx.id());
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.caseField.label);
             i0.ɵɵadvance();
@@ -18103,8 +18135,8 @@ 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$S = a0 => ({ "form-group-error": a0 });
-const _c1$m = a0 => ({ selected: a0 });
+const _c0$U = a0 => ({ "form-group-error": a0 });
+const _c1$n = a0 => ({ selected: a0 });
 function WriteDynamicRadioListFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 7);
     i0.ɵɵtext(1);
@@ -18154,7 +18186,7 @@ function WriteDynamicRadioListFieldComponent_div_9_Template(rf, ctx) { if (rf &
 } if (rf & 2) {
     const radioButton_r2 = ctx.$implicit;
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c1$m, ctx_r0.dynamicRadioListControl.value === radioButton_r2.code));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c1$n, ctx_r0.dynamicRadioListControl.value === radioButton_r2.code));
     i0.ɵɵadvance();
     i0.ɵɵproperty("id", ctx_r0.createElementId(radioButton_r2.code))("name", ctx_r0.id())("formControl", ctx_r0.dynamicRadioListControl)("value", radioButton_r2.code);
     i0.ɵɵadvance();
@@ -18198,7 +18230,7 @@ class WriteDynamicRadioListFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵelementContainerEnd();
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$S, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$U, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -18252,8 +18284,8 @@ 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$R = a0 => ({ "form-group-error": a0 });
-const _c1$l = a0 => ({ "govuk-input--error": a0 });
+const _c0$T = a0 => ({ "form-group-error": a0 });
+const _c1$m = a0 => ({ "govuk-input--error": a0 });
 function WriteEmailFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 6);
     i0.ɵɵtext(1);
@@ -18298,7 +18330,7 @@ class WriteEmailFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵelement(5, "input", 5);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$R, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$T, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -18308,7 +18340,7 @@ class WriteEmailFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched));
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$l, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$m, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
         } }, dependencies: [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.FormControlDirective, FieldLabelPipe, FirstErrorPipe, i1.RpxTranslatePipe], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteEmailFieldComponent, [{
@@ -18340,7 +18372,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$Q = a0 => ({ "form-group-error": a0 });
+const _c0$S = a0 => ({ "form-group-error": a0 });
 function WriteFixedListFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 8);
     i0.ɵɵtext(1);
@@ -18415,7 +18447,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$Q, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$S, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -18478,8 +18510,8 @@ 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$P = a0 => ({ "form-group-error": a0 });
-const _c1$k = a0 => ({ selected: a0 });
+const _c0$R = a0 => ({ "form-group-error": a0 });
+const _c1$l = a0 => ({ selected: a0 });
 function WriteFixedRadioListFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 6);
     i0.ɵɵtext(1);
@@ -18520,7 +18552,7 @@ function WriteFixedRadioListFieldComponent_div_8_Template(rf, ctx) { if (rf & 1)
 } if (rf & 2) {
     const radioButton_r2 = ctx.$implicit;
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c1$k, ctx_r0.fixedRadioListControl.value === radioButton_r2.code));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c1$l, ctx_r0.fixedRadioListControl.value === radioButton_r2.code));
     i0.ɵɵadvance();
     i0.ɵɵproperty("id", ctx_r0.id() + "-" + radioButton_r2.code)("name", ctx_r0.id())("formControl", ctx_r0.fixedRadioListControl)("value", radioButton_r2.code);
     i0.ɵɵadvance();
@@ -18546,7 +18578,7 @@ class WriteFixedRadioListFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵelementContainerEnd();
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$P, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$R, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -18622,8 +18654,8 @@ 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$O = a0 => ({ "form-group-error": a0 });
-const _c1$j = a0 => ({ "hide-autocomplete": a0 });
+const _c0$Q = a0 => ({ "form-group-error": a0 });
+const _c1$k = a0 => ({ "hide-autocomplete": a0 });
 function WriteJudicialUserFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 10);
     i0.ɵɵtext(1);
@@ -18662,7 +18694,7 @@ function WriteJudicialUserFieldComponent_mat_option_8_Template(rf, ctx) { if (rf
 } if (rf & 2) {
     const judicialUser_r4 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$j, !ctx_r1.showAutocomplete))("value", judicialUser_r4);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$k, !ctx_r1.showAutocomplete))("value", judicialUser_r4);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate2(" ", (judicialUser_r4 == null ? null : judicialUser_r4.fullName) ? judicialUser_r4.fullName : "", "", (judicialUser_r4 == null ? null : judicialUser_r4.emailId) ? " (" + judicialUser_r4.emailId + ")" : "", " ");
 } }
@@ -18842,7 +18874,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$O, !!ctx.judicialUserControl && ctx.errors));
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("ngClass", i0.ɵɵpureFunction1(15, _c0$Q, !!ctx.judicialUserControl && ctx.errors));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -18921,8 +18953,8 @@ class ReadStaffUserFieldComponent extends AbstractFieldReadComponent {
     }], () => [{ type: CaseworkerService }, { type: JurisdictionService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadStaffUserFieldComponent, { className: "ReadStaffUserFieldComponent", filePath: "lib/shared/components/palette/staff-user/read-staff-user-field.component.ts", lineNumber: 13 }); })();
 
-const _c0$N = a0 => ({ "form-group-error": a0 });
-const _c1$i = a0 => ({ "hide-autocomplete": a0 });
+const _c0$P = a0 => ({ "form-group-error": a0 });
+const _c1$j = a0 => ({ "hide-autocomplete": a0 });
 function WriteStaffUserFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 10);
     i0.ɵɵtext(1);
@@ -18959,7 +18991,7 @@ function WriteStaffUserFieldComponent_mat_option_8_Template(rf, ctx) { if (rf &
 } if (rf & 2) {
     const staffUser_r4 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$i, !ctx_r1.showAutocomplete))("value", staffUser_r4);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$j, !ctx_r1.showAutocomplete))("value", staffUser_r4);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate2(" ", (staffUser_r4 == null ? null : staffUser_r4.displayName) ? staffUser_r4.displayName : "", "", (staffUser_r4 == null ? null : staffUser_r4.emailId) ? " (" + staffUser_r4.emailId + ")" : "", " ");
 } }
@@ -19160,7 +19192,7 @@ class WriteStaffUserFieldComponent extends WriteComplexFieldComponent {
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             const autoComplete_r5 = i0.ɵɵreference(7);
-            i0.ɵɵproperty("formGroup", ctx.formGroup)("ngClass", i0.ɵɵpureFunction1(15, _c0$N, !!ctx.staffUserControl && ctx.errors));
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("ngClass", i0.ɵɵpureFunction1(15, _c0$P, !!ctx.staffUserControl && ctx.errors));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -19625,8 +19657,8 @@ class ValidatorsUtils {
         args: [{ providedIn: 'root' }]
     }], null, null); })();
 
-const _c0$M = a0 => ({ "govuk-form-group--error": a0 });
-const _c1$h = a0 => ({ "table-group-error": a0 });
+const _c0$O = a0 => ({ "govuk-form-group--error": a0 });
+const _c1$i = 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);
     i0.ɵɵtext(2, "Error:");
@@ -19692,7 +19724,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$M, !!ctx_r1.caseReasonCommentsError));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c0$O, !!ctx_r1.caseReasonCommentsError));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", ctx_r1.caseReasonCommentsError);
 } }
@@ -19736,11 +19768,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$M, !!ctx_r1.caseNumberError));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$O, !!ctx_r1.caseNumberError));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", ctx_r1.caseNumberError);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c0$M, !!ctx_r1.caseReasonError));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c0$O, !!ctx_r1.caseReasonError));
     i0.ɵɵadvance(5);
     i0.ɵɵproperty("ngIf", ctx_r1.caseReasonError);
     i0.ɵɵadvance(2);
@@ -19802,7 +19834,7 @@ function LinkCasesComponent_tr_31_Template(rf, ctx) { if (rf & 1) {
     const case_r9 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c1$h, ctx_r1.caseSelectionError && case_r9.caseReference === ctx_r1.linkCaseForm.value.caseNumber));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c1$i, ctx_r1.caseSelectionError && case_r9.caseReference === ctx_r1.linkCaseForm.value.caseNumber));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("", case_r9.caseName, " ");
     i0.ɵɵadvance(2);
@@ -20168,7 +20200,7 @@ class LinkCasesComponent extends AbstractJourneyComponent {
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngIf", ctx.linkCaseForm);
             i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$M, !!ctx.noSelectedCaseError));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$O, !!ctx.noSelectedCaseError));
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.noSelectedCaseError);
             i0.ɵɵadvance(18);
@@ -20761,7 +20793,7 @@ class NoLinkedCasesComponent extends AbstractJourneyComponent {
     }], () => [{ type: i1$2.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$L = a0 => ({ "govuk-form-group--error": a0 });
+const _c0$N = 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:");
@@ -20799,7 +20831,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$L, ctx_r0.unlinkErrorMessage))("formGroup", ctx_r0.unlinkCaseForm);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0$N, ctx_r0.unlinkErrorMessage))("formGroup", ctx_r0.unlinkCaseForm);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r0.unlinkErrorMessage);
     i0.ɵɵadvance(2);
@@ -21736,7 +21768,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$K = a0 => ({ "form-group-error": a0 });
+const _c0$M = a0 => ({ "form-group-error": a0 });
 function WriteMoneyGbpFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 8);
     i0.ɵɵtext(1);
@@ -21785,7 +21817,7 @@ class WriteMoneyGbpFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵpipe(9, "ccdIsMandatory");
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c0$K, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c0$M, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -21851,7 +21883,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$J = a0 => ({ "error": a0 });
+const _c0$L = a0 => ({ "error": a0 });
 function WriteMultiSelectListFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 5);
     i0.ɵɵtext(1);
@@ -21952,7 +21984,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$J, !ctx.checkboxes.valid && (ctx.checkboxes.dirty || ctx.checkboxes.touched)))("id", ctx.id());
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$L, !ctx.checkboxes.valid && (ctx.checkboxes.dirty || ctx.checkboxes.touched)))("id", ctx.id());
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.caseField.label);
             i0.ɵɵadvance();
@@ -21991,8 +22023,8 @@ 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$I = a0 => ({ "form-group-error": a0 });
-const _c1$g = a0 => ({ "govuk-input--error": a0 });
+const _c0$K = a0 => ({ "form-group-error": a0 });
+const _c1$h = a0 => ({ "govuk-input--error": a0 });
 function WriteNumberFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 6);
     i0.ɵɵtext(1);
@@ -22037,7 +22069,7 @@ class WriteNumberFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵelement(5, "input", 5);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$I, !ctx.numberControl.valid && ctx.numberControl.dirty));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$K, !ctx.numberControl.valid && ctx.numberControl.dirty));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -22047,7 +22079,7 @@ class WriteNumberFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.numberControl.errors && ctx.numberControl.dirty);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$g, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$h, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
         } }, dependencies: [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.PatternValidator, i4.FormControlDirective, FieldLabelPipe, FirstErrorPipe, i1.RpxTranslatePipe], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteNumberFieldComponent, [{
@@ -22216,7 +22248,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$H = a0 => ({ "scroll-container ": a0 });
+const _c0$J = a0 => ({ "scroll-container ": a0 });
 function WriteOrganisationFieldComponent_fieldset_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "fieldset", 3);
     i0.ɵɵelement(1, "legend", 4);
@@ -22295,7 +22327,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$H, ((tmp_3_0 = i0.ɵɵpipeBind1(1, 3, ctx_r2.simpleOrganisations$)) == null ? null : tmp_3_0.length) > 10));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c0$J, ((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);
@@ -22691,8 +22723,8 @@ 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$G = a0 => ({ "form-group-error": a0 });
-const _c1$f = a0 => ({ "govuk-input--error": a0 });
+const _c0$I = a0 => ({ "form-group-error": a0 });
+const _c1$g = a0 => ({ "govuk-input--error": a0 });
 function WritePhoneUKFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 6);
     i0.ɵɵtext(1);
@@ -22737,7 +22769,7 @@ class WritePhoneUKFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵelement(5, "input", 5);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$G, !ctx.phoneUkControl.valid && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$I, !ctx.phoneUkControl.valid && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched)));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -22747,7 +22779,7 @@ class WritePhoneUKFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.phoneUkControl.errors && (ctx.phoneUkControl.dirty || ctx.phoneUkControl.touched));
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$f, ctx.phoneUkControl.errors && ctx.phoneUkControl.dirty))("id", ctx.id())("formControl", ctx.phoneUkControl);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$g, ctx.phoneUkControl.errors && ctx.phoneUkControl.dirty))("id", ctx.id())("formControl", ctx.phoneUkControl);
         } }, dependencies: [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.FormControlDirective, FieldLabelPipe, FirstErrorPipe, i1.RpxTranslatePipe], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WritePhoneUKFieldComponent, [{
@@ -25217,7 +25249,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$F = a0 => ({ "govuk-form-group--error": a0 });
+const _c0$H = 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) {
@@ -25297,7 +25329,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$F, ctx_r0.submitted && ctx_r0.formGroup.get("isHearingRelated").value === true && ctx_r0.formGroup.get("hearingDate").value === null));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$H, 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);
@@ -25364,7 +25396,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$F, ctx_r0.submitted && ctx_r0.formGroup.get("subject").hasError("required")));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(43, _c0$H, ctx_r0.submitted && ctx_r0.formGroup.get("subject").hasError("required")));
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(15, 25, "Query subject"), " ");
     i0.ɵɵadvance(3);
@@ -25372,7 +25404,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$F, ctx_r0.submitted && ctx_r0.formGroup.get("body").hasError("required")));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(45, _c0$H, ctx_r0.submitted && ctx_r0.formGroup.get("body").hasError("required")));
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(25, 29, "Query detail"), " ");
     i0.ɵɵadvance(3);
@@ -25383,7 +25415,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$F, ctx_r0.submitted && ctx_r0.formGroup.get("isHearingRelated").hasError("required")));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(47, _c0$H, 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);
@@ -26007,7 +26039,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$E = (a0, a1) => ["/query-management", "query", a0, "4", a1];
+const _c0$G = (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);
@@ -26046,7 +26078,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$E, ctx_r1.caseId, ctx_r1.query.id));
+    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction2(4, _c0$G, ctx_r1.caseId, ctx_r1.query.id));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, "Ask a follow-up question"), " ");
 } }
@@ -26060,7 +26092,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$E, ctx_r1.caseId, ctx_r1.query.id));
+    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction2(4, _c0$G, ctx_r1.caseId, ctx_r1.query.id));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, "Ask a follow-up question"), " ");
 } }
@@ -26473,8 +26505,8 @@ class ReadRichTextAreaFieldComponent extends AbstractFieldReadComponent {
     }], () => [{ type: i4$1.DomSanitizer }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadRichTextAreaFieldComponent, { className: "ReadRichTextAreaFieldComponent", filePath: "lib/shared/components/palette/rich-text-area/read-rich-text-area-field.component.ts", lineNumber: 13 }); })();
 
-const _c0$D = ["editorHost"];
-const _c1$e = a0 => ({ "form-group-error": a0 });
+const _c0$F = ["editorHost"];
+const _c1$f = a0 => ({ "form-group-error": a0 });
 const _c2$3 = a0 => ({ "ccd-rich-text-area__editor--error": a0 });
 const _c3 = a0 => ({ "ccd-rich-text-area__toolbar-button--active": a0 });
 function WriteRichTextAreaFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
@@ -29064,7 +29096,7 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵWriteRichTextAreaFieldComponent_BaseFactory; return function WriteRichTextAreaFieldComponent_Factory(__ngFactoryType__) { return (ɵWriteRichTextAreaFieldComponent_BaseFactory || (ɵWriteRichTextAreaFieldComponent_BaseFactory = i0.ɵɵgetInheritedFactory(WriteRichTextAreaFieldComponent)))(__ngFactoryType__ || WriteRichTextAreaFieldComponent); }; })();
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteRichTextAreaFieldComponent, selectors: [["ccd-write-rich-text-area-field"]], viewQuery: function WriteRichTextAreaFieldComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$D, 5);
+            i0.ɵɵviewQuery(_c0$F, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.editorHost = _t.first);
@@ -29179,7 +29211,7 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵlistener("focusIn", function WriteRichTextAreaFieldComponent_Template_ngx_editor_focusIn_64_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.syncAccessibilityLater()); })("focusOut", function WriteRichTextAreaFieldComponent_Template_ngx_editor_focusOut_64_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onEditorFocusOut()); });
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(29, _c1$e, !ctx.richTextAreaControl.valid && ctx.richTextAreaControl.dirty));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(29, _c1$f, !ctx.richTextAreaControl.valid && ctx.richTextAreaControl.dirty));
             i0.ɵɵadvance();
             i0.ɵɵproperty("id", ctx.labelId());
             i0.ɵɵadvance();
@@ -29257,8 +29289,8 @@ 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$C = a0 => ({ "form-group-error": a0 });
-const _c1$d = a0 => ({ "govuk-input--error": a0 });
+const _c0$E = a0 => ({ "form-group-error": a0 });
+const _c1$e = a0 => ({ "govuk-input--error": a0 });
 function WriteTextFieldComponent_label_1_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 7);
     i0.ɵɵtext(1);
@@ -29315,7 +29347,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$C, !!ctx.textControl && !ctx.textControl.valid && (ctx.textControl.dirty || ctx.textControl.touched)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$E, !!ctx.textControl && !ctx.textControl.valid && (ctx.textControl.dirty || ctx.textControl.touched)));
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.caseField.hidden);
             i0.ɵɵadvance();
@@ -29323,7 +29355,7 @@ class WriteTextFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched));
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$d, (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched)))("id", ctx.id())("type", ctx.caseField.hidden ? "hidden" : "text")("formControl", ctx.textControl);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$e, (ctx.textControl == null ? null : ctx.textControl.errors) && (ctx.textControl.dirty || ctx.textControl.touched)))("id", ctx.id())("type", ctx.caseField.hidden ? "hidden" : "text")("formControl", ctx.textControl);
         } }, dependencies: [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.FormControlDirective, FieldLabelPipe, FirstErrorPipe, i1.RpxTranslatePipe], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteTextFieldComponent, [{
@@ -29353,8 +29385,8 @@ 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 _c1$c = a0 => ({ "govuk-textarea--error": a0 });
+const _c0$D = 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);
     i0.ɵɵtext(1);
@@ -29412,7 +29444,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$D, !ctx.textareaControl.valid && ctx.textareaControl.dirty));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -29422,7 +29454,7 @@ class WriteTextAreaFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched));
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$c, ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched)))("id", ctx.id())("formControl", ctx.textareaControl);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$d, ctx.textareaControl.errors && (ctx.textareaControl.dirty || ctx.textareaControl.touched)))("id", ctx.id())("formControl", ctx.textareaControl);
         } }, dependencies: [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.FormControlDirective, FieldLabelPipe, FirstErrorPipe, i1.RpxTranslatePipe], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteTextAreaFieldComponent, [{
@@ -29555,8 +29587,8 @@ 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$A = a0 => ({ "form-group-error": a0 });
-const _c1$b = a0 => ({ selected: a0 });
+const _c0$C = a0 => ({ "form-group-error": a0 });
+const _c1$c = a0 => ({ selected: a0 });
 function WriteYesNoFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 7);
     i0.ɵɵtext(1);
@@ -29597,7 +29629,7 @@ function WriteYesNoFieldComponent_div_7_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const value_r2 = ctx.$implicit;
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c1$b, ctx_r0.yesNoControl.value === value_r2));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c1$c, ctx_r0.yesNoControl.value === value_r2));
     i0.ɵɵadvance();
     i0.ɵɵproperty("id", ctx_r0.createElementId(value_r2))("name", ctx_r0.id())("formControl", ctx_r0.yesNoControl)("value", value_r2);
     i0.ɵɵattribute("name", ctx_r0.id());
@@ -29627,7 +29659,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$A, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
+            i0.ɵɵproperty("id", ctx.id())("ngClass", i0.ɵɵpureFunction1(7, _c0$C, !ctx.yesNoControl.valid && (ctx.yesNoControl.dirty || ctx.yesNoControl.touched)));
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.caseField.label);
             i0.ɵɵadvance();
@@ -29748,7 +29780,7 @@ class PaletteService {
         type: Injectable
     }], null, null); })();
 
-const _c0$z = ["fieldContainer"];
+const _c0$B = ["fieldContainer"];
 const FIX_CASEFIELD_FOR$1 = ['FixedList', 'DynamicList', 'DynamicMultiSelectList'];
 class FieldReadComponent extends AbstractFieldReadComponent {
     resolver;
@@ -29797,7 +29829,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$z, 5, ViewContainerRef);
+            i0.ɵɵviewQuery(_c0$B, 5, ViewContainerRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fieldContainer = _t.first);
@@ -29826,7 +29858,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: 15 }); })();
 
-const _c0$y = ["fieldContainer"];
+const _c0$A = ["fieldContainer"];
 const FIX_CASEFIELD_FOR = ['FixedList', 'DynamicList', 'DynamicMultiSelectList'];
 class FieldWriteComponent extends AbstractFieldWriteComponent {
     resolver;
@@ -29886,7 +29918,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$y, 7, ViewContainerRef);
+            i0.ɵɵviewQuery(_c0$A, 7, ViewContainerRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fieldContainer = _t.first);
@@ -29910,7 +29942,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$x = ["*"];
+const _c0$z = ["*"];
 function FieldReadLabelComponent_dl_1_ng_container_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -29964,7 +29996,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$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) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FieldReadLabelComponent, selectors: [["ccd-field-read-label"]], inputs: { withLabel: "withLabel" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$z, 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);
@@ -29985,8 +30017,8 @@ 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$w = a0 => ({ cat: a0, level: 1 });
-const _c1$a = (a0, a1) => ({ cat: a0, level: a1 });
+const _c0$y = a0 => ({ cat: a0, level: 1 });
+const _c1$b = (a0, a1) => ({ cat: a0, level: a1 });
 function CaseFileViewFolderSelectorComponent_ng_container_6_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -29999,7 +30031,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$w, cat_r2));
+    i0.ɵɵproperty("ngTemplateOutlet", folder_r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0$y, cat_r2));
 } }
 function CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -30014,7 +30046,7 @@ function CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_Templ
     i0.ɵɵnextContext();
     const folder_r3 = i0.ɵɵreference(13);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", folder_r3)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c1$a, subcat_r6, level_r7 + 1));
+    i0.ɵɵproperty("ngTemplateOutlet", folder_r3)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c1$b, subcat_r6, level_r7 + 1));
 } }
 function CaseFileViewFolderSelectorComponent_ng_template_12_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -30137,8 +30169,8 @@ 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$v = [[["", "trigger", ""]]];
-const _c1$9 = ["[trigger]"];
+const _c0$x = [[["", "trigger", ""]]];
+const _c1$a = ["[trigger]"];
 function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "div", 6);
@@ -30208,9 +30240,9 @@ 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) {
+    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$a, 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$v);
+            i0.ɵɵprojectionDef(_c0$x);
             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"]);
@@ -30611,7 +30643,6 @@ function CaseFileViewFolderComponent_div_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("cdkTreeNodeDefWhen", ctx_r2.nestedChildren);
 } }
-const MEDIA_VIEWER_LOCALSTORAGE_KEY = 'media-viewer-info';
 class CaseFileViewFolderComponent {
     windowService;
     router;
@@ -30781,16 +30812,14 @@ class CaseFileViewFolderComponent {
                     }
                 }
                 const token = FieldsUtils.createToken();
-                const storageKey = `${MEDIA_VIEWER_LOCALSTORAGE_KEY}:${token}`;
                 const payload = this.documentManagementService.getMediaViewerInfo({
                     document_binary_url: documentTreeNode.document_binary_url,
                     document_filename: documentTreeNode.document_filename,
                     content_type: documentTreeNode.content_type
                 });
-                this.windowService.setLocalStorage(storageKey, payload);
                 const mediaViewerUrl = this.router.createUrlTree(['/media-viewer'], { queryParams: { mvToken: token } })?.toString();
                 if (mediaViewerUrl) {
-                    this.windowService.openOnNewTab(mediaViewerUrl);
+                    this.windowService.openOnNewTabWithMessage(mediaViewerUrl, payload, token);
                 }
                 break;
             case ('download'):
@@ -30905,9 +30934,9 @@ class CaseFileViewFolderComponent {
         }], moveDocument: [{
             type: Output
         }] }); })();
-(() => { (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 }); })();
+(() => { (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: 26 }); })();
 
-const _c0$u = a0 => ({ "form-group-error": a0 });
+const _c0$w = a0 => ({ "form-group-error": a0 });
 function AddCommentsComponent_span_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
@@ -31061,7 +31090,7 @@ class AddCommentsComponent extends AbstractJourneyComponent {
         } if (rf & 2) {
             i0.ɵɵproperty("formGroup", ctx.formGroup);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(19, _c0$u, ctx.errorMessages.length > 0));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(19, _c0$w, ctx.errorMessages.length > 0));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("for", ctx.flagCommentsControlName);
             i0.ɵɵadvance();
@@ -31427,7 +31456,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: 17 }); })();
 
-const _c0$t = a0 => ({ "govuk-!-font-weight-bold": a0 });
+const _c0$v = 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);
@@ -31556,7 +31585,7 @@ function CaseFlagTableComponent_table_0_tbody_20_tr_1_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(9, 16, flagDetail_r2, "subTypeValue"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(28, _c0$t, ctx_r0.isActivePvpFlag(flagDetail_r2)));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(28, _c0$v, ctx_r0.isActivePvpFlag(flagDetail_r2)));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(13, 19, flagDetail_r2, "flagComment"), " ");
     i0.ɵɵadvance(2);
@@ -31665,7 +31694,7 @@ class CaseFlagTableComponent {
         }] }); })();
 (() => { (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 });
+const _c0$u = a0 => ({ "form-group-error": a0 });
 function ManageCaseFlagsComponent_div_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8)(1, "span", 9);
     i0.ɵɵtext(2);
@@ -31983,7 +32012,7 @@ class ManageCaseFlagsComponent extends AbstractJourneyComponent {
         } if (rf & 2) {
             i0.ɵɵproperty("formGroup", ctx.formGroup);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$s, ctx.errorMessages.length > 0));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$u, ctx.errorMessages.length > 0));
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 5, ctx.manageCaseFlagTitle), " ");
             i0.ɵɵadvance(2);
@@ -32069,7 +32098,7 @@ var SearchLanguageInterpreterControlNames;
     SearchLanguageInterpreterControlNames["MANUAL_LANGUAGE_ENTRY"] = "manualLanguageEntry";
 })(SearchLanguageInterpreterControlNames || (SearchLanguageInterpreterControlNames = {}));
 
-const _c0$r = a0 => ({ "form-group-error": a0 });
+const _c0$t = a0 => ({ "form-group-error": a0 });
 function SearchLanguageInterpreterComponent_div_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 18)(1, "span", 19);
     i0.ɵɵtext(2);
@@ -32161,7 +32190,7 @@ function SearchLanguageInterpreterComponent_div_24_Template(rf, ctx) { if (rf &
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$r, ctx_r1.languageNotEnteredErrorMessage || ctx_r1.languageCharLimitErrorMessage));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$t, ctx_r1.languageNotEnteredErrorMessage || ctx_r1.languageCharLimitErrorMessage));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 6, ctx_r1.searchLanguageInterpreterStep.INPUT_LABEL));
     i0.ɵɵadvance(2);
@@ -32335,7 +32364,7 @@ class SearchLanguageInterpreterComponent extends AbstractJourneyComponent {
             const autoSearchLanguage_r4 = i0.ɵɵreference(14);
             i0.ɵɵproperty("formGroup", ctx.formGroup);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(23, _c0$r, ctx.languageNotSelectedErrorMessage || ctx.languageEnteredInBothFieldsErrorMessage));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(23, _c0$t, ctx.languageNotSelectedErrorMessage || ctx.languageEnteredInBothFieldsErrorMessage));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("for", ctx.SearchLanguageInterpreterControlNames.LANGUAGE_SEARCH_TERM);
             i0.ɵɵadvance();
@@ -32372,7 +32401,7 @@ class SearchLanguageInterpreterComponent extends AbstractJourneyComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SearchLanguageInterpreterComponent, { className: "SearchLanguageInterpreterComponent", filePath: "lib/shared/components/palette/case-flag/components/search-language-interpreter/search-language-interpreter.component.ts", lineNumber: 21 }); })();
 
-const _c0$q = a0 => ({ "form-group-error": a0 });
+const _c0$s = a0 => ({ "form-group-error": a0 });
 function SelectFlagLocationComponent_div_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8)(1, "span", 9);
     i0.ɵɵtext(2);
@@ -32547,7 +32576,7 @@ class SelectFlagLocationComponent extends AbstractJourneyComponent {
         } if (rf & 2) {
             i0.ɵɵproperty("formGroup", ctx.formGroup);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$q, ctx.errorMessages.length > 0));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$s, ctx.errorMessages.length > 0));
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 5, ctx.flagLocationTitle), " ");
             i0.ɵɵadvance(2);
@@ -32570,8 +32599,8 @@ class SelectFlagLocationComponent extends AbstractJourneyComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SelectFlagLocationComponent, { className: "SelectFlagLocationComponent", filePath: "lib/shared/components/palette/case-flag/components/select-flag-location/select-flag-location.component.ts", lineNumber: 13 }); })();
 
-const _c0$p = a0 => ({ "form-group-error": a0 });
-const _c1$8 = a0 => ({ "govuk-input--error": a0 });
+const _c0$r = a0 => ({ "form-group-error": a0 });
+const _c1$9 = a0 => ({ "govuk-input--error": a0 });
 function SelectFlagTypeComponent_ng_container_0_ng_container_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵtext(1);
@@ -32665,13 +32694,13 @@ function SelectFlagTypeComponent_ng_container_0_div_11_Template(rf, ctx) { if (r
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c0$p, ctx_r0.flagTypeErrorMessage.length > 0));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c0$r, ctx_r0.flagTypeErrorMessage.length > 0));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", ctx_r0.isDisplayContextParameterExternal ? i0.ɵɵpipeBind1(4, 7, ctx_r0.caseFlagWizardStepTitle.OTHER_FLAG_TYPE_DESCRIPTION_EXTERNAL) : i0.ɵɵpipeBind1(5, 9, ctx_r0.caseFlagWizardStepTitle.OTHER_FLAG_TYPE_DESCRIPTION), " ");
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", ctx_r0.flagTypeErrorMessage.length > 0);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(13, _c1$8, ctx_r0.flagTypeErrorMessage.length > 0))("name", ctx_r0.caseFlagFormField.OTHER_FLAG_DESCRIPTION)("formControlName", ctx_r0.caseFlagFormField.OTHER_FLAG_DESCRIPTION);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(13, _c1$9, ctx_r0.flagTypeErrorMessage.length > 0))("name", ctx_r0.caseFlagFormField.OTHER_FLAG_DESCRIPTION)("formControlName", ctx_r0.caseFlagFormField.OTHER_FLAG_DESCRIPTION);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", !ctx_r0.isDisplayContextParameterExternal && !ctx_r0.isCaseLevelFlag && ctx_r0.isDisplayContextParameter2Point1Enabled);
 } }
@@ -32690,7 +32719,7 @@ function SelectFlagTypeComponent_ng_container_0_Template(rf, ctx) { if (rf & 1)
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("formGroup", ctx_r0.formGroup);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$p, ctx_r0.flagTypeNotSelectedErrorMessage.length > 0));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$r, ctx_r0.flagTypeNotSelectedErrorMessage.length > 0));
     i0.ɵɵadvance(4);
     i0.ɵɵproperty("ngIf", !ctx_r0.cachedFlagType || ctx_r0.subJourneyIndex == 0)("ngIfElse", priorFlagTypeSelected_r4);
     i0.ɵɵadvance(3);
@@ -33017,8 +33046,8 @@ class SelectFlagTypeComponent extends AbstractJourneyComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SelectFlagTypeComponent, { className: "SelectFlagTypeComponent", filePath: "lib/shared/components/palette/case-flag/components/select-flag-type/select-flag-type.component.ts", lineNumber: 20 }); })();
 
-const _c0$o = a0 => ({ "form-group-error": a0 });
-const _c1$7 = a0 => ({ "govuk-tag--grey": a0 });
+const _c0$q = a0 => ({ "form-group-error": a0 });
+const _c1$8 = a0 => ({ "govuk-tag--grey": a0 });
 function UpdateFlagComponent_div_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 15);
     i0.ɵɵtext(1);
@@ -33278,7 +33307,7 @@ function UpdateFlagComponent_div_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(4, 4, "Flag status:"), " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c1$7, ctx_r0.selectedFlag.flagDetailDisplay.flagDetail.status === "Inactive"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c1$8, ctx_r0.selectedFlag.flagDetailDisplay.flagDetail.status === "Inactive"));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(8, 6, ctx_r0.selectedFlag == null ? null : ctx_r0.selectedFlag.flagDetailDisplay == null ? null : ctx_r0.selectedFlag.flagDetailDisplay.flagDetail == null ? null : ctx_r0.selectedFlag.flagDetailDisplay.flagDetail.status), " ");
     i0.ɵɵadvance(3);
@@ -33503,7 +33532,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
             const externalUser_r5 = i0.ɵɵreference(17);
             i0.ɵɵproperty("formGroup", ctx.formGroup);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(20, _c0$o, ctx.errorMessages.length > 0));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(20, _c0$q, ctx.errorMessages.length > 0));
             i0.ɵɵadvance(3);
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 12, ctx.updateFlagTitle), " ");
             i0.ɵɵadvance(2);
@@ -33536,7 +33565,7 @@ class UpdateFlagComponent extends AbstractJourneyComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UpdateFlagComponent, { className: "UpdateFlagComponent", filePath: "lib/shared/components/palette/case-flag/components/update-flag/update-flag.component.ts", lineNumber: 23 }); })();
 
-const _c0$n = a0 => ({ "form-group-error": a0 });
+const _c0$p = a0 => ({ "form-group-error": a0 });
 function UpdateFlagAddTranslationFormComponent_div_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 17)(1, "span", 18);
     i0.ɵɵtext(2);
@@ -33744,7 +33773,7 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
         } if (rf & 2) {
             i0.ɵɵproperty("formGroup", ctx.formGroup);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(52, _c0$n, ctx.errorMessages.length > 0));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(52, _c0$p, ctx.errorMessages.length > 0));
             i0.ɵɵadvance(3);
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 32, ctx.updateFlagAddTranslationTitle), " ");
             i0.ɵɵadvance(3);
@@ -33801,7 +33830,7 @@ class UpdateFlagAddTranslationFormComponent extends AbstractJourneyComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UpdateFlagAddTranslationFormComponent, { className: "UpdateFlagAddTranslationFormComponent", filePath: "lib/shared/components/palette/case-flag/components/update-flag/update-flag-add-translation-form/update-flag-add-translation-form.component.ts", lineNumber: 19 }); })();
 
-const _c0$m = a0 => ({ "form-group-error": a0 });
+const _c0$o = a0 => ({ "form-group-error": a0 });
 function ConfirmFlagStatusComponent_div_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 13);
     i0.ɵɵelement(1, "input", 14);
@@ -33935,7 +33964,7 @@ class ConfirmFlagStatusComponent extends AbstractJourneyComponent {
         } if (rf & 2) {
             i0.ɵɵproperty("formGroup", ctx.formGroup);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(17, _c0$m, ctx.errorMessages.length > 0));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(17, _c0$o, ctx.errorMessages.length > 0));
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 11, ctx.confirmFlagStatusTitle), " ");
             i0.ɵɵadvance(3);
@@ -34219,7 +34248,7 @@ class UpdateFlagTitleDisplayPipe extends AsyncPipe {
             }]
     }], () => [{ type: i1.RpxTranslationService }, { type: i0.ChangeDetectorRef }], null); })();
 
-const _c0$l = (a0, a1, a2) => [a0, false, undefined, true, a1, a2];
+const _c0$n = (a0, a1, a2) => [a0, false, undefined, true, a1, a2];
 function ReadComplexFieldRawComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0)(1, 2);
     i0.ɵɵelementStart(2, "dt", 3)(3, "span", 4);
@@ -34258,7 +34287,7 @@ class ReadComplexFieldRawComponent extends AbstractFieldReadComponent {
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBindV(2, 1, i0.ɵɵpureFunction3(8, _c0$l, ctx.caseField, ctx.topLevelFormGroup, ctx.id())));
+            i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBindV(2, 1, i0.ɵɵpureFunction3(8, _c0$n, ctx.caseField, ctx.topLevelFormGroup, ctx.id())));
         } }, styles: ["dl.complex-raw[_ngcontent-%COMP%]{list-style-type:none;margin:5px 0 10px}dl.complex-raw[_ngcontent-%COMP%]   dl.complex-raw[_ngcontent-%COMP%]{padding-left:2ch}dl.complex-raw[_ngcontent-%COMP%]   dt[_ngcontent-%COMP%]{font-weight:700}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadComplexFieldRawComponent, [{
@@ -34269,7 +34298,7 @@ class ReadComplexFieldRawComponent extends AbstractFieldReadComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadComplexFieldRawComponent, { className: "ReadComplexFieldRawComponent", filePath: "lib/shared/components/palette/complex/read-complex-field-raw.component.ts", lineNumber: 17 }); })();
 
-const _c0$k = (a0, a1, a2, a3) => [a0, false, undefined, true, a1, a2, a3];
+const _c0$m = (a0, a1, a2, a3) => [a0, false, undefined, true, a1, a2, a3];
 function ReadComplexFieldTableComponent_ng_container_9_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "tr", 8)(2, "td", 9)(3, "span", 3);
@@ -34363,7 +34392,7 @@ class ReadComplexFieldTableComponent extends AbstractFieldReadComponent {
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 2, ctx.caseField.label));
             i0.ɵɵadvance(5);
-            i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBindV(10, 4, i0.ɵɵpureFunction4(12, _c0$k, ctx.caseField, ctx.topLevelFormGroup, ctx.path, ctx.idPrefix)));
+            i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBindV(10, 4, i0.ɵɵpureFunction4(12, _c0$m, ctx.caseField, ctx.topLevelFormGroup, ctx.path, ctx.idPrefix)));
         } }, styles: [".govuk-js-link[_ngcontent-%COMP%]{appearance:none;background:none;border:none;color:#005ea5;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0;text-decoration:underline}.govuk-js-link[_ngcontent-%COMP%]:hover{color:#2b8cc4;text-decoration-thickness:max(3px,.1875rem,.12em)}.govuk-js-link[_ngcontent-%COMP%]:focus{background-color:#ffbf47;color:#000;outline:3px solid transparent;text-decoration:none;box-shadow:0 -2px #ffbf47,0 4px #000}.govuk-js-link[_ngcontent-%COMP%]:visited{color:#4c2c92}.complex-panel[_ngcontent-%COMP%]{margin:13px 0;border:1px solid #bfc1c3}.complex-panel[_ngcontent-%COMP%]   .complex-panel-title[_ngcontent-%COMP%]{background-color:#dee0e2;padding:5px 5px 2px;border-bottom:1px solid #bfc1c3;display:block;color:#0b0c0c;font-family:nta,Arial,sans-serif;font-weight:700;text-transform:none;font-size:16px;line-height:1.25}@media(min-width:641px){.complex-panel[_ngcontent-%COMP%]   .complex-panel-title[_ngcontent-%COMP%]{font-size:19px;line-height:1.3157894737}}@media print{.complex-panel[_ngcontent-%COMP%]   .complex-panel-title[_ngcontent-%COMP%]{font-size:14pt}}.complex-panel[_ngcontent-%COMP%]   .complex-panel-table[_ngcontent-%COMP%] > tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%] > th[_ngcontent-%COMP%]{vertical-align:top}.complex-panel[_ngcontent-%COMP%]   .complex-panel-table[_ngcontent-%COMP%] > tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]:last-child > th[_ngcontent-%COMP%], .complex-panel[_ngcontent-%COMP%]   .complex-panel-table[_ngcontent-%COMP%] > tbody[_ngcontent-%COMP%] > tr[_ngcontent-%COMP%]:last-child > td[_ngcontent-%COMP%]{border-bottom:none}.complex-panel[_ngcontent-%COMP%]   .complex-panel-simple-field[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{padding-left:5px;width:295px}.complex-panel[_ngcontent-%COMP%]   .complex-panel-compound-field[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:5px}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadComplexFieldTableComponent, [{
@@ -34751,7 +34780,7 @@ class ReadComplexFieldCollectionTableComponent extends AbstractFieldReadComponen
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReadComplexFieldCollectionTableComponent, { className: "ReadComplexFieldCollectionTableComponent", filePath: "lib/shared/components/palette/complex/read-complex-field-collection-table.component.ts", lineNumber: 13 }); })();
 
-const _c0$j = a0 => ({ "form-group-error": a0 });
+const _c0$l = a0 => ({ "form-group-error": a0 });
 function WriteDateFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 5);
     i0.ɵɵtext(1);
@@ -34803,7 +34832,7 @@ class WriteDateFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵpipe(7, "ccdIsMandatory");
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("id", ctx.id())("ngClass", i0.ɵɵpureFunction1(12, _c0$j, ctx.dateControl && !ctx.dateControl.valid && (ctx.dateControl.dirty || ctx.dateControl.touched)));
+            i0.ɵɵproperty("id", ctx.id())("ngClass", i0.ɵɵpureFunction1(12, _c0$l, ctx.dateControl && !ctx.dateControl.valid && (ctx.dateControl.dirty || ctx.dateControl.touched)));
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.caseField.label);
             i0.ɵɵadvance();
@@ -34832,8 +34861,8 @@ const CUSTOM_MOMENT_FORMATS = {
     },
 };
 
-const _c0$i = ["picker"];
-const _c1$6 = ["input"];
+const _c0$k = ["picker"];
+const _c1$7 = ["input"];
 const _c2$2 = a0 => ({ "form-group-error": a0 });
 function DatetimePickerComponent_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 11);
@@ -35050,8 +35079,8 @@ class DatetimePickerComponent extends AbstractFormFieldComponent {
     }
     static ɵfac = function DatetimePickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DatetimePickerComponent)(i0.ɵɵdirectiveInject(FormatTranslatorService), i0.ɵɵdirectiveInject(NGX_MAT_DATE_FORMATS)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DatetimePickerComponent, selectors: [["ccd-datetime-picker"]], viewQuery: function DatetimePickerComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$i, 5);
-            i0.ɵɵviewQuery(_c1$6, 5);
+            i0.ɵɵviewQuery(_c0$k, 5);
+            i0.ɵɵviewQuery(_c1$7, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.datetimePicker = _t.first);
@@ -35239,8 +35268,8 @@ class EventLogDetailsComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EventLogDetailsComponent, { className: "EventLogDetailsComponent", filePath: "lib/shared/components/palette/history/event-log/event-log-details.component.ts", lineNumber: 10 }); })();
 
-const _c0$h = a0 => ({ "EventLogTable-Selected": a0 });
-const _c1$5 = a0 => ["./", "event", a0, "history"];
+const _c0$j = a0 => ({ "EventLogTable-Selected": a0 });
+const _c1$6 = a0 => ["./", "event", a0, "history"];
 function EventLogTableComponent_tr_20_div_3_a_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "a", 17);
@@ -35287,7 +35316,7 @@ function EventLogTableComponent_tr_20_div_4_a_1_Template(rf, ctx) { if (rf & 1)
 } if (rf & 2) {
     const event_r2 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction1(6, _c1$5, event_r2.id))("target", "_blank");
+    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction1(6, _c1$6, event_r2.id))("target", "_blank");
     i0.ɵɵattribute("aria-label", ctx_r2.getAriaLabelforLink(event_r2, ctx_r2.isUserExternal));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 4, event_r2.event_name));
@@ -35369,7 +35398,7 @@ function EventLogTableComponent_tr_20_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const event_r2 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(25, _c0$h, ctx_r2.selected === event_r2));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(25, _c0$j, ctx_r2.selected === event_r2));
     i0.ɵɵattribute("aria-label", ctx_r2.getAriaLabelforRow(event_r2));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngSwitch", ctx_r2.isPartOfCaseTimeline);
@@ -35566,11 +35595,11 @@ class EventLogComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EventLogComponent, { className: "EventLogComponent", filePath: "lib/shared/components/palette/history/event-log/event-log.component.ts", lineNumber: 10 }); })();
 
-const _c0$g = ["*"];
+const _c0$i = ["*"];
 class RouterLinkComponent {
     link;
     static ɵfac = function RouterLinkComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RouterLinkComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RouterLinkComponent, selectors: [["exui-routerlink"]], standalone: false, ngContentSelectors: _c0$g, decls: 2, vars: 1, consts: [[3, "routerLink"]], template: function RouterLinkComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RouterLinkComponent, selectors: [["exui-routerlink"]], standalone: false, ngContentSelectors: _c0$i, decls: 2, vars: 1, consts: [[3, "routerLink"]], template: function RouterLinkComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "a", 0);
             i0.ɵɵprojection(1);
@@ -36162,7 +36191,7 @@ class OrderSummary {
     PaymentTotal;
 }
 
-const _c0$f = ["ccdReadOrderSummaryRow", ""];
+const _c0$h = ["ccdReadOrderSummaryRow", ""];
 class ReadOrderSummaryRowComponent extends AbstractFieldReadComponent {
     feeValue;
     ngOnInit() {
@@ -36175,7 +36204,7 @@ class ReadOrderSummaryRowComponent extends AbstractFieldReadComponent {
         return this.feeValue.value ? this.feeValue.value.FeeAmount : '';
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵReadOrderSummaryRowComponent_BaseFactory; return function ReadOrderSummaryRowComponent_Factory(__ngFactoryType__) { return (ɵReadOrderSummaryRowComponent_BaseFactory || (ɵReadOrderSummaryRowComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ReadOrderSummaryRowComponent)))(__ngFactoryType__ || ReadOrderSummaryRowComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReadOrderSummaryRowComponent, selectors: [["", "ccdReadOrderSummaryRow", ""]], inputs: { feeValue: "feeValue" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$f, decls: 7, vars: 5, consts: [[3, "amount"]], template: function ReadOrderSummaryRowComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReadOrderSummaryRowComponent, selectors: [["", "ccdReadOrderSummaryRow", ""]], inputs: { feeValue: "feeValue" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$h, decls: 7, vars: 5, consts: [[3, "amount"]], template: function ReadOrderSummaryRowComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "td");
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
@@ -37271,8 +37300,8 @@ var CaseEditSubmitTitles;
     CaseEditSubmitTitles["CHECK_YOUR_ANSWERS"] = "Check your answers";
 })(CaseEditSubmitTitles || (CaseEditSubmitTitles = {}));
 
-const _c0$e = (a0, a1) => [a0, false, undefined, true, a1];
-const _c1$4 = a0 => ({ "form-group-error": a0 });
+const _c0$g = (a0, a1) => [a0, false, undefined, true, a1];
+const _c1$5 = a0 => ({ "form-group-error": a0 });
 const _c2$1 = a0 => ({ "govuk-input--error": a0 });
 function CaseEditSubmitComponent_div_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div");
@@ -37394,7 +37423,7 @@ function CaseEditSubmitComponent_div_12_ng_container_1_ng_container_7_ng_contain
     const page_r5 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(4, 10, i0.ɵɵpipeBindV(3, 4, i0.ɵɵpureFunction2(12, _c0$e, i0.ɵɵpipeBind2(2, 1, page_r5, ctx_r1.editForm), ctx_r1.allFieldsValues))));
+    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(4, 10, i0.ɵɵpipeBindV(3, 4, i0.ɵɵpureFunction2(12, _c0$g, i0.ɵɵpipeBind2(2, 1, page_r5, ctx_r1.editForm), ctx_r1.allFieldsValues))));
 } }
 function CaseEditSubmitComponent_div_12_ng_container_1_ng_container_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -37522,13 +37551,13 @@ function CaseEditSubmitComponent_div_12_ng_container_3_Template(rf, ctx) { if (r
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c1$4, !!ctx_r1.summary && !ctx_r1.summary.valid && (ctx_r1.summary.dirty || ctx_r1.summary.touched)));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c1$5, !!ctx_r1.summary && !ctx_r1.summary.valid && (ctx_r1.summary.dirty || ctx_r1.summary.touched)));
     i0.ɵɵadvance(5);
     i0.ɵɵproperty("ngIf", (ctx_r1.summary == null ? null : ctx_r1.summary.errors) && (ctx_r1.summary.dirty || ctx_r1.summary.touched));
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c2$1, (ctx_r1.summary == null ? null : ctx_r1.summary.errors) && (ctx_r1.summary.dirty || ctx_r1.summary.touched)));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$4, !!ctx_r1.description && !ctx_r1.description.valid && (ctx_r1.description.dirty || ctx_r1.description.touched)));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$5, !!ctx_r1.description && !ctx_r1.description.valid && (ctx_r1.description.dirty || ctx_r1.description.touched)));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", (ctx_r1.description == null ? null : ctx_r1.description.errors) && (ctx_r1.description.dirty || ctx_r1.description.touched));
     i0.ɵɵadvance();
@@ -38657,7 +38686,7 @@ class PaginationComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaginationComponent, { className: "PaginationComponent", filePath: "lib/shared/components/pagination/pagination.component.ts", lineNumber: 13 }); })();
 
-const _c0$d = (a0, a1, a2) => ({ itemsPerPage: a0, currentPage: a1, totalItems: a2 });
+const _c0$f = (a0, a1, a2) => ({ itemsPerPage: a0, currentPage: a1, totalItems: a2 });
 function CaseListComponent_td_6_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td", 8)(1, "div", 9)(2, "input", 10);
@@ -38964,7 +38993,7 @@ class CaseListComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngForOf", ctx.tableConfig.columnConfigs);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind2(10, 9, ctx.cases, i0.ɵɵpureFunction3(12, _c0$d, ctx.pageSize, ctx.currentPageNo, ctx.totalResultsCount)));
+            i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind2(10, 9, ctx.cases, i0.ɵɵpureFunction3(12, _c0$f, ctx.pageSize, ctx.currentPageNo, ctx.totalResultsCount)));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.totalResultsCount > ctx.pageSize);
         } }, dependencies: [i5.NgForOf, i5.NgIf, i5.NgSwitch, i5.NgSwitchCase, i5.NgSwitchDefault, i1$2.RouterLink, PaginationComponent, i5.CurrencyPipe, i2$1.PaginatePipe, i1.RpxTranslatePipe], encapsulation: 2 });
@@ -39082,8 +39111,237 @@ class CaseListModule {
         NgxPaginationModule,
         PaginationModule, i1.RpxTranslationModule], exports: [CaseListComponent] }); })();
 
+const _c0$e = ["trigger"];
+const _c1$4 = ["optionsPanel"];
+function CaseStateMultiSelectComponent_div_16_div_7_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 12)(1, "input", 13);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵlistener("change", function CaseStateMultiSelectComponent_div_16_div_7_Template_input_change_1_listener($event) { const state_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.selectState(state_r3, $event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "label", 14);
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "rpxTranslate");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const state_r3 = ctx.$implicit;
+    const ctx_r3 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("id", ctx_r3.controlId + "-" + state_r3.id)("name", ctx_r3.controlId + "-" + state_r3.id)("checked", ctx_r3.isSelected(state_r3));
+    i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(2, 6, state_r3.name));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("for", ctx_r3.controlId + "-" + state_r3.id);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 8, state_r3.name), " ");
+} }
+function CaseStateMultiSelectComponent_div_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9, 1)(2, "fieldset")(3, "legend", 4);
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "rpxTranslate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 10);
+    i0.ɵɵtemplate(7, CaseStateMultiSelectComponent_div_16_div_7_Template, 6, 10, "div", 11);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("id", ctx_r3.optionsId);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 3, "State options"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngForOf", ctx_r3.states);
+} }
+class CaseStateMultiSelectComponent {
+    elementRef;
+    states = [];
+    selectedStates = [];
+    disabled = false;
+    selectedStatesChange = new EventEmitter();
+    trigger;
+    optionsPanel;
+    isOpen = false;
+    controlId = 'wb-case-state';
+    optionsId = 'wb-case-state-options';
+    pointerDownInside = false;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    togglePanel(event) {
+        event?.stopPropagation();
+        if (this.disabled) {
+            return;
+        }
+        this.isOpen = !this.isOpen;
+    }
+    closePanel(returnFocus = false) {
+        if (!this.isOpen) {
+            return;
+        }
+        this.isOpen = false;
+        if (returnFocus) {
+            this.trigger?.nativeElement.focus();
+        }
+    }
+    isSelected(state) {
+        return (this.selectedStates || []).some(selectedState => selectedState.id === state.id);
+    }
+    selectState(state, event) {
+        event.stopPropagation();
+        const input = event.target;
+        const selectedStates = (this.selectedStates || []).filter(selectedState => selectedState.id !== state.id);
+        if (input.checked) {
+            selectedStates.push(state);
+        }
+        this.selectedStatesChange.emit(selectedStates);
+    }
+    selectAll(event) {
+        event.stopPropagation();
+        this.selectedStatesChange.emit([...this.states]);
+    }
+    unselectAll(event) {
+        event.stopPropagation();
+        this.selectedStatesChange.emit([]);
+    }
+    get isSelectAllDisabled() {
+        return this.disabled || this.states.every(state => this.isSelected(state));
+    }
+    get isUnselectAllDisabled() {
+        return this.disabled || this.states.length === 0 || (this.selectedStates || []).length === 0;
+    }
+    get selectedLabel() {
+        const selectedCount = (this.selectedStates || []).length;
+        if (selectedCount === 0) {
+            return 'Any';
+        }
+        if (selectedCount === 1) {
+            return this.selectedStates[0].name;
+        }
+        return `${selectedCount} selected`;
+    }
+    onDocumentClick(event) {
+        if (this.isOpen && !this.isInteractiveTarget(event.target)) {
+            this.closePanel();
+        }
+    }
+    onEscape() {
+        this.closePanel(true);
+    }
+    onPointerDown(event) {
+        this.pointerDownInside = this.isOpen && this.isInteractiveTarget(event.target);
+    }
+    onDocumentPointerUp() {
+        this.pointerDownInside = false;
+    }
+    onFocusOut(event) {
+        const nextFocusedElement = event.relatedTarget;
+        if (!nextFocusedElement || !this.elementRef.nativeElement.contains(nextFocusedElement)) {
+            if (this.pointerDownInside) {
+                return;
+            }
+            this.closePanel();
+        }
+    }
+    isInteractiveTarget(target) {
+        if (!(target instanceof Node)) {
+            return false;
+        }
+        if (this.trigger?.nativeElement.contains(target) || this.optionsPanel?.nativeElement.contains(target)) {
+            return true;
+        }
+        const actionButtons = this.elementRef.nativeElement.querySelectorAll('.case-state-multi-select__actions button');
+        return Array.from(actionButtons).some(button => button.contains(target));
+    }
+    static ɵfac = function CaseStateMultiSelectComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseStateMultiSelectComponent)(i0.ɵɵdirectiveInject(i0.ElementRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseStateMultiSelectComponent, selectors: [["ccd-case-state-multi-select"]], viewQuery: function CaseStateMultiSelectComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$e, 5);
+            i0.ɵɵviewQuery(_c1$4, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.trigger = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.optionsPanel = _t.first);
+        } }, hostBindings: function CaseStateMultiSelectComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("click", function CaseStateMultiSelectComponent_click_HostBindingHandler($event) { return ctx.onDocumentClick($event); }, i0.ɵɵresolveDocument)("keydown.escape", function CaseStateMultiSelectComponent_keydown_escape_HostBindingHandler() { return ctx.onEscape(); }, i0.ɵɵresolveDocument)("pointerdown", function CaseStateMultiSelectComponent_pointerdown_HostBindingHandler($event) { return ctx.onPointerDown($event); })("pointerup", function CaseStateMultiSelectComponent_pointerup_HostBindingHandler() { return ctx.onDocumentPointerUp(); }, i0.ɵɵresolveDocument)("focusout", function CaseStateMultiSelectComponent_focusout_HostBindingHandler($event) { return ctx.onFocusOut($event); });
+        } }, inputs: { states: "states", selectedStates: "selectedStates", disabled: "disabled" }, outputs: { selectedStatesChange: "selectedStatesChange" }, standalone: false, decls: 17, vars: 19, consts: [["trigger", ""], ["optionsPanel", ""], [1, "case-state-multi-select"], [1, "case-state-multi-select__actions"], [1, "govuk-visually-hidden"], ["id", "wb-case-state-select-all", "type", "button", 1, "button", "button-secondary", 3, "click", "disabled"], ["id", "wb-case-state-unselect-all", "type", "button", 1, "button", "button-secondary", 3, "click", "disabled"], ["type", "button", "aria-haspopup", "true", 1, "form-control", "form-control-3-4", "ccd-dropdown", "case-state-multi-select__trigger", 3, "click", "id", "disabled"], ["class", "case-state-multi-select__panel", 3, "id", 4, "ngIf"], [1, "case-state-multi-select__panel", 3, "id"], [1, "govuk-checkboxes", "govuk-checkboxes--small"], ["class", "govuk-checkboxes__item", 4, "ngFor", "ngForOf"], [1, "govuk-checkboxes__item"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "change", "id", "name", "checked"], [1, "govuk-label", "govuk-checkboxes__label", 3, "for"]], template: function CaseStateMultiSelectComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 2)(1, "fieldset", 3)(2, "legend", 4);
+            i0.ɵɵtext(3);
+            i0.ɵɵpipe(4, "rpxTranslate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "button", 5);
+            i0.ɵɵlistener("click", function CaseStateMultiSelectComponent_Template_button_click_5_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.selectAll($event)); });
+            i0.ɵɵtext(6);
+            i0.ɵɵpipe(7, "rpxTranslate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "button", 6);
+            i0.ɵɵlistener("click", function CaseStateMultiSelectComponent_Template_button_click_8_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.unselectAll($event)); });
+            i0.ɵɵtext(9);
+            i0.ɵɵpipe(10, "rpxTranslate");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(11, "button", 7, 0);
+            i0.ɵɵlistener("click", function CaseStateMultiSelectComponent_Template_button_click_11_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.togglePanel($event)); });
+            i0.ɵɵelementStart(13, "span");
+            i0.ɵɵtext(14);
+            i0.ɵɵpipe(15, "rpxTranslate");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(16, CaseStateMultiSelectComponent_div_16_Template, 8, 5, "div", 8);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 11, "State selection actions"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("disabled", ctx.isSelectAllDisabled);
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 13, "Select All"), " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("disabled", ctx.isUnselectAllDisabled);
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 15, "Unselect All"), " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("id", ctx.controlId)("disabled", ctx.disabled);
+            i0.ɵɵattribute("aria-expanded", ctx.isOpen)("aria-controls", ctx.optionsId);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 17, ctx.selectedLabel));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.isOpen);
+        } }, dependencies: [i5.NgForOf, i5.NgIf, i1.RpxTranslatePipe], styles: ["[_nghost-%COMP%]{display:block;width:100%}.case-state-multi-select[_ngcontent-%COMP%]{position:relative;width:100%;margin-bottom:30px}.case-state-multi-select__actions[_ngcontent-%COMP%]{display:flex;gap:15px;margin-bottom:10px;min-width:0;padding:0;border:0}.case-state-multi-select__actions[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]{margin:0}.case-state-multi-select__trigger[_ngcontent-%COMP%]{position:relative;padding-right:35px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0}.case-state-multi-select__panel[_ngcontent-%COMP%]{position:absolute;z-index:1000;top:100%;left:0;width:100%;max-height:500px;overflow-y:auto;padding:18px 22px;border:1px solid #b1b4b6;border-radius:4px;background:#fff;box-shadow:0 2px 8px #0003;box-sizing:border-box}.case-state-multi-select__panel[_ngcontent-%COMP%]   fieldset[_ngcontent-%COMP%]{min-width:0;margin:0;padding:0;border:0}.case-state-multi-select__panel[_ngcontent-%COMP%]   .govuk-checkboxes__item[_ngcontent-%COMP%]{min-height:44px;margin-bottom:2px}.case-state-multi-select__panel[_ngcontent-%COMP%]   .govuk-label[_ngcontent-%COMP%]{font-size:18px;line-height:1.45}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseStateMultiSelectComponent, [{
+        type: Component,
+        args: [{ selector: 'ccd-case-state-multi-select', standalone: false, template: "<div class=\"case-state-multi-select\">\n  <fieldset class=\"case-state-multi-select__actions\">\n    <legend class=\"govuk-visually-hidden\">{{'State selection actions' | rpxTranslate}}</legend>\n    <button id=\"wb-case-state-select-all\"\n            type=\"button\"\n            class=\"button button-secondary\"\n            [disabled]=\"isSelectAllDisabled\"\n            (click)=\"selectAll($event)\">\n      {{'Select All' | rpxTranslate}}\n    </button>\n    <button id=\"wb-case-state-unselect-all\"\n            type=\"button\"\n            class=\"button button-secondary\"\n            [disabled]=\"isUnselectAllDisabled\"\n            (click)=\"unselectAll($event)\">\n      {{'Unselect All' | rpxTranslate}}\n    </button>\n  </fieldset>\n\n  <button #trigger\n          type=\"button\"\n          class=\"form-control form-control-3-4 ccd-dropdown case-state-multi-select__trigger\"\n          [id]=\"controlId\"\n          [disabled]=\"disabled\"\n          [attr.aria-expanded]=\"isOpen\"\n          [attr.aria-controls]=\"optionsId\"\n          aria-haspopup=\"true\"\n          (click)=\"togglePanel($event)\">\n    <span>{{selectedLabel | rpxTranslate}}</span>\n  </button>\n\n  <div #optionsPanel\n       *ngIf=\"isOpen\"\n       class=\"case-state-multi-select__panel\"\n       [id]=\"optionsId\">\n    <fieldset>\n      <legend class=\"govuk-visually-hidden\">{{'State options' | rpxTranslate}}</legend>\n      <div class=\"govuk-checkboxes govuk-checkboxes--small\">\n        <div class=\"govuk-checkboxes__item\" *ngFor=\"let state of states\">\n          <input class=\"govuk-checkboxes__input\"\n                 type=\"checkbox\"\n                 [id]=\"controlId + '-' + state.id\"\n                 [name]=\"controlId + '-' + state.id\"\n                 [checked]=\"isSelected(state)\"\n                 [attr.aria-label]=\"state.name | rpxTranslate\"\n                 (change)=\"selectState(state, $event)\">\n          <label class=\"govuk-label govuk-checkboxes__label\"\n                 [for]=\"controlId + '-' + state.id\">\n            {{state.name | rpxTranslate}}\n          </label>\n        </div>\n      </div>\n    </fieldset>\n  </div>\n</div>\n", styles: [":host{display:block;width:100%}.case-state-multi-select{position:relative;width:100%;margin-bottom:30px}.case-state-multi-select__actions{display:flex;gap:15px;margin-bottom:10px;min-width:0;padding:0;border:0}.case-state-multi-select__actions .button{margin:0}.case-state-multi-select__trigger{position:relative;padding-right:35px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0}.case-state-multi-select__panel{position:absolute;z-index:1000;top:100%;left:0;width:100%;max-height:500px;overflow-y:auto;padding:18px 22px;border:1px solid #b1b4b6;border-radius:4px;background:#fff;box-shadow:0 2px 8px #0003;box-sizing:border-box}.case-state-multi-select__panel fieldset{min-width:0;margin:0;padding:0;border:0}.case-state-multi-select__panel .govuk-checkboxes__item{min-height:44px;margin-bottom:2px}.case-state-multi-select__panel .govuk-label{font-size:18px;line-height:1.45}\n"] }]
+    }], () => [{ type: i0.ElementRef }], { states: [{
+            type: Input
+        }], selectedStates: [{
+            type: Input
+        }], disabled: [{
+            type: Input
+        }], selectedStatesChange: [{
+            type: Output
+        }], trigger: [{
+            type: ViewChild,
+            args: ['trigger']
+        }], optionsPanel: [{
+            type: ViewChild,
+            args: ['optionsPanel']
+        }], onDocumentClick: [{
+            type: HostListener,
+            args: ['document:click', ['$event']]
+        }], onEscape: [{
+            type: HostListener,
+            args: ['document:keydown.escape']
+        }], onPointerDown: [{
+            type: HostListener,
+            args: ['pointerdown', ['$event']]
+        }], onDocumentPointerUp: [{
+            type: HostListener,
+            args: ['document:pointerup']
+        }], onFocusOut: [{
+            type: HostListener,
+            args: ['focusout', ['$event']]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseStateMultiSelectComponent, { className: "CaseStateMultiSelectComponent", filePath: "lib/shared/components/workbasket-filters/case-state-multi-select/case-state-multi-select.component.ts", lineNumber: 10 }); })();
+
+const _c0$d = () => [];
 function WorkbasketFiltersComponent_option_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 14);
+    i0.ɵɵelementStart(0, "option", 16);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -39093,7 +39351,7 @@ function WorkbasketFiltersComponent_option_21_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, "Select a value"));
 } }
 function WorkbasketFiltersComponent_option_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 14);
+    i0.ɵɵelementStart(0, "option", 16);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -39104,7 +39362,7 @@ function WorkbasketFiltersComponent_option_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, j_r1.name));
 } }
 function WorkbasketFiltersComponent_option_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 14);
+    i0.ɵɵelementStart(0, "option", 16);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -39114,7 +39372,7 @@ function WorkbasketFiltersComponent_option_28_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, "Select a value"));
 } }
 function WorkbasketFiltersComponent_option_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 14);
+    i0.ɵɵelementStart(0, "option", 16);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -39124,42 +39382,31 @@ function WorkbasketFiltersComponent_option_29_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, ct_r2.name));
 } }
-function WorkbasketFiltersComponent_option_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 14);
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const cs_r3 = ctx.$implicit;
-    i0.ɵɵproperty("ngValue", cs_r3);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, cs_r3.name));
-} }
-function WorkbasketFiltersComponent_ng_container_39_div_2_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
+function WorkbasketFiltersComponent_ng_container_35_div_2_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 5)(1, "ccd-field-write", 20);
-    i0.ɵɵlistener("keyup.enter", function WorkbasketFiltersComponent_ng_container_39_div_2_Template_ccd_field_write_keyup_enter_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r4 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r4.apply(null)); });
+    i0.ɵɵlistener("keyup.enter", function WorkbasketFiltersComponent_ng_container_35_div_2_Template_ccd_field_write_keyup_enter_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.apply(null)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const workbasketInput_r6 = ctx.$implicit;
-    const ctx_r4 = i0.ɵɵnextContext(2);
+    const workbasketInput_r5 = ctx.$implicit;
+    const ctx_r3 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("caseField", workbasketInput_r6.field)("formGroup", ctx_r4.formGroup)("isExpanded", true)("isInSearchBlock", true);
+    i0.ɵɵproperty("caseField", workbasketInput_r5.field)("formGroup", ctx_r3.formGroup)("isExpanded", true)("isInSearchBlock", true);
 } }
-function WorkbasketFiltersComponent_ng_container_39_Template(rf, ctx) { if (rf & 1) {
+function WorkbasketFiltersComponent_ng_container_35_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0, 17);
     i0.ɵɵelementStart(1, "div", 18);
-    i0.ɵɵtemplate(2, WorkbasketFiltersComponent_ng_container_39_div_2_Template, 2, 4, "div", 19);
+    i0.ɵɵtemplate(2, WorkbasketFiltersComponent_ng_container_35_div_2_Template, 2, 4, "div", 19);
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r4 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("formGroup", ctx_r4.formGroup)("contextFields", ctx_r4.caseFields);
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("formGroup", ctx_r3.formGroup)("contextFields", ctx_r3.caseFields);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", ctx_r4.workbasketInputs);
+    i0.ɵɵproperty("ngForOf", ctx_r3.workbasketInputs);
 } }
-const FORM_GROUP_VAL_LOC_STORAGE = 'workbasket-filter-form-group-value';
-const SAVED_QUERY_PARAM_LOC_STORAGE = 'savedQueryParams';
+const FORM_GROUP_VAL_SES_STORAGE = 'workbasket-filter-form-group-value';
+const SAVED_QUERY_PARAM_SES_STORAGE = 'savedQueryParams';
 const REGION_LIST_AND_FRC_FILTER = 'regionList';
 class WorkbasketFiltersComponent {
     route;
@@ -39214,7 +39461,7 @@ class WorkbasketFiltersComponent {
             jurisdiction: null,
             caseType: null,
             formGroup: null,
-            caseState: undefined,
+            caseState: [],
             page: 1,
             metadataFields: []
         };
@@ -39243,8 +39490,8 @@ class WorkbasketFiltersComponent {
         if (this.selected.caseType) {
             queryParams[WorkbasketFiltersComponent.PARAM_CASE_TYPE] = this.selected.caseType.id;
         }
-        if (this.selected.caseState) {
-            queryParams[WorkbasketFiltersComponent.PARAM_CASE_STATE] = this.selected.caseState.id;
+        if (this.selected.caseState && this.selected.caseState.length > 0) {
+            queryParams[WorkbasketFiltersComponent.PARAM_CASE_STATE] = this.selected.caseState.map(state => state.id).join(',');
         }
         // without explicitly preserving alerts any message on the page
         // would be cleared out because of this initial navigation.
@@ -39253,7 +39500,8 @@ class WorkbasketFiltersComponent {
             this.alertService.setPreserveAlerts(!this.initialised);
         }
         if (Object.keys(this.formGroup.controls).length === 0) {
-            this.selected.formGroup = JSON.parse(localStorage.getItem(FORM_GROUP_VAL_LOC_STORAGE));
+            const storedFormGroup = safeJsonParse(this.windowService.getSessionStorage(FORM_GROUP_VAL_SES_STORAGE), null);
+            this.selected.formGroup = storedFormGroup && Object.keys(storedFormGroup).length > 0 ? storedFormGroup : null;
         }
         else {
             // Update form group filters
@@ -39264,14 +39512,14 @@ class WorkbasketFiltersComponent {
         this.selected.page = 1;
         this.selected.metadataFields = this.getMetadataFields();
         if (init) {
-            this.windowService.setLocalStorage(SAVED_QUERY_PARAM_LOC_STORAGE, JSON.stringify(queryParams));
+            this.windowService.setSessionStorage(SAVED_QUERY_PARAM_SES_STORAGE, JSON.stringify(queryParams));
             if (Object.keys(this.formGroup.controls).length > 0) {
                 // Find all "special case" JudicialUser FormControl keys and remove the corresponding values from the
                 // FormGroup value because these values are not intended to be stored and subsequently passed as query string
                 // parameters when calling searchCases API endpoint
                 const judicialUserControlValuesToRemove = Object.keys(this.formGroup.controls).filter((key) => key.endsWith('_judicialUserControl'));
                 judicialUserControlValuesToRemove.forEach((controlKey) => delete this.formGroup.value[controlKey]);
-                this.windowService.setLocalStorage(FORM_GROUP_VAL_LOC_STORAGE, JSON.stringify(this.formGroup.value));
+                this.windowService.setSessionStorage(FORM_GROUP_VAL_SES_STORAGE, JSON.stringify(this.formGroup.value));
             }
         }
         // Announce selected jurisdiction via JurisdictionService
@@ -39285,8 +39533,8 @@ class WorkbasketFiltersComponent {
         this.setFocusToTop();
     }
     reset() {
-        this.windowService.removeLocalStorage(FORM_GROUP_VAL_LOC_STORAGE);
-        this.windowService.removeLocalStorage(SAVED_QUERY_PARAM_LOC_STORAGE);
+        this.windowService.removeSessionStorage(FORM_GROUP_VAL_SES_STORAGE);
+        this.windowService.removeSessionStorage(SAVED_QUERY_PARAM_SES_STORAGE);
         setTimeout(() => {
             this.resetFieldsWhenNoDefaults();
             this.onReset.emit(true);
@@ -39312,7 +39560,7 @@ class WorkbasketFiltersComponent {
             else {
                 this.selected.caseType = null;
             }
-            this.selected.caseState = null;
+            this.selected.caseState = [];
             this.clearWorkbasketInputs();
             if (!this.isApplyButtonDisabled()) {
                 this.onCaseTypeIdChange(false);
@@ -39329,7 +39577,7 @@ class WorkbasketFiltersComponent {
         }
         if (this.selected.caseType) {
             this.selectedCaseTypeStates = this.sortStates(this.selected.caseType.states);
-            this.selected.caseState = null;
+            this.selected.caseState = [];
             this.formGroup = new FormGroup({});
             this.clearWorkbasketInputs();
             if (!this.isApplyButtonDisabled()) {
@@ -39337,7 +39585,7 @@ class WorkbasketFiltersComponent {
                     this.workbasketInputsReady = true;
                     this.workbasketInputs = workbasketInputs
                         .sort(this.orderService.sortAsc);
-                    const formValue = this.windowService.getLocalStorage(FORM_GROUP_VAL_LOC_STORAGE);
+                    const formValue = this.windowService.getSessionStorage(FORM_GROUP_VAL_SES_STORAGE);
                     workbasketInputs.forEach(item => {
                         if (item.field.elementPath) {
                             item.field.id = `${item.field.id}.${item.field.elementPath}`;
@@ -39377,18 +39625,18 @@ class WorkbasketFiltersComponent {
      * in future to incorporate other dynamic filters.
      */
     updateFormGroupFilters() {
-        // Read the form group local storage
-        const formGroupLS = JSON.parse(this.windowService.getLocalStorage(FORM_GROUP_VAL_LOC_STORAGE));
-        // Form group local storage is available and contains regionList property
-        if (!!formGroupLS && formGroupLS.hasOwnProperty(REGION_LIST_AND_FRC_FILTER)) {
+        // Read the form group from session storage
+        const formGroupSessionStorage = safeJsonParse(this.windowService.getSessionStorage(FORM_GROUP_VAL_SES_STORAGE), null);
+        // Form group session storage is available and contains regionList property
+        if (!!formGroupSessionStorage && formGroupSessionStorage.hasOwnProperty(REGION_LIST_AND_FRC_FILTER)) {
             if (this.formGroup.get(REGION_LIST_AND_FRC_FILTER)) {
-                // If regionList value does not match between local storage and form group
+                // If regionList value does not match between session storage and form group
                 // then the filter value has been changed and we need to clear the old filter values
-                if (formGroupLS[REGION_LIST_AND_FRC_FILTER] !== this.formGroup.get(REGION_LIST_AND_FRC_FILTER).value) {
-                    for (const key in formGroupLS) {
-                        if (formGroupLS.hasOwnProperty(key)) {
-                            const value = formGroupLS[key];
-                            // Clear the filter form group control values if it has a value in local storage
+                if (formGroupSessionStorage[REGION_LIST_AND_FRC_FILTER] !== this.formGroup.get(REGION_LIST_AND_FRC_FILTER).value) {
+                    for (const key in formGroupSessionStorage) {
+                        if (formGroupSessionStorage.hasOwnProperty(key)) {
+                            const value = formGroupSessionStorage[key];
+                            // Clear the filter form group control values if it has a value in session storage
                             // The regionList form group control value should be ignored as it always contain the latest value
                             if (key !== REGION_LIST_AND_FRC_FILTER && value !== null) {
                                 this.formGroup.get(key).setValue(null);
@@ -39406,8 +39654,8 @@ class WorkbasketFiltersComponent {
      * Try to initialise filters based on query parameters or workbasket defaults.
      * Query parameters, when available, take precedence over workbasket defaults.
      */
-    initFilters(init) {
-        const savedQueryParams = this.windowService.getLocalStorage(SAVED_QUERY_PARAM_LOC_STORAGE);
+    initFilters(init, resetCaseState = false) {
+        const savedQueryParams = this.windowService.getSessionStorage(SAVED_QUERY_PARAM_SES_STORAGE);
         const routeSnapshot = this.route.snapshot;
         if (savedQueryParams) {
             routeSnapshot.queryParams = JSON.parse(savedQueryParams);
@@ -39421,7 +39669,9 @@ class WorkbasketFiltersComponent {
                 this.selected.caseType = this.selectCaseType(this.selected, this.selectedJurisdictionCaseTypes, routeSnapshot);
                 if (this.selected.caseType) {
                     this.onCaseTypeIdChange(false);
-                    this.selected.caseState = this.selectCaseState(this.selected.caseType, routeSnapshot);
+                    this.selected.caseState = resetCaseState
+                        ? []
+                        : this.selectCaseStates(this.selected.caseType, routeSnapshot);
                 }
                 this.workbasketDefaults = true;
             }
@@ -39432,16 +39682,24 @@ class WorkbasketFiltersComponent {
         }
         this.apply(init);
     }
-    selectCaseState(caseType, routeSnapshot) {
-        let caseState;
+    selectCaseStates(caseType, routeSnapshot) {
+        let caseStates = [];
         if (caseType) {
-            const selectedCaseStateId = this.selectCaseStateIdFromQueryOrDefaults(routeSnapshot, (this.defaults && this.defaults.state_id));
-            caseState = caseType.states.find(ct => selectedCaseStateId === ct.id);
+            const selectedCaseStateIds = this.selectCaseStateIdsFromQueryOrDefaults(routeSnapshot, this.defaults?.state_id);
+            caseStates = (this.selectedCaseTypeStates || caseType.states || [])
+                .filter(state => selectedCaseStateIds.includes(state.id));
         }
-        return caseState ? caseState : null;
+        return caseStates;
     }
-    selectCaseStateIdFromQueryOrDefaults(routeSnapshot, defaultCaseStateId) {
-        return routeSnapshot.queryParams[WorkbasketFiltersComponent.PARAM_CASE_STATE] || defaultCaseStateId;
+    selectCaseStateIdsFromQueryOrDefaults(routeSnapshot, defaultCaseStateId) {
+        const queryState = routeSnapshot.queryParams[WorkbasketFiltersComponent.PARAM_CASE_STATE];
+        const stateValue = queryState || defaultCaseStateId;
+        if (!stateValue) {
+            return [];
+        }
+        return (Array.isArray(stateValue) ? stateValue : String(stateValue).split(','))
+            .map(stateId => String(stateId).trim())
+            .filter(Boolean);
     }
     selectCaseType(selected, caseTypes, routeSnapshot) {
         let caseType;
@@ -39461,18 +39719,18 @@ class WorkbasketFiltersComponent {
         this.workbasketDefaults = false;
         this.selected.jurisdiction = null;
         this.initialised = false;
-        this.initFilters(true);
+        this.initFilters(true, true);
     }
     clearWorkbasketInputs() {
         this.workbasketInputsReady = false;
         this.workbasketInputs = [];
     }
     clearStoredWorkbasketFilterValues() {
-        this.windowService.removeLocalStorage(FORM_GROUP_VAL_LOC_STORAGE);
+        this.windowService.removeSessionStorage(FORM_GROUP_VAL_SES_STORAGE);
     }
     resetCaseState() {
         this.defaults.state_id = null;
-        this.selected.caseState = null;
+        this.selected.caseState = [];
         this.selectedCaseTypeStates = null;
     }
     resetCaseType() {
@@ -39492,7 +39750,7 @@ class WorkbasketFiltersComponent {
         }
     }
     static ɵfac = function WorkbasketFiltersComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WorkbasketFiltersComponent)(i0.ɵɵdirectiveInject(i1$2.ActivatedRoute), i0.ɵɵdirectiveInject(WorkbasketInputFilterService), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(JurisdictionService), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(WindowService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WorkbasketFiltersComponent, selectors: [["ccd-workbasket-filters"]], inputs: { jurisdictions: "jurisdictions", defaults: "defaults" }, outputs: { onApply: "onApply", onReset: "onReset" }, standalone: false, decls: 45, vars: 55, consts: [["id", "filters", 1, "global-display"], [1, "form-group", "flex"], [1, "heading-h2"], ["type", "button", 1, "button", "workbasket-filters-apply", 3, "click", "disabled", "title"], ["type", "button", 1, "button", "button-secondary", 3, "click", "title"], [1, "form-group"], ["for", "wb-jurisdiction", 1, "form-label"], ["id", "wb-jurisdiction", "name", "jurisdiction", "aria-controls", "search-result", 1, "form-control", "form-control-3-4", "ccd-dropdown", 3, "ngModelChange", "change", "ngModel"], [3, "ngValue", 4, "ngIf"], [3, "ngValue", 4, "ngFor", "ngForOf"], ["for", "wb-case-type", 1, "form-label"], ["id", "wb-case-type", "name", "case-type", "aria-controls", "search-result", 1, "form-control", "form-control-3-4", "ccd-dropdown", 3, "ngModelChange", "change", "ngModel", "disabled"], ["for", "wb-case-state", 1, "form-label"], ["id", "wb-case-state", "name", "state", "aria-controls", "search-result", 1, "form-control", "form-control-3-4", "ccd-dropdown", 3, "ngModelChange", "ngModel", "disabled"], [3, "ngValue"], ["ccdConditionalShowForm", "", 3, "formGroup", "contextFields", 4, "ngIf"], ["type", "button", 1, "button", 3, "click", "title"], ["ccdConditionalShowForm", "", 3, "formGroup", "contextFields"], ["id", "dynamicFilters"], ["class", "form-group", 4, "ngFor", "ngForOf"], [3, "keyup.enter", "caseField", "formGroup", "isExpanded", "isInSearchBlock"]], template: function WorkbasketFiltersComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WorkbasketFiltersComponent, selectors: [["ccd-workbasket-filters"]], inputs: { jurisdictions: "jurisdictions", defaults: "defaults" }, outputs: { onApply: "onApply", onReset: "onReset" }, standalone: false, decls: 41, vars: 53, consts: [["id", "filters", 1, "global-display"], [1, "form-group", "flex"], [1, "heading-h2"], ["type", "button", 1, "button", "workbasket-filters-apply", 3, "click", "disabled", "title"], ["type", "button", 1, "button", "button-secondary", 3, "click", "title"], [1, "form-group"], ["for", "wb-jurisdiction", 1, "form-label"], ["id", "wb-jurisdiction", "name", "jurisdiction", "aria-controls", "search-result", 1, "form-control", "form-control-3-4", "ccd-dropdown", 3, "ngModelChange", "change", "ngModel"], [3, "ngValue", 4, "ngIf"], [3, "ngValue", 4, "ngFor", "ngForOf"], ["for", "wb-case-type", 1, "form-label"], ["id", "wb-case-type", "name", "case-type", "aria-controls", "search-result", 1, "form-control", "form-control-3-4", "ccd-dropdown", 3, "ngModelChange", "change", "ngModel", "disabled"], ["for", "wb-case-state", 1, "form-label"], [3, "selectedStatesChange", "states", "selectedStates", "disabled"], ["ccdConditionalShowForm", "", 3, "formGroup", "contextFields", 4, "ngIf"], ["type", "button", 1, "button", 3, "click", "title"], [3, "ngValue"], ["ccdConditionalShowForm", "", 3, "formGroup", "contextFields"], ["id", "dynamicFilters"], ["class", "form-group", 4, "ngFor", "ngForOf"], [3, "keyup.enter", "caseField", "formGroup", "isExpanded", "isInSearchBlock"]], template: function WorkbasketFiltersComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "form", 0)(1, "div", 1)(2, "h2", 2);
             i0.ɵɵtext(3);
             i0.ɵɵpipe(4, "rpxTranslate");
@@ -39534,37 +39792,32 @@ class WorkbasketFiltersComponent {
             i0.ɵɵtext(32);
             i0.ɵɵpipe(33, "rpxTranslate");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(34, "select", 13);
-            i0.ɵɵtwoWayListener("ngModelChange", function WorkbasketFiltersComponent_Template_select_ngModelChange_34_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.selected.caseState, $event) || (ctx.selected.caseState = $event); return $event; });
-            i0.ɵɵelementStart(35, "option", 14);
-            i0.ɵɵtext(36);
-            i0.ɵɵpipe(37, "rpxTranslate");
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(38, WorkbasketFiltersComponent_option_38_Template, 3, 4, "option", 9);
+            i0.ɵɵelementStart(34, "ccd-case-state-multi-select", 13);
+            i0.ɵɵlistener("selectedStatesChange", function WorkbasketFiltersComponent_Template_ccd_case_state_multi_select_selectedStatesChange_34_listener($event) { return ctx.selected.caseState = $event; });
             i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(39, WorkbasketFiltersComponent_ng_container_39_Template, 3, 3, "ng-container", 15);
-            i0.ɵɵelementStart(40, "button", 16);
-            i0.ɵɵpipe(41, "rpxTranslate");
-            i0.ɵɵpipe(42, "rpxTranslate");
-            i0.ɵɵlistener("click", function WorkbasketFiltersComponent_Template_button_click_40_listener() { return ctx.scrollToTop(); });
-            i0.ɵɵtext(43);
-            i0.ɵɵpipe(44, "rpxTranslate");
+            i0.ɵɵtemplate(35, WorkbasketFiltersComponent_ng_container_35_Template, 3, 3, "ng-container", 14);
+            i0.ɵɵelementStart(36, "button", 15);
+            i0.ɵɵpipe(37, "rpxTranslate");
+            i0.ɵɵpipe(38, "rpxTranslate");
+            i0.ɵɵlistener("click", function WorkbasketFiltersComponent_Template_button_click_36_listener() { return ctx.scrollToTop(); });
+            i0.ɵɵtext(39);
+            i0.ɵɵpipe(40, "rpxTranslate");
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 27, "Filters"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 25, "Filters"));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("disabled", ctx.isApplyButtonDisabled())("title", i0.ɵɵpipeBind1(6, 29, "Apply filter"));
-            i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(7, 31, "Apply filter"));
+            i0.ɵɵproperty("disabled", ctx.isApplyButtonDisabled())("title", i0.ɵɵpipeBind1(6, 27, "Apply filter"));
+            i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(7, 29, "Apply filter"));
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 33, "Apply"), " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 31, "Apply"), " ");
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("title", i0.ɵɵpipeBind1(12, 35, "Reset filter"));
-            i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(13, 37, "Reset filter"));
+            i0.ɵɵproperty("title", i0.ɵɵpipeBind1(12, 33, "Reset filter"));
+            i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(13, 35, "Reset filter"));
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(15, 39, "Reset"), " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(15, 37, "Reset"), " ");
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(19, 41, "Jurisdiction"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(19, 39, "Jurisdiction"));
             i0.ɵɵadvance(2);
             i0.ɵɵtwoWayProperty("ngModel", ctx.selected.jurisdiction);
             i0.ɵɵadvance();
@@ -39572,7 +39825,7 @@ class WorkbasketFiltersComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngForOf", ctx.jurisdictions);
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(26, 43, "Case type"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(26, 41, "Case type"));
             i0.ɵɵadvance(2);
             i0.ɵɵtwoWayProperty("ngModel", ctx.selected.caseType);
             i0.ɵɵproperty("disabled", ctx.isCaseTypesDropdownDisabled());
@@ -39581,28 +39834,21 @@ class WorkbasketFiltersComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngForOf", ctx.selectedJurisdictionCaseTypes);
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(33, 45, "State"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(33, 43, "State"));
             i0.ɵɵadvance(2);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.selected.caseState);
-            i0.ɵɵproperty("disabled", ctx.isCaseStatesDropdownDisabled());
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngValue", null);
-            i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(37, 47, "Any"));
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngForOf", ctx.selectedCaseTypeStates);
+            i0.ɵɵproperty("states", ctx.selectedCaseTypeStates || i0.ɵɵpureFunction0(51, _c0$d))("selectedStates", ctx.selected.caseState || i0.ɵɵpureFunction0(52, _c0$d))("disabled", ctx.isCaseStatesDropdownDisabled());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.isSearchableAndWorkbasketInputsReady());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("title", i0.ɵɵpipeBind1(41, 49, "Back to top"));
-            i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(42, 51, "Back to top"));
+            i0.ɵɵproperty("title", i0.ɵɵpipeBind1(37, 45, "Back to top"));
+            i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(38, 47, "Back to top"));
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(44, 53, "Back to top"), " ");
+            i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(40, 49, "Back to top"), " ");
         } }, styles: [".govuk-js-link[_ngcontent-%COMP%]{appearance:none;background:none;border:none;color:#005ea5;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0;text-decoration:underline}.govuk-js-link[_ngcontent-%COMP%]:hover{color:#2b8cc4;text-decoration-thickness:max(3px,.1875rem,.12em)}.govuk-js-link[_ngcontent-%COMP%]:focus{background-color:#ffbf47;color:#000;outline:3px solid transparent;text-decoration:none;box-shadow:0 -2px #ffbf47,0 4px #000}.govuk-js-link[_ngcontent-%COMP%]:visited{color:#4c2c92}div[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]{font-family:nta,Arial,sans-serif;font-weight:400;text-transform:none;font-size:11pt;line-height:1.2727272727}@media(min-width:641px){div[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]{font-size:12pt;line-height:1.3333333333}}@media print{div[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]{font-size:10pt}}.form-group[_ngcontent-%COMP%]{margin-bottom:7px}.form-group.flex[_ngcontent-%COMP%]{display:flex;align-items:baseline}.form-group.flex[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{flex:1 1 auto;margin-bottom:0}.form-group.flex[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{margin:.25rem}.ccd-dropdown[_ngcontent-%COMP%]{width:100%}span.heading-medium[_ngcontent-%COMP%]{margin-top:0}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkbasketFiltersComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-workbasket-filters', standalone: false, template: "<form id=\"filters\" class=\"global-display\">\n  <div class=\"form-group flex\">\n    <h2 class=\"heading-h2\">{{'Filters' | rpxTranslate }}</h2>\n    <button type=\"button\" class=\"button workbasket-filters-apply\" (click)=\"apply(true)\" [disabled]=\"isApplyButtonDisabled()\"\n        [title]=\"'Apply filter' | rpxTranslate\" [attr.aria-label]=\"'Apply filter' | rpxTranslate\">\n      {{'Apply' | rpxTranslate}}\n    </button>&nbsp;&nbsp;&nbsp;\n    <button type=\"button\" (click)=\"reset()\" class=\"button button-secondary\"\n        [title]=\"'Reset filter' | rpxTranslate\" [attr.aria-label]=\"'Reset filter' | rpxTranslate\">\n      {{'Reset' | rpxTranslate}}\n    </button>\n  </div>\n\n  <div class=\"form-group\">\n    <label class=\"form-label\" for=\"wb-jurisdiction\">{{'Jurisdiction' | rpxTranslate}}</label>\n    <select class=\"form-control form-control-3-4 ccd-dropdown\" id=\"wb-jurisdiction\"\n            name=\"jurisdiction\" [(ngModel)]=\"selected.jurisdiction\" aria-controls=\"search-result\"\n            (change)=\"onJurisdictionIdChange()\">\n      <option *ngIf=\"!workbasketDefaults\" [ngValue]=\"null\">{{'Select a value' | rpxTranslate}}</option>\n      <option *ngFor=\"let j of jurisdictions\" [ngValue]=\"j\">{{j.name | rpxTranslate}}</option>\n    </select>\n  </div>\n\n  <div class=\"form-group\">\n    <label class=\"form-label\" for=\"wb-case-type\">{{'Case type' | rpxTranslate}}</label>\n    <select class=\"form-control form-control-3-4 ccd-dropdown\" id=\"wb-case-type\"\n            name=\"case-type\" [(ngModel)]=\"selected.caseType\" [disabled]=\"isCaseTypesDropdownDisabled()\"\n            (change)=\"onCaseTypeIdChange()\" aria-controls=\"search-result\">\n      <option *ngIf=\"!workbasketDefaults\" [ngValue]=\"null\">{{'Select a value' | rpxTranslate}}</option>\n      <option *ngFor=\"let ct of selectedJurisdictionCaseTypes\" [ngValue]=\"ct\">{{ct.name | rpxTranslate}}</option>\n    </select>\n  </div>\n\n  <div class=\"form-group\">\n    <label class=\"form-label\" for=\"wb-case-state\">{{'State' | rpxTranslate}}</label>\n    <select class=\"form-control form-control-3-4 ccd-dropdown\" id=\"wb-case-state\"\n            name=\"state\" [(ngModel)]=\"selected.caseState\" [disabled]=\"isCaseStatesDropdownDisabled()\"\n            aria-controls=\"search-result\">\n      <option [ngValue]=\"null\">{{'Any' | rpxTranslate}}</option>\n      <option *ngFor=\"let cs of selectedCaseTypeStates\" [ngValue]=\"cs\">{{cs.name | rpxTranslate}}</option>\n    </select>\n  </div>\n\n  <ng-container ccdConditionalShowForm *ngIf=\"isSearchableAndWorkbasketInputsReady()\" [formGroup]=\"formGroup\" [contextFields]=\"caseFields\">\n    <div id=\"dynamicFilters\">\n      <div class=\"form-group\" *ngFor=\"let workbasketInput of workbasketInputs\">\n        <ccd-field-write [caseField]=\"workbasketInput.field\" [formGroup]=\"formGroup\" [isExpanded]=\"true\" [isInSearchBlock]=\"true\" (keyup.enter)=\"apply(null)\">\n        </ccd-field-write>\n      </div>\n    </div>\n  </ng-container>\n\n    <button type=\"button\" class=\"button\" (click)=\"scrollToTop()\"\n          [title]=\"'Back to top' | rpxTranslate\" [attr.aria-label]=\"'Back to top' | rpxTranslate\">{{'Back to top' | rpxTranslate}}\n    </button>\n</form>\n", styles: [".govuk-js-link{appearance:none;background:none;border:none;color:#005ea5;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0;text-decoration:underline}.govuk-js-link:hover{color:#2b8cc4;text-decoration-thickness:max(3px,.1875rem,.12em)}.govuk-js-link:focus{background-color:#ffbf47;color:#000;outline:3px solid transparent;text-decoration:none;box-shadow:0 -2px #ffbf47,0 4px #000}.govuk-js-link:visited{color:#4c2c92}div select{font-family:nta,Arial,sans-serif;font-weight:400;text-transform:none;font-size:11pt;line-height:1.2727272727}@media(min-width:641px){div select{font-size:12pt;line-height:1.3333333333}}@media print{div select{font-size:10pt}}.form-group{margin-bottom:7px}.form-group.flex{display:flex;align-items:baseline}.form-group.flex h2{flex:1 1 auto;margin-bottom:0}.form-group.flex button{margin:.25rem}.ccd-dropdown{width:100%}span.heading-medium{margin-top:0}\n"] }]
+        args: [{ selector: 'ccd-workbasket-filters', standalone: false, template: "<form id=\"filters\" class=\"global-display\">\n  <div class=\"form-group flex\">\n    <h2 class=\"heading-h2\">{{'Filters' | rpxTranslate }}</h2>\n    <button type=\"button\" class=\"button workbasket-filters-apply\" (click)=\"apply(true)\" [disabled]=\"isApplyButtonDisabled()\"\n        [title]=\"'Apply filter' | rpxTranslate\" [attr.aria-label]=\"'Apply filter' | rpxTranslate\">\n      {{'Apply' | rpxTranslate}}\n    </button>&nbsp;&nbsp;&nbsp;\n    <button type=\"button\" (click)=\"reset()\" class=\"button button-secondary\"\n        [title]=\"'Reset filter' | rpxTranslate\" [attr.aria-label]=\"'Reset filter' | rpxTranslate\">\n      {{'Reset' | rpxTranslate}}\n    </button>\n  </div>\n\n  <div class=\"form-group\">\n    <label class=\"form-label\" for=\"wb-jurisdiction\">{{'Jurisdiction' | rpxTranslate}}</label>\n    <select class=\"form-control form-control-3-4 ccd-dropdown\" id=\"wb-jurisdiction\"\n            name=\"jurisdiction\" [(ngModel)]=\"selected.jurisdiction\" aria-controls=\"search-result\"\n            (change)=\"onJurisdictionIdChange()\">\n      <option *ngIf=\"!workbasketDefaults\" [ngValue]=\"null\">{{'Select a value' | rpxTranslate}}</option>\n      <option *ngFor=\"let j of jurisdictions\" [ngValue]=\"j\">{{j.name | rpxTranslate}}</option>\n    </select>\n  </div>\n\n  <div class=\"form-group\">\n    <label class=\"form-label\" for=\"wb-case-type\">{{'Case type' | rpxTranslate}}</label>\n    <select class=\"form-control form-control-3-4 ccd-dropdown\" id=\"wb-case-type\"\n            name=\"case-type\" [(ngModel)]=\"selected.caseType\" [disabled]=\"isCaseTypesDropdownDisabled()\"\n            (change)=\"onCaseTypeIdChange()\" aria-controls=\"search-result\">\n      <option *ngIf=\"!workbasketDefaults\" [ngValue]=\"null\">{{'Select a value' | rpxTranslate}}</option>\n      <option *ngFor=\"let ct of selectedJurisdictionCaseTypes\" [ngValue]=\"ct\">{{ct.name | rpxTranslate}}</option>\n    </select>\n  </div>\n\n  <div class=\"form-group\">\n    <label class=\"form-label\" for=\"wb-case-state\">{{'State' | rpxTranslate}}</label>\n    <ccd-case-state-multi-select\n      [states]=\"selectedCaseTypeStates || []\"\n      [selectedStates]=\"selected.caseState || []\"\n      [disabled]=\"isCaseStatesDropdownDisabled()\"\n      (selectedStatesChange)=\"selected.caseState = $event\">\n    </ccd-case-state-multi-select>\n  </div>\n\n  <ng-container ccdConditionalShowForm *ngIf=\"isSearchableAndWorkbasketInputsReady()\" [formGroup]=\"formGroup\" [contextFields]=\"caseFields\">\n    <div id=\"dynamicFilters\">\n      <div class=\"form-group\" *ngFor=\"let workbasketInput of workbasketInputs\">\n        <ccd-field-write [caseField]=\"workbasketInput.field\" [formGroup]=\"formGroup\" [isExpanded]=\"true\" [isInSearchBlock]=\"true\" (keyup.enter)=\"apply(null)\">\n        </ccd-field-write>\n      </div>\n    </div>\n  </ng-container>\n\n    <button type=\"button\" class=\"button\" (click)=\"scrollToTop()\"\n          [title]=\"'Back to top' | rpxTranslate\" [attr.aria-label]=\"'Back to top' | rpxTranslate\">{{'Back to top' | rpxTranslate}}\n    </button>\n</form>\n", styles: [".govuk-js-link{appearance:none;background:none;border:none;color:#005ea5;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0;text-decoration:underline}.govuk-js-link:hover{color:#2b8cc4;text-decoration-thickness:max(3px,.1875rem,.12em)}.govuk-js-link:focus{background-color:#ffbf47;color:#000;outline:3px solid transparent;text-decoration:none;box-shadow:0 -2px #ffbf47,0 4px #000}.govuk-js-link:visited{color:#4c2c92}div select{font-family:nta,Arial,sans-serif;font-weight:400;text-transform:none;font-size:11pt;line-height:1.2727272727}@media(min-width:641px){div select{font-size:12pt;line-height:1.3333333333}}@media print{div select{font-size:10pt}}.form-group{margin-bottom:7px}.form-group.flex{display:flex;align-items:baseline}.form-group.flex h2{flex:1 1 auto;margin-bottom:0}.form-group.flex button{margin:.25rem}.ccd-dropdown{width:100%}span.heading-medium{margin-top:0}\n"] }]
     }], () => [{ type: i1$2.ActivatedRoute }, { type: WorkbasketInputFilterService }, { type: OrderService }, { type: JurisdictionService }, { type: AlertService }, { type: WindowService }], { jurisdictions: [{
             type: Input
         }], defaults: [{
@@ -39612,7 +39858,7 @@ class WorkbasketFiltersComponent {
         }], onReset: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WorkbasketFiltersComponent, { className: "WorkbasketFiltersComponent", filePath: "lib/shared/components/workbasket-filters/workbasket-filters.component.ts", lineNumber: 28 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WorkbasketFiltersComponent, { className: "WorkbasketFiltersComponent", filePath: "lib/shared/components/workbasket-filters/workbasket-filters.component.ts", lineNumber: 29 }); })();
 
 class WorkbasketFiltersModule {
     static ɵfac = function WorkbasketFiltersModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WorkbasketFiltersModule)(); };
@@ -39642,9 +39888,11 @@ class WorkbasketFiltersModule {
                     RpxTranslationModule.forChild()
                 ],
                 declarations: [
+                    CaseStateMultiSelectComponent,
                     WorkbasketFiltersComponent,
                 ],
                 exports: [
+                    CaseStateMultiSelectComponent,
                     WorkbasketFiltersComponent,
                 ],
                 providers: [
@@ -39656,12 +39904,14 @@ class WorkbasketFiltersModule {
                 ]
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(WorkbasketFiltersModule, { declarations: [WorkbasketFiltersComponent], imports: [CommonModule,
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(WorkbasketFiltersModule, { declarations: [CaseStateMultiSelectComponent,
+        WorkbasketFiltersComponent], imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         PaletteModule,
-        ConditionalShowModule, i1.RpxTranslationModule], exports: [WorkbasketFiltersComponent] }); })();
-i0.ɵɵsetComponentScope(WorkbasketFiltersComponent, function () { return [i5.NgForOf, i5.NgIf, i4.ɵNgNoValidate, i4.NgSelectOption, i4.ɵNgSelectMultipleOption, i4.SelectControlValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.NgModel, i4.NgForm, i4.FormGroupDirective, FieldWriteComponent, ConditionalShowFormDirective]; }, function () { return [i1.RpxTranslatePipe]; });
+        ConditionalShowModule, i1.RpxTranslationModule], exports: [CaseStateMultiSelectComponent,
+        WorkbasketFiltersComponent] }); })();
+i0.ɵɵsetComponentScope(WorkbasketFiltersComponent, function () { return [i5.NgForOf, i5.NgIf, i4.ɵNgNoValidate, i4.NgSelectOption, i4.ɵNgSelectMultipleOption, i4.SelectControlValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.NgModel, i4.NgForm, i4.FormGroupDirective, FieldWriteComponent, ConditionalShowFormDirective, CaseStateMultiSelectComponent]; }, function () { return [i1.RpxTranslatePipe]; });
 
 const READ_ACCESS = 'read';
 const CREATE_ACCESS = 'create';
@@ -45018,10 +45268,10 @@ function SearchFiltersComponent_ng_container_16_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngForOf", ctx_r3.searchInputs);
 } }
-const JURISDICTION_LOC_STORAGE = 'search-jurisdiction';
-const META_FIELDS_LOC_STORAGE = 'search-metadata-fields';
-const FORM_GROUP_VALUE_LOC_STORAGE = 'search-form-group-value';
-const CASE_TYPE_LOC_STORAGE = 'search-caseType';
+const JURISDICTION_SES_STORAGE = 'search-jurisdiction';
+const META_FIELDS_SES_STORAGE = 'search-metadata-fields';
+const FORM_GROUP_VALUE_SES_STORAGE = 'search-form-group-value';
+const CASE_TYPE_SES_STORAGE = 'search-caseType';
 class SearchFiltersComponent {
     searchService;
     orderService;
@@ -45050,7 +45300,7 @@ class SearchFiltersComponent {
         this.selected = {};
     }
     ngOnInit() {
-        const jurisdiction = this.getValuesFromLocalStorage();
+        const jurisdiction = this.getValuesFromSessionStorage();
         if (this.jurisdictions.length === 1 || jurisdiction) {
             this.selected.jurisdiction = this.jurisdictions[0];
             if (jurisdiction) {
@@ -45077,10 +45327,10 @@ class SearchFiltersComponent {
         });
     }
     reset() {
-        this.windowService.removeLocalStorage(FORM_GROUP_VALUE_LOC_STORAGE);
-        this.windowService.removeLocalStorage(CASE_TYPE_LOC_STORAGE);
-        this.windowService.removeLocalStorage(JURISDICTION_LOC_STORAGE);
-        this.windowService.removeLocalStorage(META_FIELDS_LOC_STORAGE);
+        this.windowService.removeSessionStorage(FORM_GROUP_VALUE_SES_STORAGE);
+        this.windowService.removeSessionStorage(CASE_TYPE_SES_STORAGE);
+        this.windowService.removeSessionStorage(JURISDICTION_SES_STORAGE);
+        this.windowService.removeSessionStorage(META_FIELDS_SES_STORAGE);
         this.selected = {};
         if (this.jurisdictions.length === 1) {
             this.selected.jurisdiction = this.jurisdictions[0];
@@ -45092,39 +45342,39 @@ class SearchFiltersComponent {
         this.selected.formGroup = this.formGroup;
         this.selected.page = 1;
         this.selected.metadataFields = this.getMetadataFields();
-        this.populateValuesInLocalStorage();
+        this.populateValuesInSessionStorage();
         this.onApply.emit({
             selected: this.selected,
             queryParams: this.getQueryParams()
         });
         this.setFocusToTop();
     }
-    populateValuesInLocalStorage() {
-        this.windowService.setLocalStorage(FORM_GROUP_VALUE_LOC_STORAGE, JSON.stringify(this.selected.formGroup.value));
-        this.windowService.setLocalStorage(META_FIELDS_LOC_STORAGE, JSON.stringify(this.selected.metadataFields));
+    populateValuesInSessionStorage() {
+        this.windowService.setSessionStorage(FORM_GROUP_VALUE_SES_STORAGE, JSON.stringify(this.selected.formGroup.value));
+        this.windowService.setSessionStorage(META_FIELDS_SES_STORAGE, JSON.stringify(this.selected.metadataFields));
         try {
             const compJurisd = compressToUTF16(JSON.stringify(this.selected.jurisdiction));
-            this.windowService.setLocalStorage(JURISDICTION_LOC_STORAGE, compJurisd);
+            this.windowService.setSessionStorage(JURISDICTION_SES_STORAGE, compJurisd);
         }
         catch (e) {
-            this.windowService.setLocalStorage(JURISDICTION_LOC_STORAGE, null);
+            this.windowService.setSessionStorage(JURISDICTION_SES_STORAGE, null);
         }
         if (this.selected.caseType) {
-            this.windowService.setLocalStorage(CASE_TYPE_LOC_STORAGE, JSON.stringify(this.selected.caseType));
+            this.windowService.setSessionStorage(CASE_TYPE_SES_STORAGE, JSON.stringify(this.selected.caseType));
         }
     }
-    getValuesFromLocalStorage() {
-        const jurisdiction = this.windowService.getLocalStorage(JURISDICTION_LOC_STORAGE);
+    getValuesFromSessionStorage() {
+        const jurisdiction = this.windowService.getSessionStorage(JURISDICTION_SES_STORAGE);
         if (jurisdiction) {
             try {
-                const localStorageJurisdiction = JSON.parse(decompressFromUTF16(jurisdiction));
-                if (localStorageJurisdiction) {
-                    return localStorageJurisdiction;
+                const sessionStorageJurisdiction = JSON.parse(decompressFromUTF16(jurisdiction));
+                if (sessionStorageJurisdiction) {
+                    return sessionStorageJurisdiction;
                 }
             }
             catch (e) {
-                this.logger.error('Failed to retrieve jurisdiction from local storage.', { error: e });
-                this.windowService.setLocalStorage(JURISDICTION_LOC_STORAGE, null);
+                this.logger.error('Failed to retrieve jurisdiction from session storage.', { error: e });
+                this.windowService.setSessionStorage(JURISDICTION_SES_STORAGE, null);
             }
         }
         return null;
@@ -45162,7 +45412,7 @@ class SearchFiltersComponent {
         this.searchInputs = [];
         this.searchService.getSearchInputs(this.selected.jurisdiction.id, this.selected.caseType.id).pipe(tap(() => this.searchInputsReady = true)).subscribe(searchInputs => {
             this.searchInputs = searchInputs.sort(this.orderService.sortAsc);
-            const formValue = this.windowService.getLocalStorage(FORM_GROUP_VALUE_LOC_STORAGE);
+            const formValue = this.windowService.getSessionStorage(FORM_GROUP_VALUE_SES_STORAGE);
             let formValueObject = null;
             if (formValue) {
                 formValueObject = JSON.parse(formValue);
@@ -45200,7 +45450,7 @@ class SearchFiltersComponent {
     selectCaseType(caseTypes) {
         if (caseTypes && caseTypes.length > 0) {
             this.selected.caseType = caseTypes[0];
-            const caseType = this.windowService.getLocalStorage(CASE_TYPE_LOC_STORAGE);
+            const caseType = this.windowService.getSessionStorage(CASE_TYPE_SES_STORAGE);
             if (caseType) {
                 const caseTypeObject = JSON.parse(caseType);
                 const result = caseTypes.filter(c => c.id === caseTypeObject.id);
@@ -45799,7 +46049,7 @@ function SearchResultComponent_table_0_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 9, ctx_r0.caseState ? "Your cases" : "Search result"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 9, ctx_r0.hasSelectedCaseState() ? "Your cases" : "Search result"));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", ctx_r0.paginationLimitEnforced);
     i0.ɵɵadvance();
@@ -46033,7 +46283,10 @@ class SearchResultComponent {
         const queryParams = {};
         queryParams[SearchResultComponent.PARAM_JURISDICTION] = this.selected.jurisdiction ? this.selected.jurisdiction.id : null;
         queryParams[SearchResultComponent.PARAM_CASE_TYPE] = this.selected.caseType ? this.selected.caseType.id : null;
-        queryParams[SearchResultComponent.PARAM_CASE_STATE] = this.selected.caseState ? this.selected.caseState.id : null;
+        const caseStates = this.getCaseStates(this.selected.caseState);
+        queryParams[SearchResultComponent.PARAM_CASE_STATE] = caseStates.length > 0
+            ? caseStates.map(state => state.id).join(',')
+            : null;
         this.changePage.emit({
             selected: this.selected,
             queryParams
@@ -46046,6 +46299,15 @@ class SearchResultComponent {
             topContainer.focus();
         }
     }
+    hasSelectedCaseState() {
+        return this.getCaseStates(this.caseState).length > 0;
+    }
+    getCaseStates(caseState) {
+        if (Array.isArray(caseState)) {
+            return caseState;
+        }
+        return caseState ? [caseState] : [];
+    }
     buildCaseField(col, result) {
         return Object.assign(new CaseField(), {
             id: col.case_field_id,
@@ -46191,7 +46453,7 @@ class SearchResultComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchResultComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-search-result', standalone: false, template: "<table *ngIf=\"hasResults() || hasDrafts()\">\n  <caption>\n    <h2 class=\"heading-h2\" id=\"search-result-heading__text\" tabindex=\"-1\">{{ (caseState ? 'Your cases' : 'Search result') | rpxTranslate}}</h2>\n\n    <div class=\"govuk-warning-text pagination-limit-warning\" *ngIf=\"paginationLimitEnforced\">\n      <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n      <strong class=\"govuk-warning-text__text\">\n        <span class=\"govuk-visually-hidden\">{{'Warning' | rpxTranslate}}</span>\n        {{'The total size of the result set is' | rpxTranslate}} {{paginationMetadata.totalResultsCount | number}}. {{'Only the first 10,000 records are available for display.' | rpxTranslate}}\n      </strong>\n    </div>\n\n    <div *ngIf=\"(hasResults() || hasDrafts())\" class=\"pagination-top\">\n      <output [attr.aria-label]=\"getTotalResults() + ' ' + ('results have been found' | rpxTranslate)\"></output>\n          <span class=\"text-16\" id=\"search-result-summary__text\">{{'Showing' | rpxTranslate}}\n        <span class=\"govuk-!-font-weight-bold\">{{ getFirstResult() }}</span>\n        {{'to' | rpxTranslate}}\n        <span class=\"govuk-!-font-weight-bold\">{{ getLastResult() }}</span>\n        {{'of' | rpxTranslate}}\n        <span class=\"govuk-!-font-weight-bold\">{{ getTotalResults() }}</span> {{'results' | rpxTranslate}}</span>\n    </div>\n    <div *ngIf=\"(hasResults() || hasDrafts()) && selectionEnabled\" class=\"reset-selection\"\n    [attr.aria-label]=\"'Reset selection' | rpxTranslate\">\n      <span><a class=\"search-result-reset-link\" href=\"#\" (click)=\"clearSelection(); $event.preventDefault()\">{{'Reset case selection' | rpxTranslate}}</a></span>\n    </div>\n  </caption>\n  <thead>\n    <tr scope=\"row\">\n      <td *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\">\n        <div class=\"govuk-checkboxes__item\">\n          <input class=\"govuk-checkboxes__input\" id=\"select-all\" name=\"select-all\" type=\"checkbox\" (change)=\"selectAll()\" [checked]=\"allOnPageSelected()\" [disabled]=\"!canAnyBeShared()\" />\n          <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-all\" [attr.aria-labelledby]=\"'select-all'\">\n          </label>\n        </div>\n      </td>\n      <th *ngFor=\"let col of resultView.columns\" class=\"search-result-column-header\"\n        [attr.aria-sort]=\"isSortAscending(col) === null ? null : (isSortAscending(col) ? 'ascending' : 'descending')\" scope=\"col\">\n        <div>\n          <div class=\"search-result-column-label\" (click)=\"sort(col)\" (keyup)=\"noop()\">\n            {{ isTranslatable(col) ? (col.label | rpxTranslate) : col.label }}\n          </div>\n          <div *ngIf=\"comparator(col)\" class=\"search-result-column-sort\">\n            <a (click)=\"sort(col); $event.preventDefault()\" (keyup.enter)=\"sort(col)\" class=\"sort-widget\" [innerHTML]=\"sortWidget(col)\" [attr.aria-label]=\"'Sort ' + col.label | rpxTranslate\" href=\"#\"></a>\n          </div>\n        </div>\n      </th>\n      <th *ngIf=\"activityEnabled()\" style=\"width: 110px;\" scope=\"col\">&ZeroWidthSpace;</th>\n    </tr>\n  </thead>\n\n  <tbody>\n    <!-- sorted by consumer -->\n    <ng-container *ngIf=\"consumerSortingEnabled\">\n      <tr *ngFor=\"let result of resultView.results | paginate: { itemsPerPage: paginationPageSize, currentPage: selected.page, totalItems: resultTotal }\">\n        <td *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"select-{{ result.case_id }}\" name=\"select-{{ result.case_id }}\"\n              type=\"checkbox\" (change)=\"changeSelection(result)\" [checked]=\"isSelected(result)\" [disabled]=\"!canBeShared(result)\" />\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-{{ result.case_id }}\" [attr.aria-labelledby]=\"'select-' + result.case_id\">\n            </label>\n          </div>\n        </td>\n        <td class=\"search-result-column-cell\" *ngFor=\"let col of resultView.columns; let colIndex = index\" scope=\"row\">\n          <a *ngIf=\"colIndex == 0\" [routerLink]=\"prepareCaseLinkUrl(result.case_id)\"\n            attr.aria-label=\"go to case with Case reference:{{ result.case_id | ccdCaseReference }}\" class=\"govuk-link\">\n            <ng-container class=\"text-16\" *ngIf=\"!hideRows\">\n              <ccd-field-read *ngIf=\"draftPrefixOrGet(col, result); else case_reference\"\n                              ccdLabelSubstitutor [caseField]=\"getColumnsWithPrefix(result.columns[col.case_field_id], result)\"\n                              [contextFields]=\"result.hydrated_case_fields\"\n                              [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n              <ng-template #case_reference>{{result.case_id | ccdCaseReference}}</ng-template>\n            </ng-container>\n          </a>\n          <div *ngIf=\"colIndex != 0\" class=\"text-16\" [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-field-read ccdLabelSubstitutor\n                            [caseField]=\"result.columns[col.case_field_id]\"\n                            [contextFields]=\"result.hydrated_case_fields\"\n                            [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n          </div>\n        </td>\n        <td *ngIf=\"activityEnabled()\">\n          <div [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-activity [caseId]=\"result.case_id\" [displayMode]=\"ICON\"></ccd-activity>\n          </div>\n        </td>\n      </tr>\n    </ng-container>\n    <!-- sorted by toolkit -->\n    <ng-container *ngIf=\"!consumerSortingEnabled\">\n      <tr *ngFor=\"let result of resultView.results | ccdSortSearchResult : sortParameters | paginate: { itemsPerPage: paginationPageSize, currentPage: selected.page, totalItems: resultTotal }\">\n        <td *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"select-{{ result.case_id }}\" name=\"select-{{ result.case_id }}\"\n              type=\"checkbox\" (change)=\"changeSelection(result)\" [checked]=\"isSelected(result)\" [disabled]=\"!canBeShared(result)\" (keyup)=\"onKeyUp($event, result)\" />\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-{{ result.case_id }}\" [attr.aria-labelledby]=\"'select-' + result.case_id\">\n            </label>\n          </div>\n        </td>\n        <td class=\"search-result-column-cell\" *ngFor=\"let col of resultView.columns; let colIndex = index\" scope=\"row\">\n\n          <a *ngIf=\"colIndex == 0\" [routerLink]=\"prepareCaseLinkUrl(result.case_id)\"\n            attr.aria-label=\"go to case with Case reference:{{ result.case_id | ccdCaseReference }}\" class=\"govuk-link\">\n            <ng-container class=\"text-16\" *ngIf=\"!hideRows\">\n              <ccd-field-read *ngIf=\"draftPrefixOrGet(col, result); else case_reference\"\n                              ccdLabelSubstitutor [caseField]=\"getColumnsWithPrefix(result.columns[col.case_field_id], result)\"\n                              [contextFields]=\"result.hydrated_case_fields\"\n                              [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n              <ng-template #case_reference>{{result.case_id | ccdCaseReference}}</ng-template>\n            </ng-container>\n          </a>\n          <div *ngIf=\"colIndex != 0\" class=\"text-16\" [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-field-read ccdLabelSubstitutor\n                            [caseField]=\"result.columns[col.case_field_id]\"\n                            [contextFields]=\"result.hydrated_case_fields\"\n                            [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n          </div>\n        </td>\n        <td *ngIf=\"activityEnabled()\">\n          <div [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-activity [caseId]=\"result.case_id\" [displayMode]=\"ICON\"></ccd-activity>\n          </div>\n        </td>\n      </tr>\n    </ng-container>\n\n  </tbody>\n</table>\n\n<ccd-pagination\n  *ngIf=\"hasResults()\"\n  (pageChange)=\"goToPage($event)\"\n  [visibilityLabel]=\"hideRows ? 'hidden' : 'visible'\"\n  [autoHide]=\"true\"\n  [maxSize]=\"8\"\n  [screenReaderPaginationLabel]=\"'Pagination'\"\n  [screenReaderPageLabel]=\"page\"\n  [screenReaderCurrentLabel]=\"'You\\'re on page'\"></ccd-pagination>\n\n<div *ngIf=\"!(hasResults() || hasDrafts())\" class=\"notification\" role=\"status\">\n{{'No cases found. Try using different filters.' | rpxTranslate}}\n</div>\n", styles: [".govuk-js-link{appearance:none;background:none;border:none;color:#005ea5;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0;text-decoration:underline}.govuk-js-link:hover{color:#2b8cc4;text-decoration-thickness:max(3px,.1875rem,.12em)}.govuk-js-link:focus{background-color:#ffbf47;color:#000;outline:3px solid transparent;text-decoration:none;box-shadow:0 -2px #ffbf47,0 4px #000}.govuk-js-link:visited{color:#4c2c92}table thead tr th{vertical-align:top}table tbody tr td{font-size:16px;word-wrap:break-word}table tbody tr td a{float:left}table .caseid-col{white-space:nowrap}.notification{text-align:center;padding:30px 0;margin-top:75px}a:hover{color:#005ea5}.search-result-reset-link{padding-right:15px;padding-left:15px}.search-result-column-header{width:unset;table-layout:normal}.search-result-column-header div{display:table-cell;width:auto}@media screen and (max-width:379px){.search-result-column-header div{display:block;float:right}}.search-result-column-label{font-size:16px;font-weight:700;word-wrap:break-word;cursor:pointer;padding-right:15px}.search-result-column-sort{font-size:16px}.sort-widget{cursor:pointer;text-decoration:none;color:#231f20}span.heading-medium{margin-top:-20px}.govuk-table__checkbox{vertical-align:middle;padding-left:3px}#search-result-heading__text:focus{outline:none}\n"] }]
+        args: [{ selector: 'ccd-search-result', standalone: false, template: "<table *ngIf=\"hasResults() || hasDrafts()\">\n  <caption>\n    <h2 class=\"heading-h2\" id=\"search-result-heading__text\" tabindex=\"-1\">{{ (hasSelectedCaseState() ? 'Your cases' : 'Search result') | rpxTranslate}}</h2>\n\n    <div class=\"govuk-warning-text pagination-limit-warning\" *ngIf=\"paginationLimitEnforced\">\n      <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n      <strong class=\"govuk-warning-text__text\">\n        <span class=\"govuk-visually-hidden\">{{'Warning' | rpxTranslate}}</span>\n        {{'The total size of the result set is' | rpxTranslate}} {{paginationMetadata.totalResultsCount | number}}. {{'Only the first 10,000 records are available for display.' | rpxTranslate}}\n      </strong>\n    </div>\n\n    <div *ngIf=\"(hasResults() || hasDrafts())\" class=\"pagination-top\">\n      <output [attr.aria-label]=\"getTotalResults() + ' ' + ('results have been found' | rpxTranslate)\"></output>\n          <span class=\"text-16\" id=\"search-result-summary__text\">{{'Showing' | rpxTranslate}}\n        <span class=\"govuk-!-font-weight-bold\">{{ getFirstResult() }}</span>\n        {{'to' | rpxTranslate}}\n        <span class=\"govuk-!-font-weight-bold\">{{ getLastResult() }}</span>\n        {{'of' | rpxTranslate}}\n        <span class=\"govuk-!-font-weight-bold\">{{ getTotalResults() }}</span> {{'results' | rpxTranslate}}</span>\n    </div>\n    <div *ngIf=\"(hasResults() || hasDrafts()) && selectionEnabled\" class=\"reset-selection\"\n    [attr.aria-label]=\"'Reset selection' | rpxTranslate\">\n      <span><a class=\"search-result-reset-link\" href=\"#\" (click)=\"clearSelection(); $event.preventDefault()\">{{'Reset case selection' | rpxTranslate}}</a></span>\n    </div>\n  </caption>\n  <thead>\n    <tr scope=\"row\">\n      <td *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\">\n        <div class=\"govuk-checkboxes__item\">\n          <input class=\"govuk-checkboxes__input\" id=\"select-all\" name=\"select-all\" type=\"checkbox\" (change)=\"selectAll()\" [checked]=\"allOnPageSelected()\" [disabled]=\"!canAnyBeShared()\" />\n          <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-all\" [attr.aria-labelledby]=\"'select-all'\">\n          </label>\n        </div>\n      </td>\n      <th *ngFor=\"let col of resultView.columns\" class=\"search-result-column-header\"\n        [attr.aria-sort]=\"isSortAscending(col) === null ? null : (isSortAscending(col) ? 'ascending' : 'descending')\" scope=\"col\">\n        <div>\n          <div class=\"search-result-column-label\" (click)=\"sort(col)\" (keyup)=\"noop()\">\n            {{ isTranslatable(col) ? (col.label | rpxTranslate) : col.label }}\n          </div>\n          <div *ngIf=\"comparator(col)\" class=\"search-result-column-sort\">\n            <a (click)=\"sort(col); $event.preventDefault()\" (keyup.enter)=\"sort(col)\" class=\"sort-widget\" [innerHTML]=\"sortWidget(col)\" [attr.aria-label]=\"'Sort ' + col.label | rpxTranslate\" href=\"#\"></a>\n          </div>\n        </div>\n      </th>\n      <th *ngIf=\"activityEnabled()\" style=\"width: 110px;\" scope=\"col\">&ZeroWidthSpace;</th>\n    </tr>\n  </thead>\n\n  <tbody>\n    <!-- sorted by consumer -->\n    <ng-container *ngIf=\"consumerSortingEnabled\">\n      <tr *ngFor=\"let result of resultView.results | paginate: { itemsPerPage: paginationPageSize, currentPage: selected.page, totalItems: resultTotal }\">\n        <td *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"select-{{ result.case_id }}\" name=\"select-{{ result.case_id }}\"\n              type=\"checkbox\" (change)=\"changeSelection(result)\" [checked]=\"isSelected(result)\" [disabled]=\"!canBeShared(result)\" />\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-{{ result.case_id }}\" [attr.aria-labelledby]=\"'select-' + result.case_id\">\n            </label>\n          </div>\n        </td>\n        <td class=\"search-result-column-cell\" *ngFor=\"let col of resultView.columns; let colIndex = index\" scope=\"row\">\n          <a *ngIf=\"colIndex == 0\" [routerLink]=\"prepareCaseLinkUrl(result.case_id)\"\n            attr.aria-label=\"go to case with Case reference:{{ result.case_id | ccdCaseReference }}\" class=\"govuk-link\">\n            <ng-container class=\"text-16\" *ngIf=\"!hideRows\">\n              <ccd-field-read *ngIf=\"draftPrefixOrGet(col, result); else case_reference\"\n                              ccdLabelSubstitutor [caseField]=\"getColumnsWithPrefix(result.columns[col.case_field_id], result)\"\n                              [contextFields]=\"result.hydrated_case_fields\"\n                              [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n              <ng-template #case_reference>{{result.case_id | ccdCaseReference}}</ng-template>\n            </ng-container>\n          </a>\n          <div *ngIf=\"colIndex != 0\" class=\"text-16\" [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-field-read ccdLabelSubstitutor\n                            [caseField]=\"result.columns[col.case_field_id]\"\n                            [contextFields]=\"result.hydrated_case_fields\"\n                            [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n          </div>\n        </td>\n        <td *ngIf=\"activityEnabled()\">\n          <div [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-activity [caseId]=\"result.case_id\" [displayMode]=\"ICON\"></ccd-activity>\n          </div>\n        </td>\n      </tr>\n    </ng-container>\n    <!-- sorted by toolkit -->\n    <ng-container *ngIf=\"!consumerSortingEnabled\">\n      <tr *ngFor=\"let result of resultView.results | ccdSortSearchResult : sortParameters | paginate: { itemsPerPage: paginationPageSize, currentPage: selected.page, totalItems: resultTotal }\">\n        <td *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"select-{{ result.case_id }}\" name=\"select-{{ result.case_id }}\"\n              type=\"checkbox\" (change)=\"changeSelection(result)\" [checked]=\"isSelected(result)\" [disabled]=\"!canBeShared(result)\" (keyup)=\"onKeyUp($event, result)\" />\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-{{ result.case_id }}\" [attr.aria-labelledby]=\"'select-' + result.case_id\">\n            </label>\n          </div>\n        </td>\n        <td class=\"search-result-column-cell\" *ngFor=\"let col of resultView.columns; let colIndex = index\" scope=\"row\">\n\n          <a *ngIf=\"colIndex == 0\" [routerLink]=\"prepareCaseLinkUrl(result.case_id)\"\n            attr.aria-label=\"go to case with Case reference:{{ result.case_id | ccdCaseReference }}\" class=\"govuk-link\">\n            <ng-container class=\"text-16\" *ngIf=\"!hideRows\">\n              <ccd-field-read *ngIf=\"draftPrefixOrGet(col, result); else case_reference\"\n                              ccdLabelSubstitutor [caseField]=\"getColumnsWithPrefix(result.columns[col.case_field_id], result)\"\n                              [contextFields]=\"result.hydrated_case_fields\"\n                              [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n              <ng-template #case_reference>{{result.case_id | ccdCaseReference}}</ng-template>\n            </ng-container>\n          </a>\n          <div *ngIf=\"colIndex != 0\" class=\"text-16\" [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-field-read ccdLabelSubstitutor\n                            [caseField]=\"result.columns[col.case_field_id]\"\n                            [contextFields]=\"result.hydrated_case_fields\"\n                            [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n          </div>\n        </td>\n        <td *ngIf=\"activityEnabled()\">\n          <div [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-activity [caseId]=\"result.case_id\" [displayMode]=\"ICON\"></ccd-activity>\n          </div>\n        </td>\n      </tr>\n    </ng-container>\n\n  </tbody>\n</table>\n\n<ccd-pagination\n  *ngIf=\"hasResults()\"\n  (pageChange)=\"goToPage($event)\"\n  [visibilityLabel]=\"hideRows ? 'hidden' : 'visible'\"\n  [autoHide]=\"true\"\n  [maxSize]=\"8\"\n  [screenReaderPaginationLabel]=\"'Pagination'\"\n  [screenReaderPageLabel]=\"page\"\n  [screenReaderCurrentLabel]=\"'You\\'re on page'\"></ccd-pagination>\n\n<div *ngIf=\"!(hasResults() || hasDrafts())\" class=\"notification\" role=\"status\">\n{{'No cases found. Try using different filters.' | rpxTranslate}}\n</div>\n", styles: [".govuk-js-link{appearance:none;background:none;border:none;color:#005ea5;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0;text-decoration:underline}.govuk-js-link:hover{color:#2b8cc4;text-decoration-thickness:max(3px,.1875rem,.12em)}.govuk-js-link:focus{background-color:#ffbf47;color:#000;outline:3px solid transparent;text-decoration:none;box-shadow:0 -2px #ffbf47,0 4px #000}.govuk-js-link:visited{color:#4c2c92}table thead tr th{vertical-align:top}table tbody tr td{font-size:16px;word-wrap:break-word}table tbody tr td a{float:left}table .caseid-col{white-space:nowrap}.notification{text-align:center;padding:30px 0;margin-top:75px}a:hover{color:#005ea5}.search-result-reset-link{padding-right:15px;padding-left:15px}.search-result-column-header{width:unset;table-layout:normal}.search-result-column-header div{display:table-cell;width:auto}@media screen and (max-width:379px){.search-result-column-header div{display:block;float:right}}.search-result-column-label{font-size:16px;font-weight:700;word-wrap:break-word;cursor:pointer;padding-right:15px}.search-result-column-sort{font-size:16px}.sort-widget{cursor:pointer;text-decoration:none;color:#231f20}span.heading-medium{margin-top:-20px}.govuk-table__checkbox{vertical-align:middle;padding-left:3px}#search-result-heading__text:focus{outline:none}\n"] }]
     }], () => [{ type: SearchResultViewItemComparatorFactory }, { type: AbstractAppConfig }, { type: ActivityService }, { type: CaseReferencePipe }, { type: PlaceholderService }, { type: BrowserService }, { type: SessionStorageService }], { caseLinkUrlTemplate: [{
             type: Input
         }], jurisdiction: [{
@@ -46528,5 +46790,5 @@ class TestRouteSnapshotBuilder {
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractAppConfig, AbstractFieldReadComponent, AbstractFieldWriteComponent, AbstractFieldWriteJourneyComponent, AbstractJourneyComponent, Activity, ActivityBannerComponent, ActivityComponent, ActivityIconComponent, ActivityInfo, ActivityModule, ActivityPollingService, ActivityService, AddCommentsComponent, AddCommentsErrorMessage, AddCommentsStep, AddressModel, AddressOption, AddressesService, Alert, AlertComponent, AlertIconClassPipe, AlertMessageType, AlertModule, AlertService, AuthService, Banner, BannersService, BeforeYouStartComponent, BodyComponent, BrowserService, CCDCaseLinkType, COMPONENT_PORTAL_INJECTION_TOKEN, CallbackErrorsComponent, CallbackErrorsContext, CaseAccessUtils, CaseBasicAccessViewComponent, CaseChallengedAccessRequestComponent, CaseChallengedAccessSuccessComponent, CaseCreateComponent, CaseDetails, CaseEditComponent, CaseEditConfirmComponent, CaseEditDataModule, CaseEditDataService, CaseEditFormComponent, CaseEditPageComponent, CaseEditSubmitComponent, CaseEditWizardGuard, CaseEditorConfig, CaseEditorModule, CaseEvent, CaseEventCompletionComponent, CaseEventCompletionTaskCancelledComponent, CaseEventCompletionTaskReassignedComponent, CaseEventData, CaseEventTrigger, CaseEventTriggerComponent, CaseField, CaseFieldService, CaseFileViewFieldComponent, CaseFileViewFolderComponent, CaseFileViewFolderDocumentActionsComponent, CaseFileViewFolderSelectorComponent, CaseFileViewFolderSortComponent, CaseFileViewFolderToggleComponent, CaseFileViewOverlayMenuComponent, CaseFileViewService, CaseFlagCheckYourAnswersPageStep, CaseFlagDisplayContextParameter, CaseFlagErrorMessage, CaseFlagFieldState, CaseFlagFormFields, CaseFlagRefdataService, CaseFlagStatus, CaseFlagSummaryListComponent, CaseFlagSummaryListDisplayMode, CaseFlagTableComponent, CaseFlagWizardStepTitle, CaseFullAccessViewComponent, CaseHeaderComponent, CaseHeaderModule, CaseHistoryViewerFieldComponent, CaseLink, CaseLinkResponse, CaseListComponent, CaseListFiltersComponent, CaseListFiltersModule, CaseListModule, CaseNotifier, CasePaymentHistoryViewerFieldComponent, CasePrintDocument, CasePrinterComponent, CaseProgressComponent, CaseReferencePipe, CaseResolver, CaseSpecificAccessRequestComponent, CaseSpecificAccessSuccessComponent, CaseState, CaseTab, CaseTimelineComponent, CaseTimelineDisplayMode, CaseTimelineModule, CaseType, CaseTypeLite, CaseView, CaseViewComponent, CaseViewEvent, CaseViewTrigger, CaseViewerComponent, CaseViewerModule, CasesService, CaseworkerService, CcdCYAPageLabelFilterPipe, CcdCaseTitlePipe, CcdCollectionTableCaseFieldsFilterPipe, CcdPageFieldsPipe, CcdTabFieldsPipe, CheckYourAnswersComponent, CloseQueryComponent, ConditionalShowFormDirective, ConditionalShowModule, ConditionalShowRegistrarService, ConfirmFlagStatusComponent, ConfirmStatusErrorMessage, ConfirmStatusStep, Confirmation, ConvertHrefToRouterService, CreateCaseFiltersComponent, CreateCaseFiltersModule, CreateCaseFiltersSelection, DRAFT_PREFIX, DRAFT_QUERY_PARAM, DashPipe, DateInputComponent, DatePipe, DateTimeFormatUtils, DatetimePickerComponent, DefinitionsModule, DefinitionsService, DeleteOrCancelDialogComponent, DialogsModule, DisplayMode, Document, DocumentData, DocumentDialogComponent, DocumentLinks, DocumentManagementService, DocumentUrlPipe, Draft, DraftService, DynamicListPipe, DynamicRadioListPipe, ESQueryType, Embedded, EnumDisplayDescriptionPipe, ErrorMessageComponent, ErrorNotifierService, EventCaseField, EventCompletionReturnStates, EventCompletionStateMachineService, EventCompletionStates, EventLogComponent, EventLogDetailsComponent, EventLogTableComponent, EventMessageModule, EventStartComponent, EventStartModule, EventStartStateMachineService, EventStatusService, EventTriggerResolver, EventTriggerService, Fee, FeeValue, Field, FieldLabelPipe, FieldReadComponent, FieldReadLabelComponent, FieldType, FieldTypeSanitiser, FieldWriteComponent, FieldsFilterPipe, FieldsPurger, FieldsUtils, FirstErrorPipe, FixedListItem, FixedListPipe, FixedRadioListPipe, FlagFieldDisplayPipe, FocusElementDirective, FocusElementModule, FocusService, FooterComponent, FormDocument, FormErrorService, FormValidatorsService, FormValueService, FormatTranslatorService, GreyBarService, HRef, HeaderBarComponent, HeadersModule, HttpError, HttpErrorService, HttpService, IsCompoundPipe, IsMandatoryPipe, IsReadOnlyAndNotCollectionPipe, IsReadOnlyPipe, JudicialworkerService, Jurisdiction, JurisdictionService, LabelFieldComponent, LabelSubstitutorDirective, LabelSubstitutorModule, LanguageInterpreterDisplayPipe, LinkCaseReason, LinkCasesComponent, LinkCasesFromReasonValuePipe, LinkCasesReasonValuePipe, LinkDetails, LinkFromReason, LinkReason, LinkedCasesErrorMessages, LinkedCasesEventTriggers, LinkedCasesFromTableComponent, LinkedCasesPages, LinkedCasesResponse, LinkedCasesToTableComponent, LoadingModule, LoadingService, LoadingSpinnerComponent, LoadingSpinnerModule, MEDIA_VIEWER_LOCALSTORAGE_KEY, MULTIPLE_TASKS_FOUND, ManageCaseFlagsComponent, ManageCaseFlagsLabelDisplayPipe, MarkdownComponent, MarkdownComponentModule, MoneyGbpInputComponent, MultipageComponentStateService, MultipleTasksExistComponent, NavigationComponent, NavigationItemComponent, NavigationNotifierService, NavigationOrigin, NoLinkedCasesComponent, NoTasksAvailableComponent, NotificationBannerComponent, NotificationBannerHeaderClass, NotificationBannerType, OrderService, OrderSummary, OrganisationConverter, OrganisationService, PageValidationService, PaginationComponent, PaginationMetadata, PaginationModule, PaletteContext, PaletteModule, PaletteService, PaletteUtilsModule, Patterns, PaymentField, PhaseComponent, PipesModule, PlaceholderService, PrintUrlPipe, Profile, ProfileNotifier, ProfileResolver, ProfileService, QualifyingQuestionDetailComponent, QualifyingQuestionOptionsComponent, QualifyingQuestionService, QualifyingQuestionsErrorMessage, QueryAttachmentsReadComponent, QueryCaseDetailsHeaderComponent, QueryCheckYourAnswersComponent, QueryConfirmationComponent, QueryCreateContext, QueryDetailsComponent, QueryEventCompletionComponent, QueryItemResponseStatus, QueryListComponent, QueryListData, QueryListItem, QueryManagementService, QueryWriteAddDocumentsComponent, QueryWriteDateInputComponent, QueryWriteRaiseQueryComponent, QueryWriteRespondToQueryComponent, RaiseQueryErrorMessage, ReadCaseFlagFieldComponent, ReadCaseLinkFieldComponent, ReadCollectionFieldComponent, ReadComplexFieldCollectionTableComponent, ReadComplexFieldComponent, ReadComplexFieldRawComponent, ReadComplexFieldTableComponent, ReadCookieService, ReadDateFieldComponent, ReadDocumentFieldComponent, ReadDynamicListFieldComponent, ReadDynamicMultiSelectListFieldComponent, ReadDynamicRadioListFieldComponent, ReadEmailFieldComponent, ReadFieldsFilterPipe, ReadFixedListFieldComponent, ReadFixedRadioListFieldComponent, ReadJudicialUserFieldComponent, ReadLinkedCasesFieldComponent, ReadMoneyGbpFieldComponent, ReadMultiSelectListFieldComponent, ReadNumberFieldComponent, ReadOrderSummaryFieldComponent, ReadOrderSummaryRowComponent, ReadOrganisationFieldComponent, ReadOrganisationFieldRawComponent, ReadOrganisationFieldTableComponent, ReadPhoneUKFieldComponent, ReadQueryManagementFieldComponent, ReadRichTextAreaFieldComponent, ReadStaffUserFieldComponent, ReadTextAreaFieldComponent, ReadTextFieldComponent, ReadYesNoFieldComponent, RefdataCaseFlagType, RemoveDialogComponent, RequestOptionsBuilder, RespondToQueryErrorMessages, RetryUtil, RouterHelperService, RouterLinkComponent, SaveOrDiscardDialogComponent, SearchFiltersComponent, SearchFiltersModule, SearchFiltersWrapperComponent, SearchInput, SearchLanguageInterpreterComponent, SearchLanguageInterpreterErrorMessage, SearchLanguageInterpreterStep, SearchResultComponent, SearchResultModule, SearchResultView, SearchResultViewColumn, SearchResultViewItem, SearchResultViewItemComparatorFactory, SearchService, SelectFlagErrorMessage, SelectFlagLocationComponent, SelectFlagLocationErrorMessage, SelectFlagTypeComponent, SelectFlagTypeErrorMessage, SessionErrorPageComponent, SessionErrorRoute, SessionJsonErrorLogger, SessionStorageGuard, SessionStorageService, ShowCondition, SortOrder$1 as SortOrder, SortParameters, SortSearchResultPipe, StructuredLoggerService, TabComponent, TableColumnConfig, TableConfig, TabsComponent, TabsModule, TaskAssignedComponent, TaskCancelledComponent, TaskConflictComponent, TaskUnassignedComponent, Terms, TestRouteSnapshotBuilder, TranslatedMarkdownDirective, TranslatedMarkdownModule, UnLinkCasesComponent, UnsupportedFieldComponent, UpdateFlagAddTranslationErrorMessage, UpdateFlagAddTranslationFormComponent, UpdateFlagAddTranslationStep, UpdateFlagComponent, UpdateFlagErrorMessage, UpdateFlagStep, UpdateFlagTitleDisplayPipe, WaysToPayFieldComponent, WindowService, Wizard, WizardFactoryService, WizardPage, WizardPageField, WorkAllocationService, WorkbasketFiltersComponent, WorkbasketFiltersModule, WorkbasketInput, WorkbasketInputFilterService, WorkbasketInputModel, WriteAddressFieldComponent, WriteCaseFlagFieldComponent, WriteCaseLinkFieldComponent, WriteCollectionFieldComponent, WriteComplexFieldComponent, WriteDateContainerFieldComponent, WriteDateFieldComponent, WriteDocumentFieldComponent, WriteDynamicListFieldComponent, WriteDynamicMultiSelectListFieldComponent, WriteDynamicRadioListFieldComponent, WriteEmailFieldComponent, WriteFixedListFieldComponent, WriteFixedRadioListFieldComponent, WriteJudicialUserFieldComponent, WriteLinkedCasesFieldComponent, WriteMoneyGbpFieldComponent, WriteMultiSelectListFieldComponent, WriteNumberFieldComponent, WriteOrderSummaryFieldComponent, WriteOrganisationComplexFieldComponent, WriteOrganisationFieldComponent, WritePhoneUKFieldComponent, WriteRichTextAreaFieldComponent, WriteStaffUserFieldComponent, WriteTextAreaFieldComponent, WriteTextFieldComponent, WriteYesNoFieldComponent, YesNoService, aCaseField, caseMessagesMockData, createACL, createCaseEventTrigger, createCaseField, createComplexFieldOverride, createFieldType, createFixedListFieldType, createHiddenComplexFieldOverride, createMultiSelectListFieldType, createWizardPage, createWizardPageField, editorRouting, initDialog, newCaseField, parseStaffUserSearchConfiguration, safeJsonParse, textFieldType, viewerRouting };
+export { AbstractAppConfig, AbstractFieldReadComponent, AbstractFieldWriteComponent, AbstractFieldWriteJourneyComponent, AbstractJourneyComponent, Activity, ActivityBannerComponent, ActivityComponent, ActivityIconComponent, ActivityInfo, ActivityModule, ActivityPollingService, ActivityService, AddCommentsComponent, AddCommentsErrorMessage, AddCommentsStep, AddressModel, AddressOption, AddressesService, Alert, AlertComponent, AlertIconClassPipe, AlertMessageType, AlertModule, AlertService, AuthService, Banner, BannersService, BeforeYouStartComponent, BodyComponent, BrowserService, CCDCaseLinkType, COMPONENT_PORTAL_INJECTION_TOKEN, CallbackErrorsComponent, CallbackErrorsContext, CaseAccessUtils, CaseBasicAccessViewComponent, CaseChallengedAccessRequestComponent, CaseChallengedAccessSuccessComponent, CaseCreateComponent, CaseDetails, CaseEditComponent, CaseEditConfirmComponent, CaseEditDataModule, CaseEditDataService, CaseEditFormComponent, CaseEditPageComponent, CaseEditSubmitComponent, CaseEditWizardGuard, CaseEditorConfig, CaseEditorModule, CaseEvent, CaseEventCompletionComponent, CaseEventCompletionTaskCancelledComponent, CaseEventCompletionTaskReassignedComponent, CaseEventData, CaseEventTrigger, CaseEventTriggerComponent, CaseField, CaseFieldService, CaseFileViewFieldComponent, CaseFileViewFolderComponent, CaseFileViewFolderDocumentActionsComponent, CaseFileViewFolderSelectorComponent, CaseFileViewFolderSortComponent, CaseFileViewFolderToggleComponent, CaseFileViewOverlayMenuComponent, CaseFileViewService, CaseFlagCheckYourAnswersPageStep, CaseFlagDisplayContextParameter, CaseFlagErrorMessage, CaseFlagFieldState, CaseFlagFormFields, CaseFlagRefdataService, CaseFlagStatus, CaseFlagSummaryListComponent, CaseFlagSummaryListDisplayMode, CaseFlagTableComponent, CaseFlagWizardStepTitle, CaseFullAccessViewComponent, CaseHeaderComponent, CaseHeaderModule, CaseHistoryViewerFieldComponent, CaseLink, CaseLinkResponse, CaseListComponent, CaseListFiltersComponent, CaseListFiltersModule, CaseListModule, CaseNotifier, CasePaymentHistoryViewerFieldComponent, CasePrintDocument, CasePrinterComponent, CaseProgressComponent, CaseReferencePipe, CaseResolver, CaseSpecificAccessRequestComponent, CaseSpecificAccessSuccessComponent, CaseState, CaseStateMultiSelectComponent, CaseTab, CaseTimelineComponent, CaseTimelineDisplayMode, CaseTimelineModule, CaseType, CaseTypeLite, CaseView, CaseViewComponent, CaseViewEvent, CaseViewTrigger, CaseViewerComponent, CaseViewerModule, CasesService, CaseworkerService, CcdCYAPageLabelFilterPipe, CcdCaseTitlePipe, CcdCollectionTableCaseFieldsFilterPipe, CcdPageFieldsPipe, CcdTabFieldsPipe, CheckYourAnswersComponent, CloseQueryComponent, ConditionalShowFormDirective, ConditionalShowModule, ConditionalShowRegistrarService, ConfirmFlagStatusComponent, ConfirmStatusErrorMessage, ConfirmStatusStep, Confirmation, ConvertHrefToRouterService, CreateCaseFiltersComponent, CreateCaseFiltersModule, CreateCaseFiltersSelection, DRAFT_PREFIX, DRAFT_QUERY_PARAM, DashPipe, DateInputComponent, DatePipe, DateTimeFormatUtils, DatetimePickerComponent, DefinitionsModule, DefinitionsService, DeleteOrCancelDialogComponent, DialogsModule, DisplayMode, Document, DocumentData, DocumentDialogComponent, DocumentLinks, DocumentManagementService, DocumentUrlPipe, Draft, DraftService, DynamicListPipe, DynamicRadioListPipe, ESQueryType, Embedded, EnumDisplayDescriptionPipe, ErrorMessageComponent, ErrorNotifierService, EventCaseField, EventCompletionReturnStates, EventCompletionStateMachineService, EventCompletionStates, EventLogComponent, EventLogDetailsComponent, EventLogTableComponent, EventMessageModule, EventStartComponent, EventStartModule, EventStartStateMachineService, EventStatusService, EventTriggerResolver, EventTriggerService, Fee, FeeValue, Field, FieldLabelPipe, FieldReadComponent, FieldReadLabelComponent, FieldType, FieldTypeSanitiser, FieldWriteComponent, FieldsFilterPipe, FieldsPurger, FieldsUtils, FirstErrorPipe, FixedListItem, FixedListPipe, FixedRadioListPipe, FlagFieldDisplayPipe, FocusElementDirective, FocusElementModule, FocusService, FooterComponent, FormDocument, FormErrorService, FormValidatorsService, FormValueService, FormatTranslatorService, GreyBarService, HRef, HeaderBarComponent, HeadersModule, HttpError, HttpErrorService, HttpService, IsCompoundPipe, IsMandatoryPipe, IsReadOnlyAndNotCollectionPipe, IsReadOnlyPipe, JudicialworkerService, Jurisdiction, JurisdictionService, LabelFieldComponent, LabelSubstitutorDirective, LabelSubstitutorModule, LanguageInterpreterDisplayPipe, LinkCaseReason, LinkCasesComponent, LinkCasesFromReasonValuePipe, LinkCasesReasonValuePipe, LinkDetails, LinkFromReason, LinkReason, LinkedCasesErrorMessages, LinkedCasesEventTriggers, LinkedCasesFromTableComponent, LinkedCasesPages, LinkedCasesResponse, LinkedCasesToTableComponent, LoadingModule, LoadingService, LoadingSpinnerComponent, LoadingSpinnerModule, MULTIPLE_TASKS_FOUND, ManageCaseFlagsComponent, ManageCaseFlagsLabelDisplayPipe, MarkdownComponent, MarkdownComponentModule, MoneyGbpInputComponent, MultipageComponentStateService, MultipleTasksExistComponent, NavigationComponent, NavigationItemComponent, NavigationNotifierService, NavigationOrigin, NoLinkedCasesComponent, NoTasksAvailableComponent, NotificationBannerComponent, NotificationBannerHeaderClass, NotificationBannerType, OrderService, OrderSummary, OrganisationConverter, OrganisationService, PageValidationService, PaginationComponent, PaginationMetadata, PaginationModule, PaletteContext, PaletteModule, PaletteService, PaletteUtilsModule, Patterns, PaymentField, PhaseComponent, PipesModule, PlaceholderService, PrintUrlPipe, Profile, ProfileNotifier, ProfileResolver, ProfileService, QualifyingQuestionDetailComponent, QualifyingQuestionOptionsComponent, QualifyingQuestionService, QualifyingQuestionsErrorMessage, QueryAttachmentsReadComponent, QueryCaseDetailsHeaderComponent, QueryCheckYourAnswersComponent, QueryConfirmationComponent, QueryCreateContext, QueryDetailsComponent, QueryEventCompletionComponent, QueryItemResponseStatus, QueryListComponent, QueryListData, QueryListItem, QueryManagementService, QueryWriteAddDocumentsComponent, QueryWriteDateInputComponent, QueryWriteRaiseQueryComponent, QueryWriteRespondToQueryComponent, RaiseQueryErrorMessage, ReadCaseFlagFieldComponent, ReadCaseLinkFieldComponent, ReadCollectionFieldComponent, ReadComplexFieldCollectionTableComponent, ReadComplexFieldComponent, ReadComplexFieldRawComponent, ReadComplexFieldTableComponent, ReadCookieService, ReadDateFieldComponent, ReadDocumentFieldComponent, ReadDynamicListFieldComponent, ReadDynamicMultiSelectListFieldComponent, ReadDynamicRadioListFieldComponent, ReadEmailFieldComponent, ReadFieldsFilterPipe, ReadFixedListFieldComponent, ReadFixedRadioListFieldComponent, ReadJudicialUserFieldComponent, ReadLinkedCasesFieldComponent, ReadMoneyGbpFieldComponent, ReadMultiSelectListFieldComponent, ReadNumberFieldComponent, ReadOrderSummaryFieldComponent, ReadOrderSummaryRowComponent, ReadOrganisationFieldComponent, ReadOrganisationFieldRawComponent, ReadOrganisationFieldTableComponent, ReadPhoneUKFieldComponent, ReadQueryManagementFieldComponent, ReadRichTextAreaFieldComponent, ReadStaffUserFieldComponent, ReadTextAreaFieldComponent, ReadTextFieldComponent, ReadYesNoFieldComponent, RefdataCaseFlagType, RemoveDialogComponent, RequestOptionsBuilder, RespondToQueryErrorMessages, RetryUtil, RouterHelperService, RouterLinkComponent, SaveOrDiscardDialogComponent, SearchFiltersComponent, SearchFiltersModule, SearchFiltersWrapperComponent, SearchInput, SearchLanguageInterpreterComponent, SearchLanguageInterpreterErrorMessage, SearchLanguageInterpreterStep, SearchResultComponent, SearchResultModule, SearchResultView, SearchResultViewColumn, SearchResultViewItem, SearchResultViewItemComparatorFactory, SearchService, SelectFlagErrorMessage, SelectFlagLocationComponent, SelectFlagLocationErrorMessage, SelectFlagTypeComponent, SelectFlagTypeErrorMessage, SessionErrorPageComponent, SessionErrorRoute, SessionJsonErrorLogger, SessionStorageGuard, SessionStorageService, ShowCondition, SortOrder$1 as SortOrder, SortParameters, SortSearchResultPipe, StructuredLoggerService, TabComponent, TableColumnConfig, TableConfig, TabsComponent, TabsModule, TaskAssignedComponent, TaskCancelledComponent, TaskConflictComponent, TaskUnassignedComponent, Terms, TestRouteSnapshotBuilder, TranslatedMarkdownDirective, TranslatedMarkdownModule, UnLinkCasesComponent, UnsupportedFieldComponent, UpdateFlagAddTranslationErrorMessage, UpdateFlagAddTranslationFormComponent, UpdateFlagAddTranslationStep, UpdateFlagComponent, UpdateFlagErrorMessage, UpdateFlagStep, UpdateFlagTitleDisplayPipe, WaysToPayFieldComponent, WindowService, Wizard, WizardFactoryService, WizardPage, WizardPageField, WorkAllocationService, WorkbasketFiltersComponent, WorkbasketFiltersModule, WorkbasketInput, WorkbasketInputFilterService, WorkbasketInputModel, WriteAddressFieldComponent, WriteCaseFlagFieldComponent, WriteCaseLinkFieldComponent, WriteCollectionFieldComponent, WriteComplexFieldComponent, WriteDateContainerFieldComponent, WriteDateFieldComponent, WriteDocumentFieldComponent, WriteDynamicListFieldComponent, WriteDynamicMultiSelectListFieldComponent, WriteDynamicRadioListFieldComponent, WriteEmailFieldComponent, WriteFixedListFieldComponent, WriteFixedRadioListFieldComponent, WriteJudicialUserFieldComponent, WriteLinkedCasesFieldComponent, WriteMoneyGbpFieldComponent, WriteMultiSelectListFieldComponent, WriteNumberFieldComponent, WriteOrderSummaryFieldComponent, WriteOrganisationComplexFieldComponent, WriteOrganisationFieldComponent, WritePhoneUKFieldComponent, WriteRichTextAreaFieldComponent, WriteStaffUserFieldComponent, WriteTextAreaFieldComponent, WriteTextFieldComponent, WriteYesNoFieldComponent, YesNoService, aCaseField, caseMessagesMockData, createACL, createCaseEventTrigger, createCaseField, createComplexFieldOverride, createFieldType, createFixedListFieldType, createHiddenComplexFieldOverride, createMultiSelectListFieldType, createWizardPage, createWizardPageField, editorRouting, initDialog, newCaseField, parseStaffUserSearchConfiguration, safeJsonParse, textFieldType, viewerRouting };
 //# sourceMappingURL=hmcts-ccd-case-ui-toolkit.mjs.map