@hmcts/ccd-case-ui-toolkit 6.13.11-welsh-release-v8 → 6.13.11-welsh-form-validation-errors

package/fesm2015/hmcts-ccd-case-ui-toolkit.js

@@ -3,7 +3,7 @@ import { Component, Input, EventEmitter, Output, NgModule, ViewEncapsulation, fo
 import * as i2 from '@angular/common';
 import { CommonModule, DOCUMENT, CurrencyPipe, formatDate } from '@angular/common';
 import * as i1 from 'rpx-xui-translation';
-import { RpxTranslationModule } from 'rpx-xui-translation';
+import { RpxTranslationModule, RpxTranslatePipe } from 'rpx-xui-translation';
 import * as i1$1 from '@angular/router';
 import { RouterModule, NavigationStart, NavigationEnd } from '@angular/router';
 import * as i2$1 from '@angular/forms';
@@ -2647,6 +2647,9 @@ FieldLabelPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdFieldLabel", type: FieldLa
     }], null, null); })();
 
 class FirstErrorPipe {
+    constructor(rpxTranslationPipe) {
+        this.rpxTranslationPipe = rpxTranslationPipe;
+    }
     transform(value, args) {
         if (!value) {
             return '';
@@ -2658,32 +2661,34 @@ class FirstErrorPipe {
         if (!keys.length) {
             return '';
         }
+        const fieldLabel = this.rpxTranslationPipe.transform(args);
         if (keys[0] === 'required') {
-            return `${args} is required`;
+            return this.rpxTranslationPipe.transform('%FIELDLABEL% is required', { FIELDLABEL: fieldLabel });
         }
         else if (keys[0] === 'pattern') {
-            return `The data entered is not valid for ${args}`;
+            return this.rpxTranslationPipe.transform('The data entered is not valid for %FIELDLABEL%', { FIELDLABEL: fieldLabel });
         }
         else if (keys[0] === 'minlength') {
-            return `${args} is below the minimum length`;
+            return this.rpxTranslationPipe.transform('%FIELDLABEL% is below the minimum length', { FIELDLABEL: fieldLabel });
         }
         else if (keys[0] === 'maxlength') {
-            return `${args} exceeds the maximum length`;
+            return this.rpxTranslationPipe.transform('%FIELDLABEL% exceeds the maximum length', { FIELDLABEL: fieldLabel });
         }
         else if (value.hasOwnProperty('matDatetimePickerParse')) {
-            return 'The date entered is not valid. Please provide a valid date';
+            return this.rpxTranslationPipe.transform('The date entered is not valid. Please provide a valid date');
         }
         return value[keys[0]];
     }
 }
-FirstErrorPipe.ɵfac = function FirstErrorPipe_Factory(t) { return new (t || FirstErrorPipe)(); };
-FirstErrorPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdFirstError", type: FirstErrorPipe, pure: true });
+FirstErrorPipe.ɵfac = function FirstErrorPipe_Factory(t) { return new (t || FirstErrorPipe)(i0.ɵɵdirectiveInject(i1.RpxTranslatePipe)); };
+FirstErrorPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdFirstError", type: FirstErrorPipe, pure: false });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FirstErrorPipe, [{
         type: Pipe,
         args: [{
-                name: 'ccdFirstError'
+                name: 'ccdFirstError',
+                pure: false
             }]
-    }], null, null); })();
+    }], function () { return [{ type: i1.RpxTranslatePipe }]; }, null); })();
 
 class IsCompoundPipe {
     transform(field) {
@@ -2824,9 +2829,11 @@ class PaletteUtilsModule {
 PaletteUtilsModule.ɵfac = function PaletteUtilsModule_Factory(t) { return new (t || PaletteUtilsModule)(); };
 PaletteUtilsModule.ɵmod = i0.ɵɵdefineNgModule({ type: PaletteUtilsModule });
 PaletteUtilsModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
-        IsCompoundPipe
+        IsCompoundPipe,
+        RpxTranslatePipe
     ], imports: [[
-            CommonModule
+            CommonModule,
+            RpxTranslationModule.forChild()
         ]] });
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PaletteUtilsModule, { declarations: [DatePipe,
         FieldLabelPipe,
@@ -2835,7 +2842,7 @@ PaletteUtilsModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         IsMandatoryPipe,
         IsReadOnlyPipe,
         IsReadOnlyAndNotCollectionPipe,
-        DashPipe], imports: [CommonModule], exports: [DatePipe,
+        DashPipe], imports: [CommonModule, i1.RpxTranslationModule], exports: [DatePipe,
         FieldLabelPipe,
         FirstErrorPipe,
         IsCompoundPipe,
@@ -2847,7 +2854,8 @@ PaletteUtilsModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
         type: NgModule,
         args: [{
                 imports: [
-                    CommonModule
+                    CommonModule,
+                    RpxTranslationModule.forChild()
                 ],
                 declarations: [
                     DatePipe,
@@ -2870,7 +2878,8 @@ PaletteUtilsModule.ɵinj = i0.ɵɵdefineInjector({ providers: [
                     DashPipe
                 ],
                 providers: [
-                    IsCompoundPipe
+                    IsCompoundPipe,
+                    RpxTranslatePipe
                 ]
             }]
     }], null, null); })();
