@hmcts/ccd-case-ui-toolkit 5.0.44-angular11-updgrade-welsh-release-v5 → 5.0.44-angular11-welsh-release-part1-2

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

@@ -39,12 +39,12 @@ import * as i3$1 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i3 from '@hmcts/ccpay-web-component';
 import { PaymentLibModule } from '@hmcts/ccpay-web-component';
+import * as i13 from '@hmcts/media-viewer';
+import { MediaViewerModule } from '@hmcts/media-viewer';
 import * as i2$2 from '@nicky-lenaers/ngx-scroll-to';
 import { ScrollToModule } from '@nicky-lenaers/ngx-scroll-to';
 import * as i1$5 from 'ngx-md';
 import { NgxMdModule } from 'ngx-md';
-import * as i13 from '@hmcts/media-viewer';
-import { MediaViewerModule } from '@hmcts/media-viewer';
 import { NgxMatMomentAdapter, NGX_MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular-material-components/moment-adapter';
 import * as i6$2 from '@angular/cdk/portal';
 import { ComponentPortal, PortalModule } from '@angular/cdk/portal';
@@ -11011,41 +11011,47 @@ function ReadCaseFlagFieldComponent_ng_container_1_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("flagForSummaryDisplay", ctx_r0.flagForSummaryDisplay)("summaryListDisplayMode", ctx_r0.summaryListDisplayMode);
 } }
-function ReadCaseFlagFieldComponent_ng_container_2_div_3_ccd_case_flag_table_1_Template(rf, ctx) { if (rf & 1) {
+function ReadCaseFlagFieldComponent_ng_container_2_div_4_ccd_case_flag_table_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "ccd-case-flag-table", 8);
+    i0.ɵɵpipe(1, "rpxTranslate");
 } if (rf & 2) {
     const flagData_r4 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("tableCaption", flagData_r4.flags.partyName)("flagData", flagData_r4)("firstColumnHeader", "Party level flags");
+    i0.ɵɵproperty("tableCaption", flagData_r4.flags.partyName)("flagData", flagData_r4)("firstColumnHeader", i0.ɵɵpipeBind1(1, 3, "Party level flags"));
 } }
-function ReadCaseFlagFieldComponent_ng_container_2_div_3_Template(rf, ctx) { if (rf & 1) {
+function ReadCaseFlagFieldComponent_ng_container_2_div_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, ReadCaseFlagFieldComponent_ng_container_2_div_3_ccd_case_flag_table_1_Template, 1, 3, "ccd-case-flag-table", 7);
+    i0.ɵɵtemplate(1, ReadCaseFlagFieldComponent_ng_container_2_div_4_ccd_case_flag_table_1_Template, 2, 5, "ccd-case-flag-table", 7);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const flagData_r4 = ctx.$implicit;
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", flagData_r4.flags.partyName);
 } }
-function ReadCaseFlagFieldComponent_ng_container_2_div_4_Template(rf, ctx) { if (rf & 1) {
+function ReadCaseFlagFieldComponent_ng_container_2_div_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵelement(1, "ccd-case-flag-table", 8);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵpipe(3, "rpxTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("tableCaption", "Case level flags")("flagData", ctx_r3.caseLevelCaseFlagData)("firstColumnHeader", "Case flags");
+    i0.ɵɵproperty("tableCaption", i0.ɵɵpipeBind1(2, 3, "Case level flags"))("flagData", ctx_r3.caseLevelCaseFlagData)("firstColumnHeader", i0.ɵɵpipeBind1(3, 5, "Case flags"));
 } }
 function ReadCaseFlagFieldComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "h2", 4);
