@hmcts/ccd-case-ui-toolkit 7.3.95-exui-5153-rc3 → 7.3.96-exui-5063

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

@@ -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$19 = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
-const _c1$v = ["[footerSolsNavLinks]", "[footerCaseWorkerNavLinks]"];
+const _c0$1a = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
+const _c1$w = ["[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$v, 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$19);
+    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);
             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()();
@@ -168,8 +168,8 @@ class FooterComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FooterComponent, { className: "FooterComponent", filePath: "lib/components/footer/footer.component.ts", lineNumber: 9 }); })();
 
-const _c0$18 = [[["", "headerNavigation", ""]]];
-const _c1$u = ["[headerNavigation]"];
+const _c0$19 = [[["", "headerNavigation", ""]]];
+const _c1$v = ["[headerNavigation]"];
 function HeaderBarComponent_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div")(1, "a", 12);
     i0.ɵɵelement(2, "img", 13);
@@ -210,8 +210,8 @@ class HeaderBarComponent {
         this.signOutRequest.emit();
     }
     static ɵfac = function HeaderBarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HeaderBarComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderBarComponent, selectors: [["cut-header-bar"]], inputs: { title: "title", isSolicitor: "isSolicitor", username: "username" }, outputs: { signOutRequest: "signOutRequest" }, standalone: false, ngContentSelectors: _c1$u, 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$18);
+    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);
             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();
@@ -261,13 +261,13 @@ class HeaderBarComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HeaderBarComponent, { className: "HeaderBarComponent", filePath: "lib/components/header/header-bar/header-bar.component.ts", lineNumber: 9 }); })();
 
-const _c0$17 = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
-const _c1$t = ["[leftNavLinks]", "[rightNavLinks]"];
+const _c0$18 = [[["", "leftNavLinks", ""]], [["", "rightNavLinks", ""]]];
+const _c1$u = ["[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$t, decls: 4, vars: 2, consts: [[1, "cut-nav-bar"]], template: function NavigationComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$17);
+    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);
             i0.ɵɵelementStart(0, "div")(1, "nav", 0);
             i0.ɵɵprojection(2);
             i0.ɵɵprojection(3, 1);
@@ -385,12 +385,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$16 = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
-const _c1$s = ["[topBody]", "[leftBody]", "[rightBody]"];
+const _c0$17 = [[["", "topBody", ""]], [["", "leftBody", ""]], [["", "rightBody", ""]]];
+const _c1$t = ["[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$s, decls: 4, vars: 0, consts: [[1, "global-display"]], template: function BodyComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$16);
+    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);
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵprojection(1);
             i0.ɵɵprojection(2, 1);
@@ -404,7 +404,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$15 = a0 => ({ "govuk-input--error": a0 });
+const _c0$16 = 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);
@@ -421,7 +421,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$15, ctx_r6.isInvalid));
+    i0.ɵɵproperty("id", ctx_r6.hourId())("name", ctx_r6.hourId())("value", ctx_r6.displayHour)("ngClass", i0.ɵɵpureFunction1(9, _c0$16, ctx_r6.isInvalid));
     i0.ɵɵattribute("aria-labelledby", "hour-label-" + ctx_r6.hourId());
 } }
 function DateInputComponent_div_20_Template(rf, ctx) { if (rf & 1) {
@@ -440,7 +440,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$15, ctx_r6.isInvalid));
+    i0.ɵɵproperty("id", ctx_r6.minuteId())("name", ctx_r6.minuteId())("value", ctx_r6.displayMinute)("ngClass", i0.ɵɵpureFunction1(9, _c0$16, ctx_r6.isInvalid));
     i0.ɵɵattribute("aria-labelledby", "minute-label-" + ctx_r6.minuteId());
 } }
 function DateInputComponent_div_21_Template(rf, ctx) { if (rf & 1) {
@@ -459,7 +459,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$15, ctx_r6.isInvalid));
+    i0.ɵɵproperty("id", ctx_r6.secondId())("name", ctx_r6.secondId())("value", ctx_r6.displaySecond)("ngClass", i0.ɵɵpureFunction1(9, _c0$16, ctx_r6.isInvalid));
     i0.ɵɵattribute("aria-labelledby", "second-label-" + ctx_r6.secondId());
 } }
 class DateInputComponent {
@@ -695,21 +695,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$15, ctx.isInvalid));
+            i0.ɵɵproperty("id", ctx.dayId())("name", ctx.dayId())("value", ctx.displayDay)("ngClass", i0.ɵɵpureFunction1(30, _c0$16, 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$15, ctx.isInvalid));
+            i0.ɵɵproperty("id", ctx.monthId())("name", ctx.monthId())("value", ctx.displayMonth)("ngClass", i0.ɵɵpureFunction1(32, _c0$16, 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$15, ctx.isInvalid));
+            i0.ɵɵproperty("id", ctx.yearId())("name", ctx.yearId())("value", ctx.displayYear)("ngClass", i0.ɵɵpureFunction1(34, _c0$16, ctx.isInvalid));
             i0.ɵɵattribute("aria-labelledby", "year-label-" + ctx.yearId());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.isDateTime);
@@ -746,7 +746,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$14 = ["*"];
+const _c0$15 = ["*"];
 function AlertComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵnamespaceSVG();
@@ -796,7 +796,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$14, 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$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) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelementContainerStart(1, 1);
@@ -1010,20 +1010,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$13 = ["*"];
-const _c1$r = a0 => ({ "js-hidden": a0 });
+const _c0$14 = ["*"];
+const _c1$s = 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$13, 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$14, 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$r, !ctx.selected));
+            i0.ɵɵproperty("id", ctx.id)("ngClass", i0.ɵɵpureFunction1(3, _c1$s, !ctx.selected));
             i0.ɵɵattribute("aria-hidden", !ctx.selected);
         } }, dependencies: [i5.NgClass], styles: [".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}}"] });
 }
@@ -1039,8 +1039,8 @@ class TabComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TabComponent, { className: "TabComponent", filePath: "lib/components/tabs/tab.component.ts", lineNumber: 11 }); })();
 
-const _c0$12 = ["tab"];
-const _c1$q = ["*"];
+const _c0$13 = ["tab"];
+const _c1$r = ["*"];
 const _c2$5 = () => ["."];
 const _c3$1 = a0 => ({ "tabs-toggle-selected": a0 });
 function TabsComponent_li_2_Template(rf, ctx) { if (rf & 1) {
@@ -1086,11 +1086,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$12, 5);
+            i0.ɵɵviewQuery(_c0$13, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabs = _t);
-        } }, standalone: false, ngContentSelectors: _c1$q, 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$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) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 1)(1, "ul", 2);
             i0.ɵɵtemplate(2, TabsComponent_li_2_Template, 5, 11, "li", 3);
@@ -1145,7 +1145,7 @@ class TabsModule {
         RouterModule, i1.RpxTranslationModule], exports: [TabsComponent,
         TabComponent] }); })();
 
-const _c0$11 = (a0, a1) => ({ caseLocked: a0, someoneViewing: a1 });
+const _c0$12 = (a0, a1) => ({ caseLocked: a0, someoneViewing: a1 });
 class ActivityBannerComponent {
     bannerType;
     description;
@@ -1164,7 +1164,7 @@ class ActivityBannerComponent {
             i0.ɵɵpipe(6, "rpxTranslate");
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(10, _c0$11, ctx.bannerType === "editor", ctx.bannerType === "viewer"));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(10, _c0$12, 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);
@@ -4173,6 +4173,84 @@ var SortOrder$1;
     SortOrder[SortOrder["UNSORTED"] = 2] = "UNSORTED";
 })(SortOrder$1 || (SortOrder$1 = {}));
 
+const STAFF_CACHE_ROLE_CATEGORIES = new Set([
+    'ADMIN',
+    'CTSC',
+    'LEGAL_OPERATIONS'
+]);
+const SUPPORTED_ROLE_CATEGORIES = new Set([
+    ...STAFF_CACHE_ROLE_CATEGORIES,
+    'JUDICIAL',
+]);
+// Aliases allow the definition to use the shorter, hyphenated form within #ARGUMENT(...)
+const ROLE_CATEGORY_ALIASES = {
+    LEGAL_OPS: 'LEGAL_OPERATIONS'
+};
+const ARGUMENT_REGEX = /#ARGUMENT\(([^)]*)\)/;
+const CATEGORY_PREFIX = 'CATEGORY-';
+const REGION_PREFIX = 'REGION-';
+/**
+ * Parses the `display_context_parameter` of a StaffUser field to determine the filters to apply
+ * when searching reference data.
+ *
+ * Expected format: `#ARGUMENT(CATEGORY-LEGAL-OPS,CATEGORY-ADMIN,REGION-1235)`
+ */
+function parseStaffUserSearchConfiguration(displayContextParameter) {
+    if (!displayContextParameter) {
+        return invalidConfiguration();
+    }
+    const match = ARGUMENT_REGEX.exec(displayContextParameter);
+    if (!match?.[1]) {
+        return invalidConfiguration();
+    }
+    const tokens = match[1].split(',').map(token => token.trim());
+    if (tokens.some(token => !token)) {
+        return invalidConfiguration();
+    }
+    const roleCategories = [];
+    for (const token of tokens) {
+        if (token.startsWith(CATEGORY_PREFIX)) {
+            const category = normaliseRoleCategory(token.substring(CATEGORY_PREFIX.length));
+            if (!isStaffUserRoleCategory(category)) {
+                return invalidConfiguration();
+            }
+            if (!roleCategories.includes(category)) {
+                roleCategories.push(category);
+            }
+        }
+        else if (token.startsWith(REGION_PREFIX)) {
+            // Region filtering is not supported in this version; REGION- tokens are silently ignored
+        }
+        else {
+            return invalidConfiguration();
+        }
+    }
+    if (!roleCategories.length) {
+        return invalidConfiguration();
+    }
+    return {
+        valid: true,
+        configuration: {
+            roleCategories,
+            staffRoleCategories: roleCategories.filter(isStaffCacheRoleCategory),
+            includesJudicial: roleCategories.includes('JUDICIAL')
+        }
+    };
+}
+function normaliseRoleCategory(category) {
+    const normalised = category.replaceAll('-', '_');
+    return ROLE_CATEGORY_ALIASES[normalised] || normalised;
+}
+function isStaffUserRoleCategory(category) {
+    return SUPPORTED_ROLE_CATEGORIES.has(category);
+}
+function isStaffCacheRoleCategory(category) {
+    return STAFF_CACHE_ROLE_CATEGORIES.has(category);
+}
+function invalidConfiguration() {
+    return { valid: false, error: 'INVALID_ROLE_CATEGORIES' };
+}
+
 class WorkbasketInputModel {
     label;
     order;
@@ -6174,14 +6252,13 @@ class Constants {
     }], null, null); })();
 
 class FormValidatorsService {
-    static CUSTOM_VALIDATED_TYPES = [
-        'Date', 'MoneyGBP', 'Label', 'JudicialUser'
-    ];
+    static CUSTOM_VALIDATED_FIELD_TYPES = ['Date', 'MoneyGBP', 'Label'];
+    static CUSTOM_VALIDATED_COMPLEX_TYPE_IDS = ['JudicialUser', 'StaffUser'];
     static DEFAULT_INPUT_TEXT = 'text';
     static DEFAULT_INPUT_TEXTAREA = 'textAreas';
     static addValidators(caseField, control) {
         if (caseField.display_context === Constants.MANDATORY &&
-            FormValidatorsService.CUSTOM_VALIDATED_TYPES.indexOf(caseField.field_type.type) === -1) {
+            !FormValidatorsService.isCustomValidatedType(caseField)) {
             const validators = [Validators.required];
             if (caseField.field_type.type === 'Text') {
                 validators.push(this.markDownPatternValidator());
@@ -6222,6 +6299,11 @@ class FormValidatorsService {
         };
         return validator;
     }
+    static isCustomValidatedType(caseField) {
+        return FormValidatorsService.CUSTOM_VALIDATED_FIELD_TYPES.includes(caseField.field_type.type)
+            || (caseField.field_type.type === 'Complex'
+                && FormValidatorsService.CUSTOM_VALIDATED_COMPLEX_TYPE_IDS.includes(caseField.field_type.id));
+    }
     static markDownPatternValidator() {
         // Matches: [text](url), ![alt](url), <img ...>, <a ...>...</a>
         const inlineMarkdownPattern = /(?:!?\[[^\]]{0,500}\]\([^)]{0,500}\)|<(?:img\b[^>]{0,500}>|a\b[^>]{0,500}>[\s\S]*?<\/a>))/i;
@@ -8847,11 +8929,17 @@ class JurisdictionService {
         return this._selectedJurisdictionBS;
     }
     searchJudicialUsers(searchTerm, serviceId) {
-        return this.httpService.post('api/prd/judicial/getJudicialUsersSearch', { searchString: searchTerm, serviceCode: serviceId });
+        return this.httpService.post('api/prd/judicial/getJudicialUsersSearch', {
+            searchString: searchTerm,
+            serviceCode: serviceId
+        });
     }
     searchJudicialUsersByPersonalCodes(personalCodes) {
         return this.httpService.post('api/prd/judicial/searchJudicialUserByPersonalCodes', { personal_code: personalCodes });
     }
+    getJudicialUserByIdamId(idamId) {
+        return this.httpService.post('api/prd/judicial/searchJudicialUserByIdamId', { sidam_ids: [idamId] }).pipe(map((users) => (users && users.length > 0 ? users[0] : null)));
+    }
     static ɵfac = function JurisdictionService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || JurisdictionService)(i0.ɵɵinject(HttpService)); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: JurisdictionService, factory: JurisdictionService.ɵfac });
 }
@@ -10030,13 +10118,31 @@ class CaseworkerService {
     }
     getUserByIdamId(idamId) {
         const url = `${this.appConfig.getWorkAllocationApiUrl()}/caseworker/getUserByIdamId`;
+        const body = { idamId };
         return this.http
-            .post(url, idamId)
+            .post(url, body)
             .pipe(catchError(error => {
             this.errorService.setError(error);
             return throwError(error);
         }));
     }
+    searchStaffUsers(services, searchTerm, roleCategories) {
+        const url = `${this.appConfig.getWorkAllocationApiUrl()}/caseworker/getUsersByServiceName`;
+        const normalisedSearchTerm = searchTerm.toLowerCase();
+        return this.http
+            .post(url, { services, term: searchTerm })
+            .pipe(map((caseworkers) => caseworkers
+            .filter(caseworker => roleCategories.some(roleCategory => caseworker.roleCategories.includes(roleCategory)))
+            .map(caseworker => ({
+            idamId: caseworker.idamId,
+            displayName: `${caseworker.firstName} ${caseworker.lastName}`.trim(),
+            ...(caseworker.email ? { emailId: caseworker.email } : {})
+        }))
+            .filter(staffUser => staffUser.displayName.toLowerCase().includes(normalisedSearchTerm))), catchError(error => {
+            this.errorService.setError(error);
+            return throwError(error);
+        }));
+    }
     static ɵfac = function CaseworkerService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseworkerService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(HttpErrorService)); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CaseworkerService, factory: CaseworkerService.ɵfac });
 }
@@ -10329,9 +10435,7 @@ class PageValidationService {
             .filter((caseField) => !this.caseFieldService.isReadOnly(caseField))
             .filter((caseField) => !this.isHidden(caseField, editForm))
             .forEach((caseField) => {
-            const theControl = FieldsUtils.isCaseFieldOfType(caseField, ['JudicialUser'])
-                ? editForm.controls.data.get(`${caseField.id}_judicialUserControl`)
-                : editForm.controls.data.get(caseField.id);
+            const theControl = editForm.controls.data.get(this.getValidationControlName(caseField));
             if (!(this.checkDocumentField(caseField, theControl) && this.checkOptionalField(caseField, theControl))) {
                 failingCaseFields.push(caseField);
             }
@@ -10361,6 +10465,15 @@ class PageValidationService {
     checkMandatoryField(caseField, theControl) {
         return this.caseFieldService.isMandatory(caseField) && theControl === null;
     }
+    getValidationControlName(caseField) {
+        if (FieldsUtils.isCaseFieldOfType(caseField, ['JudicialUser'])) {
+            return `${caseField.id}_judicialUserControl`;
+        }
+        if (FieldsUtils.isCaseFieldOfType(caseField, ['StaffUser'])) {
+            return `${caseField.id}_staffUserControl`;
+        }
+        return caseField.id;
+    }
     static ɵfac = function PageValidationService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PageValidationService)(i0.ɵɵinject(CaseFieldService)); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PageValidationService, factory: PageValidationService.ɵfac });
 }
@@ -12632,9 +12745,7 @@ class CaseEditPageComponent {
             .forEach(casefield => {
             let errorPresent = true;
             validErrorFieldFound = true;
-            const fieldElement = FieldsUtils.isCaseFieldOfType(casefield, ['JudicialUser'])
-                ? group.get(`${casefield.id}_judicialUserControl`)
-                : group.get(casefield.id);
+            const fieldElement = group.get(this.getAutocompleteUserControlName(casefield));
             if (fieldElement) {
                 const label = this.getInterpolatedFieldLabel(casefield);
                 let id = casefield.id;
@@ -12656,9 +12767,9 @@ class CaseEditPageComponent {
                         this.caseEditDataService.addFormValidationError({ id, message: `%FIELDLABEL% is required`, label });
                     }
                     fieldElement.markAsDirty();
-                    // For the JudicialUser field type, an error needs to be set on the component so that an error message
+                    // For autocomplete user field types, an error needs to be set on the component so that an error message
                     // can be displayed at field level
-                    if (FieldsUtils.isCaseFieldOfType(casefield, ['JudicialUser'])) {
+                    if (this.isAutocompleteUserField(casefield)) {
                         fieldElement['component'].errors = { required: true };
                     }
                 }
@@ -12833,10 +12944,10 @@ class CaseEditPageComponent {
                 this.handleError(error);
             });
             CaseEditPageComponent.scrollToTop();
-            // Remove all JudicialUser FormControls with the ID suffix "_judicialUserControl" because these are not
+            // Remove autocomplete user FormControls because these are not
             // intended to be present in the Case Event data (they are added only for value selection and validation
             // purposes)
-            this.removeAllJudicialUserFormControls(this.currentPage, this.editForm);
+            this.removeAllAutocompleteUserFormControls(this.currentPage, this.editForm);
         }
         this.focusService.focus();
     }
@@ -13138,13 +13249,25 @@ class CaseEditPageComponent {
             submit: this.caseEdit.submit,
         });
     }
