@hmcts/ccd-case-ui-toolkit 7.4.8-v1 → 7.4.9

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

@@ -35110,90 +35110,90 @@ class DocumentUrlPipe {
 class EventLogDetailsComponent {
     event;
     static ɵfac = function EventLogDetailsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EventLogDetailsComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EventLogDetailsComponent, selectors: [["ccd-event-log-details"]], inputs: { event: "event" }, standalone: false, decls: 57, vars: 39, consts: [[1, "heading-h2"], ["aria-live", "polite", 1, "govuk-summary-list", "govuk-summary-list--no-border", "EventLogDetails"], [1, "govuk-summary-list__row"], [1, "govuk-summary-list__key"], [1, "text-16"], [1, "govuk-summary-list__value"], [1, "tooltip", "text-16"]], template: function EventLogDetailsComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "h2", 0);
-            i0.ɵɵtext(1);
-            i0.ɵɵpipe(2, "rpxTranslate");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(3, "dl", 1)(4, "div", 2)(5, "dt", 3)(6, "span", 4);
-            i0.ɵɵtext(7);
-            i0.ɵɵpipe(8, "rpxTranslate");
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EventLogDetailsComponent, selectors: [["ccd-event-log-details"]], inputs: { event: "event" }, standalone: false, decls: 59, vars: 39, consts: [["tabindex", "0", 1, "EventLogDetails"], [1, "heading-h2"], ["tabindex", "0", "aria-live", "polite"], [1, "text-16"], [1, "tooltip", "text-16"]], template: function EventLogDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "table", 0)(1, "caption")(2, "h2", 1);
+            i0.ɵɵtext(3);
+            i0.ɵɵpipe(4, "rpxTranslate");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(9, "dd", 5)(10, "div", 6);
-            i0.ɵɵtext(11);
-            i0.ɵɵpipe(12, "ccdDate");
+            i0.ɵɵelementStart(5, "tbody", 2)(6, "tr")(7, "th")(8, "span", 3);
+            i0.ɵɵtext(9);
+            i0.ɵɵpipe(10, "rpxTranslate");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(11, "td")(12, "div", 4);
+            i0.ɵɵtext(13);
+            i0.ɵɵpipe(14, "ccdDate");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(13, "div", 2)(14, "dt", 3)(15, "span", 4);
-            i0.ɵɵtext(16);
-            i0.ɵɵpipe(17, "rpxTranslate");
+            i0.ɵɵelementStart(15, "tr")(16, "th")(17, "span", 3);
+            i0.ɵɵtext(18);
+            i0.ɵɵpipe(19, "rpxTranslate");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(18, "dd", 5)(19, "span", 4);
-            i0.ɵɵtext(20);
-            i0.ɵɵpipe(21, "titlecase");
-            i0.ɵɵpipe(22, "uppercase");
+            i0.ɵɵelementStart(20, "td")(21, "span", 3);
+            i0.ɵɵtext(22);
+            i0.ɵɵpipe(23, "titlecase");
+            i0.ɵɵpipe(24, "uppercase");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(23, "div", 2)(24, "dt", 3)(25, "span", 4);
-            i0.ɵɵtext(26);
-            i0.ɵɵpipe(27, "rpxTranslate");
+            i0.ɵɵelementStart(25, "tr")(26, "th")(27, "span", 3);
+            i0.ɵɵtext(28);
+            i0.ɵɵpipe(29, "rpxTranslate");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(28, "dd", 5)(29, "span", 4);
-            i0.ɵɵtext(30);
+            i0.ɵɵelementStart(30, "td")(31, "span", 3);
+            i0.ɵɵtext(32);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(31, "div", 2)(32, "dt", 3)(33, "span", 4);
-            i0.ɵɵtext(34);
-            i0.ɵɵpipe(35, "rpxTranslate");
+            i0.ɵɵelementStart(33, "tr")(34, "th")(35, "span", 3);
+            i0.ɵɵtext(36);
+            i0.ɵɵpipe(37, "rpxTranslate");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(36, "dd", 5)(37, "span", 4);
-            i0.ɵɵtext(38);
+            i0.ɵɵelementStart(38, "td")(39, "span", 3);
+            i0.ɵɵtext(40);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(39, "div", 2)(40, "dt", 3)(41, "span", 4);
-            i0.ɵɵtext(42);
-            i0.ɵɵpipe(43, "rpxTranslate");
+            i0.ɵɵelementStart(41, "tr")(42, "th")(43, "span", 3);
+            i0.ɵɵtext(44);
+            i0.ɵɵpipe(45, "rpxTranslate");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(44, "dd", 5)(45, "span", 4);
-            i0.ɵɵtext(46);
-            i0.ɵɵpipe(47, "ccdDash");
+            i0.ɵɵelementStart(46, "td")(47, "span", 3);
+            i0.ɵɵtext(48);
+            i0.ɵɵpipe(49, "ccdDash");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(48, "div", 2)(49, "dt", 3)(50, "span", 4);
-            i0.ɵɵtext(51);
-            i0.ɵɵpipe(52, "rpxTranslate");
+            i0.ɵɵelementStart(50, "tr")(51, "th")(52, "span", 3);
+            i0.ɵɵtext(53);
+            i0.ɵɵpipe(54, "rpxTranslate");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(53, "dd", 5)(54, "span", 4);
-            i0.ɵɵtext(55);
-            i0.ɵɵpipe(56, "ccdDash");
-            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementStart(55, "td")(56, "span", 3);
+            i0.ɵɵtext(57);
+            i0.ɵɵpipe(58, "ccdDash");
+            i0.ɵɵelementEnd()()()()();
         } if (rf & 2) {
-            i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 14, "Details"));
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 14, "Details"));
             i0.ɵɵadvance(6);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 16, "Date"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(10, 16, "Date"));
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(12, 18, ctx.event.timestamp, "local"), " ");
+            i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(14, 18, ctx.event.timestamp, "local"), " ");
             i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(17, 21, "Author"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(19, 21, "Author"));
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(21, 23, ctx.event.user_first_name), " ", i0.ɵɵpipeBind1(22, 25, ctx.event.user_last_name));
+            i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(23, 23, ctx.event.user_first_name), " ", i0.ɵɵpipeBind1(24, 25, ctx.event.user_last_name));
             i0.ɵɵadvance(6);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(27, 27, "End state"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(29, 27, "End state"));
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate(ctx.event.state_name);
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(35, 29, "Event"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(37, 29, "Event"));
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate(ctx.event.event_name);
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(43, 31, "Summary"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(45, 31, "Summary"));
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(47, 33, ctx.event.summary));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(49, 33, ctx.event.summary));
             i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(52, 35, "Comment"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(54, 35, "Comment"));
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(56, 37, ctx.event.comment));
-        } }, dependencies: [i5.UpperCasePipe, i5.TitleCasePipe, DatePipe, DashPipe, i1.RpxTranslatePipe], styles: [".EventLogDetails[_ngcontent-%COMP%]   .govuk-summary-list__key[_ngcontent-%COMP%]{font-weight:400}"] });
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(58, 37, ctx.event.comment));
+        } }, dependencies: [i5.UpperCasePipe, i5.TitleCasePipe, DatePipe, DashPipe, i1.RpxTranslatePipe], styles: [".EventLogDetails[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], .EventLogDetails[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{border-bottom:none}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EventLogDetailsComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-event-log-details', standalone: false, template: "<h2 class=\"heading-h2\">{{'Details' | rpxTranslate}}</h2>\n<dl class=\"govuk-summary-list govuk-summary-list--no-border EventLogDetails\" aria-live=\"polite\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\"><span class=\"text-16\">{{'Date' | rpxTranslate}}</span></dt>\n    <dd class=\"govuk-summary-list__value\">\n      <div class=\"tooltip text-16\">{{event.timestamp | ccdDate : 'local'}}\n      </div>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\"><span class=\"text-16\">{{'Author' | rpxTranslate}}</span></dt>\n    <dd class=\"govuk-summary-list__value\"><span class=\"text-16\">{{event.user_first_name | titlecase}} {{event.user_last_name | uppercase}}</span></dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\"><span class=\"text-16\">{{'End state' | rpxTranslate}}</span></dt>\n    <dd class=\"govuk-summary-list__value\"><span class=\"text-16\">{{event.state_name}}</span></dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\"><span class=\"text-16\">{{'Event' | rpxTranslate}}</span></dt>\n    <dd class=\"govuk-summary-list__value\"><span class=\"text-16\">{{event.event_name}}</span></dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\"><span class=\"text-16\">{{'Summary' | rpxTranslate}}</span></dt>\n    <dd class=\"govuk-summary-list__value\"><span class=\"text-16\">{{event.summary | ccdDash}}</span></dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\"><span class=\"text-16\">{{'Comment' | rpxTranslate}}</span></dt>\n    <dd class=\"govuk-summary-list__value\"><span class=\"text-16\">{{event.comment | ccdDash}}</span></dd>\n  </div>\n</dl>\n", styles: [".EventLogDetails .govuk-summary-list__key{font-weight:400}\n"] }]
+        args: [{ selector: 'ccd-event-log-details', standalone: false, template: "<table tabindex=\"0\" class=\"EventLogDetails\">\n  <caption><h2 class=\"heading-h2\">{{'Details' | rpxTranslate}}</h2></caption>\n  <tbody tabindex=\"0\" aria-live=\"polite\">\n    <tr>\n      <th><span class=\"text-16\">{{'Date' | rpxTranslate}}</span></th>\n      <td>\n        <div class=\"tooltip text-16\">{{event.timestamp | ccdDate : 'local'}}\n        </div>\n      </td>\n    </tr>\n    <tr>\n      <th><span class=\"text-16\">{{'Author' | rpxTranslate}}</span></th>\n      <td><span class=\"text-16\">{{event.user_first_name | titlecase}} {{event.user_last_name | uppercase}}</span></td>\n    </tr>\n    <tr>\n      <th><span class=\"text-16\">{{'End state' | rpxTranslate}}</span></th>\n      <td><span class=\"text-16\">{{event.state_name}}</span></td>\n    </tr>\n    <tr>\n      <th><span class=\"text-16\">{{'Event' | rpxTranslate}}</span></th>\n      <td><span class=\"text-16\">{{event.event_name}}</span></td>\n    </tr>\n    <tr>\n      <th><span class=\"text-16\">{{'Summary' | rpxTranslate}}</span></th>\n      <td><span class=\"text-16\">{{event.summary | ccdDash}}</span></td>\n    </tr>\n    <tr>\n      <th><span class=\"text-16\">{{'Comment' | rpxTranslate}}</span></th>\n      <td><span class=\"text-16\">{{event.comment | ccdDash}}</span></td>\n    </tr>\n  </tbody>\n</table>\n", styles: [".EventLogDetails th,.EventLogDetails td{border-bottom:none}\n"] }]
     }], null, { event: [{
             type: Input
         }] }); })();
@@ -41188,7 +41188,7 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_3_Template(rf, ctx)
     i0.ɵɵproperty("id", tab_r6.id)("label", i0.ɵɵpipeBind1(1, 2, tab_r6.label));
 } }
 function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_4_th_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 39)(1, "div", 40);
+    i0.ɵɵelementStart(0, "th", 38)(1, "div", 39);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "rpxTranslate");
     i0.ɵɵelementEnd()();
@@ -41199,51 +41199,52 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, field_r7.label));
 } }
 function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr", 34);