-    i0.ɵɵtext(2, "Case flags");
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "rpxTranslate");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, ReadCaseFlagFieldComponent_ng_container_2_div_3_Template, 2, 1, "div", 5);
-    i0.ɵɵtemplate(4, ReadCaseFlagFieldComponent_ng_container_2_div_4_Template, 2, 3, "div", 6);
+    i0.ɵɵtemplate(4, ReadCaseFlagFieldComponent_ng_container_2_div_4_Template, 2, 1, "div", 5);
+    i0.ɵɵtemplate(5, ReadCaseFlagFieldComponent_ng_container_2_div_5_Template, 4, 7, "div", 6);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 3, "Case flags"));
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngForOf", ctx_r1.partyLevelCaseFlagData);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r1.caseLevelCaseFlagData);
@@ -11129,7 +11135,7 @@ ReadCaseFlagFieldComponent.ɵfac = function ReadCaseFlagFieldComponent_Factory(t
 ReadCaseFlagFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadCaseFlagFieldComponent, selectors: [["ccd-read-case-flag-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], [3, "flagForSummaryDisplay", "summaryListDisplayMode"], [1, "govuk-heading-l"], [4, "ngFor", "ngForOf"], [4, "ngIf"], [3, "tableCaption", "flagData", "firstColumnHeader", 4, "ngIf"], [3, "tableCaption", "flagData", "firstColumnHeader"]], template: function ReadCaseFlagFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementContainerStart(0, 0);
         i0.ɵɵtemplate(1, ReadCaseFlagFieldComponent_ng_container_1_Template, 2, 2, "ng-container", 1);
-        i0.ɵɵtemplate(2, ReadCaseFlagFieldComponent_ng_container_2_Template, 5, 2, "ng-container", 2);
+        i0.ɵɵtemplate(2, ReadCaseFlagFieldComponent_ng_container_2_Template, 6, 5, "ng-container", 2);
         i0.ɵɵelementContainerEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("ngSwitch", ctx.context);
@@ -13047,21 +13053,22 @@ class ReadDynamicListFieldComponent extends AbstractFieldReadComponent {
     }
 }
 ReadDynamicListFieldComponent.ɵfac = function ReadDynamicListFieldComponent_Factory(t) { return ɵReadDynamicListFieldComponent_BaseFactory(t || ReadDynamicListFieldComponent); };
-ReadDynamicListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadDynamicListFieldComponent, selectors: [["ccd-read-dynamic-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 4, consts: [[1, "text-16"]], template: function ReadDynamicListFieldComponent_Template(rf, ctx) { if (rf & 1) {
+ReadDynamicListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadDynamicListFieldComponent, selectors: [["ccd-read-dynamic-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 6, consts: [[1, "text-16"]], template: function ReadDynamicListFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "span", 0);
         i0.ɵɵtext(1);
-        i0.ɵɵpipe(2, "ccdDynamicList");
+        i0.ɵɵpipe(2, "rpxTranslate");
+        i0.ɵɵpipe(3, "ccdDynamicList");
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx.caseField.value, ctx.caseField.list_items));
-    } }, pipes: [DynamicListPipe], encapsulation: 2 });
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind2(3, 3, ctx.caseField.value, ctx.caseField.list_items)));
+    } }, pipes: [i1.RpxTranslatePipe, DynamicListPipe], encapsulation: 2 });
 const ɵReadDynamicListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(ReadDynamicListFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadDynamicListFieldComponent, [{
         type: Component,
         args: [{
                 selector: 'ccd-read-dynamic-list-field',
-                template: '<span class="text-16">{{caseField.value | ccdDynamicList:caseField.list_items}}</span>',
+                template: '<span class="text-16">{{caseField.value | ccdDynamicList:caseField.list_items | rpxTranslate}}</span>',
             }]
     }], null, null); })();
 
@@ -13106,15 +13113,16 @@ function WriteDynamicListFieldComponent_span_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind2(3, 3, ctx_r3.dynamicListFormControl.errors, ctx_r3.caseField.label)));
 } }
-function WriteDynamicListFieldComponent_option_9_Template(rf, ctx) { if (rf & 1) {
+function WriteDynamicListFieldComponent_option_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "option", 11);
     i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const type_r5 = ctx.$implicit;
     i0.ɵɵproperty("ngValue", type_r5.code);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(type_r5.label);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, type_r5.label));
 } }
 const _c0$L = function (a0) { return { "form-group-error": a0 }; };
 class WriteDynamicListFieldComponent extends AbstractFieldWriteComponent {
@@ -13142,7 +13150,7 @@ class WriteDynamicListFieldComponent extends AbstractFieldWriteComponent {
     }
 }
 WriteDynamicListFieldComponent.ɵfac = function WriteDynamicListFieldComponent_Factory(t) { return ɵWriteDynamicListFieldComponent_BaseFactory(t || WriteDynamicListFieldComponent); };
-WriteDynamicListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDynamicListFieldComponent, selectors: [["ccd-write-dynamic-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 12, consts: [[1, "form-group", 3, "ngClass"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], [1, "form-control", "ccd-dropdown", "bottom-30", 3, "id", "formControl"], [3, "ngValue"], ["role", "option", 3, "ngValue", 4, "ngFor", "ngForOf"], [1, "form-label"], [1, "form-hint"], [1, "error-message"], ["role", "option", 3, "ngValue"]], template: function WriteDynamicListFieldComponent_Template(rf, ctx) { if (rf & 1) {
+WriteDynamicListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDynamicListFieldComponent, selectors: [["ccd-write-dynamic-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 11, vars: 15, consts: [[1, "form-group", 3, "ngClass"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], [1, "form-control", "ccd-dropdown", "bottom-30", 3, "id", "formControl"], [3, "ngValue"], ["role", "option", 3, "ngValue", 4, "ngFor", "ngForOf"], [1, "form-label"], [1, "form-hint"], [1, "error-message"], ["role", "option", 3, "ngValue"]], template: function WriteDynamicListFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵelementStart(1, "label", 1);
         i0.ɵɵtemplate(2, WriteDynamicListFieldComponent_span_2_Template, 4, 5, "span", 2);
@@ -13152,13 +13160,14 @@ WriteDynamicListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDynam
         i0.ɵɵtemplate(5, WriteDynamicListFieldComponent_span_5_Template, 4, 6, "span", 4);
         i0.ɵɵelementStart(6, "select", 5);
         i0.ɵɵelementStart(7, "option", 6);
-        i0.ɵɵtext(8, "--Select a value--");
+        i0.ɵɵtext(8);
+        i0.ɵɵpipe(9, "rpxTranslate");
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(9, WriteDynamicListFieldComponent_option_9_Template, 2, 2, "option", 7);
+        i0.ɵɵtemplate(10, WriteDynamicListFieldComponent_option_10_Template, 3, 4, "option", 7);
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c0$L, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(13, _c0$L, !ctx.dynamicListFormControl.valid && (ctx.dynamicListFormControl.dirty || ctx.dynamicListFormControl.touched)));
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("for", ctx.id());
         i0.ɵɵadvance(1);
@@ -13173,6 +13182,8 @@ WriteDynamicListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDynam
         i0.ɵɵproperty("id", ctx.id())("formControl", ctx.dynamicListFormControl);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngValue", null);
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(9, 11, "--Select a value--"));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngForOf", ctx.caseField.list_items);
     } }, directives: [i2.NgClass, i2.NgIf, i2$1.SelectControlValueAccessor, i2$1.NgControlStatus, i2$1.FormControlDirective, i2$1.NgSelectOption, i2$1.ɵangular_packages_forms_forms_z, i2.NgForOf], pipes: [i1.RpxTranslatePipe, FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
@@ -13227,21 +13238,22 @@ class ReadDynamicRadioListFieldComponent extends AbstractFieldReadComponent {
     }
 }
 ReadDynamicRadioListFieldComponent.ɵfac = function ReadDynamicRadioListFieldComponent_Factory(t) { return ɵReadDynamicRadioListFieldComponent_BaseFactory(t || ReadDynamicRadioListFieldComponent); };
-ReadDynamicRadioListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadDynamicRadioListFieldComponent, selectors: [["ccd-read-dynamic-radio-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 4, consts: [[1, "text-16"]], template: function ReadDynamicRadioListFieldComponent_Template(rf, ctx) { if (rf & 1) {
+ReadDynamicRadioListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadDynamicRadioListFieldComponent, selectors: [["ccd-read-dynamic-radio-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 6, consts: [[1, "text-16"]], template: function ReadDynamicRadioListFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "span", 0);
         i0.ɵɵtext(1);
-        i0.ɵɵpipe(2, "ccdDynamicRadioList");
+        i0.ɵɵpipe(2, "rpxTranslate");
+        i0.ɵɵpipe(3, "ccdDynamicRadioList");
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx.caseField.value, ctx.caseField.list_items));
-    } }, pipes: [DynamicRadioListPipe], encapsulation: 2 });
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind2(3, 3, ctx.caseField.value, ctx.caseField.list_items)));
+    } }, pipes: [i1.RpxTranslatePipe, DynamicRadioListPipe], encapsulation: 2 });
 const ɵReadDynamicRadioListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(ReadDynamicRadioListFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadDynamicRadioListFieldComponent, [{
         type: Component,
         args: [{
                 selector: 'ccd-read-dynamic-radio-list-field',
-                template: '<span class="text-16">{{caseField.value | ccdDynamicRadioList:caseField.list_items}}</span>',
+                template: '<span class="text-16">{{caseField.value | ccdDynamicRadioList:caseField.list_items | rpxTranslate}}</span>',
             }]
     }], null, null); })();
 
@@ -13498,21 +13510,22 @@ FixedListPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdFixedList", type: FixedList
 class ReadFixedListFieldComponent extends AbstractFieldReadComponent {
 }
 ReadFixedListFieldComponent.ɵfac = function ReadFixedListFieldComponent_Factory(t) { return ɵReadFixedListFieldComponent_BaseFactory(t || ReadFixedListFieldComponent); };
-ReadFixedListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadFixedListFieldComponent, selectors: [["ccd-read-fixed-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 4, consts: [[1, "text-16"]], template: function ReadFixedListFieldComponent_Template(rf, ctx) { if (rf & 1) {
+ReadFixedListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadFixedListFieldComponent, selectors: [["ccd-read-fixed-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 6, consts: [[1, "text-16"]], template: function ReadFixedListFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "span", 0);
         i0.ɵɵtext(1);
-        i0.ɵɵpipe(2, "ccdFixedList");
+        i0.ɵɵpipe(2, "rpxTranslate");
+        i0.ɵɵpipe(3, "ccdFixedList");
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx.caseField.value, ctx.caseField.list_items));
-    } }, pipes: [FixedListPipe], encapsulation: 2 });
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind2(3, 3, ctx.caseField.value, ctx.caseField.list_items)));
+    } }, pipes: [i1.RpxTranslatePipe, FixedListPipe], encapsulation: 2 });
 const ɵReadFixedListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(ReadFixedListFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadFixedListFieldComponent, [{
         type: Component,
         args: [{
                 selector: 'ccd-read-fixed-list-field',
-                template: '<span class="text-16">{{caseField.value | ccdFixedList:caseField.list_items}}</span>',
+                template: '<span class="text-16">{{caseField.value | ccdFixedList:caseField.list_items | rpxTranslate}}</span>',
             }]
     }], null, null); })();
 
@@ -13551,12 +13564,13 @@ function WriteFixedListFieldComponent_span_4_Template(rf, ctx) { if (rf & 1) {
 function WriteFixedListFieldComponent_option_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "option", 6);
     i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const type_r4 = ctx.$implicit;
     i0.ɵɵproperty("ngValue", type_r4.code);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(type_r4.label);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, type_r4.label));
 } }
 const _c0$I = function (a0) { return { "form-group-error": a0 }; };
 class WriteFixedListFieldComponent extends AbstractFieldWriteComponent {
@@ -13592,7 +13606,7 @@ WriteFixedListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteFixedLi
         i0.ɵɵelementStart(6, "option", 6);
         i0.ɵɵtext(7, "--Select a value--");
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(8, WriteFixedListFieldComponent_option_8_Template, 2, 2, "option", 7);
+        i0.ɵɵtemplate(8, WriteFixedListFieldComponent_option_8_Template, 3, 4, "option", 7);
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
     } if (rf & 2) {
@@ -13640,21 +13654,22 @@ FixedRadioListPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "ccdFixedRadioList", type:
 class ReadFixedRadioListFieldComponent extends AbstractFieldReadComponent {
 }
 ReadFixedRadioListFieldComponent.ɵfac = function ReadFixedRadioListFieldComponent_Factory(t) { return ɵReadFixedRadioListFieldComponent_BaseFactory(t || ReadFixedRadioListFieldComponent); };
-ReadFixedRadioListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadFixedRadioListFieldComponent, selectors: [["ccd-read-fixed-radio-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 4, consts: [[1, "text-16"]], template: function ReadFixedRadioListFieldComponent_Template(rf, ctx) { if (rf & 1) {
+ReadFixedRadioListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadFixedRadioListFieldComponent, selectors: [["ccd-read-fixed-radio-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 6, consts: [[1, "text-16"]], template: function ReadFixedRadioListFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "span", 0);
         i0.ɵɵtext(1);
-        i0.ɵɵpipe(2, "ccdFixedRadioList");
+        i0.ɵɵpipe(2, "rpxTranslate");
+        i0.ɵɵpipe(3, "ccdFixedRadioList");
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx.caseField.value, ctx.caseField.field_type.fixed_list_items));
-    } }, pipes: [FixedRadioListPipe], encapsulation: 2 });
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, i0.ɵɵpipeBind2(3, 3, ctx.caseField.value, ctx.caseField.field_type.fixed_list_items)));
+    } }, pipes: [i1.RpxTranslatePipe, FixedRadioListPipe], encapsulation: 2 });
 const ɵReadFixedRadioListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(ReadFixedRadioListFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadFixedRadioListFieldComponent, [{
         type: Component,
         args: [{
                 selector: 'ccd-read-fixed-radio-list-field',
-                template: '<span class="text-16">{{caseField.value | ccdFixedRadioList:caseField.field_type.fixed_list_items}}</span>',
+                template: '<span class="text-16">{{caseField.value | ccdFixedRadioList:caseField.field_type.fixed_list_items | rpxTranslate}}</span>',
             }]
     }], null, null); })();
 