@@ -8931,14 +8940,16 @@ function CaseEditPageComponent_div_7_div_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵlistener("click", function CaseEditPageComponent_div_7_div_4_Template_a_click_3_listener() { i0.ɵɵrestoreView(_r17); const validationError_r15 = ctx.$implicit; const ctx_r16 = i0.ɵɵnextContext(2); return ctx_r16.navigateToErrorElement(validationError_r15.id); });
     i0.ɵɵtext(4);
     i0.ɵɵpipe(5, "rpxTranslate");
+    i0.ɵɵpipe(6, "rpxTranslate");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const validationError_r15 = ctx.$implicit;
+    const ctx_r14 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 1, validationError_r15.message));
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(5, 1, validationError_r15.message, ctx_r14.getRpxTranslatePipeArgs(i0.ɵɵpipeBind1(6, 5, validationError_r15.label)), null), " ");
 } }
 function CaseEditPageComponent_div_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 15);
@@ -8946,7 +8957,7 @@ function CaseEditPageComponent_div_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "rpxTranslate");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, CaseEditPageComponent_div_7_div_4_Template, 6, 3, "div", 17);
+    i0.ɵɵtemplate(4, CaseEditPageComponent_div_7_div_4_Template, 7, 7, "div", 17);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r7 = i0.ɵɵnextContext();
@@ -9217,19 +9228,19 @@ class CaseEditPageComponent {
                     }
                 }
                 if (fieldElement.hasError('required')) {
-                    this.caseEditDataService.addFormValidationError({ id, message: `${label} is required` });
+                    this.caseEditDataService.addFormValidationError({ id, message: `%FIELDLABEL% is required`, label });
                     fieldElement.markAsDirty();
                 }
                 else if (fieldElement.hasError('pattern')) {
-                    this.caseEditDataService.addFormValidationError({ id, message: `${label} is not valid` });
+                    this.caseEditDataService.addFormValidationError({ id, message: `%FIELDLABEL% is not valid`, label });
                     fieldElement.markAsDirty();
                 }
                 else if (fieldElement.hasError('minlength')) {
-                    this.caseEditDataService.addFormValidationError({ id, message: `${label} is below the minimum length` });
+                    this.caseEditDataService.addFormValidationError({ id, message: `%FIELDLABEL% is below the minimum length`, label });
                     fieldElement.markAsDirty();
                 }
                 else if (fieldElement.hasError('maxlength')) {
-                    this.caseEditDataService.addFormValidationError({ id, message: `${label} exceeds the maximum length` });
+                    this.caseEditDataService.addFormValidationError({ id, message: `%FIELDLABEL% exceeds the maximum length`, label });
                     fieldElement.markAsDirty();
                 }
                 else if (fieldElement.invalid) {
@@ -9507,6 +9518,9 @@ class CaseEditPageComponent {
             next: (validationErrors) => this.validationErrors = validationErrors
         });
     }