-    i0.ɵɵtemplate(1, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_4_th_1_Template, 4, 4, "th", 35);
-    i0.ɵɵelementStart(2, "td", 36)(3, "span", 37);
-    i0.ɵɵelement(4, "ccd-field-read", 38);
+    i0.ɵɵelementStart(0, "tr");
+    i0.ɵɵtemplate(1, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_4_th_1_Template, 4, 4, "th", 34);
+    i0.ɵɵelementStart(2, "td", 35)(3, "span", 36);
+    i0.ɵɵelement(4, "ccd-field-read", 37);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const field_r7 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("hidden", field_r7.hidden);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.hasFieldLabel(field_r7));
+    i0.ɵɵproperty("ngIf", !ctx_r1.isFieldToHaveNoLabel(field_r7) && field_r7.label);
     i0.ɵɵadvance();
     i0.ɵɵproperty("id", "case-viewer-field-read--" + field_r7.id);
-    i0.ɵɵattribute("colspan", ctx_r1.hasFieldLabel(field_r7) ? null : 2);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("topLevelFormGroup", ctx_r1.formGroup == null ? null : ctx_r1.formGroup.controls["data"])("caseFields", ctx_r1.caseFields)("caseField", field_r7)("caseReference", ctx_r1.caseDetails.case_id);
 } }
 function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr", 41)(1, "td", 42);
+    i0.ɵɵelementStart(0, "tr", 40)(1, "td", 41);
     i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵelementStart(3, "span", 37);
-    i0.ɵɵelement(4, "ccd-field-read", 38);
+    i0.ɵɵelementStart(3, "span", 36);
+    i0.ɵɵelement(4, "ccd-field-read", 37);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const field_r7 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("hidden", field_r7.hidden);
     i0.ɵɵadvance();
     i0.ɵɵproperty("id", "case-viewer-field-read--" + field_r7.id);
-    i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(2, 7, field_r7.label || field_r7.id));
+    i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(2, 6, field_r7.label || field_r7.id));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("topLevelFormGroup", ctx_r1.formGroup.controls["data"])("caseFields", ctx_r1.caseFields)("caseField", field_r7)("caseReference", ctx_r1.caseDetails.case_id);
 } }
 function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0)(1, 30)(2, 31);
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 30);
+    i0.ɵɵelementContainerStart(2, 31);
     i0.ɵɵpipe(3, "ccdIsCompound");
-    i0.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_4_Template, 5, 8, "tr", 32)(5, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_5_Template, 5, 9, "tr", 33);
-    i0.ɵɵelementContainerEnd()()();
+    i0.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_4_Template, 5, 6, "tr", 32)(5, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_5_Template, 5, 8, "tr", 33);
+    i0.ɵɵelementContainerEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const field_r7 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("caseField", field_r7)("contextFields", ctx_r1.caseFields);
+    i0.ɵɵproperty("caseField", field_r7)("contextFields", ctx_r1.caseFields)("hidden", field_r7.hidden);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngSwitch", !i0.ɵɵpipeBind1(3, 5, field_r7));
+    i0.ɵɵproperty("ngSwitch", !i0.ɵɵpipeBind1(3, 6, field_r7));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngSwitchCase", true);
     i0.ɵɵadvance();
@@ -41253,7 +41254,7 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_Tem
     i0.ɵɵelementStart(0, "table");
     i0.ɵɵpipe(1, "rpxTranslate");
     i0.ɵɵelementStart(2, "tbody");
-    i0.ɵɵtemplate(3, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_Template, 6, 7, "ng-container", 19);
+    i0.ɵɵtemplate(3, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_Template, 6, 8, "ng-container", 19);
     i0.ɵɵpipe(4, "ccdTabFields");
     i0.ɵɵpipe(5, "ccdReadFieldsFilter");
     i0.ɵɵelementEnd()();
@@ -41725,9 +41726,6 @@ class CaseFullAccessViewComponent {
         return caseField.field_type.type === 'ComponentLauncher'
             && caseField.display_context_parameter === '#ARGUMENT(CaseFileView)';
     }
