@hmcts/ccd-case-ui-toolkit 7.0.48 → 7.0.49-disable-buttons-readonly2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -13354,7 +13354,7 @@ function WriteCollectionFieldComponent_div_9_div_1_Template(rf, ctx) { if (rf &
13354
13354
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 15, ctx_r0.itemLabel(i_r3)));
13355
13355
  i0.ɵɵadvance(3);
13356
13356
  i0.ɵɵattributeInterpolate1("aria-label", "Remove ", ctx_r0.itemLabel(i_r3), "");
13357
- i0.ɵɵproperty("disabled", ctx_r0.isNotAuthorisedToDelete(i_r3));
13357
+ i0.ɵɵproperty("disabled", ctx_r0.isNotAuthorisedToDelete(i_r3) || ctx_r0.allFieldsReadOnly);
13358
13358
  i0.ɵɵadvance();
13359
13359
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11, 17, "Remove"));
13360
13360
  i0.ɵɵadvance(2);
@@ -13379,7 +13379,7 @@ function WriteCollectionFieldComponent_button_10_Template(rf, ctx) { if (rf & 1)
13379
13379
  i0.ɵɵelementEnd();
13380
13380
  } if (rf & 2) {
13381
13381
  const ctx_r0 = i0.ɵɵnextContext();
13382
- i0.ɵɵproperty("disabled", ctx_r0.isNotAuthorisedToCreate() || ctx_r0.isSearchFilter());
13382
+ i0.ɵɵproperty("disabled", ctx_r0.isNotAuthorisedToCreate() || ctx_r0.isSearchFilter() || ctx_r0.allFieldsReadOnly);
13383
13383
  i0.ɵɵadvance();
13384
13384
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, "Add new"));
13385
13385
  } }
@@ -13394,6 +13394,7 @@ class WriteCollectionFieldComponent extends AbstractFieldWriteComponent {
13394
13394
  profileSubscription;
13395
13395
  items;
13396
13396
  collItems = [];
13397
+ allFieldsReadOnly = false;
13397
13398
  constructor(dialog, scrollToService, profileNotifier, cdRef) {
13398
13399
  super();
13399
13400
  this.dialog = dialog;
@@ -13417,6 +13418,7 @@ class WriteCollectionFieldComponent extends AbstractFieldWriteComponent {
13417
13418
  }
13418
13419
  this.collItems[index] = { caseField, item, prefix, index, container };
13419
13420
  });
13421
+ this.allFieldsReadOnly = this.checkComplexFieldReadOnly();
13420
13422
  }
13421
13423
  ngOnDestroy() {
13422
13424
  if (this.profileSubscription) {
@@ -13650,6 +13652,26 @@ class WriteCollectionFieldComponent extends AbstractFieldWriteComponent {
13650
13652
  const id = this.getControlIdAt(index);
13651
13653
  return !!id && !this.getCollectionPermission(this.caseField, 'allowDelete');
13652
13654
  }
13655
+ checkComplexFieldReadOnly() {
13656
+ return this.checkComplexFieldsReadOnly(this.caseField);
13657
+ }
13658
+ checkFieldType(caseField) {
13659
+ return caseField?.field_type?.type === 'Collection'
13660
+ ? caseField.field_type.collection_field_type?.complex_fields || []
13661
+ : caseField?.field_type?.complex_fields || [];
13662
+ }
13663
+ checkComplexFieldsReadOnly(caseField) {
13664
+ const children = this.checkFieldType(caseField);
13665
+ if (children.length === 0) {
13666
+ return caseField.display_context === 'READONLY';
13667
+ }
13668
+ return children.every((child) => {
13669
+ if (!['Collection', 'Complex'].includes(child.field_type.type)) {
13670
+ return child.display_context === 'READONLY';
13671
+ }
13672
+ return this.checkComplexFieldsReadOnly(child);
13673
+ });
13674
+ }
13653
13675
  openModal(i) {
13654
13676
  const dialogConfig = new MatDialogConfig();
13655
13677
  dialogConfig.disableClose = true;
@@ -13706,7 +13728,7 @@ class WriteCollectionFieldComponent extends AbstractFieldWriteComponent {
13706
13728
  i0.ɵɵadvance(3);
13707
13729
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 7, ctx.caseField), " ");
13708
13730
  i0.ɵɵadvance(2);
13709
- i0.ɵɵproperty("disabled", ctx.isNotAuthorisedToCreate() || ctx.isSearchFilter());
13731
+ i0.ɵɵproperty("disabled", ctx.isNotAuthorisedToCreate() || ctx.isSearchFilter() || ctx.allFieldsReadOnly);
13710
13732
  i0.ɵɵadvance();
13711
13733
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 9, "Add new"));
13712
13734
  i0.ɵɵadvance(2);
@@ -13719,7 +13741,7 @@ class WriteCollectionFieldComponent extends AbstractFieldWriteComponent {
13719
13741
  }