+    getRpxTranslatePipeArgs(fieldLabel) {
+        return fieldLabel ? ({ FIELDLABEL: fieldLabel }) : null;
+    }
 }
 CaseEditPageComponent.RESUMED_FORM_DISCARD = 'RESUMED_FORM_DISCARD';
 CaseEditPageComponent.NEW_FORM_DISCARD = 'NEW_FORM_DISCARD';
@@ -9555,7 +9569,7 @@ CaseEditPageComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseEditPageCompone
         args: [{
                 selector: 'ccd-case-edit-page',
                 templateUrl: 'case-edit-page.html',
-                styleUrls: ['./case-edit-page.scss']
+                styleUrls: ['./case-edit-page.scss'],
             }]
     }], function () { return [{ type: CaseEditComponent }, { type: i1$1.ActivatedRoute }, { type: FormValueService }, { type: FormErrorService }, { type: i0.ChangeDetectorRef }, { type: PageValidationService }, { type: i1$3.MatDialog }, { type: CaseFieldService }, { type: CaseEditDataService }]; }, null); })();
 
@@ -11221,13 +11235,12 @@ function WriteCaseLinkFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
 function WriteCaseLinkFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 8);
     i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵpipe(3, "ccdFirstError");
+    i0.ɵɵpipe(2, "ccdFirstError");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind2(3, 3, ctx_r2.caseReferenceControl.errors, ctx_r2.caseField.label)));
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r2.caseReferenceControl.errors, ctx_r2.caseField.label), " ");
 } }
 const _c1$l = function (a0) { return { "form-group-error": a0 }; };
 class WriteCaseLinkFieldComponent extends AbstractFieldWriteComponent {
@@ -11287,7 +11300,7 @@ WriteCaseLinkFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteCaseLink
         i0.ɵɵtemplate(2, WriteCaseLinkFieldComponent_span_2_Template, 4, 5, "span", 2);
         i0.ɵɵelementEnd();
         i0.ɵɵtemplate(3, WriteCaseLinkFieldComponent_span_3_Template, 3, 3, "span", 3);
-        i0.ɵɵtemplate(4, WriteCaseLinkFieldComponent_span_4_Template, 4, 6, "span", 4);
+        i0.ɵɵtemplate(4, WriteCaseLinkFieldComponent_span_4_Template, 3, 4, "span", 4);
         i0.ɵɵelement(5, "input", 5);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
@@ -11483,18 +11496,17 @@ function WriteCollectionFieldComponent_h2_9_span_1_Template(rf, ctx) { if (rf &
 function WriteCollectionFieldComponent_h2_9_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 10);
     i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵpipe(3, "ccdFirstError");
+    i0.ɵɵpipe(2, "ccdFirstError");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r4 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind2(3, 3, ctx_r4.formArray.errors, ctx_r4.caseField.label)));
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r4.formArray.errors, ctx_r4.caseField.label), " ");
 } }
 function WriteCollectionFieldComponent_h2_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "h2", 2);
     i0.ɵɵtemplate(1, WriteCollectionFieldComponent_h2_9_span_1_Template, 3, 3, "span", 7);
-    i0.ɵɵtemplate(2, WriteCollectionFieldComponent_h2_9_span_2_Template, 4, 6, "span", 8);
+    i0.ɵɵtemplate(2, WriteCollectionFieldComponent_h2_9_span_2_Template, 3, 4, "span", 8);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -12817,7 +12829,7 @@ function WriteDynamicMultiSelectListFieldComponent_span_5_Template(rf, ctx) { if
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r2.checkboxes.errors));
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, ctx_r2.checkboxes.errors), "");
 } }
 function WriteDynamicMultiSelectListFieldComponent_ng_container_6_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
