@hmcts/ccd-case-ui-toolkit 4.12.7-task-event-completion → 4.12.7-task-event-completion-release

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.
Files changed (26) hide show
  1. package/RELEASE-NOTES.md +9 -0
  2. package/dist/index.umd.js +41 -20
  3. package/dist/index.umd.js.map +1 -1
  4. package/dist/index.umd.min.js +1 -1
  5. package/dist/index.umd.min.js.LICENSE.txt +1 -1
  6. package/dist/index.umd.min.js.map +1 -1
  7. package/dist/shared/components/case-editor/case-edit-page/case-edit-page.component.d.ts +1 -1
  8. package/dist/shared/components/case-editor/case-edit-page/case-edit-page.component.js +19 -11
  9. package/dist/shared/components/case-editor/case-edit-page/case-edit-page.component.js.map +1 -1
  10. package/dist/shared/components/case-editor/case-edit-submit/case-edit-submit.component.js +4 -1
  11. package/dist/shared/components/case-editor/case-edit-submit/case-edit-submit.component.js.map +1 -1
  12. package/dist/shared/components/case-editor/case-edit-submit/case-edit-submit.component.metadata.json +1 -1
  13. package/dist/shared/components/case-editor/services/page-validation.service.d.ts +1 -1
  14. package/dist/shared/components/case-editor/services/page-validation.service.js +5 -2
  15. package/dist/shared/components/case-editor/services/page-validation.service.js.map +1 -1
  16. package/dist/shared/components/markdown/markdown.component.js +1 -1
  17. package/dist/shared/components/markdown/markdown.component.js.map +1 -1
  18. package/dist/shared/components/markdown/markdown.component.metadata.json +1 -1
  19. package/dist/shared/components/markdown/markdown.module.js +3 -1
  20. package/dist/shared/components/markdown/markdown.module.js.map +1 -1
  21. package/dist/shared/components/markdown/markdown.module.metadata.json +1 -1
  22. package/dist/shared/components/palette/case-link/write-case-link-field.component.js +7 -2
  23. package/dist/shared/components/palette/case-link/write-case-link-field.component.js.map +1 -1
  24. package/dist/shared/pipes/case-reference/case-reference.pipe.js +1 -1
  25. package/dist/shared/pipes/case-reference/case-reference.pipe.js.map +1 -1
  26. package/package.json +1 -1
package/RELEASE-NOTES.md CHANGED
@@ -1,11 +1,17 @@
1
1
  ## RELEASE NOTES
2
2
 
3
+ ### Version 4.14.1-EUI-5305-change-link-accessibility-update
4
+ **EUI-5305** Accessibility improvement for 'Change' links
5
+
3
6
  ### Version 4.12.0
4
7
  Add refunds functionality
5
8
 
6
9
  ### Version 4.9.15-state-machine"
7
10
  **Task event completion and state machine** Task event completion and state machine
8
11
 
12
+ ### Version 4.3.9-markdown-case-ref-EUI-3650
13
+ **EUI-3650** Added formatting for case reference inside markdown
14
+
9
15
  ### Version 4.7.6-tab-not-defined-error"
10
16
  **EUI-4562** Case details Active tasks tab on success not returning to active tasks page
11
17
 
@@ -15,6 +21,9 @@ Add refunds functionality
15
21
  ### Version 4.7.6-tab-not-defined-error"
16
22
  **EUI-4562** Case details Active tasks tab on success not returning to active tasks page
17
23
 
24
+ ### Version 4.7.6-hearings-tab
25
+ **EUI-4441** Add hearings tab in case details
26
+
18
27
  ### Version 4.7.6-hearings-tab
19
28
  **EUI-4441** Add hearings tab in case details
20
29
  **EUI-4627** Can't access /hearings tab from URL
package/dist/index.umd.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @hmcts/ccd-case-ui-toolkit - Case UI Toolkit
3
- * @version vv4.12.7-task-event-completion
3
+ * @version vv4.12.7-task-event-completion-release
4
4
  * @link undefined
5
5
  * @license MIT
6
6
  */
