@hmcts/ccd-case-ui-toolkit 7.3.89-exui-5101-rc-2 → 7.3.89-pofcc-156

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

@@ -12,11 +12,11 @@ import { BehaviorSubject, throwError, Subject, EMPTY, concat, defer, timer, Obse
 import { distinctUntilChanged, catchError, map, switchMap, repeat, retry, publish, refCount, debounceTime, delay, finalize, timeout, mergeMap, retryWhen, tap, delayWhen, publishReplay, take, first, takeUntil, filter } from 'rxjs/operators';
 import * as i1$2 from '@angular/common/http';
 import { HttpErrorResponse, HttpHeaders, HttpParams, HttpStatusCode } from '@angular/common/http';
-import { Type, Exclude, Expose, plainToClassFromExist, plainToClass } from 'class-transformer';
-import moment from 'moment';
 import { __decorate, __metadata } from 'tslib';
+import { Type, Exclude, Expose, plainToClassFromExist, plainToClass } from 'class-transformer';
 import * as _ from 'underscore';
 import 'reflect-metadata';
+import moment from 'moment';
 import { StateMachine } from '@edium/fsm';
 import * as i1$3 from '@angular/material/legacy-dialog';
 import { MAT_LEGACY_DIALOG_DATA, MatLegacyDialogModule } from '@angular/material/legacy-dialog';
@@ -1860,380 +1860,1205 @@ class SessionStorageGuard {
                 args: [SessionJsonErrorLogger]
             }] }], null); })();
 
-const USER_DETAILS = 'userDetails';
-const PUI_CASE_MANAGER = 'pui-case-manager';
-const JUDGE = 'judge';
-function getUserDetails(sessionStorageService) {
-    const item = sessionStorageService?.getItem(USER_DETAILS);
-    return safeJsonParse(item, null);
+// tslint:disable:variable-name
+class AddressModel {
+    AddressLine1 = '';
+    AddressLine2 = '';
+    AddressLine3 = '';
+    PostTown = '';
+    County = '';
+    PostCode = '';
+    Country = '';
 }
-function isInternalUser(sessionStorageService) {
-    const userDetails = getUserDetails(sessionStorageService);
-    return !!userDetails?.roles
-        && !(userDetails.roles.includes(PUI_CASE_MANAGER)
-            || userDetails.roles.some((role) => role.toLowerCase().includes(JUDGE)));
+
+class Alert {
+    level;
+    message;
 }
-function isJudiciaryUser(sessionStorageService) {
-    const userDetails = getUserDetails(sessionStorageService);
-    return !!userDetails?.roles
-        && (userDetails.roles.some((role) => role.toLowerCase().includes(JUDGE)));
+
+// tslint:disable:variable-name
+class CaseDetails {
+    id;
+    jurisdiction;
+    case_type_id;
+    state;
+    created_date;
+    last_modified;
+    locked_by_user_id;
+    security_level;
+    case_data;
+}
+
+// tslint:disable:variable-name
+class CaseEventData {
+    event;
+    data;
+    event_data; // full event data
+    event_token;
+    ignore_warning;
+    draft_id;
+    case_reference;
+}
+
+class WizardPageField {
+    case_field_id;
+    order;
+    page_column_no;
+    complex_field_overrides;
+}
+
+class FixedListItem {
+    code;
+    label;
+    order;
 }
 
 // @dynamic
-class ActivityService {
-    http;
-    appConfig;
-    sessionStorageService;
-    static get ACTIVITY_VIEW() { return 'view'; }
-    static get ACTIVITY_EDIT() { return 'edit'; }
-    logger = new StructuredLoggerService();
-    constructor(http, appConfig, sessionStorageService) {
-        this.http = http;
-        this.appConfig = appConfig;
-        this.sessionStorageService = sessionStorageService;
-    }
-    get isEnabled() {
-        return this.activityUrl() && this.userAuthorised;
-    }
-    static DUMMY_CASE_REFERENCE = '0';
-    userAuthorised = undefined;
-    static handleHttpError(response) {
-        const error = HttpErrorService.convertToHttpError(response);
-        if (response?.status !== error.status) {
-            error.status = response.status;
-        }
-        return error;
-    }
-    getOptions() {
-        const userDetails = safeJsonParse(this.sessionStorageService.getItem(USER_DETAILS));
-        let headers = new HttpHeaders().set('Content-Type', 'application/json');
-        if (userDetails?.token) {
-            headers = headers.set('Authorization', userDetails.token);
-        }
-        return {
-            headers,
-            withCredentials: true,
-            observe: 'body',
-        };
-    }
-    getActivities(...caseId) {
-        try {
-            const options = this.getOptions();
-            const url = `${this.activityUrl()}/cases/${caseId.join(',')}/activity`;
-            return this.http
-                .get(url, options, false, ActivityService.handleHttpError)
-                .pipe(map(response => response));
-        }
-        catch (error) {
-            this.logUserMayNotBeAuthenticated(error);
-        }
-    }
-    postActivity(caseId, activity) {
-        try {
-            const options = this.getOptions();
-            const url = `${this.activityUrl()}/cases/${caseId}/activity`;
-            const body = { activity };
-            return this.http
-                .post(url, body, options, false)
-                .pipe(map(response => response));
-        }
-        catch (error) {
-            this.logUserMayNotBeAuthenticated(error);
-        }
-    }
-    verifyUserIsAuthorized() {
-        if (this.sessionStorageService.getItem(USER_DETAILS) && this.activityUrl() && this.userAuthorised === undefined) {
-            this.getActivities(ActivityService.DUMMY_CASE_REFERENCE).subscribe(() => this.userAuthorised = true, error => {
-                this.userAuthorised = [401, 403].indexOf(error.status) <= -1;
-            });
-        }
-    }
-    activityUrl() {
-        return this.appConfig.getActivityUrl();
-    }
-    logUserMayNotBeAuthenticated(error) {
-        this.logger.error('User may not be authenticated. Activity request was not sent.', { error });
-    }
-    static ɵfac = function ActivityService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActivityService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(SessionStorageService)); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ActivityService, factory: ActivityService.ɵfac });
+class FieldType {
+    id;
+    type;
+    min;
+    max;
+    regular_expression;
+    fixed_list_items;
+    complex_fields;
+    collection_field_type;
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActivityService, [{
-        type: Injectable
-    }], () => [{ type: HttpService }, { type: AbstractAppConfig }, { type: SessionStorageService }], null); })();
+__decorate([
+    Type(() => FixedListItem),
+    __metadata("design:type", Array)
+], FieldType.prototype, "fixed_list_items", void 0);
+__decorate([
+    Type(() => CaseField),
+    __metadata("design:type", Array)
+], FieldType.prototype, "complex_fields", void 0);
+__decorate([
+    Type(() => FieldType),
+    __metadata("design:type", FieldType)
+], FieldType.prototype, "collection_field_type", void 0);
 
 // @dynamic