@@ -13030,13 +13042,12 @@ function WriteDynamicRadioListFieldComponent_span_6_Template(rf, ctx) { if (rf &
 function WriteDynamicRadioListFieldComponent_span_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 9);
     i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵpipe(3, "ccdFirstError");
+    i0.ɵɵpipe(2, "ccdFirstError");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind1(3, 3, ctx_r3.dynamicRadioListControl.errors)));
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, ctx_r3.dynamicRadioListControl.errors), " ");
 } }
 const _c0$K = function (a0) { return { selected: a0 }; };
 function WriteDynamicRadioListFieldComponent_div_9_Template(rf, ctx) { if (rf & 1) {
@@ -13091,7 +13102,7 @@ WriteDynamicRadioListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: Write
         i0.ɵɵtemplate(4, WriteDynamicRadioListFieldComponent_span_4_Template, 4, 5, "span", 3);
         i0.ɵɵtemplate(5, WriteDynamicRadioListFieldComponent_span_5_Template, 3, 3, "span", 4);
         i0.ɵɵtemplate(6, WriteDynamicRadioListFieldComponent_span_6_Template, 3, 3, "span", 3);
-        i0.ɵɵtemplate(7, WriteDynamicRadioListFieldComponent_span_7_Template, 4, 5, "span", 5);
+        i0.ɵɵtemplate(7, WriteDynamicRadioListFieldComponent_span_7_Template, 3, 3, "span", 5);
         i0.ɵɵelementEnd();
         i0.ɵɵelementContainerStart(8);
         i0.ɵɵtemplate(9, WriteDynamicRadioListFieldComponent_div_9_Template, 5, 11, "div", 6);
@@ -13178,13 +13189,12 @@ function WriteEmailFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
 function WriteEmailFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 8);
     i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵpipe(3, "ccdFirstError");
+    i0.ɵɵpipe(2, "ccdFirstError");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind2(3, 3, ctx_r2.emailControl.errors, ctx_r2.caseField.label)));
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r2.emailControl.errors, ctx_r2.caseField.label), "");
 } }
 const _c0$J = function (a0) { return { "form-group-error": a0 }; };
 const _c1$h = function (a0) { return { "govuk-input--error": a0 }; };
@@ -13200,7 +13210,7 @@ WriteEmailFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteEmailFieldC
         i0.ɵɵtemplate(2, WriteEmailFieldComponent_span_2_Template, 4, 5, "span", 2);
         i0.ɵɵelementEnd();
         i0.ɵɵtemplate(3, WriteEmailFieldComponent_span_3_Template, 3, 3, "span", 3);
-        i0.ɵɵtemplate(4, WriteEmailFieldComponent_span_4_Template, 4, 6, "span", 4);
+        i0.ɵɵtemplate(4, WriteEmailFieldComponent_span_4_Template, 3, 4, "span", 4);
         i0.ɵɵelement(5, "input", 5);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
@@ -13271,13 +13281,12 @@ function WriteFixedListFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
 function WriteFixedListFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 10);
     i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵpipe(3, "ccdFirstError");
+    i0.ɵɵpipe(2, "ccdFirstError");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind2(3, 3, ctx_r2.fixedListFormControl.errors, ctx_r2.caseField.label)));
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r2.fixedListFormControl.errors, ctx_r2.caseField.label), " ");
 } }
 function WriteFixedListFieldComponent_option_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "option", 6);
@@ -13319,7 +13328,7 @@ WriteFixedListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteFixedLi
         i0.ɵɵtemplate(2, WriteFixedListFieldComponent_span_2_Template, 4, 5, "span", 2);
         i0.ɵɵelementEnd();
         i0.ɵɵtemplate(3, WriteFixedListFieldComponent_span_3_Template, 3, 3, "span", 3);
-        i0.ɵɵtemplate(4, WriteFixedListFieldComponent_span_4_Template, 4, 6, "span", 4);
+        i0.ɵɵtemplate(4, WriteFixedListFieldComponent_span_4_Template, 3, 4, "span", 4);
         i0.ɵɵelementStart(5, "select", 5);
         i0.ɵɵelementStart(6, "option", 6);
         i0.ɵɵtext(7, "--Select a value--");