13720
13742
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteCollectionFieldComponent, [{
13721
13743
  type: Component,
13722
- args: [{ selector: 'ccd-write-collection-field', template: "<div class=\"form-group\" [id]=\"id()\">\n\n <div class=\"panel collection-indicator\">\n\n <h2 class=\"heading-h2 error-spacing\">\n {{(caseField | ccdFieldLabel)}}\n </h2>\n <button class=\"button write-collection-add-item__top\" type=\"button\" (click)=\"addItem(true)\" [disabled]=\"isNotAuthorisedToCreate() || isSearchFilter()\">{{'Add new' | rpxTranslate}}</button>\n <h2 class=\"heading-h2 error-spacing\" *ngIf=\"caseField.hint_text || formArray.errors\">\n <span *ngIf=\"caseField.hint_text\" class=\"form-hint\">{{caseField.hint_text | rpxTranslate }}</span>\n <span *ngIf=\"formArray.errors\" class=\"error-message\">\n {{(formArray.errors | ccdFirstError:caseField.label)}}\n </span>\n </h2>\n\n <div class=\"form-group\" [hidden]=\"caseField.hidden\" *ngIf=\"caseField.value && caseField.value.length\">\n <div *ngFor=\"let item of collItems; let i = index\" #collectionItem\n [id]=\"this.buildIdPrefix(i) + i\" class=\"form-group\">\n <div class=\"collection-title\">\n <div class=\"float-left\">\n <label [for]=\"item.prefix + i\"><h3 class=\"heading-h3\">{{itemLabel(i) | rpxTranslate}}</h3></label>\n </div>\n <div class=\"float-right\">\n <button class=\"button button-secondary\" type=\"button\" (click)=\"openModal(i)\"\n [disabled]=\"isNotAuthorisedToDelete(i)\"\n attr.aria-label=\"Remove {{ itemLabel(i) }}\">{{'Remove' | rpxTranslate}}</button>\n </div>\n </div>\n <ccd-field-write [caseField]=\"item.caseField\"\n [caseFields]=\"caseFields\"\n [formGroup]=\"formGroup\"\n [parent]=\"item.container\"\n [idPrefix]=\"item.prefix\"\n [hidden]=\"item.caseField.hidden\"\n [isExpanded]=\"isExpanded\"\n [isInSearchBlock]=\"isInSearchBlock\">\n </ccd-field-write>\n </div>\n\n </div>\n\n <button class=\"button write-collection-add-item__bottom\" type=\"button\" (click)=\"addItem(false)\" [disabled]=\"isNotAuthorisedToCreate() || isSearchFilter()\" *ngIf=\"caseField.value && caseField.value.length\">{{'Add new' | rpxTranslate }}</button>\n\n </div>\n\n</div>\n", styles: [".collection-field-table tr:first-child>td{padding-top:0}.collection-field-table tr:last-child>td{border-bottom:none}.collection-field-table td.collection-actions{width:1px;white-space:nowrap}.error-spacing{margin-top:10px}.collection-title{height:51px}.float-left{float:left;padding-top:8px}.float-right{float:right}.complex-panel{margin:13px 0;border:1px solid #bfc1c3}.complex-panel .complex-panel-title{background-color:#dee0e2;padding:5px 5px 2px;border-bottom:1px solid #bfc1c3;display:block;color:#0b0c0c;font-family:nta,Arial,sans-serif;font-weight:700;text-transform:none;font-size:16px;line-height:1.25}@media (min-width: 641px){.complex-panel .complex-panel-title{font-size:19px;line-height:1.3157894737}}.complex-panel .complex-panel-table>tbody>tr>th{vertical-align:top}.complex-panel .complex-panel-table>tbody>tr:last-child>th,.complex-panel .complex-panel-table>tbody>tr:last-child>td{border-bottom:none}.complex-panel .complex-panel-simple-field th{padding-left:5px;width:295px}.complex-panel .complex-panel-compound-field td{padding:5px}.collection-indicator{border-left:solid 5px #b1b4b6}\n"] }]
13744
+ args: [{ selector: 'ccd-write-collection-field', template: "<div class=\"form-group\" [id]=\"id()\">\n\n <div class=\"panel collection-indicator\">\n\n <h2 class=\"heading-h2 error-spacing\">\n {{(caseField | ccdFieldLabel)}}\n </h2>\n <button class=\"button write-collection-add-item__top\" type=\"button\" (click)=\"addItem(true)\" [disabled]=\"isNotAuthorisedToCreate() || isSearchFilter() || allFieldsReadOnly\">{{'Add new' | rpxTranslate}}</button>\n <h2 class=\"heading-h2 error-spacing\" *ngIf=\"caseField.hint_text || formArray.errors\">\n <span *ngIf=\"caseField.hint_text\" class=\"form-hint\">{{caseField.hint_text | rpxTranslate }}</span>\n <span *ngIf=\"formArray.errors\" class=\"error-message\">\n {{(formArray.errors | ccdFirstError:caseField.label)}}\n </span>\n </h2>\n\n <div class=\"form-group\" [hidden]=\"caseField.hidden\" *ngIf=\"caseField.value && caseField.value.length\">\n <div *ngFor=\"let item of collItems; let i = index\" #collectionItem\n [id]=\"this.buildIdPrefix(i) + i\" class=\"form-group\">\n <div class=\"collection-title\">\n <div class=\"float-left\">\n <label [for]=\"item.prefix + i\"><h3 class=\"heading-h3\">{{itemLabel(i) | rpxTranslate}}</h3></label>\n </div>\n <div class=\"float-right\">\n <button class=\"button button-secondary\" type=\"button\" (click)=\"openModal(i)\"\n [disabled]=\"isNotAuthorisedToDelete(i) || allFieldsReadOnly\"\n attr.aria-label=\"Remove {{ itemLabel(i) }}\">{{'Remove' | rpxTranslate}}</button>\n </div>\n </div>\n <ccd-field-write [caseField]=\"item.caseField\"\n [caseFields]=\"caseFields\"\n [formGroup]=\"formGroup\"\n [parent]=\"item.container\"\n [idPrefix]=\"item.prefix\"\n [hidden]=\"item.caseField.hidden\"\n [isExpanded]=\"isExpanded\"\n [isInSearchBlock]=\"isInSearchBlock\">\n </ccd-field-write>\n </div>\n\n </div>\n\n <button class=\"button write-collection-add-item__bottom\" type=\"button\" (click)=\"addItem(false)\" [disabled]=\"isNotAuthorisedToCreate() || isSearchFilter() || allFieldsReadOnly\" *ngIf=\"caseField.value && caseField.value.length\">{{'Add new' | rpxTranslate }}</button>\n\n </div>\n\n</div>\n", styles: [".collection-field-table tr:first-child>td{padding-top:0}.collection-field-table tr:last-child>td{border-bottom:none}.collection-field-table td.collection-actions{width:1px;white-space:nowrap}.error-spacing{margin-top:10px}.collection-title{height:51px}.float-left{float:left;padding-top:8px}.float-right{float:right}.complex-panel{margin:13px 0;border:1px solid #bfc1c3}.complex-panel .complex-panel-title{background-color:#dee0e2;padding:5px 5px 2px;border-bottom:1px solid #bfc1c3;display:block;color:#0b0c0c;font-family:nta,Arial,sans-serif;font-weight:700;text-transform:none;font-size:16px;line-height:1.25}@media (min-width: 641px){.complex-panel .complex-panel-title{font-size:19px;line-height:1.3157894737}}.complex-panel .complex-panel-table>tbody>tr>th{vertical-align:top}.complex-panel .complex-panel-table>tbody>tr:last-child>th,.complex-panel .complex-panel-table>tbody>tr:last-child>td{border-bottom:none}.complex-panel .complex-panel-simple-field th{padding-left:5px;width:295px}.complex-panel .complex-panel-compound-field td{padding:5px}.collection-indicator{border-left:solid 5px #b1b4b6}\n"] }]
13723
13745
  }], () => [{ type: i1$3.MatLegacyDialog }, { type: i2.ScrollToService }, { type: ProfileNotifier }, { type: i0.ChangeDetectorRef }], { caseFields: [{
13724
13746
  type: Input
13725
13747
  }], items: [{
@@ -36115,43 +36137,45 @@ function SearchResultComponent_table_0_div_5_Template(rf, ctx) { if (rf & 1) {
36115
36137
  } }
36116
36138
  function SearchResultComponent_table_0_div_6_Template(rf, ctx) { if (rf & 1) {
36117
36139
  i0.ɵɵelementStart(0, "div", 16);
36118
- i0.ɵɵpipe(1, "rpxTranslate");
36119
- i0.ɵɵelementStart(2, "span", 17);
36120
- i0.ɵɵtext(3);
36121
- i0.ɵɵpipe(4, "rpxTranslate");
36122
- i0.ɵɵelementStart(5, "span", 18);
36123
- i0.ɵɵtext(6);
36124
- i0.ɵɵelementEnd();
36140
+ i0.ɵɵelement(1, "output");
36141
+ i0.ɵɵpipe(2, "rpxTranslate");
36142
+ i0.ɵɵelementStart(3, "span", 17);
36143
+ i0.ɵɵtext(4);
36144
+ i0.ɵɵpipe(5, "rpxTranslate");
36145
+ i0.ɵɵelementStart(6, "span", 18);
36125
36146
  i0.ɵɵtext(7);
36126
- i0.ɵɵpipe(8, "rpxTranslate");
36127
- i0.ɵɵelementStart(9, "span", 18);
36128
- i0.ɵɵtext(10);
36129
36147
  i0.ɵɵelementEnd();
36148
+ i0.ɵɵtext(8);
36149
+ i0.ɵɵpipe(9, "rpxTranslate");
36150
+ i0.ɵɵelementStart(10, "span", 18);
36130
36151
  i0.ɵɵtext(11);
36131
- i0.ɵɵpipe(12, "rpxTranslate");
36132
- i0.ɵɵelementStart(13, "span", 18);
36133
- i0.ɵɵtext(14);
36134
36152
  i0.ɵɵelementEnd();
36153
+ i0.ɵɵtext(12);
36154
+ i0.ɵɵpipe(13, "rpxTranslate");
36155
+ i0.ɵɵelementStart(14, "span", 18);
36135
36156
  i0.ɵɵtext(15);
36136
- i0.ɵɵpipe(16, "rpxTranslate");
36157
+ i0.ɵɵelementEnd();
36158
+ i0.ɵɵtext(16);
36159
+ i0.ɵɵpipe(17, "rpxTranslate");
36137
36160
  i0.ɵɵelementEnd()();
36138
36161
  } if (rf & 2) {
36139
36162
  const ctx_r0 = i0.ɵɵnextContext(2);
36140
- i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 8, ctx_r0.getTotalResults() + " results have been found"));
36163
+ i0.ɵɵadvance();
36164
+ i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(2, 8, ctx_r0.getTotalResults() + " results have been found"));
36141
36165
  i0.ɵɵadvance(3);
36142
- i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(4, 10, "Showing"), " ");
36166
+ i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 10, "Showing"), " ");
36143
36167
  i0.ɵɵadvance(3);