-class ActivityPollingService {
-    activityService;
-    ngZone;
-    config;
-    logger = new StructuredLoggerService();
-    pendingRequests = new Map();
-    currentTimeoutHandle;
-    pollActivitiesSubscription;
-    pollConfig;
-    batchCollectionDelayMs;
-    maxRequestsPerBatch;
-    constructor(activityService, ngZone, config) {
-        this.activityService = activityService;
-        this.ngZone = ngZone;
-        this.config = config;
-        this.pollConfig = {
-            interval: config.getActivityNexPollRequestMs(),
-            attempts: config.getActivityRetry()
-        };
-        this.batchCollectionDelayMs = config.getActivityBatchCollectionDelayMs();
-        this.maxRequestsPerBatch = config.getActivityMaxRequestPerBatch();
-    }
-    get isEnabled() {
-        return this.activityService.isEnabled;
-    }
-    subscribeToActivity(caseId, done) {
-        if (!this.isEnabled) {
-            return new Subject();
+class CaseField {
+    static logger = new StructuredLoggerService();
+    id;
+    hidden;
+    hiddenCannotChange;
+    label;
+    originalLabel;
+    noCacheLabel;
+    order;
+    parent;
+    field_type;
+    hint_text;
+    security_label;
+    display_context;
+    display_context_parameter;
+    month_format;
+    show_condition;
+    show_summary_change_option;
+    show_summary_content_option;
+    acls;
+    metadata;
+    formatted_value;
+    retain_hidden_value;
+    wizardProps;
+    _value;
+    _list_items = [];
+    isTranslatedFlag = false;
+    get value() {
+        if (this.field_type && (this.field_type.type === 'DynamicList' || this.field_type.type === 'DynamicRadioList')) {
+            return this._value && this._value.value ? this._value.value.code : this._value;
         }
-        let subject = this.pendingRequests.get(caseId);
-        if (subject) {
-            subject.subscribe(done);
+        else if (this.field_type && this.field_type.type === 'DynamicMultiSelectList') {
+            return this._value && this._value.value ? this._value.value : this._value;
         }
         else {
-            // Only the first pending request should start the batch collection timer.
-            const wasEmpty = this.pendingRequests.size === 0;
-            subject = new Subject();
-            subject.subscribe(done);
-            this.addPendingRequest(caseId, subject);
-            if (wasEmpty) {
-                this.ngZone.runOutsideAngular(() => {
-                    this.currentTimeoutHandle = setTimeout(() => this.ngZone.run(() => {
-                        this.flushRequests();
-                    }), this.batchCollectionDelayMs);
-                });
-            }
-        }
-        if (this.pendingRequests.size >= this.maxRequestsPerBatch) {
-            this.flushRequests();
+            return this._value;
         }
-        return subject;
     }
-    stopPolling() {
-        if (this.pollActivitiesSubscription) {
-            this.pollActivitiesSubscription.unsubscribe();
+    set value(value) {
+        if (this.isDynamic()) {
+            if (value && value instanceof Object && value.list_items) {
+                this._list_items = value.list_items;
+            }
+            else if (!this._list_items || this._list_items.length === 0) {
+                // Extract the list items from the current value if that's the only place they exist.
+                this._list_items = this.list_items;
+                if (!value || !value.value) {
+                    value = null;
+                }
+            }
         }
+        this._value = value;
     }
-    flushRequests() {
-        if (this.currentTimeoutHandle) {
-            clearTimeout(this.currentTimeoutHandle);
-            this.currentTimeoutHandle = undefined;
+    get list_items() {
+        if (this.isDynamic()) {
+            return this._value && this._value.list_items ? this._value.list_items : this._list_items;
         }
-        if (!this.pendingRequests.size) {
-            return;
+        else {
+            return this.field_type.fixed_list_items;
         }
-        const requests = new Map(this.pendingRequests);
-        this.pendingRequests.clear();
-        this.performBatchRequest(requests);
     }
-    pollActivities(...caseIds) {
-        if (!this.isEnabled) {
-            return EMPTY;
+    set list_items(items) {
+        if ((items && !this._list_items) || (items?.length > this._list_items?.length)) {
+            this._list_items = items;
         }
-        return this.polling(this.activityService.getActivities(...caseIds), this.pollConfig);
-    }
-    postViewActivity(caseId) {
-        return this.postActivity(caseId, ActivityService.ACTIVITY_VIEW);
-    }
-    postEditActivity(caseId) {
-        return this.postActivity(caseId, ActivityService.ACTIVITY_EDIT);
-    }
-    performBatchRequest(requests) {
-        const caseIds = Array.from(requests.keys()).join();
-        this.ngZone.runOutsideAngular(() => {
-            // run polling outside angular zone so it does not trigger change detection
-            this.pollActivitiesSubscription = this.pollActivities(caseIds).subscribe({
-                // process activity inside zone so it triggers change detection for activity.component.ts
-                next: (activities) => this.ngZone.run(() => {
-                    activities.forEach((activity) => {
-                        // Ignore activities returned for cases outside this local batch.
-                        requests.get(activity.caseId)?.next(activity);
-                    });
-                }),
-                error: (err) => this.ngZone.run(() => {
-                    this.logger.error('Error while polling activities.', { error: err });
-                    Array.from(requests.values()).forEach((subject) => subject.error(err));
-                })
-            });
-        });
     }
-    postActivity(caseId, activityType) {
-        if (!this.isEnabled) {
-            return EMPTY;
+    get dateTimeEntryFormat() {
+        if (this.isComplexDisplay()) {
+            return null;
         }
-        const pollingConfig = {
-            ...this.pollConfig,
-            interval: 5000 // inline with CCD Backend
-        };
-        return this.polling(this.activityService.postActivity(caseId, activityType), pollingConfig);
-    }
-    addPendingRequest(caseId, subject) {
-        this.pendingRequests.set(caseId, subject);
-        // Components complete their returned Subject on destroy; remove it so a later same-case subscription gets a fresh Subject.
-        subject.subscribe({
-            complete: () => this.removePendingRequest(caseId, subject),
-            error: () => this.removePendingRequest(caseId, subject)
-        });
+        if (this.display_context_parameter) {
+            return this.extractBracketValue(this.display_context_parameter, '#DATETIMEENTRY');
+        }
+        return null;
     }
-    removePendingRequest(caseId, subject) {
-        if (this.pendingRequests.get(caseId) !== subject) {
-            return;
+    get dateTimeDisplayFormat() {
+        if (this.isComplexEntry()) {
+            return null;
         }
-        this.pendingRequests.delete(caseId);
-        if (!this.pendingRequests.size && this.currentTimeoutHandle) {
-            clearTimeout(this.currentTimeoutHandle);
-            this.currentTimeoutHandle = undefined;
+        if (this.display_context_parameter) {
+            return this.extractBracketValue(this.display_context_parameter, '#DATETIMEDISPLAY');
         }
+        return null;
     }
-    polling(request$, options) {
-        const pollingOptions = {
-            interval: options.interval,
-            attempts: options.attempts ?? 9,
-            exponentialUnit: options.exponentialUnit ?? 1000
-        };
-        return concat(request$, defer(() => timer(pollingOptions.interval).pipe(switchMap(() => request$))).pipe(repeat())).pipe(
-        // Preserve consecutive-failure retry behaviour using the current RxJS retry config.
-        retry({
-            count: pollingOptions.attempts,
-            delay: (_error, retryCount) => timer(this.getExponentialRetryDelay(retryCount, pollingOptions.exponentialUnit)),
-            resetOnSuccess: true
-        }));
+    isComplexDisplay() {
+        return (this.isComplex() || this.isCollection()) && this.isReadonly();
     }
-    getExponentialRetryDelay(consecutiveErrorsCount, exponentialUnit) {
-        return Math.pow(2, consecutiveErrorsCount - 1) * exponentialUnit;
+    isComplexEntry() {
+        return (this.isComplex() || this.isCollection()) && (this.isOptional() || this.isMandatory());
     }
-    static ɵfac = function ActivityPollingService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActivityPollingService)(i0.ɵɵinject(ActivityService), i0.ɵɵinject(i0.NgZone), i0.ɵɵinject(AbstractAppConfig)); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ActivityPollingService, factory: ActivityPollingService.ɵfac });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActivityPollingService, [{
-        type: Injectable
-    }], () => [{ type: ActivityService }, { type: i0.NgZone }, { type: AbstractAppConfig }], null); })();
-
-function ActivityComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "ccd-activity-icon", 5);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("activityEditorsAndViewersIcons", ctx_r0.viewersPresent())("activityEditorsIcon", !ctx_r0.viewersPresent());
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("description", i0.ɵɵpipeBind1(2, 5, ctx_r0.editorsText));
-} }
-function ActivityComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 6);
-    i0.ɵɵelement(1, "ccd-activity-icon", 7);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("description", i0.ɵɵpipeBind1(2, 1, ctx_r0.viewersText));
-} }
-function ActivityComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "ccd-activity-banner", 8);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("description", i0.ɵɵpipeBind1(2, 1, ctx_r0.editorsText));
-} }
-function ActivityComponent_div_0_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "ccd-activity-banner", 9);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("description", i0.ɵɵpipeBind1(2, 1, ctx_r0.viewersText));
-} }
-function ActivityComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵtemplate(1, ActivityComponent_div_0_div_1_Template, 3, 7, "div", 2)(2, ActivityComponent_div_0_div_2_Template, 3, 3, "div", 3)(3, ActivityComponent_div_0_div_3_Template, 3, 3, "div", 4)(4, ActivityComponent_div_0_div_4_Template, 3, 3, "div", 4);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.displayMode === ctx_r0.dspMode.ICON && ctx_r0.editorsPresent());
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.displayMode === ctx_r0.dspMode.ICON && ctx_r0.viewersPresent());
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.displayMode === ctx_r0.dspMode.BANNER && ctx_r0.editorsPresent());
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.displayMode === ctx_r0.dspMode.BANNER && ctx_r0.viewersPresent());
-} }
-class ActivityComponent {
-    activityPollingService;
-    activity;
-    dspMode = DisplayMode;
-    viewersText;
-    editorsText;
-    subscription;
-    caseId;
-    displayMode;
-    VIEWERS_PREFIX = '';
-    VIEWERS_SUFFIX = 'viewing this case';
-    EDITORS_PREFIX = 'This case is being updated by ';
-    EDITORS_SUFFIX = '';
-    constructor(activityPollingService) {
-        this.activityPollingService = activityPollingService;
+    isReadonly() {
+        return !_.isEmpty(this.display_context)
+            && this.display_context.toUpperCase() === 'READONLY';
     }
-    ngOnInit() {
-        this.activity = new Activity();
-        this.activity.caseId = this.caseId;
-        this.activity.editors = [];
-        this.activity.unknownEditors = 0;
-        this.activity.viewers = [];
-        this.activity.unknownViewers = 0;
-        this.viewersText = '';
-        this.editorsText = '';
-        this.subscription = this.activityPollingService.subscribeToActivity(this.caseId, newActivity => this.onActivityChange(newActivity));
+    isOptional() {
+        return !_.isEmpty(this.display_context)
+            && this.display_context.toUpperCase() === 'OPTIONAL';
     }
-    onActivityChange(newActivity) {
-        this.activity = newActivity;
-        this.viewersText = this.generateDescription(this.VIEWERS_PREFIX, this.VIEWERS_SUFFIX, this.activity.viewers, this.activity.unknownViewers);
-        this.editorsText = this.generateDescription(this.EDITORS_PREFIX, this.EDITORS_SUFFIX, this.activity.editors, this.activity.unknownEditors);
+    isMandatory() {
+        return !_.isEmpty(this.display_context)
+            && this.display_context.toUpperCase() === 'MANDATORY';
     }
-    isActivityEnabled() {
-        return this.activityPollingService.isEnabled;
+    isCollection() {
+        return this.field_type && this.field_type.type === 'Collection';
     }
-    isActiveCase() {
-        return this.activity.editors.length || this.activity.viewers.length || this.activity.unknownEditors || this.activity.unknownViewers;
+    isComplex() {
+        return this.field_type && this.field_type.type === 'Complex';
     }
-    viewersPresent() {
-        return (this.activity.viewers.length > 0 || this.activity.unknownViewers > 0);
+    isDynamic() {
+        const dynamicFieldTypes = ['DynamicList', 'DynamicRadioList', 'DynamicMultiSelectList'];
+        if (!this.field_type) {
+            return false;
+        }
+        return dynamicFieldTypes.some(t => t === this.field_type.type);
     }
-    editorsPresent() {
-        return (this.activity.editors.length > 0 || this.activity.unknownEditors > 0);
+    isCaseLink() {
+        return this.isComplex()
+            && this.field_type.id === 'CaseLink'
+            && this.field_type.complex_fields.some(cf => cf.id === 'CaseReference');
     }
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.complete();
+    extractBracketValue(fmt, paramName, leftBracket = '(', rightBracket = ')') {
+        fmt = fmt.split(',')
+            .find(a => a.trim().startsWith(paramName));
+        if (fmt) {
+            const s = fmt.indexOf(leftBracket) + 1;
+            const e = fmt.indexOf(rightBracket, s);
+            if (e > s && s >= 0) {
+                return fmt.substr(s, (e - s));
+            }
         }
-        this.activityPollingService.stopPolling();
+        return null;
     }
-    generateDescription(prefix, suffix, namesArray, unknownCount) {
-        let resultText = prefix;
-        resultText += namesArray.map(activityInfo => `${activityInfo.forename} ${activityInfo.surname}`).join(', ');
-        if (unknownCount > 0) {
-            resultText += (namesArray.length > 0 ? ` and ${unknownCount} other` : `${unknownCount} user`);
-            resultText += (unknownCount > 1 ? 's' : '');
-        }
-        else {
-            resultText = this.replaceLastCommaWithAnd(resultText);
-        }
-        if (suffix.length > 0) {
-            if (namesArray.length + unknownCount > 1) {
-                resultText += ` are ${suffix}`;
-            }
+    // Ascend the hierarchy to get the full path of the field
+    getHierachicalId(curr) {
+        const prefix = curr ? curr + "_" : "";
+        if (prefix.length < 1024) {
+            if (this.parent) {
+                return this.parent.getHierachicalId(prefix + this.id);
+            }
+            else {
+                return prefix + this.id;
+            }
+        }
+        else {
+            CaseField.logger.error('Path too long, possible circular reference in case field hierarchy.');
+            return this.id;
+        }
+    }
+    set isTranslated(val) {
+        this.isTranslatedFlag = val;
+    }
+    get isTranslated() {
+        return this.isTranslatedFlag;
+    }
+}
+__decorate([
+    Exclude(),
+    __metadata("design:type", CaseField)
+], CaseField.prototype, "parent", void 0);
+__decorate([
+    Type(() => FieldType),
+    __metadata("design:type", FieldType)
+], CaseField.prototype, "field_type", void 0);
+__decorate([
+    Type(() => WizardPageField),
+    __metadata("design:type", WizardPageField)
+], CaseField.prototype, "wizardProps", void 0);
+__decorate([
+    Expose(),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], CaseField.prototype, "value", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], CaseField.prototype, "list_items", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], CaseField.prototype, "dateTimeEntryFormat", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], CaseField.prototype, "dateTimeDisplayFormat", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], CaseField.prototype, "isComplexDisplay", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], CaseField.prototype, "isComplexEntry", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], CaseField.prototype, "isReadonly", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], CaseField.prototype, "isOptional", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], CaseField.prototype, "isMandatory", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", Boolean)
+], CaseField.prototype, "isCollection", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", Boolean)
+], CaseField.prototype, "isComplex", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", Boolean)
+], CaseField.prototype, "isDynamic", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", Boolean)
+], CaseField.prototype, "isCaseLink", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [String]),
+    __metadata("design:returntype", String)
+], CaseField.prototype, "getHierachicalId", null);
+
+// @dynamic
+class WizardPage {
+    id;
+    label;
+    order;
+    wizard_page_fields;
+    case_fields;
+    show_condition;
+    parsedShowCondition;
+    getCol1Fields() {
+        return this.case_fields?.filter(f => !f.wizardProps.page_column_no || f.wizardProps.page_column_no === 1);
+    }
+    getCol2Fields() {
+        return this.case_fields?.filter(f => f.wizardProps.page_column_no === 2);
+    }
+    isMultiColumn() {
+        return this.getCol2Fields()?.length > 0;
+    }
+}
+__decorate([
+    Type(() => WizardPageField),
+    __metadata("design:type", Array)
+], WizardPage.prototype, "wizard_page_fields", void 0);
+__decorate([
+    Type(() => CaseField),
+    __metadata("design:type", Array)
+], WizardPage.prototype, "case_fields", void 0);
+
+// @dynamic
+class CaseEventTrigger {
+    id;
+    name;
+    description;
+    case_id;
+    case_fields;
+    event_token;
+    wizard_pages;
+    show_summary;
+    show_event_notes;
+    end_button_label;
+    can_save_draft;
+    hasFields() {
+        return this.case_fields && this.case_fields.length !== 0;
+    }
+    hasPages() {
+        return this.wizard_pages && this.wizard_pages.length !== 0;
+    }
+}
+__decorate([
+    Type(() => CaseField),
+    __metadata("design:type", Array)
+], CaseEventTrigger.prototype, "case_fields", void 0);
+__decorate([
+    Type(() => WizardPage),
+    __metadata("design:type", Array)
+], CaseEventTrigger.prototype, "wizard_pages", void 0);
+
+// tslint:disable:variable-name
+class CaseViewEvent {
+    id;
+    timestamp;
+    summary;
+    comment;
+    event_id;
+    event_name;
+    state_id;
+    state_name;
+    user_id;
+    user_last_name;
+    user_first_name;
+    significant_item;
+}
+
+class CaseViewTrigger {
+    id;
+    name;
+    description;
+    order;
+}
+
+class CaseEvent {
+    id;
+    name;
+    post_state;
+    pre_states;
+    case_fields;
+    description;
+    order;
+    acls;
+}
+
+class CaseState {
+    id;
+    name;
+    description;
+    order;
+}
+
+// Light clone of CaseType to be used in Jurisdiction class
+// to  avoid cyclic dependency
+class CaseTypeLite {
+    id;
+    name;
+    events;
+    states;
+    description;
+}
+
+// @dynamics
+class CaseType {
+    id;
+    name;
+    events;
+    states;
+    case_fields;
+    description;
+    jurisdiction;
+    printEnabled;
+}
+__decorate([
+    Type(() => CaseField),
+    __metadata("design:type", Array)
+], CaseType.prototype, "case_fields", void 0);
+
+// tslint:disable:variable-name
+class EventCaseField {
+    case_field_id;
+    showCondition;
+}
+
+class Jurisdiction {
+    id;
+    name;
+    description;
+    caseTypes;
+    currentCaseType;
+}
+
+class Banner {
+    bannerDescription;
+    bannerUrlText;
+    bannerUrl;
+    bannerViewed;
+    bannerEnabled;
+}
+
+// @dynamic
+class CaseTab {
+    id;
+    label;
+    order;
+    fields;
+    show_condition;
+}
+__decorate([
+    Type(() => CaseField),
+    __metadata("design:type", Array)
+], CaseTab.prototype, "fields", void 0);
+
+// @dynamic
+class CaseView {
+    case_id;
+    case_type;
+    state;
+    channels;
+    tabs;
+    triggers;
+    events;
+    metadataFields;
+    basicFields;
+    case_flag;
+}
+__decorate([
+    Type(() => CaseTab),
+    __metadata("design:type", Array)
+], CaseView.prototype, "tabs", void 0);
+__decorate([
+    Type(() => CaseField),
+    __metadata("design:type", Array)
+], CaseView.prototype, "metadataFields", void 0);
+
+class CasePrintDocument {
+    name;
+    type;
+    url;
+}
+
+var RoleCategory;
+(function (RoleCategory) {
+    RoleCategory["JUDICIAL"] = "JUDICIAL";
+    RoleCategory["LEGAL_OPERATIONS"] = "LEGAL_OPERATIONS";
+    RoleCategory["ADMIN"] = "ADMIN";
+    RoleCategory["CTSC"] = "CTSC";
+    RoleCategory["PROFESSIONAL"] = "PROFESSIONAL";
+    RoleCategory["CITIZEN"] = "CITIZEN";
+    RoleCategory["ENFORCEMENT"] = "ENFORCEMENT";
+})(RoleCategory || (RoleCategory = {}));
+var AMRoleSuffix;
+(function (AMRoleSuffix) {
+    AMRoleSuffix["JUDICIARY"] = "judiciary";
+    AMRoleSuffix["ADMIN"] = "admin";
+    AMRoleSuffix["PROFESSIONAL"] = "professional";
+    AMRoleSuffix["LEGAL_OPERATIONS"] = "legal-ops";
+    AMRoleSuffix["CITIZEN"] = "citizen";
+    AMRoleSuffix["CTSC"] = "ctsc";
+    AMRoleSuffix["ENFORCEMENT"] = "enforcement";
+})(AMRoleSuffix || (AMRoleSuffix = {}));
+var RoleKeyword;
+(function (RoleKeyword) {
+    RoleKeyword["JUDGE"] = "judge";
+    RoleKeyword["ADMIN"] = "admin";
+    RoleKeyword["SOLICITOR"] = "solicitor";
+    RoleKeyword["CITIZEN"] = "citizen";
+    RoleKeyword["CTSC"] = "ctsc";
+    RoleKeyword["CASEWORKER"] = "caseworker";
+    RoleKeyword["ENFORCEMENT"] = "enforcement";
+})(RoleKeyword || (RoleKeyword = {}));
+
+// tslint:disable:variable-name
+class HRef {
+    href;
+}
+class DocumentLinks {
+    self;
+    binary;
+}
+class Document {
+    _links;
+    originalDocumentName;
+    hashToken;
+}
+class Embedded {
+    documents;
+}
+class DocumentData {
+    _embedded;
+    documents;
+}
+class FormDocument {
+    document_url;
+    document_binary_url;
+    document_filename;
+    document_hash;
+    upload_timestamp;
+}
+
+const DRAFT_PREFIX = 'DRAFT';
+const DRAFT_QUERY_PARAM = 'draft';
+class Draft {
+    id;
+    document;
+    type;
+    created;
+    updated;
+    static stripDraftId(draftId) {
+        return draftId.slice(DRAFT_PREFIX.length);
+    }
+    static isDraft(id) {
+        return String(id).startsWith(DRAFT_PREFIX);
+    }
+}
+
+class OrganisationConverter {
+    static toSimpleAddress(organisationModel) {
+        let simpleAddress = '';
+        if (organisationModel.addressLine1) {
+            simpleAddress += `${organisationModel.addressLine1}<br>`;
+        }
+        if (organisationModel.addressLine2) {
+            simpleAddress += `${organisationModel.addressLine2}<br>`;
+        }
+        if (organisationModel.addressLine3) {
+            simpleAddress += `${organisationModel.addressLine3}<br>`;
+        }
+        if (organisationModel.townCity) {
+            simpleAddress += `${organisationModel.townCity}<br>`;
+        }
+        if (organisationModel.county) {
+            simpleAddress += `${organisationModel.county}<br>`;
+        }
+        if (organisationModel.country) {
+            simpleAddress += `${organisationModel.country}<br>`;
+        }
+        if (organisationModel.postCode) {
+            simpleAddress += `${organisationModel.postCode}<br>`;
+        }
+        return simpleAddress;
+    }
+    toSimpleOrganisationModel(organisationModel) {
+        return {
+            organisationIdentifier: organisationModel.organisationIdentifier,
+            name: organisationModel.name,
+            address: OrganisationConverter.toSimpleAddress(organisationModel)
+        };
+    }
+    static ɵfac = function OrganisationConverter_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || OrganisationConverter)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: OrganisationConverter, factory: OrganisationConverter.ɵfac });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OrganisationConverter, [{
+        type: Injectable
+    }], null, null); })();
+
+class PaginationMetadata {
+    totalResultsCount;
+    totalPagesCount;
+}
+
+function hasRoles(profile) {
+    if (profile.user && profile.user.idam && Array.isArray(profile.user.idam.roles)) {
+        return profile.user.idam.roles.length > 0;
+    }
+    return false;
+}
+// @dynamic
+class Profile {
+    user;
+    channels;
+    jurisdictions;
+    default;
+    isSolicitor() {
+        if (hasRoles(this)) {
+            return this.user.idam.roles.find(r => r.endsWith('-solicitor')) !== undefined;
+        }
+        return false;
+    }
+    isCourtAdmin() {
+        if (hasRoles(this)) {
+            return this.user.idam.roles.find(r => r.endsWith('-courtadmin')) !== undefined;
+        }
+        return false;
+    }
+}
+__decorate([
+    Type(() => Jurisdiction),
+    __metadata("design:type", Array)
+], Profile.prototype, "jurisdictions", void 0);
+
+class Field {
+    id;
+    field_type;
+    elementPath;
+    value;
+    label;
+    metadata;
+    constructor(id, field_type, elementPath, value, label, metadata) {
+        this.id = id;
+        this.field_type = field_type;
+        this.elementPath = elementPath;
+        this.value = value;
+        this.label = label;
+        this.metadata = metadata;
+    }
+}
+
+class SearchResultViewColumn {
+    case_field_id;
+    case_field_type;
+    display_context;
+    display_context_parameter;
+    label;
+    order;
+}
+
+// @dynamic
+class SearchResultViewItem {
+    case_id;
+    case_fields;
+    hydrated_case_fields;
+    columns;
+    supplementary_data;
+    display_context_parameter;
+}
+__decorate([
+    Type(() => CaseField),
+    __metadata("design:type", Array)
+], SearchResultViewItem.prototype, "hydrated_case_fields", void 0);
+
+// @dynamic
+class SearchResultView {
+    columns;
+    results;
+    result_error;
+    hasDrafts() {
+        return this.results[0]
+            && this.results[0].case_id
+            && Draft.isDraft(this.results[0].case_id);
+    }
+}
+__decorate([
+    Type(() => SearchResultViewColumn),
+    __metadata("design:type", Array)
+], SearchResultView.prototype, "columns", void 0);
+__decorate([
+    Type(() => SearchResultViewItem),
+    __metadata("design:type", Array)
+], SearchResultView.prototype, "results", void 0);
+
+class SortParameters {
+    comparator;
+    sortOrder;
+    constructor(comparator, sortOrder) {
+        this.comparator = comparator;
+        this.sortOrder = sortOrder;
+    }
+}
+
+var SortOrder$1;
+(function (SortOrder) {
+    SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
+    SortOrder[SortOrder["DESCENDING"] = 1] = "DESCENDING";
+    SortOrder[SortOrder["UNSORTED"] = 2] = "UNSORTED";
+})(SortOrder$1 || (SortOrder$1 = {}));
+
+class WorkbasketInputModel {
+    label;
+    order;
+    field;
+    metadata;
+    display_context_parameter;
+}
+class WorkbasketInput {
+    workbasketInputs;
+}
+
+const USER_DETAILS = 'userDetails';
+const PUI_CASE_MANAGER = 'pui-case-manager';
+function getUserDetails(sessionStorageService) {
+    const item = sessionStorageService?.getItem(USER_DETAILS);
+    return safeJsonParse(item, null);
+}
+function isInternalUser(sessionStorageService) {
+    const userDetails = getUserDetails(sessionStorageService);
+    if (!userDetails?.roles) {
+        return false;
+    }
+    else if (userDetails?.roleCategories?.includes(RoleCategory.ENFORCEMENT)) {
+        return true;
+    }
+    else {
+        return !(userDetails.roles.includes(PUI_CASE_MANAGER) ||
+            userDetails.roles.some((role) => role.toLowerCase().includes(RoleKeyword.JUDGE)));
+    }
+}
+function isJudiciaryUser(sessionStorageService) {
+    const userDetails = getUserDetails(sessionStorageService);
+    return !!userDetails?.roles
+        && (userDetails.roles.some((role) => role.toLowerCase().includes(RoleKeyword.JUDGE)));
+}
+function roleHasKeyword(keyword, roleWords) {
+    return roleWords.includes(keyword);
+}
+function isWorkAllocationUser(sessionStorageService) {
+    const userDetails = getUserDetails(sessionStorageService);
+    return userDetails?.roles
+        && !userDetails.roles.includes(PUI_CASE_MANAGER)
+        &&
+            (userDetails.roles.includes('caseworker-ia-iacjudge')
+                || userDetails.roles.includes('caseworker-ia-caseofficer')
+                || userDetails.roles.includes('caseworker-ia-admofficer')
+                || userDetails.roles.includes('caseworker-civil')
+                || userDetails.roles.includes('caseworker-privatelaw')
+                || userDetails?.roleCategories?.includes(RoleCategory.ENFORCEMENT));
+}
+// fallback purely if roleCategories is not available in 
+function getMappedRoleCategories(roles = []) {
+    const roleKeywords = roles.join().split('-').join().split(',');
+    const roleCategoryList = [];
+    if (roleHasKeyword(RoleKeyword.JUDGE, roleKeywords)) {
+        roleCategoryList.push(RoleCategory.JUDICIAL);
+    }
+    if (roleHasKeyword(RoleKeyword.SOLICITOR, roleKeywords)) {
+        roleCategoryList.push(RoleCategory.PROFESSIONAL);
+    }
+    if (roleHasKeyword(RoleKeyword.CITIZEN, roleKeywords)) {
+        roleCategoryList.push(RoleCategory.CITIZEN);
+    }
+    if (roleHasKeyword(RoleKeyword.ADMIN, roleKeywords)) {
+        roleCategoryList.push(RoleCategory.ADMIN);
+    }
+    if (roleHasKeyword(RoleKeyword.CTSC, roleKeywords)) {
+        roleCategoryList.push(RoleCategory.CTSC);
+    }
+    if (roleHasKeyword(RoleKeyword.CASEWORKER, roleKeywords)) {
+        roleCategoryList.push(RoleCategory.LEGAL_OPERATIONS);
+    }
+    if (roleHasKeyword(RoleKeyword.ENFORCEMENT, roleKeywords)) {
+        roleCategoryList.push(RoleCategory.ENFORCEMENT);
+    }
+    return roleCategoryList;
+}
+function getAMRoleName(accessType, aMRole) {
+    let roleName = '';
+    switch (aMRole) {
+        case RoleCategory.JUDICIAL:
+            roleName = `${accessType}-access-${AMRoleSuffix.JUDICIARY}`;
+            break;
+        case RoleCategory.PROFESSIONAL:
+            roleName = `${accessType}-access-${AMRoleSuffix.PROFESSIONAL}`;
+            break;
+        case RoleCategory.CITIZEN:
+            roleName = `${accessType}-access-${AMRoleSuffix.CITIZEN}`;
+            break;
+        case RoleCategory.ADMIN:
+            roleName = `${accessType}-access-${AMRoleSuffix.ADMIN}`;
+            break;
+        case RoleCategory.CTSC:
+            roleName = `${accessType}-access-${AMRoleSuffix.CTSC}`;
+            break;
+        case RoleCategory.ENFORCEMENT:
+            roleName = `${accessType}-access-${AMRoleSuffix.ENFORCEMENT}`;
+            break;
+        default:
+            roleName = `${accessType}-access-${AMRoleSuffix.LEGAL_OPERATIONS}`;
+            break;
+    }
+    return roleName;
+}
+
+// @dynamic
+class ActivityService {
+    http;
+    appConfig;
+    sessionStorageService;
+    static get ACTIVITY_VIEW() { return 'view'; }
+    static get ACTIVITY_EDIT() { return 'edit'; }
+    logger = new StructuredLoggerService();
+    constructor(http, appConfig, sessionStorageService) {
+        this.http = http;
+        this.appConfig = appConfig;
+        this.sessionStorageService = sessionStorageService;
+    }
+    get isEnabled() {
+        return this.activityUrl() && this.userAuthorised;
+    }
+    static DUMMY_CASE_REFERENCE = '0';
+    userAuthorised = undefined;
+    static handleHttpError(response) {
+        const error = HttpErrorService.convertToHttpError(response);
+        if (response?.status !== error.status) {
+            error.status = response.status;
+        }
+        return error;
+    }
+    getOptions() {
+        const userDetails = safeJsonParse(this.sessionStorageService.getItem(USER_DETAILS));
+        let headers = new HttpHeaders().set('Content-Type', 'application/json');
+        if (userDetails?.token) {
+            headers = headers.set('Authorization', userDetails.token);
+        }
+        return {
+            headers,
+            withCredentials: true,
+            observe: 'body',
+        };
+    }
+    getActivities(...caseId) {
+        try {
+            const options = this.getOptions();
+            const url = `${this.activityUrl()}/cases/${caseId.join(',')}/activity`;
+            return this.http
+                .get(url, options, false, ActivityService.handleHttpError)
+                .pipe(map(response => response));
+        }
+        catch (error) {
+            this.logUserMayNotBeAuthenticated(error);
+        }
+    }
+    postActivity(caseId, activity) {
+        try {
+            const options = this.getOptions();
+            const url = `${this.activityUrl()}/cases/${caseId}/activity`;
+            const body = { activity };
+            return this.http
+                .post(url, body, options, false)
+                .pipe(map(response => response));
+        }
+        catch (error) {
+            this.logUserMayNotBeAuthenticated(error);
+        }
+    }
+    verifyUserIsAuthorized() {
+        if (this.sessionStorageService.getItem(USER_DETAILS) && this.activityUrl() && this.userAuthorised === undefined) {
+            this.getActivities(ActivityService.DUMMY_CASE_REFERENCE).subscribe(() => this.userAuthorised = true, error => {
+                this.userAuthorised = [401, 403].indexOf(error.status) <= -1;
+            });
+        }
+    }
+    activityUrl() {
+        return this.appConfig.getActivityUrl();
+    }
+    logUserMayNotBeAuthenticated(error) {
+        this.logger.error('User may not be authenticated. Activity request was not sent.', { error });
+    }
+    static ɵfac = function ActivityService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActivityService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(SessionStorageService)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ActivityService, factory: ActivityService.ɵfac });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActivityService, [{
+        type: Injectable
+    }], () => [{ type: HttpService }, { type: AbstractAppConfig }, { type: SessionStorageService }], null); })();
+
+// @dynamic
+class ActivityPollingService {
+    activityService;
+    ngZone;
+    config;
+    logger = new StructuredLoggerService();
+    pendingRequests = new Map();
+    currentTimeoutHandle;
+    pollActivitiesSubscription;
+    pollConfig;
+    batchCollectionDelayMs;
+    maxRequestsPerBatch;
+    constructor(activityService, ngZone, config) {
+        this.activityService = activityService;
+        this.ngZone = ngZone;
+        this.config = config;
+        this.pollConfig = {
+            interval: config.getActivityNexPollRequestMs(),
+            attempts: config.getActivityRetry()
+        };
+        this.batchCollectionDelayMs = config.getActivityBatchCollectionDelayMs();
+        this.maxRequestsPerBatch = config.getActivityMaxRequestPerBatch();
+    }
+    get isEnabled() {
+        return this.activityService.isEnabled;
+    }
+    subscribeToActivity(caseId, done) {
+        if (!this.isEnabled) {
+            return new Subject();
+        }
+        let subject = this.pendingRequests.get(caseId);
+        if (subject) {
+            subject.subscribe(done);
+        }
+        else {
+            // Only the first pending request should start the batch collection timer.
+            const wasEmpty = this.pendingRequests.size === 0;
+            subject = new Subject();
+            subject.subscribe(done);
+            this.addPendingRequest(caseId, subject);
+            if (wasEmpty) {
+                this.ngZone.runOutsideAngular(() => {
+                    this.currentTimeoutHandle = setTimeout(() => this.ngZone.run(() => {
+                        this.flushRequests();
+                    }), this.batchCollectionDelayMs);
+                });
+            }
+        }
+        if (this.pendingRequests.size >= this.maxRequestsPerBatch) {
+            this.flushRequests();
+        }
+        return subject;
+    }
+    stopPolling() {
+        if (this.pollActivitiesSubscription) {
+            this.pollActivitiesSubscription.unsubscribe();
+        }
+    }
+    flushRequests() {
+        if (this.currentTimeoutHandle) {
+            clearTimeout(this.currentTimeoutHandle);
+            this.currentTimeoutHandle = undefined;
+        }
+        if (!this.pendingRequests.size) {
+            return;
+        }
+        const requests = new Map(this.pendingRequests);
+        this.pendingRequests.clear();
+        this.performBatchRequest(requests);
+    }
+    pollActivities(...caseIds) {
+        if (!this.isEnabled) {
+            return EMPTY;
+        }
+        return this.polling(this.activityService.getActivities(...caseIds), this.pollConfig);
+    }
+    postViewActivity(caseId) {
+        return this.postActivity(caseId, ActivityService.ACTIVITY_VIEW);
+    }
+    postEditActivity(caseId) {
+        return this.postActivity(caseId, ActivityService.ACTIVITY_EDIT);
+    }
+    performBatchRequest(requests) {
+        const caseIds = Array.from(requests.keys()).join();
+        this.ngZone.runOutsideAngular(() => {
+            // run polling outside angular zone so it does not trigger change detection
+            this.pollActivitiesSubscription = this.pollActivities(caseIds).subscribe({
+                // process activity inside zone so it triggers change detection for activity.component.ts
+                next: (activities) => this.ngZone.run(() => {
+                    activities.forEach((activity) => {
+                        // Ignore activities returned for cases outside this local batch.
+                        requests.get(activity.caseId)?.next(activity);
+                    });
+                }),
+                error: (err) => this.ngZone.run(() => {
+                    this.logger.error('Error while polling activities.', { error: err });
+                    Array.from(requests.values()).forEach((subject) => subject.error(err));
+                })
+            });
+        });
+    }
+    postActivity(caseId, activityType) {
+        if (!this.isEnabled) {
+            return EMPTY;
+        }
+        const pollingConfig = {
+            ...this.pollConfig,
+            interval: 5000 // inline with CCD Backend
+        };
+        return this.polling(this.activityService.postActivity(caseId, activityType), pollingConfig);
+    }
+    addPendingRequest(caseId, subject) {
+        this.pendingRequests.set(caseId, subject);
+        // Components complete their returned Subject on destroy; remove it so a later same-case subscription gets a fresh Subject.
+        subject.subscribe({
+            complete: () => this.removePendingRequest(caseId, subject),
+            error: () => this.removePendingRequest(caseId, subject)
+        });
+    }
+    removePendingRequest(caseId, subject) {
+        if (this.pendingRequests.get(caseId) !== subject) {
+            return;
+        }
+        this.pendingRequests.delete(caseId);
+        if (!this.pendingRequests.size && this.currentTimeoutHandle) {
+            clearTimeout(this.currentTimeoutHandle);
+            this.currentTimeoutHandle = undefined;
+        }
+    }
+    polling(request$, options) {
+        const pollingOptions = {
+            interval: options.interval,
+            attempts: options.attempts ?? 9,
+            exponentialUnit: options.exponentialUnit ?? 1000
+        };
+        return concat(request$, defer(() => timer(pollingOptions.interval).pipe(switchMap(() => request$))).pipe(repeat())).pipe(
+        // Preserve consecutive-failure retry behaviour using the current RxJS retry config.
+        retry({
+            count: pollingOptions.attempts,
+            delay: (_error, retryCount) => timer(this.getExponentialRetryDelay(retryCount, pollingOptions.exponentialUnit)),
+            resetOnSuccess: true
+        }));
+    }
+    getExponentialRetryDelay(consecutiveErrorsCount, exponentialUnit) {
+        return Math.pow(2, consecutiveErrorsCount - 1) * exponentialUnit;
+    }
+    static ɵfac = function ActivityPollingService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActivityPollingService)(i0.ɵɵinject(ActivityService), i0.ɵɵinject(i0.NgZone), i0.ɵɵinject(AbstractAppConfig)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ActivityPollingService, factory: ActivityPollingService.ɵfac });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActivityPollingService, [{
+        type: Injectable
+    }], () => [{ type: ActivityService }, { type: i0.NgZone }, { type: AbstractAppConfig }], null); })();
+
+function ActivityComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelement(1, "ccd-activity-icon", 5);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("activityEditorsAndViewersIcons", ctx_r0.viewersPresent())("activityEditorsIcon", !ctx_r0.viewersPresent());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("description", i0.ɵɵpipeBind1(2, 5, ctx_r0.editorsText));
+} }
+function ActivityComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵelement(1, "ccd-activity-icon", 7);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("description", i0.ɵɵpipeBind1(2, 1, ctx_r0.viewersText));
+} }
+function ActivityComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelement(1, "ccd-activity-banner", 8);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("description", i0.ɵɵpipeBind1(2, 1, ctx_r0.editorsText));
+} }
+function ActivityComponent_div_0_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelement(1, "ccd-activity-banner", 9);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("description", i0.ɵɵpipeBind1(2, 1, ctx_r0.viewersText));
+} }
+function ActivityComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵtemplate(1, ActivityComponent_div_0_div_1_Template, 3, 7, "div", 2)(2, ActivityComponent_div_0_div_2_Template, 3, 3, "div", 3)(3, ActivityComponent_div_0_div_3_Template, 3, 3, "div", 4)(4, ActivityComponent_div_0_div_4_Template, 3, 3, "div", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.displayMode === ctx_r0.dspMode.ICON && ctx_r0.editorsPresent());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.displayMode === ctx_r0.dspMode.ICON && ctx_r0.viewersPresent());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.displayMode === ctx_r0.dspMode.BANNER && ctx_r0.editorsPresent());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.displayMode === ctx_r0.dspMode.BANNER && ctx_r0.viewersPresent());
+} }
+class ActivityComponent {
+    activityPollingService;
+    activity;
+    dspMode = DisplayMode;
+    viewersText;
+    editorsText;
+    subscription;
+    caseId;
+    displayMode;
+    VIEWERS_PREFIX = '';
+    VIEWERS_SUFFIX = 'viewing this case';
+    EDITORS_PREFIX = 'This case is being updated by ';
+    EDITORS_SUFFIX = '';
+    constructor(activityPollingService) {
+        this.activityPollingService = activityPollingService;
+    }
+    ngOnInit() {
+        this.activity = new Activity();
+        this.activity.caseId = this.caseId;
+        this.activity.editors = [];
+        this.activity.unknownEditors = 0;
+        this.activity.viewers = [];
+        this.activity.unknownViewers = 0;
+        this.viewersText = '';
+        this.editorsText = '';
+        this.subscription = this.activityPollingService.subscribeToActivity(this.caseId, newActivity => this.onActivityChange(newActivity));
+    }
+    onActivityChange(newActivity) {
+        this.activity = newActivity;
+        this.viewersText = this.generateDescription(this.VIEWERS_PREFIX, this.VIEWERS_SUFFIX, this.activity.viewers, this.activity.unknownViewers);
+        this.editorsText = this.generateDescription(this.EDITORS_PREFIX, this.EDITORS_SUFFIX, this.activity.editors, this.activity.unknownEditors);
+    }
+    isActivityEnabled() {
+        return this.activityPollingService.isEnabled;
+    }
+    isActiveCase() {
+        return this.activity.editors.length || this.activity.viewers.length || this.activity.unknownEditors || this.activity.unknownViewers;
+    }
+    viewersPresent() {
+        return (this.activity.viewers.length > 0 || this.activity.unknownViewers > 0);
+    }
+    editorsPresent() {
+        return (this.activity.editors.length > 0 || this.activity.unknownEditors > 0);
+    }
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.complete();
+        }
+        this.activityPollingService.stopPolling();
+    }
+    generateDescription(prefix, suffix, namesArray, unknownCount) {
+        let resultText = prefix;
+        resultText += namesArray.map(activityInfo => `${activityInfo.forename} ${activityInfo.surname}`).join(', ');
+        if (unknownCount > 0) {
+            resultText += (namesArray.length > 0 ? ` and ${unknownCount} other` : `${unknownCount} user`);
+            resultText += (unknownCount > 1 ? 's' : '');
+        }
+        else {
+            resultText = this.replaceLastCommaWithAnd(resultText);
+        }
+        if (suffix.length > 0) {
+            if (namesArray.length + unknownCount > 1) {
+                resultText += ` are ${suffix}`;
+            }
             else {
                 resultText += ` is ${suffix}`;
             }
@@ -2452,22 +3277,6 @@ class AlertService {
         type: Injectable
     }], () => [{ type: i1$1.Router }, { type: i1.RpxTranslationService }], null); })();
 
