@hmcts/ccd-case-ui-toolkit 7.1.34-date-label-fix-v4 → 7.1.34-date-label-fix-v5

package/esm2022/lib/shared/components/palette/date/write-date-field.component.mjs

@@ -45,9 +45,6 @@ export class WriteDateFieldComponent extends AbstractFieldWriteComponent {
     ngOnInit() {
         this.dateControl = this.registerControl(new FormControl(this.caseField.value));
     }
-    getParentFieldLabel() {
-        return `${this.formGroup.controls.key}`;
-    }
     isDateTime() {
         return this.caseField.field_type.id === 'DateTime';
     }
@@ -69,12 +66,12 @@ export class WriteDateFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.dateControl && ctx.dateControl.errors && (ctx.dateControl.dirty || ctx.dateControl.touched));
             i0.ɵɵadvance();
-            i0.ɵɵproperty("id", ctx.id())("labelPrefix", ctx.getParentFieldLabel())("isDateTime", ctx.isDateTime())("mandatory", i0.ɵɵpipeBind1(7, 11, ctx.caseField))("isInvalid", ctx.dateControl.errors && (ctx.dateControl.dirty || ctx.dateControl.touched))("formControl", ctx.dateControl);
+            i0.ɵɵproperty("id", ctx.id())("labelPrefix", ctx.id())("isDateTime", ctx.isDateTime())("mandatory", i0.ɵɵpipeBind1(7, 11, ctx.caseField))("isInvalid", ctx.dateControl.errors && (ctx.dateControl.dirty || ctx.dateControl.touched))("formControl", ctx.dateControl);
         } }, dependencies: [i1.NgClass, i1.NgIf, i2.NgControlStatus, i2.FormControlDirective, i3.DateInputComponent, i4.FieldLabelPipe, i5.FirstErrorPipe, i6.IsMandatoryPipe, i7.RpxTranslatePipe], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteDateFieldComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-write-date-field', template: "<div class=\"form-group bottom-30\" [id]=\"id()\" [ngClass]=\"{'form-group-error': dateControl && !dateControl.valid && (dateControl.dirty || dateControl.touched)}\">\n\n  <fieldset>\n    <legend>\n      <span class=\"form-label\" *ngIf=\"caseField.label\">{{(caseField | ccdFieldLabel)}}</span>\n    </legend>\n    <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text | rpxTranslate}}</span>\n    <span class=\"error-message\" *ngIf=\"dateControl && dateControl.errors && (dateControl.dirty || dateControl.touched)\">\n      {{(dateControl.errors | ccdFirstError:caseField.label)}}\n    </span>\n    <cut-date-input [id]=\"id()\"\n                    [labelPrefix]=\"getParentFieldLabel()\"\n                    [isDateTime]=\"isDateTime()\"\n                    [mandatory]=\"caseField | ccdIsMandatory\"\n                    [isInvalid]=\"dateControl.errors && (dateControl.dirty || dateControl.touched)\"\n                    [formControl]=\"dateControl\"></cut-date-input>\n\n  </fieldset>\n</div>\n" }]