36144
36168
  i0.ɵɵtextInterpolate(ctx_r0.getFirstResult());
36145
36169
  i0.ɵɵadvance();
36146
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(8, 12, "to"), " ");
36170
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 12, "to"), " ");
36147
36171
  i0.ɵɵadvance(3);
36148
36172
  i0.ɵɵtextInterpolate(ctx_r0.getLastResult());
36149
36173
  i0.ɵɵadvance();
36150
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(12, 14, "of"), " ");
36174
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 14, "of"), " ");
36151
36175
  i0.ɵɵadvance(3);
36152
36176
  i0.ɵɵtextInterpolate(ctx_r0.getTotalResults());
36153
36177
  i0.ɵɵadvance();
36154
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(16, 16, "results"), "");
36178
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17, 16, "results"), "");
36155
36179
  } }
36156
36180
  function SearchResultComponent_table_0_div_7_Template(rf, ctx) { if (rf & 1) {
36157
36181
  const _r2 = i0.ɵɵgetCurrentView();
@@ -36179,10 +36203,10 @@ function SearchResultComponent_table_0_th_10_Template(rf, ctx) { if (rf & 1) {
36179
36203
  i0.ɵɵadvance(2);
36180
36204
  i0.ɵɵproperty("checked", ctx_r0.allOnPageSelected())("disabled", !ctx_r0.canAnyBeShared());
36181
36205
  } }
36182
- function SearchResultComponent_table_0_th_11_div_8_Template(rf, ctx) { if (rf & 1) {
36206
+ function SearchResultComponent_table_0_th_11_div_5_Template(rf, ctx) { if (rf & 1) {
36183
36207
  const _r6 = i0.ɵɵgetCurrentView();
36184
36208
  i0.ɵɵelementStart(0, "div", 28)(1, "a", 29);
36185
- i0.ɵɵlistener("click", function SearchResultComponent_table_0_th_11_div_8_Template_a_click_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)); });
36209
+ i0.ɵɵlistener("click", function SearchResultComponent_table_0_th_11_div_5_Template_a_click_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)); });
36186
36210
  i0.ɵɵelementEnd()();