-const DRAFT_PREFIX = 'DRAFT';
-const DRAFT_QUERY_PARAM = 'draft';
-class Draft {
-    id;
-    document;
-    type;
-    created;
-    updated;
-    static stripDraftId(draftId) {
-        return draftId.slice(DRAFT_PREFIX.length);
-    }
-    static isDraft(id) {
-        return String(id).startsWith(DRAFT_PREFIX);
-    }
-}
-
 class DraftService {
     http;
     appConfig;
@@ -3137,1052 +3946,349 @@ class DatePipe {
         const localOffset = -date.getTimezoneOffset() / 60;
         return new Date(date.getTime() + localOffset * 3600 * 1000);
     }
-    getDate(match) {
-        const year = this.toInt(match[1]);
-        const month = this.toInt(match[2]) - 1;
-        const day = this.toInt(match[3]);
-        let resultDate;
-        if (match[4] && match[5] && match[6]) {
-            const hour = this.toInt(match[4]);
-            const minutes = this.toInt(match[5]);
-            const seconds = this.toInt(match[6]);
-            resultDate = new Date(year, month, day, hour, minutes, seconds, 0);
-        }
-        else {
-            resultDate = new Date(year, month, day);
-        }
-        return resultDate;
-    }
-    getHour(hourStr) {
-        let hourNum = this.toInt(hourStr);
-        if (hourNum > 12) {
-            hourNum = hourNum - 12;
-        }
-        else if (hourNum === 0) {
-            hourNum = 12;
-        }
-        return hourNum;
-    }
-    toInt(str) {
-        return parseInt(str, 10);
-    }
-    pad(num, padNum = 2) {
-        const val = num !== undefined ? num.toString() : '';
-        return val.length >= padNum ? val : new Array(padNum - val.length + 1).join('0') + val;
-    }
-    static ɵfac = function DatePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DatePipe)(i0.ɵɵdirectiveInject(FormatTranslatorService, 16)); };
-    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdDate", type: DatePipe, pure: true, standalone: false });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DatePipe, [{
-        type: Pipe,
-        args: [{
-                name: 'ccdDate',
-                standalone: false
-            }]
-    }], () => [{ type: FormatTranslatorService }], null); })();
-
-class FieldLabelPipe {
-    rpxTranslationPipe;
-    constructor(rpxTranslationPipe) {
-        this.rpxTranslationPipe = rpxTranslationPipe;
-    }
-    transform(field) {
-        if (!field || !field.label) {
-            return '';
-        }
-        else if (!field.display_context) {
-            return this.getTranslatedLabel(field);
-        }
-        return this.getTranslatedLabel(field) + (field.display_context.toUpperCase() === 'OPTIONAL' ?
-            ' (' + this.rpxTranslationPipe.transform('Optional') + ')' : '');
-    }
-    getTranslatedLabel(field) {
-        if (!field.isTranslated) {
-            return this.rpxTranslationPipe.transform(field.label);
-        }
-        else {
-            return field.label;
-        }
-    }
-    getOriginalLabelForYesNoTranslation(field) {
-        return field.originalLabel || field.label;
-    }
-    static ɵfac = function FieldLabelPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FieldLabelPipe)(i0.ɵɵdirectiveInject(i1.RpxTranslatePipe, 16)); };
-    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdFieldLabel", type: FieldLabelPipe, pure: false, standalone: false });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FieldLabelPipe, [{
-        type: Pipe,
-        args: [{
-                name: 'ccdFieldLabel',
-                pure: false,
-                standalone: false
-            }]
-    }], () => [{ type: i1.RpxTranslatePipe }], null); })();
-
-class FirstErrorPipe {
-    rpxTranslationService;
-    injector;
-    asyncPipe;
-    constructor(rpxTranslationService, injector) {
-        this.rpxTranslationService = rpxTranslationService;
-        this.injector = injector;
-        this.asyncPipe = new AsyncPipe(this.injector.get(ChangeDetectorRef));
-    }
-    transform(value, args) {
-        if (!value) {
-            return '';
-        }
-        if (!args) {
-            args = 'Field';
-        }
-        const keys = Object.keys(value);
-        if (!keys.length) {
-            return '';
-        }
-        let errorMessage;
-        if (keys[0] === 'required') {
-            errorMessage = '%FIELDLABEL% is required';
-        }
-        else if (keys[0] === 'pattern') {
-            errorMessage = 'The data entered is not valid for %FIELDLABEL%';
-        }
-        else if (keys[0] === 'markDownPattern') {
-            errorMessage = 'The data entered is not valid for %FIELDLABEL%. Link mark up characters are not allowed in this field';
-        }
-        else if (keys[0] === 'unsafeRichText') {
-            errorMessage = 'The data entered is not valid for %FIELDLABEL%. Potentially unsafe HTML content is not allowed in this field';
-        }
-        else if (keys[0] === 'minlength') {
-            errorMessage = '%FIELDLABEL% is below the minimum length';
-        }
-        else if (keys[0] === 'maxlength') {
-            errorMessage = '%FIELDLABEL% exceeds the maximum length';
-        }
-        else if (value.hasOwnProperty('matDatetimePickerParse')) {
-            errorMessage = 'The date entered is not valid. Please provide a valid date';
-        }
-        else {
-            errorMessage = value[keys[0]];
-        }
-        const o = this.rpxTranslationService.getTranslation$(args).pipe(switchMap(fieldLabel => this.rpxTranslationService.getTranslationWithReplacements$(errorMessage, { FIELDLABEL: fieldLabel })));
-        return this.asyncPipe.transform(o);
-    }
-    ngOnDestroy() {
-        this.asyncPipe.ngOnDestroy();
-    }
-    static ɵfac = function FirstErrorPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FirstErrorPipe)(i0.ɵɵdirectiveInject(i1.RpxTranslationService, 16), i0.ɵɵdirectiveInject(i0.Injector, 16)); };
-    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdFirstError", type: FirstErrorPipe, pure: false, standalone: false });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FirstErrorPipe, [{
-        type: Pipe,
-        args: [{
-                name: 'ccdFirstError',
-                pure: false,
-                standalone: false
-            }]
-    }], () => [{ type: i1.RpxTranslationService }, { type: i0.Injector }], null); })();
-
-class IsCompoundPipe {
-    static COMPOUND_TYPES = [
-        'Complex',
-        'Label',
-        'AddressGlobal',
-        'AddressUK',
-        'AddressGlobalUK',
-        'CasePaymentHistoryViewer',
-        'CaseHistoryViewer',
-        'Organisation',
-        'WaysToPay',
-        'ComponentLauncher',
-        'FlagLauncher',
-        'CaseFlag'
-    ];
-    static EXCLUDE = [
-        'CaseLink',
-        'JudicialUser'
-    ];
-    transform(field) {
-        if (!field || !field.field_type || !field.field_type.type) {
-            return false;
-        }
-        if (IsCompoundPipe.COMPOUND_TYPES.indexOf(field.field_type.type) !== -1) {
-            if (IsCompoundPipe.EXCLUDE.indexOf(field.field_type.id) !== -1) {
-                return false;
-            }
-            return true;
-        }
-        return false;
-    }
-    static ɵfac = function IsCompoundPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IsCompoundPipe)(); };
-    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdIsCompound", type: IsCompoundPipe, pure: true, standalone: false });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IsCompoundPipe, [{
-        type: Pipe,
-        args: [{
-                name: 'ccdIsCompound',
-                standalone: false
-            }]
-    }], null, null); })();
-
-class CaseFieldService {
-    isOptional(field) {
-        if (!field || !field.display_context) {
-            return false;
-        }
-        return field.display_context.toUpperCase() === 'OPTIONAL';
-    }
-    isReadOnly(field) {
-        if (!field || !field.display_context) {
-            return false;
-        }
-        return field.display_context.toUpperCase() === 'READONLY';
-    }
-    isMandatory(field) {
-        if (!field || !field.display_context) {
-            return false;
-        }
-        return field.display_context.toUpperCase() === 'MANDATORY';
-    }
-    isLabel(field) {
-        if (!field || !field.field_type) {
-            return false;
-        }
-        return field.field_type.type === 'Label';
-    }
-    static ɵfac = function CaseFieldService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseFieldService)(); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CaseFieldService, factory: CaseFieldService.ɵfac });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFieldService, [{
-        type: Injectable
-    }], null, null); })();
-
-class IsMandatoryPipe {
-    caseFieldService;
-    constructor(caseFieldService) {
-        this.caseFieldService = caseFieldService;
-    }
-    transform(field) {
-        return this.caseFieldService.isMandatory(field);
-    }
-    static ɵfac = function IsMandatoryPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IsMandatoryPipe)(i0.ɵɵdirectiveInject(CaseFieldService, 16)); };
-    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdIsMandatory", type: IsMandatoryPipe, pure: true, standalone: false });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IsMandatoryPipe, [{
-        type: Pipe,
-        args: [{
-                name: 'ccdIsMandatory',
-                standalone: false
-            }]
-    }], () => [{ type: CaseFieldService }], null); })();
-
-class IsReadOnlyPipe {
-    caseFieldService;
-    constructor(caseFieldService) {
-        this.caseFieldService = caseFieldService;
-    }
-    transform(field) {
-        return this.caseFieldService.isReadOnly(field);
-    }
-    static ɵfac = function IsReadOnlyPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IsReadOnlyPipe)(i0.ɵɵdirectiveInject(CaseFieldService, 16)); };
-    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdIsReadOnly", type: IsReadOnlyPipe, pure: true, standalone: false });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IsReadOnlyPipe, [{
-        type: Pipe,
-        args: [{
-                name: 'ccdIsReadOnly',
-                standalone: false
-            }]
-    }], () => [{ type: CaseFieldService }], null); })();
-
-class IsReadOnlyAndNotCollectionPipe {
-    caseFieldService;
-    constructor(caseFieldService) {
-        this.caseFieldService = caseFieldService;
-    }
-    transform(field) {
-        if (!field || !field.field_type || !field.field_type.type) {
-            return false;
-        }
-        if (this.isCollection(field)) {
-            return false;
-        }
-        return this.caseFieldService.isReadOnly(field);
-    }
-    // CaseField @Expose() doesn't work with the pipe in here, so leaving the manual check
-    isCollection(field) {
-        return field.field_type && field.field_type.type === 'Collection';
-    }
-    static ɵfac = function IsReadOnlyAndNotCollectionPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IsReadOnlyAndNotCollectionPipe)(i0.ɵɵdirectiveInject(CaseFieldService, 16)); };
-    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdIsReadOnlyAndNotCollection", type: IsReadOnlyAndNotCollectionPipe, pure: true, standalone: false });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IsReadOnlyAndNotCollectionPipe, [{
-        type: Pipe,
-        args: [{
-                name: 'ccdIsReadOnlyAndNotCollection',
-                standalone: false
-            }]
-    }], () => [{ type: CaseFieldService }], null); })();
-
-class PaletteUtilsModule {
-    static ɵfac = function PaletteUtilsModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PaletteUtilsModule)(); };
-    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: PaletteUtilsModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
-            IsCompoundPipe,
-            RpxTranslatePipe
-        ], imports: [CommonModule,
-            RpxTranslationModule.forChild()] });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaletteUtilsModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    RpxTranslationModule.forChild()
-                ],
-                declarations: [
-                    DatePipe,
-                    FieldLabelPipe,
-                    FirstErrorPipe,
-                    IsCompoundPipe,
-                    IsMandatoryPipe,
-                    IsReadOnlyPipe,
-                    IsReadOnlyAndNotCollectionPipe,
-                    DashPipe
-                ],
-                exports: [
-                    DatePipe,
-                    FieldLabelPipe,
-                    FirstErrorPipe,
-                    IsCompoundPipe,
-                    IsMandatoryPipe,
-                    IsReadOnlyPipe,
-                    IsReadOnlyAndNotCollectionPipe,
-                    DashPipe
-                ],
-                providers: [
-                    IsCompoundPipe,
-                    RpxTranslatePipe
-                ]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PaletteUtilsModule, { declarations: [DatePipe,
-        FieldLabelPipe,
-        FirstErrorPipe,
-        IsCompoundPipe,
-        IsMandatoryPipe,
-        IsReadOnlyPipe,
-        IsReadOnlyAndNotCollectionPipe,
-        DashPipe], imports: [CommonModule, i1.RpxTranslationModule], exports: [DatePipe,
-        FieldLabelPipe,
-        FirstErrorPipe,
-        IsCompoundPipe,
-        IsMandatoryPipe,
-        IsReadOnlyPipe,
-        IsReadOnlyAndNotCollectionPipe,
-        DashPipe] }); })();
-
-// tslint:disable:variable-name
-class AddressModel {
-    AddressLine1 = '';
-    AddressLine2 = '';
-    AddressLine3 = '';
-    PostTown = '';
-    County = '';
-    PostCode = '';
-    Country = '';
-}
-
-class Alert {
-    level;
-    message;
-}
-
-// tslint:disable:variable-name
-class CaseDetails {
-    id;
-    jurisdiction;
-    case_type_id;
-    state;
-    created_date;
-    last_modified;
-    locked_by_user_id;
-    security_level;
-    case_data;
-}
-
-// tslint:disable:variable-name
-class CaseEventData {
-    event;
-    data;
-    event_data; // full event data
-    event_token;
-    ignore_warning;
-    draft_id;
-    case_reference;
-}
-
-class WizardPageField {
-    case_field_id;
-    order;
-    page_column_no;
-    complex_field_overrides;
-}
-
-class FixedListItem {
-    code;
-    label;
-    order;
-}
-
-// @dynamic
-class FieldType {
-    id;
-    type;
-    min;
-    max;
-    regular_expression;
-    fixed_list_items;
-    complex_fields;
-    collection_field_type;
-}
-__decorate([
-    Type(() => FixedListItem),
-    __metadata("design:type", Array)
-], FieldType.prototype, "fixed_list_items", void 0);
-__decorate([
-    Type(() => CaseField),
-    __metadata("design:type", Array)
-], FieldType.prototype, "complex_fields", void 0);
-__decorate([
-    Type(() => FieldType),
-    __metadata("design:type", FieldType)
-], FieldType.prototype, "collection_field_type", void 0);
-
-// @dynamic
-class CaseField {
-    static logger = new StructuredLoggerService();
-    id;
-    hidden;
-    hiddenCannotChange;
-    label;
-    originalLabel;
-    noCacheLabel;
-    order;
-    parent;
-    field_type;
-    hint_text;
-    security_label;
-    display_context;
-    display_context_parameter;
-    month_format;
-    show_condition;
-    show_summary_change_option;
-    show_summary_content_option;
-    acls;
-    metadata;
-    formatted_value;
-    retain_hidden_value;
-    wizardProps;
-    _value;
-    _list_items = [];
-    isTranslatedFlag = false;
-    get value() {
-        if (this.field_type && (this.field_type.type === 'DynamicList' || this.field_type.type === 'DynamicRadioList')) {
-            return this._value && this._value.value ? this._value.value.code : this._value;
-        }
-        else if (this.field_type && this.field_type.type === 'DynamicMultiSelectList') {
-            return this._value && this._value.value ? this._value.value : this._value;
-        }
-        else {
-            return this._value;
-        }
-    }
-    set value(value) {
-        if (this.isDynamic()) {
-            if (value && value instanceof Object && value.list_items) {
-                this._list_items = value.list_items;
-            }
-            else if (!this._list_items || this._list_items.length === 0) {
-                // Extract the list items from the current value if that's the only place they exist.
-                this._list_items = this.list_items;
-                if (!value || !value.value) {
-                    value = null;
-                }
-            }
-        }
-        this._value = value;
-    }
-    get list_items() {
-        if (this.isDynamic()) {
-            return this._value && this._value.list_items ? this._value.list_items : this._list_items;
-        }
-        else {
-            return this.field_type.fixed_list_items;
-        }
-    }
-    set list_items(items) {
-        if ((items && !this._list_items) || (items?.length > this._list_items?.length)) {
-            this._list_items = items;
-        }
-    }
-    get dateTimeEntryFormat() {
-        if (this.isComplexDisplay()) {
-            return null;
+    getDate(match) {
+        const year = this.toInt(match[1]);
+        const month = this.toInt(match[2]) - 1;
+        const day = this.toInt(match[3]);
+        let resultDate;
+        if (match[4] && match[5] && match[6]) {
+            const hour = this.toInt(match[4]);
+            const minutes = this.toInt(match[5]);
+            const seconds = this.toInt(match[6]);
+            resultDate = new Date(year, month, day, hour, minutes, seconds, 0);
         }
-        if (this.display_context_parameter) {
-            return this.extractBracketValue(this.display_context_parameter, '#DATETIMEENTRY');
+        else {
+            resultDate = new Date(year, month, day);
         }
-        return null;
+        return resultDate;
     }
-    get dateTimeDisplayFormat() {
-        if (this.isComplexEntry()) {
-            return null;
+    getHour(hourStr) {
+        let hourNum = this.toInt(hourStr);
+        if (hourNum > 12) {
+            hourNum = hourNum - 12;
         }
-        if (this.display_context_parameter) {
-            return this.extractBracketValue(this.display_context_parameter, '#DATETIMEDISPLAY');
+        else if (hourNum === 0) {
+            hourNum = 12;
         }
-        return null;
-    }
-    isComplexDisplay() {
-        return (this.isComplex() || this.isCollection()) && this.isReadonly();
-    }
-    isComplexEntry() {
-        return (this.isComplex() || this.isCollection()) && (this.isOptional() || this.isMandatory());
-    }
-    isReadonly() {
-        return !_.isEmpty(this.display_context)
-            && this.display_context.toUpperCase() === 'READONLY';
-    }
-    isOptional() {
-        return !_.isEmpty(this.display_context)
-            && this.display_context.toUpperCase() === 'OPTIONAL';
+        return hourNum;
     }
-    isMandatory() {
-        return !_.isEmpty(this.display_context)
-            && this.display_context.toUpperCase() === 'MANDATORY';
+    toInt(str) {
+        return parseInt(str, 10);
     }
-    isCollection() {
-        return this.field_type && this.field_type.type === 'Collection';
+    pad(num, padNum = 2) {
+        const val = num !== undefined ? num.toString() : '';
+        return val.length >= padNum ? val : new Array(padNum - val.length + 1).join('0') + val;
     }
-    isComplex() {
-        return this.field_type && this.field_type.type === 'Complex';
+    static ɵfac = function DatePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DatePipe)(i0.ɵɵdirectiveInject(FormatTranslatorService, 16)); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdDate", type: DatePipe, pure: true, standalone: false });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DatePipe, [{
+        type: Pipe,
+        args: [{
+                name: 'ccdDate',
+                standalone: false
+            }]
+    }], () => [{ type: FormatTranslatorService }], null); })();
+
+class FieldLabelPipe {
+    rpxTranslationPipe;
+    constructor(rpxTranslationPipe) {
+        this.rpxTranslationPipe = rpxTranslationPipe;
     }
-    isDynamic() {
-        const dynamicFieldTypes = ['DynamicList', 'DynamicRadioList', 'DynamicMultiSelectList'];
-        if (!this.field_type) {
-            return false;
+    transform(field) {
+        if (!field || !field.label) {
+            return '';
         }
-        return dynamicFieldTypes.some(t => t === this.field_type.type);
-    }
-    isCaseLink() {
-        return this.isComplex()
-            && this.field_type.id === 'CaseLink'
-            && this.field_type.complex_fields.some(cf => cf.id === 'CaseReference');
-    }
-    extractBracketValue(fmt, paramName, leftBracket = '(', rightBracket = ')') {
-        fmt = fmt.split(',')
-            .find(a => a.trim().startsWith(paramName));
-        if (fmt) {
-            const s = fmt.indexOf(leftBracket) + 1;
-            const e = fmt.indexOf(rightBracket, s);
-            if (e > s && s >= 0) {
-                return fmt.substr(s, (e - s));
-            }
+        else if (!field.display_context) {
+            return this.getTranslatedLabel(field);
         }
-        return null;
+        return this.getTranslatedLabel(field) + (field.display_context.toUpperCase() === 'OPTIONAL' ?
+            ' (' + this.rpxTranslationPipe.transform('Optional') + ')' : '');
     }
-    // Ascend the hierarchy to get the full path of the field
-    getHierachicalId(curr) {
-        const prefix = curr ? curr + "_" : "";
-        if (prefix.length < 1024) {
-            if (this.parent) {
-                return this.parent.getHierachicalId(prefix + this.id);
-            }
-            else {
-                return prefix + this.id;
-            }
+    getTranslatedLabel(field) {
+        if (!field.isTranslated) {
+            return this.rpxTranslationPipe.transform(field.label);
         }
         else {
-            CaseField.logger.error('Path too long, possible circular reference in case field hierarchy.');
-            return this.id;
+            return field.label;
         }
     }
-    set isTranslated(val) {
-        this.isTranslatedFlag = val;
-    }
-    get isTranslated() {
-        return this.isTranslatedFlag;
-    }
-}
-__decorate([
-    Exclude(),
-    __metadata("design:type", CaseField)
-], CaseField.prototype, "parent", void 0);
-__decorate([
-    Type(() => FieldType),
-    __metadata("design:type", FieldType)
-], CaseField.prototype, "field_type", void 0);
-__decorate([
-    Type(() => WizardPageField),
-    __metadata("design:type", WizardPageField)
-], CaseField.prototype, "wizardProps", void 0);
-__decorate([
-    Expose(),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], CaseField.prototype, "value", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], CaseField.prototype, "list_items", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], CaseField.prototype, "dateTimeEntryFormat", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], CaseField.prototype, "dateTimeDisplayFormat", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], CaseField.prototype, "isComplexDisplay", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], CaseField.prototype, "isComplexEntry", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], CaseField.prototype, "isReadonly", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], CaseField.prototype, "isOptional", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], CaseField.prototype, "isMandatory", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", Boolean)
-], CaseField.prototype, "isCollection", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", Boolean)
-], CaseField.prototype, "isComplex", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", Boolean)
-], CaseField.prototype, "isDynamic", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", Boolean)
-], CaseField.prototype, "isCaseLink", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [String]),
-    __metadata("design:returntype", String)
-], CaseField.prototype, "getHierachicalId", null);
-
-// @dynamic
-class WizardPage {
-    id;
-    label;
-    order;
-    wizard_page_fields;
-    case_fields;
-    show_condition;
-    parsedShowCondition;
-    getCol1Fields() {
-        return this.case_fields?.filter(f => !f.wizardProps.page_column_no || f.wizardProps.page_column_no === 1);
-    }
-    getCol2Fields() {
-        return this.case_fields?.filter(f => f.wizardProps.page_column_no === 2);
-    }
-    isMultiColumn() {
-        return this.getCol2Fields()?.length > 0;
+    getOriginalLabelForYesNoTranslation(field) {
+        return field.originalLabel || field.label;
     }
+    static ɵfac = function FieldLabelPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FieldLabelPipe)(i0.ɵɵdirectiveInject(i1.RpxTranslatePipe, 16)); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdFieldLabel", type: FieldLabelPipe, pure: false, standalone: false });
 }