-    hasFieldLabel(caseField) {
-        return !this.isFieldToHaveNoLabel(caseField) && !!caseField.label;
-    }
     init() {
         // Clone and sort tabs array
         this.sortedTabs = this.orderService.sort(this.caseDetails?.tabs);
@@ -41779,7 +41777,7 @@ class CaseFullAccessViewComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabGroup = _t.first);
-        } }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 13, vars: 12, consts: [["tabGroup", ""], ["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "callbackErrorsContext", "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject"], [3, "caseId", "displayMode"], [1, "grid-row"], [1, "column-one-half"], [3, "caseDetails"], ["class", "case-viewer-controls", 4, "ngIf"], ["class", "column-one-half", 4, "ngIf"], ["class", "grid-row", 4, "ngIf"], [1, "column-full"], [4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h2", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], [4, "ngFor", "ngForOf"], [1, "case-viewer-controls"], ["id", "case-viewer-control-print", "routerLink", "print", 1, "button", "button-secondary"], [3, "onTriggerChange", "onTriggerSubmit", "isDisabled", "triggers", "triggerText", "eventId"], [3, "linkClicked", "notificationBannerConfig"], ["animationDuration", "0ms", 3, "selectedIndexChange", "disableRipple", "selectedIndex", "selectedIndex"], [3, "id", "label", 4, "ngFor", "ngForOf"], [3, "id", "label", "aria-label", 4, "ngFor", "ngForOf"], [3, "id", "label"], ["matTabContent", ""], [3, "id", "label", "aria-label"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields"], [3, "ngSwitch"], [3, "hidden", 4, "ngSwitchCase"], ["class", "compound-field", 3, "hidden", 4, "ngSwitchCase"], [3, "hidden"], ["scope", "row", 3, "id", 4, "ngIf"], [3, "id"], [1, "text-16"], [3, "topLevelFormGroup", "caseFields", "caseField", "caseReference"], ["scope", "row", 3, "id"], [1, "case-viewer-label", "text-16"], [1, "compound-field", 3, "hidden"], ["colspan", "2", "role", "rowheader", 3, "id"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 13, vars: 12, consts: [["tabGroup", ""], ["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "callbackErrorsContext", "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject"], [3, "caseId", "displayMode"], [1, "grid-row"], [1, "column-one-half"], [3, "caseDetails"], ["class", "case-viewer-controls", 4, "ngIf"], ["class", "column-one-half", 4, "ngIf"], ["class", "grid-row", 4, "ngIf"], [1, "column-full"], [4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h2", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], [4, "ngFor", "ngForOf"], [1, "case-viewer-controls"], ["id", "case-viewer-control-print", "routerLink", "print", 1, "button", "button-secondary"], [3, "onTriggerChange", "onTriggerSubmit", "isDisabled", "triggers", "triggerText", "eventId"], [3, "linkClicked", "notificationBannerConfig"], ["animationDuration", "0ms", 3, "selectedIndexChange", "disableRipple", "selectedIndex", "selectedIndex"], [3, "id", "label", 4, "ngFor", "ngForOf"], [3, "id", "label", "aria-label", 4, "ngFor", "ngForOf"], [3, "id", "label"], ["matTabContent", ""], [3, "id", "label", "aria-label"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "hidden"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "compound-field", 4, "ngSwitchCase"], ["scope", "row", 3, "id", 4, "ngIf"], ["scope", "col", 3, "id"], [1, "text-16"], [3, "topLevelFormGroup", "caseFields", "caseField", "caseReference"], ["scope", "row", 3, "id"], [1, "case-viewer-label", "text-16"], [1, "compound-field"], ["role", "rowheader", 3, "id"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, CaseFullAccessViewComponent_div_0_Template, 14, 12, "div", 1)(1, CaseFullAccessViewComponent_div_1_Template, 8, 7, "div", 1);
             i0.ɵɵelementStart(2, "ccd-callback-errors", 2);
             i0.ɵɵlistener("callbackErrorsContext", function CaseFullAccessViewComponent_Template_ccd_callback_errors_callbackErrorsContext_2_listener($event) { return ctx.callbackErrorsNotify($event); });
@@ -41817,7 +41815,7 @@ class CaseFullAccessViewComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFullAccessViewComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-case-full-access-view', standalone: false, template: "<!-- Generic error heading and error message to be displayed only if there are no specific callback errors or warnings, or no error details -->\n<div *ngIf=\"error && !(error.callbackErrors || error.callbackWarnings || error.details)\" class=\"error-summary\"\n     role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h1 class=\"heading-h1 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n    {{'Something went wrong' | rpxTranslate}}\n  </h1>\n  <div class=\"govuk-error-summary__body\" id=\"edit-case-event_error-summary-body\">\n    <p>{{\"We're working to fix the problem. Try again shortly.\" | rpxTranslate}}</p>\n    <p>\n      <a href=\"get-help\" target=\"_blank\">\n        {{\"Contact us\" | rpxTranslate}}</a> {{\"if you're still having problems.\" | rpxTranslate}}\n    </p>\n  </div>\n</div>\n<!-- Callback error heading and error message to be displayed if there are specific error details -->\n<div *ngIf=\"error && error.details\" class=\"error-summary\" role=\"group\"\n     aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h2 class=\"heading-h2 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n    {{'The callback data failed validation' | rpxTranslate}}\n  </h2>\n  <p>{{error.message | rpxTranslate}}</p>\n  <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n    <li *ngFor=\"let fieldError of error.details.field_errors\">\n      {{fieldError.message | rpxTranslate}}\n    </li>\n  </ul>\n</div>\n<ccd-callback-errors\n  [triggerTextContinue]=\"triggerTextStart\"\n  [triggerTextIgnore]=\"triggerTextIgnoreWarnings\"\n  [callbackErrorsSubject]=\"callbackErrorsSubject\"\n  (callbackErrorsContext)=\"callbackErrorsNotify($event)\">\n</ccd-callback-errors>\n<ccd-activity [caseId]=\"caseDetails.case_id\" [displayMode]=\"BANNER\"></ccd-activity>\n<div class=\"grid-row\">\n  <div class=\"column-one-half\">\n    <ccd-case-header [caseDetails]=\"caseDetails\"></ccd-case-header>\n    <div class=\"case-viewer-controls\" *ngIf=\"hasPrint && !isDraft() && isPrintEnabled()\">\n      <a id=\"case-viewer-control-print\" routerLink=\"print\" class=\"button button-secondary\">{{'Print' | rpxTranslate}}</a>\n    </div>\n  </div>\n  <div *ngIf=\"hasEventSelector\" class=\"column-one-half\">\n    <ccd-event-trigger [isDisabled]=\"isTriggerButtonDisabled()\" [triggers]=\"caseDetails.triggers\"\n                       [triggerText]=\"triggerText\"\n                       [eventId]=\"eventId\"\n                       (onTriggerChange)=\"clearErrorsAndWarnings()\"\n                       (onTriggerSubmit)=\"applyTrigger($event)\"></ccd-event-trigger>\n  </div>\n</div>\n<div class=\"grid-row\" *ngIf=\"activeCaseFlags && !caseFlagsExternalUser\">\n  <div class=\"column-full\">\n    <ccd-notification-banner [notificationBannerConfig]=\"notificationBannerConfig\" (linkClicked)=\"onLinkClicked($event)\">\n    </ccd-notification-banner>\n  </div>\n</div>\n<div class=\"grid-row\">\n  <div class=\"column-full\">\n    <ng-container *ngIf=\"hasTabsPresent()\">\n      <mat-tab-group #tabGroup animationDuration=\"0ms\" (selectedIndexChange)=\"tabChanged($event)\" [disableRipple]=\"true\" [(selectedIndex)]=\"selectedTabIndex\"\n        [selectedIndex]=\"selectedTabIndex\">\n        <mat-tab *ngFor=\"let tab of prependedTabs\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\">\n          <ng-template matTabContent>\n            <ng-container *ngIf=\"tab.id === 'tasks'\">\n              <exui-tasks-ce></exui-tasks-ce>\n            </ng-container>\n            <ng-container *ngIf=\"tab.id === 'roles-and-access'\">\n              <exui-roles-and-access-ce></exui-roles-and-access-ce>\n            </ng-container>\n          </ng-template>\n        </mat-tab>\n        <mat-tab *ngFor=\"let tab of sortedTabs; let curIdx=index\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\" [aria-label]=\"curIdx === 0 ? tab.label + ', Please use left and right arrow keys to navigate case tabs' : '' | rpxTranslate\">\n          <ng-template matTabContent>\n            <table [class]=\"tab.id\" [attr.aria-label]=\"'case viewer table' | rpxTranslate\">\n              <tbody>\n              <ng-container *ngFor=\"let field of tab | ccdTabFields | ccdReadFieldsFilter:false :undefined :true : formGroup?.controls['data']\">\n                <ng-container ccdLabelSubstitutor [caseField]=\"field\" [contextFields]=\"caseFields\">\n                  <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n                    <tr *ngSwitchCase=\"true\" [hidden]=\"field.hidden\">\n                      <th [id]=\"'case-viewer-field-label--' + field.id\" scope=\"row\" *ngIf=\"hasFieldLabel(field)\">\n                        <div class=\"case-viewer-label text-16\">\n                          {{field.label | rpxTranslate}}</div>\n                      </th>\n                      <td [id]=\"'case-viewer-field-read--' + field.id\" [attr.colspan]=\"hasFieldLabel(field) ? null : 2\">\n                        <span class=\"text-16\">\n                          <ccd-field-read [topLevelFormGroup]=\"formGroup?.controls['data']\" [caseFields]=\"caseFields\"\n                                          [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\">\n                          </ccd-field-read>\n                        </span>\n                      </td>\n                    </tr>\n                    <tr *ngSwitchCase=\"false\" class=\"compound-field\" [hidden]=\"field.hidden\">\n                      <td colspan=\"2\" role=\"rowheader\" [attr.aria-label]=\"(field.label || field.id) | rpxTranslate\" [id]=\"'case-viewer-field-read--' + field.id\">\n                        <span class=\"text-16\">\n                          <ccd-field-read [topLevelFormGroup]=\"formGroup.controls['data']\" [caseFields]=\"caseFields\"\n                                          [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\">\n                          </ccd-field-read>\n                        </span>\n                      </td>\n                    </tr>\n                  </ng-container>\n                </ng-container>\n              </ng-container>\n              </tbody>\n            </table>\n          </ng-template>\n        </mat-tab>\n        <mat-tab *ngFor=\"let tab of appendedTabs\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\">\n          <ng-template matTabContent>\n            <ng-container *ngIf=\"tab.id === 'hearings'\">\n              <exui-case-hearings-ce></exui-case-hearings-ce>\n            </ng-container>\n          </ng-template>\n        </mat-tab>\n      </mat-tab-group>\n    </ng-container>\n  </div>\n</div>\n", styles: ["th,.compound-field>td{width:1%;white-space:nowrap;vertical-align:top}.compound-field th{padding:0}.compound-field>td{padding:0}.case-viewer-controls{margin-top:47px;margin-bottom:20px}ccd-case-header{float:left;margin-right:10px}ccd-event-trigger{float:right}.case-viewer-label{min-width:300px;white-space:normal}.markdown h3{margin-bottom:0}.hide-table-capion{position:absolute;visibility:hidden}\n"] }]
+        args: [{ selector: 'ccd-case-full-access-view', standalone: false, template: "<!-- Generic error heading and error message to be displayed only if there are no specific callback errors or warnings, or no error details -->\n<div *ngIf=\"error && !(error.callbackErrors || error.callbackWarnings || error.details)\" class=\"error-summary\"\n     role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h1 class=\"heading-h1 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n    {{'Something went wrong' | rpxTranslate}}\n  </h1>\n  <div class=\"govuk-error-summary__body\" id=\"edit-case-event_error-summary-body\">\n    <p>{{\"We're working to fix the problem. Try again shortly.\" | rpxTranslate}}</p>\n    <p>\n      <a href=\"get-help\" target=\"_blank\">\n        {{\"Contact us\" | rpxTranslate}}</a> {{\"if you're still having problems.\" | rpxTranslate}}\n    </p>\n  </div>\n</div>\n<!-- Callback error heading and error message to be displayed if there are specific error details -->\n<div *ngIf=\"error && error.details\" class=\"error-summary\" role=\"group\"\n     aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h2 class=\"heading-h2 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n    {{'The callback data failed validation' | rpxTranslate}}\n  </h2>\n  <p>{{error.message | rpxTranslate}}</p>\n  <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n    <li *ngFor=\"let fieldError of error.details.field_errors\">\n      {{fieldError.message | rpxTranslate}}\n    </li>\n  </ul>\n</div>\n<ccd-callback-errors\n  [triggerTextContinue]=\"triggerTextStart\"\n  [triggerTextIgnore]=\"triggerTextIgnoreWarnings\"\n  [callbackErrorsSubject]=\"callbackErrorsSubject\"\n  (callbackErrorsContext)=\"callbackErrorsNotify($event)\">\n</ccd-callback-errors>\n<ccd-activity [caseId]=\"caseDetails.case_id\" [displayMode]=\"BANNER\"></ccd-activity>\n<div class=\"grid-row\">\n  <div class=\"column-one-half\">\n    <ccd-case-header [caseDetails]=\"caseDetails\"></ccd-case-header>\n    <div class=\"case-viewer-controls\" *ngIf=\"hasPrint && !isDraft() && isPrintEnabled()\">\n      <a id=\"case-viewer-control-print\" routerLink=\"print\" class=\"button button-secondary\">{{'Print' | rpxTranslate}}</a>\n    </div>\n  </div>\n  <div *ngIf=\"hasEventSelector\" class=\"column-one-half\">\n    <ccd-event-trigger [isDisabled]=\"isTriggerButtonDisabled()\" [triggers]=\"caseDetails.triggers\"\n                       [triggerText]=\"triggerText\"\n                       [eventId]=\"eventId\"\n                       (onTriggerChange)=\"clearErrorsAndWarnings()\"\n                       (onTriggerSubmit)=\"applyTrigger($event)\"></ccd-event-trigger>\n  </div>\n</div>\n<div class=\"grid-row\" *ngIf=\"activeCaseFlags && !caseFlagsExternalUser\">\n  <div class=\"column-full\">\n    <ccd-notification-banner [notificationBannerConfig]=\"notificationBannerConfig\" (linkClicked)=\"onLinkClicked($event)\">\n    </ccd-notification-banner>\n  </div>\n</div>\n<div class=\"grid-row\">\n  <div class=\"column-full\">\n    <ng-container *ngIf=\"hasTabsPresent()\">\n      <mat-tab-group #tabGroup animationDuration=\"0ms\" (selectedIndexChange)=\"tabChanged($event)\" [disableRipple]=\"true\" [(selectedIndex)]=\"selectedTabIndex\"\n        [selectedIndex]=\"selectedTabIndex\">\n        <mat-tab *ngFor=\"let tab of prependedTabs\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\">\n          <ng-template matTabContent>\n            <ng-container *ngIf=\"tab.id === 'tasks'\">\n              <exui-tasks-ce></exui-tasks-ce>\n            </ng-container>\n            <ng-container *ngIf=\"tab.id === 'roles-and-access'\">\n              <exui-roles-and-access-ce></exui-roles-and-access-ce>\n            </ng-container>\n          </ng-template>\n        </mat-tab>\n        <mat-tab *ngFor=\"let tab of sortedTabs; let curIdx=index\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\" [aria-label]=\"curIdx === 0 ? tab.label + ', Please use left and right arrow keys to navigate case tabs' : '' | rpxTranslate\">\n          <ng-template matTabContent>\n            <table [class]=\"tab.id\" [attr.aria-label]=\"'case viewer table' | rpxTranslate\">\n              <tbody>\n              <ng-container *ngFor=\"let field of tab | ccdTabFields | ccdReadFieldsFilter:false :undefined :true : formGroup?.controls['data']\">\n                <div ccdLabelSubstitutor [caseField]=\"field\" [contextFields]=\"caseFields\" [hidden]=\"field.hidden\">\n                  <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n                    <tr *ngSwitchCase=\"true\">\n                      <th [id]=\"'case-viewer-field-label--' + field.id\" scope=\"row\" *ngIf=\"!isFieldToHaveNoLabel(field) && field.label\">\n                        <div class=\"case-viewer-label text-16\">\n                          {{field.label | rpxTranslate}}</div>\n                      </th>\n                      <td [id]=\"'case-viewer-field-read--' + field.id\" scope=\"col\">\n                        <span class=\"text-16\">\n                          <ccd-field-read [topLevelFormGroup]=\"formGroup?.controls['data']\" [caseFields]=\"caseFields\"\n                                          [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\">\n                          </ccd-field-read>\n                        </span>\n                      </td>\n                    </tr>\n                    <tr *ngSwitchCase=\"false\" class=\"compound-field\">\n                      <td role=\"rowheader\" [attr.aria-label]=\"(field.label || field.id) | rpxTranslate\" [id]=\"'case-viewer-field-read--' + field.id\">\n                        <span class=\"text-16\">\n                          <ccd-field-read [topLevelFormGroup]=\"formGroup.controls['data']\" [caseFields]=\"caseFields\"\n                                          [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\">\n                          </ccd-field-read>\n                        </span>\n                      </td>\n                    </tr>\n                  </ng-container>\n                </div>\n              </ng-container>\n              </tbody>\n            </table>\n          </ng-template>\n        </mat-tab>\n        <mat-tab *ngFor=\"let tab of appendedTabs\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\">\n          <ng-template matTabContent>\n            <ng-container *ngIf=\"tab.id === 'hearings'\">\n              <exui-case-hearings-ce></exui-case-hearings-ce>\n            </ng-container>\n          </ng-template>\n        </mat-tab>\n      </mat-tab-group>\n    </ng-container>\n  </div>\n</div>\n", styles: ["th,.compound-field>td{width:1%;white-space:nowrap;vertical-align:top}.compound-field th{padding:0}.compound-field>td{padding:0}.case-viewer-controls{margin-top:47px;margin-bottom:20px}ccd-case-header{float:left;margin-right:10px}ccd-event-trigger{float:right}.case-viewer-label{min-width:300px;white-space:normal}.markdown h3{margin-bottom:0}.hide-table-capion{position:absolute;visibility:hidden}\n"] }]
     }], () => [{ type: i0.NgZone }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1$3.MatLegacyDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i5.Location }, { type: i0.ChangeDetectorRef }, { type: SessionStorageService }, { type: i1.RpxTranslatePipe }, { type: LoadingService }, { type: LinkedCasesService }, { type: CaseFlagStateService }, { type: i0.NgZone }], { hasPrint: [{
             type: Input
         }], hasEventSelector: [{
@@ -45396,11 +45394,11 @@ i0.ɵɵsetComponentScope(SearchFiltersWrapperComponent, function () { return [i5
 
 const _c0 = (a0, a1, a2) => ({ itemsPerPage: a0, currentPage: a1, totalItems: a2 });
 const _c1 = () => ["value"];
-function SearchResultComponent_ng_container_0_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 16)(1, "span", 17);
+function SearchResultComponent_table_0_div_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "span", 13);
     i0.ɵɵtext(2, "!");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "strong", 18)(4, "span", 19);
+    i0.ɵɵelementStart(3, "strong", 14)(4, "span", 15);
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -45416,23 +45414,68 @@ function SearchResultComponent_ng_container_0_div_4_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate3(" ", i0.ɵɵpipeBind1(8, 6, "The total size of the result set is"), " ", i0.ɵɵpipeBind1(9, 8, ctx_r0.paginationMetadata.totalResultsCount), ". ", i0.ɵɵpipeBind1(10, 10, "Only the first 10,000 records are available for display."), " ");
 } }
-function SearchResultComponent_ng_container_0_div_24_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 20)(1, "a", 21);
-    i0.ɵɵlistener("click", function SearchResultComponent_ng_container_0_div_24_Template_a_click_1_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); ctx_r0.clearSelection(); return i0.ɵɵresetView($event.preventDefault()); });
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "rpxTranslate");
+function SearchResultComponent_table_0_div_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵelement(1, "output");
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementStart(3, "span", 17);
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "rpxTranslate");
+    i0.ɵɵelementStart(6, "span", 18);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(8);
+    i0.ɵɵpipe(9, "rpxTranslate");
+    i0.ɵɵelementStart(10, "span", 18);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(12);
+    i0.ɵɵpipe(13, "rpxTranslate");
+    i0.ɵɵelementStart(14, "span", 18);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(16);
+    i0.ɵɵpipe(17, "rpxTranslate");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, "Reset case selection"));
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("aria-label", ctx_r0.getTotalResults() + " " + i0.ɵɵpipeBind1(2, 8, "results have been found"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 10, "Showing"), " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.getFirstResult());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 12, "to"), " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.getLastResult());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 14, "of"), " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.getTotalResults());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17, 16, "results"));
+} }
+function SearchResultComponent_table_0_div_7_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 19);
+    i0.ɵɵpipe(1, "rpxTranslate");
+    i0.ɵɵelementStart(2, "span")(3, "a", 20);
+    i0.ɵɵlistener("click", function SearchResultComponent_table_0_div_7_Template_a_click_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); ctx_r0.clearSelection(); return i0.ɵɵresetView($event.preventDefault()); });
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "rpxTranslate");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 2, "Reset selection"));
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 4, "Reset case selection"));
 } }