36187
36211
  } if (rf & 2) {
36188
36212
  const col_r5 = i0.ɵɵnextContext().$implicit;
@@ -36192,34 +36216,33 @@ function SearchResultComponent_table_0_th_11_div_8_Template(rf, ctx) { if (rf &
36192
36216
  } }
36193
36217
  function SearchResultComponent_table_0_th_11_Template(rf, ctx) { if (rf & 1) {
36194
36218
  const _r4 = i0.ɵɵgetCurrentView();
36195
- i0.ɵɵelementStart(0, "th")(1, "table", 25);
36196
- i0.ɵɵpipe(2, "rpxTranslate");
36197
- i0.ɵɵelementStart(3, "tr")(4, "th")(5, "div", 26);
36198
- i0.ɵɵlistener("click", function SearchResultComponent_table_0_th_11_Template_div_click_5_listener() { const col_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.sort(col_r5)); });
36199
- i0.ɵɵtext(6);
36200
- i0.ɵɵpipe(7, "rpxTranslate");
36219
+ i0.ɵɵelementStart(0, "th", 25)(1, "div")(2, "div", 26);
36220
+ 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()); });
36221
+ i0.ɵɵtext(3);
36222
+ i0.ɵɵpipe(4, "rpxTranslate");
36201
36223
  i0.ɵɵelementEnd();
36202
- i0.ɵɵtemplate(8, SearchResultComponent_table_0_th_11_div_8_Template, 2, 1, "div", 27);
36203
- i0.ɵɵelementEnd()()()();
36224
+ i0.ɵɵtemplate(5, SearchResultComponent_table_0_th_11_div_5_Template, 2, 1, "div", 27);
36225
+ i0.ɵɵelementEnd()();
36204
36226
  } if (rf & 2) {
36205
36227
  const col_r5 = ctx.$implicit;
36206
36228
  const ctx_r0 = i0.ɵɵnextContext(2);
36207
- i0.ɵɵadvance();
36208
- i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(2, 3, "Sort by " + col_r5.label + " " + ctx_r0.isSortAscending(col_r5) ? "ascending" : "descending"));
36209
- i0.ɵɵadvance(5);
36210
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 5, col_r5.label), " ");
36229
+ i0.ɵɵattribute("aria-sort", ctx_r0.isSortAscending(col_r5) === null ? null : ctx_r0.isSortAscending(col_r5) ? "ascending" : "descending");
36230
+ i0.ɵɵadvance(3);
36231
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 3, col_r5.label), " ");
36211
36232
  i0.ɵɵadvance(2);
36212
36233
  i0.ɵɵproperty("ngIf", ctx_r0.comparator(col_r5));
36213
36234
  } }
36214
36235
  function SearchResultComponent_table_0_th_12_Template(rf, ctx) { if (rf & 1) {
36215
- i0.ɵɵelement(0, "th", 30);
36236
+ i0.ɵɵelementStart(0, "th", 30);
36237
+ i0.ɵɵtext(1, "\u200B");
36238
+ i0.ɵɵelementEnd();
36216
36239
  } }
36217
36240
  function SearchResultComponent_table_0_ng_container_14_tr_1_td_1_Template(rf, ctx) { if (rf & 1) {
36218
36241
  const _r7 = i0.ɵɵgetCurrentView();
36219
- i0.ɵɵelementStart(0, "td", 21)(1, "div", 22)(2, "input", 32);
36242
+ i0.ɵɵelementStart(0, "td", 21)(1, "div", 22)(2, "input", 33);
36220
36243
  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)); });
36221
36244
  i0.ɵɵelementEnd();
36222
- i0.ɵɵelement(3, "label", 33);
36245
+ i0.ɵɵelement(3, "label", 34);
36223
36246
  i0.ɵɵelementEnd()();
36224
36247
  } if (rf & 2) {
36225
36248
  const result_r8 = i0.ɵɵnextContext().$implicit;
@@ -36232,7 +36255,7 @@ function SearchResultComponent_table_0_ng_container_14_tr_1_td_1_Template(rf, ct
36232
36255
  i0.ɵɵpropertyInterpolate1("for", "select-", result_r8.case_id, "");
36233
36256
  } }
36234
36257
  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) {
36235
- i0.ɵɵelement(0, "ccd-field-read", 41);
36258
+ i0.ɵɵelement(0, "ccd-field-read", 42);
36236
36259
  } if (rf & 2) {
36237
36260
  const col_r9 = i0.ɵɵnextContext(3).$implicit;
36238
36261
  const result_r8 = i0.ɵɵnextContext().$implicit;
@@ -36247,8 +36270,8 @@ function SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_ng_containe
36247
36270
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, result_r8.case_id));
36248
36271
  } }
36249
36272
  function SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
36250
- i0.ɵɵelementContainerStart(0, 39);
36251
- 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", 40)(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);
36273
+ i0.ɵɵelementContainerStart(0, 40);
36274
+ 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", 41)(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);
36252
36275
  i0.ɵɵelementContainerEnd();
36253
36276
  } if (rf & 2) {
36254
36277
  const case_reference_r10 = i0.ɵɵreference(3);
@@ -36259,9 +36282,9 @@ function SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_ng_containe
36259
36282
  i0.ɵɵproperty("ngIf", ctx_r0.draftPrefixOrGet(col_r9, result_r8))("ngIfElse", case_reference_r10);
36260
36283
  } }
36261
36284
  function SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_Template(rf, ctx) { if (rf & 1) {
36262
- i0.ɵɵelementStart(0, "a", 37);
36285
+ i0.ɵɵelementStart(0, "a", 38);
36263
36286
  i0.ɵɵpipe(1, "ccdCaseReference");
36264
- i0.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_ng_container_2_Template, 4, 2, "ng-container", 38);
36287
+ i0.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_ng_container_2_Template, 4, 2, "ng-container", 39);
36265
36288
  i0.ɵɵelementEnd();
36266
36289
  } if (rf & 2) {
36267
36290
  const result_r8 = i0.ɵɵnextContext(2).$implicit;
@@ -36272,8 +36295,8 @@ function SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_Template(rf
36272
36295
  i0.ɵɵproperty("ngIf", !ctx_r0.hideRows);
36273
36296
  } }