@@ -13415,13 +13424,12 @@ function WriteFixedRadioListFieldComponent_span_5_Template(rf, ctx) { if (rf & 1
 function WriteFixedRadioListFieldComponent_span_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 8);
     i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵpipe(3, "ccdFirstError");
+    i0.ɵɵpipe(2, "ccdFirstError");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind2(3, 3, ctx_r2.fixedRadioListControl.errors, ctx_r2.caseField.label)));
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r2.fixedRadioListControl.errors, ctx_r2.caseField.label), " ");
 } }
 const _c0$H = function (a0) { return { selected: a0 }; };
 function WriteFixedRadioListFieldComponent_div_8_Template(rf, ctx) { if (rf & 1) {
@@ -13459,7 +13467,7 @@ WriteFixedRadioListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteFi
         i0.ɵɵtemplate(4, WriteFixedRadioListFieldComponent_span_4_Template, 4, 5, "span", 2);
         i0.ɵɵelementEnd();
         i0.ɵɵtemplate(5, WriteFixedRadioListFieldComponent_span_5_Template, 3, 3, "span", 3);
-        i0.ɵɵtemplate(6, WriteFixedRadioListFieldComponent_span_6_Template, 4, 6, "span", 4);
+        i0.ɵɵtemplate(6, WriteFixedRadioListFieldComponent_span_6_Template, 3, 4, "span", 4);
         i0.ɵɵelementEnd();
         i0.ɵɵelementContainerStart(7);
         i0.ɵɵtemplate(8, WriteFixedRadioListFieldComponent_div_8_Template, 5, 11, "div", 5);
@@ -16179,13 +16187,12 @@ function WriteMoneyGbpFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
 function WriteMoneyGbpFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 10);
     i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵpipe(3, "ccdFirstError");
+    i0.ɵɵpipe(2, "ccdFirstError");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind2(3, 3, ctx_r2.moneyGbpControl.errors, ctx_r2.caseField.label)));
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r2.moneyGbpControl.errors, ctx_r2.caseField.label), "");
 } }
 const _c0$D = function (a0) { return { "form-group-error": a0 }; };
 class WriteMoneyGbpFieldComponent extends AbstractFieldWriteComponent {
@@ -16200,7 +16207,7 @@ WriteMoneyGbpFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteMoneyGbp
         i0.ɵɵtemplate(2, WriteMoneyGbpFieldComponent_span_2_Template, 4, 5, "span", 2);
         i0.ɵɵelementEnd();
         i0.ɵɵtemplate(3, WriteMoneyGbpFieldComponent_span_3_Template, 3, 3, "span", 3);
-        i0.ɵɵtemplate(4, WriteMoneyGbpFieldComponent_span_4_Template, 4, 6, "span", 4);
+        i0.ɵɵtemplate(4, WriteMoneyGbpFieldComponent_span_4_Template, 3, 4, "span", 4);
         i0.ɵɵelementStart(5, "div", 5);
         i0.ɵɵelementStart(6, "span", 6);
         i0.ɵɵtext(7, "\u00A3");
@@ -16303,13 +16310,12 @@ function WriteMultiSelectListFieldComponent_span_4_Template(rf, ctx) { if (rf &
 function WriteMultiSelectListFieldComponent_span_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 7);
     i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵpipe(3, "ccdFirstError");
+    i0.ɵɵpipe(2, "ccdFirstError");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind2(3, 3, ctx_r2.checkboxes.errors, ctx_r2.caseField.label)));
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r2.checkboxes.errors, ctx_r2.caseField.label), " ");
 } }
 function WriteMultiSelectListFieldComponent_ng_container_6_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
@@ -16384,7 +16390,7 @@ WriteMultiSelectListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteM
         i0.ɵɵtemplate(3, WriteMultiSelectListFieldComponent_span_3_Template, 4, 5, "span", 1);
         i0.ɵɵelementEnd();
         i0.ɵɵtemplate(4, WriteMultiSelectListFieldComponent_span_4_Template, 3, 3, "span", 2);