-function SearchResultComponent_ng_container_0_td_28_Template(rf, ctx) { if (rf & 1) {
+function SearchResultComponent_table_0_td_10_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 22)(1, "div", 23)(2, "input", 24);
-    i0.ɵɵlistener("change", function SearchResultComponent_ng_container_0_td_28_Template_input_change_2_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.selectAll()); });
+    i0.ɵɵelementStart(0, "td", 21)(1, "div", 22)(2, "input", 23);
+    i0.ɵɵlistener("change", function SearchResultComponent_table_0_td_10_Template_input_change_2_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.selectAll()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "label", 25);
+    i0.ɵɵelement(3, "label", 24);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -45441,11 +45484,11 @@ function SearchResultComponent_ng_container_0_td_28_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵattribute("aria-labelledby", "select-all");
 } }
-function SearchResultComponent_ng_container_0_th_29_div_5_Template(rf, ctx) { if (rf & 1) {
+function SearchResultComponent_table_0_th_11_div_5_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 29)(1, "a", 30);
+    i0.ɵɵelementStart(0, "div", 28)(1, "a", 29);
     i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵlistener("click", function SearchResultComponent_ng_container_0_th_29_div_5_Template_a_click_1_listener($event) { i0.ɵɵrestoreView(_r6); const col_r5 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(2); ctx_r0.sort(col_r5); return i0.ɵɵresetView($event.preventDefault()); })("keyup.enter", function SearchResultComponent_ng_container_0_th_29_div_5_Template_a_keyup_enter_1_listener() { i0.ɵɵrestoreView(_r6); const col_r5 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.sort(col_r5)); });
+    i0.ɵɵlistener("click", function SearchResultComponent_table_0_th_11_div_5_Template_a_click_1_listener($event) { i0.ɵɵrestoreView(_r6); const col_r5 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(2); ctx_r0.sort(col_r5); return i0.ɵɵresetView($event.preventDefault()); })("keyup.enter", function SearchResultComponent_table_0_th_11_div_5_Template_a_keyup_enter_1_listener() { i0.ɵɵrestoreView(_r6); const col_r5 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.sort(col_r5)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const col_r5 = i0.ɵɵnextContext().$implicit;
@@ -45454,14 +45497,14 @@ function SearchResultComponent_ng_container_0_th_29_div_5_Template(rf, ctx) { if
     i0.ɵɵproperty("innerHTML", ctx_r0.sortWidget(col_r5), i0.ɵɵsanitizeHtml);
     i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(2, 2, "Sort " + col_r5.label));
 } }
-function SearchResultComponent_ng_container_0_th_29_Template(rf, ctx) { if (rf & 1) {
+function SearchResultComponent_table_0_th_11_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "th", 26)(1, "div")(2, "div", 27);
-    i0.ɵɵlistener("click", function SearchResultComponent_ng_container_0_th_29_Template_div_click_2_listener() { const col_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.sort(col_r5)); })("keyup", function SearchResultComponent_ng_container_0_th_29_Template_div_keyup_2_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.noop()); });
+    i0.ɵɵelementStart(0, "th", 25)(1, "div")(2, "div", 26);
+    i0.ɵɵlistener("click", function SearchResultComponent_table_0_th_11_Template_div_click_2_listener() { const col_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.sort(col_r5)); })("keyup", function SearchResultComponent_table_0_th_11_Template_div_keyup_2_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.noop()); });
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "rpxTranslate");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(5, SearchResultComponent_ng_container_0_th_29_div_5_Template, 3, 4, "div", 28);
+    i0.ɵɵtemplate(5, SearchResultComponent_table_0_th_11_div_5_Template, 3, 4, "div", 27);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const col_r5 = ctx.$implicit;
@@ -45472,17 +45515,17 @@ function SearchResultComponent_ng_container_0_th_29_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", ctx_r0.comparator(col_r5));
 } }
-function SearchResultComponent_ng_container_0_th_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 31);
+function SearchResultComponent_table_0_th_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 30);
     i0.ɵɵtext(1, "\u200B");
     i0.ɵɵelementEnd();
 } }
-function SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_1_Template(rf, ctx) { if (rf & 1) {
+function SearchResultComponent_table_0_ng_container_14_tr_1_td_1_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 35)(1, "div", 23)(2, "input", 36);
-    i0.ɵɵlistener("change", function SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_1_Template_input_change_2_listener() { i0.ɵɵrestoreView(_r7); const result_r8 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.changeSelection(result_r8)); });
+    i0.ɵɵelementStart(0, "td", 34)(1, "div", 22)(2, "input", 35);
+    i0.ɵɵlistener("change", function SearchResultComponent_table_0_ng_container_14_tr_1_td_1_Template_input_change_2_listener() { i0.ɵɵrestoreView(_r7); const result_r8 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.changeSelection(result_r8)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "label", 37);
+    i0.ɵɵelement(3, "label", 36);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const result_r8 = i0.ɵɵnextContext().$implicit;
@@ -45493,24 +45536,24 @@ function SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_1_Template
     i0.ɵɵproperty("for", i0.ɵɵinterpolate1("select-", result_r8.case_id));
     i0.ɵɵattribute("aria-labelledby", "select-" + result_r8.case_id);
 } }
-function SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_2_a_1_ng_container_2_ccd_field_read_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ccd-field-read", 45);
+function SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_ng_container_2_ccd_field_read_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "ccd-field-read", 44);
 } if (rf & 2) {
     const col_r9 = i0.ɵɵnextContext(3).$implicit;
     const result_r8 = i0.ɵɵnextContext().$implicit;
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("caseField", ctx_r0.getColumnsWithPrefix(result_r8.columns[col_r9.case_field_id], result_r8))("contextFields", result_r8.hydrated_case_fields)("elementsToSubstitute", i0.ɵɵpureFunction0(3, _c1));
 } }
-function SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_2_a_1_ng_container_2_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+function SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_ng_container_2_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
     i0.ɵɵpipe(1, "ccdCaseReference");
 } if (rf & 2) {
     const result_r8 = i0.ɵɵnextContext(4).$implicit;
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, result_r8.case_id));
 } }
-function SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_2_a_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0, 43);
-    i0.ɵɵtemplate(1, SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_2_a_1_ng_container_2_ccd_field_read_1_Template, 1, 4, "ccd-field-read", 44)(2, SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_2_a_1_ng_container_2_ng_template_2_Template, 2, 3, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+function SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0, 42);
+    i0.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_ng_container_2_ccd_field_read_1_Template, 1, 4, "ccd-field-read", 43)(2, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_ng_container_2_ng_template_2_Template, 2, 3, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const case_reference_r10 = i0.ɵɵreference(3);
@@ -45520,10 +45563,10 @@ function SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_2_a_1_ng_c
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r0.draftPrefixOrGet(col_r9, result_r8))("ngIfElse", case_reference_r10);
 } }
-function SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_2_a_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 41);
+function SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "a", 40);
     i0.ɵɵpipe(1, "ccdCaseReference");
-    i0.ɵɵtemplate(2, SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_2_a_1_ng_container_2_Template, 4, 2, "ng-container", 42);
+    i0.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_ng_container_2_Template, 4, 2, "ng-container", 41);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const result_r8 = i0.ɵɵnextContext(2).$implicit;
@@ -45533,9 +45576,9 @@ function SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_2_a_1_Temp
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", !ctx_r0.hideRows);
 } }
-function SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_2_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 43);
-    i0.ɵɵelement(1, "ccd-field-read", 45);
+function SearchResultComponent_table_0_ng_container_14_tr_1_td_2_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 42);
+    i0.ɵɵelement(1, "ccd-field-read", 44);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const col_r9 = i0.ɵɵnextContext().$implicit;
@@ -45545,9 +45588,9 @@ function SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_2_div_2_Te
     i0.ɵɵadvance();
     i0.ɵɵproperty("caseField", result_r8.columns[col_r9.case_field_id])("contextFields", result_r8.hydrated_case_fields)("elementsToSubstitute", i0.ɵɵpureFunction0(5, _c1));
 } }
-function SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 38);
-    i0.ɵɵtemplate(1, SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_2_a_1_Template, 3, 6, "a", 39)(2, SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_2_div_2_Template, 2, 6, "div", 40);
+function SearchResultComponent_table_0_ng_container_14_tr_1_td_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 37);
+    i0.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_Template, 3, 6, "a", 38)(2, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_div_2_Template, 2, 6, "div", 39);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const colIndex_r11 = ctx.index;
@@ -45556,9 +45599,9 @@ function SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_2_Template
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", colIndex_r11 != 0);
 } }
-function SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_3_Template(rf, ctx) { if (rf & 1) {
+function SearchResultComponent_table_0_ng_container_14_tr_1_td_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "td")(1, "div");
-    i0.ɵɵelement(2, "ccd-activity", 46);
+    i0.ɵɵelement(2, "ccd-activity", 45);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const result_r8 = i0.ɵɵnextContext().$implicit;
@@ -45568,9 +45611,9 @@ function SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_3_Template
     i0.ɵɵadvance();
     i0.ɵɵproperty("caseId", result_r8.case_id)("displayMode", ctx_r0.ICON);
 } }
-function SearchResultComponent_ng_container_0_ng_container_32_tr_1_Template(rf, ctx) { if (rf & 1) {
+function SearchResultComponent_table_0_ng_container_14_tr_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr");
-    i0.ɵɵtemplate(1, SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_1_Template, 4, 9, "td", 33)(2, SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_2_Template, 3, 2, "td", 34)(3, SearchResultComponent_ng_container_0_ng_container_32_tr_1_td_3_Template, 3, 4, "td", 1);
+    i0.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_14_tr_1_td_1_Template, 4, 9, "td", 32)(2, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_Template, 3, 2, "td", 33)(3, SearchResultComponent_table_0_ng_container_14_tr_1_td_3_Template, 3, 4, "td", 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -45581,9 +45624,9 @@ function SearchResultComponent_ng_container_0_ng_container_32_tr_1_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r0.activityEnabled());
 } }