36274
36297
  function SearchResultComponent_table_0_ng_container_14_tr_1_td_2_div_2_Template(rf, ctx) { if (rf & 1) {
36275
- i0.ɵɵelementStart(0, "div", 39);
36276
- i0.ɵɵelement(1, "ccd-field-read", 41);
36298
+ i0.ɵɵelementStart(0, "div", 40);
36299
+ i0.ɵɵelement(1, "ccd-field-read", 42);
36277
36300
  i0.ɵɵelementEnd();
36278
36301
  } if (rf & 2) {
36279
36302
  const col_r9 = i0.ɵɵnextContext().$implicit;
@@ -36284,8 +36307,8 @@ function SearchResultComponent_table_0_ng_container_14_tr_1_td_2_div_2_Template(
36284
36307
  i0.ɵɵproperty("caseField", result_r8.columns[col_r9.case_field_id])("contextFields", result_r8.hydrated_case_fields)("elementsToSubstitute", i0.ɵɵpureFunction0(5, _c1));
36285
36308
  } }
36286
36309
  function SearchResultComponent_table_0_ng_container_14_tr_1_td_2_Template(rf, ctx) { if (rf & 1) {
36287
- i0.ɵɵelementStart(0, "td", 34);
36288
- i0.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_Template, 3, 6, "a", 35)(2, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_div_2_Template, 2, 6, "div", 36);
36310
+ i0.ɵɵelementStart(0, "td", 35);
36311
+ i0.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_a_1_Template, 3, 6, "a", 36)(2, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_div_2_Template, 2, 6, "div", 37);
36289
36312
  i0.ɵɵelementEnd();
36290
36313
  } if (rf & 2) {
36291
36314
  const colIndex_r11 = ctx.index;
@@ -36296,7 +36319,7 @@ function SearchResultComponent_table_0_ng_container_14_tr_1_td_2_Template(rf, ct
36296
36319
  } }
36297
36320
  function SearchResultComponent_table_0_ng_container_14_tr_1_td_3_Template(rf, ctx) { if (rf & 1) {
36298
36321
  i0.ɵɵelementStart(0, "td")(1, "div");
36299
- i0.ɵɵelement(2, "ccd-activity", 42);
36322
+ i0.ɵɵelement(2, "ccd-activity", 43);
36300
36323
  i0.ɵɵelementEnd()();
36301
36324
  } if (rf & 2) {
36302
36325
  const result_r8 = i0.ɵɵnextContext().$implicit;
@@ -36308,7 +36331,7 @@ function SearchResultComponent_table_0_ng_container_14_tr_1_td_3_Template(rf, ct
36308
36331
  } }
36309
36332
  function SearchResultComponent_table_0_ng_container_14_tr_1_Template(rf, ctx) { if (rf & 1) {
36310
36333
  i0.ɵɵelementStart(0, "tr");
36311
- i0.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_14_tr_1_td_1_Template, 4, 8, "td", 9)(2, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_Template, 3, 2, "td", 31)(3, SearchResultComponent_table_0_ng_container_14_tr_1_td_3_Template, 3, 4, "td", 1);
36334
+ i0.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_14_tr_1_td_1_Template, 4, 8, "td", 9)(2, SearchResultComponent_table_0_ng_container_14_tr_1_td_2_Template, 3, 2, "td", 32)(3, SearchResultComponent_table_0_ng_container_14_tr_1_td_3_Template, 3, 4, "td", 1);
36312
36335
  i0.ɵɵelementEnd();
36313
36336
  } if (rf & 2) {
36314
36337
  const ctx_r0 = i0.ɵɵnextContext(3);
@@ -36321,7 +36344,7 @@ function SearchResultComponent_table_0_ng_container_14_tr_1_Template(rf, ctx) {
36321
36344
  } }
36322
36345
  function SearchResultComponent_table_0_ng_container_14_Template(rf, ctx) { if (rf & 1) {
36323
36346
  i0.ɵɵelementContainerStart(0);
36324
- i0.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_14_tr_1_Template, 4, 3, "tr", 10);
36347
+ i0.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_14_tr_1_Template, 4, 3, "tr", 31);
36325
36348
  i0.ɵɵpipe(2, "paginate");
36326
36349
  i0.ɵɵelementContainerEnd();
36327
36350
  } if (rf & 2) {
@@ -36331,10 +36354,10 @@ function SearchResultComponent_table_0_ng_container_14_Template(rf, ctx) { if (r
36331
36354
  } }
36332
36355
  function SearchResultComponent_table_0_ng_container_15_tr_1_td_1_Template(rf, ctx) { if (rf & 1) {
36333
36356
  const _r12 = i0.ɵɵgetCurrentView();
36334
- i0.ɵɵelementStart(0, "td", 21)(1, "div", 22)(2, "input", 43);
36357
+ i0.ɵɵelementStart(0, "td", 21)(1, "div", 22)(2, "input", 44);
36335
36358
  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)); });
36336
36359
  i0.ɵɵelementEnd();
36337
- i0.ɵɵelement(3, "label", 33);
36360
+ i0.ɵɵelement(3, "label", 34);
36338
36361
  i0.ɵɵelementEnd()();
36339
36362
  } if (rf & 2) {
36340
36363
  const result_r13 = i0.ɵɵnextContext().$implicit;
@@ -36347,7 +36370,7 @@ function SearchResultComponent_table_0_ng_container_15_tr_1_td_1_Template(rf, ct
36347
36370
  i0.ɵɵpropertyInterpolate1("for", "select-", result_r13.case_id, "");
36348
36371
  } }
36349
36372
  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) {
36350
- i0.ɵɵelement(0, "ccd-field-read", 41);
36373
+ i0.ɵɵelement(0, "ccd-field-read", 42);
36351
36374
  } if (rf & 2) {
36352
36375
  const col_r14 = i0.ɵɵnextContext(3).$implicit;
36353
36376
  const result_r13 = i0.ɵɵnextContext().$implicit;
@@ -36362,8 +36385,8 @@ function SearchResultComponent_table_0_ng_container_15_tr_1_td_2_a_1_ng_containe
36362
36385
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, result_r13.case_id));
36363
36386
  } }
36364
36387
  function SearchResultComponent_table_0_ng_container_15_tr_1_td_2_a_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
36365
- i0.ɵɵelementContainerStart(0, 39);
36366
- 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", 40)(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);
36388
+ i0.ɵɵelementContainerStart(0, 40);
36389
+ 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", 41)(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);
36367
36390
  i0.ɵɵelementContainerEnd();