-    removeAllJudicialUserFormControls(page, editForm) {
+    removeAllAutocompleteUserFormControls(page, editForm) {
         page.case_fields.forEach(caseField => {
-            if (FieldsUtils.isCaseFieldOfType(caseField, ['JudicialUser'])) {
-                editForm.controls['data'].removeControl(`${caseField.id}_judicialUserControl`);
+            if (this.isAutocompleteUserField(caseField)) {
+                editForm.controls['data'].removeControl(this.getAutocompleteUserControlName(caseField));
             }
         });
     }
+    isAutocompleteUserField(caseField) {
+        return FieldsUtils.isCaseFieldOfType(caseField, ['JudicialUser', 'StaffUser']);
+    }
+    getAutocompleteUserControlName(caseField) {
+        if (FieldsUtils.isCaseFieldOfType(caseField, ['JudicialUser'])) {
+            return `${caseField.id}_judicialUserControl`;
+        }
+        if (FieldsUtils.isCaseFieldOfType(caseField, ['StaffUser'])) {
+            return `${caseField.id}_staffUserControl`;
+        }
+        return caseField.id;
+    }
     static ɵfac = function CaseEditPageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseEditPageComponent)(i0.ɵɵdirectiveInject(CaseEditComponent), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(FormValueService), i0.ɵɵdirectiveInject(FormErrorService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PageValidationService), i0.ɵɵdirectiveInject(i1$3.MatLegacyDialog), i0.ɵɵdirectiveInject(CaseFieldService), i0.ɵɵdirectiveInject(CaseEditDataService), i0.ɵɵdirectiveInject(LoadingService), i0.ɵɵdirectiveInject(ValidPageListCaseFieldsService), i0.ɵɵdirectiveInject(MultipageComponentStateService), i0.ɵɵdirectiveInject(AddressesService), i0.ɵɵdirectiveInject(LinkedCasesService), i0.ɵɵdirectiveInject(CaseFlagStateService), i0.ɵɵdirectiveInject(FocusService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseEditPageComponent, selectors: [["ccd-case-edit-page"]], viewQuery: function CaseEditPageComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(CaseEditFormComponent, 5);
@@ -13466,7 +13589,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$10 = (a0, a1, a2) => ["/", "cases", "case-details", a0, a1, a2, "tasks"];
+const _c0$11 = (a0, a1, a2) => ["/", "cases", "case-details", a0, a1, a2, "tasks"];
 class CaseEventCompletionTaskCancelledComponent {
     context;
     notifyEventCompletionCancelled = new EventEmitter();
@@ -13535,7 +13658,7 @@ class CaseEventCompletionTaskCancelledComponent {
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(27, 21, "Continue"), " ");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction3(25, _c0$10, ctx.jurisdiction, ctx.caseType, ctx.caseId));
+            i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction3(25, _c0$11, ctx.jurisdiction, ctx.caseType, ctx.caseId));
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(30, 23, "Cancel"), " ");
         } }, dependencies: [i1$1.RouterLink, i1.RpxTranslatePipe], encapsulation: 2 });
@@ -13550,7 +13673,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$$ = (a0, a1, a2) => ["/", "cases", "case-details", a0, a1, a2, "tasks"];
+const _c0$10 = (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);
@@ -13603,7 +13726,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$$, ctx_r1.jurisdiction, ctx_r1.caseType, ctx_r1.caseId));
+    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction3(26, _c0$10, ctx_r1.jurisdiction, ctx_r1.caseType, ctx_r1.caseId));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(30, 24, "Cancel"), " ");
 } }
@@ -14006,8 +14129,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$p = a0 => ({ "form-group-error": a0 });
+const _c0$$ = ["writeComplexFieldComponent"];
+const _c1$q = a0 => ({ "form-group-error": a0 });
 const _c2$4 = a0 => ({ "govuk-input--error": a0 });
 function WriteAddressFieldComponent_div_1_div_4_span_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 14);
@@ -14034,7 +14157,7 @@ function WriteAddressFieldComponent_div_1_div_4_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("id", ctx_r1.createElementId("postcodeLookup"))("ngClass", i0.ɵɵpureFunction1(14, _c1$p, ctx_r1.missingPostcode));
+    i0.ɵɵproperty("id", ctx_r1.createElementId("postcodeLookup"))("ngClass", i0.ɵɵpureFunction1(14, _c1$q, ctx_r1.missingPostcode));
     i0.ɵɵadvance();
     i0.ɵɵproperty("for", ctx_r1.createElementId("postcodeInput"));
     i0.ɵɵadvance(2);
@@ -14102,7 +14225,7 @@ function WriteAddressFieldComponent_div_1_div_5_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c1$p, ctx_r1.noAddressSelected));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c1$q, ctx_r1.noAddressSelected));
     i0.ɵɵadvance();
     i0.ɵɵproperty("for", ctx_r1.createElementId("addressList"));
     i0.ɵɵadvance(2);
@@ -14273,7 +14396,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$$, 5);
             i0.ɵɵviewQuery(FocusElementDirective, 5);
         } if (rf & 2) {
             let _t;
@@ -14336,7 +14459,7 @@ class AbstractFieldReadComponent extends AbstractFormFieldComponent {
             type: Input
         }] }); })();
 
-const _c0$Z = ["journeyChild"];
+const _c0$_ = ["journeyChild"];
 class AbstractFieldWriteJourneyComponent extends AbstractFieldWriteComponent {
     multipageComponentStateService;
     journeyStartPageNumber = 0;
@@ -14411,7 +14534,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$Z, 5);
+            i0.ɵɵviewQuery(_c0$_, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.childJourney = _t.first);
@@ -14426,7 +14549,7 @@ class AbstractFieldWriteJourneyComponent extends AbstractFieldWriteComponent {
             args: ['journeyChild']
         }] }); })();
 
-const _c0$Y = ["journeyChild"];
+const _c0$Z = ["journeyChild"];
 class AbstractJourneyComponent {
     multipageComponentStateService;
     journeyStartPageNumber = 0;
@@ -14488,7 +14611,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$Y, 5);
+            i0.ɵɵviewQuery(_c0$Z, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.childJourney = _t.first);
@@ -15970,8 +16093,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$X = ["writeComplexFieldComponent"];
-const _c1$o = a0 => ({ "form-group-error": a0 });
+const _c0$Y = ["writeComplexFieldComponent"];
+const _c1$p = a0 => ({ "form-group-error": a0 });
 function WriteCaseLinkFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 6);
     i0.ɵɵtext(1);
@@ -16051,7 +16174,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$X, 5);
+            i0.ɵɵviewQuery(_c0$Y, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.writeComplexFieldComponent = _t.first);
@@ -16063,7 +16186,7 @@ class WriteCaseLinkFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵelement(5, "input", 5);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1$o, !ctx.caseReferenceControl.valid && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.touched)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1$p, !ctx.caseReferenceControl.valid && (ctx.caseReferenceControl.dirty || ctx.caseReferenceControl.touched)));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -16085,8 +16208,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$W = (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$n = (a0, a1, a2, a3, a4, a5) => ({ id: a0, label: a1, field_type: a2, value: a3, hidden: a4, parent: a5 });
+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 });
 function ReadCollectionFieldComponent_table_0_tbody_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tbody")(1, "tr");
     i0.ɵɵelement(2, "th", 4);
@@ -16096,7 +16219,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$W, 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$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);
 } }
 function ReadCollectionFieldComponent_table_0_tbody_3_tr_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr")(1, "td");
@@ -16107,7 +16230,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$n, 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$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));
 } }
 function ReadCollectionFieldComponent_table_0_tbody_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tbody");
@@ -16218,7 +16341,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$V = ["collectionItem"];
+const _c0$W = ["collectionItem"];
 function WriteCollectionFieldComponent_h2_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "h2", 7);
     i0.ɵɵtext(1);
@@ -16639,7 +16762,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$V, 5);
+            i0.ɵɵviewQuery(_c0$W, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.items = _t);
@@ -16958,8 +17081,8 @@ class FileUploadStateService {
         type: Injectable
     }], null, null); })();
 
-const _c0$U = ["fileInput"];
-const _c1$m = a0 => ({ "form-group-error bottom-30": a0 });
+const _c0$V = ["fileInput"];
+const _c1$n = 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);
@@ -17337,7 +17460,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$U, 5);
+            i0.ɵɵviewQuery(_c0$V, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fileInput = _t.first);
@@ -17368,7 +17491,7 @@ class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵpipe(19, "rpxTranslate");
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(22, _c1$m, !ctx.valid));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(22, _c1$n, !ctx.valid));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -17452,7 +17575,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$T = a0 => ({ "form-group-error": a0 });
+const _c0$U = a0 => ({ "form-group-error": a0 });
 function WriteDynamicListFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 8);
     i0.ɵɵtext(1);
@@ -17540,7 +17663,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$T, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(13, _c0$U, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -17721,7 +17844,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$S = a0 => ({ "error": a0 });
+const _c0$T = a0 => ({ "error": a0 });
 function WriteDynamicMultiSelectListFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 5);
     i0.ɵɵtext(1);
@@ -17841,7 +17964,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$S, !ctx.checkboxes.valid && ctx.checkboxes.touched))("id", ctx.id());
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$T, !ctx.checkboxes.valid && ctx.checkboxes.touched))("id", ctx.id());
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.caseField.label);
             i0.ɵɵadvance();
@@ -17921,8 +18044,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$R = a0 => ({ "form-group-error": a0 });
-const _c1$l = a0 => ({ selected: a0 });
+const _c0$S = a0 => ({ "form-group-error": a0 });
+const _c1$m = a0 => ({ selected: a0 });
 function WriteDynamicRadioListFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 7);
     i0.ɵɵtext(1);
@@ -17972,7 +18095,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$l, ctx_r0.dynamicRadioListControl.value === radioButton_r2.code));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c1$m, 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();
@@ -18016,7 +18139,7 @@ class WriteDynamicRadioListFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵelementContainerEnd();
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$R, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$S, !ctx.dynamicRadioListControl.valid && ctx.dynamicRadioListControl.dirty))("id", ctx.id());
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -18070,8 +18193,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$Q = a0 => ({ "form-group-error": a0 });
-const _c1$k = a0 => ({ "govuk-input--error": a0 });
+const _c0$R = a0 => ({ "form-group-error": a0 });
+const _c1$l = a0 => ({ "govuk-input--error": a0 });
 function WriteEmailFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 6);
     i0.ɵɵtext(1);
@@ -18116,7 +18239,7 @@ class WriteEmailFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵelement(5, "input", 5);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$Q, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$R, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -18126,7 +18249,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$k, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$l, 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, [{
@@ -18158,7 +18281,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$P = a0 => ({ "form-group-error": a0 });
+const _c0$Q = a0 => ({ "form-group-error": a0 });
 function WriteFixedListFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 8);
     i0.ɵɵtext(1);
@@ -18233,7 +18356,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$P, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$Q, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -18296,8 +18419,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$O = a0 => ({ "form-group-error": a0 });
-const _c1$j = a0 => ({ selected: a0 });
+const _c0$P = a0 => ({ "form-group-error": a0 });
+const _c1$k = a0 => ({ selected: a0 });
 function WriteFixedRadioListFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 6);
     i0.ɵɵtext(1);
@@ -18338,7 +18461,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$j, ctx_r0.fixedRadioListControl.value === radioButton_r2.code));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c1$k, 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();
@@ -18364,7 +18487,7 @@ class WriteFixedRadioListFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵelementContainerEnd();
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$O, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$P, !ctx.fixedRadioListControl.valid && (ctx.fixedRadioListControl.dirty || ctx.fixedRadioListControl.touched)))("id", ctx.id());
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -18440,8 +18563,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$N = a0 => ({ "form-group-error": a0 });
-const _c1$i = a0 => ({ "hide-autocomplete": a0 });
+const _c0$O = a0 => ({ "form-group-error": a0 });
+const _c1$j = a0 => ({ "hide-autocomplete": a0 });
 function WriteJudicialUserFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 10);
     i0.ɵɵtext(1);
@@ -18480,7 +18603,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$i, !ctx_r1.showAutocomplete))("value", judicialUser_r4);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$j, !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 + ")" : "", " ");
 } }
@@ -18660,7 +18783,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$N, !!ctx.judicialUserControl && ctx.errors));
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("ngClass", i0.ɵɵpureFunction1(15, _c0$O, !!ctx.judicialUserControl && ctx.errors));
             i0.ɵɵadvance();
             i0.ɵɵproperty("for", ctx.id());
             i0.ɵɵadvance();
@@ -18687,6 +18810,324 @@ class WriteJudicialUserFieldComponent extends WriteComplexFieldComponent {
     }], () => [{ type: JurisdictionService }, { type: SessionStorageService }, { type: CaseFlagRefdataService }, { type: IsCompoundPipe }, { type: FormValidatorsService }, { type: CaseNotifier }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteJudicialUserFieldComponent, { className: "WriteJudicialUserFieldComponent", filePath: "lib/shared/components/palette/judicial-user/write-judicial-user-field.component.ts", lineNumber: 18 }); })();
 
