@hmcts/ccd-case-ui-toolkit 6.16.2-ccpay-upgrade → 6.18.2

package/bundles/hmcts-ccd-case-ui-toolkit.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/forms'), require('rx-polling'), require('rxjs'), require('@angular/common/http'), require('rxjs/operators'), require('class-transformer'), require('moment'), require('underscore'), require('pegjs'), require('util'), require('@edium/fsm'), require('@angular/material/dialog'), require('@nicky-lenaers/ngx-scroll-to'), require('@angular/material/autocomplete'), require('@angular/material/core'), require('@hmcts/ccpay-web-component'), require('@angular/cdk/overlay'), require('@angular/cdk/tree'), require('@angular/material/input'), require('@angular-material-components/datetime-picker'), require('@angular-material-components/moment-adapter'), require('@angular/material/datepicker'), require('@angular/material/form-field'), require('ngx-md'), require('@hmcts/media-viewer'), require('@angular/cdk/portal'), require('ngx-pagination'), require('@angular/material/tabs')) :
-    typeof define === 'function' && define.amd ? define('@hmcts/ccd-case-ui-toolkit', ['exports', '@angular/core', '@angular/common', '@angular/router', '@angular/forms', 'rx-polling', 'rxjs', '@angular/common/http', 'rxjs/operators', 'class-transformer', 'moment', 'underscore', 'pegjs', 'util', '@edium/fsm', '@angular/material/dialog', '@nicky-lenaers/ngx-scroll-to', '@angular/material/autocomplete', '@angular/material/core', '@hmcts/ccpay-web-component', '@angular/cdk/overlay', '@angular/cdk/tree', '@angular/material/input', '@angular-material-components/datetime-picker', '@angular-material-components/moment-adapter', '@angular/material/datepicker', '@angular/material/form-field', 'ngx-md', '@hmcts/media-viewer', '@angular/cdk/portal', 'ngx-pagination', '@angular/material/tabs'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.hmcts = global.hmcts || {}, global.hmcts["ccd-case-ui-toolkit"] = {}), global.ng.core, global.ng.common, global.ng.router, global.ng.forms, global["rx-polling"], global.rxjs, global.ng.common.http, global.rxjs.operators, global["class-transformer"], global.moment, global.underscore, global.pegjs, global.util, global["@edium/fsm"], global.ng.material.dialog, global["@nicky-lenaers/ngx-scroll-to"], global.ng.material.autocomplete, global.ng.material.core, global["@hmcts/ccpay-web-component"], global.ng.cdk.overlay, global.ng.cdk.tree, global.ng.material.input, global["@angular-material-components/datetime-picker"], global["@angular-material-components/moment-adapter"], global.ng.material.datepicker, global.ng.material.formField, global["ngx-md"], global.i11, global.ng.cdk.portal, global["ngx-pagination"], global.ng.material.tabs));
-})(this, (function (exports, i0, i1, i1$1, i2, polling, rxjs, i1$2, operators, classTransformer, moment, _, pegjs, util, fsm, i1$3, i2$1, i4, i5, i3, i1$4, i7, i3$1, i4$1, momentAdapter, i5$1, i6, i1$5, i11, i6$1, i1$6, i9) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/forms'), require('rx-polling'), require('rxjs'), require('@angular/common/http'), require('rxjs/operators'), require('class-transformer'), require('moment'), require('underscore'), require('pegjs'), require('util'), require('@edium/fsm'), require('@angular/material/dialog'), require('@nicky-lenaers/ngx-scroll-to'), require('ngx-md'), require('@angular/material/autocomplete'), require('@angular/material/core'), require('@hmcts/ccpay-web-component'), require('@angular/cdk/overlay'), require('@angular/cdk/tree'), require('@angular/material/input'), require('@angular-material-components/datetime-picker'), require('@angular-material-components/moment-adapter'), require('@angular/material/datepicker'), require('@angular/material/form-field'), require('@hmcts/media-viewer'), require('@angular/cdk/portal'), require('ngx-pagination'), require('@angular/material/tabs')) :
+    typeof define === 'function' && define.amd ? define('@hmcts/ccd-case-ui-toolkit', ['exports', '@angular/core', '@angular/common', '@angular/router', '@angular/forms', 'rx-polling', 'rxjs', '@angular/common/http', 'rxjs/operators', 'class-transformer', 'moment', 'underscore', 'pegjs', 'util', '@edium/fsm', '@angular/material/dialog', '@nicky-lenaers/ngx-scroll-to', 'ngx-md', '@angular/material/autocomplete', '@angular/material/core', '@hmcts/ccpay-web-component', '@angular/cdk/overlay', '@angular/cdk/tree', '@angular/material/input', '@angular-material-components/datetime-picker', '@angular-material-components/moment-adapter', '@angular/material/datepicker', '@angular/material/form-field', '@hmcts/media-viewer', '@angular/cdk/portal', 'ngx-pagination', '@angular/material/tabs'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.hmcts = global.hmcts || {}, global.hmcts["ccd-case-ui-toolkit"] = {}), global.ng.core, global.ng.common, global.ng.router, global.ng.forms, global["rx-polling"], global.rxjs, global.ng.common.http, global.rxjs.operators, global["class-transformer"], global.moment, global.underscore, global.pegjs, global.util, global["@edium/fsm"], global.ng.material.dialog, global["@nicky-lenaers/ngx-scroll-to"], global["ngx-md"], global.ng.material.autocomplete, global.ng.material.core, global["@hmcts/ccpay-web-component"], global.ng.cdk.overlay, global.ng.cdk.tree, global.ng.material.input, global["@angular-material-components/datetime-picker"], global["@angular-material-components/moment-adapter"], global.ng.material.datepicker, global.ng.material.formField, global.i11, global.ng.cdk.portal, global["ngx-pagination"], global.ng.material.tabs));
+})(this, (function (exports, i0, i1, i1$1, i2, polling, rxjs, i1$2, operators, classTransformer, moment, _, pegjs, util, fsm, i1$3, i2$1, i1$4, i4, i5, i3, i1$5, i7, i3$1, i4$1, momentAdapter, i5$1, i6, i11, i6$1, i1$6, i9) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -34,16 +34,16 @@
     var ___namespace = /*#__PURE__*/_interopNamespace(_);
     var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
     var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
+    var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
     var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
+    var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
     var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
     var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
     var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
     var i5__namespace$1 = /*#__PURE__*/_interopNamespace(i5$1);
     var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
-    var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
     var i11__namespace = /*#__PURE__*/_interopNamespace(i11);
     var i6__namespace$1 = /*#__PURE__*/_interopNamespace(i6$1);
     var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$6);
@@ -481,7 +481,7 @@
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
-    /* global Reflect, Promise */
+    /* global Reflect, Promise, SuppressedError, Symbol */
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -560,11 +560,11 @@
                 if (_ = accept(result.set))
                     descriptor.set = _;
                 if (_ = accept(result.init))
-                    initializers.push(_);
+                    initializers.unshift(_);
             }
             else if (_ = accept(result)) {
                 if (kind === "field")
-                    initializers.push(_);
+                    initializers.unshift(_);
                 else
                     descriptor[key] = _;
             }