36368
36391
  } if (rf & 2) {
36369
36392
  const case_reference_r15 = i0.ɵɵreference(3);
@@ -36374,9 +36397,9 @@ function SearchResultComponent_table_0_ng_container_15_tr_1_td_2_a_1_ng_containe
36374
36397
  i0.ɵɵproperty("ngIf", ctx_r0.draftPrefixOrGet(col_r14, result_r13))("ngIfElse", case_reference_r15);
36375
36398
  } }
36376
36399
  function SearchResultComponent_table_0_ng_container_15_tr_1_td_2_a_1_Template(rf, ctx) { if (rf & 1) {
36377
- i0.ɵɵelementStart(0, "a", 37);
36400
+ i0.ɵɵelementStart(0, "a", 38);
36378
36401
  i0.ɵɵpipe(1, "ccdCaseReference");
36379
- i0.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_15_tr_1_td_2_a_1_ng_container_2_Template, 4, 2, "ng-container", 38);
36402
+ i0.ɵɵtemplate(2, SearchResultComponent_table_0_ng_container_15_tr_1_td_2_a_1_ng_container_2_Template, 4, 2, "ng-container", 39);
36380
36403
  i0.ɵɵelementEnd();
36381
36404
  } if (rf & 2) {
36382
36405
  const result_r13 = i0.ɵɵnextContext(2).$implicit;
@@ -36387,8 +36410,8 @@ function SearchResultComponent_table_0_ng_container_15_tr_1_td_2_a_1_Template(rf
36387
36410
  i0.ɵɵproperty("ngIf", !ctx_r0.hideRows);
36388
36411
  } }
36389
36412
  function SearchResultComponent_table_0_ng_container_15_tr_1_td_2_div_2_Template(rf, ctx) { if (rf & 1) {
36390
- i0.ɵɵelementStart(0, "div", 39);
36391
- i0.ɵɵelement(1, "ccd-field-read", 41);
36413
+ i0.ɵɵelementStart(0, "div", 40);
36414
+ i0.ɵɵelement(1, "ccd-field-read", 42);
36392
36415
  i0.ɵɵelementEnd();
36393
36416
  } if (rf & 2) {
36394
36417
  const col_r14 = i0.ɵɵnextContext().$implicit;
@@ -36399,8 +36422,8 @@ function SearchResultComponent_table_0_ng_container_15_tr_1_td_2_div_2_Template(
36399
36422
  i0.ɵɵproperty("caseField", result_r13.columns[col_r14.case_field_id])("contextFields", result_r13.hydrated_case_fields)("elementsToSubstitute", i0.ɵɵpureFunction0(5, _c1));
36400
36423
  } }
36401
36424
  function SearchResultComponent_table_0_ng_container_15_tr_1_td_2_Template(rf, ctx) { if (rf & 1) {
36402
- i0.ɵɵelementStart(0, "td", 34);
36403
- i0.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_15_tr_1_td_2_a_1_Template, 3, 6, "a", 35)(2, SearchResultComponent_table_0_ng_container_15_tr_1_td_2_div_2_Template, 2, 6, "div", 36);
36425
+ i0.ɵɵelementStart(0, "td", 35);
36426
+ i0.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_15_tr_1_td_2_a_1_Template, 3, 6, "a", 36)(2, SearchResultComponent_table_0_ng_container_15_tr_1_td_2_div_2_Template, 2, 6, "div", 37);
36404
36427
  i0.ɵɵelementEnd();
36405
36428
  } if (rf & 2) {
36406
36429
  const colIndex_r16 = ctx.index;
@@ -36411,7 +36434,7 @@ function SearchResultComponent_table_0_ng_container_15_tr_1_td_2_Template(rf, ct
36411
36434
  } }
36412
36435
  function SearchResultComponent_table_0_ng_container_15_tr_1_td_3_Template(rf, ctx) { if (rf & 1) {
36413
36436
  i0.ɵɵelementStart(0, "td")(1, "div");
36414
- i0.ɵɵelement(2, "ccd-activity", 42);
36437
+ i0.ɵɵelement(2, "ccd-activity", 43);
36415
36438
  i0.ɵɵelementEnd()();
36416
36439
  } if (rf & 2) {
36417
36440
  const result_r13 = i0.ɵɵnextContext().$implicit;
@@ -36423,7 +36446,7 @@ function SearchResultComponent_table_0_ng_container_15_tr_1_td_3_Template(rf, ct
36423
36446
  } }
36424
36447
  function SearchResultComponent_table_0_ng_container_15_tr_1_Template(rf, ctx) { if (rf & 1) {
36425
36448
  i0.ɵɵelementStart(0, "tr");
36426
- i0.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_15_tr_1_td_1_Template, 4, 8, "td", 9)(2, SearchResultComponent_table_0_ng_container_15_tr_1_td_2_Template, 3, 2, "td", 31)(3, SearchResultComponent_table_0_ng_container_15_tr_1_td_3_Template, 3, 4, "td", 1);
36449
+ i0.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_15_tr_1_td_1_Template, 4, 8, "td", 9)(2, SearchResultComponent_table_0_ng_container_15_tr_1_td_2_Template, 3, 2, "td", 32)(3, SearchResultComponent_table_0_ng_container_15_tr_1_td_3_Template, 3, 4, "td", 1);
36427
36450
  i0.ɵɵelementEnd();
36428
36451
  } if (rf & 2) {
36429
36452
  const ctx_r0 = i0.ɵɵnextContext(3);
@@ -36436,7 +36459,7 @@ function SearchResultComponent_table_0_ng_container_15_tr_1_Template(rf, ctx) {
36436
36459
  } }