-function SearchResultComponent_ng_container_0_ng_container_32_Template(rf, ctx) { if (rf & 1) {
+function SearchResultComponent_table_0_ng_container_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, SearchResultComponent_ng_container_0_ng_container_32_tr_1_Template, 4, 3, "tr", 32);
+    i0.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_14_tr_1_Template, 4, 3, "tr", 31);
     i0.ɵɵpipe(2, "paginate");
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
@@ -45591,12 +45634,12 @@ function SearchResultComponent_ng_container_0_ng_container_32_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind2(2, 1, ctx_r0.resultView.results, i0.ɵɵpureFunction3(4, _c0, ctx_r0.paginationPageSize, ctx_r0.selected.page, ctx_r0.resultTotal)));
 } }
-function SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_1_Template(rf, ctx) { if (rf & 1) {
+function SearchResultComponent_table_0_ng_container_15_tr_1_td_1_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 35)(1, "div", 23)(2, "input", 47);
-    i0.ɵɵlistener("change", function SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_1_Template_input_change_2_listener() { i0.ɵɵrestoreView(_r12); const result_r13 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.changeSelection(result_r13)); })("keyup", function SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_1_Template_input_keyup_2_listener($event) { i0.ɵɵrestoreView(_r12); const result_r13 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onKeyUp($event, result_r13)); });
+    i0.ɵɵelementStart(0, "td", 34)(1, "div", 22)(2, "input", 46);
+    i0.ɵɵlistener("change", function SearchResultComponent_table_0_ng_container_15_tr_1_td_1_Template_input_change_2_listener() { i0.ɵɵrestoreView(_r12); const result_r13 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.changeSelection(result_r13)); })("keyup", function SearchResultComponent_table_0_ng_container_15_tr_1_td_1_Template_input_keyup_2_listener($event) { i0.ɵɵrestoreView(_r12); const result_r13 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onKeyUp($event, result_r13)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "label", 37);
+    i0.ɵɵelement(3, "label", 36);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const result_r13 = i0.ɵɵnextContext().$implicit;
@@ -45607,24 +45650,24 @@ function SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_1_Template
     i0.ɵɵproperty("for", i0.ɵɵinterpolate1("select-", result_r13.case_id));
     i0.ɵɵattribute("aria-labelledby", "select-" + result_r13.case_id);
 } }
-function SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_2_a_1_ng_container_2_ccd_field_read_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ccd-field-read", 45);
+function SearchResultComponent_table_0_ng_container_15_tr_1_td_2_a_1_ng_container_2_ccd_field_read_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "ccd-field-read", 44);
 } if (rf & 2) {
     const col_r14 = i0.ɵɵnextContext(3).$implicit;
     const result_r13 = i0.ɵɵnextContext().$implicit;
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("caseField", ctx_r0.getColumnsWithPrefix(result_r13.columns[col_r14.case_field_id], result_r13))("contextFields", result_r13.hydrated_case_fields)("elementsToSubstitute", i0.ɵɵpureFunction0(3, _c1));
 } }
-function SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_2_a_1_ng_container_2_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+function SearchResultComponent_table_0_ng_container_15_tr_1_td_2_a_1_ng_container_2_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
     i0.ɵɵpipe(1, "ccdCaseReference");
 } if (rf & 2) {
     const result_r13 = i0.ɵɵnextContext(4).$implicit;
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, result_r13.case_id));
 } }
-function SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_2_a_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0, 43);
-    i0.ɵɵtemplate(1, SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_2_a_1_ng_container_2_ccd_field_read_1_Template, 1, 4, "ccd-field-read", 44)(2, SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_2_a_1_ng_container_2_ng_template_2_Template, 2, 3, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+function SearchResultComponent_table_0_ng_container_15_tr_1_td_2_a_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0, 42);
+    i0.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_15_tr_1_td_2_a_1_ng_container_2_ccd_field_read_1_Template, 1, 4, "ccd-field-read", 43)(2, SearchResultComponent_table_0_ng_container_15_tr_1_td_2_a_1_ng_container_2_ng_template_2_Template, 2, 3, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const case_reference_r15 = i0.ɵɵreference(3);
@@ -45634,10 +45677,10 @@ function SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_2_a_1_ng_c
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r0.draftPrefixOrGet(col_r14, result_r13))("ngIfElse", case_reference_r15);
 } }
-function SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_2_a_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 41);
+function SearchResultComponent_table_0_ng_container_15_tr_1_td_2_a_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "a", 40);
     i0.ɵɵpipe(1, "ccdCaseReference");
-    i0.ɵɵtemplate(2, SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_2_a_1_ng_container_2_Template, 4, 2, "ng-container", 42);
+    i0.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_15_tr_1_td_2_a_1_ng_container_2_Template, 4, 2, "ng-container", 41);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const result_r13 = i0.ɵɵnextContext(2).$implicit;
@@ -45647,9 +45690,9 @@ function SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_2_a_1_Temp
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", !ctx_r0.hideRows);
 } }
-function SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_2_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 43);
-    i0.ɵɵelement(1, "ccd-field-read", 45);
+function SearchResultComponent_table_0_ng_container_15_tr_1_td_2_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 42);
+    i0.ɵɵelement(1, "ccd-field-read", 44);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const col_r14 = i0.ɵɵnextContext().$implicit;
@@ -45659,9 +45702,9 @@ function SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_2_div_2_Te
     i0.ɵɵadvance();
     i0.ɵɵproperty("caseField", result_r13.columns[col_r14.case_field_id])("contextFields", result_r13.hydrated_case_fields)("elementsToSubstitute", i0.ɵɵpureFunction0(5, _c1));
 } }
-function SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 38);
-    i0.ɵɵtemplate(1, SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_2_a_1_Template, 3, 6, "a", 39)(2, SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_2_div_2_Template, 2, 6, "div", 40);
+function SearchResultComponent_table_0_ng_container_15_tr_1_td_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 37);
+    i0.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_15_tr_1_td_2_a_1_Template, 3, 6, "a", 38)(2, SearchResultComponent_table_0_ng_container_15_tr_1_td_2_div_2_Template, 2, 6, "div", 39);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const colIndex_r16 = ctx.index;
@@ -45670,9 +45713,9 @@ function SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_2_Template
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", colIndex_r16 != 0);
 } }
-function SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_3_Template(rf, ctx) { if (rf & 1) {
+function SearchResultComponent_table_0_ng_container_15_tr_1_td_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "td")(1, "div");
-    i0.ɵɵelement(2, "ccd-activity", 46);
+    i0.ɵɵelement(2, "ccd-activity", 45);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const result_r13 = i0.ɵɵnextContext().$implicit;
@@ -45682,9 +45725,9 @@ function SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_3_Template
     i0.ɵɵadvance();
     i0.ɵɵproperty("caseId", result_r13.case_id)("displayMode", ctx_r0.ICON);
 } }
-function SearchResultComponent_ng_container_0_ng_container_33_tr_1_Template(rf, ctx) { if (rf & 1) {
+function SearchResultComponent_table_0_ng_container_15_tr_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr");
-    i0.ɵɵtemplate(1, SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_1_Template, 4, 9, "td", 33)(2, SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_2_Template, 3, 2, "td", 34)(3, SearchResultComponent_ng_container_0_ng_container_33_tr_1_td_3_Template, 3, 4, "td", 1);
+    i0.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_15_tr_1_td_1_Template, 4, 9, "td", 32)(2, SearchResultComponent_table_0_ng_container_15_tr_1_td_2_Template, 3, 2, "td", 33)(3, SearchResultComponent_table_0_ng_container_15_tr_1_td_3_Template, 3, 4, "td", 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -45695,9 +45738,9 @@ function SearchResultComponent_ng_container_0_ng_container_33_tr_1_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r0.activityEnabled());
 } }
-function SearchResultComponent_ng_container_0_ng_container_33_Template(rf, ctx) { if (rf & 1) {
+function SearchResultComponent_table_0_ng_container_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, SearchResultComponent_ng_container_0_ng_container_33_tr_1_Template, 4, 3, "tr", 32);
+    i0.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_15_tr_1_Template, 4, 3, "tr", 31);
     i0.ɵɵpipe(2, "ccdSortSearchResult");
     i0.ɵɵpipe(3, "paginate");
     i0.ɵɵelementContainerEnd();
@@ -45706,69 +45749,30 @@ function SearchResultComponent_ng_container_0_ng_container_33_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind2(3, 4, i0.ɵɵpipeBind2(2, 1, ctx_r0.resultView.results, ctx_r0.sortParameters), i0.ɵɵpureFunction3(7, _c0, ctx_r0.paginationPageSize, ctx_r0.selected.page, ctx_r0.resultTotal)));
 } }
-function SearchResultComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "h2", 4);
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "rpxTranslate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, SearchResultComponent_ng_container_0_div_4_Template, 11, 12, "div", 5);
-    i0.ɵɵelementStart(5, "div", 6)(6, "div", 7);
-    i0.ɵɵelement(7, "output");
-    i0.ɵɵpipe(8, "rpxTranslate");
-    i0.ɵɵelementStart(9, "span", 8);
-    i0.ɵɵtext(10);
-    i0.ɵɵpipe(11, "rpxTranslate");
-    i0.ɵɵelementStart(12, "span", 9);
-    i0.ɵɵtext(13);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(14);
-    i0.ɵɵpipe(15, "rpxTranslate");
-    i0.ɵɵelementStart(16, "span", 9);
-    i0.ɵɵtext(17);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(18);
-    i0.ɵɵpipe(19, "rpxTranslate");
-    i0.ɵɵelementStart(20, "span", 9);
-    i0.ɵɵtext(21);
+function SearchResultComponent_table_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "table")(1, "caption")(2, "h2", 4);
+    i0.ɵɵtext(3);
+    i0.ɵɵpipe(4, "rpxTranslate");
     i0.ɵɵelementEnd();
-    i0.ɵɵtext(22);
-    i0.ɵɵpipe(23, "rpxTranslate");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(24, SearchResultComponent_ng_container_0_div_24_Template, 4, 3, "div", 10);
+    i0.ɵɵtemplate(5, SearchResultComponent_table_0_div_5_Template, 11, 12, "div", 5)(6, SearchResultComponent_table_0_div_6_Template, 18, 18, "div", 6)(7, SearchResultComponent_table_0_div_7_Template, 6, 6, "div", 7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "table", 11)(26, "thead")(27, "tr", 12);
-    i0.ɵɵtemplate(28, SearchResultComponent_ng_container_0_td_28_Template, 4, 3, "td", 13)(29, SearchResultComponent_ng_container_0_th_29_Template, 6, 5, "th", 14)(30, SearchResultComponent_ng_container_0_th_30_Template, 2, 0, "th", 15);
+    i0.ɵɵelementStart(8, "thead")(9, "tr", 8);
+    i0.ɵɵtemplate(10, SearchResultComponent_table_0_td_10_Template, 4, 3, "td", 9)(11, SearchResultComponent_table_0_th_11_Template, 6, 5, "th", 10)(12, SearchResultComponent_table_0_th_12_Template, 2, 0, "th", 11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(31, "tbody");
-    i0.ɵɵtemplate(32, SearchResultComponent_ng_container_0_ng_container_32_Template, 3, 8, "ng-container", 1)(33, SearchResultComponent_ng_container_0_ng_container_33_Template, 4, 11, "ng-container", 1);
+    i0.ɵɵelementStart(13, "tbody");
+    i0.ɵɵtemplate(14, SearchResultComponent_table_0_ng_container_14_Template, 3, 8, "ng-container", 1)(15, SearchResultComponent_table_0_ng_container_15_Template, 4, 11, "ng-container", 1);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 16, ctx_r0.caseState ? "Your cases" : "Search result"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 9, ctx_r0.caseState ? "Your cases" : "Search result"));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", ctx_r0.paginationLimitEnforced);
-    i0.ɵɵadvance(3);
-    i0.ɵɵattribute("aria-label", ctx_r0.getTotalResults() + " " + i0.ɵɵpipeBind1(8, 18, "results have been found"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(11, 20, "Showing"), " ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r0.getFirstResult());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(15, 22, "to"), " ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r0.getLastResult());
+    i0.ɵɵproperty("ngIf", ctx_r0.hasResults() || ctx_r0.hasDrafts());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(19, 24, "of"), " ");
+    i0.ɵɵproperty("ngIf", (ctx_r0.hasResults() || ctx_r0.hasDrafts()) && ctx_r0.selectionEnabled);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r0.getTotalResults());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23, 26, "results"));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r0.selectionEnabled);
-    i0.ɵɵadvance(4);
     i0.ɵɵproperty("ngIf", ctx_r0.selectionEnabled);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngForOf", ctx_r0.resultView.columns);