-__decorate([
-    Type(() => WizardPageField),
-    __metadata("design:type", Array)
-], WizardPage.prototype, "wizard_page_fields", void 0);
-__decorate([
-    Type(() => CaseField),
-    __metadata("design:type", Array)
-], WizardPage.prototype, "case_fields", void 0);
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FieldLabelPipe, [{
+        type: Pipe,
+        args: [{
+                name: 'ccdFieldLabel',
+                pure: false,
+                standalone: false
+            }]
+    }], () => [{ type: i1.RpxTranslatePipe }], null); })();
 
-// @dynamic
-class CaseEventTrigger {
-    id;
-    name;
-    description;
-    case_id;
-    case_fields;
-    event_token;
-    wizard_pages;
-    show_summary;
-    show_event_notes;
-    end_button_label;
-    can_save_draft;
-    hasFields() {
-        return this.case_fields && this.case_fields.length !== 0;
-    }
-    hasPages() {
-        return this.wizard_pages && this.wizard_pages.length !== 0;
+class FirstErrorPipe {
+    rpxTranslationService;
+    injector;
+    asyncPipe;
+    constructor(rpxTranslationService, injector) {
+        this.rpxTranslationService = rpxTranslationService;
+        this.injector = injector;
+        this.asyncPipe = new AsyncPipe(this.injector.get(ChangeDetectorRef));
     }
-}
-__decorate([
-    Type(() => CaseField),
-    __metadata("design:type", Array)
-], CaseEventTrigger.prototype, "case_fields", void 0);
-__decorate([
-    Type(() => WizardPage),
-    __metadata("design:type", Array)
-], CaseEventTrigger.prototype, "wizard_pages", void 0);
-
-// tslint:disable:variable-name
-class CaseViewEvent {
-    id;
-    timestamp;
-    summary;
-    comment;
-    event_id;
-    event_name;
-    state_id;
-    state_name;
-    user_id;
-    user_last_name;
-    user_first_name;
-    significant_item;
-}
-
-class CaseViewTrigger {
-    id;
-    name;
-    description;
-    order;
-}
-
-class CaseEvent {
-    id;
-    name;
-    post_state;
-    pre_states;
-    case_fields;
-    description;
-    order;
-    acls;
-}
-
-class CaseState {
-    id;
-    name;
-    description;
-    order;
-}
-
-// Light clone of CaseType to be used in Jurisdiction class
-// to  avoid cyclic dependency
-class CaseTypeLite {
-    id;
-    name;
-    events;
-    states;
-    description;
-}
-
-// @dynamics
-class CaseType {
-    id;
-    name;
-    events;
-    states;
-    case_fields;
-    description;
-    jurisdiction;
-    printEnabled;
-}
-__decorate([
-    Type(() => CaseField),
-    __metadata("design:type", Array)
-], CaseType.prototype, "case_fields", void 0);
-
-// tslint:disable:variable-name
-class EventCaseField {
-    case_field_id;
-    showCondition;
-}
-
-class Jurisdiction {
-    id;
-    name;
-    description;
-    caseTypes;
-    currentCaseType;
-}
-
-class Banner {
-    bannerDescription;
-    bannerUrlText;
-    bannerUrl;
-    bannerViewed;
-    bannerEnabled;
-}
-
-// @dynamic
-class CaseTab {
-    id;
-    label;
-    order;
-    fields;
-    show_condition;
-}
-__decorate([
-    Type(() => CaseField),
-    __metadata("design:type", Array)
-], CaseTab.prototype, "fields", void 0);
-
-// @dynamic
-class CaseView {
-    case_id;
-    case_type;
-    state;
-    channels;
-    tabs;
-    triggers;
-    events;
-    metadataFields;
-    basicFields;
-    case_flag;
-}
-__decorate([
-    Type(() => CaseTab),
-    __metadata("design:type", Array)
-], CaseView.prototype, "tabs", void 0);
-__decorate([
-    Type(() => CaseField),
-    __metadata("design:type", Array)
-], CaseView.prototype, "metadataFields", void 0);
-
-class CasePrintDocument {
-    name;
-    type;
-    url;
-}
-
-// tslint:disable:variable-name
-class HRef {
-    href;
-}
-class DocumentLinks {
-    self;
-    binary;
-}
-class Document {
-    _links;
-    originalDocumentName;
-    hashToken;
-}
-class Embedded {
-    documents;
-}
-class DocumentData {
-    _embedded;
-    documents;
-}
-class FormDocument {
-    document_url;
-    document_binary_url;
-    document_filename;
-    document_hash;
-    upload_timestamp;
-}
-
-class OrganisationConverter {
-    static toSimpleAddress(organisationModel) {
-        let simpleAddress = '';
-        if (organisationModel.addressLine1) {
-            simpleAddress += `${organisationModel.addressLine1}<br>`;
+    transform(value, args) {
+        if (!value) {
+            return '';
         }
-        if (organisationModel.addressLine2) {
-            simpleAddress += `${organisationModel.addressLine2}<br>`;
+        if (!args) {
+            args = 'Field';
         }
-        if (organisationModel.addressLine3) {
-            simpleAddress += `${organisationModel.addressLine3}<br>`;
+        const keys = Object.keys(value);
+        if (!keys.length) {
+            return '';
         }
-        if (organisationModel.townCity) {
-            simpleAddress += `${organisationModel.townCity}<br>`;
+        let errorMessage;
+        if (keys[0] === 'required') {
+            errorMessage = '%FIELDLABEL% is required';
         }
-        if (organisationModel.county) {
-            simpleAddress += `${organisationModel.county}<br>`;
+        else if (keys[0] === 'pattern') {
+            errorMessage = 'The data entered is not valid for %FIELDLABEL%';
         }
-        if (organisationModel.country) {
-            simpleAddress += `${organisationModel.country}<br>`;
+        else if (keys[0] === 'markDownPattern') {
+            errorMessage = 'The data entered is not valid for %FIELDLABEL%. Link mark up characters are not allowed in this field';
+        }
+        else if (keys[0] === 'unsafeRichText') {
+            errorMessage = 'The data entered is not valid for %FIELDLABEL%. Potentially unsafe HTML content is not allowed in this field';
+        }
+        else if (keys[0] === 'minlength') {
+            errorMessage = '%FIELDLABEL% is below the minimum length';
+        }
+        else if (keys[0] === 'maxlength') {
+            errorMessage = '%FIELDLABEL% exceeds the maximum length';
+        }
+        else if (value.hasOwnProperty('matDatetimePickerParse')) {
+            errorMessage = 'The date entered is not valid. Please provide a valid date';
+        }
+        else {
+            errorMessage = value[keys[0]];
+        }
+        const o = this.rpxTranslationService.getTranslation$(args).pipe(switchMap(fieldLabel => this.rpxTranslationService.getTranslationWithReplacements$(errorMessage, { FIELDLABEL: fieldLabel })));
+        return this.asyncPipe.transform(o);
+    }
+    ngOnDestroy() {
+        this.asyncPipe.ngOnDestroy();
+    }
+    static ɵfac = function FirstErrorPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FirstErrorPipe)(i0.ɵɵdirectiveInject(i1.RpxTranslationService, 16), i0.ɵɵdirectiveInject(i0.Injector, 16)); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdFirstError", type: FirstErrorPipe, pure: false, standalone: false });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FirstErrorPipe, [{
+        type: Pipe,
+        args: [{
+                name: 'ccdFirstError',
+                pure: false,
+                standalone: false
+            }]
+    }], () => [{ type: i1.RpxTranslationService }, { type: i0.Injector }], null); })();
+
+class IsCompoundPipe {
+    static COMPOUND_TYPES = [
+        'Complex',
+        'Label',
+        'AddressGlobal',
+        'AddressUK',
+        'AddressGlobalUK',
+        'CasePaymentHistoryViewer',
+        'CaseHistoryViewer',
+        'Organisation',
+        'WaysToPay',
+        'ComponentLauncher',
+        'FlagLauncher',
+        'CaseFlag'
+    ];
+    static EXCLUDE = [
+        'CaseLink',
+        'JudicialUser'
+    ];
+    transform(field) {
+        if (!field || !field.field_type || !field.field_type.type) {
+            return false;
         }
-        if (organisationModel.postCode) {
-            simpleAddress += `${organisationModel.postCode}<br>`;
+        if (IsCompoundPipe.COMPOUND_TYPES.indexOf(field.field_type.type) !== -1) {
+            if (IsCompoundPipe.EXCLUDE.indexOf(field.field_type.id) !== -1) {
+                return false;
+            }
+            return true;
         }
-        return simpleAddress;
-    }
-    toSimpleOrganisationModel(organisationModel) {
-        return {
-            organisationIdentifier: organisationModel.organisationIdentifier,
-            name: organisationModel.name,
-            address: OrganisationConverter.toSimpleAddress(organisationModel)
-        };
+        return false;
     }
-    static ɵfac = function OrganisationConverter_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || OrganisationConverter)(); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: OrganisationConverter, factory: OrganisationConverter.ɵfac });
+    static ɵfac = function IsCompoundPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IsCompoundPipe)(); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdIsCompound", type: IsCompoundPipe, pure: true, standalone: false });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OrganisationConverter, [{
-        type: Injectable
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IsCompoundPipe, [{
+        type: Pipe,
+        args: [{
+                name: 'ccdIsCompound',
+                standalone: false
+            }]
     }], null, null); })();
 