@@ -851,6 +851,85 @@
             throw new TypeError("Cannot use 'in' operator on non-object");
         return typeof state === "function" ? receiver === state : state.has(receiver);
     }
+    function __addDisposableResource(env, value, async) {
+        if (value !== null && value !== void 0) {
+            if (typeof value !== "object")
+                throw new TypeError("Object expected.");
+            var dispose;
+            if (async) {
+                if (!Symbol.asyncDispose)
+                    throw new TypeError("Symbol.asyncDispose is not defined.");
+                dispose = value[Symbol.asyncDispose];
+            }
+            if (dispose === void 0) {
+                if (!Symbol.dispose)
+                    throw new TypeError("Symbol.dispose is not defined.");
+                dispose = value[Symbol.dispose];
+            }
+            if (typeof dispose !== "function")
+                throw new TypeError("Object not disposable.");
+            env.stack.push({ value: value, dispose: dispose, async: async });
+        }
+        else if (async) {
+            env.stack.push({ async: true });
+        }
+        return value;
+    }
+    var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
+    function __disposeResources(env) {
+        function fail(e) {
+            env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
+            env.hasError = true;
+        }
+        function next() {
+            while (env.stack.length) {
+                var rec = env.stack.pop();
+                try {
+                    var result = rec.dispose && rec.dispose.call(rec.value);
+                    if (rec.async)
+                        return Promise.resolve(result).then(next, function (e) { fail(e); return next(); });
+                }
+                catch (e) {
+                    fail(e);
+                }
+            }
+            if (env.hasError)
+                throw env.error;
+        }
+        return next();
+    }
+    var tslib_es6 = {
+        __extends: __extends,
+        __assign: __assign,
+        __rest: __rest,
+        __decorate: __decorate,
+        __param: __param,
+        __metadata: __metadata,
+        __awaiter: __awaiter,
+        __generator: __generator,
+        __createBinding: __createBinding,
+        __exportStar: __exportStar,
+        __values: __values,
+        __read: __read,
+        __spread: __spread,
+        __spreadArrays: __spreadArrays,
+        __spreadArray: __spreadArray,
+        __await: __await,
+        __asyncGenerator: __asyncGenerator,
+        __asyncDelegator: __asyncDelegator,
+        __asyncValues: __asyncValues,
+        __makeTemplateObject: __makeTemplateObject,
+        __importStar: __importStar,
+        __importDefault: __importDefault,
+        __classPrivateFieldGet: __classPrivateFieldGet,
+        __classPrivateFieldSet: __classPrivateFieldSet,
+        __classPrivateFieldIn: __classPrivateFieldIn,
+        __addDisposableResource: __addDisposableResource,
+        __disposeResources: __disposeResources,
+    };
 
     var _c0$X = function (a0) { return { "govuk-input--error": a0 }; };
     function DateInputComponent_div_16_Template(rf, ctx) {
@@ -10623,7 +10702,7 @@
             this.wizard = this.caseEdit.wizard;
             this.caseFields = this.getCaseFields();
             this.syncCaseEditDataService();
-            this.route.params
+            this.routeParamsSub = this.route.params
                 .subscribe(function (params) {
                 var _a, _b;
                 var pageId = params['page'];
@@ -10643,15 +10722,17 @@
                     }
                     _this.hasPreviousPage$.next(_this.caseEdit.hasPrevious((_b = _this.currentPage) === null || _b === void 0 ? void 0 : _b.id));
                 }
+                _this.triggerText = _this.getTriggerText();
             });
             CaseEditPageComponent.setFocusToTop();