@@ -45781,7 +45785,7 @@ function SearchResultComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
 } }
 function SearchResultComponent_ccd_pagination_1_Template(rf, ctx) { if (rf & 1) {
     const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ccd-pagination", 48);
+    i0.ɵɵelementStart(0, "ccd-pagination", 47);
     i0.ɵɵlistener("pageChange", function SearchResultComponent_ccd_pagination_1_Template_ccd_pagination_pageChange_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.goToPage($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -45789,7 +45793,7 @@ function SearchResultComponent_ccd_pagination_1_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵproperty("visibilityLabel", ctx_r0.hideRows ? "hidden" : "visible")("autoHide", true)("maxSize", 8)("screenReaderPaginationLabel", "Pagination")("screenReaderPageLabel", ctx_r0.page)("screenReaderCurrentLabel", "You're on page");
 } }
 function SearchResultComponent_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 49);
+    i0.ɵɵelementStart(0, "div", 48);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -46141,19 +46145,19 @@ class SearchResultComponent {
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     noop() { }
     static ɵfac = function SearchResultComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SearchResultComponent)(i0.ɵɵdirectiveInject(SearchResultViewItemComparatorFactory), i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(ActivityService), i0.ɵɵdirectiveInject(CaseReferencePipe), i0.ɵɵdirectiveInject(PlaceholderService), i0.ɵɵdirectiveInject(BrowserService), i0.ɵɵdirectiveInject(SessionStorageService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchResultComponent, selectors: [["ccd-search-result"]], inputs: { caseLinkUrlTemplate: "caseLinkUrlTemplate", jurisdiction: "jurisdiction", caseType: "caseType", caseState: "caseState", caseFilterFG: "caseFilterFG", resultView: "resultView", page: "page", paginationMetadata: "paginationMetadata", metadataFields: "metadataFields", selectionEnabled: "selectionEnabled", showOnlySelected: "showOnlySelected", preSelectedCases: "preSelectedCases", consumerSortingEnabled: "consumerSortingEnabled" }, outputs: { selection: "selection", changePage: "changePage", clickCase: "clickCase", sortHandler: "sortHandler" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 3, vars: 3, consts: [["case_reference", ""], [4, "ngIf"], [3, "visibilityLabel", "autoHide", "maxSize", "screenReaderPaginationLabel", "screenReaderPageLabel", "screenReaderCurrentLabel", "pageChange", 4, "ngIf"], ["class", "notification", "role", "status", 4, "ngIf"], ["id", "search-result-heading__text", "tabindex", "-1", 1, "heading-h2"], ["class", "govuk-warning-text pagination-limit-warning", 4, "ngIf"], [1, "search-result-summary"], [1, "pagination-top"], ["id", "search-result-summary__text", 1, "text-16"], [1, "govuk-!-font-weight-bold"], ["class", "reset-selection", 4, "ngIf"], ["aria-labelledby", "search-result-heading__text"], ["scope", "row"], ["class", "govuk-table__checkbox", 4, "ngIf"], ["class", "search-result-column-header", "scope", "col", 4, "ngFor", "ngForOf"], ["style", "width: 110px;", "scope", "col", 4, "ngIf"], [1, "govuk-warning-text", "pagination-limit-warning"], ["aria-hidden", "true", 1, "govuk-warning-text__icon"], [1, "govuk-warning-text__text"], [1, "govuk-visually-hidden"], [1, "reset-selection"], ["href", "#", 1, "search-result-reset-link", 3, "click"], [1, "govuk-table__checkbox"], [1, "govuk-checkboxes__item"], ["id", "select-all", "name", "select-all", "type", "checkbox", 1, "govuk-checkboxes__input", 3, "change", "checked", "disabled"], ["for", "select-all", 1, "govuk-label", "govuk-checkboxes__label"], ["scope", "col", 1, "search-result-column-header"], [1, "search-result-column-label", 3, "click", "keyup"], ["class", "search-result-column-sort", 4, "ngIf"], [1, "search-result-column-sort"], ["href", "#", 1, "sort-widget", 3, "click", "keyup.enter", "innerHTML"], ["scope", "col", 2, "width", "110px"], [4, "ngFor", "ngForOf"], ["class", "govuk-table__checkbox", "scope", "col", 4, "ngIf"], ["class", "search-result-column-cell", "scope", "row", 4, "ngFor", "ngForOf"], ["scope", "col", 1, "govuk-table__checkbox"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "change", "id", "name", "checked", "disabled"], [1, "govuk-label", "govuk-checkboxes__label", 3, "for"], ["scope", "row", 1, "search-result-column-cell"], ["class", "govuk-link", 3, "routerLink", 4, "ngIf"], ["class", "text-16", 3, "visibility", 4, "ngIf"], [1, "govuk-link", 3, "routerLink"], ["class", "text-16", 4, "ngIf"], [1, "text-16"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "elementsToSubstitute", 4, "ngIf", "ngIfElse"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "elementsToSubstitute"], [3, "caseId", "displayMode"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "change", "keyup", "id", "name", "checked", "disabled"], [3, "pageChange", "visibilityLabel", "autoHide", "maxSize", "screenReaderPaginationLabel", "screenReaderPageLabel", "screenReaderCurrentLabel"], ["role", "status", 1, "notification"]], template: function SearchResultComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, SearchResultComponent_ng_container_0_Template, 34, 28, "ng-container", 1)(1, SearchResultComponent_ccd_pagination_1_Template, 1, 6, "ccd-pagination", 2)(2, SearchResultComponent_div_2_Template, 3, 3, "div", 3);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchResultComponent, selectors: [["ccd-search-result"]], inputs: { caseLinkUrlTemplate: "caseLinkUrlTemplate", jurisdiction: "jurisdiction", caseType: "caseType", caseState: "caseState", caseFilterFG: "caseFilterFG", resultView: "resultView", page: "page", paginationMetadata: "paginationMetadata", metadataFields: "metadataFields", selectionEnabled: "selectionEnabled", showOnlySelected: "showOnlySelected", preSelectedCases: "preSelectedCases", consumerSortingEnabled: "consumerSortingEnabled" }, outputs: { selection: "selection", changePage: "changePage", clickCase: "clickCase", sortHandler: "sortHandler" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 3, vars: 3, consts: [["case_reference", ""], [4, "ngIf"], [3, "visibilityLabel", "autoHide", "maxSize", "screenReaderPaginationLabel", "screenReaderPageLabel", "screenReaderCurrentLabel", "pageChange", 4, "ngIf"], ["class", "notification", "role", "status", 4, "ngIf"], ["id", "search-result-heading__text", "tabindex", "-1", 1, "heading-h2"], ["class", "govuk-warning-text pagination-limit-warning", 4, "ngIf"], ["class", "pagination-top", 4, "ngIf"], ["class", "reset-selection", 4, "ngIf"], ["scope", "row"], ["class", "govuk-table__checkbox", 4, "ngIf"], ["class", "search-result-column-header", "scope", "col", 4, "ngFor", "ngForOf"], ["style", "width: 110px;", "scope", "col", 4, "ngIf"], [1, "govuk-warning-text", "pagination-limit-warning"], ["aria-hidden", "true", 1, "govuk-warning-text__icon"], [1, "govuk-warning-text__text"], [1, "govuk-visually-hidden"], [1, "pagination-top"], ["id", "search-result-summary__text", 1, "text-16"], [1, "govuk-!-font-weight-bold"], [1, "reset-selection"], ["href", "#", 1, "search-result-reset-link", 3, "click"], [1, "govuk-table__checkbox"], [1, "govuk-checkboxes__item"], ["id", "select-all", "name", "select-all", "type", "checkbox", 1, "govuk-checkboxes__input", 3, "change", "checked", "disabled"], ["for", "select-all", 1, "govuk-label", "govuk-checkboxes__label"], ["scope", "col", 1, "search-result-column-header"], [1, "search-result-column-label", 3, "click", "keyup"], ["class", "search-result-column-sort", 4, "ngIf"], [1, "search-result-column-sort"], ["href", "#", 1, "sort-widget", 3, "click", "keyup.enter", "innerHTML"], ["scope", "col", 2, "width", "110px"], [4, "ngFor", "ngForOf"], ["class", "govuk-table__checkbox", "scope", "col", 4, "ngIf"], ["class", "search-result-column-cell", "scope", "row", 4, "ngFor", "ngForOf"], ["scope", "col", 1, "govuk-table__checkbox"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "change", "id", "name", "checked", "disabled"], [1, "govuk-label", "govuk-checkboxes__label", 3, "for"], ["scope", "row", 1, "search-result-column-cell"], ["class", "govuk-link", 3, "routerLink", 4, "ngIf"], ["class", "text-16", 3, "visibility", 4, "ngIf"], [1, "govuk-link", 3, "routerLink"], ["class", "text-16", 4, "ngIf"], [1, "text-16"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "elementsToSubstitute", 4, "ngIf", "ngIfElse"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "elementsToSubstitute"], [3, "caseId", "displayMode"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "change", "keyup", "id", "name", "checked", "disabled"], [3, "pageChange", "visibilityLabel", "autoHide", "maxSize", "screenReaderPaginationLabel", "screenReaderPageLabel", "screenReaderCurrentLabel"], ["role", "status", 1, "notification"]], template: function SearchResultComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, SearchResultComponent_table_0_Template, 16, 11, "table", 1)(1, SearchResultComponent_ccd_pagination_1_Template, 1, 6, "ccd-pagination", 2)(2, SearchResultComponent_div_2_Template, 3, 3, "div", 3);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.hasResults() || ctx.hasDrafts());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.hasResults());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !(ctx.hasResults() || ctx.hasDrafts()));