-class PaginationMetadata {
-    totalResultsCount;
-    totalPagesCount;
-}
-
-function hasRoles(profile) {
-    if (profile.user && profile.user.idam && Array.isArray(profile.user.idam.roles)) {
-        return profile.user.idam.roles.length > 0;
+class CaseFieldService {
+    isOptional(field) {
+        if (!field || !field.display_context) {
+            return false;
+        }
+        return field.display_context.toUpperCase() === 'OPTIONAL';
     }
-    return false;
-}
-// @dynamic
-class Profile {
-    user;
-    channels;
-    jurisdictions;
-    default;
-    isSolicitor() {
-        if (hasRoles(this)) {
-            return this.user.idam.roles.find(r => r.endsWith('-solicitor')) !== undefined;
+    isReadOnly(field) {
+        if (!field || !field.display_context) {
+            return false;
         }
-        return false;
+        return field.display_context.toUpperCase() === 'READONLY';
     }
-    isCourtAdmin() {
-        if (hasRoles(this)) {
-            return this.user.idam.roles.find(r => r.endsWith('-courtadmin')) !== undefined;
+    isMandatory(field) {
+        if (!field || !field.display_context) {
+            return false;
         }
-        return false;
+        return field.display_context.toUpperCase() === 'MANDATORY';
     }
-}
-__decorate([
-    Type(() => Jurisdiction),
-    __metadata("design:type", Array)
-], Profile.prototype, "jurisdictions", void 0);
-
-class Field {
-    id;
-    field_type;
-    elementPath;
-    value;
-    label;
-    metadata;
-    constructor(id, field_type, elementPath, value, label, metadata) {
-        this.id = id;
-        this.field_type = field_type;
-        this.elementPath = elementPath;
-        this.value = value;
-        this.label = label;
-        this.metadata = metadata;
+    isLabel(field) {
+        if (!field || !field.field_type) {
+            return false;
+        }
+        return field.field_type.type === 'Label';
     }
+    static ɵfac = function CaseFieldService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseFieldService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CaseFieldService, factory: CaseFieldService.ɵfac });
 }
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFieldService, [{
+        type: Injectable
+    }], null, null); })();
 
-class SearchResultViewColumn {
-    case_field_id;
-    case_field_type;
-    display_context;
-    display_context_parameter;
-    label;
-    order;
-}
-
-// @dynamic
-class SearchResultViewItem {
-    case_id;
-    case_fields;
-    hydrated_case_fields;
-    columns;
-    supplementary_data;
-    display_context_parameter;
+class IsMandatoryPipe {
+    caseFieldService;
+    constructor(caseFieldService) {
+        this.caseFieldService = caseFieldService;
+    }
+    transform(field) {
+        return this.caseFieldService.isMandatory(field);
+    }
+    static ɵfac = function IsMandatoryPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IsMandatoryPipe)(i0.ɵɵdirectiveInject(CaseFieldService, 16)); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdIsMandatory", type: IsMandatoryPipe, pure: true, standalone: false });
 }
-__decorate([
-    Type(() => CaseField),
-    __metadata("design:type", Array)
-], SearchResultViewItem.prototype, "hydrated_case_fields", void 0);
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IsMandatoryPipe, [{
+        type: Pipe,
+        args: [{
+                name: 'ccdIsMandatory',
+                standalone: false
+            }]
+    }], () => [{ type: CaseFieldService }], null); })();
 
-// @dynamic
-class SearchResultView {
-    columns;
-    results;
-    result_error;
-    hasDrafts() {
-        return this.results[0]
-            && this.results[0].case_id
-            && Draft.isDraft(this.results[0].case_id);
+class IsReadOnlyPipe {
+    caseFieldService;
+    constructor(caseFieldService) {
+        this.caseFieldService = caseFieldService;
+    }
+    transform(field) {
+        return this.caseFieldService.isReadOnly(field);
     }
+    static ɵfac = function IsReadOnlyPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IsReadOnlyPipe)(i0.ɵɵdirectiveInject(CaseFieldService, 16)); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdIsReadOnly", type: IsReadOnlyPipe, pure: true, standalone: false });
 }
-__decorate([
-    Type(() => SearchResultViewColumn),
-    __metadata("design:type", Array)
-], SearchResultView.prototype, "columns", void 0);
-__decorate([
-    Type(() => SearchResultViewItem),
-    __metadata("design:type", Array)
-], SearchResultView.prototype, "results", void 0);
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IsReadOnlyPipe, [{
+        type: Pipe,
+        args: [{
+                name: 'ccdIsReadOnly',
+                standalone: false
+            }]
+    }], () => [{ type: CaseFieldService }], null); })();
 
-class SortParameters {
-    comparator;
-    sortOrder;
-    constructor(comparator, sortOrder) {
-        this.comparator = comparator;
-        this.sortOrder = sortOrder;
+class IsReadOnlyAndNotCollectionPipe {
+    caseFieldService;
+    constructor(caseFieldService) {
+        this.caseFieldService = caseFieldService;
+    }
+    transform(field) {
+        if (!field || !field.field_type || !field.field_type.type) {
+            return false;
+        }
+        if (this.isCollection(field)) {
+            return false;
+        }
+        return this.caseFieldService.isReadOnly(field);
     }
+    // CaseField @Expose() doesn't work with the pipe in here, so leaving the manual check
+    isCollection(field) {
+        return field.field_type && field.field_type.type === 'Collection';
+    }
+    static ɵfac = function IsReadOnlyAndNotCollectionPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IsReadOnlyAndNotCollectionPipe)(i0.ɵɵdirectiveInject(CaseFieldService, 16)); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdIsReadOnlyAndNotCollection", type: IsReadOnlyAndNotCollectionPipe, pure: true, standalone: false });
 }
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IsReadOnlyAndNotCollectionPipe, [{
+        type: Pipe,
+        args: [{
+                name: 'ccdIsReadOnlyAndNotCollection',
+                standalone: false
+            }]
+    }], () => [{ type: CaseFieldService }], null); })();
 
-var SortOrder$1;
-(function (SortOrder) {
-    SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
-    SortOrder[SortOrder["DESCENDING"] = 1] = "DESCENDING";
-    SortOrder[SortOrder["UNSORTED"] = 2] = "UNSORTED";
-})(SortOrder$1 || (SortOrder$1 = {}));
-
-class WorkbasketInputModel {
-    label;
-    order;
-    field;
-    metadata;
-    display_context_parameter;
-}
-class WorkbasketInput {
-    workbasketInputs;
+class PaletteUtilsModule {
+    static ɵfac = function PaletteUtilsModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PaletteUtilsModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: PaletteUtilsModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
+            IsCompoundPipe,
+            RpxTranslatePipe
+        ], imports: [CommonModule,
+            RpxTranslationModule.forChild()] });
 }
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaletteUtilsModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    RpxTranslationModule.forChild()
+                ],
+                declarations: [
+                    DatePipe,
+                    FieldLabelPipe,
+                    FirstErrorPipe,
+                    IsCompoundPipe,
+                    IsMandatoryPipe,
+                    IsReadOnlyPipe,
+                    IsReadOnlyAndNotCollectionPipe,
+                    DashPipe
+                ],
+                exports: [
+                    DatePipe,
+                    FieldLabelPipe,
+                    FirstErrorPipe,
+                    IsCompoundPipe,
+                    IsMandatoryPipe,
+                    IsReadOnlyPipe,
+                    IsReadOnlyAndNotCollectionPipe,
+                    DashPipe
+                ],
+                providers: [
+                    IsCompoundPipe,
+                    RpxTranslatePipe
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PaletteUtilsModule, { declarations: [DatePipe,
+        FieldLabelPipe,
+        FirstErrorPipe,
+        IsCompoundPipe,
+        IsMandatoryPipe,
+        IsReadOnlyPipe,
+        IsReadOnlyAndNotCollectionPipe,
+        DashPipe], imports: [CommonModule, i1.RpxTranslationModule], exports: [DatePipe,
+        FieldLabelPipe,
+        FirstErrorPipe,
+        IsCompoundPipe,
+        IsMandatoryPipe,
+        IsReadOnlyPipe,
+        IsReadOnlyAndNotCollectionPipe,
+        DashPipe] }); })();
 
 // @dynamic
 class FieldsUtils {
@@ -9554,76 +9660,6 @@ class BrowserService {
     }], null, null); })();
 
 class CaseAccessUtils {
-    // User role mapping
-    static JUDGE_ROLE = 'judge';
-    static JUDGE_ROLE_CATEGORY = 'JUDICIAL';
-    static JUDGE_ROLE_NAME = 'judiciary';
-    static ADMIN_ROLE = 'admin';
-    static ADMIN_ROLE_CATEGORY = 'ADMIN';
-    static ADMIN_ROLE_NAME = 'admin';
-    static PROFESSIONAL_ROLE = 'solicitor';
-    static PROFESSIONAL_ROLE_CATEGORY = 'PROFESSIONAL';
-    static PROFESSIONAL_ROLE_NAME = 'professional';
-    static LEGAL_OPERATIONS_ROLE = 'caseworker';
-    static LEGAL_OPERATIONS_ROLE_CATEGORY = 'LEGAL_OPERATIONS';
-    static LEGAL_OPERATIONS_ROLE_NAME = 'legal-ops';
-    static CITIZEN_ROLE = 'citizen';
-    static CITIZEN_ROLE_CATEGORY = 'CITIZEN';
-    static CITIZEN_ROLE_NAME = 'citizen';
-    static CTSC_ROLE = 'ctsc';
-    static CTSC_ROLE_CATEGORY = 'CTSC';
-    static CTSC_ROLE_NAME = 'ctsc';
-    // fallback purely if roleCategories is not available in 
-    getMappedRoleCategories(roles = []) {
-        const roleKeywords = roles.join().split('-').join().split(',');
-        const roleCategoryList = [];
-        if (this.roleHasKeyword(CaseAccessUtils.JUDGE_ROLE, roleKeywords)) {
-            roleCategoryList.push(CaseAccessUtils.JUDGE_ROLE_CATEGORY);
-        }
-        if (this.roleHasKeyword(CaseAccessUtils.PROFESSIONAL_ROLE, roleKeywords)) {
-            roleCategoryList.push(CaseAccessUtils.PROFESSIONAL_ROLE_CATEGORY);
-        }
-        if (this.roleHasKeyword(CaseAccessUtils.CITIZEN_ROLE, roleKeywords)) {
-            roleCategoryList.push(CaseAccessUtils.CITIZEN_ROLE_CATEGORY);
-        }
-        if (this.roleHasKeyword(CaseAccessUtils.ADMIN_ROLE, roleKeywords)) {
-            roleCategoryList.push(CaseAccessUtils.ADMIN_ROLE_CATEGORY);
-        }
-        if (this.roleHasKeyword(CaseAccessUtils.CTSC_ROLE, roleKeywords)) {
-            roleCategoryList.push(CaseAccessUtils.CTSC_ROLE_CATEGORY);
-        }
-        if (this.roleHasKeyword(CaseAccessUtils.LEGAL_OPERATIONS_ROLE, roleKeywords)) {
-            roleCategoryList.push(CaseAccessUtils.LEGAL_OPERATIONS_ROLE_CATEGORY);
-        }
-        return roleCategoryList;
-    }
-    roleHasKeyword(keyword, roleWords) {
-        return roleWords.includes(keyword);
-    }
-    getAMRoleName(accessType, aMRole) {
-        let roleName = '';
-        switch (aMRole) {
-            case CaseAccessUtils.JUDGE_ROLE_CATEGORY:
-                roleName = `${accessType}-access-${CaseAccessUtils.JUDGE_ROLE_NAME}`;
-                break;
-            case CaseAccessUtils.PROFESSIONAL_ROLE_CATEGORY:
-                roleName = `${accessType}-access-${CaseAccessUtils.PROFESSIONAL_ROLE_NAME}`;
-                break;
-            case CaseAccessUtils.CITIZEN_ROLE_CATEGORY:
-                roleName = `${accessType}-access-${CaseAccessUtils.CITIZEN_ROLE_NAME}`;
-                break;
-            case CaseAccessUtils.ADMIN_ROLE_CATEGORY:
-                roleName = `${accessType}-access-${CaseAccessUtils.ADMIN_ROLE_NAME}`;
-                break;
-            case CaseAccessUtils.CTSC_ROLE_CATEGORY:
-                roleName = `${accessType}-access-${CaseAccessUtils.CTSC_ROLE_NAME}`;
-                break;
-            default:
-                roleName = `${accessType}-access-${CaseAccessUtils.LEGAL_OPERATIONS_ROLE_NAME}`;
-                break;
-        }
-        return roleName;
-    }
     getAMPayload(assignerId, actorId, roleName, roleCategory, grantType, caseId, details, beginTime = null, endTime = null, isNew = false) {
         const process = details.caseReference !== undefined ? 'challenged-access' : 'specific-access';
         const payload = {
@@ -11492,9 +11528,9 @@ class CasesService {
         }
         // EXUI-4758 - getMappedRoleCategories no longer returns a single string, checks all roles to get the most likely roleCategory
         // Unsure whether we should be using mapped role categories any more - should trust the roleCategories from userInfo if they exist
-        const roleCategories = userInfo.roleCategories || camUtils.getMappedRoleCategories(userInfo.roles);
+        const roleCategories = userInfo.roleCategories || getMappedRoleCategories(userInfo.roles);
         // If user has no role categories, default to LEGAL_OPERATIONS
-        const roleName = camUtils.getAMRoleName('challenged', roleCategories?.length > 0 ? roleCategories[0] : "LEGAL_OPERATIONS");
+        const roleName = getAMRoleName('challenged', roleCategories?.length > 0 ? roleCategories[0] : RoleCategory.LEGAL_OPERATIONS);
         const beginTime = new Date();
         const endTime = new Date(new Date().setUTCHours(23, 59, 59, 999));
         const id = userInfo.id ? userInfo.id : userInfo.uid;
@@ -11511,10 +11547,10 @@ class CasesService {
             return throwError(() => new Error('User info not found in session storage'));
         }
         // EXUI-4758 - See above comment
-        const roleCategories = userInfo.roleCategories || camUtils.getMappedRoleCategories(userInfo.roles);
+        const roleCategories = userInfo.roleCategories || getMappedRoleCategories(userInfo.roles);
         // EXUI-4758 - Return first roleCategory as the roleCategory for now, unless not present, in which case default to LEGAL_OPERATIONS
-        const roleCategory = roleCategories?.length > 0 ? roleCategories[0] : "LEGAL_OPERATIONS";
-        const roleName = camUtils.getAMRoleName('specific', roleCategory);
+        const roleCategory = roleCategories?.length > 0 ? roleCategories[0] : RoleCategory.LEGAL_OPERATIONS;
+        const roleName = getAMRoleName('specific', roleCategory);
         const id = userInfo.id ? userInfo.id : userInfo.uid;
         const payload = camUtils.getAMPayload(null, id, roleName, roleCategory, 'SPECIFIC', caseId, sar, null, null, true);
         payload.roleRequest = {
@@ -25910,9 +25946,6 @@ function sanitiseRichTextDocument(documentElement) {
         const listStart = tagName === 'ol' && /^\d{1,6}$/.test(element.getAttribute('start') || '')
             ? element.getAttribute('start')
             : null;
-        const listType = tagName === 'ol' && /^[ai]$/.test(element.getAttribute('type') || '')
-            ? element.getAttribute('type')
-            : null;
         while (element.attributes.length > 0) {
             element.removeAttribute(element.attributes[0].name);
         }
@@ -25925,9 +25958,6 @@ function sanitiseRichTextDocument(documentElement) {
         if (listStart) {
             element.setAttribute('start', listStart);
         }
-        if (listType) {
-            element.setAttribute('type', listType);
-        }
     });
     return documentElement.body.innerHTML;
 }
@@ -25958,11 +25988,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{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 .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 li{display:list-item;margin-bottom:5px}.ccd-rich-text-area-read li>p{margin:0}.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{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 .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 li{display:list-item;margin-bottom:5px}.ccd-rich-text-area-read li>p{margin:0}.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 +26001,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", 39);
+    i0.ɵɵelementStart(0, "span", 37);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "ccdFieldLabel");
     i0.ɵɵelementEnd();
@@ -25981,7 +26011,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", 40);
+    i0.ɵɵelementStart(0, "span", 38);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -25992,7 +26022,7 @@ function WriteRichTextAreaFieldComponent_span_3_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, ctx_r1.caseField.hint_text));
 } }
 function WriteRichTextAreaFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 41);