@@ -15210,20 +15225,21 @@ const ɵWritePhoneUKFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInherit
 class ReadTextAreaFieldComponent extends AbstractFieldReadComponent {
 }
 ReadTextAreaFieldComponent.ɵfac = function ReadTextAreaFieldComponent_Factory(t) { return ɵReadTextAreaFieldComponent_BaseFactory(t || ReadTextAreaFieldComponent); };
-ReadTextAreaFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadTextAreaFieldComponent, selectors: [["ccd-read-text-area-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[2, "white-space", "pre-wrap"]], template: function ReadTextAreaFieldComponent_Template(rf, ctx) { if (rf & 1) {
+ReadTextAreaFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadTextAreaFieldComponent, selectors: [["ccd-read-text-area-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 3, consts: [[2, "white-space", "pre-wrap"]], template: function ReadTextAreaFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "span", 0);
         i0.ɵɵtext(1);
+        i0.ɵɵpipe(2, "rpxTranslate");
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate(ctx.caseField.value);
-    } }, encapsulation: 2 });
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx.caseField.value));
+    } }, pipes: [i1.RpxTranslatePipe], encapsulation: 2 });
 const ɵReadTextAreaFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(ReadTextAreaFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadTextAreaFieldComponent, [{
         type: Component,
         args: [{
                 selector: 'ccd-read-text-area-field',
-                template: `<span style="white-space: pre-wrap">{{caseField.value}}</span>`
+                template: `<span style="white-space: pre-wrap">{{caseField.value | rpxTranslate}}</span>`
             }]
     }], null, null); })();
 
@@ -15314,20 +15330,21 @@ WriteTextAreaFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteTextArea
 class ReadTextFieldComponent extends AbstractFieldReadComponent {
 }
 ReadTextFieldComponent.ɵfac = function ReadTextFieldComponent_Factory(t) { return ɵReadTextFieldComponent_BaseFactory(t || ReadTextFieldComponent); };
-ReadTextFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadTextFieldComponent, selectors: [["ccd-read-text-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "text-16"]], template: function ReadTextFieldComponent_Template(rf, ctx) { if (rf & 1) {
+ReadTextFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadTextFieldComponent, selectors: [["ccd-read-text-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 3, consts: [[1, "text-16"]], template: function ReadTextFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "span", 0);
         i0.ɵɵtext(1);
+        i0.ɵɵpipe(2, "rpxTranslate");
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate(ctx.caseField.value);
-    } }, encapsulation: 2 });
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx.caseField.value));
+    } }, pipes: [i1.RpxTranslatePipe], encapsulation: 2 });
 const ɵReadTextFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(ReadTextFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadTextFieldComponent, [{
         type: Component,
         args: [{
                 selector: 'ccd-read-text-field',
-                template: `<span class="text-16">{{caseField.value}}</span>`
+                template: `<span class="text-16">{{caseField.value | rpxTranslate}}</span>`
             }]
     }], null, null); })();
 
@@ -15507,19 +15524,20 @@ class ReadYesNoFieldComponent extends AbstractFieldReadComponent {
     }
 }
 ReadYesNoFieldComponent.ɵfac = function ReadYesNoFieldComponent_Factory(t) { return new (t || ReadYesNoFieldComponent)(i0.ɵɵdirectiveInject(YesNoService)); };
-ReadYesNoFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadYesNoFieldComponent, selectors: [["ccd-read-yes-no-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "text-16"]], template: function ReadYesNoFieldComponent_Template(rf, ctx) { if (rf & 1) {
+ReadYesNoFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadYesNoFieldComponent, selectors: [["ccd-read-yes-no-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 3, consts: [[1, "text-16"]], template: function ReadYesNoFieldComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "span", 0);
         i0.ɵɵtext(1);
+        i0.ɵɵpipe(2, "rpxTranslate");
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate(ctx.formattedValue);
-    } }, encapsulation: 2 });
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx.formattedValue));
+    } }, pipes: [i1.RpxTranslatePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadYesNoFieldComponent, [{
         type: Component,
         args: [{
                 selector: 'ccd-read-yes-no-field',
-                template: `<span class="text-16">{{formattedValue}}</span>`
+                template: `<span class="text-16">{{formattedValue | rpxTranslate}}</span>`
             }]
     }], function () { return [{ type: YesNoService }]; }, null); })();
 
@@ -15830,6 +15848,7 @@ class FieldWriteComponent extends AbstractFieldWriteComponent {
         }
         component.instance['isExpanded'] = this.isExpanded;
         component.instance['isInSearchBlock'] = this.isInSearchBlock;