-        } }, styles: [".govuk-js-link[_ngcontent-%COMP%]{appearance:none;background:none;border:none;color:#005ea5;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0;text-decoration:underline}.govuk-js-link[_ngcontent-%COMP%]:hover{color:#2b8cc4;text-decoration-thickness:max(3px,.1875rem,.12em)}.govuk-js-link[_ngcontent-%COMP%]:focus{background-color:#ffbf47;color:#000;outline:3px solid transparent;text-decoration:none;box-shadow:0 -2px #ffbf47,0 4px #000}.govuk-js-link[_ngcontent-%COMP%]:visited{color:#4c2c92}table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{vertical-align:top}table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{font-size:16px;word-wrap:break-word}table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{float:left}table[_ngcontent-%COMP%]   .caseid-col[_ngcontent-%COMP%]{white-space:nowrap}.notification[_ngcontent-%COMP%]{text-align:center;padding:30px 0;margin-top:75px}a[_ngcontent-%COMP%]:hover{color:#005ea5}.search-result-summary[_ngcontent-%COMP%]{display:flow-root}.search-result-reset-link[_ngcontent-%COMP%]{padding-right:15px;padding-left:15px}.search-result-column-header[_ngcontent-%COMP%]{width:unset;table-layout:normal}.search-result-column-header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:table-cell;width:auto}@media screen and (max-width:379px){.search-result-column-header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:block;float:right}}.search-result-column-label[_ngcontent-%COMP%]{font-size:16px;font-weight:700;word-wrap:break-word;cursor:pointer;padding-right:15px}.search-result-column-sort[_ngcontent-%COMP%]{font-size:16px}.sort-widget[_ngcontent-%COMP%]{cursor:pointer;text-decoration:none;color:#231f20}span.heading-medium[_ngcontent-%COMP%]{margin-top:-20px}.govuk-table__checkbox[_ngcontent-%COMP%]{vertical-align:middle;padding-left:3px}#search-result-heading__text[_ngcontent-%COMP%]:focus{outline:none}"] });
+        } }, styles: [".govuk-js-link[_ngcontent-%COMP%]{appearance:none;background:none;border:none;color:#005ea5;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0;text-decoration:underline}.govuk-js-link[_ngcontent-%COMP%]:hover{color:#2b8cc4;text-decoration-thickness:max(3px,.1875rem,.12em)}.govuk-js-link[_ngcontent-%COMP%]:focus{background-color:#ffbf47;color:#000;outline:3px solid transparent;text-decoration:none;box-shadow:0 -2px #ffbf47,0 4px #000}.govuk-js-link[_ngcontent-%COMP%]:visited{color:#4c2c92}table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{vertical-align:top}table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{font-size:16px;word-wrap:break-word}table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{float:left}table[_ngcontent-%COMP%]   .caseid-col[_ngcontent-%COMP%]{white-space:nowrap}.notification[_ngcontent-%COMP%]{text-align:center;padding:30px 0;margin-top:75px}a[_ngcontent-%COMP%]:hover{color:#005ea5}.search-result-reset-link[_ngcontent-%COMP%]{padding-right:15px;padding-left:15px}.search-result-column-header[_ngcontent-%COMP%]{width:unset;table-layout:normal}.search-result-column-header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:table-cell;width:auto}@media screen and (max-width:379px){.search-result-column-header[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:block;float:right}}.search-result-column-label[_ngcontent-%COMP%]{font-size:16px;font-weight:700;word-wrap:break-word;cursor:pointer;padding-right:15px}.search-result-column-sort[_ngcontent-%COMP%]{font-size:16px}.sort-widget[_ngcontent-%COMP%]{cursor:pointer;text-decoration:none;color:#231f20}span.heading-medium[_ngcontent-%COMP%]{margin-top:-20px}.govuk-table__checkbox[_ngcontent-%COMP%]{vertical-align:middle;padding-left:3px}#search-result-heading__text[_ngcontent-%COMP%]:focus{outline:none}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchResultComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-search-result', standalone: false, template: "<ng-container *ngIf=\"hasResults() || hasDrafts()\">\n<h2 class=\"heading-h2\" id=\"search-result-heading__text\" tabindex=\"-1\">{{ (caseState ? 'Your cases' : 'Search result') | rpxTranslate}}</h2>\n\n<div class=\"govuk-warning-text pagination-limit-warning\" *ngIf=\"paginationLimitEnforced\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">{{'Warning' | rpxTranslate}}</span>\n    {{'The total size of the result set is' | rpxTranslate}} {{paginationMetadata.totalResultsCount | number}}. {{'Only the first 10,000 records are available for display.' | rpxTranslate}}\n  </strong>\n</div>\n\n<div class=\"search-result-summary\">\n  <div class=\"pagination-top\">\n    <output [attr.aria-label]=\"getTotalResults() + ' ' + ('results have been found' | rpxTranslate)\"></output>\n        <span class=\"text-16\" id=\"search-result-summary__text\">{{'Showing' | rpxTranslate}}\n      <span class=\"govuk-!-font-weight-bold\">{{ getFirstResult() }}</span>\n      {{'to' | rpxTranslate}}\n      <span class=\"govuk-!-font-weight-bold\">{{ getLastResult() }}</span>\n      {{'of' | rpxTranslate}}\n      <span class=\"govuk-!-font-weight-bold\">{{ getTotalResults() }}</span> {{'results' | rpxTranslate}}</span>\n  </div>\n  <div *ngIf=\"selectionEnabled\" class=\"reset-selection\">\n    <a class=\"search-result-reset-link\" href=\"#\" (click)=\"clearSelection(); $event.preventDefault()\">{{'Reset case selection' | rpxTranslate}}</a>\n  </div>\n</div>\n\n<table aria-labelledby=\"search-result-heading__text\">\n  <thead>\n    <tr scope=\"row\">\n      <td *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\">\n        <div class=\"govuk-checkboxes__item\">\n          <input class=\"govuk-checkboxes__input\" id=\"select-all\" name=\"select-all\" type=\"checkbox\" (change)=\"selectAll()\" [checked]=\"allOnPageSelected()\" [disabled]=\"!canAnyBeShared()\" />\n          <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-all\" [attr.aria-labelledby]=\"'select-all'\">\n          </label>\n        </div>\n      </td>\n      <th *ngFor=\"let col of resultView.columns\" class=\"search-result-column-header\"\n        [attr.aria-sort]=\"isSortAscending(col) === null ? null : (isSortAscending(col) ? 'ascending' : 'descending')\" scope=\"col\">\n        <div>\n          <div class=\"search-result-column-label\" (click)=\"sort(col)\" (keyup)=\"noop()\">\n            {{ isTranslatable(col) ? (col.label | rpxTranslate) : col.label }}\n          </div>\n          <div *ngIf=\"comparator(col)\" class=\"search-result-column-sort\">\n            <a (click)=\"sort(col); $event.preventDefault()\" (keyup.enter)=\"sort(col)\" class=\"sort-widget\" [innerHTML]=\"sortWidget(col)\" [attr.aria-label]=\"'Sort ' + col.label | rpxTranslate\" href=\"#\"></a>\n          </div>\n        </div>\n      </th>\n      <th *ngIf=\"activityEnabled()\" style=\"width: 110px;\" scope=\"col\">&ZeroWidthSpace;</th>\n    </tr>\n  </thead>\n\n  <tbody>\n    <!-- sorted by consumer -->\n    <ng-container *ngIf=\"consumerSortingEnabled\">\n      <tr *ngFor=\"let result of resultView.results | paginate: { itemsPerPage: paginationPageSize, currentPage: selected.page, totalItems: resultTotal }\">\n        <td *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"select-{{ result.case_id }}\" name=\"select-{{ result.case_id }}\"\n              type=\"checkbox\" (change)=\"changeSelection(result)\" [checked]=\"isSelected(result)\" [disabled]=\"!canBeShared(result)\" />\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-{{ result.case_id }}\" [attr.aria-labelledby]=\"'select-' + result.case_id\">\n            </label>\n          </div>\n        </td>\n        <td class=\"search-result-column-cell\" *ngFor=\"let col of resultView.columns; let colIndex = index\" scope=\"row\">\n          <a *ngIf=\"colIndex == 0\" [routerLink]=\"prepareCaseLinkUrl(result.case_id)\"\n            attr.aria-label=\"go to case with Case reference:{{ result.case_id | ccdCaseReference }}\" class=\"govuk-link\">\n            <ng-container class=\"text-16\" *ngIf=\"!hideRows\">\n              <ccd-field-read *ngIf=\"draftPrefixOrGet(col, result); else case_reference\"\n                              ccdLabelSubstitutor [caseField]=\"getColumnsWithPrefix(result.columns[col.case_field_id], result)\"\n                              [contextFields]=\"result.hydrated_case_fields\"\n                              [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n              <ng-template #case_reference>{{result.case_id | ccdCaseReference}}</ng-template>\n            </ng-container>\n          </a>\n          <div *ngIf=\"colIndex != 0\" class=\"text-16\" [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-field-read ccdLabelSubstitutor\n                            [caseField]=\"result.columns[col.case_field_id]\"\n                            [contextFields]=\"result.hydrated_case_fields\"\n                            [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n          </div>\n        </td>\n        <td *ngIf=\"activityEnabled()\">\n          <div [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-activity [caseId]=\"result.case_id\" [displayMode]=\"ICON\"></ccd-activity>\n          </div>\n        </td>\n      </tr>\n    </ng-container>\n    <!-- sorted by toolkit -->\n    <ng-container *ngIf=\"!consumerSortingEnabled\">\n      <tr *ngFor=\"let result of resultView.results | ccdSortSearchResult : sortParameters | paginate: { itemsPerPage: paginationPageSize, currentPage: selected.page, totalItems: resultTotal }\">\n        <td *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"select-{{ result.case_id }}\" name=\"select-{{ result.case_id }}\"\n              type=\"checkbox\" (change)=\"changeSelection(result)\" [checked]=\"isSelected(result)\" [disabled]=\"!canBeShared(result)\" (keyup)=\"onKeyUp($event, result)\" />\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-{{ result.case_id }}\" [attr.aria-labelledby]=\"'select-' + result.case_id\">\n            </label>\n          </div>\n        </td>\n        <td class=\"search-result-column-cell\" *ngFor=\"let col of resultView.columns; let colIndex = index\" scope=\"row\">\n\n          <a *ngIf=\"colIndex == 0\" [routerLink]=\"prepareCaseLinkUrl(result.case_id)\"\n            attr.aria-label=\"go to case with Case reference:{{ result.case_id | ccdCaseReference }}\" class=\"govuk-link\">\n            <ng-container class=\"text-16\" *ngIf=\"!hideRows\">\n              <ccd-field-read *ngIf=\"draftPrefixOrGet(col, result); else case_reference\"\n                              ccdLabelSubstitutor [caseField]=\"getColumnsWithPrefix(result.columns[col.case_field_id], result)\"\n                              [contextFields]=\"result.hydrated_case_fields\"\n                              [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n              <ng-template #case_reference>{{result.case_id | ccdCaseReference}}</ng-template>\n            </ng-container>\n          </a>\n          <div *ngIf=\"colIndex != 0\" class=\"text-16\" [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-field-read ccdLabelSubstitutor\n                            [caseField]=\"result.columns[col.case_field_id]\"\n                            [contextFields]=\"result.hydrated_case_fields\"\n                            [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n          </div>\n        </td>\n        <td *ngIf=\"activityEnabled()\">\n          <div [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-activity [caseId]=\"result.case_id\" [displayMode]=\"ICON\"></ccd-activity>\n          </div>\n        </td>\n      </tr>\n    </ng-container>\n\n  </tbody>\n</table>\n</ng-container>\n\n<ccd-pagination\n  *ngIf=\"hasResults()\"\n  (pageChange)=\"goToPage($event)\"\n  [visibilityLabel]=\"hideRows ? 'hidden' : 'visible'\"\n  [autoHide]=\"true\"\n  [maxSize]=\"8\"\n  [screenReaderPaginationLabel]=\"'Pagination'\"\n  [screenReaderPageLabel]=\"page\"\n  [screenReaderCurrentLabel]=\"'You\\'re on page'\"></ccd-pagination>\n\n<div *ngIf=\"!(hasResults() || hasDrafts())\" class=\"notification\" role=\"status\">\n{{'No cases found. Try using different filters.' | rpxTranslate}}\n</div>\n", styles: [".govuk-js-link{appearance:none;background:none;border:none;color:#005ea5;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0;text-decoration:underline}.govuk-js-link:hover{color:#2b8cc4;text-decoration-thickness:max(3px,.1875rem,.12em)}.govuk-js-link:focus{background-color:#ffbf47;color:#000;outline:3px solid transparent;text-decoration:none;box-shadow:0 -2px #ffbf47,0 4px #000}.govuk-js-link:visited{color:#4c2c92}table thead tr th{vertical-align:top}table tbody tr td{font-size:16px;word-wrap:break-word}table tbody tr td a{float:left}table .caseid-col{white-space:nowrap}.notification{text-align:center;padding:30px 0;margin-top:75px}a:hover{color:#005ea5}.search-result-summary{display:flow-root}.search-result-reset-link{padding-right:15px;padding-left:15px}.search-result-column-header{width:unset;table-layout:normal}.search-result-column-header div{display:table-cell;width:auto}@media screen and (max-width:379px){.search-result-column-header div{display:block;float:right}}.search-result-column-label{font-size:16px;font-weight:700;word-wrap:break-word;cursor:pointer;padding-right:15px}.search-result-column-sort{font-size:16px}.sort-widget{cursor:pointer;text-decoration:none;color:#231f20}span.heading-medium{margin-top:-20px}.govuk-table__checkbox{vertical-align:middle;padding-left:3px}#search-result-heading__text:focus{outline:none}\n"] }]
+        args: [{ selector: 'ccd-search-result', standalone: false, template: "<table *ngIf=\"hasResults() || hasDrafts()\">\n  <caption>\n    <h2 class=\"heading-h2\" id=\"search-result-heading__text\" tabindex=\"-1\">{{ (caseState ? 'Your cases' : 'Search result') | rpxTranslate}}</h2>\n\n    <div class=\"govuk-warning-text pagination-limit-warning\" *ngIf=\"paginationLimitEnforced\">\n      <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n      <strong class=\"govuk-warning-text__text\">\n        <span class=\"govuk-visually-hidden\">{{'Warning' | rpxTranslate}}</span>\n        {{'The total size of the result set is' | rpxTranslate}} {{paginationMetadata.totalResultsCount | number}}. {{'Only the first 10,000 records are available for display.' | rpxTranslate}}\n      </strong>\n    </div>\n\n    <div *ngIf=\"(hasResults() || hasDrafts())\" class=\"pagination-top\">\n      <output [attr.aria-label]=\"getTotalResults() + ' ' + ('results have been found' | rpxTranslate)\"></output>\n          <span class=\"text-16\" id=\"search-result-summary__text\">{{'Showing' | rpxTranslate}}\n        <span class=\"govuk-!-font-weight-bold\">{{ getFirstResult() }}</span>\n        {{'to' | rpxTranslate}}\n        <span class=\"govuk-!-font-weight-bold\">{{ getLastResult() }}</span>\n        {{'of' | rpxTranslate}}\n        <span class=\"govuk-!-font-weight-bold\">{{ getTotalResults() }}</span> {{'results' | rpxTranslate}}</span>\n    </div>\n    <div *ngIf=\"(hasResults() || hasDrafts()) && selectionEnabled\" class=\"reset-selection\"\n    [attr.aria-label]=\"'Reset selection' | rpxTranslate\">\n      <span><a class=\"search-result-reset-link\" href=\"#\" (click)=\"clearSelection(); $event.preventDefault()\">{{'Reset case selection' | rpxTranslate}}</a></span>\n    </div>\n  </caption>\n  <thead>\n    <tr scope=\"row\">\n      <td *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\">\n        <div class=\"govuk-checkboxes__item\">\n          <input class=\"govuk-checkboxes__input\" id=\"select-all\" name=\"select-all\" type=\"checkbox\" (change)=\"selectAll()\" [checked]=\"allOnPageSelected()\" [disabled]=\"!canAnyBeShared()\" />\n          <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-all\" [attr.aria-labelledby]=\"'select-all'\">\n          </label>\n        </div>\n      </td>\n      <th *ngFor=\"let col of resultView.columns\" class=\"search-result-column-header\"\n        [attr.aria-sort]=\"isSortAscending(col) === null ? null : (isSortAscending(col) ? 'ascending' : 'descending')\" scope=\"col\">\n        <div>\n          <div class=\"search-result-column-label\" (click)=\"sort(col)\" (keyup)=\"noop()\">\n            {{ isTranslatable(col) ? (col.label | rpxTranslate) : col.label }}\n          </div>\n          <div *ngIf=\"comparator(col)\" class=\"search-result-column-sort\">\n            <a (click)=\"sort(col); $event.preventDefault()\" (keyup.enter)=\"sort(col)\" class=\"sort-widget\" [innerHTML]=\"sortWidget(col)\" [attr.aria-label]=\"'Sort ' + col.label | rpxTranslate\" href=\"#\"></a>\n          </div>\n        </div>\n      </th>\n      <th *ngIf=\"activityEnabled()\" style=\"width: 110px;\" scope=\"col\">&ZeroWidthSpace;</th>\n    </tr>\n  </thead>\n\n  <tbody>\n    <!-- sorted by consumer -->\n    <ng-container *ngIf=\"consumerSortingEnabled\">\n      <tr *ngFor=\"let result of resultView.results | paginate: { itemsPerPage: paginationPageSize, currentPage: selected.page, totalItems: resultTotal }\">\n        <td *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"select-{{ result.case_id }}\" name=\"select-{{ result.case_id }}\"\n              type=\"checkbox\" (change)=\"changeSelection(result)\" [checked]=\"isSelected(result)\" [disabled]=\"!canBeShared(result)\" />\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-{{ result.case_id }}\" [attr.aria-labelledby]=\"'select-' + result.case_id\">\n            </label>\n          </div>\n        </td>\n        <td class=\"search-result-column-cell\" *ngFor=\"let col of resultView.columns; let colIndex = index\" scope=\"row\">\n          <a *ngIf=\"colIndex == 0\" [routerLink]=\"prepareCaseLinkUrl(result.case_id)\"\n            attr.aria-label=\"go to case with Case reference:{{ result.case_id | ccdCaseReference }}\" class=\"govuk-link\">\n            <ng-container class=\"text-16\" *ngIf=\"!hideRows\">\n              <ccd-field-read *ngIf=\"draftPrefixOrGet(col, result); else case_reference\"\n                              ccdLabelSubstitutor [caseField]=\"getColumnsWithPrefix(result.columns[col.case_field_id], result)\"\n                              [contextFields]=\"result.hydrated_case_fields\"\n                              [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n              <ng-template #case_reference>{{result.case_id | ccdCaseReference}}</ng-template>\n            </ng-container>\n          </a>\n          <div *ngIf=\"colIndex != 0\" class=\"text-16\" [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-field-read ccdLabelSubstitutor\n                            [caseField]=\"result.columns[col.case_field_id]\"\n                            [contextFields]=\"result.hydrated_case_fields\"\n                            [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n          </div>\n        </td>\n        <td *ngIf=\"activityEnabled()\">\n          <div [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-activity [caseId]=\"result.case_id\" [displayMode]=\"ICON\"></ccd-activity>\n          </div>\n        </td>\n      </tr>\n    </ng-container>\n    <!-- sorted by toolkit -->\n    <ng-container *ngIf=\"!consumerSortingEnabled\">\n      <tr *ngFor=\"let result of resultView.results | ccdSortSearchResult : sortParameters | paginate: { itemsPerPage: paginationPageSize, currentPage: selected.page, totalItems: resultTotal }\">\n        <td *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"select-{{ result.case_id }}\" name=\"select-{{ result.case_id }}\"\n              type=\"checkbox\" (change)=\"changeSelection(result)\" [checked]=\"isSelected(result)\" [disabled]=\"!canBeShared(result)\" (keyup)=\"onKeyUp($event, result)\" />\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-{{ result.case_id }}\" [attr.aria-labelledby]=\"'select-' + result.case_id\">\n            </label>\n          </div>\n        </td>\n        <td class=\"search-result-column-cell\" *ngFor=\"let col of resultView.columns; let colIndex = index\" scope=\"row\">\n\n          <a *ngIf=\"colIndex == 0\" [routerLink]=\"prepareCaseLinkUrl(result.case_id)\"\n            attr.aria-label=\"go to case with Case reference:{{ result.case_id | ccdCaseReference }}\" class=\"govuk-link\">\n            <ng-container class=\"text-16\" *ngIf=\"!hideRows\">\n              <ccd-field-read *ngIf=\"draftPrefixOrGet(col, result); else case_reference\"\n                              ccdLabelSubstitutor [caseField]=\"getColumnsWithPrefix(result.columns[col.case_field_id], result)\"\n                              [contextFields]=\"result.hydrated_case_fields\"\n                              [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n              <ng-template #case_reference>{{result.case_id | ccdCaseReference}}</ng-template>\n            </ng-container>\n          </a>\n          <div *ngIf=\"colIndex != 0\" class=\"text-16\" [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-field-read ccdLabelSubstitutor\n                            [caseField]=\"result.columns[col.case_field_id]\"\n                            [contextFields]=\"result.hydrated_case_fields\"\n                            [elementsToSubstitute]=\"['value']\"></ccd-field-read>\n          </div>\n        </td>\n        <td *ngIf=\"activityEnabled()\">\n          <div [style.visibility]=\"hideRows ? 'hidden' : 'visible'\">\n            <ccd-activity [caseId]=\"result.case_id\" [displayMode]=\"ICON\"></ccd-activity>\n          </div>\n        </td>\n      </tr>\n    </ng-container>\n\n  </tbody>\n</table>\n\n<ccd-pagination\n  *ngIf=\"hasResults()\"\n  (pageChange)=\"goToPage($event)\"\n  [visibilityLabel]=\"hideRows ? 'hidden' : 'visible'\"\n  [autoHide]=\"true\"\n  [maxSize]=\"8\"\n  [screenReaderPaginationLabel]=\"'Pagination'\"\n  [screenReaderPageLabel]=\"page\"\n  [screenReaderCurrentLabel]=\"'You\\'re on page'\"></ccd-pagination>\n\n<div *ngIf=\"!(hasResults() || hasDrafts())\" class=\"notification\" role=\"status\">\n{{'No cases found. Try using different filters.' | rpxTranslate}}\n</div>\n", styles: [".govuk-js-link{appearance:none;background:none;border:none;color:#005ea5;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0;text-decoration:underline}.govuk-js-link:hover{color:#2b8cc4;text-decoration-thickness:max(3px,.1875rem,.12em)}.govuk-js-link:focus{background-color:#ffbf47;color:#000;outline:3px solid transparent;text-decoration:none;box-shadow:0 -2px #ffbf47,0 4px #000}.govuk-js-link:visited{color:#4c2c92}table thead tr th{vertical-align:top}table tbody tr td{font-size:16px;word-wrap:break-word}table tbody tr td a{float:left}table .caseid-col{white-space:nowrap}.notification{text-align:center;padding:30px 0;margin-top:75px}a:hover{color:#005ea5}.search-result-reset-link{padding-right:15px;padding-left:15px}.search-result-column-header{width:unset;table-layout:normal}.search-result-column-header div{display:table-cell;width:auto}@media screen and (max-width:379px){.search-result-column-header div{display:block;float:right}}.search-result-column-label{font-size:16px;font-weight:700;word-wrap:break-word;cursor:pointer;padding-right:15px}.search-result-column-sort{font-size:16px}.sort-widget{cursor:pointer;text-decoration:none;color:#231f20}span.heading-medium{margin-top:-20px}.govuk-table__checkbox{vertical-align:middle;padding-left:3px}#search-result-heading__text:focus{outline:none}\n"] }]
     }], () => [{ type: SearchResultViewItemComparatorFactory }, { type: AbstractAppConfig }, { type: ActivityService }, { type: CaseReferencePipe }, { type: PlaceholderService }, { type: BrowserService }, { type: SessionStorageService }], { caseLinkUrlTemplate: [{
             type: Input
         }], jurisdiction: [{