+    i0.ɵɵelementStart(0, "span", 39);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "ccdFirstError");
     i0.ɵɵelementEnd();
@@ -26002,24 +26032,6 @@ function WriteRichTextAreaFieldComponent_span_4_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 2, ctx_r1.richTextAreaControl.errors, ctx_r1.caseField.label), " ");
 } }
-function orderedListStyleForType(type) {
-    if (type === 'a') {
-        return 'lower-alpha';
-    }
-    if (type === 'i') {
-        return 'lower-roman';
-    }
-    return null;
-}
-function orderedListTypeForStyle(style) {
-    if (style === 'lower-alpha') {
-        return 'a';
-    }
-    if (style === 'lower-roman') {
-        return 'i';
-    }
-    return null;
-}
 const WORD_COLUMN_SPACING = 12;
 const MAX_INDENT = 6;
 const CSS_LENGTH_UNITS = ['rem', 'px', 'pt', 'in', 'cm', 'mm', 'em'];
@@ -26033,8 +26045,7 @@ const richTextNodes = {
         ...nodes.ordered_list,
         attrs: {
             order: { default: 1 },
-            indent: { default: null },
-            listStyle: { default: null }
+            indent: { default: null }
         },
         parseDOM: [{
                 tag: 'ol',
@@ -26042,35 +26053,28 @@ const richTextNodes = {
                     const list = element;
                     return {
                         order: list.hasAttribute('start') ? Number(list.getAttribute('start')) : 1,
-                        indent: Number(list.dataset.indent) || null,
-                        listStyle: orderedListStyleForType(list.getAttribute('type'))
+                        indent: Number(list.getAttribute('data-indent')) || null
                     };
                 }
             }],
         toDOM: (node) => ['ol', {
                 start: node.attrs.order === 1 ? null : node.attrs.order,
-                'data-indent': node.attrs.indent,
-                type: orderedListTypeForStyle(node.attrs.listStyle)
+                'data-indent': node.attrs.indent
             }, 0]
     },
     bullet_list: {
         ...nodes.bullet_list,
         attrs: {
-            indent: { default: null },
-            continuationOrder: { default: null }
+            indent: { default: null }
         },
         parseDOM: [{
                 tag: 'ul',
                 getAttrs: (element) => {
                     const list = element;
-                    return {
-                        indent: Number(list.dataset.indent) || null
-                    };
+                    return { indent: Number(list.getAttribute('data-indent')) || null };
                 }
             }],
-        toDOM: (node) => ['ul', {
-                'data-indent': node.attrs.indent
-            }, 0]
+        toDOM: (node) => ['ul', { 'data-indent': node.attrs.indent }, 0]
     }
 };
 const richTextSchema = new Schema({ nodes: richTextNodes, marks: marks });
@@ -26096,10 +26100,7 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
             plugins: [
                 new Plugin({
                     props: {
-                        handlePaste: (_view, event) => this.handleEditorPaste(event),
-                        handleDOMEvents: {
-                            keydown: (_view, event) => this.handleEditorKeyDown(event)
-                        }
+                        handlePaste: (_view, event) => this.handleEditorPaste(event)
                     }
                 })
             ],
@@ -26146,9 +26147,6 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
     errorId() {
         return `${this.id()}_error`;
     }
-    listStyleId() {
-        return `${this.id()}_list_style`;
-    }
     toolbarLabel() {
         return `${this.caseField.label || this.caseField.id} formatting options`;
     }
@@ -26162,13 +26160,6 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
     onToolbarButtonMouseDown(event) {
         event.preventDefault();
     }