-            this.caseEditDataService.caseEditForm$.subscribe({
+            this.caseEditFormSub = this.caseEditDataService.caseEditForm$.subscribe({
                 next: function (editForm) { return _this.editForm = editForm; }
             });
-            this.caseEditDataService.caseIsLinkedCasesJourneyAtFinalStep$.subscribe({
-                next: function (isLinkedCasesJourneyAtFinalStep) { return _this.isLinkedCasesJourneyAtFinalStep = isLinkedCasesJourneyAtFinalStep; }
-            });
-            this.caseEditDataService.caseTriggerSubmitEvent$.subscribe({
+            this.caseIsLinkedCasesJourneyAtFinalStepSub =
+                this.caseEditDataService.caseIsLinkedCasesJourneyAtFinalStep$.subscribe({
+                    next: function (isLinkedCasesJourneyAtFinalStep) { return _this.isLinkedCasesJourneyAtFinalStep = isLinkedCasesJourneyAtFinalStep; }
+                });
+            this.caseTriggerSubmitEventSub = this.caseEditDataService.caseTriggerSubmitEvent$.subscribe({
                 next: function (state) {
                     if (state) {
                         _this.caseEditDataService.setTriggerSubmitEvent(false);
@@ -10659,11 +10740,21 @@
                     }
                 }
             });
-            this.triggerText = this.getTriggerText();
         };
         CaseEditPageComponent.prototype.ngAfterViewChecked = function () {
             this.cdRef.detectChanges();
         };
+        CaseEditPageComponent.prototype.ngOnDestroy = function () {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            (_a = this.routeParamsSub) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+            (_b = this.caseEditFormSub) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+            (_c = this.caseIsLinkedCasesJourneyAtFinalStepSub) === null || _c === void 0 ? void 0 : _c.unsubscribe();
+            (_d = this.caseTriggerSubmitEventSub) === null || _d === void 0 ? void 0 : _d.unsubscribe();
+            (_e = this.validateSub) === null || _e === void 0 ? void 0 : _e.unsubscribe();
+            (_f = this.dialogRefAfterClosedSub) === null || _f === void 0 ? void 0 : _f.unsubscribe();
+            (_g = this.saveDraftSub) === null || _g === void 0 ? void 0 : _g.unsubscribe();
+            (_h = this.caseFormValidationErrorsSub) === null || _h === void 0 ? void 0 : _h.unsubscribe();
+        };
         CaseEditPageComponent.prototype.applyValuesChanged = function (valuesChanged) {
             this.formValuesChanged = valuesChanged;
         };
@@ -10738,7 +10829,7 @@
                                 _this.generateErrorMessage(casefield.field_type.collection_field_type.complex_fields, c.get('value'), id_1);
                             });
                         }