36437
36460
  function SearchResultComponent_table_0_ng_container_15_Template(rf, ctx) { if (rf & 1) {
36438
36461
  i0.ɵɵelementContainerStart(0);
36439
- i0.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_15_tr_1_Template, 4, 3, "tr", 10);
36462
+ i0.ɵɵtemplate(1, SearchResultComponent_table_0_ng_container_15_tr_1_Template, 4, 3, "tr", 31);
36440
36463
  i0.ɵɵpipe(2, "ccdSortSearchResult");
36441
36464
  i0.ɵɵpipe(3, "paginate");
36442
36465
  i0.ɵɵelementContainerEnd();
@@ -36450,10 +36473,10 @@ function SearchResultComponent_table_0_Template(rf, ctx) { if (rf & 1) {
36450
36473
  i0.ɵɵtext(3);
36451
36474
  i0.ɵɵpipe(4, "rpxTranslate");
36452
36475
  i0.ɵɵelementEnd();
36453
- i0.ɵɵtemplate(5, SearchResultComponent_table_0_div_5_Template, 11, 12, "div", 5)(6, SearchResultComponent_table_0_div_6_Template, 17, 18, "div", 6)(7, SearchResultComponent_table_0_div_7_Template, 6, 6, "div", 7);
36476
+ 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);
36454
36477
  i0.ɵɵelementEnd();
36455
36478
  i0.ɵɵelementStart(8, "thead")(9, "tr", 8);
36456
- i0.ɵɵtemplate(10, SearchResultComponent_table_0_th_10_Template, 4, 2, "th", 9)(11, SearchResultComponent_table_0_th_11_Template, 9, 7, "th", 10)(12, SearchResultComponent_table_0_th_12_Template, 1, 0, "th", 11);
36479
+ i0.ɵɵtemplate(10, SearchResultComponent_table_0_th_10_Template, 4, 2, "th", 9)(11, SearchResultComponent_table_0_th_11_Template, 6, 5, "th", 10)(12, SearchResultComponent_table_0_th_12_Template, 2, 0, "th", 11);
36457
36480
  i0.ɵɵelementEnd()();
36458
36481
  i0.ɵɵelementStart(13, "tbody");
36459
36482
  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);
@@ -36481,7 +36504,7 @@ function SearchResultComponent_table_0_Template(rf, ctx) { if (rf & 1) {
36481
36504
  } }
36482
36505
  function SearchResultComponent_ccd_pagination_1_Template(rf, ctx) { if (rf & 1) {
36483
36506
  const _r17 = i0.ɵɵgetCurrentView();
36484
- i0.ɵɵelementStart(0, "ccd-pagination", 44);
36507
+ i0.ɵɵelementStart(0, "ccd-pagination", 45);
36485
36508
  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)); });
36486
36509
  i0.ɵɵelementEnd();
36487
36510
  } if (rf & 2) {
@@ -36489,7 +36512,7 @@ function SearchResultComponent_ccd_pagination_1_Template(rf, ctx) { if (rf & 1)
36489
36512
  i0.ɵɵproperty("visibilityLabel", ctx_r0.hideRows ? "hidden" : "visible")("autoHide", true)("maxSize", 8)("screenReaderPaginationLabel", "Pagination")("screenReaderPageLabel", ctx_r0.page)("screenReaderCurrentLabel", "You're on page");
36490
36513
  } }