-    handleEditorKeyDown(event) {
-        if (event.key !== 'Tab' || !this.isNodeActive('list_item')) {
-            return false;
-        }
-        this.executeToolbarCommand(event, event.shiftKey ? 'outdent' : 'indent');
-        return true;
-    }
     executeToolbarCommand(event, command) {
         event.preventDefault();
         event.stopPropagation();
@@ -26198,11 +26189,11 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
                 this.changeIndent(false);
                 break;
             case 'ordered_list':
-                this.applyListStyleSelection('ordered_list');
+                this.editor.commands.toggleOrderedList().exec();
                 this.paragraphCommandApplied = false;
                 break;
             case 'bullet_list':
-                this.toggleBulletList();
+                this.editor.commands.toggleBulletList().exec();
                 this.paragraphCommandApplied = false;
                 break;
             default:
@@ -26216,249 +26207,6 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
     isToolbarCommandActive(command) {
         return !!this.activeToolbarCommands[command];
     }
-    currentListStyle() {
-        const activeList = this.activeListNode();
-        if (activeList?.type.name === 'ordered_list') {
-            const orderedListStyle = activeList.attrs.listStyle || 'decimal';
-            if (orderedListStyle === 'lower-alpha') {
-                return 'ordered_alpha';
-            }
-            if (orderedListStyle === 'lower-roman') {
-                return 'ordered_roman';
-            }
-            return 'ordered_list';
-        }
-        if (activeList?.type.name === 'bullet_list') {
-            return 'bullet_list';
-        }
-        return '';
-    }
-    currentListSelectValue() {
-        const currentListStyle = this.currentListStyle();
-        return currentListStyle === 'bullet_list' ? '' : currentListStyle;
-    }
-    onListStyleChange(event) {
-        const listStyle = event.target.value;
-        this.applyListStyleSelection(listStyle);
-        this.richTextAreaControl.markAsDirty();
-        this.editor.view.focus();
-        this.updateToolbarState();
-        this.syncAccessibilityLater();
-    }
-    applyListStyleSelection(listStyle) {
-        const currentListStyle = this.currentListStyle();
-        if (listStyle === currentListStyle) {
-            if (listStyle === 'ordered_list') {
-                this.changeActiveListType('ordered_list', 'decimal');
-            }
-            return;
-        }
-        const currentListType = this.listType(currentListStyle);
-        const nextListType = this.listType(listStyle);
-        if (currentListType && nextListType && currentListType !== nextListType) {
-            this.changeActiveListType(nextListType, this.orderedListStyle(listStyle));
-        }
-        else if (nextListType === 'ordered_list') {
-            if (currentListType !== 'ordered_list') {
-                this.editor.commands.toggleOrderedList().exec();
-            }
-            this.applyOrderedListStyle(this.orderedListStyle(listStyle));
-        }
-        else if (listStyle === 'bullet_list') {
-            if (currentListType !== 'bullet_list') {
-                this.editor.commands.toggleBulletList().exec();
-            }
-        }
-        else {
-            this.applyParagraph();
-            this.paragraphCommandApplied = true;
-        }
-    }
-    changeActiveListType(listType, orderedListStyle) {
-        const { state, dispatch } = this.editor.view;
-        const { $from } = state.selection;
-        const targetType = state.schema.nodes[listType];
-        for (let depth = $from.depth; depth > 0; depth--) {
-            const node = $from.node(depth);
-            if (node.type.name !== 'ordered_list' && node.type.name !== 'bullet_list') {
-                continue;
-            }
-            const transaction = state.tr;
-            let nextOrder = 1;
-            this.contiguousListPositions(depth, listType).forEach(({ position, list }) => {
-                const indent = Number(list.attrs.indent) || null;
-                const attrs = listType === 'ordered_list'
-                    ? {
-                        order: nextOrder,
-                        indent,
-                        listStyle: orderedListStyle === 'decimal' ? null : orderedListStyle
-                    }
-                    : {
-                        indent,
-                        continuationOrder: Number(list.attrs.order) || null
-                    };
-                transaction.setNodeMarkup(position, targetType, attrs);
-                nextOrder += list.childCount;
-            });
-            dispatch(transaction);
-            return;
-        }
-    }
-    contiguousListPositions(depth, targetListType) {
-        const { $from } = this.editor.view.state.selection;
-        const parentDepth = depth - 1;
-        const parent = $from.node(parentDepth);
-        const activeList = $from.node(depth);
-        const activeIndex = $from.index(parentDepth);
-        const includedIndexes = new Set([activeIndex]);
-        this.collectContiguousListIndexes(parent, activeList, activeIndex, -1, targetListType, includedIndexes);
-        this.collectContiguousListIndexes(parent, activeList, activeIndex, 1, targetListType, includedIndexes);
-        const positions = [];
-        parent.forEach((child, childOffset, index) => {
-            if (includedIndexes.has(index) && this.isList(child)) {
-                positions.push({ position: $from.start(parentDepth) + childOffset, list: child });
-            }
-        });
-        return positions;
-    }
-    collectContiguousListIndexes(parent, activeList, activeIndex, direction, targetListType, includedIndexes) {
-        let adjacentList = activeList;
-        let crossedContent = false;
-        let crossedSectionHeading = false;
-        for (let index = activeIndex + direction; index >= 0 && index < parent.childCount; index += direction) {
-            const child = parent.child(index);
-            if (this.isEmptyParagraph(child)) {
-                continue;
-            }
-            const matchesActiveList = this.hasMatchingListType(child, activeList);
-            const isMixedListToRepair = crossedSectionHeading && this.isList(child) &&
-                child.type.name !== activeList.type.name && targetListType === activeList.type.name;
-            if (matchesActiveList || isMixedListToRepair) {
-                const isHeadingSeparatedBulletList = activeList.type.name === 'bullet_list';
-                if (matchesActiveList && crossedContent && !isHeadingSeparatedBulletList &&
-                    !this.isSequentialList(child, adjacentList, direction)) {
-                    return;
-                }
-                includedIndexes.add(index);
-                adjacentList = child;
-                crossedContent = false;
-                crossedSectionHeading = false;
-                continue;
-            }
-            if (this.isList(child)) {
-                return;
-            }
-            if (activeList.type.name === 'bullet_list') {
-                if (!this.isListSectionHeading(child)) {
-                    return;
-                }
-            }
-            else if (!this.hasListContinuation(activeList)) {
-                return;
-            }
-            crossedContent = true;
-            crossedSectionHeading = crossedSectionHeading || this.isListSectionHeading(child);
-        }
-    }
-    isSequentialList(candidateList, adjacentList, direction) {
-        const candidateOrder = this.listContinuationOrder(candidateList);
-        const adjacentOrder = this.listContinuationOrder(adjacentList);
-        if (!candidateOrder || !adjacentOrder) {
-            return false;
-        }
-        return direction === 1
-            ? candidateOrder === adjacentOrder + adjacentList.childCount
-            : candidateOrder + candidateList.childCount === adjacentOrder;
-    }
-    hasListContinuation(list) {
-        return list.type.name === 'ordered_list' || Boolean(list.attrs.continuationOrder);
-    }
-    listContinuationOrder(list) {
-        return Number(list.type.name === 'ordered_list' ? list.attrs.order : list.attrs.continuationOrder) || null;
-    }
-    isList(node) {
-        return node.type.name === 'ordered_list' || node.type.name === 'bullet_list';
-    }
-    hasMatchingListType(node, activeList) {
-        if (node.type !== activeList.type) {
-            return false;
-        }
-        return node.type.name !== 'ordered_list' ||
-            (node.attrs.listStyle || 'decimal') === (activeList.attrs.listStyle || 'decimal');
-    }
-    isEmptyParagraph(node) {
-        return node.type.name === 'paragraph' && !node.textContent.trim();
-    }
-    isListSectionHeading(node) {
-        if (!node.textContent.trim()) {
-            return false;
-        }
-        if (node.type.name === 'heading') {
-            return true;
-        }
-        if (node.type.name !== 'paragraph') {
-            return false;
-        }
-        let hasText = false;
-        let allTextIsBold = true;
-        node.descendants((child) => {
-            if (child.isText && child.textContent.trim()) {
-                hasText = true;
-                allTextIsBold = allTextIsBold && child.marks.some((mark) => mark.type.name === 'strong');
-            }
-        });
-        return hasText && allTextIsBold;
-    }
-    toggleBulletList() {
-        const currentListStyle = this.currentListStyle();
-        const currentListType = this.listType(currentListStyle);
-        if (currentListType === 'ordered_list') {
-            this.changeActiveListType('bullet_list', 'decimal');
-        }
-        else {
-            this.editor.commands.toggleBulletList().exec();
-        }
-    }
-    listType(listStyle) {
-        if (listStyle === 'bullet_list') {
-            return 'bullet_list';
-        }
-        return listStyle ? 'ordered_list' : '';
-    }
-    orderedListStyle(listStyle) {
-        if (listStyle === 'ordered_alpha') {
-            return 'lower-alpha';
-        }
-        if (listStyle === 'ordered_roman') {
-            return 'lower-roman';
-        }
-        return 'decimal';
-    }
-    activeListNode() {
-        const { $from } = this.editor.view.state.selection;
-        for (let depth = $from.depth; depth > 0; depth--) {
-            const node = $from.node(depth);
-            if (this.isList(node)) {
-                return node;
-            }
-        }
-        return null;
-    }
-    applyOrderedListStyle(listStyle) {
-        const { state, dispatch } = this.editor.view;
-        const { $from } = state.selection;
-        for (let depth = $from.depth; depth > 0; depth--) {
-            const node = $from.node(depth);
-            if (node.type.name !== 'ordered_list') {
-                continue;
-            }
-            dispatch(state.tr.setNodeMarkup($from.before(depth), node.type, {
-                ...node.attrs,
-                listStyle: listStyle === 'decimal' ? null : listStyle
-            }));
-            return;
-        }
-    }
     onPaste(event) {
         if (event.defaultPrevented) {
             return;
@@ -26513,13 +26261,11 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
     normalisePastedHtml(html) {
         const documentElement = new DOMParser().parseFromString(html, 'text/html');
         removeUnsafeRichTextElements(documentElement);
-        this.normaliseWordStylesheetFormatting(documentElement);
         this.removeWordNoise(documentElement);
         this.normaliseWordSpacing(documentElement);
         this.normaliseWordTables(documentElement);
         this.normaliseWordSemanticBlocks(documentElement);
         this.convertWordLists(documentElement);
-        this.normaliseNestedListStructure(documentElement);
         this.normaliseSupportedInlineFormatting(documentElement);
         this.normaliseBlockFormatting(documentElement);
         this.normalisePastedListSpacing(documentElement);
@@ -26534,7 +26280,6 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
         }
         const documentElement = new DOMParser().parseFromString(value, 'text/html');
         removeUnsafeRichTextElements(documentElement);
-        this.normaliseWordStylesheetFormatting(documentElement);
         this.normaliseWordSpacing(documentElement);
         this.normaliseWordTables(documentElement);
         this.normaliseWordSemanticBlocks(documentElement);
@@ -26601,25 +26346,15 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
             Italic: 'Control+I',
             Underline: 'Control+U'
         };
-        const toggleCommands = {
-            Bold: 'bold',
-            Italic: 'italic',
-            Underline: 'underline',
-            Paragraph: 'paragraph',
-            'Bullet List': 'bullet_list',
-            'Numbered List': 'ordered_list'
-        };
+        const toggleLabels = new Set(['Bold', 'Italic', 'Underline', 'Paragraph', 'Ordered List', 'Bullet List']);
         const buttons = this.editorHost.nativeElement.querySelectorAll('button');
         buttons.forEach((button) => {
             const label = button.getAttribute('aria-label') || button.title;
             if (shortcutLabels[label]) {
                 button.setAttribute('aria-keyshortcuts', shortcutLabels[label]);
             }
-            if (toggleCommands[label]) {
-                const isActive = label === 'Numbered List'
-                    ? this.currentListStyle() === 'ordered_list'
-                    : this.isToolbarCommandActive(toggleCommands[label]);
-                button.setAttribute('aria-pressed', `${isActive}`);
+            if (toggleLabels.has(label)) {
+                button.setAttribute('aria-pressed', `${button.classList.contains('ccd-rich-text-area__toolbar-button--active')}`);
             }
         });
     }
@@ -26672,58 +26407,6 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
         const officeParagraphs = Array.prototype.slice.call(documentElement.getElementsByTagName('o:p'));
         officeParagraphs.forEach((element) => element.remove());
     }
-    normaliseWordStylesheetFormatting(documentElement) {
-        const styleElements = Array.prototype.slice.call(documentElement.querySelectorAll('style'));
-        styleElements.forEach((styleElement) => {
-            const stylesheet = (styleElement.textContent || '').replace(/<!--|-->/g, '');
-            const rules = this.stylesheetRules(stylesheet);
-            rules.forEach(([selectors, declarations]) => {
-                const hasBoldStyle = this.hasBoldStyle(declarations);
-                const headingLevel = this.wordOutlineLevel(declarations);
-                if (!hasBoldStyle && !headingLevel) {
-                    return;
-                }
-                selectors.split(',').forEach((selector) => {
-                    const normalisedSelector = selector.trim();
-                    if (!normalisedSelector || normalisedSelector.startsWith('@')) {
-                        return;
-                    }
-                    try {
-                        const matchingElements = documentElement.body.querySelectorAll(normalisedSelector);
-                        matchingElements.forEach((element) => {
-                            if (headingLevel) {
-                                element.dataset.wordHeadingLevel = headingLevel.toString();
-                            }
-                            if (hasBoldStyle) {
-                                this.wrapBoldInlineContents(documentElement, element);
-                            }
-                        });
-                    }
-                    catch {
-                        // Ignore Microsoft Office selectors that are not valid browser CSS selectors.
-                    }
-                });
-            });
-        });
-    }
-    stylesheetRules(stylesheet) {
-        const rules = [];
-        let searchFrom = 0;
-        let openingBrace = stylesheet.indexOf('{', searchFrom);
-        while (openingBrace !== -1) {
-            const closingBrace = stylesheet.indexOf('}', openingBrace + 1);
-            if (closingBrace === -1) {
-                break;
-            }
-            rules.push([
-                stylesheet.slice(searchFrom, openingBrace),
-                stylesheet.slice(openingBrace + 1, closingBrace)
-            ]);
-            searchFrom = closingBrace + 1;
-            openingBrace = stylesheet.indexOf('{', searchFrom);
-        }
-        return rules;
-    }
     normaliseWordSpacing(documentElement) {
         const spacerElements = Array.prototype.slice.call(documentElement.body.querySelectorAll('[style*="mso-spacerun"]'));
         spacerElements.forEach((spacerElement) => {
@@ -26785,29 +26468,18 @@ 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) {
-                if (namedHeadingLevel) {
-                    this.wrapBoldInlineContents(documentElement, block);
-                }
-                return;
-            }
-            const headingLevel = this.wordHeadingLevel(block);
+        const paragraphs = Array.prototype.slice.call(documentElement.body.querySelectorAll('p'));
+        paragraphs.forEach((paragraph) => {
+            const headingLevel = this.wordHeadingLevel(paragraph);
             if (headingLevel) {
-                const heading = this.replaceElementTag(documentElement, block, `h${headingLevel}`);
-                if (namedHeadingLevel) {
-                    this.wrapBoldInlineContents(documentElement, heading);
-                }
+                this.replaceElementTag(documentElement, paragraph, `h${headingLevel}`);
             }
         });
     }
     wordHeadingLevel(element) {
-        const namedHeadingLevel = this.namedWordHeadingLevel(element);
-        if (namedHeadingLevel) {
-            return namedHeadingLevel;
+        const headingClass = /MsoHeading([1-6])/i.exec(element.className || '');
+        if (headingClass) {
+            return Number(headingClass[1]);
         }
         if (/MsoTitle/i.test(element.className || '')) {
             return 1;
@@ -26819,31 +26491,6 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
         }, 0);
         return largestFontSize >= 24 ? 1 : null;
     }
-    namedWordHeadingLevel(element) {
-        const styledElements = [element].concat(Array.prototype.slice.call(element.querySelectorAll('*')));
-        for (const styledElement of styledElements) {
-            const storedHeadingLevel = Number(styledElement.dataset.wordHeadingLevel);
-            if (storedHeadingLevel >= 1 && storedHeadingLevel <= 6) {
-                return storedHeadingLevel;
-            }
-            const className = styledElement.className || '';
-            const style = styledElement.getAttribute('style') || '';
-            const headingDescription = `${className} ${style}`;
-            const namedHeadingLevel = /(?:Mso)?Heading\s*([1-6])(?:Char)?/i.exec(headingDescription);
-            if (namedHeadingLevel) {
-                return Number(namedHeadingLevel[1]);
-            }
-            const outlineLevel = this.wordOutlineLevel(style);
-            if (outlineLevel) {
-                return outlineLevel;
-            }
-        }
-        return null;
-    }
-    wordOutlineLevel(style) {
-        const outlineLevel = /mso-outline-level\s*:\s*([1-6])/i.exec(style || '');
-        return outlineLevel ? Number(outlineLevel[1]) : null;
-    }
     replaceElementTag(documentElement, element, tagName) {
         const replacement = documentElement.createElement(tagName);
         Array.prototype.slice.call(element.attributes).forEach((attribute) => {
@@ -26896,9 +26543,6 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
             const listStart = element.tagName.toLowerCase() === 'ol'
                 ? this.normaliseListStart(element.getAttribute('start'))
                 : null;
-            const listType = element.tagName.toLowerCase() === 'ol' && /^[ai]$/.test(element.getAttribute('type') || '')
-                ? element.getAttribute('type')
-                : null;
             while (element.attributes.length > 0) {
                 element.removeAttribute(element.attributes[0].name);
             }
@@ -26911,9 +26555,6 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
             if (listStart) {
                 element.setAttribute('start', listStart);
             }
-            if (listType) {
-                element.setAttribute('type', listType);
-            }
         });
     }
     normaliseListStart(value) {
@@ -27014,7 +26655,7 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
     hasBoldStyle(style) {
         const fontWeightMatch = /(?:mso-bidi-)?font-weight\s*:\s*([^;]+)/i.exec(style);
         if (!fontWeightMatch) {
-            return /(?:^|;)\s*font\s*:[^;]*\bbold\b/i.test(style);
+            return false;
         }
         const fontWeight = fontWeightMatch[1].trim().toLowerCase();
         return fontWeight === 'bold' || fontWeight === 'bolder' || Number(fontWeight) >= 600;
@@ -27281,96 +26922,61 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
     convertWordLists(documentElement) {
         const childNodes = Array.prototype.slice.call(documentElement.body.querySelectorAll('p'));
         const wordListIndents = this.wordListIndents(childNodes);
-        const orderedListTypes = this.wordOrderedListTypes(childNodes);
-        const state = {
-            listStack: [],
-            listParents: [],
-            resetListLevels: new Map(),
-            previousListId: null
-        };
+        const listStack = [];
+        const listParents = [];
+        const resetListLevels = new Map();
+        let previousListId = null;
         childNodes.forEach((node) => {
-            this.convertWordListParagraph(documentElement, node, wordListIndents, orderedListTypes, state);
-        });
-    }
-    convertWordListParagraph(documentElement, node, wordListIndents, orderedListTypes, state) {
-        if (!this.isWordListParagraph(node)) {
-            this.resetWordListConversionState(state);
-            return;
-        }
-        const paragraph = node;
-        const listType = this.wordListType(paragraph);
-        const orderedListType = listType === 'ol' ? orderedListTypes.get(this.wordListLevelKey(paragraph)) || null : null;
-        const listId = this.wordListId(paragraph);
-        const requestedLevel = this.wordListRequestedLevel(paragraph, listId, wordListIndents, state);
-        const level = Math.min(requestedLevel, state.listStack.length + 1);
-        const currentList = this.wordListForParagraph(documentElement, paragraph, listType, orderedListType, level, state);
-        const listItem = documentElement.createElement('li');
-        this.copyListItemContents(documentElement, paragraph, listItem);
-        currentList.appendChild(listItem);
-        paragraph.remove();
-        state.previousListId = listId;
-    }
-    resetWordListConversionState(state) {
-        state.listStack.length = 0;
-        state.listParents.length = 0;
-        state.resetListLevels.clear();
-        state.previousListId = null;
-    }
-    wordListRequestedLevel(paragraph, listId, wordListIndents, state) {
-        const declaredLevel = this.wordListDeclaredLevel(paragraph);
-        let requestedLevel = this.wordListLevel(paragraph, wordListIndents);
-        const rememberedResetLevel = declaredLevel === 1 ? state.resetListLevels.get(listId) : null;
-        if (rememberedResetLevel) {
-            return Math.max(requestedLevel, rememberedResetLevel);
-        }
-        if (declaredLevel === 1 && listId !== state.previousListId && state.listStack.length > 1 && requestedLevel === state.listStack.length) {
-            requestedLevel++;
-            state.resetListLevels.set(listId, requestedLevel);
-        }
-        else if (declaredLevel === 1 && listId) {
-            state.resetListLevels.set(listId, requestedLevel);
-        }
-        return requestedLevel;
-    }
-    wordListForParagraph(documentElement, paragraph, listType, orderedListType, level, state) {
-        const stackIndex = level - 1;
-        const parentListItem = stackIndex > 0 ? state.listStack[stackIndex - 1]?.lastElementChild : null;
-        const listParent = parentListItem || paragraph.parentNode;
-        let currentList = state.listStack[stackIndex];
-        if (currentList?.tagName.toLowerCase() !== listType || currentList?.getAttribute('type') !== orderedListType ||
-            state.listParents[stackIndex] !== listParent) {
-            currentList = this.createWordList(documentElement, paragraph, listType, orderedListType, parentListItem);
-            state.listStack[stackIndex] = currentList;
-            state.listParents[stackIndex] = listParent;
-        }
-        state.listStack.length = level;
-        state.listParents.length = level;
-        return currentList;
-    }
-    createWordList(documentElement, paragraph, listType, orderedListType, parentListItem) {
-        const list = documentElement.createElement(listType);
-        const listStart = this.wordListStart(paragraph);
-        if (listType === 'ol' && listStart > 1) {
-            list.setAttribute('start', listStart.toString());
-        }
-        if (orderedListType) {
-            list.setAttribute('type', orderedListType);
-        }
-        if (parentListItem) {
-            parentListItem.appendChild(list);
-        }
-        else {
-            paragraph.parentNode.insertBefore(list, paragraph);
-        }
-        return list;
-    }
-    normaliseNestedListStructure(documentElement) {
-        const orphanedNestedLists = Array.prototype.slice.call(documentElement.body.querySelectorAll('ol > ol, ol > ul, ul > ol, ul > ul'));
-        orphanedNestedLists.forEach((nestedList) => {
-            const previousListItem = nestedList.previousElementSibling;
-            if (previousListItem?.tagName.toLowerCase() === 'li') {
-                previousListItem.appendChild(nestedList);
+            if (!this.isWordListParagraph(node)) {
+                listStack.length = 0;
+                listParents.length = 0;
+                resetListLevels.clear();
+                previousListId = null;
+                return;
+            }
+            const paragraph = node;
+            const listType = this.wordListType(paragraph);
+            const listId = this.wordListId(paragraph);
+            const declaredLevel = this.wordListDeclaredLevel(paragraph);
+            let requestedLevel = this.wordListLevel(paragraph, wordListIndents);
+            const rememberedResetLevel = declaredLevel === 1 ? resetListLevels.get(listId) : null;
+            if (rememberedResetLevel) {
+                requestedLevel = Math.max(requestedLevel, rememberedResetLevel);
+            }
+            else if (declaredLevel === 1 && listId !== previousListId && listStack.length > 1 && requestedLevel === listStack.length) {
+                requestedLevel++;
+                resetListLevels.set(listId, requestedLevel);
+            }
+            else if (declaredLevel === 1 && listId) {
+                resetListLevels.set(listId, requestedLevel);
+            }
+            const level = Math.min(requestedLevel, listStack.length + 1);
+            const stackIndex = level - 1;
+            const parentListItem = stackIndex > 0 ? listStack[stackIndex - 1]?.lastElementChild : null;
+            const listParent = parentListItem || paragraph.parentNode;
+            const listItem = documentElement.createElement('li');
+            this.copyListItemContents(documentElement, paragraph, listItem);
+            let currentList = listStack[stackIndex];
+            if (currentList?.tagName.toLowerCase() !== listType || listParents[stackIndex] !== listParent) {
+                currentList = documentElement.createElement(listType);
+                const listStart = this.wordListStart(paragraph);
+                if (listType === 'ol' && listStart > 1) {
+                    currentList.setAttribute('start', listStart.toString());
+                }
+                if (parentListItem) {
+                    parentListItem.appendChild(currentList);
+                }
+                else {
+                    paragraph.parentNode.insertBefore(currentList, paragraph);
+                }
+                listStack[stackIndex] = currentList;
+                listParents[stackIndex] = listParent;
             }
+            listStack.length = level;
+            listParents.length = level;
+            currentList.appendChild(listItem);
+            paragraph.remove();
+            previousListId = listId;
         });
     }
     isWordListParagraph(node) {
@@ -27380,39 +26986,8 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
         return /MsoListParagraph/i.test(node.className) || /mso-list/i.test(node.getAttribute('style') || '');
     }
     wordListType(paragraph) {
-        return /^\(?(?:\d+|[a-z]+)[.)]/i.test(this.wordListMarker(paragraph)) ? 'ol' : 'ul';
-    }
-    wordOrderedListTypes(nodes) {
-        const markersByLevel = new Map();
-        nodes.filter((node) => this.isWordListParagraph(node)).forEach((node) => {
-            const marker = this.wordListMarker(node);
-            if (!/^\(?(?:\d+|[a-z]+)[.)]/i.test(marker)) {
-                return;
-            }
-            const key = this.wordListLevelKey(node);
-            markersByLevel.set(key, [...(markersByLevel.get(key) || []), marker]);
-        });
-        const listTypes = new Map();
-        markersByLevel.forEach((markers, key) => {
-            const markerPattern = /^\(?([a-z]+|\d+)[.)]/i;
-            const markerTokens = markers.map((marker) => markerPattern.exec(marker)?.[1]?.toLowerCase());
-            if (markers.some((marker) => /^\([ivxlcdm]+\)/i.test(marker)) ||
-                markerTokens.some((token) => token?.length > 1 && /^[ivxlcdm]+$/.test(token))) {
-                listTypes.set(key, 'i');
-            }
-            else if (markerTokens.every((token) => /^[a-z]$/.test(token || ''))) {
-                listTypes.set(key, 'a');
-            }
-        });
-        return listTypes;
-    }
-    wordListLevelKey(paragraph) {
-        return `${this.wordListId(paragraph) || ''}:${this.wordListDeclaredLevel(paragraph)}`;
-    }
-    wordListMarker(paragraph) {
-        const markerElement = Array.prototype.slice.call(paragraph.querySelectorAll('[style]'))
-            .find((element) => /mso-list:\s*Ignore/i.test(element.getAttribute('style') || ''));
-        return (markerElement ? markerElement.textContent : paragraph.textContent).trim();
+        const marker = paragraph.textContent.trim();
+        return /^(\d+|[a-z]|[ivxlcdm]+)[.)]/i.test(marker) ? 'ol' : 'ul';
     }
     wordListLevel(paragraph, wordListIndents) {
         const declaredLevel = this.wordListDeclaredLevel(paragraph);
@@ -27431,7 +27006,8 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
     wordListIndents(nodes) {
         const indents = nodes
             .filter((node) => this.isWordListParagraph(node))
-            .map((node) => this.wordListIndent(node));
+            .map((node) => this.wordListIndent(node))
+            .filter((indent) => indent > 0);
         return Array.from(new Set(indents)).sort((left, right) => left - right);
     }
     wordListIndent(paragraph) {
@@ -27440,7 +27016,10 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
         return Math.round(indent);
     }
     wordListStart(paragraph) {
-        const match = /^(\d+)[.)]/.exec(this.wordListMarker(paragraph));
+        const markerElement = Array.prototype.slice.call(paragraph.querySelectorAll('[style]'))
+            .find((element) => /mso-list:\s*Ignore/i.test(element.getAttribute('style') || ''));
+        const marker = (markerElement ? markerElement.textContent : paragraph.textContent).trim();
+        const match = marker.match(/^(\d+)[.)]/);
         return match ? Number(match[1]) : 1;
     }
     copyListItemContents(documentElement, paragraph, listItem) {
@@ -27489,14 +27068,13 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
         if (!this.editor?.view) {
             return;
         }
-        const activeListType = this.activeListNode()?.type.name;
         this.activeToolbarCommands = {
             bold: this.isMarkActive('strong'),
             italic: this.isMarkActive('em'),
             underline: this.isMarkActive('u'),
             paragraph: this.paragraphCommandApplied && this.isPlainParagraphActive(),
-            ordered_list: activeListType === 'ordered_list',
-            bullet_list: activeListType === 'bullet_list'
+            ordered_list: this.isNodeActive('ordered_list'),
+            bullet_list: this.isNodeActive('bullet_list')
         };
     }
     updateToolbarStateLater() {
@@ -27535,7 +27113,6 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
             }
             const listCommand = increase ? sinkListItem(listItemType) : liftListItem(listItemType);
             if (listCommand(state, dispatch)) {
-                this.applyOrderedListStyleForCurrentDepth();
                 return;
             }
             if (increase && this.changeListIndent(true, state, dispatch)) {
@@ -27549,35 +27126,6 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
             this.editor.commands.outdent().exec();
         }
     }
-    applyOrderedListStyleForCurrentDepth() {
-        const { state, dispatch } = this.editor.view;
-        const { $from } = state.selection;
-        const orderedListDepths = [];
-        let activeOrderedListDepth = null;
-        for (let depth = 1; depth <= $from.depth; depth++) {
-            if ($from.node(depth).type.name === 'ordered_list') {
-                orderedListDepths.push(depth);
-                activeOrderedListDepth = depth;
-            }
-        }
-        if (activeOrderedListDepth === null || orderedListDepths.length < 2) {
-            return;
-        }
-        const activeList = $from.node(activeOrderedListDepth);
-        const parentListDepth = orderedListDepths[orderedListDepths.length - 2];
-        const parentListStyle = $from.node(parentListDepth).attrs.listStyle || 'decimal';
-        const listStyle = this.nextNestedOrderedListStyle(parentListStyle);
-        dispatch(state.tr.setNodeMarkup($from.before(activeOrderedListDepth), activeList.type, {
-            ...activeList.attrs,
-            listStyle: listStyle === 'decimal' ? null : listStyle
-        }));
-    }
-    nextNestedOrderedListStyle(parentListStyle) {
-        if (parentListStyle === 'decimal') {
-            return 'lower-alpha';
-        }
-        return 'lower-roman';
-    }
     changeListIndent(increase, state, dispatch) {
         const { $from } = state.selection;
         for (let depth = $from.depth; depth > 0; depth--) {
@@ -27679,7 +27227,7 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.editorHost = _t.first);
-        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 55, vars: 40, 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", "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", ""], ["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"]], template: function WriteRichTextAreaFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 63, vars: 37, 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"], ["aria-hidden", "true", 1, "ccd-rich-text-area__toolbar-icon", "ccd-rich-text-area__toolbar-icon--undo"], ["type", "button", "aria-label", "Redo", "title", "Redo", "aria-keyshortcuts", "Control+Y", 1, "ccd-rich-text-area__toolbar-button", 3, "mousedown", "click"], ["aria-hidden", "true", 1, "ccd-rich-text-area__toolbar-icon", "ccd-rich-text-area__toolbar-icon--redo"], ["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"], ["aria-hidden", "true", 1, "ccd-rich-text-area__toolbar-icon", "ccd-rich-text-area__toolbar-icon--bold"], ["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"], ["aria-hidden", "true", 1, "ccd-rich-text-area__toolbar-icon", "ccd-rich-text-area__toolbar-icon--italic"], ["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"], ["aria-hidden", "true", 1, "ccd-rich-text-area__toolbar-icon", "ccd-rich-text-area__toolbar-icon--underline"], ["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", "Ordered List", "title", "Ordered List", 1, "ccd-rich-text-area__toolbar-button", 3, "mousedown", "click", "ngClass"], ["aria-hidden", "true", 1, "ccd-rich-text-area__list-icon", "ccd-rich-text-area__list-icon--ordered"], [1, "ccd-rich-text-area__list-marker"], [1, "ccd-rich-text-area__list-line"], ["type", "button", "aria-label", "Bullet List", "title", "Bullet List", 1, "ccd-rich-text-area__toolbar-button", 3, "mousedown", "click", "ngClass"], ["aria-hidden", "true", 1, "ccd-rich-text-area__list-icon", "ccd-rich-text-area__list-icon--bullet"], ["type", "button", "aria-label", "Decrease Indent", "title", "Decrease Indent", 1, "ccd-rich-text-area__toolbar-button", 3, "mousedown", "click"], ["aria-hidden", "true", 1, "ccd-rich-text-area__indent-icon", "ccd-rich-text-area__indent-icon--outdent"], [1, "ccd-rich-text-area__indent-line", "ccd-rich-text-area__indent-line--top"], [1, "ccd-rich-text-area__indent-line", "ccd-rich-text-area__indent-line--middle"], [1, "ccd-rich-text-area__indent-line", "ccd-rich-text-area__indent-line--bottom"], [1, "ccd-rich-text-area__indent-arrow"], ["type", "button", "aria-label", "Increase Indent", "title", "Increase Indent", 1, "ccd-rich-text-area__toolbar-button", 3, "mousedown", "click"], ["aria-hidden", "true", 1, "ccd-rich-text-area__indent-icon", "ccd-rich-text-area__indent-icon--indent"], [1, "NgxEditor__Wrapper"], ["outputFormat", "html", 3, "focusIn", "focusOut", "editor", "formControl"], [1, "form-label"], [1, "form-hint", 3, "id"], [1, "error-message", 3, "id"]], 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);
@@ -27689,97 +27237,80 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
             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(9, "svg", 9);
-            i0.ɵɵelement(10, "path", 10);
+            i0.ɵɵelementStart(9, "span", 9);
+            i0.ɵɵtext(10, "\u21B6");
             i0.ɵɵelementEnd()();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(11, "button", 11);
+            i0.ɵɵelementStart(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, "redo")); });
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(12, "svg", 9);
-            i0.ɵɵelement(13, "path", 12);
+            i0.ɵɵelementStart(12, "span", 11);
+            i0.ɵɵtext(13, "\u21B7");
             i0.ɵɵelementEnd()();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelement(14, "span", 13);
-            i0.ɵɵelementStart(15, "button", 14);
+            i0.ɵɵelement(14, "span", 12);
+            i0.ɵɵelementStart(15, "button", 13);
             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(16, "svg", 9);
-            i0.ɵɵelement(17, "path", 15);
+            i0.ɵɵelementStart(16, "span", 14);
+            i0.ɵɵtext(17, "B");
             i0.ɵɵelementEnd()();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(18, "button", 16);
+            i0.ɵɵelementStart(18, "button", 15);
             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(19, "svg", 9);
-            i0.ɵɵelement(20, "path", 17);
+            i0.ɵɵelementStart(19, "span", 16);
+            i0.ɵɵtext(20, "I");
             i0.ɵɵelementEnd()();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(21, "button", 18);
+            i0.ɵɵelementStart(21, "button", 17);
             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(22, "svg", 9);
-            i0.ɵɵelement(23, "path", 19);
+            i0.ɵɵelementStart(22, "span", 18);
+            i0.ɵɵtext(23, "U");
             i0.ɵɵelementEnd()();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(24, "button", 20);