-                        else if (FieldsUtils.isFlagLauncherCaseField(casefield)) {
+                        else if (FieldsUtils.isCaseFieldOfType(casefield, ['FlagLauncher'])) {
                             // Check whether the case field DisplayContextParameter is signalling "create" mode or "update" mode
                             // (expected always to be one of the two), to set the correct error message
                             var action = '';
@@ -10793,7 +10884,7 @@
                 this.caseEdit.error = null;
                 var caseEventData = this.buildCaseEventData();
                 var loadingSpinnerToken_1 = this.loadingService.register();
-                this.caseEdit.validate(caseEventData, this.currentPage.id)
+                this.validateSub = this.caseEdit.validate(caseEventData, this.currentPage.id)
                     .pipe(operators.finalize(function () {
                     _this.loadingService.unregister(loadingSpinnerToken_1);
                 }))
@@ -10812,10 +10903,10 @@
             CaseEditPageComponent.setFocusToTop();
         };
         CaseEditPageComponent.prototype.updateFormData = function (jsonData) {
-            var e_1, _c;
+            var e_1, _j;
             try {
-                for (var _d = __values(Object.keys(jsonData.data)), _e = _d.next(); !_e.done; _e = _d.next()) {
-                    var caseFieldId = _e.value;
+                for (var _k = __values(Object.keys(jsonData.data)), _l = _k.next(); !_l.done; _l = _k.next()) {
+                    var caseFieldId = _l.value;
                     /* istanbul ignore else */
                     if (this.pageWithFieldExists(caseFieldId)) {
                         this.updateEventTriggerCaseFields(caseFieldId, jsonData, this.caseEdit.eventTrigger);
@@ -10826,7 +10917,7 @@
             catch (e_1_1) { e_1 = { error: e_1_1 }; }
             finally {
                 try {
-                    if (_e && !_e.done && (_c = _d.return)) _c.call(_d);
+                    if (_l && !_l.done && (_j = _k.return)) _j.call(_k);
                 }
                 finally { if (e_1) throw e_1.error; }
             }
@@ -10855,12 +10946,12 @@
         CaseEditPageComponent.prototype.updateJsonDataObject = function (caseFieldId, jsonData, element) {
             var _this = this;
             return Object.keys(jsonData.data[caseFieldId]).reduce(function (acc, key) {
-                var _c;
+                var _j;
                 var elementValue = element.value[key];
                 var jsonDataValue = jsonData.data[caseFieldId][key];
                 var hasElementGotValueProperty = _this.isAnObject(elementValue) && elementValue.value !== undefined;
                 var jsonDataOrElementValue = (jsonDataValue === null || jsonDataValue === void 0 ? void 0 : jsonDataValue.value) !== null && (jsonDataValue === null || jsonDataValue === void 0 ? void 0 : jsonDataValue.value) !== undefined ? jsonDataValue : elementValue;
-                return Object.assign(Object.assign({}, acc), (_c = {}, _c["" + key] = hasElementGotValueProperty ? jsonDataOrElementValue : jsonDataValue, _c));
+                return Object.assign(Object.assign({}, acc), (_j = {}, _j["" + key] = hasElementGotValueProperty ? jsonDataOrElementValue : jsonDataValue, _j));
             }, {});
         };
         CaseEditPageComponent.prototype.isAnObject = function (property) {
@@ -10908,7 +10999,7 @@
             if (this.eventTrigger.can_save_draft) {
                 if (this.formValuesChanged) {
                     var dialogRef = this.dialog.open(SaveOrDiscardDialogComponent, this.dialogConfig);
-                    dialogRef.afterClosed().subscribe(function (result) {
+                    this.dialogRefAfterClosedSub = dialogRef.afterClosed().subscribe(function (result) {
                         if (result === 'Discard') {
                             _this.discard();
                         }
@@ -10995,7 +11086,7 @@
                 var draftCaseEventData = this.formValueService.sanitise(this.editForm.value);
                 draftCaseEventData.event_token = this.eventTrigger.event_token;
                 draftCaseEventData.ignore_warning = this.caseEdit.ignoreWarning;
-                this.caseEdit.saveDraft(draftCaseEventData).subscribe(function (draft) { return _this.eventTrigger.case_id = DRAFT_PREFIX + draft.id; }, function (error) { return _this.handleError(error); });
+                this.saveDraftSub = this.caseEdit.saveDraft(draftCaseEventData).subscribe(function (draft) { return _this.eventTrigger.case_id = DRAFT_PREFIX + draft.id; }, function (error) { return _this.handleError(error); });
             }
         };
         CaseEditPageComponent.prototype.getCaseFields = function () {
@@ -11063,7 +11154,7 @@
             this.caseEditDataService.setCaseEventTriggerName(this.eventTrigger.name);
             this.caseEditDataService.setCaseTitle(this.getCaseTitle());
             this.caseEditDataService.setCaseEditForm(this.editForm);
-            this.caseEditDataService.caseFormValidationErrors$.subscribe({
+            this.caseFormValidationErrorsSub = this.caseEditDataService.caseFormValidationErrors$.subscribe({
                 next: function (validationErrors) { return _this.validationErrors = validationErrors; }
             });
         };
@@ -14686,44 +14777,62 @@
             }], null, null);
     })();
 
-    var FixedListPipe = /** @class */ (function () {
-        function FixedListPipe() {
+    var MarkdownComponent = /** @class */ (function () {
+        function MarkdownComponent() {
         }
-        FixedListPipe.prototype.transform = function (value, items) {
-            if (!!items) {
-                var item = items.find(function (i) { return i.code === value; });
-                return item ? item.label : FixedListPipe.EMPTY;
-            }
-            else {
-                return FixedListPipe.EMPTY;
+        MarkdownComponent.prototype.ngOnInit = function () {
+            this.content = this.content.replace(/  \n/g, '<br>');
+        };
+        MarkdownComponent.prototype.onMarkdownClick = function (event) {
+            // If we don't have an anchor tag, we don't need to do anything.
+            if (event.target instanceof HTMLAnchorElement === false) {
+                return;
             }
+            return true;
         };
-        return FixedListPipe;
+        return MarkdownComponent;
     }());
-    FixedListPipe.EMPTY = '';
-    FixedListPipe.ɵfac = function FixedListPipe_Factory(t) { return new (t || FixedListPipe)(); };
-    FixedListPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdFixedList", type: FixedListPipe, pure: true });
+    MarkdownComponent.ɵfac = function MarkdownComponent_Factory(t) { return new (t || MarkdownComponent)(); };
+    MarkdownComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: MarkdownComponent, selectors: [["ccd-markdown"]], hostBindings: function MarkdownComponent_HostBindings(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵlistener("click", function MarkdownComponent_click_HostBindingHandler($event) { return ctx.onMarkdownClick($event); });
+            }
+        }, inputs: { content: "content", markdownUseHrefAsRouterLink: "markdownUseHrefAsRouterLink" }, decls: 3, vars: 3, consts: [[1, "markdown", 3, "innerHTML"]], template: function MarkdownComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵelementStart(0, "div");
+                i0__namespace.ɵɵelement(1, "markdown", 0);
+                i0__namespace.ɵɵpipe(2, "ccdCaseReference");
+                i0__namespace.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("innerHTML", i0__namespace.ɵɵpipeBind1(2, 1, ctx.content), i0__namespace.ɵɵsanitizeHtml);
+            }
+        }, directives: [i1__namespace$4.NgxMdComponent], pipes: [CaseReferencePipe], encapsulation: 2 });
     (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(FixedListPipe, [{
-                type: i0.Pipe,
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MarkdownComponent, [{
+                type: i0.Component,
                 args: [{
-                        name: 'ccdFixedList'
+                        selector: 'ccd-markdown',
+                        templateUrl: './markdown.html'
                     }]
-            }], null, null);
+            }], function () { return []; }, { content: [{
+                    type: i0.Input
+                }], markdownUseHrefAsRouterLink: [{
+                    type: i0.Input
+                }], onMarkdownClick: [{
+                    type: i0.HostListener,
+                    args: ['click', ['$event']]
+                }] });
     })();
 
     function ReadDynamicMultiSelectListFieldComponent_div_0_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵpipe(2, "ccdFixedList");
+            i0__namespace.ɵɵelementStart(1, "ccd-markdown");
+            i0__namespace.ɵɵtext(2, "[content]=\"value.code | ccdFixedList:caseField.list_items\"");
+            i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var value_r1 = ctx.$implicit;
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(2, 1, value_r1.code, ctx_r0.caseField.list_items), "\n");
         }
     }
     var ReadDynamicMultiSelectListFieldComponent = /** @class */ (function (_super) {
@@ -14749,12 +14858,12 @@
     ReadDynamicMultiSelectListFieldComponent.ɵfac = function ReadDynamicMultiSelectListFieldComponent_Factory(t) { return ɵReadDynamicMultiSelectListFieldComponent_BaseFactory(t || ReadDynamicMultiSelectListFieldComponent); };
     ReadDynamicMultiSelectListFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadDynamicMultiSelectListFieldComponent, selectors: [["ccd-read-dynamic-multi-select-list-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngFor", "ngForOf"]], template: function ReadDynamicMultiSelectListFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, ReadDynamicMultiSelectListFieldComponent_div_0_Template, 3, 4, "div", 0);
+                i0__namespace.ɵɵtemplate(0, ReadDynamicMultiSelectListFieldComponent_div_0_Template, 3, 0, "div", 0);
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngForOf", ctx.caseField.value);
             }
-        }, directives: [i1__namespace.NgForOf], pipes: [FixedListPipe], styles: [".multi-select-list-field-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] > td[_ngcontent-%COMP%]{padding:5px 0}.multi-select-list-field-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child > td[_ngcontent-%COMP%]{border-bottom:none}.multi-select-list-field-table[_ngcontent-%COMP%]   td.collection-actions[_ngcontent-%COMP%]{width:1px;white-space:nowrap}"] });
+        }, directives: [i1__namespace.NgForOf, MarkdownComponent], styles: [".multi-select-list-field-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] > td[_ngcontent-%COMP%]{padding:5px 0}.multi-select-list-field-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child > td[_ngcontent-%COMP%]{border-bottom:none}.multi-select-list-field-table[_ngcontent-%COMP%]   td.collection-actions[_ngcontent-%COMP%]{width:1px;white-space:nowrap}"] });
     var ɵReadDynamicMultiSelectListFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(ReadDynamicMultiSelectListFieldComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ReadDynamicMultiSelectListFieldComponent, [{
@@ -14814,7 +14923,7 @@
             i0__namespace.ɵɵlistener("change", function WriteDynamicMultiSelectListFieldComponent_ng_container_6_Template_input_change_2_listener($event) { i0__namespace.ɵɵrestoreView(_r6_1); var ctx_r5 = i0__namespace.ɵɵnextContext(); return ctx_r5.onCheckChange($event); });
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementStart(3, "label", 10);
-            i0__namespace.ɵɵtext(4);
+            i0__namespace.ɵɵelement(4, "ccd-markdown", 11);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
@@ -14829,7 +14938,7 @@
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵpropertyInterpolate("for", ctx_r3.createElementId(checkbox_r4.code));
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(checkbox_r4.label);
+            i0__namespace.ɵɵproperty("content", checkbox_r4.label);
         }
     }
     var _c0$L = function (a0) { return { "error": a0 }; };
@@ -14901,7 +15010,7 @@
         return WriteDynamicMultiSelectListFieldComponent;
     }(AbstractFieldWriteComponent));
     WriteDynamicMultiSelectListFieldComponent.ɵfac = function WriteDynamicMultiSelectListFieldComponent_Factory(t) { return ɵWriteDynamicMultiSelectListFieldComponent_BaseFactory(t || WriteDynamicMultiSelectListFieldComponent); };
-    WriteDynamicMultiSelectListFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteDynamicMultiSelectListFieldComponent, selectors: [["ccd-write-dynamic-multi-select-list-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 7, vars: 8, consts: [[1, "form-group", "bottom-30", 3, "ngClass", "id"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "form-label"], [1, "form-hint"], [1, "error-message"], [1, "multiple-choice"], ["type", "checkbox", 1, "form-control", 3, "id", "name", "value", "checked", "change"], [1, "form-label", 3, "for"]], template: function WriteDynamicMultiSelectListFieldComponent_Template(rf, ctx) {
+    WriteDynamicMultiSelectListFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteDynamicMultiSelectListFieldComponent, selectors: [["ccd-write-dynamic-multi-select-list-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 7, vars: 8, consts: [[1, "form-group", "bottom-30", 3, "ngClass", "id"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "form-label"], [1, "form-hint"], [1, "error-message"], [1, "multiple-choice"], ["type", "checkbox", 1, "form-control", 3, "id", "name", "value", "checked", "change"], [1, "form-label", 3, "for"], [3, "content"]], template: function WriteDynamicMultiSelectListFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelementStart(0, "div", 0);
                 i0__namespace.ɵɵelementStart(1, "fieldset");
@@ -14925,14 +15034,15 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngForOf", ctx.caseField.list_items);
             }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace.NgForOf], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace.NgForOf, MarkdownComponent], pipes: [FieldLabelPipe, FirstErrorPipe], styles: ["ccd-markdown[_ngcontent-%COMP%]{display:inline-block}"] });
     var ɵWriteDynamicMultiSelectListFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteDynamicMultiSelectListFieldComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteDynamicMultiSelectListFieldComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'ccd-write-dynamic-multi-select-list-field',