+        args: [{ selector: 'ccd-write-date-field', template: "<div class=\"form-group bottom-30\" [id]=\"id()\" [ngClass]=\"{'form-group-error': dateControl && !dateControl.valid && (dateControl.dirty || dateControl.touched)}\">\n\n  <fieldset>\n    <legend>\n      <span class=\"form-label\" *ngIf=\"caseField.label\">{{(caseField | ccdFieldLabel)}}</span>\n    </legend>\n    <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text | rpxTranslate}}</span>\n    <span class=\"error-message\" *ngIf=\"dateControl && dateControl.errors && (dateControl.dirty || dateControl.touched)\">\n      {{(dateControl.errors | ccdFirstError:caseField.label)}}\n    </span>\n    <cut-date-input [id]=\"id()\"\n                    [labelPrefix]=\"id()\"\n                    [isDateTime]=\"isDateTime()\"\n                    [mandatory]=\"caseField | ccdIsMandatory\"\n                    [isInvalid]=\"dateControl.errors && (dateControl.dirty || dateControl.touched)\"\n                    [formControl]=\"dateControl\"></cut-date-input>\n\n  </fieldset>\n</div>\n" }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteDateFieldComponent, { className: "WriteDateFieldComponent", filePath: "lib/shared/components/palette/date/write-date-field.component.ts", lineNumber: 9 }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3JpdGUtZGF0ZS1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jY2QtY2FzZS11aS10b29sa2l0L3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvcGFsZXR0ZS9kYXRlL3dyaXRlLWRhdGUtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3BhbGV0dGUvZGF0ZS93cml0ZS1kYXRlLWZpZWxkLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sOENBQThDLENBQUM7Ozs7Ozs7Ozs7O0lDRXJGLCtCQUFpRDtJQUFBLFlBQStCOztJQUFBLGlCQUFPOzs7SUFBdEMsY0FBK0I7SUFBL0IsNERBQStCOzs7SUFFbEYsK0JBQW9EO0lBQUEsWUFBc0M7O0lBQUEsaUJBQU87OztJQUE3QyxjQUFzQztJQUF0QyxzRUFBc0M7OztJQUMxRiwrQkFBb0g7SUFDbEgsWUFDRjs7SUFBQSxpQkFBTzs7O0lBREwsY0FDRjtJQURFLHdHQUNGOztBRERKLE1BQU0sT0FBTyx1QkFBd0IsU0FBUSwyQkFBMkI7SUFDL0QsV0FBVyxDQUFjO0lBRXpCLFFBQVE7UUFDYixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBZ0IsQ0FBQztJQUNoRyxDQUFDO0lBRU0sbUJBQW1CO1FBQ3hCLE9BQU8sR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQztJQUMxQyxDQUFDO0lBRU0sVUFBVTtRQUNmLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsRUFBRSxLQUFLLFVBQVUsQ0FBQztJQUNyRCxDQUFDO3lQQWJVLHVCQUF1QixTQUF2Qix1QkFBdUI7NkRBQXZCLHVCQUF1QjtZQ0xoQyxBQURGLEFBRkYsOEJBQWdLLGVBRXBKLGFBQ0E7WUFDTiwwRUFBaUQ7WUFDbkQsaUJBQVM7WUFFVCxBQURBLDBFQUFvRCw2REFDZ0U7WUFHcEgsb0NBSzZEOztZQUdqRSxBQURFLGlCQUFXLEVBQ1A7O1lBbEJ3QyxBQUFaLDZCQUFXLHlJQUFrSDtZQUkvSCxlQUFxQjtZQUFyQiwwQ0FBcUI7WUFFeEIsY0FBeUI7WUFBekIsOENBQXlCO1lBQ3JCLGNBQXFGO1lBQXJGLHNIQUFxRjtZQUdsRyxjQUFXO1lBS1gsQUFEQSxBQURBLEFBREEsQUFEQSxBQURBLDZCQUFXLDBDQUMwQixnQ0FDVixtREFDYSwyRkFDc0MsZ0NBQ25EOzs7aUZEUGxDLHVCQUF1QjtjQUpuQyxTQUFTOzJCQUNFLHNCQUFzQjs7a0ZBR3JCLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEFic3RyYWN0RmllbGRXcml0ZUNvbXBvbmVudCB9IGZyb20gJy4uL2Jhc2UtZmllbGQvYWJzdHJhY3QtZmllbGQtd3JpdGUuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2NkLXdyaXRlLWRhdGUtZmllbGQnLFxuICB0ZW1wbGF0ZVVybDogJy4vd3JpdGUtZGF0ZS1maWVsZC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBXcml0ZURhdGVGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0RmllbGRXcml0ZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHB1YmxpYyBkYXRlQ29udHJvbDogRm9ybUNvbnRyb2w7XG5cbiAgcHVibGljIG5nT25Jbml0KCkge1xuICAgIHRoaXMuZGF0ZUNvbnRyb2wgPSB0aGlzLnJlZ2lzdGVyQ29udHJvbChuZXcgRm9ybUNvbnRyb2wodGhpcy5jYXNlRmllbGQudmFsdWUpKSBhcyBGb3JtQ29udHJvbDtcbiAgfVxuXG4gIHB1YmxpYyBnZXRQYXJlbnRGaWVsZExhYmVsKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke3RoaXMuZm9ybUdyb3VwLmNvbnRyb2xzLmtleX1gO1xuICB9XG5cbiAgcHVibGljIGlzRGF0ZVRpbWUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuY2FzZUZpZWxkLmZpZWxkX3R5cGUuaWQgPT09ICdEYXRlVGltZSc7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImZvcm0tZ3JvdXAgYm90dG9tLTMwXCIgW2lkXT1cImlkKClcIiBbbmdDbGFzc109XCJ7J2Zvcm0tZ3JvdXAtZXJyb3InOiBkYXRlQ29udHJvbCAmJiAhZGF0ZUNvbnRyb2wudmFsaWQgJiYgKGRhdGVDb250cm9sLmRpcnR5IHx8IGRhdGVDb250cm9sLnRvdWNoZWQpfVwiPlxuXG4gIDxmaWVsZHNldD5cbiAgICA8bGVnZW5kPlxuICAgICAgPHNwYW4gY2xhc3M9XCJmb3JtLWxhYmVsXCIgKm5nSWY9XCJjYXNlRmllbGQubGFiZWxcIj57eyhjYXNlRmllbGQgfCBjY2RGaWVsZExhYmVsKX19PC9zcGFuPlxuICAgIDwvbGVnZW5kPlxuICAgIDxzcGFuIGNsYXNzPVwiZm9ybS1oaW50XCIgKm5nSWY9XCJjYXNlRmllbGQuaGludF90ZXh0XCI+e3tjYXNlRmllbGQuaGludF90ZXh0IHwgcnB4VHJhbnNsYXRlfX08L3NwYW4+XG4gICAgPHNwYW4gY2xhc3M9XCJlcnJvci1tZXNzYWdlXCIgKm5nSWY9XCJkYXRlQ29udHJvbCAmJiBkYXRlQ29udHJvbC5lcnJvcnMgJiYgKGRhdGVDb250cm9sLmRpcnR5IHx8IGRhdGVDb250cm9sLnRvdWNoZWQpXCI+XG4gICAgICB7eyhkYXRlQ29udHJvbC5lcnJvcnMgfCBjY2RGaXJzdEVycm9yOmNhc2VGaWVsZC5sYWJlbCl9fVxuICAgIDwvc3Bhbj5cbiAgICA8Y3V0LWRhdGUtaW5wdXQgW2lkXT1cImlkKClcIlxuICAgICAgICAgICAgICAgICAgICBbbGFiZWxQcmVmaXhdPVwiZ2V0UGFyZW50RmllbGRMYWJlbCgpXCJcbiAgICAgICAgICAgICAgICAgICAgW2lzRGF0ZVRpbWVdPVwiaXNEYXRlVGltZSgpXCJcbiAgICAgICAgICAgICAgICAgICAgW21hbmRhdG9yeV09XCJjYXNlRmllbGQgfCBjY2RJc01hbmRhdG9yeVwiXG4gICAgICAgICAgICAgICAgICAgIFtpc0ludmFsaWRdPVwiZGF0ZUNvbnRyb2wuZXJyb3JzICYmIChkYXRlQ29udHJvbC5kaXJ0eSB8fCBkYXRlQ29udHJvbC50b3VjaGVkKVwiXG4gICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJkYXRlQ29udHJvbFwiPjwvY3V0LWRhdGUtaW5wdXQ+XG5cbiAgPC9maWVsZHNldD5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3JpdGUtZGF0ZS1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jY2QtY2FzZS11aS10b29sa2l0L3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvcGFsZXR0ZS9kYXRlL3dyaXRlLWRhdGUtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3BhbGV0dGUvZGF0ZS93cml0ZS1kYXRlLWZpZWxkLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sOENBQThDLENBQUM7Ozs7Ozs7Ozs7O0lDRXJGLCtCQUFpRDtJQUFBLFlBQStCOztJQUFBLGlCQUFPOzs7SUFBdEMsY0FBK0I7SUFBL0IsNERBQStCOzs7SUFFbEYsK0JBQW9EO0lBQUEsWUFBc0M7O0lBQUEsaUJBQU87OztJQUE3QyxjQUFzQztJQUF0QyxzRUFBc0M7OztJQUMxRiwrQkFBb0g7SUFDbEgsWUFDRjs7SUFBQSxpQkFBTzs7O0lBREwsY0FDRjtJQURFLHdHQUNGOztBRERKLE1BQU0sT0FBTyx1QkFBd0IsU0FBUSwyQkFBMkI7SUFDL0QsV0FBVyxDQUFjO0lBRXpCLFFBQVE7UUFDYixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBZ0IsQ0FBQztJQUNoRyxDQUFDO0lBRU0sVUFBVTtRQUNmLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsRUFBRSxLQUFLLFVBQVUsQ0FBQztJQUNyRCxDQUFDO3lQQVRVLHVCQUF1QixTQUF2Qix1QkFBdUI7NkRBQXZCLHVCQUF1QjtZQ0xoQyxBQURGLEFBRkYsOEJBQWdLLGVBRXBKLGFBQ0E7WUFDTiwwRUFBaUQ7WUFDbkQsaUJBQVM7WUFFVCxBQURBLDBFQUFvRCw2REFDZ0U7WUFHcEgsb0NBSzZEOztZQUdqRSxBQURFLGlCQUFXLEVBQ1A7O1lBbEJ3QyxBQUFaLDZCQUFXLHlJQUFrSDtZQUkvSCxlQUFxQjtZQUFyQiwwQ0FBcUI7WUFFeEIsY0FBeUI7WUFBekIsOENBQXlCO1lBQ3JCLGNBQXFGO1lBQXJGLHNIQUFxRjtZQUdsRyxjQUFXO1lBS1gsQUFEQSxBQURBLEFBREEsQUFEQSxBQURBLDZCQUFXLHlCQUNTLGdDQUNPLG1EQUNhLDJGQUNzQyxnQ0FDbkQ7OztpRkRQbEMsdUJBQXVCO2NBSm5DLFNBQVM7MkJBQ0Usc0JBQXNCOztrRkFHckIsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQWJzdHJhY3RGaWVsZFdyaXRlQ29tcG9uZW50IH0gZnJvbSAnLi4vYmFzZS1maWVsZC9hYnN0cmFjdC1maWVsZC13cml0ZS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjY2Qtd3JpdGUtZGF0ZS1maWVsZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi93cml0ZS1kYXRlLWZpZWxkLmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFdyaXRlRGF0ZUZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RGaWVsZFdyaXRlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHVibGljIGRhdGVDb250cm9sOiBGb3JtQ29udHJvbDtcblxuICBwdWJsaWMgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5kYXRlQ29udHJvbCA9IHRoaXMucmVnaXN0ZXJDb250cm9sKG5ldyBGb3JtQ29udHJvbCh0aGlzLmNhc2VGaWVsZC52YWx1ZSkpIGFzIEZvcm1Db250cm9sO1xuICB9XG5cbiAgcHVibGljIGlzRGF0ZVRpbWUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuY2FzZUZpZWxkLmZpZWxkX3R5cGUuaWQgPT09ICdEYXRlVGltZSc7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImZvcm0tZ3JvdXAgYm90dG9tLTMwXCIgW2lkXT1cImlkKClcIiBbbmdDbGFzc109XCJ7J2Zvcm0tZ3JvdXAtZXJyb3InOiBkYXRlQ29udHJvbCAmJiAhZGF0ZUNvbnRyb2wudmFsaWQgJiYgKGRhdGVDb250cm9sLmRpcnR5IHx8IGRhdGVDb250cm9sLnRvdWNoZWQpfVwiPlxuXG4gIDxmaWVsZHNldD5cbiAgICA8bGVnZW5kPlxuICAgICAgPHNwYW4gY2xhc3M9XCJmb3JtLWxhYmVsXCIgKm5nSWY9XCJjYXNlRmllbGQubGFiZWxcIj57eyhjYXNlRmllbGQgfCBjY2RGaWVsZExhYmVsKX19PC9zcGFuPlxuICAgIDwvbGVnZW5kPlxuICAgIDxzcGFuIGNsYXNzPVwiZm9ybS1oaW50XCIgKm5nSWY9XCJjYXNlRmllbGQuaGludF90ZXh0XCI+e3tjYXNlRmllbGQuaGludF90ZXh0IHwgcnB4VHJhbnNsYXRlfX08L3NwYW4+XG4gICAgPHNwYW4gY2xhc3M9XCJlcnJvci1tZXNzYWdlXCIgKm5nSWY9XCJkYXRlQ29udHJvbCAmJiBkYXRlQ29udHJvbC5lcnJvcnMgJiYgKGRhdGVDb250cm9sLmRpcnR5IHx8IGRhdGVDb250cm9sLnRvdWNoZWQpXCI+XG4gICAgICB7eyhkYXRlQ29udHJvbC5lcnJvcnMgfCBjY2RGaXJzdEVycm9yOmNhc2VGaWVsZC5sYWJlbCl9fVxuICAgIDwvc3Bhbj5cbiAgICA8Y3V0LWRhdGUtaW5wdXQgW2lkXT1cImlkKClcIlxuICAgICAgICAgICAgICAgICAgICBbbGFiZWxQcmVmaXhdPVwiaWQoKVwiXG4gICAgICAgICAgICAgICAgICAgIFtpc0RhdGVUaW1lXT1cImlzRGF0ZVRpbWUoKVwiXG4gICAgICAgICAgICAgICAgICAgIFttYW5kYXRvcnldPVwiY2FzZUZpZWxkIHwgY2NkSXNNYW5kYXRvcnlcIlxuICAgICAgICAgICAgICAgICAgICBbaXNJbnZhbGlkXT1cImRhdGVDb250cm9sLmVycm9ycyAmJiAoZGF0ZUNvbnRyb2wuZGlydHkgfHwgZGF0ZUNvbnRyb2wudG91Y2hlZClcIlxuICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZGF0ZUNvbnRyb2xcIj48L2N1dC1kYXRlLWlucHV0PlxuXG4gIDwvZmllbGRzZXQ+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/shared/components/palette/history/event-log/event-log.component.mjs

@@ -2,7 +2,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 import * as i0 from "@angular/core";
 function EventLogComponent_ccd_event_log_table_3_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ccd-event-log-table", 7);
+    i0.ɵɵelementStart(0, "ccd-event-log-table", 8);
     i0.ɵɵlistener("onSelect", function EventLogComponent_ccd_event_log_table_3_Template_ccd_event_log_table_onSelect_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.select($event)); })("onCaseHistory", function EventLogComponent_ccd_event_log_table_3_Template_ccd_event_log_table_onCaseHistory_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.caseHistoryClicked($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -11,7 +11,7 @@ function EventLogComponent_ccd_event_log_table_3_Template(rf, ctx) { if (rf & 1)
 } }
 function EventLogComponent_ccd_event_log_table_4_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ccd-event-log-table", 8);
+    i0.ɵɵelementStart(0, "ccd-event-log-table", 9);
     i0.ɵɵlistener("onSelect", function EventLogComponent_ccd_event_log_table_4_Template_ccd_event_log_table_onSelect_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.select($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -19,7 +19,7 @@ function EventLogComponent_ccd_event_log_table_4_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵproperty("events", ctx_r1.events)("selected", ctx_r1.selected);
 } }
 function EventLogComponent_ccd_event_log_details_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ccd-event-log-details", 9);
+    i0.ɵɵelement(0, "ccd-event-log-details", 10);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("event", ctx_r1.selected);
@@ -40,14 +40,14 @@ export class EventLogComponent {
         this.onCaseHistory.emit(eventId);
     }
     static ɵfac = function EventLogComponent_Factory(t) { return new (t || EventLogComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EventLogComponent, selectors: [["ccd-event-log"]], inputs: { events: "events" }, outputs: { onCaseHistory: "onCaseHistory" }, decls: 8, vars: 4, consts: [[1, "grid-row"], [1, "column-one-half"], [3, "ngSwitch"], [3, "events", "selected", "onSelect", "onCaseHistory", 4, "ngSwitchCase"], [3, "events", "selected", "onSelect", 4, "ngSwitchCase"], [1, "EventLog-DetailsPanel"], [3, "event", 4, "ngIf"], [3, "onSelect", "onCaseHistory", "events", "selected"], [3, "onSelect", "events", "selected"], [3, "event"]], template: function EventLogComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EventLogComponent, selectors: [["ccd-event-log"]], inputs: { events: "events" }, outputs: { onCaseHistory: "onCaseHistory" }, decls: 8, vars: 4, consts: [[1, "grid-row"], [1, "column-one-half", "scrollbar"], [3, "ngSwitch"], [3, "events", "selected", "onSelect", "onCaseHistory", 4, "ngSwitchCase"], [3, "events", "selected", "onSelect", 4, "ngSwitchCase"], [1, "column-one-half"], [1, "EventLog-DetailsPanel"], [3, "event", 4, "ngIf"], [3, "onSelect", "onCaseHistory", "events", "selected"], [3, "onSelect", "events", "selected"], [3, "event"]], template: function EventLogComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
             i0.ɵɵelementContainerStart(2, 2);
             i0.ɵɵtemplate(3, EventLogComponent_ccd_event_log_table_3_Template, 1, 2, "ccd-event-log-table", 3)(4, EventLogComponent_ccd_event_log_table_4_Template, 1, 2, "ccd-event-log-table", 4);
             i0.ɵɵelementContainerEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "div", 1)(6, "div", 5);
-            i0.ɵɵtemplate(7, EventLogComponent_ccd_event_log_details_7_Template, 1, 1, "ccd-event-log-details", 6);
+            i0.ɵɵelementStart(5, "div", 5)(6, "div", 6);
+            i0.ɵɵtemplate(7, EventLogComponent_ccd_event_log_details_7_Template, 1, 1, "ccd-event-log-details", 7);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
@@ -58,15 +58,15 @@ export class EventLogComponent {
             i0.ɵɵproperty("ngSwitchCase", false);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.selected);
-        } }, styles: ["@media (max-width: 991px){[class*=col-md][_ngcontent-%COMP%]{margin-bottom:30px}}.EventLog-DetailsPanel[_ngcontent-%COMP%]{border:1px solid #bfc1c3;padding:0 10px 10px;margin-top:20px}"] });
+        } }, styles: ["@media (max-width: 991px){[class*=col-md][_ngcontent-%COMP%]{margin-bottom:30px}}.column-half[_ngcontent-%COMP%], .column-one-half[_ngcontent-%COMP%]{float:left;width:50%}@media (min-width: 641px){.scrollbar[_ngcontent-%COMP%]{height:70vh;overflow-y:auto}}.EventLog-DetailsPanel[_ngcontent-%COMP%]{border:1px solid #bfc1c3;padding:0 10px 10px;margin-top:20px}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EventLogComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-event-log', template: "<div class=\"grid-row\">\n  <div class=\"column-one-half\">\n    <ng-container [ngSwitch]=\"isPartOfCaseTimeline\">\n      <ccd-event-log-table *ngSwitchCase=\"true\" [events]=\"events\" [selected]=\"selected\" (onSelect)=\"select($event)\" (onCaseHistory)=\"caseHistoryClicked($event)\"></ccd-event-log-table>\n      <ccd-event-log-table *ngSwitchCase=\"false\" [events]=\"events\" [selected]=\"selected\" (onSelect)=\"select($event)\"></ccd-event-log-table>\n    </ng-container>\n  </div>\n  <div class=\"column-one-half\">\n    <div class=\"EventLog-DetailsPanel\">\n      <ccd-event-log-details *ngIf=\"selected\" [event]=\"selected\"></ccd-event-log-details>\n    </div>\n  </div>\n</div>\n", styles: ["@media (max-width: 991px){[class*=col-md]{margin-bottom:30px}}.EventLog-DetailsPanel{border:1px solid #bfc1c3;padding:0 10px 10px;margin-top:20px}\n"] }]
+        args: [{ selector: 'ccd-event-log', template: "<div class=\"grid-row\">\n  <div class=\"column-one-half scrollbar\">\n    <ng-container [ngSwitch]=\"isPartOfCaseTimeline\">\n      <ccd-event-log-table\n        *ngSwitchCase=\"true\"\n        [events]=\"events\"\n        [selected]=\"selected\"\n        (onSelect)=\"select($event)\"\n        (onCaseHistory)=\"caseHistoryClicked($event)\"\n      ></ccd-event-log-table>\n      <ccd-event-log-table\n        *ngSwitchCase=\"false\"\n        [events]=\"events\"\n        [selected]=\"selected\"\n        (onSelect)=\"select($event)\"\n      ></ccd-event-log-table>\n    </ng-container>\n  </div>\n  <div class=\"column-one-half\">\n    <div class=\"EventLog-DetailsPanel\">\n      <ccd-event-log-details\n        *ngIf=\"selected\"\n        [event]=\"selected\"\n      ></ccd-event-log-details>\n    </div>\n  </div>\n</div>\n", styles: ["@media (max-width: 991px){[class*=col-md]{margin-bottom:30px}}.column-half,.column-one-half{float:left;width:50%}@media (min-width: 641px){.scrollbar{height:70vh;overflow-y:auto}}.EventLog-DetailsPanel{border:1px solid #bfc1c3;padding:0 10px 10px;margin-top:20px}\n"] }]
     }], null, { events: [{
             type: Input
         }], onCaseHistory: [{
             type: Output
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EventLogComponent, { className: "EventLogComponent", filePath: "lib/shared/components/palette/history/event-log/event-log.component.ts", lineNumber: 9 }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZlbnQtbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL2hpc3RvcnkvZXZlbnQtbG9nL2V2ZW50LWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jY2QtY2FzZS11aS10b29sa2l0L3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvcGFsZXR0ZS9oaXN0b3J5L2V2ZW50LWxvZy9ldmVudC1sb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztJQ0d6RSw4Q0FBMko7SUFBN0MsQUFBNUIsc05BQVkscUJBQWMsS0FBQyxtTkFBa0IsaUNBQTBCLEtBQUM7SUFBQyxpQkFBc0I7OztJQUFySCxBQUFsQixzQ0FBaUIsNkJBQXNCOzs7O0lBQ2pGLDhDQUErRztJQUE1QixzTkFBWSxxQkFBYyxLQUFDO0lBQUMsaUJBQXNCOzs7SUFBeEUsQUFBbEIsc0NBQWlCLDZCQUFzQjs7O0lBS2xGLDJDQUFtRjs7O0lBQTNDLHVDQUFrQjs7QUREaEUsTUFBTSxPQUFPLGlCQUFpQjtJQUdyQixNQUFNLENBQWtCO0lBR3hCLGFBQWEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBRTNDLFFBQVEsQ0FBZ0I7SUFFeEIsb0JBQW9CLEdBQUcsS0FBSyxDQUFDO0lBRTdCLFFBQVE7UUFDYixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLG9CQUFvQixHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7SUFDdEUsQ0FBQztJQUVNLE1BQU0sQ0FBQyxLQUFvQjtRQUNoQyxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUN4QixDQUFDO0lBRU0sa0JBQWtCLENBQUMsT0FBZTtRQUN2QyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNuQyxDQUFDOzJFQXZCVSxpQkFBaUI7NkRBQWpCLGlCQUFpQjtZQ1A1QixBQURGLDhCQUFzQixhQUNTO1lBQzNCLGdDQUFnRDtZQUU5QyxBQURBLGtHQUEySixxRkFDNUM7O1lBRW5ILGlCQUFNO1lBRUosQUFERiw4QkFBNkIsYUFDUTtZQUNqQyxzR0FBMkQ7WUFHakUsQUFERSxBQURFLGlCQUFNLEVBQ0YsRUFDRjs7WUFWWSxlQUFpQztZQUFqQyxtREFBaUM7WUFDdkIsY0FBa0I7WUFBbEIsbUNBQWtCO1lBQ2xCLGNBQW1CO1lBQW5CLG9DQUFtQjtZQUtqQixlQUFjO1lBQWQsbUNBQWM7OztpRkREL0IsaUJBQWlCO2NBTDdCLFNBQVM7MkJBQ0UsZUFBZTtnQkFPbEIsTUFBTTtrQkFEWixLQUFLO1lBSUMsYUFBYTtrQkFEbkIsTUFBTTs7a0ZBTEksaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2FzZVZpZXdFdmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2RvbWFpbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NjZC1ldmVudC1sb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vZXZlbnQtbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZXZlbnQtbG9nLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBFdmVudExvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGV2ZW50czogQ2FzZVZpZXdFdmVudFtdO1xuXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgb25DYXNlSGlzdG9yeSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIHB1YmxpYyBzZWxlY3RlZDogQ2FzZVZpZXdFdmVudDtcblxuICBwdWJsaWMgaXNQYXJ0T2ZDYXNlVGltZWxpbmUgPSBmYWxzZTtcblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zZWxlY3RlZCA9IHRoaXMuZXZlbnRzWzBdO1xuICAgIHRoaXMuaXNQYXJ0T2ZDYXNlVGltZWxpbmUgPSB0aGlzLm9uQ2FzZUhpc3Rvcnkub2JzZXJ2ZXJzLmxlbmd0aCA+IDA7XG4gIH1cblxuICBwdWJsaWMgc2VsZWN0KGV2ZW50OiBDYXNlVmlld0V2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5zZWxlY3RlZCA9IGV2ZW50O1xuICB9XG5cbiAgcHVibGljIGNhc2VIaXN0b3J5Q2xpY2tlZChldmVudElkOiBzdHJpbmcpIHtcbiAgICB0aGlzLm9uQ2FzZUhpc3RvcnkuZW1pdChldmVudElkKTtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZ3JpZC1yb3dcIj5cbiAgPGRpdiBjbGFzcz1cImNvbHVtbi1vbmUtaGFsZlwiPlxuICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImlzUGFydE9mQ2FzZVRpbWVsaW5lXCI+XG4gICAgICA8Y2NkLWV2ZW50LWxvZy10YWJsZSAqbmdTd2l0Y2hDYXNlPVwidHJ1ZVwiIFtldmVudHNdPVwiZXZlbnRzXCIgW3NlbGVjdGVkXT1cInNlbGVjdGVkXCIgKG9uU2VsZWN0KT1cInNlbGVjdCgkZXZlbnQpXCIgKG9uQ2FzZUhpc3RvcnkpPVwiY2FzZUhpc3RvcnlDbGlja2VkKCRldmVudClcIj48L2NjZC1ldmVudC1sb2ctdGFibGU+XG4gICAgICA8Y2NkLWV2ZW50LWxvZy10YWJsZSAqbmdTd2l0Y2hDYXNlPVwiZmFsc2VcIiBbZXZlbnRzXT1cImV2ZW50c1wiIFtzZWxlY3RlZF09XCJzZWxlY3RlZFwiIChvblNlbGVjdCk9XCJzZWxlY3QoJGV2ZW50KVwiPjwvY2NkLWV2ZW50LWxvZy10YWJsZT5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJjb2x1bW4tb25lLWhhbGZcIj5cbiAgICA8ZGl2IGNsYXNzPVwiRXZlbnRMb2ctRGV0YWlsc1BhbmVsXCI+XG4gICAgICA8Y2NkLWV2ZW50LWxvZy1kZXRhaWxzICpuZ0lmPVwic2VsZWN0ZWRcIiBbZXZlbnRdPVwic2VsZWN0ZWRcIj48L2NjZC1ldmVudC1sb2ctZGV0YWlscz5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZlbnQtbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL2hpc3RvcnkvZXZlbnQtbG9nL2V2ZW50LWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jY2QtY2FzZS11aS10b29sa2l0L3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvcGFsZXR0ZS9oaXN0b3J5L2V2ZW50LWxvZy9ldmVudC1sb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztJQ0d6RSw4Q0FNQztJQURDLEFBREEsc05BQVkscUJBQWMsS0FBQyxtTkFDVixpQ0FBMEIsS0FBQztJQUM3QyxpQkFBc0I7OztJQUhyQixBQURBLHNDQUFpQiw2QkFDSTs7OztJQUl2Qiw4Q0FLQztJQURDLHNOQUFZLHFCQUFjLEtBQUM7SUFDNUIsaUJBQXNCOzs7SUFGckIsQUFEQSxzQ0FBaUIsNkJBQ0k7OztJQU92Qiw0Q0FHeUI7OztJQUR2Qix1Q0FBa0I7O0FEZDFCLE1BQU0sT0FBTyxpQkFBaUI7SUFHckIsTUFBTSxDQUFrQjtJQUd4QixhQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUUzQyxRQUFRLENBQWdCO0lBRXhCLG9CQUFvQixHQUFHLEtBQUssQ0FBQztJQUU3QixRQUFRO1FBQ2IsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQy9CLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0lBQ3RFLENBQUM7SUFFTSxNQUFNLENBQUMsS0FBb0I7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDeEIsQ0FBQztJQUVNLGtCQUFrQixDQUFDLE9BQWU7UUFDdkMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDbkMsQ0FBQzsyRUF2QlUsaUJBQWlCOzZEQUFqQixpQkFBaUI7WUNQNUIsQUFERiw4QkFBc0IsYUFDbUI7WUFDckMsZ0NBQWdEO1lBUTlDLEFBUEEsa0dBTUMscUZBTUE7O1lBRUwsaUJBQU07WUFFSixBQURGLDhCQUE2QixhQUNRO1lBQ2pDLHNHQUdDO1lBR1AsQUFERSxBQURFLGlCQUFNLEVBQ0YsRUFDRjs7WUF4QlksZUFBaUM7WUFBakMsbURBQWlDO1lBRTFDLGNBQWtCO1lBQWxCLG1DQUFrQjtZQU9sQixjQUFtQjtZQUFuQixvQ0FBbUI7WUFVbkIsZUFBYztZQUFkLG1DQUFjOzs7aUZEYlYsaUJBQWlCO2NBTDdCLFNBQVM7MkJBQ0UsZUFBZTtnQkFPbEIsTUFBTTtrQkFEWixLQUFLO1lBSUMsYUFBYTtrQkFEbkIsTUFBTTs7a0ZBTEksaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2FzZVZpZXdFdmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2RvbWFpbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NjZC1ldmVudC1sb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vZXZlbnQtbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZXZlbnQtbG9nLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBFdmVudExvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGV2ZW50czogQ2FzZVZpZXdFdmVudFtdO1xuXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgb25DYXNlSGlzdG9yeSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIHB1YmxpYyBzZWxlY3RlZDogQ2FzZVZpZXdFdmVudDtcblxuICBwdWJsaWMgaXNQYXJ0T2ZDYXNlVGltZWxpbmUgPSBmYWxzZTtcblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zZWxlY3RlZCA9IHRoaXMuZXZlbnRzWzBdO1xuICAgIHRoaXMuaXNQYXJ0T2ZDYXNlVGltZWxpbmUgPSB0aGlzLm9uQ2FzZUhpc3Rvcnkub2JzZXJ2ZXJzLmxlbmd0aCA+IDA7XG4gIH1cblxuICBwdWJsaWMgc2VsZWN0KGV2ZW50OiBDYXNlVmlld0V2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5zZWxlY3RlZCA9IGV2ZW50O1xuICB9XG5cbiAgcHVibGljIGNhc2VIaXN0b3J5Q2xpY2tlZChldmVudElkOiBzdHJpbmcpIHtcbiAgICB0aGlzLm9uQ2FzZUhpc3RvcnkuZW1pdChldmVudElkKTtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZ3JpZC1yb3dcIj5cbiAgPGRpdiBjbGFzcz1cImNvbHVtbi1vbmUtaGFsZiBzY3JvbGxiYXJcIj5cbiAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJpc1BhcnRPZkNhc2VUaW1lbGluZVwiPlxuICAgICAgPGNjZC1ldmVudC1sb2ctdGFibGVcbiAgICAgICAgKm5nU3dpdGNoQ2FzZT1cInRydWVcIlxuICAgICAgICBbZXZlbnRzXT1cImV2ZW50c1wiXG4gICAgICAgIFtzZWxlY3RlZF09XCJzZWxlY3RlZFwiXG4gICAgICAgIChvblNlbGVjdCk9XCJzZWxlY3QoJGV2ZW50KVwiXG4gICAgICAgIChvbkNhc2VIaXN0b3J5KT1cImNhc2VIaXN0b3J5Q2xpY2tlZCgkZXZlbnQpXCJcbiAgICAgID48L2NjZC1ldmVudC1sb2ctdGFibGU+XG4gICAgICA8Y2NkLWV2ZW50LWxvZy10YWJsZVxuICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiZmFsc2VcIlxuICAgICAgICBbZXZlbnRzXT1cImV2ZW50c1wiXG4gICAgICAgIFtzZWxlY3RlZF09XCJzZWxlY3RlZFwiXG4gICAgICAgIChvblNlbGVjdCk9XCJzZWxlY3QoJGV2ZW50KVwiXG4gICAgICA+PC9jY2QtZXZlbnQtbG9nLXRhYmxlPlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImNvbHVtbi1vbmUtaGFsZlwiPlxuICAgIDxkaXYgY2xhc3M9XCJFdmVudExvZy1EZXRhaWxzUGFuZWxcIj5cbiAgICAgIDxjY2QtZXZlbnQtbG9nLWRldGFpbHNcbiAgICAgICAgKm5nSWY9XCJzZWxlY3RlZFwiXG4gICAgICAgIFtldmVudF09XCJzZWxlY3RlZFwiXG4gICAgICA+PC9jY2QtZXZlbnQtbG9nLWRldGFpbHM+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

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

@@ -27032,9 +27032,6 @@ class WriteDateFieldComponent extends AbstractFieldWriteComponent {
     ngOnInit() {
         this.dateControl = this.registerControl(new FormControl(this.caseField.value));
     }
-    getParentFieldLabel() {
-        return `${this.formGroup.controls.key}`;
-    }
     isDateTime() {
         return this.caseField.field_type.id === 'DateTime';
     }
@@ -27056,12 +27053,12 @@ class WriteDateFieldComponent extends AbstractFieldWriteComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.dateControl && ctx.dateControl.errors && (ctx.dateControl.dirty || ctx.dateControl.touched));
             i0.ɵɵadvance();
-            i0.ɵɵproperty("id", ctx.id())("labelPrefix", ctx.getParentFieldLabel())("isDateTime", ctx.isDateTime())("mandatory", i0.ɵɵpipeBind1(7, 11, ctx.caseField))("isInvalid", ctx.dateControl.errors && (ctx.dateControl.dirty || ctx.dateControl.touched))("formControl", ctx.dateControl);
+            i0.ɵɵproperty("id", ctx.id())("labelPrefix", ctx.id())("isDateTime", ctx.isDateTime())("mandatory", i0.ɵɵpipeBind1(7, 11, ctx.caseField))("isInvalid", ctx.dateControl.errors && (ctx.dateControl.dirty || ctx.dateControl.touched))("formControl", ctx.dateControl);
         } }, dependencies: [i5.NgClass, i5.NgIf, i4.NgControlStatus, i4.FormControlDirective, DateInputComponent, FieldLabelPipe, FirstErrorPipe, IsMandatoryPipe, i1.RpxTranslatePipe], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteDateFieldComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-write-date-field', template: "<div class=\"form-group bottom-30\" [id]=\"id()\" [ngClass]=\"{'form-group-error': dateControl && !dateControl.valid && (dateControl.dirty || dateControl.touched)}\">\n\n  <fieldset>\n    <legend>\n      <span class=\"form-label\" *ngIf=\"caseField.label\">{{(caseField | ccdFieldLabel)}}</span>\n    </legend>\n    <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text | rpxTranslate}}</span>\n    <span class=\"error-message\" *ngIf=\"dateControl && dateControl.errors && (dateControl.dirty || dateControl.touched)\">\n      {{(dateControl.errors | ccdFirstError:caseField.label)}}\n    </span>\n    <cut-date-input [id]=\"id()\"\n                    [labelPrefix]=\"getParentFieldLabel()\"\n                    [isDateTime]=\"isDateTime()\"\n                    [mandatory]=\"caseField | ccdIsMandatory\"\n                    [isInvalid]=\"dateControl.errors && (dateControl.dirty || dateControl.touched)\"\n                    [formControl]=\"dateControl\"></cut-date-input>\n\n  </fieldset>\n</div>\n" }]
+        args: [{ selector: 'ccd-write-date-field', template: "<div class=\"form-group bottom-30\" [id]=\"id()\" [ngClass]=\"{'form-group-error': dateControl && !dateControl.valid && (dateControl.dirty || dateControl.touched)}\">\n\n  <fieldset>\n    <legend>\n      <span class=\"form-label\" *ngIf=\"caseField.label\">{{(caseField | ccdFieldLabel)}}</span>\n    </legend>\n    <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text | rpxTranslate}}</span>\n    <span class=\"error-message\" *ngIf=\"dateControl && dateControl.errors && (dateControl.dirty || dateControl.touched)\">\n      {{(dateControl.errors | ccdFirstError:caseField.label)}}\n    </span>\n    <cut-date-input [id]=\"id()\"\n                    [labelPrefix]=\"id()\"\n                    [isDateTime]=\"isDateTime()\"\n                    [mandatory]=\"caseField | ccdIsMandatory\"\n                    [isInvalid]=\"dateControl.errors && (dateControl.dirty || dateControl.touched)\"\n                    [formControl]=\"dateControl\"></cut-date-input>\n\n  </fieldset>\n</div>\n" }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteDateFieldComponent, { className: "WriteDateFieldComponent", filePath: "lib/shared/components/palette/date/write-date-field.component.ts", lineNumber: 9 }); })();
 