+            i0.ɵɵelementStart(24, "button", 19);
             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.ɵɵelementStart(25, "span", 20);
             i0.ɵɵtext(26, "P");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelement(27, "span", 13);
-            i0.ɵɵelementStart(28, "button", 22);
-            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_28_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_28_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "bullet_list")); });
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(29, "svg", 9);
-            i0.ɵɵelement(30, "path", 23);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵnamespaceHTML();
-            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, "ordered_list")); });
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(32, "svg", 9);
-            i0.ɵɵelement(33, "path", 25);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(34, "div", 26)(35, "label", 27);
-            i0.ɵɵtext(36, "List style");
+            i0.ɵɵelementStart(27, "button", 21);
+            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, "ordered_list")); });
+            i0.ɵɵelementStart(28, "span", 22)(29, "span", 23);
+            i0.ɵɵtext(30, "1");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(31, "span", 24);
+            i0.ɵɵelementStart(32, "span", 23);
+            i0.ɵɵtext(33, "2");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(37, "select", 28);
-            i0.ɵɵlistener("change", function WriteRichTextAreaFieldComponent_Template_select_change_37_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onListStyleChange($event)); });
-            i0.ɵɵelementStart(38, "option", 29);
-            i0.ɵɵtext(39, "No list");
+            i0.ɵɵelement(34, "span", 24);
+            i0.ɵɵelementStart(35, "span", 23);
+            i0.ɵɵtext(36, "3");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(40, "option", 30);
-            i0.ɵɵtext(41, "Numbers (1, 2, 3)");
+            i0.ɵɵelement(37, "span", 24);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(38, "button", 25);
+            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.ɵɵelementStart(39, "span", 26)(40, "span", 23);
+            i0.ɵɵtext(41, "\u2022");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(42, "option", 31);
-            i0.ɵɵtext(43, "Letters (a, b, c)");
+            i0.ɵɵelement(42, "span", 24);
+            i0.ɵɵelementStart(43, "span", 23);
+            i0.ɵɵtext(44, "\u2022");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(44, "option", 32);
-            i0.ɵɵtext(45, "Roman numerals (i), (ii), (iii)");
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelement(46, "span", 13);
-            i0.ɵɵelementStart(47, "button", 33);
-            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_47_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_47_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "outdent")); });
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(48, "svg", 9);
-            i0.ɵɵelement(49, "path", 34);
+            i0.ɵɵelement(45, "span", 24);
+            i0.ɵɵelementStart(46, "span", 23);
+            i0.ɵɵtext(47, "\u2022");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(48, "span", 24);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(49, "button", 27);
+            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.ɵɵelementStart(50, "span", 28);
+            i0.ɵɵelement(51, "span", 29)(52, "span", 30)(53, "span", 31)(54, "span", 32);
             i0.ɵɵelementEnd()();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(50, "button", 35);
-            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_50_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_50_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "indent")); });
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(51, "svg", 9);
-            i0.ɵɵelement(52, "path", 36);
+            i0.ɵɵelementStart(55, "button", 33);
+            i0.ɵɵlistener("mousedown", function WriteRichTextAreaFieldComponent_Template_button_mousedown_55_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToolbarButtonMouseDown($event)); })("click", function WriteRichTextAreaFieldComponent_Template_button_click_55_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.executeToolbarCommand($event, "indent")); });
+            i0.ɵɵelementStart(56, "span", 34);
+            i0.ɵɵelement(57, "span", 29)(58, "span", 30)(59, "span", 31)(60, "span", 32);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(53, "div", 37)(54, "ngx-editor", 38);
-            i0.ɵɵlistener("focusIn", function WriteRichTextAreaFieldComponent_Template_ngx_editor_focusIn_54_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.syncAccessibilityLater()); })("focusOut", function WriteRichTextAreaFieldComponent_Template_ngx_editor_focusOut_54_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onEditorFocusOut()); });
+            i0.ɵɵelementStart(61, "div", 35)(62, "ngx-editor", 36);
+            i0.ɵɵlistener("focusIn", function WriteRichTextAreaFieldComponent_Template_ngx_editor_focusIn_62_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.syncAccessibilityLater()); })("focusOut", function WriteRichTextAreaFieldComponent_Template_ngx_editor_focusOut_62_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onEditorFocusOut()); });
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(24, _c1$e, !ctx.richTextAreaControl.valid && ctx.richTextAreaControl.dirty));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(21, _c1$e, !ctx.richTextAreaControl.valid && ctx.richTextAreaControl.dirty));
             i0.ɵɵadvance();
             i0.ɵɵproperty("id", ctx.labelId());
             i0.ɵɵadvance();
@@ -27789,43 +27320,39 @@ class WriteRichTextAreaFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.isInvalid());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(26, _c2$3, ctx.isInvalid()));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(23, _c2$3, ctx.isInvalid()));
             i0.ɵɵadvance(2);
             i0.ɵɵattribute("aria-label", ctx.toolbarLabel());
             i0.ɵɵadvance(8);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(28, _c3, ctx.isToolbarCommandActive("bold")));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(25, _c3, ctx.isToolbarCommandActive("bold")));
             i0.ɵɵattribute("aria-pressed", ctx.isToolbarCommandActive("bold"));
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(30, _c3, ctx.isToolbarCommandActive("italic")));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(27, _c3, ctx.isToolbarCommandActive("italic")));
             i0.ɵɵattribute("aria-pressed", ctx.isToolbarCommandActive("italic"));
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(32, _c3, ctx.isToolbarCommandActive("underline")));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(29, _c3, ctx.isToolbarCommandActive("underline")));
             i0.ɵɵattribute("aria-pressed", ctx.isToolbarCommandActive("underline"));
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(34, _c3, ctx.isToolbarCommandActive("paragraph")));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(31, _c3, ctx.isToolbarCommandActive("paragraph")));
             i0.ɵɵattribute("aria-pressed", ctx.isToolbarCommandActive("paragraph"));
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(36, _c3, ctx.isToolbarCommandActive("bullet_list")));
-            i0.ɵɵattribute("aria-pressed", ctx.isToolbarCommandActive("bullet_list"));
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(38, _c3, ctx.currentListStyle() === "ordered_list"));
-            i0.ɵɵattribute("aria-pressed", ctx.currentListStyle() === "ordered_list");
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("for", ctx.listStyleId());
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("id", ctx.listStyleId())("value", ctx.currentListSelectValue());
-            i0.ɵɵadvance(17);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(33, _c3, ctx.isToolbarCommandActive("ordered_list")));
+            i0.ɵɵattribute("aria-pressed", ctx.isToolbarCommandActive("ordered_list"));
+            i0.ɵɵadvance(11);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(35, _c3, ctx.isToolbarCommandActive("bullet_list")));
+            i0.ɵɵattribute("aria-pressed", ctx.isToolbarCommandActive("bullet_list"));
+            i0.ɵɵadvance(24);
             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__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;max-width:100%;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{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 .NgxEditor__Wrapper .NgxEditor{border:0;border-radius:0;height:255px;min-height:255px;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:255px;min-height:255px;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 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 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}\n"], encapsulation: 2 });
+        } }, dependencies: [i5.NgClass, i5.NgIf, 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;display:flex;flex-wrap:wrap;gap:0 4px;margin-bottom:6px}.ccd-rich-text-area .NgxEditor__Wrapper{border:1px solid #000;border-radius:0;max-width:100%;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:1px solid #0b0c0c;border-radius:0;color:#0b0c0c;display:inline-flex;font-family:inherit;font-size:18px;font-weight:700;height:36px;justify-content:center;min-width:36px;padding:4px;width:36px}.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:3px solid #ffdd00;outline-offset:0}.ccd-rich-text-area__toolbar-button--active{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:36px;margin:0 8px 0 6px}.ccd-rich-text-area__toolbar-icon{display:inline-flex;line-height:1}.ccd-rich-text-area__toolbar-icon--undo,.ccd-rich-text-area__toolbar-icon--redo{font-size:23px;font-weight:400;transform:translateY(-1px)}.ccd-rich-text-area__toolbar-icon--bold{font-size:18px}.ccd-rich-text-area__toolbar-icon--italic{color:inherit;font-size:18px;font-style:italic}.ccd-rich-text-area__toolbar-icon--underline{font-size:18px;text-decoration:underline;text-underline-offset:3px}.ccd-rich-text-area__toolbar-icon--paragraph{font-size:18px}.ccd-rich-text-area__list-icon{column-gap:2px;display:grid;grid-template-columns:8px 13px;grid-template-rows:repeat(3,5px);height:17px;width:23px}.ccd-rich-text-area__list-marker{align-self:center;font-size:9px;font-weight:700;line-height:1;text-align:right}.ccd-rich-text-area__list-icon--ordered .ccd-rich-text-area__list-marker:after{content:\".\"}.ccd-rich-text-area__list-icon--bullet .ccd-rich-text-area__list-marker{font-size:14px;line-height:.5}.ccd-rich-text-area__list-line{align-self:center;border-top:2px solid currentColor;display:block;width:12px}.ccd-rich-text-area__indent-icon{display:block;height:18px;position:relative;width:23px}.ccd-rich-text-area__indent-line{background:currentColor;display:block;height:2px;position:absolute;right:0}.ccd-rich-text-area__indent-line--top{top:3px;width:18px}.ccd-rich-text-area__indent-line--middle{top:8px;width:13px}.ccd-rich-text-area__indent-line--bottom{top:13px;width:18px}.ccd-rich-text-area__indent-arrow{background:currentColor;display:block;height:2px;left:1px;position:absolute;top:8px;width:9px}.ccd-rich-text-area__indent-arrow:before,.ccd-rich-text-area__indent-arrow:after{background:currentColor;content:\"\";display:block;height:2px;position:absolute;top:0;width:6px}.ccd-rich-text-area__indent-icon--outdent .ccd-rich-text-area__indent-arrow:before{left:-1px;transform:rotate(45deg);transform-origin:left center}.ccd-rich-text-area__indent-icon--outdent .ccd-rich-text-area__indent-arrow:after{left:-1px;transform:rotate(-45deg);transform-origin:left center}.ccd-rich-text-area__indent-icon--indent .ccd-rich-text-area__indent-arrow:before{right:-1px;transform:rotate(45deg);transform-origin:right center}.ccd-rich-text-area__indent-icon--indent .ccd-rich-text-area__indent-arrow:after{right:-1px;transform:rotate(-45deg);transform-origin:right center}.ccd-rich-text-area .NgxEditor__Wrapper .NgxEditor{border:0;border-radius:0;height:255px;min-height:255px;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:255px;min-height:255px;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 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 li{display:list-item;margin-bottom:5px}.ccd-rich-text-area .ProseMirror li>p{margin:0}\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]=\"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      <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': currentListStyle() === 'ordered_list'}\"\n        [attr.aria-pressed]=\"currentListStyle() === 'ordered_list'\"\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 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;max-width:100%;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{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 .NgxEditor__Wrapper .NgxEditor{border:0;border-radius:0;height:255px;min-height:255px;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:255px;min-height:255px;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 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 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}\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        <span class=\"ccd-rich-text-area__toolbar-icon ccd-rich-text-area__toolbar-icon--undo\" aria-hidden=\"true\">&#8630;</span>\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        <span class=\"ccd-rich-text-area__toolbar-icon ccd-rich-text-area__toolbar-icon--redo\" aria-hidden=\"true\">&#8631;</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 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        <span class=\"ccd-rich-text-area__toolbar-icon ccd-rich-text-area__toolbar-icon--bold\" aria-hidden=\"true\">B</span>\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        <span class=\"ccd-rich-text-area__toolbar-icon ccd-rich-text-area__toolbar-icon--italic\" aria-hidden=\"true\">I</span>\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        <span class=\"ccd-rich-text-area__toolbar-icon ccd-rich-text-area__toolbar-icon--underline\" aria-hidden=\"true\">U</span>\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\"\n        [ngClass]=\"{'ccd-rich-text-area__toolbar-button--active': isToolbarCommandActive('ordered_list')}\"\n        [attr.aria-pressed]=\"isToolbarCommandActive('ordered_list')\"\n        aria-label=\"Ordered List\"\n        title=\"Ordered List\"\n        (mousedown)=\"onToolbarButtonMouseDown($event)\"\n        (click)=\"executeToolbarCommand($event, 'ordered_list')\">\n        <span class=\"ccd-rich-text-area__list-icon ccd-rich-text-area__list-icon--ordered\" aria-hidden=\"true\">\n          <span class=\"ccd-rich-text-area__list-marker\">1</span>\n          <span class=\"ccd-rich-text-area__list-line\"></span>\n          <span class=\"ccd-rich-text-area__list-marker\">2</span>\n          <span class=\"ccd-rich-text-area__list-line\"></span>\n          <span class=\"ccd-rich-text-area__list-marker\">3</span>\n          <span class=\"ccd-rich-text-area__list-line\"></span>\n        </span>\n      </button>\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        <span class=\"ccd-rich-text-area__list-icon ccd-rich-text-area__list-icon--bullet\" aria-hidden=\"true\">\n          <span class=\"ccd-rich-text-area__list-marker\">&#8226;</span>\n          <span class=\"ccd-rich-text-area__list-line\"></span>\n          <span class=\"ccd-rich-text-area__list-marker\">&#8226;</span>\n          <span class=\"ccd-rich-text-area__list-line\"></span>\n          <span class=\"ccd-rich-text-area__list-marker\">&#8226;</span>\n          <span class=\"ccd-rich-text-area__list-line\"></span>\n        </span>\n      </button>\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        <span class=\"ccd-rich-text-area__indent-icon ccd-rich-text-area__indent-icon--outdent\" aria-hidden=\"true\">\n          <span class=\"ccd-rich-text-area__indent-line ccd-rich-text-area__indent-line--top\"></span>\n          <span class=\"ccd-rich-text-area__indent-line ccd-rich-text-area__indent-line--middle\"></span>\n          <span class=\"ccd-rich-text-area__indent-line ccd-rich-text-area__indent-line--bottom\"></span>\n          <span class=\"ccd-rich-text-area__indent-arrow\"></span>\n        </span>\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        <span class=\"ccd-rich-text-area__indent-icon ccd-rich-text-area__indent-icon--indent\" aria-hidden=\"true\">\n          <span class=\"ccd-rich-text-area__indent-line ccd-rich-text-area__indent-line--top\"></span>\n          <span class=\"ccd-rich-text-area__indent-line ccd-rich-text-area__indent-line--middle\"></span>\n          <span class=\"ccd-rich-text-area__indent-line ccd-rich-text-area__indent-line--bottom\"></span>\n          <span class=\"ccd-rich-text-area__indent-arrow\"></span>\n        </span>\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;display:flex;flex-wrap:wrap;gap:0 4px;margin-bottom:6px}.ccd-rich-text-area .NgxEditor__Wrapper{border:1px solid #000;border-radius:0;max-width:100%;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:1px solid #0b0c0c;border-radius:0;color:#0b0c0c;display:inline-flex;font-family:inherit;font-size:18px;font-weight:700;height:36px;justify-content:center;min-width:36px;padding:4px;width:36px}.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:3px solid #ffdd00;outline-offset:0}.ccd-rich-text-area__toolbar-button--active{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:36px;margin:0 8px 0 6px}.ccd-rich-text-area__toolbar-icon{display:inline-flex;line-height:1}.ccd-rich-text-area__toolbar-icon--undo,.ccd-rich-text-area__toolbar-icon--redo{font-size:23px;font-weight:400;transform:translateY(-1px)}.ccd-rich-text-area__toolbar-icon--bold{font-size:18px}.ccd-rich-text-area__toolbar-icon--italic{color:inherit;font-size:18px;font-style:italic}.ccd-rich-text-area__toolbar-icon--underline{font-size:18px;text-decoration:underline;text-underline-offset:3px}.ccd-rich-text-area__toolbar-icon--paragraph{font-size:18px}.ccd-rich-text-area__list-icon{column-gap:2px;display:grid;grid-template-columns:8px 13px;grid-template-rows:repeat(3,5px);height:17px;width:23px}.ccd-rich-text-area__list-marker{align-self:center;font-size:9px;font-weight:700;line-height:1;text-align:right}.ccd-rich-text-area__list-icon--ordered .ccd-rich-text-area__list-marker:after{content:\".\"}.ccd-rich-text-area__list-icon--bullet .ccd-rich-text-area__list-marker{font-size:14px;line-height:.5}.ccd-rich-text-area__list-line{align-self:center;border-top:2px solid currentColor;display:block;width:12px}.ccd-rich-text-area__indent-icon{display:block;height:18px;position:relative;width:23px}.ccd-rich-text-area__indent-line{background:currentColor;display:block;height:2px;position:absolute;right:0}.ccd-rich-text-area__indent-line--top{top:3px;width:18px}.ccd-rich-text-area__indent-line--middle{top:8px;width:13px}.ccd-rich-text-area__indent-line--bottom{top:13px;width:18px}.ccd-rich-text-area__indent-arrow{background:currentColor;display:block;height:2px;left:1px;position:absolute;top:8px;width:9px}.ccd-rich-text-area__indent-arrow:before,.ccd-rich-text-area__indent-arrow:after{background:currentColor;content:\"\";display:block;height:2px;position:absolute;top:0;width:6px}.ccd-rich-text-area__indent-icon--outdent .ccd-rich-text-area__indent-arrow:before{left:-1px;transform:rotate(45deg);transform-origin:left center}.ccd-rich-text-area__indent-icon--outdent .ccd-rich-text-area__indent-arrow:after{left:-1px;transform:rotate(-45deg);transform-origin:left center}.ccd-rich-text-area__indent-icon--indent .ccd-rich-text-area__indent-arrow:before{right:-1px;transform:rotate(45deg);transform-origin:right center}.ccd-rich-text-area__indent-icon--indent .ccd-rich-text-area__indent-arrow:after{right:-1px;transform:rotate(-45deg);transform-origin:right center}.ccd-rich-text-area .NgxEditor__Wrapper .NgxEditor{border:0;border-radius:0;height:255px;min-height:255px;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:255px;min-height:255px;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 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 li{display:list-item;margin-bottom:5px}.ccd-rich-text-area .ProseMirror li>p{margin:0}\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: 112 }); })();
+(() => { (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: 75 }); })();
 
 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); }; })();
@@ -38910,16 +38437,8 @@ class CaseResolver {
     }
     // as discussed for EUI-5456, need functionality to go to default page
     goToDefaultPage() {
-        const userDetails = safeJsonParse(this.sessionStorage.getItem(USER_DETAILS));
-        userDetails && userDetails.roles
-            && !userDetails.roles.includes(PUI_CASE_MANAGER)
-            &&
-                (userDetails.roles.includes('caseworker-ia-iacjudge')
-                    || userDetails.roles.includes('caseworker-ia-caseofficer')
-                    || userDetails.roles.includes('caseworker-ia-admofficer')
-                    || userDetails.roles.includes('caseworker-civil')
-                    || userDetails.roles.includes('caseworker-privatelaw'))
-            ? this.router.navigate([CaseResolver.defaultWAPage]) : this.router.navigate([CaseResolver.defaultPage]);
+        isWorkAllocationUser(this.sessionStorage) ?
+            this.router.navigate([CaseResolver.defaultWAPage]) : this.router.navigate([CaseResolver.defaultPage]);
     }
     static ɵfac = function CaseResolver_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseResolver)(i0.ɵɵinject(CaseNotifier), i0.ɵɵinject(DraftService), i0.ɵɵinject(NavigationNotifierService), i0.ɵɵinject(i1$1.Router), i0.ɵɵinject(SessionStorageService)); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CaseResolver, factory: CaseResolver.ɵfac });
@@ -44992,5 +44511,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 { AMRoleSuffix, 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, RoleCategory, RoleKeyword, 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 };
 //# sourceMappingURL=hmcts-ccd-case-ui-toolkit.mjs.map