36491
36514
  function SearchResultComponent_div_2_Template(rf, ctx) { if (rf & 1) {
36492
- i0.ɵɵelementStart(0, "div", 45);
36515
+ i0.ɵɵelementStart(0, "div", 46);
36493
36516
  i0.ɵɵpipe(1, "rpxTranslate");
36494
36517
  i0.ɵɵtext(2);
36495
36518
  i0.ɵɵpipe(3, "rpxTranslate");
@@ -36794,24 +36817,11 @@ class SearchResultComponent {
36794
36817
  return result.case_id.startsWith(DRAFT_PREFIX) ? DRAFT_PREFIX : this.hyphenateIfCaseReferenceOrGet(col, result);
36795
36818
  }
36796
36819
  isSortAscending(column) {
36797
- const currentSortOrder = this.currentSortOrder(column);
36798
- return currentSortOrder === SortOrder$1.UNSORTED || currentSortOrder === SortOrder$1.DESCENDING;
36799
- }
36800
- currentSortOrder(column) {
36801
- let isAscending = true;
36802
- let isDescending = true;
36803
- if (this.comparator(column) === undefined) {
36804
- return SortOrder$1.UNSORTED;
36805
- }
36806
- for (let i = 0; i < this.resultView.results.length - 1; i++) {
36807
- const comparison = this.comparator(column).compare(this.resultView.results[i], this.resultView.results[i + 1]);
36808
- isDescending = isDescending && comparison <= 0;
36809
- isAscending = isAscending && comparison >= 0;
36810
- if (!isAscending && !isDescending) {
36811
- break;
36812
- }
36820
+ // simple way to determine if the column param is sorted and if its asc/desc
36821
+ if (this.consumerSortParameters.column === column.case_field_id) {
36822
+ return this.consumerSortParameters.order === SortOrder$1.ASCENDING;
36813
36823
  }
36814
- return isAscending ? SortOrder$1.ASCENDING : isDescending ? SortOrder$1.DESCENDING : SortOrder$1.UNSORTED;
36824
+ return null;
36815
36825
  }
36816
36826
  getFirstResult() {
36817
36827
  const currentPage = (this.selected.page ? this.selected.page : 1);
@@ -36850,8 +36860,10 @@ class SearchResultComponent {
36850
36860
  }
36851
36861
  }
36852
36862
  }
36863
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
36864
+ noop() { }
36853
36865
  static ɵfac = function SearchResultComponent_Factory(t) { return new (t || SearchResultComponent)(i0.ɵɵdirectiveInject(SearchResultViewItemComparatorFactory), i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(ActivityService), i0.ɵɵdirectiveInject(CaseReferencePipe), i0.ɵɵdirectiveInject(PlaceholderService), i0.ɵɵdirectiveInject(BrowserService), i0.ɵɵdirectiveInject(SessionStorageService)); };
36854
- 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" }, features: [i0.ɵɵNgOnChangesFeature], decls: 3, vars: 3, consts: [["case_reference", ""], [4, "ngIf"], [3, "visibilityLabel", "autoHide", "maxSize", "screenReaderPaginationLabel", "screenReaderPageLabel", "screenReaderCurrentLabel", "pageChange", 4, "ngIf"], ["class", "notification", 4, "ngIf"], ["id", "search-result-heading__text", "tabindex", "-1", 1, "heading-h2"], ["class", "govuk-warning-text pagination-limit-warning", 4, "ngIf"], ["class", "pagination-top", "role", "status", 4, "ngIf"], ["class", "reset-selection", 4, "ngIf"], ["scope", "row"], ["class", "govuk-table__checkbox", "scope", "col", 4, "ngIf"], [4, "ngFor", "ngForOf"], ["style", "width: 110px;", 4, "ngIf"], [1, "govuk-warning-text", "pagination-limit-warning"], ["aria-hidden", "true", 1, "govuk-warning-text__icon"], [1, "govuk-warning-text__text"], [1, "govuk-warning-text__assistive"], ["role", "status", 1, "pagination-top"], ["id", "search-result-summary__text", 1, "text-16"], [1, "govuk-!-font-weight-bold"], [1, "reset-selection"], ["href", "javascript:void(0)", 1, "search-result-reset-link", 3, "click"], ["scope", "col", 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"], [1, "search-result-column-header"], [1, "search-result-column-label", 3, "click"], ["class", "search-result-column-sort", 4, "ngIf"], [1, "search-result-column-sort"], ["href", "javascript:void(0)", 1, "sort-widget", 3, "click", "innerHTML"], [2, "width", "110px"], ["class", "search-result-column-cell", "scope", "row", 4, "ngFor", "ngForOf"], ["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"], [1, "notification"]], template: function SearchResultComponent_Template(rf, ctx) { if (rf & 1) {
36866
+ 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" }, features: [i0.ɵɵNgOnChangesFeature], decls: 3, vars: 3, consts: [["case_reference", ""], [4, "ngIf"], [3, "visibilityLabel", "autoHide", "maxSize", "screenReaderPaginationLabel", "screenReaderPageLabel", "screenReaderCurrentLabel", "pageChange", 4, "ngIf"], ["class", "notification", 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", "scope", "col", 4, "ngIf"], ["class", "search-result-column-header", 4, "ngFor", "ngForOf"], ["style", "width: 110px;", 4, "ngIf"], [1, "govuk-warning-text", "pagination-limit-warning"], ["aria-hidden", "true", 1, "govuk-warning-text__icon"], [1, "govuk-warning-text__text"], [1, "govuk-warning-text__assistive"], [1, "pagination-top"], ["id", "search-result-summary__text", 1, "text-16"], [1, "govuk-!-font-weight-bold"], [1, "reset-selection"], ["href", "javascript:void(0)", 1, "search-result-reset-link", 3, "click"], ["scope", "col", 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"], [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", "javascript:void(0)", 1, "sort-widget", 3, "click", "innerHTML"], [2, "width", "110px"], [4, "ngFor", "ngForOf"], ["class", "search-result-column-cell", "scope", "row", 4, "ngFor", "ngForOf"], ["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"], [1, "notification"]], template: function SearchResultComponent_Template(rf, ctx) { if (rf & 1) {
36855
36867
  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, 4, 6, "div", 3);
36856
36868
  } if (rf & 2) {
36857
36869
  i0.ɵɵproperty("ngIf", ctx.hasResults() || ctx.hasDrafts());
@@ -36863,7 +36875,7 @@ class SearchResultComponent {
36863
36875
  }
36864
36876
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchResultComponent, [{
36865
36877
  type: Component,
36866
- args: [{ selector: 'ccd-search-result', 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-warning-text__assistive\">{{'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 [attr.aria-label]=\"getTotalResults() + ' results have been found' | rpxTranslate\" role=\"status\">\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=\"javascript:void(0)\" (click)=\"clearSelection()\">{{'Reset case selection' | rpxTranslate}}</a></span>\n </div>\n </caption>\n <thead>\n <tr scope=\"row\">\n <th *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\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\">\n </label>\n </div>\n </th>\n <th *ngFor=\"let col of resultView.columns\">\n <table class=\"search-result-column-header\"\n [attr.aria-label]=\"('Sort by ' + col.label + ' ' + isSortAscending(col)? 'ascending' : 'descending') | rpxTranslate\">\n <tr>\n <th>\n <div class=\"search-result-column-label\" (click)=\"sort(col)\">\n {{col.label | rpxTranslate}}\n </div>\n <div *ngIf=\"comparator(col)\" class=\"search-result-column-sort\">\n <a (click)=\"sort(col)\" class=\"sort-widget\" [innerHTML]=\"sortWidget(col)\" href=\"javascript:void(0)\"></a>\n </div>\n </th>\n </tr>\n </table>\n </th>\n <th *ngIf=\"activityEnabled()\" style=\"width: 110px;\"></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 }}\">\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 }}\">\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\"\n[attr.aria-describedby]=\"'No cases found. Try using different filters.' | rpxTranslate\">\n{{'No cases found. Try using different filters.' | rpxTranslate}}\n</div>\n", styles: ["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"] }]
36878
+ args: [{ selector: 'ccd-search-result', 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-warning-text__assistive\">{{'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=\"javascript:void(0)\" (click)=\"clearSelection()\">{{'Reset case selection' | rpxTranslate}}</a></span>\n </div>\n </caption>\n <thead>\n <tr scope=\"row\">\n <th *ngIf=\"selectionEnabled\" class=\"govuk-table__checkbox\" scope=\"col\">\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\">\n </label>\n </div>\n </th>\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')\">\n <div>\n <div class=\"search-result-column-label\" (click)=\"sort(col)\" (keyup)=\"noop()\">\n {{col.label | rpxTranslate}}\n </div>\n <div *ngIf=\"comparator(col)\" class=\"search-result-column-sort\">\n <a (click)=\"sort(col)\" class=\"sort-widget\" [innerHTML]=\"sortWidget(col)\" href=\"javascript:void(0)\"></a>\n </div>\n </div>\n </th>\n <th *ngIf=\"activityEnabled()\" style=\"width: 110px;\">&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 }}\">\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 }}\">\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\"\n[attr.aria-describedby]=\"'No cases found. Try using different filters.' | rpxTranslate\">\n{{'No cases found. Try using different filters.' | rpxTranslate}}\n</div>\n", styles: ["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"] }]
36867
36879
  }], () => [{ type: SearchResultViewItemComparatorFactory }, { type: AbstractAppConfig }, { type: ActivityService }, { type: CaseReferencePipe }, { type: PlaceholderService }, { type: BrowserService }, { type: SessionStorageService }], { caseLinkUrlTemplate: [{
36868
36880
  type: Input
36869
36881
  }], jurisdiction: [{