+function ReadStaffUserFieldComponent_ccd_loading_spinner_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "ccd-loading-spinner");
+} }
+class ReadStaffUserFieldComponent extends AbstractFieldReadComponent {
+    caseworkerService;
+    jurisdictionService;
+    displayName;
+    showSpinner = false;
+    sub;
+    constructor(caseworkerService, jurisdictionService) {
+        super();
+        this.caseworkerService = caseworkerService;
+        this.jurisdictionService = jurisdictionService;
+    }
+    ngOnInit() {
+        const idamId = this.caseField?.value?.idamId;
+        if (idamId) {
+            this.showSpinner = true;
+            this.sub = this.caseworkerService.getUserByIdamId(idamId).pipe(catchError(() => of(null)), switchMap(caseworker => {
+                if (caseworker) {
+                    return of(`${caseworker.firstName} ${caseworker.lastName}`.trim());
+                }
+                return this.jurisdictionService.getJudicialUserByIdamId(idamId).pipe(map(judicialUser => judicialUser ? (judicialUser.fullName || judicialUser.knownAs || '') : ''));
+            })).subscribe((displayName) => {
+                this.displayName = displayName;
+                this.showSpinner = false;
+            }, () => this.showSpinner = false);
+        }
+    }
+    ngOnDestroy() {
+        if (this.sub) {
+            this.sub.unsubscribe();
+        }
+    }
+    static ɵfac = function ReadStaffUserFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ReadStaffUserFieldComponent)(i0.ɵɵdirectiveInject(CaseworkerService), i0.ɵɵdirectiveInject(JurisdictionService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReadStaffUserFieldComponent, selectors: [["ccd-read-staff-user-field"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[4, "ngIf"]], template: function ReadStaffUserFieldComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ReadStaffUserFieldComponent_ccd_loading_spinner_0_Template, 1, 0, "ccd-loading-spinner", 0);
+            i0.ɵɵelementStart(1, "span");
+            i0.ɵɵtext(2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.showSpinner);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.displayName);
+        } }, dependencies: [i5.NgIf], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadStaffUserFieldComponent, [{
+        type: Component,
+        args: [{ selector: 'ccd-read-staff-user-field', standalone: false, template: "<ccd-loading-spinner *ngIf=\"showSpinner\"></ccd-loading-spinner>\n<span>{{ displayName }}</span>\n" }]
+    }], () => [{ 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 });
+function WriteStaffUserFieldComponent_span_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 10);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.caseField.label, " ");
+} }
+function WriteStaffUserFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 11);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.caseField.hint_text, " ");
+} }
+function WriteStaffUserFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 12);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.caseField.label, " is required ");
+} }
+function WriteStaffUserFieldComponent_mat_option_8_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-option", 13);
+    i0.ɵɵlistener("onSelectionChange", function WriteStaffUserFieldComponent_mat_option_8_Template_mat_option_onSelectionChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectionChange($event)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} 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.ɵɵadvance();
+    i0.ɵɵtextInterpolate2(" ", (staffUser_r4 == null ? null : staffUser_r4.displayName) ? staffUser_r4.displayName : "", "", (staffUser_r4 == null ? null : staffUser_r4.emailId) ? " (" + staffUser_r4.emailId + ")" : "", " ");
+} }
+function WriteStaffUserFieldComponent_mat_option_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-option", 14);
+    i0.ɵɵtext(1, " No results found ");
+    i0.ɵɵelementEnd();
+} }
+function WriteStaffUserFieldComponent_mat_option_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-option", 14);
+    i0.ɵɵtext(1, " Invalid search term ");
+    i0.ɵɵelementEnd();
+} }
+class WriteStaffUserFieldComponent extends WriteComplexFieldComponent {
+    jurisdictionService;
+    caseFlagRefdataService;
+    caseworkerService;
+    compoundPipe;
+    validatorsService;
+    caseNotifier;
+    minSearchCharacters = 2;
+    staffUserControl;
+    jurisdiction;
+    caseType;
+    filteredStaffUsers$;
+    showAutocomplete = false;
+    noResults = false;
+    invalidSearchTerm = false;
+    searchTerm = '';
+    errors;
+    staffUserSelected = false;
+    jurisdictionSubscription;
+    notifierSubscription;
+    constructor(jurisdictionService, caseFlagRefdataService, caseworkerService, compoundPipe, validatorsService, caseNotifier) {
+        super(compoundPipe, validatorsService);
+        this.jurisdictionService = jurisdictionService;
+        this.caseFlagRefdataService = caseFlagRefdataService;
+        this.caseworkerService = caseworkerService;
+        this.compoundPipe = compoundPipe;
+        this.validatorsService = validatorsService;
+        this.caseNotifier = caseNotifier;
+        this.jurisdictionSubscription = this.jurisdictionService.getSelectedJurisdiction()?.subscribe(jurisdiction => {
+            if (jurisdiction?.currentCaseType) {
+                this.jurisdiction = jurisdiction.id ?? this.jurisdiction;
+                this.caseType = jurisdiction.currentCaseType.id ?? this.caseType;
+            }
+        });
+        this.notifierSubscription = this.caseNotifier.caseView.subscribe(caseDetails => {
+            if (caseDetails) {
+                this.jurisdiction = caseDetails.case_type?.jurisdiction?.id ?? this.jurisdiction;
+                this.caseType = caseDetails.case_type?.id ?? this.caseType;
+            }
+        });
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.staffUserControl = new FormControl(this.caseField.value);
+        this.formGroup.setControl(`${this.caseField.id}_staffUserControl`, this.staffUserControl);
+        FieldsUtils.addCaseFieldAndComponentReferences(this.staffUserControl, this.caseField, this);
+        this.setupValidation();
+        if (this.caseField.value?.idamId) {
+            this.loadStaffUser(this.caseField.value.idamId);
+        }
+        this.filteredStaffUsers$ = this.staffUserControl.valueChanges.pipe(tap(() => this.showAutocomplete = false), filter(input => typeof input === 'string'), debounceTime(300), map(input => input), tap(searchTerm => {
+            this.searchTerm = searchTerm;
+            this.invalidSearchTerm = false;
+        }), filter((searchTerm) => searchTerm && searchTerm.length > this.minSearchCharacters), switchMap((searchTerm) => this.filterStaffUsers(searchTerm).pipe(tap(staffUsers => {
+            this.showAutocomplete = true;
+            this.noResults = !this.invalidSearchTerm && staffUsers.length === 0;
+        }))));
+    }
+    loadStaffUser(idamId) {
+        if (idamId) {
+            this.caseworkerService.getUserByIdamId(idamId).pipe(take(1), catchError(() => of(null)), switchMap(caseworker => {
+                if (caseworker) {
+                    const staffUser = {
+                        idamId: caseworker.idamId,
+                        displayName: `${caseworker.firstName} ${caseworker.lastName}`.trim(),
+                        ...(caseworker.email ? { emailId: caseworker.email } : {})
+                    };
+                    this.staffUserControl.setValue(staffUser, { emitEvent: false });
+                    this.staffUserSelected = true;
+                    return of(null);
+                }
+                return this.jurisdictionService.getJudicialUserByIdamId(idamId);
+            })).subscribe(judicialUser => {
+                if (judicialUser) {
+                    const staffUser = {
+                        idamId: judicialUser.idamId,
+                        displayName: judicialUser.fullName || judicialUser.knownAs || '',
+                        ...(judicialUser.emailId ? { emailId: judicialUser.emailId } : {})
+                    };
+                    this.staffUserControl.setValue(staffUser, { emitEvent: false });
+                    this.staffUserSelected = true;
+                }
+            });
+        }
+    }
+    filterStaffUsers(searchTerm) {
+        const configuration = parseStaffUserSearchConfiguration(this.getDisplayContextParameter());
+        if (!configuration.valid) {
+            this.invalidSearchTerm = true;
+            return of([]);
+        }
+        return this.resolveServiceDetails().pipe(switchMap(serviceDetails => {
+            const searches = [];
+            if (configuration.configuration.staffRoleCategories.length) {
+                searches.push(this.caseworkerService.searchStaffUsers([serviceDetails.ccd_service_name], searchTerm, configuration.configuration.staffRoleCategories));
+            }
+            if (configuration.configuration.includesJudicial) {
+                searches.push(this.jurisdictionService.searchJudicialUsers(searchTerm, serviceDetails.service_code).pipe(map(judicialUsers => judicialUsers.map(judicialUser => ({
+                    idamId: judicialUser.idamId,
+                    displayName: judicialUser.fullName || '',
+                    ...(judicialUser.emailId ? { emailId: judicialUser.emailId } : {})
+                })))));
+            }
+            return forkJoin(searches).pipe(map(results => this.removeDuplicateUsers(results)));
+        }), catchError(() => {
+            this.invalidSearchTerm = true;
+            return of([]);
+        }));
+    }
+    resolveServiceCode() {
+        return this.resolveServiceDetails().pipe(map(serviceDetails => serviceDetails.service_code));
+    }
+    resolveServiceDetails() {
+        const caseType = this.getBaseCaseType();
+        return this.caseFlagRefdataService.getHmctsServiceDetailsByCaseType(caseType).pipe(catchError(() => this.caseFlagRefdataService.getHmctsServiceDetailsByServiceName(this.jurisdiction)), map(serviceDetails => serviceDetails[0]));
+    }
+    setupValidation() {
+        this.complexGroup.get('idamId')?.clearValidators();
+        if (this.caseField.display_context === Constants.MANDATORY) {
+            this.staffUserControl.setValidators(Validators.required);
+        }
+    }
+    displayStaffUser(staffUser) {
+        return staffUser?.displayName;
+    }
+    onSelectionChange(event) {
+        this.caseField.value = {
+            idamId: event.source.value.idamId
+        };
+        this.complexGroup.get('idamId')?.setValue(this.caseField.value.idamId);
+        this.staffUserSelected = true;
+    }
+    onBlur(event) {
+        if (event.relatedTarget?.role !== 'option' && !this.staffUserSelected) {
+            this.staffUserControl.setValue(null);
+        }
+        if (!this.staffUserControl.value) {
+            this.caseField.value = null;
+            this.complexGroup.get('idamId')?.setValue(null);
+        }
+    }
+    ngOnDestroy() {
+        this.jurisdictionSubscription?.unsubscribe();
+        this.notifierSubscription?.unsubscribe();
+    }
+    getBaseCaseType() {
+        const caseType = this.caseType || this.jurisdictionService.getSelectedJurisdiction()?.getValue()?.currentCaseType?.id;
+        return caseType?.split('-')[0];
+    }
+    /**
+     * The search filters are configured through the field's display_context_parameter, for example
+     * `#ARGUMENT(CATEGORY-LEGAL-OPS,CATEGORY-ADMIN,REGION-1235)`.
+     *
+     * When this component is rendered for a field nested within a complex type or collection, the
+     * CaseField instance handed to the component can be the child definition, which does not always
+     * carry the parameter. Fall back to the matching field in the page's context fields.
+     */
+    getDisplayContextParameter() {
+        return this.caseField?.display_context_parameter
+            || this.caseFields?.find(caseField => caseField.id === this.caseField?.field_type?.id)?.display_context_parameter;
+    }
+    removeDuplicateUsers(results) {
+        const usersByIdamId = new Map();
+        results.forEach(users => users.forEach(user => {
+            if (!usersByIdamId.has(user.idamId)) {
+                usersByIdamId.set(user.idamId, user);
+            }
+        }));
+        return Array.from(usersByIdamId.values());
+    }
+    static ɵfac = function WriteStaffUserFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WriteStaffUserFieldComponent)(i0.ɵɵdirectiveInject(JurisdictionService), i0.ɵɵdirectiveInject(CaseFlagRefdataService), i0.ɵɵdirectiveInject(CaseworkerService), i0.ɵɵdirectiveInject(IsCompoundPipe), i0.ɵɵdirectiveInject(FormValidatorsService), i0.ɵɵdirectiveInject(CaseNotifier)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteStaffUserFieldComponent, selectors: [["ccd-write-staff-user-field"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 12, vars: 17, consts: [["autoComplete", "matAutocomplete"], [1, "form-group", 3, "formGroup", "ngClass"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], [1, "form-control", "bottom-30", 3, "blur", "id", "formControl", "matAutocomplete"], ["autoActiveFirstOption", "", 3, "displayWith"], ["class", "select-option", 3, "ngClass", "value", "onSelectionChange", 4, "ngFor", "ngForOf"], ["class", "select-option", "disabled", "", 4, "ngIf"], [1, "form-label"], [1, "form-hint"], [1, "error-message"], [1, "select-option", 3, "onSelectionChange", "ngClass", "value"], ["disabled", "", 1, "select-option"]], template: function WriteStaffUserFieldComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 1)(1, "label", 2);
+            i0.ɵɵtemplate(2, WriteStaffUserFieldComponent_span_2_Template, 2, 1, "span", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(3, WriteStaffUserFieldComponent_span_3_Template, 2, 1, "span", 4)(4, WriteStaffUserFieldComponent_span_4_Template, 2, 1, "span", 5);
+            i0.ɵɵelementStart(5, "input", 6);
+            i0.ɵɵlistener("blur", function WriteStaffUserFieldComponent_Template_input_blur_5_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onBlur($event)); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "mat-autocomplete", 7, 0);
+            i0.ɵɵtemplate(8, WriteStaffUserFieldComponent_mat_option_8_Template, 2, 6, "mat-option", 8);
+            i0.ɵɵpipe(9, "async");
+            i0.ɵɵtemplate(10, WriteStaffUserFieldComponent_mat_option_10_Template, 2, 0, "mat-option", 9)(11, WriteStaffUserFieldComponent_mat_option_11_Template, 2, 0, "mat-option", 9);
+            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.ɵɵadvance();
+            i0.ɵɵproperty("for", ctx.id());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.caseField.label);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.caseField.hint_text);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.errors);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("id", ctx.id())("formControl", ctx.staffUserControl)("matAutocomplete", autoComplete_r5);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("displayWith", ctx.displayStaffUser);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(9, 13, ctx.filteredStaffUsers$));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.noResults && ctx.searchTerm && ctx.searchTerm.length > ctx.minSearchCharacters && ctx.showAutocomplete);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.invalidSearchTerm);
+        } }, dependencies: [i5.NgClass, i5.NgForOf, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormControlDirective, i4.FormGroupDirective, i6.MatLegacyAutocomplete, i6.MatLegacyAutocompleteTrigger, i7.MatLegacyOption, i5.AsyncPipe], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteStaffUserFieldComponent, [{
+        type: Component,
+        args: [{ selector: 'ccd-write-staff-user-field', standalone: false, template: "<div class=\"form-group\" [formGroup]=\"formGroup\" [ngClass]=\"{'form-group-error': !!staffUserControl && errors}\">\n  <label [for]=\"id()\">\n    <span *ngIf=\"caseField.label\" class=\"form-label\">\n      {{ caseField.label }}\n    </span>\n  </label>\n  <span *ngIf=\"caseField.hint_text\" class=\"form-hint\">\n    {{ caseField.hint_text }}\n  </span>\n  <span class=\"error-message\" *ngIf=\"errors\">\n    {{ caseField.label }} is required\n  </span>\n  <input class=\"form-control bottom-30\" [id]=\"id()\" \n    [formControl]=\"staffUserControl\" [matAutocomplete]=\"autoComplete\" (blur)=\"onBlur($event)\">\n  <mat-autocomplete autoActiveFirstOption #autoComplete=\"matAutocomplete\" [displayWith]=\"displayStaffUser\">\n    <mat-option *ngFor=\"let staffUser of filteredStaffUsers$ | async\" \n      class=\"select-option\" [ngClass]=\"{'hide-autocomplete': !showAutocomplete}\"\n      [value]=\"staffUser\" (onSelectionChange)=\"onSelectionChange($event)\">\n      {{staffUser?.displayName ? staffUser.displayName : ''}}{{staffUser?.emailId ? ' (' + staffUser.emailId + ')' : ''}}\n    </mat-option>\n    <mat-option *ngIf=\"noResults && searchTerm && searchTerm.length > minSearchCharacters && showAutocomplete\" class=\"select-option\" disabled>\n      No results found\n    </mat-option>\n    <mat-option *ngIf=\"invalidSearchTerm\" class=\"select-option\" disabled>\n      Invalid search term\n    </mat-option>\n  </mat-autocomplete>\n</div>\n" }]
+    }], () => [{ type: JurisdictionService }, { type: CaseFlagRefdataService }, { type: CaseworkerService }, { type: IsCompoundPipe }, { type: FormValidatorsService }, { type: CaseNotifier }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteStaffUserFieldComponent, { className: "WriteStaffUserFieldComponent", filePath: "lib/shared/components/palette/staff-user/write-staff-user-field.component.ts", lineNumber: 19 }); })();
+
 function LabelFieldComponent_ccd_markdown_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "ccd-markdown", 2);
     i0.ɵɵpipe(1, "rpxTranslate");
@@ -25958,11 +26399,11 @@ class ReadRichTextAreaFieldComponent extends AbstractFieldReadComponent {
             i0.ɵɵelement(0, "div", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("innerHTML", ctx.sanitisedValue(), i0.ɵɵsanitizeHtml);
-        } }, styles: ["@charset \"UTF-8\";.ccd-rich-text-area-read{font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap;word-break:normal}.ccd-rich-text-area-read strong,.ccd-rich-text-area-read strong *,.ccd-rich-text-area-read b,.ccd-rich-text-area-read b *{font-weight:700}.ccd-rich-text-area-read strong u,.ccd-rich-text-area-read u strong,.ccd-rich-text-area-read b u,.ccd-rich-text-area-read u b{font-weight:700!important;text-decoration:underline}.ccd-rich-text-area-read p,.ccd-rich-text-area-read ul,.ccd-rich-text-area-read ol,.ccd-rich-text-area-read li{font-size:14px;margin-top:0;overflow-wrap:anywhere;word-break:normal}.ccd-rich-text-area-read p:empty:before{content:\"\\a0\"}.ccd-rich-text-area-read ul{list-style:disc outside;padding-left:25px}.ccd-rich-text-area-read ol{list-style:decimal outside;padding-left:25px}.ccd-rich-text-area-read ol[type=a]{list-style-type:lower-alpha}.ccd-rich-text-area-read ol[type=i]{list-style-type:lower-roman}.ccd-rich-text-area-read ol[type=i]>li::marker{content:\"(\" counter(list-item,lower-roman) \") \"}.ccd-rich-text-area-read li{display:list-item;margin-bottom:5px}.ccd-rich-text-area-read li>p{margin:0}.ccd-rich-text-area-read li>ul,.ccd-rich-text-area-read li>ol{margin-top:5px}.ccd-rich-text-area-read h1{font-size:20px;font-weight:700}.ccd-rich-text-area-read h2{font-size:18px;font-weight:700}.ccd-rich-text-area-read h3{font-size:16px;font-weight:700}.ccd-rich-text-area-read .ccd-rich-text-indent-1{margin-left:40px}.ccd-rich-text-area-read .ccd-rich-text-indent-2{margin-left:80px}.ccd-rich-text-area-read .ccd-rich-text-indent-3{margin-left:120px}.ccd-rich-text-area-read .ccd-rich-text-indent-4{margin-left:160px}.ccd-rich-text-area-read .ccd-rich-text-indent-5{margin-left:200px}.ccd-rich-text-area-read .ccd-rich-text-indent-6{margin-left:240px}\n"], encapsulation: 2 });
+        } }, styles: ["@charset \"UTF-8\";.ccd-rich-text-area-read{overflow-wrap:anywhere;white-space:pre-wrap;word-break:normal}.ccd-rich-text-area-read strong,.ccd-rich-text-area-read strong *,.ccd-rich-text-area-read b,.ccd-rich-text-area-read b *{font-weight:700}.ccd-rich-text-area-read strong u,.ccd-rich-text-area-read u strong,.ccd-rich-text-area-read b u,.ccd-rich-text-area-read u b{font-weight:700!important;text-decoration:underline}.ccd-rich-text-area-read p,.ccd-rich-text-area-read ul,.ccd-rich-text-area-read ol{margin-top:0;overflow-wrap:anywhere;word-break:normal}.ccd-rich-text-area-read p:empty:before{content:\"\\a0\"}.ccd-rich-text-area-read ul{list-style:disc outside;padding-left:25px}.ccd-rich-text-area-read ol{list-style:decimal outside;padding-left:25px}.ccd-rich-text-area-read ol[type=a]{list-style-type:lower-alpha}.ccd-rich-text-area-read ol[type=i]{list-style-type:lower-roman}.ccd-rich-text-area-read ol[type=i]>li::marker{content:\"(\" counter(list-item,lower-roman) \") \"}.ccd-rich-text-area-read li{display:list-item;margin-bottom:5px}.ccd-rich-text-area-read li>p{margin:0}.ccd-rich-text-area-read li>ul,.ccd-rich-text-area-read li>ol{margin-top:5px}.ccd-rich-text-area-read h1{font-size:20px;font-weight:700}.ccd-rich-text-area-read .ccd-rich-text-indent-1{margin-left:40px}.ccd-rich-text-area-read .ccd-rich-text-indent-2{margin-left:80px}.ccd-rich-text-area-read .ccd-rich-text-indent-3{margin-left:120px}.ccd-rich-text-area-read .ccd-rich-text-indent-4{margin-left:160px}.ccd-rich-text-area-read .ccd-rich-text-indent-5{margin-left:200px}.ccd-rich-text-area-read .ccd-rich-text-indent-6{margin-left:240px}\n"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadRichTextAreaFieldComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-read-rich-text-area-field', template: `<div class="ccd-rich-text-area-read" [innerHTML]="sanitisedValue()"></div>`, encapsulation: ViewEncapsulation.None, standalone: false, styles: ["@charset \"UTF-8\";.ccd-rich-text-area-read{font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap;word-break:normal}.ccd-rich-text-area-read strong,.ccd-rich-text-area-read strong *,.ccd-rich-text-area-read b,.ccd-rich-text-area-read b *{font-weight:700}.ccd-rich-text-area-read strong u,.ccd-rich-text-area-read u strong,.ccd-rich-text-area-read b u,.ccd-rich-text-area-read u b{font-weight:700!important;text-decoration:underline}.ccd-rich-text-area-read p,.ccd-rich-text-area-read ul,.ccd-rich-text-area-read ol,.ccd-rich-text-area-read li{font-size:14px;margin-top:0;overflow-wrap:anywhere;word-break:normal}.ccd-rich-text-area-read p:empty:before{content:\"\\a0\"}.ccd-rich-text-area-read ul{list-style:disc outside;padding-left:25px}.ccd-rich-text-area-read ol{list-style:decimal outside;padding-left:25px}.ccd-rich-text-area-read ol[type=a]{list-style-type:lower-alpha}.ccd-rich-text-area-read ol[type=i]{list-style-type:lower-roman}.ccd-rich-text-area-read ol[type=i]>li::marker{content:\"(\" counter(list-item,lower-roman) \") \"}.ccd-rich-text-area-read li{display:list-item;margin-bottom:5px}.ccd-rich-text-area-read li>p{margin:0}.ccd-rich-text-area-read li>ul,.ccd-rich-text-area-read li>ol{margin-top:5px}.ccd-rich-text-area-read h1{font-size:20px;font-weight:700}.ccd-rich-text-area-read h2{font-size:18px;font-weight:700}.ccd-rich-text-area-read h3{font-size:16px;font-weight:700}.ccd-rich-text-area-read .ccd-rich-text-indent-1{margin-left:40px}.ccd-rich-text-area-read .ccd-rich-text-indent-2{margin-left:80px}.ccd-rich-text-area-read .ccd-rich-text-indent-3{margin-left:120px}.ccd-rich-text-area-read .ccd-rich-text-indent-4{margin-left:160px}.ccd-rich-text-area-read .ccd-rich-text-indent-5{margin-left:200px}.ccd-rich-text-area-read .ccd-rich-text-indent-6{margin-left:240px}\n"] }]
+        args: [{ selector: 'ccd-read-rich-text-area-field', template: `<div class="ccd-rich-text-area-read" [innerHTML]="sanitisedValue()"></div>`, encapsulation: ViewEncapsulation.None, standalone: false, styles: ["@charset \"UTF-8\";.ccd-rich-text-area-read{overflow-wrap:anywhere;white-space:pre-wrap;word-break:normal}.ccd-rich-text-area-read strong,.ccd-rich-text-area-read strong *,.ccd-rich-text-area-read b,.ccd-rich-text-area-read b *{font-weight:700}.ccd-rich-text-area-read strong u,.ccd-rich-text-area-read u strong,.ccd-rich-text-area-read b u,.ccd-rich-text-area-read u b{font-weight:700!important;text-decoration:underline}.ccd-rich-text-area-read p,.ccd-rich-text-area-read ul,.ccd-rich-text-area-read ol{margin-top:0;overflow-wrap:anywhere;word-break:normal}.ccd-rich-text-area-read p:empty:before{content:\"\\a0\"}.ccd-rich-text-area-read ul{list-style:disc outside;padding-left:25px}.ccd-rich-text-area-read ol{list-style:decimal outside;padding-left:25px}.ccd-rich-text-area-read ol[type=a]{list-style-type:lower-alpha}.ccd-rich-text-area-read ol[type=i]{list-style-type:lower-roman}.ccd-rich-text-area-read ol[type=i]>li::marker{content:\"(\" counter(list-item,lower-roman) \") \"}.ccd-rich-text-area-read li{display:list-item;margin-bottom:5px}.ccd-rich-text-area-read li>p{margin:0}.ccd-rich-text-area-read li>ul,.ccd-rich-text-area-read li>ol{margin-top:5px}.ccd-rich-text-area-read h1{font-size:20px;font-weight:700}.ccd-rich-text-area-read .ccd-rich-text-indent-1{margin-left:40px}.ccd-rich-text-area-read .ccd-rich-text-indent-2{margin-left:80px}.ccd-rich-text-area-read .ccd-rich-text-indent-3{margin-left:120px}.ccd-rich-text-area-read .ccd-rich-text-indent-4{margin-left:160px}.ccd-rich-text-area-read .ccd-rich-text-indent-5{margin-left:200px}.ccd-rich-text-area-read .ccd-rich-text-indent-6{margin-left:240px}\n"] }]
     }], () => [{ type: i1$5.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 }); })();
 