-                        templateUrl: './write-dynamic-multi-select-list-field.html'
+                        templateUrl: './write-dynamic-multi-select-list-field.html',
+                        styleUrls: ['./write-dynamic-multi-select-list-field.component.scss']
                     }]
             }], null, null);
     })();
@@ -15282,6 +15392,32 @@
             }], null, null);
     })();
 
+    var FixedListPipe = /** @class */ (function () {
+        function FixedListPipe() {
+        }
+        FixedListPipe.prototype.transform = function (value, items) {
+            if (!!items) {
+                var item = items.find(function (i) { return i.code === value; });
+                return item ? item.label : FixedListPipe.EMPTY;
+            }
+            else {
+                return FixedListPipe.EMPTY;
+            }
+        };
+        return FixedListPipe;
+    }());
+    FixedListPipe.EMPTY = '';
+    FixedListPipe.ɵfac = function FixedListPipe_Factory(t) { return new (t || FixedListPipe)(); };
+    FixedListPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdFixedList", type: FixedListPipe, pure: true });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(FixedListPipe, [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'ccdFixedList'
+                    }]
+            }], null, null);
+    })();
+
     var ReadFixedListFieldComponent = /** @class */ (function (_super) {
         __extends(ReadFixedListFieldComponent, _super);
         function ReadFixedListFieldComponent() {
@@ -21037,7 +21173,7 @@
                 i0__namespace.ɵɵadvance(4);
                 i0__namespace.ɵɵproperty("cdkConnectedOverlayOrigin", _r0)("cdkConnectedOverlayOpen", ctx.isOpen)("cdkConnectedOverlayHasBackdrop", true)("cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop");
             }
-        }, directives: [i1__namespace$4.CdkOverlayOrigin, i1__namespace$4.CdkConnectedOverlay, i1__namespace.NgIf, i1__namespace.NgForOf], styles: [".overlay-toggle[_ngcontent-%COMP%]{display:block;background:none;border:0;padding:0 6px;margin-right:-4px;cursor:pointer}.overlay-menu[_ngcontent-%COMP%]{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlay-menu__item[_ngcontent-%COMP%], .overlay-menu__title[_ngcontent-%COMP%]{padding:10px;border-bottom:1px solid grey}.overlay-menu__item[_ngcontent-%COMP%]:last-child, .overlay-menu__title[_ngcontent-%COMP%]:last-child{border:none}.overlay-menu__title[_ngcontent-%COMP%]{padding-left:6px;padding-right:6px}.overlay-menu__item[_ngcontent-%COMP%]{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlay-menu__item[_ngcontent-%COMP%]:hover{background-color:#fff2cc}.overlay-menu__itemIcon[_ngcontent-%COMP%]{height:1.25em;width:1.25em;margin-right:6px}"] });
+        }, directives: [i1__namespace$5.CdkOverlayOrigin, i1__namespace$5.CdkConnectedOverlay, i1__namespace.NgIf, i1__namespace.NgForOf], styles: [".overlay-toggle[_ngcontent-%COMP%]{display:block;background:none;border:0;padding:0 6px;margin-right:-4px;cursor:pointer}.overlay-menu[_ngcontent-%COMP%]{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlay-menu__item[_ngcontent-%COMP%], .overlay-menu__title[_ngcontent-%COMP%]{padding:10px;border-bottom:1px solid grey}.overlay-menu__item[_ngcontent-%COMP%]:last-child, .overlay-menu__title[_ngcontent-%COMP%]:last-child{border:none}.overlay-menu__title[_ngcontent-%COMP%]{padding-left:6px;padding-right:6px}.overlay-menu__item[_ngcontent-%COMP%]{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlay-menu__item[_ngcontent-%COMP%]:hover{background-color:#fff2cc}.overlay-menu__itemIcon[_ngcontent-%COMP%]{height:1.25em;width:1.25em;margin-right:6px}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewOverlayMenuComponent, [{
                 type: i0.Component,
@@ -24901,55 +25037,6 @@
                 }] });
     })();
 