-        i0.ɵɵtemplate(5, WriteMultiSelectListFieldComponent_span_5_Template, 4, 6, "span", 3);
+        i0.ɵɵtemplate(5, WriteMultiSelectListFieldComponent_span_5_Template, 3, 4, "span", 3);
         i0.ɵɵtemplate(6, WriteMultiSelectListFieldComponent_ng_container_6_Template, 6, 8, "ng-container", 4);
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
@@ -16453,13 +16459,12 @@ function WriteNumberFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
 function WriteNumberFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 8);
     i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵpipe(3, "ccdFirstError");
+    i0.ɵɵpipe(2, "ccdFirstError");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind2(3, 3, ctx_r2.numberControl.errors, ctx_r2.caseField.label)));
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r2.numberControl.errors, ctx_r2.caseField.label), " ");
 } }
 const _c0$B = function (a0) { return { "form-group-error": a0 }; };
 const _c1$e = function (a0) { return { "govuk-input--error": a0 }; };
@@ -16475,7 +16480,7 @@ WriteNumberFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteNumberFiel
         i0.ɵɵtemplate(2, WriteNumberFieldComponent_span_2_Template, 4, 5, "span", 2);
         i0.ɵɵelementEnd();
         i0.ɵɵtemplate(3, WriteNumberFieldComponent_span_3_Template, 3, 3, "span", 3);
-        i0.ɵɵtemplate(4, WriteNumberFieldComponent_span_4_Template, 4, 6, "span", 4);
+        i0.ɵɵtemplate(4, WriteNumberFieldComponent_span_4_Template, 3, 4, "span", 4);
         i0.ɵɵelement(5, "input", 5);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
@@ -17196,13 +17201,12 @@ function WritePhoneUKFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
 function WritePhoneUKFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 8);
     i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵpipe(3, "ccdFirstError");
+    i0.ɵɵpipe(2, "ccdFirstError");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind2(3, 3, ctx_r2.phoneUkControl.errors, ctx_r2.caseField.label)), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r2.phoneUkControl.errors, ctx_r2.caseField.label), " ");
 } }
 const _c0$z = function (a0) { return { "form-group-error": a0 }; };
 const _c1$d = function (a0) { return { "govuk-input--error": a0 }; };
@@ -17218,7 +17222,7 @@ WritePhoneUKFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WritePhoneUKFi
         i0.ɵɵtemplate(2, WritePhoneUKFieldComponent_span_2_Template, 4, 5, "span", 2);
         i0.ɵɵelementEnd();
         i0.ɵɵtemplate(3, WritePhoneUKFieldComponent_span_3_Template, 3, 3, "span", 3);
-        i0.ɵɵtemplate(4, WritePhoneUKFieldComponent_span_4_Template, 4, 6, "span", 4);
+        i0.ɵɵtemplate(4, WritePhoneUKFieldComponent_span_4_Template, 3, 4, "span", 4);
         i0.ɵɵelement(5, "input", 5);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
@@ -17288,13 +17292,12 @@ function WriteTextAreaFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
 function WriteTextAreaFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 8);
     i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵpipe(3, "ccdFirstError");
+    i0.ɵɵpipe(2, "ccdFirstError");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind2(3, 3, ctx_r2.textareaControl.errors, ctx_r2.caseField.label)), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r2.textareaControl.errors, ctx_r2.caseField.label), " ");
 } }
 const _c0$y = function (a0) { return { "form-group-error": a0 }; };
 const _c1$c = function (a0) { return { "govuk-textarea--error": a0 }; };
@@ -17321,7 +17324,7 @@ WriteTextAreaFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteTextArea
         i0.ɵɵtemplate(2, WriteTextAreaFieldComponent_span_2_Template, 4, 5, "span", 2);
         i0.ɵɵelementEnd();
         i0.ɵɵtemplate(3, WriteTextAreaFieldComponent_span_3_Template, 3, 3, "span", 3);