@@ -25971,7 +26412,7 @@ const _c1$e = 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) {
-    i0.ɵɵelementStart(0, "span", 48);
+    i0.ɵɵelementStart(0, "span", 41);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "ccdFieldLabel");
     i0.ɵɵelementEnd();
@@ -25981,7 +26422,7 @@ function WriteRichTextAreaFieldComponent_span_2_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.caseField));
 } }
 function WriteRichTextAreaFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 49);
+    i0.ɵɵelementStart(0, "span", 42);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -25991,8 +26432,8 @@ function WriteRichTextAreaFieldComponent_span_3_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, ctx_r1.caseField.hint_text));
 } }
-function WriteRichTextAreaFieldComponent_span_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 50);
+function WriteRichTextAreaFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 43);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "ccdFirstError");
     i0.ɵɵelementEnd();
@@ -26002,31 +26443,8 @@ function WriteRichTextAreaFieldComponent_span_6_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 2, ctx_r1.richTextAreaControl.errors, ctx_r1.caseField.label), " ");
 } }
-function WriteRichTextAreaFieldComponent_div_35_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 51)(1, "label", 52);
-    i0.ɵɵtext(2, "Heading level");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "select", 53);
-    i0.ɵɵlistener("change", function WriteRichTextAreaFieldComponent_div_35_Template_select_change_3_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onHeadingLevelChange($event)); });
-    i0.ɵɵelementStart(4, "option", 54);
-    i0.ɵɵtext(5, "Heading 1");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "option", 55);
-    i0.ɵɵtext(7, "Heading 2");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "option", 56);
-    i0.ɵɵtext(9, "Heading 3");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("for", ctx_r1.headingLevelId());
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("id", ctx_r1.headingLevelId())("value", ctx_r1.selectedHeadingLevel);
-} }
-function WriteRichTextAreaFieldComponent_option_48_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 57);
+function WriteRichTextAreaFieldComponent_option_41_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 44);
     i0.ɵɵtext(1, "No list");
     i0.ɵɵelementEnd();
 } }
@@ -26050,7 +26468,6 @@ function orderedListTypeForStyle(style) {
 }
 const WORD_COLUMN_SPACING = 12;
 const MAX_INDENT = 6;