-    var MarkdownComponent = /** @class */ (function () {
-        function MarkdownComponent() {
-        }
-        MarkdownComponent.prototype.ngOnInit = function () {
-            this.content = this.content.replace(/  \n/g, '<br>');
-        };
-        MarkdownComponent.prototype.onMarkdownClick = function (event) {
-            // If we don't have an anchor tag, we don't need to do anything.
-            if (event.target instanceof HTMLAnchorElement === false) {
-                return;
-            }
-            return true;
-        };
-        return MarkdownComponent;
-    }());
-    MarkdownComponent.ɵfac = function MarkdownComponent_Factory(t) { return new (t || MarkdownComponent)(); };
-    MarkdownComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: MarkdownComponent, selectors: [["ccd-markdown"]], hostBindings: function MarkdownComponent_HostBindings(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵlistener("click", function MarkdownComponent_click_HostBindingHandler($event) { return ctx.onMarkdownClick($event); });
-            }
-        }, inputs: { content: "content", markdownUseHrefAsRouterLink: "markdownUseHrefAsRouterLink" }, decls: 3, vars: 3, consts: [[1, "markdown", 3, "innerHTML"]], template: function MarkdownComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "div");
-                i0__namespace.ɵɵelement(1, "markdown", 0);
-                i0__namespace.ɵɵpipe(2, "ccdCaseReference");
-                i0__namespace.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("innerHTML", i0__namespace.ɵɵpipeBind1(2, 1, ctx.content), i0__namespace.ɵɵsanitizeHtml);
-            }
-        }, directives: [i1__namespace$5.NgxMdComponent], pipes: [CaseReferencePipe], encapsulation: 2 });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MarkdownComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ccd-markdown',
-                        templateUrl: './markdown.html'
-                    }]
-            }], function () { return []; }, { content: [{
-                    type: i0.Input
-                }], markdownUseHrefAsRouterLink: [{
-                    type: i0.Input
-                }], onMarkdownClick: [{
-                    type: i0.HostListener,
-                    args: ['click', ['$event']]
-                }] });
-    })();
-
     var FeeValue = /** @class */ (function () {
         function FeeValue() {
         }
@@ -26040,7 +26127,7 @@
                 FormModule,
                 TabsModule,
                 LabelSubstitutorModule,
-                i1$5.NgxMdModule,
+                i1$4.NgxMdModule,
                 i4$1.NgxMatDatetimePickerModule,
                 i4$1.NgxMatTimepickerModule,
                 i4$1.NgxMatNativeDateModule,
@@ -26049,7 +26136,7 @@
                 i5$1.MatDatepickerModule,
                 i4.MatAutocompleteModule,
                 i7.CdkTreeModule,
-                i1$4.OverlayModule,
+                i1$5.OverlayModule,
                 i3.PaymentLibModule,
                 i2$1.ScrollToModule.forRoot(),
                 i1$3.MatDialogModule,
@@ -26183,7 +26270,7 @@
                 FormModule,
                 TabsModule,
                 LabelSubstitutorModule,
-                i1$5.NgxMdModule,
+                i1$4.NgxMdModule,
                 i4$1.NgxMatDatetimePickerModule,
                 i4$1.NgxMatTimepickerModule,
                 i4$1.NgxMatNativeDateModule,
@@ -26192,7 +26279,7 @@
                 i5$1.MatDatepickerModule,
                 i4.MatAutocompleteModule,
                 i7.CdkTreeModule,
-                i1$4.OverlayModule,
+                i1$5.OverlayModule,
                 i3.PaymentLibModule, i2__namespace$1.ScrollToModule, i1$3.MatDialogModule,
                 i11.MediaViewerModule,
                 LoadingModule], exports: [i4$1.NgxMatDatetimePickerModule,
@@ -26316,7 +26403,7 @@
                             FormModule,
                             TabsModule,
                             LabelSubstitutorModule,
-                            i1$5.NgxMdModule,
+                            i1$4.NgxMdModule,
                             i4$1.NgxMatDatetimePickerModule,
                             i4$1.NgxMatTimepickerModule,
                             i4$1.NgxMatNativeDateModule,
@@ -26325,7 +26412,7 @@
                             i5$1.MatDatepickerModule,
                             i4.MatAutocompleteModule,
                             i7.CdkTreeModule,
-                            i1$4.OverlayModule,
+                            i1$5.OverlayModule,
                             i3.PaymentLibModule,
                             i2$1.ScrollToModule.forRoot(),
                             i1$3.MatDialogModule,