-        i0.ɵɵtemplate(4, WriteTextAreaFieldComponent_span_4_Template, 4, 6, "span", 4);
+        i0.ɵɵtemplate(4, WriteTextAreaFieldComponent_span_4_Template, 3, 4, "span", 4);
         i0.ɵɵelementStart(5, "textarea", 5);
         i0.ɵɵlistener("input", function WriteTextAreaFieldComponent_Template_textarea_input_5_listener($event) { return ctx.autoGrow($event); });
         i0.ɵɵelementEnd();
@@ -17393,13 +17396,12 @@ function WriteTextFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
 function WriteTextFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 8);
     i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵpipe(3, "ccdFirstError");
+    i0.ɵɵpipe(2, "ccdFirstError");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind2(3, 3, ctx_r2.textControl.errors, ctx_r2.caseField.label)), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r2.textControl.errors, ctx_r2.caseField.label), " ");
 } }
 const _c0$x = function (a0) { return { "form-group-error": a0 }; };
 const _c1$b = function (a0) { return { "govuk-input--error": a0 }; };
@@ -17418,7 +17420,7 @@ WriteTextFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteTextFieldCom
         i0.ɵɵtemplate(2, WriteTextFieldComponent_span_2_Template, 4, 5, "span", 2);
         i0.ɵɵelementEnd();
         i0.ɵɵtemplate(3, WriteTextFieldComponent_span_3_Template, 3, 3, "span", 3);
-        i0.ɵɵtemplate(4, WriteTextFieldComponent_span_4_Template, 4, 6, "span", 4);
+        i0.ɵɵtemplate(4, WriteTextFieldComponent_span_4_Template, 3, 4, "span", 4);
         i0.ɵɵelementStart(5, "input", 5);
         i0.ɵɵlistener("blur", function WriteTextFieldComponent_Template_input_blur_5_listener($event) { return ctx.onBlur($event); });
         i0.ɵɵelementEnd();
@@ -17573,7 +17575,7 @@ function WriteYesNoFieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind1(3, 3, ctx_r0.caseField)));
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind1(3, 3, ctx_r0.caseField)), " ");
 } }
 function WriteYesNoFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 8);
@@ -17588,13 +17590,12 @@ function WriteYesNoFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
 function WriteYesNoFieldComponent_span_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 9);
     i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵpipe(3, "ccdFirstError");
+    i0.ɵɵpipe(2, "ccdFirstError");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind2(3, 3, ctx_r2.yesNoControl.errors, ctx_r2.caseField.label)), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r2.yesNoControl.errors, ctx_r2.caseField.label), " ");
 } }
 const _c0$w = function (a0) { return { selected: a0 }; };
 function WriteYesNoFieldComponent_div_7_Template(rf, ctx) { if (rf & 1) {
@@ -17636,7 +17637,7 @@ WriteYesNoFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteYesNoFieldC
         i0.ɵɵtemplate(3, WriteYesNoFieldComponent_span_3_Template, 4, 5, "span", 2);
         i0.ɵɵelementEnd();
         i0.ɵɵtemplate(4, WriteYesNoFieldComponent_span_4_Template, 3, 3, "span", 3);
-        i0.ɵɵtemplate(5, WriteYesNoFieldComponent_span_5_Template, 4, 6, "span", 4);
+        i0.ɵɵtemplate(5, WriteYesNoFieldComponent_span_5_Template, 3, 4, "span", 4);
         i0.ɵɵelementStart(6, "div", 5);
         i0.ɵɵtemplate(7, WriteYesNoFieldComponent_div_7_Template, 5, 12, "div", 6);
         i0.ɵɵelementEnd();
@@ -20895,13 +20896,12 @@ function WriteDateFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
 function WriteDateFieldComponent_span_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 7);
     i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵpipe(3, "ccdFirstError");
+    i0.ɵɵpipe(2, "ccdFirstError");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind2(3, 3, ctx_r2.dateControl.errors, ctx_r2.caseField.label)));
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r2.dateControl.errors, ctx_r2.caseField.label), " ");
 } }
 const _c0$j = function (a0) { return { "form-group-error": a0 }; };
 class WriteDateFieldComponent extends AbstractFieldWriteComponent {
@@ -20920,7 +20920,7 @@ WriteDateFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDateFieldCom
         i0.ɵɵtemplate(3, WriteDateFieldComponent_span_3_Template, 4, 5, "span", 1);
         i0.ɵɵelementEnd();
         i0.ɵɵtemplate(4, WriteDateFieldComponent_span_4_Template, 3, 3, "span", 2);
-        i0.ɵɵtemplate(5, WriteDateFieldComponent_span_5_Template, 4, 6, "span", 3);
+        i0.ɵɵtemplate(5, WriteDateFieldComponent_span_5_Template, 3, 4, "span", 3);
         i0.ɵɵelement(6, "cut-date-input", 4);
         i0.ɵɵpipe(7, "ccdIsMandatory");
         i0.ɵɵelementEnd();
@@ -20983,13 +20983,12 @@ function DatetimePickerComponent_span_4_Template(rf, ctx) { if (rf & 1) {
 function DatetimePickerComponent_span_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 12);
     i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵpipe(3, "ccdFirstError");
+    i0.ɵɵpipe(2, "ccdFirstError");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind2(3, 3, ctx_r2.dateControl.errors, ctx_r2.caseField.label)));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r2.dateControl.errors, ctx_r2.caseField.label));
 } }
 function DatetimePickerComponent_span_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 12);