+        console.log(component.instance);
         this.fieldContainer.insert(component.hostView);
         // EUI-3267.
         // Set up the flag for whether this can have a grey bar.
@@ -18135,59 +18154,64 @@ UpdateFlagComponent.ɵcmp = i0.ɵɵdefineComponent({ type: UpdateFlagComponent,
             type: Output
         }] }); })();
 
-function CaseFlagSummaryListComponent_dl_0_div_16_Template(rf, ctx) { if (rf & 1) {
+function CaseFlagSummaryListComponent_dl_0_div_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
     i0.ɵɵelementStart(1, "dt", 3);
     i0.ɵɵtext(2, " Status ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "dd", 4);
     i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "rpxTranslate");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.flagStatus, " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 1, ctx_r1.flagStatus), " ");
 } }
 function CaseFlagSummaryListComponent_dl_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "dl", 1);
     i0.ɵɵelementStart(1, "div", 2);
     i0.ɵɵelementStart(2, "dt", 3);
     i0.ɵɵtext(3);
+    i0.ɵɵpipe(4, "rpxTranslate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "dd", 4);
-    i0.ɵɵtext(5);
+    i0.ɵɵelementStart(5, "dd", 4);
+    i0.ɵɵtext(6);
+    i0.ɵɵpipe(7, "rpxTranslate");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 2);
-    i0.ɵɵelementStart(7, "dt", 3);
-    i0.ɵɵtext(8, " Flag type ");
+    i0.ɵɵelementStart(8, "div", 2);
+    i0.ɵɵelementStart(9, "dt", 3);
+    i0.ɵɵtext(10, " Flag type ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "dd", 4);
-    i0.ɵɵtext(10);
+    i0.ɵɵelementStart(11, "dd", 4);
+    i0.ɵɵtext(12);
+    i0.ɵɵpipe(13, "rpxTranslate");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 2);
-    i0.ɵɵelementStart(12, "dt", 3);
-    i0.ɵɵtext(13, " Comments ");
+    i0.ɵɵelementStart(14, "div", 2);
+    i0.ɵɵelementStart(15, "dt", 3);
+    i0.ɵɵtext(16, " Comments ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "dd", 4);
-    i0.ɵɵtext(15);
+    i0.ɵɵelementStart(17, "dd", 4);
+    i0.ɵɵtext(18);
+    i0.ɵɵpipe(19, "rpxTranslate");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(16, CaseFlagSummaryListComponent_dl_0_div_16_Template, 5, 1, "div", 5);
+    i0.ɵɵtemplate(20, CaseFlagSummaryListComponent_dl_0_div_20_Template, 6, 3, "div", 5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.addUpdateFlagHeaderText, " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 5, ctx_r0.addUpdateFlagHeaderText), " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 7, ctx_r0.flagForSummaryDisplay.partyName || ctx_r0.caseLevelLocation), " ");
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 9, ctx_r0.flagDescription), " ");
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(19, 11, ctx_r0.flagComments), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.flagForSummaryDisplay.partyName || ctx_r0.caseLevelLocation, " ");
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.flagDescription, " ");
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.flagComments, " ");
-    i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r0.summaryListDisplayMode === ctx_r0.displayMode.MANAGE);
 } }
 class CaseFlagSummaryListComponent {
@@ -18212,10 +18236,10 @@ class CaseFlagSummaryListComponent {
 }
 CaseFlagSummaryListComponent.ɵfac = function CaseFlagSummaryListComponent_Factory(t) { return new (t || CaseFlagSummaryListComponent)(); };
 CaseFlagSummaryListComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFlagSummaryListComponent, selectors: [["ccd-case-flag-summary-list"]], inputs: { flagForSummaryDisplay: "flagForSummaryDisplay", summaryListDisplayMode: "summaryListDisplayMode" }, decls: 1, vars: 1, consts: [["class", "govuk-summary-list", 4, "ngIf"], [1, "govuk-summary-list"], [1, "govuk-summary-list__row"], [1, "govuk-summary-list__key"], [1, "govuk-summary-list__value"], ["class", "govuk-summary-list__row", 4, "ngIf"]], template: function CaseFlagSummaryListComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, CaseFlagSummaryListComponent_dl_0_Template, 17, 5, "dl", 0);