@@ -27701,7 +27698,7 @@ class EventLogTableComponent {
 
 function EventLogComponent_ccd_event_log_table_3_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ccd-event-log-table", 7);
+    i0.ɵɵelementStart(0, "ccd-event-log-table", 8);
     i0.ɵɵlistener("onSelect", function EventLogComponent_ccd_event_log_table_3_Template_ccd_event_log_table_onSelect_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.select($event)); })("onCaseHistory", function EventLogComponent_ccd_event_log_table_3_Template_ccd_event_log_table_onCaseHistory_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.caseHistoryClicked($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -27710,7 +27707,7 @@ function EventLogComponent_ccd_event_log_table_3_Template(rf, ctx) { if (rf & 1)
 } }
 function EventLogComponent_ccd_event_log_table_4_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ccd-event-log-table", 8);
+    i0.ɵɵelementStart(0, "ccd-event-log-table", 9);
     i0.ɵɵlistener("onSelect", function EventLogComponent_ccd_event_log_table_4_Template_ccd_event_log_table_onSelect_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.select($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -27718,7 +27715,7 @@ function EventLogComponent_ccd_event_log_table_4_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵproperty("events", ctx_r1.events)("selected", ctx_r1.selected);
 } }
 function EventLogComponent_ccd_event_log_details_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ccd-event-log-details", 9);
+    i0.ɵɵelement(0, "ccd-event-log-details", 10);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("event", ctx_r1.selected);
@@ -27739,14 +27736,14 @@ class EventLogComponent {
         this.onCaseHistory.emit(eventId);
     }
     static ɵfac = function EventLogComponent_Factory(t) { return new (t || EventLogComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EventLogComponent, selectors: [["ccd-event-log"]], inputs: { events: "events" }, outputs: { onCaseHistory: "onCaseHistory" }, decls: 8, vars: 4, consts: [[1, "grid-row"], [1, "column-one-half"], [3, "ngSwitch"], [3, "events", "selected", "onSelect", "onCaseHistory", 4, "ngSwitchCase"], [3, "events", "selected", "onSelect", 4, "ngSwitchCase"], [1, "EventLog-DetailsPanel"], [3, "event", 4, "ngIf"], [3, "onSelect", "onCaseHistory", "events", "selected"], [3, "onSelect", "events", "selected"], [3, "event"]], template: function EventLogComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EventLogComponent, selectors: [["ccd-event-log"]], inputs: { events: "events" }, outputs: { onCaseHistory: "onCaseHistory" }, decls: 8, vars: 4, consts: [[1, "grid-row"], [1, "column-one-half", "scrollbar"], [3, "ngSwitch"], [3, "events", "selected", "onSelect", "onCaseHistory", 4, "ngSwitchCase"], [3, "events", "selected", "onSelect", 4, "ngSwitchCase"], [1, "column-one-half"], [1, "EventLog-DetailsPanel"], [3, "event", 4, "ngIf"], [3, "onSelect", "onCaseHistory", "events", "selected"], [3, "onSelect", "events", "selected"], [3, "event"]], template: function EventLogComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
             i0.ɵɵelementContainerStart(2, 2);
             i0.ɵɵtemplate(3, EventLogComponent_ccd_event_log_table_3_Template, 1, 2, "ccd-event-log-table", 3)(4, EventLogComponent_ccd_event_log_table_4_Template, 1, 2, "ccd-event-log-table", 4);
             i0.ɵɵelementContainerEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "div", 1)(6, "div", 5);
-            i0.ɵɵtemplate(7, EventLogComponent_ccd_event_log_details_7_Template, 1, 1, "ccd-event-log-details", 6);
+            i0.ɵɵelementStart(5, "div", 5)(6, "div", 6);
+            i0.ɵɵtemplate(7, EventLogComponent_ccd_event_log_details_7_Template, 1, 1, "ccd-event-log-details", 7);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
@@ -27757,11 +27754,11 @@ class EventLogComponent {
             i0.ɵɵproperty("ngSwitchCase", false);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.selected);
-        } }, styles: ["@media (max-width: 991px){[class*=col-md][_ngcontent-%COMP%]{margin-bottom:30px}}.EventLog-DetailsPanel[_ngcontent-%COMP%]{border:1px solid #bfc1c3;padding:0 10px 10px;margin-top:20px}"] });
+        } }, styles: ["@media (max-width: 991px){[class*=col-md][_ngcontent-%COMP%]{margin-bottom:30px}}.column-half[_ngcontent-%COMP%], .column-one-half[_ngcontent-%COMP%]{float:left;width:50%}@media (min-width: 641px){.scrollbar[_ngcontent-%COMP%]{height:70vh;overflow-y:auto}}.EventLog-DetailsPanel[_ngcontent-%COMP%]{border:1px solid #bfc1c3;padding:0 10px 10px;margin-top:20px}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EventLogComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-event-log', template: "<div class=\"grid-row\">\n  <div class=\"column-one-half\">\n    <ng-container [ngSwitch]=\"isPartOfCaseTimeline\">\n      <ccd-event-log-table *ngSwitchCase=\"true\" [events]=\"events\" [selected]=\"selected\" (onSelect)=\"select($event)\" (onCaseHistory)=\"caseHistoryClicked($event)\"></ccd-event-log-table>\n      <ccd-event-log-table *ngSwitchCase=\"false\" [events]=\"events\" [selected]=\"selected\" (onSelect)=\"select($event)\"></ccd-event-log-table>\n    </ng-container>\n  </div>\n  <div class=\"column-one-half\">\n    <div class=\"EventLog-DetailsPanel\">\n      <ccd-event-log-details *ngIf=\"selected\" [event]=\"selected\"></ccd-event-log-details>\n    </div>\n  </div>\n</div>\n", styles: ["@media (max-width: 991px){[class*=col-md]{margin-bottom:30px}}.EventLog-DetailsPanel{border:1px solid #bfc1c3;padding:0 10px 10px;margin-top:20px}\n"] }]
+        args: [{ selector: 'ccd-event-log', template: "<div class=\"grid-row\">\n  <div class=\"column-one-half scrollbar\">\n    <ng-container [ngSwitch]=\"isPartOfCaseTimeline\">\n      <ccd-event-log-table\n        *ngSwitchCase=\"true\"\n        [events]=\"events\"\n        [selected]=\"selected\"\n        (onSelect)=\"select($event)\"\n        (onCaseHistory)=\"caseHistoryClicked($event)\"\n      ></ccd-event-log-table>\n      <ccd-event-log-table\n        *ngSwitchCase=\"false\"\n        [events]=\"events\"\n        [selected]=\"selected\"\n        (onSelect)=\"select($event)\"\n      ></ccd-event-log-table>\n    </ng-container>\n  </div>\n  <div class=\"column-one-half\">\n    <div class=\"EventLog-DetailsPanel\">\n      <ccd-event-log-details\n        *ngIf=\"selected\"\n        [event]=\"selected\"\n      ></ccd-event-log-details>\n    </div>\n  </div>\n</div>\n", styles: ["@media (max-width: 991px){[class*=col-md]{margin-bottom:30px}}.column-half,.column-one-half{float:left;width:50%}@media (min-width: 641px){.scrollbar{height:70vh;overflow-y:auto}}.EventLog-DetailsPanel{border:1px solid #bfc1c3;padding:0 10px 10px;margin-top:20px}\n"] }]
     }], null, { events: [{
             type: Input
         }], onCaseHistory: [{