@@ -21192,7 +21191,7 @@ DatetimePickerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DatetimePickerCom
         i0.ɵɵelementStart(2, "legend");
         i0.ɵɵtemplate(3, DatetimePickerComponent_span_3_Template, 4, 5, "span", 1);
         i0.ɵɵtemplate(4, DatetimePickerComponent_span_4_Template, 3, 3, "span", 2);
-        i0.ɵɵtemplate(5, DatetimePickerComponent_span_5_Template, 4, 6, "span", 3);
+        i0.ɵɵtemplate(5, DatetimePickerComponent_span_5_Template, 3, 4, "span", 3);
         i0.ɵɵtemplate(6, DatetimePickerComponent_span_6_Template, 3, 3, "span", 3);
         i0.ɵɵtemplate(7, DatetimePickerComponent_span_7_Template, 3, 3, "span", 3);
         i0.ɵɵelementEnd();
@@ -21733,7 +21732,7 @@ EventLogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: EventLogComponent, sele
 
 class MarkdownComponent {
     constructor() { }
-    ngOnChanges() {
+    ngOnInit() {
         this.content = this.content.replace(/  \n/g, '<br>');
     }
     onMarkdownClick(event) {
@@ -21747,14 +21746,14 @@ class MarkdownComponent {
 MarkdownComponent.ɵfac = function MarkdownComponent_Factory(t) { return new (t || MarkdownComponent)(); };
 MarkdownComponent.ɵcmp = i0.ɵɵdefineComponent({ type: MarkdownComponent, selectors: [["ccd-markdown"]], hostBindings: function MarkdownComponent_HostBindings(rf, ctx) { if (rf & 1) {
         i0.ɵɵlistener("click", function MarkdownComponent_click_HostBindingHandler($event) { return ctx.onMarkdownClick($event); });
-    } }, inputs: { content: "content", markdownUseHrefAsRouterLink: "markdownUseHrefAsRouterLink" }, features: [i0.ɵɵNgOnChangesFeature], decls: 3, vars: 3, consts: [[1, "markdown", 3, "data"]], template: function MarkdownComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { content: "content", markdownUseHrefAsRouterLink: "markdownUseHrefAsRouterLink" }, decls: 3, vars: 3, consts: [[1, "markdown", 3, "innerHTML"]], template: function MarkdownComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div");
         i0.ɵɵelement(1, "markdown", 0);
         i0.ɵɵpipe(2, "ccdCaseReference");
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("data", i0.ɵɵpipeBind1(2, 1, ctx.content));
+        i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(2, 1, ctx.content), i0.ɵɵsanitizeHtml);
     } }, directives: [i1$5.NgxMdComponent], pipes: [CaseReferencePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MarkdownComponent, [{
         type: Component,