-const DEFAULT_HEADING_LEVEL = 3;
 const CSS_LENGTH_UNITS = ['rem', 'px', 'pt', 'in', 'cm', 'mm', 'em'];
 const BLOCK_NODE_NAMES = new Set([
     'address', 'article', 'aside', 'blockquote', 'div', 'dl', 'fieldset', 'figcaption', 'figure', 'footer', 'form',
@@ -26058,13 +26475,6 @@ const BLOCK_NODE_NAMES = new Set([
 ]);
 const richTextNodes = {
     ...nodes,
-    heading: {
-        ...nodes.heading,
-        attrs: {
-            ...nodes.heading.attrs,
-            level: { default: DEFAULT_HEADING_LEVEL }
-        }
-    },
     list_item: {
         ...nodes.list_item,
         content: '(paragraph | heading) block*'
@@ -26119,12 +26529,10 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
     editor;
     richTextAreaControl;
     activeToolbarCommands = {};
-    selectedHeadingLevel = DEFAULT_HEADING_LEVEL;
     editorUpdateSubscription;
     isNormalisingValue = false;
     paragraphCommandApplied = false;
     statusChangesSubscription;
-    toolbarPointerInteraction = false;
     valueChangesSubscription;
     ngOnInit() {
         this.editor = new Editor({
@@ -26188,15 +26596,9 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
     errorId() {
         return `${this.id()}_error`;
     }
-    keyboardInstructionsId() {
-        return `${this.id()}_keyboard_instructions`;
-    }
     listStyleId() {
         return `${this.id()}_list_style`;
     }
-    headingLevelId() {
-        return `${this.id()}_heading_level`;
-    }
     toolbarLabel() {
         return `${this.caseField.label || this.caseField.id} formatting options`;
     }
@@ -26207,70 +26609,10 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
         this.richTextAreaControl.markAsTouched();
         this.syncAccessibilityLater();
     }
-    onEditorClick() {
-        this.syncAccessibilityLater();
-    }
     onToolbarButtonMouseDown(event) {
-        this.toolbarPointerInteraction = true;
-        this.setToolbarTabStop(event.currentTarget);
         event.preventDefault();
     }
-    onToolbarFocusIn(event) {
-        const control = event.target;
-        if (control?.matches('button, select')) {
-            this.setToolbarTabStop(control);
-        }
-    }
-    onToolbarKeyDown(event) {
-        if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {
-            return;
-        }
-        const control = event.target;
-        if (!control?.matches('button, select')) {
-            return;
-        }
-        const isSelect = control.tagName === 'SELECT';
-        const isPrevious = event.key === 'ArrowLeft';
-        const isNext = event.key === 'ArrowRight';
-        const isFirst = event.key === 'Home' && !isSelect;
-        const isLast = event.key === 'End' && !isSelect;
-        if (!isPrevious && !isNext && !isFirst && !isLast) {
-            return;
-        }
-        const controls = this.toolbarControls();
-        const currentIndex = controls.indexOf(control);
-        if (currentIndex === -1 || controls.length === 0) {
-            return;
-        }
-        event.preventDefault();
-        event.stopPropagation();
-        let nextIndex;
-        if (isFirst) {
-            nextIndex = 0;
-        }
-        else if (isLast) {
-            nextIndex = controls.length - 1;
-        }
-        else {
-            const direction = isPrevious ? -1 : 1;
-            nextIndex = (currentIndex + direction + controls.length) % controls.length;
-        }
-        const nextControl = controls[nextIndex];
-        this.setToolbarTabStop(nextControl);
-        nextControl.focus();
-    }
     handleEditorKeyDown(event) {
-        if (event.key === 'Escape') {
-            event.preventDefault();
-            event.stopPropagation();
-            const controls = this.toolbarControls();
-            const toolbarControl = controls.find((control) => control.tabIndex === 0) || controls[0];
-            if (toolbarControl) {
-                this.setToolbarTabStop(toolbarControl);
-                toolbarControl.focus();
-            }
-            return true;
-        }
         const isUnmodifiedEnter = event.key === 'Enter' &&
             !event.shiftKey &&
             !event.altKey &&
@@ -26281,24 +26623,10 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
             event.stopPropagation();
             return true;
         }
-        if (event.key !== 'Tab') {
+        if (event.key !== 'Tab' || !this.isNodeActive('list_item')) {
             return false;
         }
-        if (event.altKey || event.ctrlKey || event.metaKey) {
-            return false;
-        }
-        if (!this.isNodeActive('list_item')) {
-            return false;
-        }
-        const indentChanged = this.changeIndent(!event.shiftKey);
-        if (!indentChanged) {
-            return false;
-        }
-        event.preventDefault();
-        event.stopPropagation();
-        this.richTextAreaControl.markAsDirty();
-        this.updateToolbarState();
-        this.syncAccessibilityLater();
+        this.executeToolbarCommand(event, event.shiftKey ? 'outdent' : 'indent');
         return true;
     }
     splitListContinuationParagraph() {
@@ -26373,33 +26701,13 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
                 break;
         }
         this.richTextAreaControl.markAsDirty();
-        const eventTarget = event.currentTarget;
-        const keepToolbarFocus = eventTarget?.matches('button, select') && !this.toolbarPointerInteraction;
-        if (keepToolbarFocus) {
-            this.setToolbarTabStop(eventTarget);
-            eventTarget.focus();
-        }
-        else {
-            this.editor.view.focus();
-        }
-        this.toolbarPointerInteraction = false;
+        this.editor.view.focus();
         this.updateToolbarState();
         this.syncAccessibilityLater();
     }
     isToolbarCommandActive(command) {
         return !!this.activeToolbarCommands[command];
     }
-    onHeadingLevelChange(event) {
-        const level = Number(event.target.value);
-        if (level !== 1 && level !== 2 && level !== 3) {
-            return;
-        }
-        this.selectedHeadingLevel = level;
-        this.applyHeadingLevel(level);
-        this.richTextAreaControl.markAsDirty();
-        this.updateToolbarState();
-        this.syncAccessibilityLater();
-    }
     currentListStyle() {
         const activeList = this.activeListNode();
         if (activeList?.type.name === 'ordered_list') {
@@ -26433,6 +26741,7 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
         }
         this.applyListStyleSelection(listStyle);
         this.richTextAreaControl.markAsDirty();
+        this.editor.view.focus();
         this.updateToolbarState();
         this.syncAccessibilityLater();
     }
@@ -26945,7 +27254,6 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
         if (this.caseField.hint_text) {
             ids.push(this.hintId());
         }
-        ids.push(this.keyboardInstructionsId());
         if (this.isInvalid()) {
             ids.push(this.errorId());
         }
@@ -26967,7 +27275,7 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
             Italic: 'italic',
             Underline: 'underline',
             Paragraph: 'paragraph',
-            Heading: 'heading',
+            'Heading level 1': 'heading',
             'Bullet List': 'bullet_list',
             'Numbered List': 'ordered_list'
         };
@@ -26984,21 +27292,6 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
                 button.setAttribute('aria-pressed', `${isActive}`);
             }
         });
-        const controls = this.toolbarControls();
-        if (controls.length && !controls.some((control) => control.tabIndex === 0)) {
-            this.setToolbarTabStop(controls[0]);
-        }
-    }
-    toolbarControls() {
-        if (!this.editorHost) {
-            return [];
-        }
-        return Array.prototype.slice.call(this.editorHost.nativeElement.querySelectorAll('.ccd-rich-text-area__toolbar button:not([disabled]), .ccd-rich-text-area__toolbar select:not([disabled])'));
-    }
-    setToolbarTabStop(activeControl) {
-        this.toolbarControls().forEach((control) => {
-            control.tabIndex = control === activeControl ? 0 : -1;
-        });
     }
     getEditableElement() {
         if (!this.editorHost) {
@@ -27075,9 +27368,7 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
                             if (headingLevel) {
                                 element.dataset.wordHeadingLevel = headingLevel.toString();
                             }
-                            // A Word heading style is rendered bold by the corresponding h1-h3
-                            // element. Only retain a strong mark for independently bold text.
-                            if (hasBoldStyle && !headingLevel) {
+                            if (hasBoldStyle) {
                                 this.wrapBoldInlineContents(documentElement, element);
                             }
                         });
@@ -27190,21 +27481,30 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
     normaliseWordSemanticBlocks(documentElement) {
         const blocks = Array.prototype.slice.call(documentElement.body.querySelectorAll('p, h1, h2, h3, h4, h5, h6'));
         blocks.forEach((block) => {
+            const namedHeadingLevel = this.namedWordHeadingLevel(block);
             const existingHeadingLevel = /^h([1-6])$/i.exec(block.tagName)?.[1];
             if (existingHeadingLevel) {
-                const supportedHeadingLevel = Math.min(Number(existingHeadingLevel), 3);
-                const headingTag = `h${supportedHeadingLevel}`;
-                if (block.tagName.toLowerCase() !== headingTag) {
-                    this.replaceElementTag(documentElement, block, headingTag);
+                const heading = existingHeadingLevel === '1'
+                    ? block
+                    : this.replaceElementTag(documentElement, block, 'h1');
+                if (namedHeadingLevel) {
+                    this.removeRedundantHeadingBold(heading);
                 }
                 return;
             }
             const headingLevel = this.wordHeadingLevel(block);
             if (headingLevel) {
-                this.replaceElementTag(documentElement, block, `h${Math.min(headingLevel, 3)}`);
+                const heading = this.replaceElementTag(documentElement, block, 'h1');
+                if (namedHeadingLevel) {
+                    this.removeRedundantHeadingBold(heading);
+                }
             }
         });
     }
+    removeRedundantHeadingBold(heading) {
+        const boldElements = Array.prototype.slice.call(heading.querySelectorAll('strong, b'));
+        boldElements.reverse().forEach((element) => this.unwrapElement(element));
+    }
     wordHeadingLevel(element) {
         const namedHeadingLevel = this.namedWordHeadingLevel(element);
         if (namedHeadingLevel) {
@@ -27335,10 +27635,7 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
             if (!style || this.isWordLayoutContainer(htmlElement)) {
                 return;
             }
-            // Heading elements provide their own bold presentation. Do not turn that
-            // semantic heading weight into an independently selected Bold mark.
-            const isHeading = /^h[1-3]$/i.test(htmlElement.tagName);
-            if (this.hasBoldStyle(style) && !isHeading) {
+            if (this.hasBoldStyle(style)) {
                 this.wrapBoldInlineContents(documentElement, htmlElement);
             }
             if (this.hasItalicStyle(style)) {
@@ -27906,16 +28203,12 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
             return;
         }
         const activeListType = this.activeListNode()?.type.name;
-        const activeHeadingLevel = this.activeHeadingLevel();
-        if (activeHeadingLevel === 1 || activeHeadingLevel === 2 || activeHeadingLevel === 3) {
-            this.selectedHeadingLevel = activeHeadingLevel;
-        }
         this.activeToolbarCommands = {
             bold: this.isMarkActive('strong'),
             italic: this.isMarkActive('em'),
             underline: this.isMarkActive('u'),
             paragraph: this.paragraphCommandApplied && this.isPlainParagraphActive(),
-            heading: activeHeadingLevel !== null,
+            heading: this.isHeadingOneActive(),
             ordered_list: activeListType === 'ordered_list',
             bullet_list: activeListType === 'bullet_list'
         };
@@ -28213,21 +28506,23 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
         const listItemType = state.schema.nodes.list_item;
         if (listItemType && this.isNodeActive('list_item')) {
             if (!increase && this.changeListIndent(false, state, dispatch)) {
-                return true;
+                return;
             }
             const listCommand = increase ? sinkListItem(listItemType) : liftListItem(listItemType);
             if (listCommand(state, dispatch)) {
                 this.applyOrderedListStyleForCurrentDepth();
-                return true;
+                return;
             }
             if (increase && this.changeListIndent(true, state, dispatch)) {
-                return true;
+                return;
             }
         }
         if (increase) {
-            return this.editor.commands.indent().exec();
+            this.editor.commands.indent().exec();
+        }
+        else {
+            this.editor.commands.outdent().exec();
         }
-        return this.editor.commands.outdent().exec();
     }
     applyOrderedListStyleForCurrentDepth() {
         const { state, dispatch } = this.editor.view;
@@ -28287,7 +28582,7 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
         this.paragraphCommandApplied = true;
     }
     toggleHeading() {
-        if (this.activeHeadingLevel() !== null) {
+        if (this.isHeadingOneActive()) {
             const paragraphType = this.editor.view.state.schema.nodes.paragraph;
             if (paragraphType) {
                 setBlockType(paragraphType)(this.editor.view.state, this.editor.view.dispatch);
@@ -28295,38 +28590,34 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
             this.paragraphCommandApplied = false;
             return;
         }
-        this.applyHeadingLevel(this.selectedHeadingLevel);
-        this.paragraphCommandApplied = false;
-    }
-    applyHeadingLevel(level) {
         const headingType = this.editor.view.state.schema.nodes.heading;
         if (headingType) {
-            setBlockType(headingType, { level })(this.editor.view.state, this.editor.view.dispatch);
+            setBlockType(headingType, { level: 1 })(this.editor.view.state, this.editor.view.dispatch);
         }
         this.paragraphCommandApplied = false;
     }
-    activeHeadingLevel() {
+    isHeadingOneActive() {
         const state = this.editor.view.state;
         const headingType = state.schema.nodes.heading;
         if (!headingType) {
-            return null;
+            return false;
         }
         const { $from, from, to } = state.selection;
         for (let depth = $from.depth; depth > 0; depth--) {
             const node = $from.node(depth);
-            if (node.type === headingType) {
-                return Number(node.attrs.level);
+            if (node.type === headingType && node.attrs.level === 1) {
+                return true;
             }
         }
-        let activeLevel = null;
+        let isActive = false;
         state.doc.nodesBetween(from, to, (node) => {
-            if (node.type === headingType) {
-                activeLevel = Number(node.attrs.level);
+            if (node.type === headingType && node.attrs.level === 1) {
+                isActive = true;
                 return false;
             }
             return true;
         });
-        return activeLevel;
+        return isActive;
     }
     isPlainParagraphActive() {
         return this.isNodeActive('paragraph') &&
@@ -28401,118 +28692,110 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.editorHost = _t.first);
-        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 65, vars: 47, consts: [["editorHost", ""], [1, "form-group", "ccd-rich-text-area", 3, "ngClass"], [3, "id"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 3, "id", 4, "ngIf"], [1, "ccd-rich-text-area__keyboard-instructions", 3, "id"], ["class", "error-message", 3, "id", 4, "ngIf"], [1, "ccd-rich-text-area__editor", 3, "click", "keydown", "keyup", "paste", "ngClass"], ["role", "toolbar", "aria-orientation", "horizontal", 1, "ccd-rich-text-area__toolbar", 3, "focusin", "keydown"], ["role", "group", "aria-label", "History", 1, "ccd-rich-text-area__toolbar-group"], ["type", "button", "tabindex", "0", "aria-label", "Undo", "title", "Undo", "aria-keyshortcuts", "Control+Z", 1, "ccd-rich-text-area__toolbar-button", 3, "mousedown", "click"], ["viewBox", "0 0 24 24", "aria-hidden", "true", "focusable", "false", 1, "ccd-rich-text-area__toolbar-icon"], ["d", "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z"], ["type", "button", "tabindex", "-1", "aria-label", "Redo", "title", "Redo", "aria-keyshortcuts", "Control+Y", 1, "ccd-rich-text-area__toolbar-button", 3, "mousedown", "click"], ["d", "M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z"], ["aria-hidden", "true", 1, "ccd-rich-text-area__toolbar-separator"], ["role", "group", "aria-label", "Text formatting", 1, "ccd-rich-text-area__toolbar-group"], ["type", "button", "tabindex", "-1", "aria-label", "Bold", "title", "Bold", "aria-keyshortcuts", "Control+B", 1, "ccd-rich-text-area__toolbar-button", "ccd-rich-text-area__toolbar-button--bold", 3, "mousedown", "click", "ngClass"], ["d", "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5S13.83 9.5 13 9.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z"], ["type", "button", "tabindex", "-1", "aria-label", "Italic", "title", "Italic", "aria-keyshortcuts", "Control+I", 1, "ccd-rich-text-area__toolbar-button", "ccd-rich-text-area__toolbar-button--italic", 3, "mousedown", "click", "ngClass"], ["d", "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"], ["type", "button", "tabindex", "-1", "aria-label", "Underline", "title", "Underline", "aria-keyshortcuts", "Control+U", 1, "ccd-rich-text-area__toolbar-button", "ccd-rich-text-area__toolbar-button--underline", 3, "mousedown", "click", "ngClass"], ["d", "M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z"], ["role", "group", "aria-label", "Paragraph and heading formatting", 1, "ccd-rich-text-area__toolbar-group"], ["type", "button", "tabindex", "-1", "aria-label", "Paragraph", "title", "Paragraph", 1, "ccd-rich-text-area__toolbar-button", "ccd-rich-text-area__toolbar-button--paragraph", 3, "mousedown", "click", "ngClass"], ["aria-hidden", "true", 1, "ccd-rich-text-area__toolbar-icon", "ccd-rich-text-area__toolbar-icon--paragraph"], ["type", "button", "tabindex", "-1", "aria-label", "Heading", "title", "Heading", 1, "ccd-rich-text-area__toolbar-button", "ccd-rich-text-area__toolbar-button--heading", 3, "mousedown", "click", "ngClass"], ["aria-hidden", "true", 1, "ccd-rich-text-area__toolbar-icon", "ccd-rich-text-area__toolbar-icon--heading"], ["class", "ccd-rich-text-area__heading-level", 4, "ngIf"], ["role", "group", "aria-label", "List formatting", 1, "ccd-rich-text-area__toolbar-group", "ccd-rich-text-area__toolbar-group--list"], ["type", "button", "tabindex", "-1", "aria-label", "Bullet List", "title", "Bullet List", 1, "ccd-rich-text-area__toolbar-button", 3, "mousedown", "click", "ngClass"], ["d", "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6C3.17 4.5 2.5 5.17 2.5 6S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zM7 13h14v-2H7v2zm0 6h14v-2H7v2zM7 5v2h14V5H7z"], ["type", "button", "tabindex", "-1", "aria-label", "Numbered List", "title", "Numbered List", 1, "ccd-rich-text-area__toolbar-button", 3, "mousedown", "click", "ngClass"], ["d", "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1V14h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z"], [1, "ccd-rich-text-area__list-style"], [1, "ccd-rich-text-area__list-style-label", 3, "for"], ["tabindex", "-1", 1, "ccd-rich-text-area__list-style-select", 3, "change", "id", "value"], ["value", "", 4, "ngIf"], ["value", "ordered_list"], ["value", "ordered_alpha"], ["value", "ordered_roman"], ["role", "group", "aria-label", "Indentation", 1, "ccd-rich-text-area__toolbar-group"], ["type", "button", "tabindex", "-1", "aria-label", "Decrease Indent", "title", "Decrease Indent", 1, "ccd-rich-text-area__toolbar-button", 3, "mousedown", "click"], ["d", "M11 17h10v-2H11v2zm-8-5 4 4V8l-4 4zm0 9h18v-2H3v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z"], ["type", "button", "tabindex", "-1", "aria-label", "Increase Indent", "title", "Increase Indent", 1, "ccd-rich-text-area__toolbar-button", 3, "mousedown", "click"], ["d", "M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z"], [1, "NgxEditor__Wrapper"], ["outputFormat", "html", 3, "focusIn", "focusOut", "editor", "formControl"], [1, "form-label"], [1, "form-hint", 3, "id"], [1, "error-message", 3, "id"], [1, "ccd-rich-text-area__heading-level"], [1, "ccd-rich-text-area__heading-level-label", 3, "for"], ["tabindex", "-1", 1, "ccd-rich-text-area__heading-level-select", 3, "change", "id", "value"], ["value", "1"], ["value", "2"], ["value", "3"], ["value", ""]], template: function WriteRichTextAreaFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 57, vars: 45, consts: [["editorHost", ""], [1, "form-group", "ccd-rich-text-area", 3, "ngClass"], [3, "id"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 3, "id", 4, "ngIf"], ["class", "error-message", 3, "id", 4, "ngIf"], [1, "ccd-rich-text-area__editor", 3, "click", "keydown", "keyup", "paste", "ngClass"], ["role", "toolbar", 1, "ccd-rich-text-area__toolbar"], ["type", "button", "aria-label", "Undo", "title", "Undo", "aria-keyshortcuts", "Control+Z", 1, "ccd-rich-text-area__toolbar-button", 3, "mousedown", "click"], ["viewBox", "0 0 24 24", "aria-hidden", "true", "focusable", "false", 1, "ccd-rich-text-area__toolbar-icon"], ["d", "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z"], ["type", "button", "aria-label", "Redo", "title", "Redo", "aria-keyshortcuts", "Control+Y", 1, "ccd-rich-text-area__toolbar-button", 3, "mousedown", "click"], ["d", "M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z"], ["aria-hidden", "true", 1, "ccd-rich-text-area__toolbar-separator"], ["type", "button", "aria-label", "Bold", "title", "Bold", "aria-keyshortcuts", "Control+B", 1, "ccd-rich-text-area__toolbar-button", "ccd-rich-text-area__toolbar-button--bold", 3, "mousedown", "click", "ngClass"], ["d", "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5S13.83 9.5 13 9.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z"], ["type", "button", "aria-label", "Italic", "title", "Italic", "aria-keyshortcuts", "Control+I", 1, "ccd-rich-text-area__toolbar-button", "ccd-rich-text-area__toolbar-button--italic", 3, "mousedown", "click", "ngClass"], ["d", "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"], ["type", "button", "aria-label", "Underline", "title", "Underline", "aria-keyshortcuts", "Control+U", 1, "ccd-rich-text-area__toolbar-button", "ccd-rich-text-area__toolbar-button--underline", 3, "mousedown", "click", "ngClass"], ["d", "M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z"], ["type", "button", "aria-label", "Paragraph", "title", "Paragraph", 1, "ccd-rich-text-area__toolbar-button", "ccd-rich-text-area__toolbar-button--paragraph", 3, "mousedown", "click", "ngClass"], ["aria-hidden", "true", 1, "ccd-rich-text-area__toolbar-icon", "ccd-rich-text-area__toolbar-icon--paragraph"], ["type", "button", "aria-label", "Heading level 1", "title", "Heading level 1", 1, "ccd-rich-text-area__toolbar-button", "ccd-rich-text-area__toolbar-button--heading", 3, "mousedown", "click", "ngClass"], ["aria-hidden", "true", 1, "ccd-rich-text-area__toolbar-icon", "ccd-rich-text-area__toolbar-icon--heading"], ["type", "button", "aria-label", "Bullet List", "title", "Bullet List", 1, "ccd-rich-text-area__toolbar-button", 3, "mousedown", "click", "ngClass"], ["d", "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6C3.17 4.5 2.5 5.17 2.5 6S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zM7 13h14v-2H7v2zm0 6h14v-2H7v2zM7 5v2h14V5H7z"], ["type", "button", "aria-label", "Numbered List", "title", "Numbered List", 1, "ccd-rich-text-area__toolbar-button", 3, "mousedown", "click", "ngClass"], ["d", "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1V14h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z"], [1, "ccd-rich-text-area__list-style"], [1, "ccd-rich-text-area__list-style-label", 3, "for"], [1, "ccd-rich-text-area__list-style-select", 3, "change", "id", "value"], ["value", "", 4, "ngIf"], ["value", "ordered_list"], ["value", "ordered_alpha"], ["value", "ordered_roman"], ["type", "button", "aria-label", "Decrease Indent", "title", "Decrease Indent", 1, "ccd-rich-text-area__toolbar-button", 3, "mousedown", "click"], ["d", "M11 17h10v-2H11v2zm-8-5 4 4V8l-4 4zm0 9h18v-2H3v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z"], ["type", "button", "aria-label", "Increase Indent", "title", "Increase Indent", 1, "ccd-rich-text-area__toolbar-button", 3, "mousedown", "click"], ["d", "M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z"], [1, "NgxEditor__Wrapper"], ["outputFormat", "html", 3, "focusIn", "focusOut", "editor", "formControl"], [1, "form-label"], [1, "form-hint", 3, "id"], [1, "error-message", 3, "id"], ["value", ""]], template: function WriteRichTextAreaFieldComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
             i0.ɵɵtemplate(2, WriteRichTextAreaFieldComponent_span_2_Template, 3, 3, "span", 3);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(3, WriteRichTextAreaFieldComponent_span_3_Template, 3, 4, "span", 4);
-            i0.ɵɵelementStart(4, "span", 5);
-            i0.ɵɵtext(5, " Press Escape to move from the editor to the formatting toolbar. ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(6, WriteRichTextAreaFieldComponent_span_6_Template, 3, 5, "span", 6);
-            i0.ɵɵelementStart(7, "div", 7, 0);
-            i0.ɵɵlistener("click", function WriteRichTextAreaFieldComponent_Template_div_click_7_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onEditorClick()); })("keydown", function WriteRichTextAreaFieldComponent_Template_div_keydown_7_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onEditorKeyDown($event)); })("keyup", function WriteRichTextAreaFieldComponent_Template_div_keyup_7_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.syncAccessibilityLater()); })("paste", function WriteRichTextAreaFieldComponent_Template_div_paste_7_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onPaste($event)); });
-            i0.ɵɵelementStart(9, "div", 8);
-            i0.ɵɵlistener("focusin", function WriteRichTextAreaFieldComponent_Template_div_focusin_9_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarFocusIn($event)); })("keydown", function WriteRichTextAreaFieldComponent_Template_div_keydown_9_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarKeyDown($event)); });
-            i0.ɵɵelementStart(10, "div", 9)(11, "button", 10);
-            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_11_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_11_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "undo")); });
+            i0.ɵɵtemplate(3, WriteRichTextAreaFieldComponent_span_3_Template, 3, 4, "span", 4)(4, WriteRichTextAreaFieldComponent_span_4_Template, 3, 5, "span", 5);
+            i0.ɵɵelementStart(5, "div", 6, 0);
+            i0.ɵɵlistener("click", function WriteRichTextAreaFieldComponent_Template_div_click_5_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.syncAccessibilityLater()); })("keydown", function WriteRichTextAreaFieldComponent_Template_div_keydown_5_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onEditorKeyDown($event)); })("keyup", function WriteRichTextAreaFieldComponent_Template_div_keyup_5_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.syncAccessibilityLater()); })("paste", function WriteRichTextAreaFieldComponent_Template_div_paste_5_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onPaste($event)); });
+            i0.ɵɵelementStart(7, "div", 7)(8, "button", 8);
+            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_8_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_8_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "undo")); });
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(12, "svg", 11);
-            i0.ɵɵelement(13, "path", 12);
+            i0.ɵɵelementStart(9, "svg", 9);
+            i0.ɵɵelement(10, "path", 10);
             i0.ɵɵelementEnd()();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(14, "button", 13);
-            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_14_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_14_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "redo")); });
+            i0.ɵɵelementStart(11, "button", 11);
+            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_11_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_11_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "redo")); });
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(15, "svg", 11);
-            i0.ɵɵelement(16, "path", 14);
-            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(12, "svg", 9);
+            i0.ɵɵelement(13, "path", 12);
+            i0.ɵɵelementEnd()();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelement(17, "span", 15);
-            i0.ɵɵelementStart(18, "div", 16)(19, "button", 17);
-            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_19_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_19_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "bold")); });
+            i0.ɵɵelement(14, "span", 13);
+            i0.ɵɵelementStart(15, "button", 14);
+            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_15_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_15_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "bold")); });
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(20, "svg", 11);
-            i0.ɵɵelement(21, "path", 18);
+            i0.ɵɵelementStart(16, "svg", 9);
+            i0.ɵɵelement(17, "path", 15);
             i0.ɵɵelementEnd()();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(22, "button", 19);
-            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_22_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_22_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "italic")); });
+            i0.ɵɵelementStart(18, "button", 16);
+            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_18_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_18_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "italic")); });
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(23, "svg", 11);
-            i0.ɵɵelement(24, "path", 20);
+            i0.ɵɵelementStart(19, "svg", 9);
+            i0.ɵɵelement(20, "path", 17);
             i0.ɵɵelementEnd()();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(25, "button", 21);
-            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_25_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_25_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "underline")); });
+            i0.ɵɵelementStart(21, "button", 18);
+            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_21_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_21_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "underline")); });
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(26, "svg", 11);
-            i0.ɵɵelement(27, "path", 22);
-            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(22, "svg", 9);
+            i0.ɵɵelement(23, "path", 19);
+            i0.ɵɵelementEnd()();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(28, "div", 23)(29, "button", 24);
-            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_29_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_29_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "paragraph")); });
-            i0.ɵɵelementStart(30, "span", 25);
-            i0.ɵɵtext(31, "P");
+            i0.ɵɵelementStart(24, "button", 20);
+            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_24_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_24_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "paragraph")); });
+            i0.ɵɵelementStart(25, "span", 21);
+            i0.ɵɵtext(26, "P");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(32, "button", 26);
-            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_32_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_32_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "heading")); });
-            i0.ɵɵelementStart(33, "span", 27);
-            i0.ɵɵtext(34, "H");
+            i0.ɵɵelementStart(27, "button", 22);
+            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_27_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_27_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "heading")); });
+            i0.ɵɵelementStart(28, "span", 23);
+            i0.ɵɵtext(29, "H");
             i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(35, WriteRichTextAreaFieldComponent_div_35_Template, 10, 3, "div", 28);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelement(36, "span", 15);
-            i0.ɵɵelementStart(37, "div", 29)(38, "button", 30);
-            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_38_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_38_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "bullet_list")); });
+            i0.ɵɵelement(30, "span", 13);
+            i0.ɵɵelementStart(31, "button", 24);
+            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_31_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_31_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "bullet_list")); });
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(39, "svg", 11);
-            i0.ɵɵelement(40, "path", 31);
+            i0.ɵɵelementStart(32, "svg", 9);
+            i0.ɵɵelement(33, "path", 25);
             i0.ɵɵelementEnd()();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(41, "button", 32);