+        i0.ɵɵtemplate(0, CaseFlagSummaryListComponent_dl_0_Template, 21, 13, "dl", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.flagForSummaryDisplay);
-    } }, directives: [i2.NgIf], encapsulation: 2 });
+    } }, directives: [i2.NgIf], pipes: [i1.RpxTranslatePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFlagSummaryListComponent, [{
         type: Component,
         args: [{
@@ -22533,7 +22557,7 @@ i0.ɵɵsetComponentScope(ReadComplexFieldRawComponent, [i2.NgForOf, FieldReadCom
 i0.ɵɵsetComponentScope(ReadComplexFieldTableComponent, [i2.NgForOf, i2.NgIf, FieldReadComponent], [i1.RpxTranslatePipe, ReadFieldsFilterPipe, IsCompoundPipe]);
 i0.ɵɵsetComponentScope(ReadComplexFieldCollectionTableComponent, [i2.NgForOf, i2.NgIf, FieldReadComponent,
     ReadCaseLinkFieldComponent], [i1.RpxTranslatePipe, ReadFieldsFilterPipe, CcdCollectionTableCaseFieldsFilterPipe, i2.KeyValuePipe, IsCompoundPipe]);
-i0.ɵɵsetComponentScope(ReadCaseFlagFieldComponent, [i2.NgSwitch, i2.NgSwitchCase, CaseFlagSummaryListComponent, i2.NgSwitchDefault, i2.NgForOf, i2.NgIf, CaseFlagTableComponent], []);
+i0.ɵɵsetComponentScope(ReadCaseFlagFieldComponent, [i2.NgSwitch, i2.NgSwitchCase, CaseFlagSummaryListComponent, i2.NgSwitchDefault, i2.NgForOf, i2.NgIf, CaseFlagTableComponent], [i1.RpxTranslatePipe]);
 i0.ɵɵsetComponentScope(ReadLinkedCasesComponent, [LinkedCasesToTableComponent, i2.NgIf, LinkedCasesFromTableComponent], []);
 i0.ɵɵsetComponentScope(WriteAddressFieldComponent, [i2.NgIf, i2.NgClass, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.FormControlDirective, i2$1.SelectControlValueAccessor, i2.NgForOf, i2$1.NgSelectOption, i2$1.ɵangular_packages_forms_forms_z, WriteComplexFieldComponent, i2$1.NgControlStatusGroup, i2$1.FormGroupDirective], [i1.RpxTranslatePipe, FieldLabelPipe]);
 i0.ɵɵsetComponentScope(WriteComplexFieldComponent, [i2.NgIf, i2.NgForOf, i2.NgSwitch, i2.NgSwitchCase, FieldReadComponent, LabelSubstitutorDirective, i2$1.NgControlStatusGroup, i2$1.FormGroupDirective, FieldWriteComponent], [i1.RpxTranslatePipe, FieldLabelPipe, IsReadOnlyPipe]);
@@ -24866,22 +24890,24 @@ function WorkbasketFiltersComponent_option_16_Template(rf, ctx) { if (rf & 1) {
 function WorkbasketFiltersComponent_option_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "option", 11);
     i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ct_r7 = ctx.$implicit;
     i0.ɵɵproperty("ngValue", ct_r7);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ct_r7.name);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, ct_r7.name));
 } }
 function WorkbasketFiltersComponent_option_25_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "option", 11);
     i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const cs_r8 = ctx.$implicit;
     i0.ɵɵproperty("ngValue", cs_r8);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(cs_r8.name);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, cs_r8.name));
 } }
 function WorkbasketFiltersComponent_ng_container_26_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
@@ -25202,7 +25228,7 @@ WorkbasketFiltersComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WorkbasketFilt
         i0.ɵɵelementStart(15, "select", 8);
         i0.ɵɵlistener("ngModelChange", function WorkbasketFiltersComponent_Template_select_ngModelChange_15_listener($event) { return ctx.selected.caseType = $event; })("change", function WorkbasketFiltersComponent_Template_select_change_15_listener() { return ctx.onCaseTypeIdChange(); });
         i0.ɵɵtemplate(16, WorkbasketFiltersComponent_option_16_Template, 2, 1, "option", 5);
-        i0.ɵɵtemplate(17, WorkbasketFiltersComponent_option_17_Template, 2, 2, "option", 6);
+        i0.ɵɵtemplate(17, WorkbasketFiltersComponent_option_17_Template, 3, 4, "option", 6);
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
         i0.ɵɵelementStart(18, "div", 2);
@@ -25215,7 +25241,7 @@ WorkbasketFiltersComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WorkbasketFilt
         i0.ɵɵelementStart(23, "option", 11);
         i0.ɵɵtext(24, "Any");
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(25, WorkbasketFiltersComponent_option_25_Template, 2, 2, "option", 6);
+        i0.ɵɵtemplate(25, WorkbasketFiltersComponent_option_25_Template, 3, 4, "option", 6);
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
         i0.ɵɵtemplate(26, WorkbasketFiltersComponent_ng_container_26_Template, 3, 3, "ng-container", 12);