@@ -19090,47 +19090,55 @@ var CaseEditPageComponent = /** @class */ (function () {
19090
19090
  CaseEditPageComponent_1.setFocusToTop();
19091
19091
  };
19092
19092
  // Adding validation message to show it as Error Summary
19093
- CaseEditPageComponent.prototype.generateErrorMessage = function (fields, container) {
19093
+ CaseEditPageComponent.prototype.generateErrorMessage = function (fields, container, path) {
19094
19094
  var _this = this;
19095
19095
  var group = container || this.editForm.controls['data'];
19096
19096
  fields.filter(function (casefield) { return !_this.caseFieldService.isReadOnly(casefield); })
19097
- .filter(function (casefield) { return !_this.pageValidationService.isHidden(casefield, _this.editForm); })
19097
+ .filter(function (casefield) { return !_this.pageValidationService.isHidden(casefield, _this.editForm, path); })
19098
19098
  .forEach(function (casefield) {
19099
19099
  var fieldElement = group.get(casefield.id);
19100
19100
  if (fieldElement) {
19101
19101
  var label = casefield.label || 'Field';
19102
- var id = casefield.id;
19102
+ var id_1 = casefield.id;
19103
19103
  if (fieldElement['component'] && fieldElement['component'].parent) {
19104
- id = "" + fieldElement['component'].idPrefix + id;
19104
+ if (fieldElement['component'].idPrefix.indexOf('_' + id_1 + '_') === -1) {
19105
+ id_1 = "" + fieldElement['component'].idPrefix + id_1;
19106
+ }
19107
+ else {
19108
+ id_1 = "" + fieldElement['component'].idPrefix;
19109
+ }
19105
19110
  }
19106
19111
  if (fieldElement.hasError('required')) {
19107
- _this.validationErrors.push({ id: id, message: label + " is required" });
19112
+ _this.validationErrors.push({ id: id_1, message: label + " is required" });
19108
19113
  fieldElement.markAsDirty();
19109
19114
  }
19110
19115
  else if (fieldElement.hasError('pattern')) {
19111
- _this.validationErrors.push({ id: id, message: label + " is not valid" });
19116
+ _this.validationErrors.push({ id: id_1, message: label + " is not valid" });
19112
19117
  fieldElement.markAsDirty();
19113
19118
  }
19114
19119
  else if (fieldElement.hasError('minlength')) {
19115
- _this.validationErrors.push({ id: id, message: label + " is below the minimum length" });
19120
+ _this.validationErrors.push({ id: id_1, message: label + " is below the minimum length" });
19116
19121
  fieldElement.markAsDirty();
19117
19122
  }
19118
19123
  else if (fieldElement.hasError('maxlength')) {
19119
- _this.validationErrors.push({ id: id, message: label + " exceeds the maximum length" });
19124
+ _this.validationErrors.push({ id: id_1, message: label + " exceeds the maximum length" });
19120
19125
  fieldElement.markAsDirty();
19121
19126
  }
19122
19127
  else if (fieldElement.invalid) {
19123
19128
  if (casefield.isComplex()) {
19124
- _this.generateErrorMessage(casefield.field_type.complex_fields, fieldElement);
19129
+ _this.generateErrorMessage(casefield.field_type.complex_fields, fieldElement, id_1);
19125
19130
  }
19126
19131
  else if (casefield.isCollection() && casefield.field_type.collection_field_type.type === 'Complex') {
19127
19132
  var fieldArray = fieldElement;
19133
+ if (fieldArray['component'] && fieldArray['component']['collItems'] && fieldArray['component']['collItems'].length > 0) {
19134
+ id_1 = "" + fieldArray['component']['collItems'][0].prefix;
19135
+ }
19128
19136
  fieldArray.controls.forEach(function (c) {
19129
- _this.generateErrorMessage(casefield.field_type.collection_field_type.complex_fields, c.get('value'));
19137
+ _this.generateErrorMessage(casefield.field_type.collection_field_type.complex_fields, c.get('value'), id_1);
19130
19138
  });
19131
19139
  }
19132
19140
  else {
19133
- _this.validationErrors.push({ id: id, message: "Select or fill the required " + casefield.label + " field" });
19141
+ _this.validationErrors.push({ id: id_1, message: "Select or fill the required " + casefield.label + " field" });
19134
19142
  fieldElement.markAsDirty();
19135
19143
  }
19136
19144
  }
@@ -19545,6 +19553,9 @@ var CaseEditSubmitComponent = /** @class */ (function () {
19545
19553
  this.formValueService.removeEmptyCollectionsWithMinValidation(caseEventData.data, this.eventTrigger.case_fields);
19546
19554
  caseEventData.event_token = this.eventTrigger.event_token;
19547
19555
  caseEventData.ignore_warning = this.ignoreWarning;
19556
+ if (this.caseEdit.confirmation) {
19557
+ caseEventData.data = {};
19558
+ }
19548
19559
  return caseEventData;
19549
19560
  };
19550
19561
  /**
@@ -21640,10 +21651,13 @@ var PageValidationService = /** @class */ (function () {
21640
21651
  }
21641
21652
  return !(this.checkMandatoryField(caseField, theControl));
21642
21653
  };
21643
- PageValidationService.prototype.isHidden = function (caseField, editForm) {
21654
+ PageValidationService.prototype.isHidden = function (caseField, editForm, path) {
21644
21655
  var formFields = editForm.getRawValue();
21645
21656
  var condition = conditional_show_model_1.ShowCondition.getInstance(caseField.show_condition);
21646
- return !condition.match(formFields.data);
21657
+ if (path && path.indexOf('_' + caseField.id + '_') === -1) {
21658
+ path = "" + path + caseField.id;
21659
+ }
21660
+ return !condition.match(formFields.data, path);
21647
21661
  };
21648
21662
  PageValidationService.prototype.checkOptionalField = function (caseField, theControl) {
21649
21663
  if (!theControl) {
@@ -26963,6 +26977,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
26963
26977
  var core_1 = __webpack_require__(57208);
26964
26978
  var markdown_component_1 = __webpack_require__(86843);
26965
26979
  var ngx_md_1 = __webpack_require__(99978);
26980
+ var pipes_1 = __webpack_require__(32741);
26966
26981
  exports.forRoot = ngx_md_1.NgxMdModule.forRoot();
26967
26982
  var MarkdownModule = /** @class */ (function () {
26968
26983
  function MarkdownModule() {
@@ -26970,7 +26985,8 @@ var MarkdownModule = /** @class */ (function () {
26970
26985
  MarkdownModule = __decorate([
26971
26986
  core_1.NgModule({
26972
26987
  imports: [
26973
- exports.forRoot
26988
+ exports.forRoot,
26989
+ pipes_1.PipesModule
26974
26990
  ],
26975
26991
  declarations: [
26976
26992
  markdown_component_1.MarkdownComponent
@@ -28190,12 +28206,12 @@ var WriteCaseLinkFieldComponent = /** @class */ (function (_super) {
28190
28206
  WriteCaseLinkFieldComponent.prototype.ngOnInit = function () {
28191
28207
  if (this.caseField.value) {
28192
28208
  this.caseLinkGroup = this.registerControl(new forms_1.FormGroup({
28193
- 'CaseReference': new forms_1.FormControl(this.caseField.value.CaseReference),
28209
+ 'CaseReference': new forms_1.FormControl(this.caseField.value.CaseReference, forms_1.Validators.required),
28194
28210
  }), true);
28195
28211
  }
28196
28212
  else {
28197
28213
  this.caseLinkGroup = this.registerControl(new forms_1.FormGroup({
28198
- 'CaseReference': new forms_1.FormControl(),
28214
+ 'CaseReference': new forms_1.FormControl(null, forms_1.Validators.required),
28199
28215
  }), true);
28200
28216
  }
28201
28217
  this.caseReferenceControl = this.caseLinkGroup.controls['CaseReference'];
@@ -28218,6 +28234,11 @@ var WriteCaseLinkFieldComponent = /** @class */ (function (_super) {
28218
28234
  }
28219
28235
  return { 'error': 'Please use a valid 16 Digit Case Reference' };
28220
28236
  }
28237
+ else {
28238
+ if (control.touched) {
28239
+ return { 'error': 'Please use a valid 16 Digit Case Reference' };
28240
+ }
28241
+ }
28221
28242
  return null;
28222
28243
  };
28223
28244
  };
@@ -39988,7 +40009,7 @@ var CaseReferencePipe = /** @class */ (function () {
39988
40009
  return draft_model_1.DRAFT_PREFIX;
39989
40010
  }
39990
40011
  else {
39991
- return String(caseReference).replace(/(\d{4})(\d{4})(\d{4})(\d{4})/, '$1-$2-$3-$4');
40012
+ return String(caseReference).replace(/(?<!\/)(\d{4})(\d{4})(\d{4})(\d{4})/g, '$1-$2-$3-$4');
39992
40013
  }
39993
40014
  };
39994
40015
  CaseReferencePipe = __decorate([
@@ -89156,7 +89177,7 @@ module.exports = "<ccd-loading-spinner *ngIf=\"showSpinner\"></ccd-loading-spin
89156
89177
  /***/ 81278:
89157
89178
  /***/ ((module) => {
89158
89179
 
89159
- module.exports = "<div *ngIf=\"!eventCompletionChecksRequired\">\n <!-- Event trigger name -->\n <h1 class=\"govuk-heading-l\">{{ eventTrigger.name}}</h1>\n\n <!--Case ID or Title -->\n <div *ngIf=\"getCaseTitle(); then titleBlock; else idBlock\"></div>\n <ng-template #titleBlock>\n <ccd-markdown [content]=\"getCaseTitle() | ccdCaseTitle: contextFields : editForm.controls['data']\"></ccd-markdown>\n </ng-template>\n <ng-template #idBlock>\n <h2 *ngIf=\"getCaseId()\" class=\"heading-h2\">#{{ getCaseId() | ccdCaseReference }}</h2>\n </ng-template>\n\n <!-- 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) && !error.message)\" class=\"error-summary\" 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\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.</p>\n <p><a href=\"get-help\" target=\"_blank\">Contact us</a> if you're still having problems.</p>\n </div>\n </div>\n <!-- Event error heading and error message to be displayed if there are specific error details -->\n <div *ngIf=\"error && (error.details || error.message)\" class=\"error-summary\" role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n <h3 class=\"heading-h3 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n The event could not be created\n </h3>\n <p>{{error.message}}</p>\n <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n <li *ngFor=\"let fieldError of error.details.field_errors\" class=\"ccd-error-summary-li\">{{fieldError.message}}</li>\n </ul>\n </div>\n <ccd-callback-errors [callbackErrorsSubject]=\"callbackErrorsSubject\"\n (callbackErrorsContext)=\"callbackErrorsNotify($event)\"></ccd-callback-errors>\n\n <form class=\"check-your-answers\" [formGroup]=\"editForm\" (submit)=\"submit()\">\n <ng-container *ngIf=\"checkYourAnswerFieldsToDisplayExists()\">\n\n <h2 class=\"heading-h2\">Check your answers</h2>\n <span class=\"text-16\">Check the information below carefully.</span>\n\n <table class=\"form-table\">\n <tbody>\n <ng-container *ngFor=\"let page of this.wizard.pages\">\n <ng-container *ngIf=\"isShown(page)\">\n <ng-container *ngFor=\"let field of page\n | ccdPageFields: editForm.controls['data']\n | ccdReadFieldsFilter: false :undefined :true : editForm.controls['data']\n | ccdCYAPageLabelFilter\">\n <ng-container *ngIf=\"canShowFieldInCYA(field)\">\n <tr ccdLabelSubstitutor [caseField]=\"field\" [hidden]=\"field.hidden\"\n [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n <th *ngIf=\"!isLabel(field)\" class=\"valign-top case-field-label\"><span class=\"text-16\">{{field.label}}</span></th>\n <td class=\"form-cell case-field-content\" [attr.colspan]=\"isLabel(field) ? '2' : '1'\">\n <ccd-field-read\n [formGroup]=\"editForm.controls['data']\" [topLevelFormGroup]=\"editForm.controls['data']\"\n [caseField]=\"summaryCaseField(field)\" [context]=\"paletteContext\" [caseFields]=\"contextFields\"></ccd-field-read>\n </td>\n <td class=\"valign-top check-your-answers__change case-field-change\">\n <a *ngIf=\"isChangeAllowed(field)\" (click)=\"navigateToPage(page.id)\"\n href=\"javascript:void(0)\"><span class=\"text-16\">Change</span></a>\n </td>\n </tr>\n </ng-container>\n </ng-container>\n </ng-container>\n </ng-container>\n </tbody>\n </table>\n </ng-container>\n <ng-container *ngIf=\"readOnlySummaryFieldsToDisplayExists()\">\n\n <table class=\"summary-fields\">\n <tbody>\n <ng-container *ngFor=\"let field of this.showSummaryFields\">\n <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n <tr *ngSwitchCase=\"true\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n <th>{{field.label}}</th>\n <td class=\"form-cell\">\n <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\"></ccd-field-read>\n </td>\n </tr>\n <tr *ngSwitchCase=\"false\" class=\"compound-field\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n <td colspan=\"2\">\n <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\" [caseFields]=\"contextFields\"></ccd-field-read>\n </td>\n </tr>\n </ng-container>\n </ng-container>\n </tbody>\n </table>\n </ng-container>\n <ng-container *ngIf=\"showEventNotes()\">\n <fieldset id=\"fieldset-event\" formGroupName=\"event\" *ngIf=\"profile && !isSolicitor()\">\n <div class=\"form-group\">\n <label for=\"field-trigger-summary\" class=\"form-label\">\n Event summary (optional)\n <span class=\"form-hint\">A few words describing the purpose of the event.</span>\n </label>\n <input type=\"text\" id=\"field-trigger-summary\" class=\"form-control bottom-30 width-50\" formControlName=\"summary\" maxlength=\"1024\">\n </div>\n <div class=\"form-group\">\n <label for=\"field-trigger-description\" class=\"form-label\">Event description (optional)</label>\n <textarea id=\"field-trigger-description\" class=\"form-control bottom-30 width-50\" formControlName=\"description\"\n maxlength=\"65536\"></textarea>\n </div>\n </fieldset>\n </ng-container>\n <div class=\"form-group form-group-related\">\n <button class=\"button button-secondary\" type=\"button\" [disabled]=\"!hasPrevious() || isSubmitting\" (click)=\"previous()\">Previous</button>\n <button type=\"submit\" [disabled]=\"isDisabled\" class=\"button\">{{triggerText}}</button>\n </div>\n <p class=\"cancel\"><a (click)=\"cancel()\" href=\"javascript:void(0)\" [class.disabled]=\"isSubmitting\">{{getCancelText()}}</a></p>\n </form>\n</div>\n<ccd-case-event-completion *ngIf=\"eventCompletionChecksRequired\"\n [eventCompletionParams]=\"eventCompletionParams\"\n (eventCanBeCompleted)=\"onEventCanBeCompleted($event)\">\n</ccd-case-event-completion>"
89180
+ module.exports = "<div *ngIf=\"!eventCompletionChecksRequired\">\n <!-- Event trigger name -->\n <h1 class=\"govuk-heading-l\">{{ eventTrigger.name}}</h1>\n\n <!--Case ID or Title -->\n <div *ngIf=\"getCaseTitle(); then titleBlock; else idBlock\"></div>\n <ng-template #titleBlock>\n <ccd-markdown [content]=\"getCaseTitle() | ccdCaseTitle: contextFields : editForm.controls['data']\"></ccd-markdown>\n </ng-template>\n <ng-template #idBlock>\n <h2 *ngIf=\"getCaseId()\" class=\"heading-h2\">#{{ getCaseId() | ccdCaseReference }}</h2>\n </ng-template>\n\n <!-- 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) && !error.message)\" class=\"error-summary\" 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\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.</p>\n <p><a href=\"get-help\" target=\"_blank\">Contact us</a> if you're still having problems.</p>\n </div>\n </div>\n <!-- Event error heading and error message to be displayed if there are specific error details -->\n <div *ngIf=\"error && (error.details || error.message)\" class=\"error-summary\" role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n <h3 class=\"heading-h3 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n The event could not be created\n </h3>\n <p>{{error.message}}</p>\n <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n <li *ngFor=\"let fieldError of error.details.field_errors\" class=\"ccd-error-summary-li\">{{fieldError.message}}</li>\n </ul>\n </div>\n <ccd-callback-errors [callbackErrorsSubject]=\"callbackErrorsSubject\"\n (callbackErrorsContext)=\"callbackErrorsNotify($event)\"></ccd-callback-errors>\n\n <form class=\"check-your-answers\" [formGroup]=\"editForm\" (submit)=\"submit()\">\n <ng-container *ngIf=\"checkYourAnswerFieldsToDisplayExists()\">\n\n <h2 class=\"heading-h2\">Check your answers</h2>\n <span class=\"text-16\">Check the information below carefully.</span>\n\n <table class=\"form-table\">\n <tbody>\n <ng-container *ngFor=\"let page of this.wizard.pages\">\n <ng-container *ngIf=\"isShown(page)\">\n <ng-container *ngFor=\"let field of page\n | ccdPageFields: editForm.controls['data']\n | ccdReadFieldsFilter: false :undefined :true : editForm.controls['data']\n | ccdCYAPageLabelFilter\">\n <ng-container *ngIf=\"canShowFieldInCYA(field)\">\n <tr ccdLabelSubstitutor [caseField]=\"field\" [hidden]=\"field.hidden\"\n [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n <th *ngIf=\"!isLabel(field)\" class=\"valign-top case-field-label\"><span class=\"text-16\">{{field.label}}</span></th>\n <td class=\"form-cell case-field-content\" [attr.colspan]=\"isLabel(field) ? '2' : '1'\">\n <ccd-field-read\n [formGroup]=\"editForm.controls['data']\" [topLevelFormGroup]=\"editForm.controls['data']\"\n [caseField]=\"summaryCaseField(field)\" [context]=\"paletteContext\" [caseFields]=\"contextFields\"></ccd-field-read>\n </td>\n <td class=\"valign-top check-your-answers__change case-field-change\">\n <a *ngIf=\"isChangeAllowed(field)\" (click)=\"navigateToPage(page.id)\"\n href=\"javascript:void(0)\"><span class=\"text-16\" attr.aria-label=\"Change {{ field.label }}\">Change</span></a>\n </td>\n </tr>\n </ng-container>\n </ng-container>\n </ng-container>\n </ng-container>\n </tbody>\n </table>\n </ng-container>\n <ng-container *ngIf=\"readOnlySummaryFieldsToDisplayExists()\">\n\n <table class=\"summary-fields\">\n <tbody>\n <ng-container *ngFor=\"let field of this.showSummaryFields\">\n <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n <tr *ngSwitchCase=\"true\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n <th>{{field.label}}</th>\n <td class=\"form-cell\">\n <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\"></ccd-field-read>\n </td>\n </tr>\n <tr *ngSwitchCase=\"false\" class=\"compound-field\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n <td colspan=\"2\">\n <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\" [caseFields]=\"contextFields\"></ccd-field-read>\n </td>\n </tr>\n </ng-container>\n </ng-container>\n </tbody>\n </table>\n </ng-container>\n <ng-container *ngIf=\"showEventNotes()\">\n <fieldset id=\"fieldset-event\" formGroupName=\"event\" *ngIf=\"profile && !isSolicitor()\">\n <div class=\"form-group\">\n <label for=\"field-trigger-summary\" class=\"form-label\">\n Event summary (optional)\n <span class=\"form-hint\">A few words describing the purpose of the event.</span>\n </label>\n <input type=\"text\" id=\"field-trigger-summary\" class=\"form-control bottom-30 width-50\" formControlName=\"summary\" maxlength=\"1024\">\n </div>\n <div class=\"form-group\">\n <label for=\"field-trigger-description\" class=\"form-label\">Event description (optional)</label>\n <textarea id=\"field-trigger-description\" class=\"form-control bottom-30 width-50\" formControlName=\"description\"\n maxlength=\"65536\"></textarea>\n </div>\n </fieldset>\n </ng-container>\n <div class=\"form-group form-group-related\">\n <button class=\"button button-secondary\" type=\"button\" [disabled]=\"!hasPrevious() || isSubmitting\" (click)=\"previous()\">Previous</button>\n <button type=\"submit\" [disabled]=\"isDisabled\" class=\"button\">{{triggerText}}</button>\n </div>\n <p class=\"cancel\"><a (click)=\"cancel()\" href=\"javascript:void(0)\" [class.disabled]=\"isSubmitting\">{{getCancelText()}}</a></p>\n </form>\n</div>\n<ccd-case-event-completion *ngIf=\"eventCompletionChecksRequired\"\n [eventCompletionParams]=\"eventCompletionParams\"\n (eventCanBeCompleted)=\"onEventCanBeCompleted($event)\">\n</ccd-case-event-completion>\n"
89160
89181
 
89161
89182
  /***/ }),
89162
89183
 
@@ -89422,7 +89443,7 @@ module.exports = "<div class=\"spinner-container\">\n <div class=\"spinner-in
89422
89443
  /***/ 6961:
89423
89444
  /***/ ((module) => {
89424
89445
 
89425
- module.exports = "<div><markdown class=\"markdown\" [innerHTML]=\"content\"></markdown></div>"
89446
+ module.exports = "<div><markdown class=\"markdown\" [innerHTML]=\"content | ccdCaseReference\"></markdown></div>"
89426
89447
 
89427
89448
  /***/ }),
89428
89449