-            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_41_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_41_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "ordered_list")); });
+            i0.ɵɵelementStart(34, "button", 26);
+            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_34_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_34_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "ordered_list")); });
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(42, "svg", 11);
-            i0.ɵɵelement(43, "path", 33);
+            i0.ɵɵelementStart(35, "svg", 9);
+            i0.ɵɵelement(36, "path", 27);
             i0.ɵɵelementEnd()();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(44, "div", 34)(45, "label", 35);
-            i0.ɵɵtext(46, "List style");
+            i0.ɵɵelementStart(37, "div", 28)(38, "label", 29);
+            i0.ɵɵtext(39, "List style");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(47, "select", 36);
-            i0.ɵɵlistener("change", function WriteRichTextAreaFieldComponent_Template_select_change_47_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onListStyleChange($event)); });
-            i0.ɵɵtemplate(48, WriteRichTextAreaFieldComponent_option_48_Template, 2, 0, "option", 37);
-            i0.ɵɵelementStart(49, "option", 38);
-            i0.ɵɵtext(50, "Numbers (1, 2, 3)");
+            i0.ɵɵelementStart(40, "select", 30);
+            i0.ɵɵlistener("change", function WriteRichTextAreaFieldComponent_Template_select_change_40_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onListStyleChange($event)); });
+            i0.ɵɵtemplate(41, WriteRichTextAreaFieldComponent_option_41_Template, 2, 0, "option", 31);
+            i0.ɵɵelementStart(42, "option", 32);
+            i0.ɵɵtext(43, "Numbers (1, 2, 3)");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(51, "option", 39);
-            i0.ɵɵtext(52, "Letters (a, b, c)");
+            i0.ɵɵelementStart(44, "option", 33);
+            i0.ɵɵtext(45, "Letters (a, b, c)");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(53, "option", 40);
-            i0.ɵɵtext(54, "Roman numerals (i), (ii), (iii)");
-            i0.ɵɵelementEnd()()()();
-            i0.ɵɵelement(55, "span", 15);
-            i0.ɵɵelementStart(56, "div", 41)(57, "button", 42);
-            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_57_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_57_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "outdent")); });
+            i0.ɵɵelementStart(46, "option", 34);
+            i0.ɵɵtext(47, "Roman numerals (i), (ii), (iii)");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelement(48, "span", 13);
+            i0.ɵɵelementStart(49, "button", 35);
+            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_49_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_49_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "outdent")); });
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(58, "svg", 11);
-            i0.ɵɵelement(59, "path", 43);
+            i0.ɵɵelementStart(50, "svg", 9);
+            i0.ɵɵelement(51, "path", 36);
             i0.ɵɵelementEnd()();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(60, "button", 44);
-            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_60_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_60_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "indent")); });
+            i0.ɵɵelementStart(52, "button", 37);
+            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_52_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_52_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "indent")); });
             i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(61, "svg", 11);
-            i0.ɵɵelement(62, "path", 45);
-            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementStart(53, "svg", 9);
+            i0.ɵɵelement(54, "path", 38);
+            i0.ɵɵelementEnd()()();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(63, "div", 46)(64, "ngx-editor", 47);
-            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.ɵɵelementStart(55, "div", 39)(56, "ngx-editor", 40);
+            i0.ɵɵlistener("focusIn", function WriteRichTextAreaFieldComponent_Template_ngx_editor_focusIn_56_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.syncAccessibilityLater()); })("focusOut", function WriteRichTextAreaFieldComponent_Template_ngx_editor_focusOut_56_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(27, _c1$e, !ctx.richTextAreaControl.valid && ctx.richTextAreaControl.dirty));
             i0.ɵɵadvance();
             i0.ɵɵproperty("id", ctx.labelId());
             i0.ɵɵadvance();
@@ -28520,35 +28803,31 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.caseField.hint_text);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("id", ctx.keyboardInstructionsId());
-            i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.isInvalid());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(31, _c2$3, ctx.isInvalid()));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(29, _c2$3, ctx.isInvalid()));
             i0.ɵɵadvance(2);
             i0.ɵɵattribute("aria-label", ctx.toolbarLabel());
-            i0.ɵɵadvance(10);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(33, _c3, ctx.isToolbarCommandActive("bold")));
+            i0.ɵɵadvance(8);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(31, _c3, ctx.isToolbarCommandActive("bold")));
             i0.ɵɵattribute("aria-pressed", ctx.isToolbarCommandActive("bold"));
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(35, _c3, ctx.isToolbarCommandActive("italic")));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(33, _c3, ctx.isToolbarCommandActive("italic")));
             i0.ɵɵattribute("aria-pressed", ctx.isToolbarCommandActive("italic"));
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(37, _c3, ctx.isToolbarCommandActive("underline")));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(35, _c3, ctx.isToolbarCommandActive("underline")));
             i0.ɵɵattribute("aria-pressed", ctx.isToolbarCommandActive("underline"));
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(39, _c3, ctx.isToolbarCommandActive("paragraph")));
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(37, _c3, ctx.isToolbarCommandActive("paragraph")));
             i0.ɵɵattribute("aria-pressed", ctx.isToolbarCommandActive("paragraph"));
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(41, _c3, ctx.isToolbarCommandActive("heading")));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(39, _c3, ctx.isToolbarCommandActive("heading")));
             i0.ɵɵattribute("aria-pressed", ctx.isToolbarCommandActive("heading"));
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngIf", ctx.isToolbarCommandActive("heading"));
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(43, _c3, ctx.isToolbarCommandActive("bullet_list")));
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(41, _c3, ctx.isToolbarCommandActive("bullet_list")));
             i0.ɵɵattribute("aria-pressed", ctx.isToolbarCommandActive("bullet_list"));
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(45, _c3, ctx.isOrderedListActive()));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(43, _c3, ctx.isOrderedListActive()));
             i0.ɵɵattribute("aria-pressed", ctx.isOrderedListActive());
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("for", ctx.listStyleId());
@@ -28556,18 +28835,18 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵproperty("id", ctx.listStyleId())("value", ctx.currentListSelectValue());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.isOrderedListActive());
-            i0.ɵɵadvance(16);
+            i0.ɵɵadvance(15);
             i0.ɵɵproperty("editor", ctx.editor)("formControl", ctx.richTextAreaControl);