@@ -30797,11 +30823,11 @@ function SearchResultComponent_table_0_th_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("checked", ctx_r6.allOnPageSelected())("disabled", !ctx_r6.canAnyBeShared());
 } }
-function SearchResultComponent_table_0_th_11_div_6_Template(rf, ctx) { if (rf & 1) {
+function SearchResultComponent_table_0_th_11_div_8_Template(rf, ctx) { if (rf & 1) {
     const _r19 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 27);
     i0.ɵɵelementStart(1, "a", 28);
-    i0.ɵɵlistener("click", function SearchResultComponent_table_0_th_11_div_6_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r19); const col_r15 = i0.ɵɵnextContext().$implicit; const ctx_r17 = i0.ɵɵnextContext(2); return ctx_r17.sort(col_r15); });
+    i0.ɵɵlistener("click", function SearchResultComponent_table_0_th_11_div_8_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r19); const col_r15 = i0.ɵɵnextContext().$implicit; const ctx_r17 = i0.ɵɵnextContext(2); return ctx_r17.sort(col_r15); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -30814,13 +30840,15 @@ function SearchResultComponent_table_0_th_11_Template(rf, ctx) { if (rf & 1) {
     const _r22 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "th");
     i0.ɵɵelementStart(1, "table", 24);
-    i0.ɵɵelementStart(2, "tr");
-    i0.ɵɵelementStart(3, "th");
-    i0.ɵɵelementStart(4, "div", 25);
-    i0.ɵɵlistener("click", function SearchResultComponent_table_0_th_11_Template_div_click_4_listener() { i0.ɵɵrestoreView(_r22); const col_r15 = ctx.$implicit; const ctx_r21 = i0.ɵɵnextContext(2); return ctx_r21.sort(col_r15); });
-    i0.ɵɵtext(5);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementStart(3, "tr");
+    i0.ɵɵelementStart(4, "th");
+    i0.ɵɵelementStart(5, "div", 25);
+    i0.ɵɵlistener("click", function SearchResultComponent_table_0_th_11_Template_div_click_5_listener() { i0.ɵɵrestoreView(_r22); const col_r15 = ctx.$implicit; const ctx_r21 = i0.ɵɵnextContext(2); return ctx_r21.sort(col_r15); });
+    i0.ɵɵtext(6);
+    i0.ɵɵpipe(7, "rpxTranslate");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(6, SearchResultComponent_table_0_th_11_div_6_Template, 2, 1, "div", 26);
+    i0.ɵɵtemplate(8, SearchResultComponent_table_0_th_11_div_8_Template, 2, 1, "div", 26);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -30829,10 +30857,10 @@ function SearchResultComponent_table_0_th_11_Template(rf, ctx) { if (rf & 1) {
     const col_r15 = ctx.$implicit;
     const ctx_r7 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵattribute("aria-label", "Sort by " + col_r15.label + " " + ctx_r7.isSortAscending(col_r15) ? "ascending" : "descending");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(col_r15.label);
-    i0.ɵɵadvance(1);
+    i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(2, 3, "Sort by " + col_r15.label + " " + ctx_r7.isSortAscending(col_r15) ? "ascending" : "descending"));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 5, col_r15.label), " ");
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", ctx_r7.comparator(col_r15));
 } }
 function SearchResultComponent_table_0_th_12_Template(rf, ctx) { if (rf & 1) {
@@ -31103,7 +31131,7 @@ function SearchResultComponent_table_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(8, "thead");
     i0.ɵɵelementStart(9, "tr", 7);
     i0.ɵɵtemplate(10, SearchResultComponent_table_0_th_10_Template, 4, 2, "th", 8);
-    i0.ɵɵtemplate(11, SearchResultComponent_table_0_th_11_Template, 7, 3, "th", 9);
+    i0.ɵɵtemplate(11, SearchResultComponent_table_0_th_11_Template, 9, 7, "th", 9);
     i0.ɵɵtemplate(12, SearchResultComponent_table_0_th_12_Template, 1, 0, "th", 10);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -31115,7 +31143,7 @@ function SearchResultComponent_table_0_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r0.caseState ? "Your cases" : i0.ɵɵpipeBind1(4, 9, "Search result"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 9, ctx_r0.caseState ? "Your cases" : "Search result"));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", ctx_r0.paginationLimitEnforced);
     i0.ɵɵadvance(1);