-        } }, dependencies: [i5.NgClass, i5.NgIf, i4.NgSelectOption, i4.ɵNgSelectMultipleOption, i4.NgControlStatus, i4.FormControlDirective, i3$1.NgxEditorComponent, FieldLabelPipe, FirstErrorPipe, i1.RpxTranslatePipe], styles: [".ccd-rich-text-area{margin-bottom:30px}.ccd-rich-text-area__editor{max-width:100%}.ccd-rich-text-area__keyboard-instructions{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ccd-rich-text-area__toolbar{align-items:center;background:#fff;border:1px solid #d8dde0;border-radius:6px;box-sizing:border-box;display:flex;flex-wrap:wrap;column-gap:2px;margin-bottom:10px;max-width:100%;padding:6px 8px;row-gap:6px;width:fit-content}.ccd-rich-text-area__toolbar-group{align-items:center;display:inline-flex;flex:0 0 auto;gap:2px}.ccd-rich-text-area__toolbar-group--list{max-width:100%}.ccd-rich-text-area .NgxEditor__Wrapper{border:1px solid #000;border-radius:0;box-sizing:border-box;height:255px;max-width:100%;min-height:255px;min-width:200px;overflow:hidden;resize:both;width:100%}.ccd-rich-text-area .NgxEditor__Wrapper:focus-within{outline:3px solid #ffdd00;outline-offset:0}.ccd-rich-text-area__toolbar-button{background:#fff;align-items:center;border:0;border-radius:2px;color:#0b0c0c;display:inline-flex;font-family:inherit;font-size:18px;font-weight:700;height:28px;justify-content:center;min-width:28px;padding:4px;width:28px}.ccd-rich-text-area__toolbar-button:hover{background:#f3f2f1}.ccd-rich-text-area__toolbar-button:focus{background:#fd0;box-shadow:0 0 0 2px #0b0c0c;outline:2px solid #ffdd00;outline-offset:0}.ccd-rich-text-area__toolbar-button--active,.ccd-rich-text-area__toolbar-button--active:hover{background:#1d70b8;color:#fff}.ccd-rich-text-area__toolbar-button--italic{font-style:italic}.ccd-rich-text-area__toolbar-button--underline{text-decoration:underline}.ccd-rich-text-area__toolbar-separator{border-left:1px solid #b1b4b6;height:24px;margin:0 5px 0 3px}.ccd-rich-text-area__heading-level{display:inline-flex;margin-right:3px}.ccd-rich-text-area__heading-level-label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ccd-rich-text-area__heading-level-select{background-color:#fff;border:1px solid #0b0c0c;border-radius:0;color:#0b0c0c;font-family:inherit;font-size:16px;height:32px;min-width:108px;padding:2px 24px 2px 6px;width:150px}.ccd-rich-text-area__heading-level-select:focus{box-shadow:0 0 0 2px #0b0c0c;outline:3px solid #ffdd00;outline-offset:0}.ccd-rich-text-area__list-style{align-items:center;display:inline-flex;gap:8px;margin:0 4px;min-width:0}.ccd-rich-text-area__list-style-label{font-weight:700;white-space:nowrap}.ccd-rich-text-area__list-style-select{background-color:#fff;border:1px solid #0b0c0c;border-radius:0;color:#0b0c0c;font-family:inherit;font-size:16px;height:32px;max-width:100%;min-width:0;padding:2px 28px 2px 8px;width:260px}.ccd-rich-text-area__list-style-select:focus{box-shadow:0 0 0 2px #0b0c0c;outline:3px solid #ffdd00;outline-offset:0}@media(max-width:480px){.ccd-rich-text-area__toolbar-group--list{flex-wrap:wrap}.ccd-rich-text-area__list-style{flex:1 1 100%;margin-left:0}.ccd-rich-text-area__list-style-select{flex:1 1 auto;width:auto}}.ccd-rich-text-area__toolbar-icon{display:block;fill:currentColor;height:20px;width:20px}.ccd-rich-text-area__toolbar-icon--paragraph{display:inline-flex;font-size:18px;line-height:1;width:auto}.ccd-rich-text-area__toolbar-icon--heading{display:inline-flex;font-size:18px;font-weight:700;line-height:1;width:auto}.ccd-rich-text-area .ProseMirror h1{font-size:20px;font-weight:700}.ccd-rich-text-area .ProseMirror h2{font-size:18px;font-weight:700}.ccd-rich-text-area .ProseMirror h3{font-size:16px;font-weight:700}.ccd-rich-text-area .NgxEditor__Wrapper .NgxEditor{border:0;border-radius:0;height:100%;min-height:0;overflow:hidden;width:100%}.ccd-rich-text-area__editor--error .NgxEditor__Wrapper{border-color:#d4351c}.ccd-rich-text-area .NgxEditor__Content{box-sizing:border-box;font-size:14px;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px 14px}.ccd-rich-text-area .ProseMirror{font-size:14px;min-height:231px;outline:0;overflow-wrap:anywhere;white-space:pre-wrap;word-break:normal}.ccd-rich-text-area .ProseMirror [data-indent=\"1\"]{margin-left:40px}.ccd-rich-text-area .ProseMirror [data-indent=\"2\"]{margin-left:80px}.ccd-rich-text-area .ProseMirror [data-indent=\"3\"]{margin-left:120px}.ccd-rich-text-area .ProseMirror [data-indent=\"4\"]{margin-left:160px}.ccd-rich-text-area .ProseMirror [data-indent=\"5\"]{margin-left:200px}.ccd-rich-text-area .ProseMirror [data-indent=\"6\"]{margin-left:240px}.ccd-rich-text-area .ProseMirror strong,.ccd-rich-text-area .ProseMirror strong *,.ccd-rich-text-area .ProseMirror b,.ccd-rich-text-area .ProseMirror b *{font-weight:700}.ccd-rich-text-area .ProseMirror strong u,.ccd-rich-text-area .ProseMirror u strong,.ccd-rich-text-area .ProseMirror b u,.ccd-rich-text-area .ProseMirror u b{font-weight:700!important;text-decoration:underline}.ccd-rich-text-area .ProseMirror:focus{box-shadow:none;outline:0}.ccd-rich-text-area .ProseMirror p,.ccd-rich-text-area .ProseMirror ul,.ccd-rich-text-area .ProseMirror ol,.ccd-rich-text-area .ProseMirror li{font-size:14px;margin-top:0;overflow-wrap:anywhere;word-break:normal}.ccd-rich-text-area .ProseMirror p{margin-bottom:5px}.ccd-rich-text-area .ProseMirror ul{list-style:disc outside;padding-left:25px}.ccd-rich-text-area .ProseMirror ol{list-style:decimal outside;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"1\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"1\"]{margin-left:40px;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"2\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"2\"]{margin-left:80px;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"3\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"3\"]{margin-left:120px;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"4\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"4\"]{margin-left:160px;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"5\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"5\"]{margin-left:200px;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"6\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"6\"]{margin-left:240px;padding-left:25px}.ccd-rich-text-area .ProseMirror ol[type=a]{list-style-type:lower-alpha}.ccd-rich-text-area .ProseMirror ol[type=i]{list-style-type:lower-roman}.ccd-rich-text-area .ProseMirror ol[type=i]>li::marker{content:\"(\" counter(list-item,lower-roman) \") \"}.ccd-rich-text-area .ProseMirror li{display:list-item;margin-bottom:5px}.ccd-rich-text-area .ProseMirror li>p{margin:0}.ccd-rich-text-area .ProseMirror li>ul,.ccd-rich-text-area .ProseMirror li>ol{margin-top:5px}\n"], encapsulation: 2 });
+        } }, dependencies: [i5.NgClass, i5.NgIf, i4.NgSelectOption, i4.ɵNgSelectMultipleOption, i4.NgControlStatus, i4.FormControlDirective, i3$1.NgxEditorComponent, FieldLabelPipe, FirstErrorPipe, i1.RpxTranslatePipe], styles: [".ccd-rich-text-area{margin-bottom:30px}.ccd-rich-text-area__editor{max-width:100%}.ccd-rich-text-area__toolbar{align-items:center;background:#fff;border:1px solid #d8dde0;border-radius:6px;display:flex;flex-wrap:wrap;gap:2px;margin-bottom:10px;padding:6px 8px;width:fit-content}.ccd-rich-text-area .NgxEditor__Wrapper{border:1px solid #000;border-radius:0;box-sizing:border-box;height:255px;max-width:100%;min-height:255px;min-width:200px;overflow:hidden;resize:both;width:100%}.ccd-rich-text-area .NgxEditor__Wrapper:focus-within{outline:3px solid #ffdd00;outline-offset:0}.ccd-rich-text-area__toolbar-button{background:#fff;align-items:center;border:0;border-radius:2px;color:#0b0c0c;display:inline-flex;font-family:inherit;font-size:18px;font-weight:700;height:28px;justify-content:center;min-width:28px;padding:4px;width:28px}.ccd-rich-text-area__toolbar-button:hover{background:#f3f2f1}.ccd-rich-text-area__toolbar-button:focus{background:#fd0;box-shadow:0 0 0 2px #0b0c0c;outline:2px solid #ffdd00;outline-offset:0}.ccd-rich-text-area__toolbar-button--active,.ccd-rich-text-area__toolbar-button--active:hover{background:#1d70b8;color:#fff}.ccd-rich-text-area__toolbar-button--italic{font-style:italic}.ccd-rich-text-area__toolbar-button--underline{text-decoration:underline}.ccd-rich-text-area__toolbar-separator{border-left:1px solid #b1b4b6;height:24px;margin:0 5px 0 3px}.ccd-rich-text-area__list-style{align-items:center;display:inline-flex;gap:8px;margin:0 4px}.ccd-rich-text-area__list-style-label{font-weight:700;white-space:nowrap}.ccd-rich-text-area__list-style-select{background-color:#fff;border:1px solid #0b0c0c;border-radius:0;color:#0b0c0c;font-family:inherit;font-size:16px;height:32px;min-width:190px;padding:2px 28px 2px 8px}.ccd-rich-text-area__list-style-select:focus{box-shadow:0 0 0 2px #0b0c0c;outline:3px solid #ffdd00;outline-offset:0}.ccd-rich-text-area__toolbar-icon{display:block;fill:currentColor;height:20px;width:20px}.ccd-rich-text-area__toolbar-icon--paragraph{display:inline-flex;font-size:18px;line-height:1;width:auto}.ccd-rich-text-area__toolbar-icon--heading{display:inline-flex;font-size:18px;font-weight:700;line-height:1;width:auto}.ccd-rich-text-area .ProseMirror h1{font-size:20px;font-weight:700}.ccd-rich-text-area .NgxEditor__Wrapper .NgxEditor{border:0;border-radius:0;height:100%;min-height:0;overflow:hidden;width:100%}.ccd-rich-text-area__editor--error .NgxEditor__Wrapper{border-color:#d4351c}.ccd-rich-text-area .NgxEditor__Content{box-sizing:border-box;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px 14px}.ccd-rich-text-area .ProseMirror{min-height:231px;outline:0;overflow-wrap:anywhere;white-space:pre-wrap;word-break:normal}.ccd-rich-text-area .ProseMirror [data-indent=\"1\"]{margin-left:40px}.ccd-rich-text-area .ProseMirror [data-indent=\"2\"]{margin-left:80px}.ccd-rich-text-area .ProseMirror [data-indent=\"3\"]{margin-left:120px}.ccd-rich-text-area .ProseMirror [data-indent=\"4\"]{margin-left:160px}.ccd-rich-text-area .ProseMirror [data-indent=\"5\"]{margin-left:200px}.ccd-rich-text-area .ProseMirror [data-indent=\"6\"]{margin-left:240px}.ccd-rich-text-area .ProseMirror strong,.ccd-rich-text-area .ProseMirror strong *,.ccd-rich-text-area .ProseMirror b,.ccd-rich-text-area .ProseMirror b *{font-weight:700}.ccd-rich-text-area .ProseMirror strong u,.ccd-rich-text-area .ProseMirror u strong,.ccd-rich-text-area .ProseMirror b u,.ccd-rich-text-area .ProseMirror u b{font-weight:700!important;text-decoration:underline}.ccd-rich-text-area .ProseMirror:focus{box-shadow:none;outline:0}.ccd-rich-text-area .ProseMirror p,.ccd-rich-text-area .ProseMirror ul,.ccd-rich-text-area .ProseMirror ol{margin-top:0;overflow-wrap:anywhere;word-break:normal}.ccd-rich-text-area .ProseMirror p{margin-bottom:5px}.ccd-rich-text-area .ProseMirror ul{list-style:disc outside;padding-left:25px}.ccd-rich-text-area .ProseMirror ol{list-style:decimal outside;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"1\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"1\"]{margin-left:40px;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"2\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"2\"]{margin-left:80px;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"3\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"3\"]{margin-left:120px;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"4\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"4\"]{margin-left:160px;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"5\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"5\"]{margin-left:200px;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"6\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"6\"]{margin-left:240px;padding-left:25px}.ccd-rich-text-area .ProseMirror ol[type=a]{list-style-type:lower-alpha}.ccd-rich-text-area .ProseMirror ol[type=i]{list-style-type:lower-roman}.ccd-rich-text-area .ProseMirror ol[type=i]>li::marker{content:\"(\" counter(list-item,lower-roman) \") \"}.ccd-rich-text-area .ProseMirror li{display:list-item;margin-bottom:5px}.ccd-rich-text-area .ProseMirror li>p{margin:0}.ccd-rich-text-area .ProseMirror li>ul,.ccd-rich-text-area .ProseMirror li>ol{margin-top:5px}\n"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteRichTextAreaFieldComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-write-rich-text-area-field', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"form-group ccd-rich-text-area\" [ngClass]=\"{'form-group-error': !richTextAreaControl.valid && richTextAreaControl.dirty}\">\n  <div [id]=\"labelId()\">\n    <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n  </div>\n  <span [id]=\"hintId()\" class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text | rpxTranslate}}</span>\n  <span [id]=\"keyboardInstructionsId()\" class=\"ccd-rich-text-area__keyboard-instructions\">\n    Press Escape to move from the editor to the formatting toolbar.\n  </span>\n  <span [id]=\"errorId()\" class=\"error-message\" *ngIf=\"isInvalid()\">\n    {{richTextAreaControl.errors | ccdFirstError:caseField.label}}\n  </span>\n\n  <div\n    #editorHost\n    class=\"ccd-rich-text-area__editor\"\n    [ngClass]=\"{'ccd-rich-text-area__editor--error': isInvalid()}\"\n    (click)=\"onEditorClick()\"\n    (keydown)=\"onEditorKeyDown($event)\"\n    (keyup)=\"syncAccessibilityLater()\"\n    (paste)=\"onPaste($event)\">\n    <div\n      class=\"ccd-rich-text-area__toolbar\"\n      role=\"toolbar\"\n      aria-orientation=\"horizontal\"\n      [attr.aria-label]=\"toolbarLabel()\"\n      (focusin)=\"onToolbarFocusIn($event)\"\n      (keydown)=\"onToolbarKeyDown($event)\">\n      <div class=\"ccd-rich-text-area__toolbar-group\" role=\"group\" aria-label=\"History\">\n        <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button\"\n        tabindex=\"0\"\n        aria-label=\"Undo\"\n        title=\"Undo\"\n        aria-keyshortcuts=\"Control+Z\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'undo')\">\n        <svg class=\"ccd-rich-text-area__toolbar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z\"></path>\n        </svg>\n        </button>\n        <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button\"\n        tabindex=\"-1\"\n        aria-label=\"Redo\"\n        title=\"Redo\"\n        aria-keyshortcuts=\"Control+Y\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'redo')\">\n        <svg class=\"ccd-rich-text-area__toolbar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z\"></path>\n        </svg>\n        </button>\n      </div>\n      <span class=\"ccd-rich-text-area__toolbar-separator\" aria-hidden=\"true\"></span>\n      <div class=\"ccd-rich-text-area__toolbar-group\" role=\"group\" aria-label=\"Text formatting\">\n        <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button ccd-rich-text-area__toolbar-button--bold\"\n        tabindex=\"-1\"\n        [ngClass]=\"{'ccd-rich-text-area__toolbar-button--active': isToolbarCommandActive('bold')}\"\n        [attr.aria-pressed]=\"isToolbarCommandActive('bold')\"\n        aria-label=\"Bold\"\n        title=\"Bold\"\n        aria-keyshortcuts=\"Control+B\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'bold')\">\n        <svg class=\"ccd-rich-text-area__toolbar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5S13.83 9.5 13 9.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z\"></path>\n        </svg>\n        </button>\n        <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button ccd-rich-text-area__toolbar-button--italic\"\n        tabindex=\"-1\"\n        [ngClass]=\"{'ccd-rich-text-area__toolbar-button--active': isToolbarCommandActive('italic')}\"\n        [attr.aria-pressed]=\"isToolbarCommandActive('italic')\"\n        aria-label=\"Italic\"\n        title=\"Italic\"\n        aria-keyshortcuts=\"Control+I\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'italic')\">\n        <svg class=\"ccd-rich-text-area__toolbar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z\"></path>\n        </svg>\n        </button>\n        <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button ccd-rich-text-area__toolbar-button--underline\"\n        tabindex=\"-1\"\n        [ngClass]=\"{'ccd-rich-text-area__toolbar-button--active': isToolbarCommandActive('underline')}\"\n        [attr.aria-pressed]=\"isToolbarCommandActive('underline')\"\n        aria-label=\"Underline\"\n        title=\"Underline\"\n        aria-keyshortcuts=\"Control+U\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'underline')\">\n        <svg class=\"ccd-rich-text-area__toolbar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z\"></path>\n        </svg>\n        </button>\n      </div>\n      <div class=\"ccd-rich-text-area__toolbar-group\" role=\"group\" aria-label=\"Paragraph and heading formatting\">\n        <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button ccd-rich-text-area__toolbar-button--paragraph\"\n        tabindex=\"-1\"\n        [ngClass]=\"{'ccd-rich-text-area__toolbar-button--active': isToolbarCommandActive('paragraph')}\"\n        [attr.aria-pressed]=\"isToolbarCommandActive('paragraph')\"\n        aria-label=\"Paragraph\"\n        title=\"Paragraph\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'paragraph')\">\n        <span class=\"ccd-rich-text-area__toolbar-icon ccd-rich-text-area__toolbar-icon--paragraph\" aria-hidden=\"true\">P</span>\n        </button>\n        <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button ccd-rich-text-area__toolbar-button--heading\"\n        tabindex=\"-1\"\n        [ngClass]=\"{'ccd-rich-text-area__toolbar-button--active': isToolbarCommandActive('heading')}\"\n        [attr.aria-pressed]=\"isToolbarCommandActive('heading')\"\n        aria-label=\"Heading\"\n        title=\"Heading\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'heading')\">\n        <span class=\"ccd-rich-text-area__toolbar-icon ccd-rich-text-area__toolbar-icon--heading\" aria-hidden=\"true\">H</span>\n        </button>\n        <div\n          *ngIf=\"isToolbarCommandActive('heading')\"\n          class=\"ccd-rich-text-area__heading-level\">\n          <label class=\"ccd-rich-text-area__heading-level-label\" [for]=\"headingLevelId()\">Heading level</label>\n          <select\n            class=\"ccd-rich-text-area__heading-level-select\"\n            tabindex=\"-1\"\n            [id]=\"headingLevelId()\"\n            [value]=\"selectedHeadingLevel\"\n            (change)=\"onHeadingLevelChange($event)\">\n            <option value=\"1\">Heading 1</option>\n            <option value=\"2\">Heading 2</option>\n            <option value=\"3\">Heading 3</option>\n          </select>\n        </div>\n      </div>\n      <span class=\"ccd-rich-text-area__toolbar-separator\" aria-hidden=\"true\"></span>\n      <div\n        class=\"ccd-rich-text-area__toolbar-group ccd-rich-text-area__toolbar-group--list\"\n        role=\"group\"\n        aria-label=\"List formatting\">\n        <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button\"\n        tabindex=\"-1\"\n        [ngClass]=\"{'ccd-rich-text-area__toolbar-button--active': isToolbarCommandActive('bullet_list')}\"\n        [attr.aria-pressed]=\"isToolbarCommandActive('bullet_list')\"\n        aria-label=\"Bullet List\"\n        title=\"Bullet List\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'bullet_list')\">\n        <svg class=\"ccd-rich-text-area__toolbar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6C3.17 4.5 2.5 5.17 2.5 6S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zM7 13h14v-2H7v2zm0 6h14v-2H7v2zM7 5v2h14V5H7z\"></path>\n        </svg>\n        </button>\n        <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button\"\n        tabindex=\"-1\"\n        [ngClass]=\"{'ccd-rich-text-area__toolbar-button--active': isOrderedListActive()}\"\n        [attr.aria-pressed]=\"isOrderedListActive()\"\n        aria-label=\"Numbered List\"\n        title=\"Numbered List\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'ordered_list')\">\n        <svg class=\"ccd-rich-text-area__toolbar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1V14h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z\"></path>\n        </svg>\n        </button>\n        <div class=\"ccd-rich-text-area__list-style\">\n          <label class=\"ccd-rich-text-area__list-style-label\" [for]=\"listStyleId()\">List style</label>\n          <select\n            class=\"ccd-rich-text-area__list-style-select\"\n            tabindex=\"-1\"\n            [id]=\"listStyleId()\"\n            [value]=\"currentListSelectValue()\"\n            (change)=\"onListStyleChange($event)\">\n            <option *ngIf=\"!isOrderedListActive()\" value=\"\">No list</option>\n            <option value=\"ordered_list\">Numbers (1, 2, 3)</option>\n            <option value=\"ordered_alpha\">Letters (a, b, c)</option>\n            <option value=\"ordered_roman\">Roman numerals (i), (ii), (iii)</option>\n          </select>\n        </div>\n      </div>\n      <span class=\"ccd-rich-text-area__toolbar-separator\" aria-hidden=\"true\"></span>\n      <div class=\"ccd-rich-text-area__toolbar-group\" role=\"group\" aria-label=\"Indentation\">\n        <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button\"\n        tabindex=\"-1\"\n        aria-label=\"Decrease Indent\"\n        title=\"Decrease Indent\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'outdent')\">\n        <svg class=\"ccd-rich-text-area__toolbar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M11 17h10v-2H11v2zm-8-5 4 4V8l-4 4zm0 9h18v-2H3v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z\"></path>\n        </svg>\n        </button>\n        <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button\"\n        tabindex=\"-1\"\n        aria-label=\"Increase Indent\"\n        title=\"Increase Indent\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'indent')\">\n        <svg class=\"ccd-rich-text-area__toolbar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z\"></path>\n        </svg>\n        </button>\n      </div>\n    </div>\n\n    <div class=\"NgxEditor__Wrapper\">\n      <ngx-editor\n        [editor]=\"editor\"\n        [formControl]=\"richTextAreaControl\"\n        outputFormat=\"html\"\n        (focusIn)=\"syncAccessibilityLater()\"\n        (focusOut)=\"onEditorFocusOut()\">\n      </ngx-editor>\n    </div>\n  </div>\n</div>\n", styles: [".ccd-rich-text-area{margin-bottom:30px}.ccd-rich-text-area__editor{max-width:100%}.ccd-rich-text-area__keyboard-instructions{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ccd-rich-text-area__toolbar{align-items:center;background:#fff;border:1px solid #d8dde0;border-radius:6px;box-sizing:border-box;display:flex;flex-wrap:wrap;column-gap:2px;margin-bottom:10px;max-width:100%;padding:6px 8px;row-gap:6px;width:fit-content}.ccd-rich-text-area__toolbar-group{align-items:center;display:inline-flex;flex:0 0 auto;gap:2px}.ccd-rich-text-area__toolbar-group--list{max-width:100%}.ccd-rich-text-area .NgxEditor__Wrapper{border:1px solid #000;border-radius:0;box-sizing:border-box;height:255px;max-width:100%;min-height:255px;min-width:200px;overflow:hidden;resize:both;width:100%}.ccd-rich-text-area .NgxEditor__Wrapper:focus-within{outline:3px solid #ffdd00;outline-offset:0}.ccd-rich-text-area__toolbar-button{background:#fff;align-items:center;border:0;border-radius:2px;color:#0b0c0c;display:inline-flex;font-family:inherit;font-size:18px;font-weight:700;height:28px;justify-content:center;min-width:28px;padding:4px;width:28px}.ccd-rich-text-area__toolbar-button:hover{background:#f3f2f1}.ccd-rich-text-area__toolbar-button:focus{background:#fd0;box-shadow:0 0 0 2px #0b0c0c;outline:2px solid #ffdd00;outline-offset:0}.ccd-rich-text-area__toolbar-button--active,.ccd-rich-text-area__toolbar-button--active:hover{background:#1d70b8;color:#fff}.ccd-rich-text-area__toolbar-button--italic{font-style:italic}.ccd-rich-text-area__toolbar-button--underline{text-decoration:underline}.ccd-rich-text-area__toolbar-separator{border-left:1px solid #b1b4b6;height:24px;margin:0 5px 0 3px}.ccd-rich-text-area__heading-level{display:inline-flex;margin-right:3px}.ccd-rich-text-area__heading-level-label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ccd-rich-text-area__heading-level-select{background-color:#fff;border:1px solid #0b0c0c;border-radius:0;color:#0b0c0c;font-family:inherit;font-size:16px;height:32px;min-width:108px;padding:2px 24px 2px 6px;width:150px}.ccd-rich-text-area__heading-level-select:focus{box-shadow:0 0 0 2px #0b0c0c;outline:3px solid #ffdd00;outline-offset:0}.ccd-rich-text-area__list-style{align-items:center;display:inline-flex;gap:8px;margin:0 4px;min-width:0}.ccd-rich-text-area__list-style-label{font-weight:700;white-space:nowrap}.ccd-rich-text-area__list-style-select{background-color:#fff;border:1px solid #0b0c0c;border-radius:0;color:#0b0c0c;font-family:inherit;font-size:16px;height:32px;max-width:100%;min-width:0;padding:2px 28px 2px 8px;width:260px}.ccd-rich-text-area__list-style-select:focus{box-shadow:0 0 0 2px #0b0c0c;outline:3px solid #ffdd00;outline-offset:0}@media(max-width:480px){.ccd-rich-text-area__toolbar-group--list{flex-wrap:wrap}.ccd-rich-text-area__list-style{flex:1 1 100%;margin-left:0}.ccd-rich-text-area__list-style-select{flex:1 1 auto;width:auto}}.ccd-rich-text-area__toolbar-icon{display:block;fill:currentColor;height:20px;width:20px}.ccd-rich-text-area__toolbar-icon--paragraph{display:inline-flex;font-size:18px;line-height:1;width:auto}.ccd-rich-text-area__toolbar-icon--heading{display:inline-flex;font-size:18px;font-weight:700;line-height:1;width:auto}.ccd-rich-text-area .ProseMirror h1{font-size:20px;font-weight:700}.ccd-rich-text-area .ProseMirror h2{font-size:18px;font-weight:700}.ccd-rich-text-area .ProseMirror h3{font-size:16px;font-weight:700}.ccd-rich-text-area .NgxEditor__Wrapper .NgxEditor{border:0;border-radius:0;height:100%;min-height:0;overflow:hidden;width:100%}.ccd-rich-text-area__editor--error .NgxEditor__Wrapper{border-color:#d4351c}.ccd-rich-text-area .NgxEditor__Content{box-sizing:border-box;font-size:14px;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px 14px}.ccd-rich-text-area .ProseMirror{font-size:14px;min-height:231px;outline:0;overflow-wrap:anywhere;white-space:pre-wrap;word-break:normal}.ccd-rich-text-area .ProseMirror [data-indent=\"1\"]{margin-left:40px}.ccd-rich-text-area .ProseMirror [data-indent=\"2\"]{margin-left:80px}.ccd-rich-text-area .ProseMirror [data-indent=\"3\"]{margin-left:120px}.ccd-rich-text-area .ProseMirror [data-indent=\"4\"]{margin-left:160px}.ccd-rich-text-area .ProseMirror [data-indent=\"5\"]{margin-left:200px}.ccd-rich-text-area .ProseMirror [data-indent=\"6\"]{margin-left:240px}.ccd-rich-text-area .ProseMirror strong,.ccd-rich-text-area .ProseMirror strong *,.ccd-rich-text-area .ProseMirror b,.ccd-rich-text-area .ProseMirror b *{font-weight:700}.ccd-rich-text-area .ProseMirror strong u,.ccd-rich-text-area .ProseMirror u strong,.ccd-rich-text-area .ProseMirror b u,.ccd-rich-text-area .ProseMirror u b{font-weight:700!important;text-decoration:underline}.ccd-rich-text-area .ProseMirror:focus{box-shadow:none;outline:0}.ccd-rich-text-area .ProseMirror p,.ccd-rich-text-area .ProseMirror ul,.ccd-rich-text-area .ProseMirror ol,.ccd-rich-text-area .ProseMirror li{font-size:14px;margin-top:0;overflow-wrap:anywhere;word-break:normal}.ccd-rich-text-area .ProseMirror p{margin-bottom:5px}.ccd-rich-text-area .ProseMirror ul{list-style:disc outside;padding-left:25px}.ccd-rich-text-area .ProseMirror ol{list-style:decimal outside;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"1\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"1\"]{margin-left:40px;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"2\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"2\"]{margin-left:80px;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"3\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"3\"]{margin-left:120px;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"4\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"4\"]{margin-left:160px;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"5\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"5\"]{margin-left:200px;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"6\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"6\"]{margin-left:240px;padding-left:25px}.ccd-rich-text-area .ProseMirror ol[type=a]{list-style-type:lower-alpha}.ccd-rich-text-area .ProseMirror ol[type=i]{list-style-type:lower-roman}.ccd-rich-text-area .ProseMirror ol[type=i]>li::marker{content:\"(\" counter(list-item,lower-roman) \") \"}.ccd-rich-text-area .ProseMirror li{display:list-item;margin-bottom:5px}.ccd-rich-text-area .ProseMirror li>p{margin:0}.ccd-rich-text-area .ProseMirror li>ul,.ccd-rich-text-area .ProseMirror li>ol{margin-top:5px}\n"] }]
+        args: [{ selector: 'ccd-write-rich-text-area-field', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"form-group ccd-rich-text-area\" [ngClass]=\"{'form-group-error': !richTextAreaControl.valid && richTextAreaControl.dirty}\">\n  <div [id]=\"labelId()\">\n    <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n  </div>\n  <span [id]=\"hintId()\" class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text | rpxTranslate}}</span>\n  <span [id]=\"errorId()\" class=\"error-message\" *ngIf=\"isInvalid()\">\n    {{richTextAreaControl.errors | ccdFirstError:caseField.label}}\n  </span>\n\n  <div\n    #editorHost\n    class=\"ccd-rich-text-area__editor\"\n    [ngClass]=\"{'ccd-rich-text-area__editor--error': isInvalid()}\"\n    (click)=\"syncAccessibilityLater()\"\n    (keydown)=\"onEditorKeyDown($event)\"\n    (keyup)=\"syncAccessibilityLater()\"\n    (paste)=\"onPaste($event)\">\n    <div\n      class=\"ccd-rich-text-area__toolbar\"\n      role=\"toolbar\"\n      [attr.aria-label]=\"toolbarLabel()\">\n      <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button\"\n        aria-label=\"Undo\"\n        title=\"Undo\"\n        aria-keyshortcuts=\"Control+Z\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'undo')\">\n        <svg class=\"ccd-rich-text-area__toolbar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z\"></path>\n        </svg>\n      </button>\n      <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button\"\n        aria-label=\"Redo\"\n        title=\"Redo\"\n        aria-keyshortcuts=\"Control+Y\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'redo')\">\n        <svg class=\"ccd-rich-text-area__toolbar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z\"></path>\n        </svg>\n      </button>\n      <span class=\"ccd-rich-text-area__toolbar-separator\" aria-hidden=\"true\"></span>\n      <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button ccd-rich-text-area__toolbar-button--bold\"\n        [ngClass]=\"{'ccd-rich-text-area__toolbar-button--active': isToolbarCommandActive('bold')}\"\n        [attr.aria-pressed]=\"isToolbarCommandActive('bold')\"\n        aria-label=\"Bold\"\n        title=\"Bold\"\n        aria-keyshortcuts=\"Control+B\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'bold')\">\n        <svg class=\"ccd-rich-text-area__toolbar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5S13.83 9.5 13 9.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z\"></path>\n        </svg>\n      </button>\n      <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button ccd-rich-text-area__toolbar-button--italic\"\n        [ngClass]=\"{'ccd-rich-text-area__toolbar-button--active': isToolbarCommandActive('italic')}\"\n        [attr.aria-pressed]=\"isToolbarCommandActive('italic')\"\n        aria-label=\"Italic\"\n        title=\"Italic\"\n        aria-keyshortcuts=\"Control+I\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'italic')\">\n        <svg class=\"ccd-rich-text-area__toolbar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z\"></path>\n        </svg>\n      </button>\n      <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button ccd-rich-text-area__toolbar-button--underline\"\n        [ngClass]=\"{'ccd-rich-text-area__toolbar-button--active': isToolbarCommandActive('underline')}\"\n        [attr.aria-pressed]=\"isToolbarCommandActive('underline')\"\n        aria-label=\"Underline\"\n        title=\"Underline\"\n        aria-keyshortcuts=\"Control+U\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'underline')\">\n        <svg class=\"ccd-rich-text-area__toolbar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z\"></path>\n        </svg>\n      </button>\n      <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button ccd-rich-text-area__toolbar-button--paragraph\"\n        [ngClass]=\"{'ccd-rich-text-area__toolbar-button--active': isToolbarCommandActive('paragraph')}\"\n        [attr.aria-pressed]=\"isToolbarCommandActive('paragraph')\"\n        aria-label=\"Paragraph\"\n        title=\"Paragraph\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'paragraph')\">\n        <span class=\"ccd-rich-text-area__toolbar-icon ccd-rich-text-area__toolbar-icon--paragraph\" aria-hidden=\"true\">P</span>\n      </button>\n      <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button ccd-rich-text-area__toolbar-button--heading\"\n        [ngClass]=\"{'ccd-rich-text-area__toolbar-button--active': isToolbarCommandActive('heading')}\"\n        [attr.aria-pressed]=\"isToolbarCommandActive('heading')\"\n        aria-label=\"Heading level 1\"\n        title=\"Heading level 1\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'heading')\">\n        <span class=\"ccd-rich-text-area__toolbar-icon ccd-rich-text-area__toolbar-icon--heading\" aria-hidden=\"true\">H</span>\n      </button>\n      <span class=\"ccd-rich-text-area__toolbar-separator\" aria-hidden=\"true\"></span>\n      <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button\"\n        [ngClass]=\"{'ccd-rich-text-area__toolbar-button--active': isToolbarCommandActive('bullet_list')}\"\n        [attr.aria-pressed]=\"isToolbarCommandActive('bullet_list')\"\n        aria-label=\"Bullet List\"\n        title=\"Bullet List\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'bullet_list')\">\n        <svg class=\"ccd-rich-text-area__toolbar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6C3.17 4.5 2.5 5.17 2.5 6S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zM7 13h14v-2H7v2zm0 6h14v-2H7v2zM7 5v2h14V5H7z\"></path>\n        </svg>\n      </button>\n      <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button\"\n        [ngClass]=\"{'ccd-rich-text-area__toolbar-button--active': isOrderedListActive()}\"\n        [attr.aria-pressed]=\"isOrderedListActive()\"\n        aria-label=\"Numbered List\"\n        title=\"Numbered List\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'ordered_list')\">\n        <svg class=\"ccd-rich-text-area__toolbar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1V14h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z\"></path>\n        </svg>\n      </button>\n      <div class=\"ccd-rich-text-area__list-style\">\n        <label class=\"ccd-rich-text-area__list-style-label\" [for]=\"listStyleId()\">List style</label>\n        <select\n          class=\"ccd-rich-text-area__list-style-select\"\n          [id]=\"listStyleId()\"\n          [value]=\"currentListSelectValue()\"\n          (change)=\"onListStyleChange($event)\">\n          <option *ngIf=\"!isOrderedListActive()\" value=\"\">No list</option>\n          <option value=\"ordered_list\">Numbers (1, 2, 3)</option>\n          <option value=\"ordered_alpha\">Letters (a, b, c)</option>\n          <option value=\"ordered_roman\">Roman numerals (i), (ii), (iii)</option>\n        </select>\n      </div>\n      <span class=\"ccd-rich-text-area__toolbar-separator\" aria-hidden=\"true\"></span>\n      <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button\"\n        aria-label=\"Decrease Indent\"\n        title=\"Decrease Indent\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'outdent')\">\n        <svg class=\"ccd-rich-text-area__toolbar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M11 17h10v-2H11v2zm-8-5 4 4V8l-4 4zm0 9h18v-2H3v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z\"></path>\n        </svg>\n      </button>\n      <button\n        type=\"button\"\n        class=\"ccd-rich-text-area__toolbar-button\"\n        aria-label=\"Increase Indent\"\n        title=\"Increase Indent\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'indent')\">\n        <svg class=\"ccd-rich-text-area__toolbar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z\"></path>\n        </svg>\n      </button>\n    </div>\n\n    <div class=\"NgxEditor__Wrapper\">\n      <ngx-editor\n        [editor]=\"editor\"\n        [formControl]=\"richTextAreaControl\"\n        outputFormat=\"html\"\n        (focusIn)=\"syncAccessibilityLater()\"\n        (focusOut)=\"onEditorFocusOut()\">\n      </ngx-editor>\n    </div>\n  </div>\n</div>\n", styles: [".ccd-rich-text-area{margin-bottom:30px}.ccd-rich-text-area__editor{max-width:100%}.ccd-rich-text-area__toolbar{align-items:center;background:#fff;border:1px solid #d8dde0;border-radius:6px;display:flex;flex-wrap:wrap;gap:2px;margin-bottom:10px;padding:6px 8px;width:fit-content}.ccd-rich-text-area .NgxEditor__Wrapper{border:1px solid #000;border-radius:0;box-sizing:border-box;height:255px;max-width:100%;min-height:255px;min-width:200px;overflow:hidden;resize:both;width:100%}.ccd-rich-text-area .NgxEditor__Wrapper:focus-within{outline:3px solid #ffdd00;outline-offset:0}.ccd-rich-text-area__toolbar-button{background:#fff;align-items:center;border:0;border-radius:2px;color:#0b0c0c;display:inline-flex;font-family:inherit;font-size:18px;font-weight:700;height:28px;justify-content:center;min-width:28px;padding:4px;width:28px}.ccd-rich-text-area__toolbar-button:hover{background:#f3f2f1}.ccd-rich-text-area__toolbar-button:focus{background:#fd0;box-shadow:0 0 0 2px #0b0c0c;outline:2px solid #ffdd00;outline-offset:0}.ccd-rich-text-area__toolbar-button--active,.ccd-rich-text-area__toolbar-button--active:hover{background:#1d70b8;color:#fff}.ccd-rich-text-area__toolbar-button--italic{font-style:italic}.ccd-rich-text-area__toolbar-button--underline{text-decoration:underline}.ccd-rich-text-area__toolbar-separator{border-left:1px solid #b1b4b6;height:24px;margin:0 5px 0 3px}.ccd-rich-text-area__list-style{align-items:center;display:inline-flex;gap:8px;margin:0 4px}.ccd-rich-text-area__list-style-label{font-weight:700;white-space:nowrap}.ccd-rich-text-area__list-style-select{background-color:#fff;border:1px solid #0b0c0c;border-radius:0;color:#0b0c0c;font-family:inherit;font-size:16px;height:32px;min-width:190px;padding:2px 28px 2px 8px}.ccd-rich-text-area__list-style-select:focus{box-shadow:0 0 0 2px #0b0c0c;outline:3px solid #ffdd00;outline-offset:0}.ccd-rich-text-area__toolbar-icon{display:block;fill:currentColor;height:20px;width:20px}.ccd-rich-text-area__toolbar-icon--paragraph{display:inline-flex;font-size:18px;line-height:1;width:auto}.ccd-rich-text-area__toolbar-icon--heading{display:inline-flex;font-size:18px;font-weight:700;line-height:1;width:auto}.ccd-rich-text-area .ProseMirror h1{font-size:20px;font-weight:700}.ccd-rich-text-area .NgxEditor__Wrapper .NgxEditor{border:0;border-radius:0;height:100%;min-height:0;overflow:hidden;width:100%}.ccd-rich-text-area__editor--error .NgxEditor__Wrapper{border-color:#d4351c}.ccd-rich-text-area .NgxEditor__Content{box-sizing:border-box;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px 14px}.ccd-rich-text-area .ProseMirror{min-height:231px;outline:0;overflow-wrap:anywhere;white-space:pre-wrap;word-break:normal}.ccd-rich-text-area .ProseMirror [data-indent=\"1\"]{margin-left:40px}.ccd-rich-text-area .ProseMirror [data-indent=\"2\"]{margin-left:80px}.ccd-rich-text-area .ProseMirror [data-indent=\"3\"]{margin-left:120px}.ccd-rich-text-area .ProseMirror [data-indent=\"4\"]{margin-left:160px}.ccd-rich-text-area .ProseMirror [data-indent=\"5\"]{margin-left:200px}.ccd-rich-text-area .ProseMirror [data-indent=\"6\"]{margin-left:240px}.ccd-rich-text-area .ProseMirror strong,.ccd-rich-text-area .ProseMirror strong *,.ccd-rich-text-area .ProseMirror b,.ccd-rich-text-area .ProseMirror b *{font-weight:700}.ccd-rich-text-area .ProseMirror strong u,.ccd-rich-text-area .ProseMirror u strong,.ccd-rich-text-area .ProseMirror b u,.ccd-rich-text-area .ProseMirror u b{font-weight:700!important;text-decoration:underline}.ccd-rich-text-area .ProseMirror:focus{box-shadow:none;outline:0}.ccd-rich-text-area .ProseMirror p,.ccd-rich-text-area .ProseMirror ul,.ccd-rich-text-area .ProseMirror ol{margin-top:0;overflow-wrap:anywhere;word-break:normal}.ccd-rich-text-area .ProseMirror p{margin-bottom:5px}.ccd-rich-text-area .ProseMirror ul{list-style:disc outside;padding-left:25px}.ccd-rich-text-area .ProseMirror ol{list-style:decimal outside;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"1\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"1\"]{margin-left:40px;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"2\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"2\"]{margin-left:80px;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"3\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"3\"]{margin-left:120px;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"4\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"4\"]{margin-left:160px;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"5\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"5\"]{margin-left:200px;padding-left:25px}.ccd-rich-text-area .ProseMirror ul[data-indent=\"6\"],.ccd-rich-text-area .ProseMirror ol[data-indent=\"6\"]{margin-left:240px;padding-left:25px}.ccd-rich-text-area .ProseMirror ol[type=a]{list-style-type:lower-alpha}.ccd-rich-text-area .ProseMirror ol[type=i]{list-style-type:lower-roman}.ccd-rich-text-area .ProseMirror ol[type=i]>li::marker{content:\"(\" counter(list-item,lower-roman) \") \"}.ccd-rich-text-area .ProseMirror li{display:list-item;margin-bottom:5px}.ccd-rich-text-area .ProseMirror li>p{margin:0}.ccd-rich-text-area .ProseMirror li>ul,.ccd-rich-text-area .ProseMirror li>ol{margin-top:5px}\n"] }]
     }], null, { editorHost: [{
             type: ViewChild,
             args: ['editorHost']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteRichTextAreaFieldComponent, { className: "WriteRichTextAreaFieldComponent", filePath: "lib/shared/components/palette/rich-text-area/write-rich-text-area-field.component.ts", lineNumber: 137 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteRichTextAreaFieldComponent, { className: "WriteRichTextAreaFieldComponent", filePath: "lib/shared/components/palette/rich-text-area/write-rich-text-area-field.component.ts", lineNumber: 128 }); })();
 
 class ReadTextFieldComponent extends AbstractFieldReadComponent {
     static ɵfac = /*@__PURE__*/ (() => { let ɵReadTextFieldComponent_BaseFactory; return function ReadTextFieldComponent_Factory(__ngFactoryType__) { return (ɵReadTextFieldComponent_BaseFactory || (ɵReadTextFieldComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ReadTextFieldComponent)))(__ngFactoryType__ || ReadTextFieldComponent); }; })();
@@ -29030,6 +29309,8 @@ class PaletteService {
                         return write ? WriteOrganisationFieldComponent : ReadOrganisationFieldComponent;
                     case 'JudicialUser':
                         return write ? WriteJudicialUserFieldComponent : ReadJudicialUserFieldComponent;
+                    case 'StaffUser':
+                        return write ? WriteStaffUserFieldComponent : ReadStaffUserFieldComponent;
                     default:
                         return write ? WriteComplexFieldComponent : ReadComplexFieldComponent;
                 }
@@ -35879,6 +36160,7 @@ const PALETTE_COMPONENTS = [
     ReadDocumentFieldComponent,
     // new
     ReadJudicialUserFieldComponent,
+    ReadStaffUserFieldComponent,
     ReadYesNoFieldComponent,
     ReadOrganisationFieldComponent,
     ReadOrganisationFieldTableComponent,
@@ -35900,6 +36182,7 @@ const PALETTE_COMPONENTS = [
     ReadLinkedCasesFieldComponent,
     // Write
     WriteJudicialUserFieldComponent,
+    WriteStaffUserFieldComponent,
     WriteAddressFieldComponent,
     WriteComplexFieldComponent,
     WriteOrganisationComplexFieldComponent,
@@ -36185,6 +36468,7 @@ class PaletteModule {
         ReadDocumentFieldComponent,
         // new
         ReadJudicialUserFieldComponent,
+        ReadStaffUserFieldComponent,
         ReadYesNoFieldComponent,
         ReadOrganisationFieldComponent,
         ReadOrganisationFieldTableComponent,
@@ -36206,6 +36490,7 @@ class PaletteModule {
         ReadLinkedCasesFieldComponent,
         // Write
         WriteJudicialUserFieldComponent,
+        WriteStaffUserFieldComponent,
         WriteAddressFieldComponent,
         WriteComplexFieldComponent,
         WriteOrganisationComplexFieldComponent,
@@ -36347,6 +36632,7 @@ class PaletteModule {
         ReadDocumentFieldComponent,
         // new
         ReadJudicialUserFieldComponent,
+        ReadStaffUserFieldComponent,
         ReadYesNoFieldComponent,
         ReadOrganisationFieldComponent,
         ReadOrganisationFieldTableComponent,
@@ -36368,6 +36654,7 @@ class PaletteModule {
         ReadLinkedCasesFieldComponent,
         // Write
         WriteJudicialUserFieldComponent,
+        WriteStaffUserFieldComponent,
         WriteAddressFieldComponent,
         WriteComplexFieldComponent,
         WriteOrganisationComplexFieldComponent,
@@ -45734,5 +46021,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, 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, 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, WriteTextAreaFieldComponent, WriteTextFieldComponent, WriteYesNoFieldComponent, YesNoService, aCaseField, caseMessagesMockData, createACL, createCaseEventTrigger, createCaseField, createComplexFieldOverride, createFieldType, createFixedListFieldType, createHiddenComplexFieldOverride, createMultiSelectListFieldType, createWizardPage, createWizardPageField, editorRouting, initDialog, newCaseField, 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, 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, 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