@hmcts/ccd-case-ui-toolkit 6.14.5-testing → 6.14.6-exui-229

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, i5, i6, i3, i1$4, i7, i3$1, i4, momentAdapter, i5$1, i6$1, i1$5, i11, i6$2, 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('@angular/material/autocomplete'), require('@angular/material/core'), require('@hmcts/ccpay-web-component'), require('ngx-md'), 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', '@angular/material/autocomplete', '@angular/material/core', '@hmcts/ccpay-web-component', 'ngx-md', '@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.ng.material.autocomplete, global.ng.material.core, global["@hmcts/ccpay-web-component"], global["ngx-md"], 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, i5, i6, i3, i1$4, i1$5, i7, i3$1, i4, momentAdapter, i5$1, i6$1, i11, i6$2, i1$6, i9) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -38,12 +38,12 @@
     var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
     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 = /*#__PURE__*/_interopNamespace(i4);
     var i5__namespace$1 = /*#__PURE__*/_interopNamespace(i5$1);
     var i6__namespace$1 = /*#__PURE__*/_interopNamespace(i6$1);
-    var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
     var i11__namespace = /*#__PURE__*/_interopNamespace(i11);
     var i6__namespace$2 = /*#__PURE__*/_interopNamespace(i6$2);
     var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$6);
@@ -19181,18 +19181,62 @@
             }], function () { return [{ type: AbstractAppConfig }, { type: SessionStorageService }]; }, null);
     })();
 
+    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$4.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']]
+                }] });
+    })();
+
     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) {
@@ -19218,12 +19262,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, [{
@@ -19283,7 +19327,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();
@@ -19298,7 +19342,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$A = function (a0) { return { "error": a0 }; };
@@ -19370,7 +19414,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");
@@ -19394,14 +19438,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);
     })();
@@ -20703,7 +20748,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:-6px;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:-6px;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,
@@ -24560,55 +24605,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() {
         }
@@ -25698,7 +25694,7 @@
                 FormModule,
                 TabsModule,
                 LabelSubstitutorModule,
-                i1$5.NgxMdModule,
+                i1$4.NgxMdModule,
                 i4.NgxMatDatetimePickerModule,
                 i4.NgxMatTimepickerModule,
                 i4.NgxMatNativeDateModule,
@@ -25707,7 +25703,7 @@
                 i5$1.MatDatepickerModule,
                 i5.MatAutocompleteModule,
                 i7.CdkTreeModule,
-                i1$4.OverlayModule,
+                i1$5.OverlayModule,
                 i3.PaymentLibModule,
                 i2$1.ScrollToModule.forRoot(),
                 i1$3.MatDialogModule,
@@ -25841,7 +25837,7 @@
                 FormModule,
                 TabsModule,
                 LabelSubstitutorModule,
-                i1$5.NgxMdModule,
+                i1$4.NgxMdModule,
                 i4.NgxMatDatetimePickerModule,
                 i4.NgxMatTimepickerModule,
                 i4.NgxMatNativeDateModule,
@@ -25850,7 +25846,7 @@
                 i5$1.MatDatepickerModule,
                 i5.MatAutocompleteModule,
                 i7.CdkTreeModule,
-                i1$4.OverlayModule,
+                i1$5.OverlayModule,
                 i3.PaymentLibModule, i2__namespace$1.ScrollToModule, i1$3.MatDialogModule,
                 i11.MediaViewerModule,
                 LoadingModule], exports: [i4.NgxMatDatetimePickerModule,
@@ -25974,7 +25970,7 @@
                             FormModule,
                             TabsModule,
                             LabelSubstitutorModule,
-                            i1$5.NgxMdModule,
+                            i1$4.NgxMdModule,
                             i4.NgxMatDatetimePickerModule,
                             i4.NgxMatTimepickerModule,
                             i4.NgxMatNativeDateModule,
@@ -25983,7 +25979,7 @@
                             i5$1.MatDatepickerModule,
                             i5.MatAutocompleteModule,
                             i7.CdkTreeModule,
-                            i1$4.OverlayModule,
+                            i1$5.OverlayModule,
                             i3.PaymentLibModule,
                             i2$1.ScrollToModule.forRoot(),
                             i1$3.MatDialogModule,
@@ -30730,7 +30726,7 @@
             var _r34_1 = i0__namespace.ɵɵgetCurrentView();
             i0__namespace.ɵɵelementContainerStart(0);
             i0__namespace.ɵɵelementStart(1, "mat-tab-group", 23, 24);
-            i0__namespace.ɵɵlistener("selectedTabChange", function CaseFullAccessViewComponent_ng_container_12_Template_mat_tab_group_selectedTabChange_1_listener($event) { i0__namespace.ɵɵrestoreView(_r34_1); var ctx_r33 = i0__namespace.ɵɵnextContext(); return ctx_r33.tabChanged($event); });
+            i0__namespace.ɵɵlistener("selectedIndexChange", function CaseFullAccessViewComponent_ng_container_12_Template_mat_tab_group_selectedIndexChange_1_listener($event) { i0__namespace.ɵɵrestoreView(_r34_1); var ctx_r33 = i0__namespace.ɵɵnextContext(); return ctx_r33.tabChanged($event); });
             i0__namespace.ɵɵtemplate(3, CaseFullAccessViewComponent_ng_container_12_mat_tab_3_Template, 1, 2, "mat-tab", 25);
             i0__namespace.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_Template, 2, 2, "mat-tab", 25);
             i0__namespace.ɵɵtemplate(5, CaseFullAccessViewComponent_ng_container_12_mat_tab_5_Template, 1, 2, "mat-tab", 25);
@@ -30768,6 +30764,7 @@
             this.location = location;
             this.crf = crf;
             this.sessionStorageService = sessionStorageService;
+            this.HEARINGS_TAB_LABEL = 'Hearings';
             this.hasPrint = true;
             this.hasEventSelector = true;
             this.prependedTabs = [];
@@ -30779,6 +30776,7 @@
             this.ignoreWarning = false;
             this.selectedTabIndex = 0;
             this.activeCaseFlags = false;
+            this.subs = [];
             this.callbackErrorsSubject = new rxjs.Subject();
         }
         CaseFullAccessViewComponent.prototype.ngOnInit = function () {
@@ -30831,6 +30829,7 @@
             this.unsubscribe(this.callbackErrorsSubject);
             this.unsubscribe(this.errorSubscription);
             this.unsubscribe(this.subscription);
+            this.subs.forEach(function (s) { return s.unsubscribe(); });
         };
         CaseFullAccessViewComponent.prototype.unsubscribe = function (subscription) {
             if (subscription) {
@@ -30839,7 +30838,7 @@
         };
         CaseFullAccessViewComponent.prototype.checkRouteAndSetCaseViewTab = function () {
             var _this = this;
-            this.router.events
+            this.subs.push(this.router.events
                 .pipe(operators.filter(function (event) { return event instanceof i1$1.NavigationEnd; }))
                 .subscribe(function (event) {
                 var url = event && event.url;
@@ -30851,8 +30850,9 @@
                         _this.tabGroup.selectedIndex = matTab.position;
                     }
                 }
-            });
+            }));
         };
+        ;
         CaseFullAccessViewComponent.prototype.postViewActivity = function () {
             return this.activityPollingService.postViewActivity(this.caseDetails.case_id);
         };
@@ -30975,22 +30975,25 @@
                 }
             }
         };
-        CaseFullAccessViewComponent.prototype.tabChanged = function (tabChangeEvent) {
-            // Update selected tab index
-            this.selectedTabIndex = tabChangeEvent.index;
-            var tab = tabChangeEvent.tab['_viewContainerRef'];
-            var id = tab.element.nativeElement.id;
-            // due to some edge case like hidden tab we can't calculate the last index of existing tabs,
-            // so have to hard code the hearings id here
-            if ((tabChangeEvent.index <= 1 && this.prependedTabs && this.prependedTabs.length) ||
-                (this.appendedTabs && this.appendedTabs.length && id === 'hearings')) {
+        // Refactored under EXUI-110 to address infinite tab loop to use tabIndexChanged instead
+        CaseFullAccessViewComponent.prototype.tabChanged = function (tabIndexChanged) {
+            var matTab = this.tabGroup._tabs.find(function (tab) { return tab.isActive; });
+            var tabLabel = matTab.textLabel;
+            // sortedTabs are fragments
+            // appended/prepepended tabs use router navigation
+            if ((tabIndexChanged <= 1 && this.prependedTabs && this.prependedTabs.length) ||
+                (this.appendedTabs && this.appendedTabs.length && tabLabel === this.HEARINGS_TAB_LABEL)) {
+                // Hack to get ID from tab as it's not easily achieved through Angular Material Tabs
+                var tab = matTab['_viewContainerRef'];
+                var id = tab.element.nativeElement.id;
+                // cases/case-details/:caseId/hearings
+                // cases/case-details/:caseId/roles-and-access
                 this.router.navigate([id], { relativeTo: this.route });
             }
             else {
-                var label_1 = tabChangeEvent.tab.textLabel;
-                this.router.navigate(['cases', 'case-details', this.caseDetails.case_id]).then(function () {
-                    window.location.hash = label_1;
-                });
+                // Routing here is based on tab label, not ideal
+                // cases/case-details/:caseId#tabLabel
+                this.router.navigate(['cases', 'case-details', this.caseDetails.case_id], { fragment: tabLabel });
             }
         };
         CaseFullAccessViewComponent.prototype.onLinkClicked = function (triggerOutputEventText) {
@@ -31088,6 +31091,12 @@
             this.callbackErrorsSubject.next(null);
             this.alertService.clear();
         };
+        CaseFullAccessViewComponent.prototype.getUrlFragment = function (url) {
+            return url.split('#')[url.split('#').length - 1];
+        };
+        CaseFullAccessViewComponent.prototype.getTabIndexByTabLabel = function (tabGroup, tabLabel) {
+            return tabGroup._tabs.toArray().findIndex(function (t) { return t.textLabel.toLowerCase() === tabLabel.toLowerCase(); });
+        };
         return CaseFullAccessViewComponent;
     }());
     CaseFullAccessViewComponent.ORIGIN_QUERY_PARAM = 'origin';
@@ -31104,7 +31113,7 @@
                 var _t = void 0;
                 i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.tabGroup = _t.first);
             }
-        }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, features: [i0__namespace.ɵɵNgOnChangesFeature], decls: 13, vars: 12, consts: [["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [3, "caseId", "displayMode"], [1, "grid-row"], [1, "column-one-half"], [3, "caseDetails"], ["class", "case-viewer-controls", 4, "ngIf"], ["class", "column-one-half", 4, "ngIf"], ["class", "grid-row", 4, "ngIf"], [1, "column-full"], [4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h2", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], [4, "ngFor", "ngForOf"], [1, "case-viewer-controls"], ["id", "case-viewer-control-print", "routerLink", "print", 1, "button", "button-secondary"], [3, "isDisabled", "triggers", "triggerText", "onTriggerChange", "onTriggerSubmit"], [3, "notificationBannerConfig", "linkClicked"], ["animationDuration", "0ms", 3, "disableRipple", "selectedIndex", "selectedTabChange"], ["tabGroup", ""], [3, "id", "label", 4, "ngFor", "ngForOf"], [3, "id", "label"], ["matTabContent", ""], ["aria-describedby", "case viewer table"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "hidden"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "compound-field", 4, "ngSwitchCase"], ["id", "case-viewer-field-label", 4, "ngIf"], ["scope", "col", 3, "id"], [1, "text-16"], [3, "topLevelFormGroup", "caseField", "caseReference", "markdownUseHrefAsRouterLink"], ["id", "case-viewer-field-label"], [1, "case-viewer-label", "text-16"], [1, "compound-field"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) {
+        }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, features: [i0__namespace.ɵɵNgOnChangesFeature], decls: 13, vars: 12, consts: [["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject", "callbackErrorsContext"], [3, "caseId", "displayMode"], [1, "grid-row"], [1, "column-one-half"], [3, "caseDetails"], ["class", "case-viewer-controls", 4, "ngIf"], ["class", "column-one-half", 4, "ngIf"], ["class", "grid-row", 4, "ngIf"], [1, "column-full"], [4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h2", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], [4, "ngFor", "ngForOf"], [1, "case-viewer-controls"], ["id", "case-viewer-control-print", "routerLink", "print", 1, "button", "button-secondary"], [3, "isDisabled", "triggers", "triggerText", "onTriggerChange", "onTriggerSubmit"], [3, "notificationBannerConfig", "linkClicked"], ["animationDuration", "0ms", 3, "disableRipple", "selectedIndex", "selectedIndexChange"], ["tabGroup", ""], [3, "id", "label", 4, "ngFor", "ngForOf"], [3, "id", "label"], ["matTabContent", ""], ["aria-describedby", "case viewer table"], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "hidden"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "compound-field", 4, "ngSwitchCase"], ["id", "case-viewer-field-label", 4, "ngIf"], ["scope", "col", 3, "id"], [1, "text-16"], [3, "topLevelFormGroup", "caseField", "caseReference", "markdownUseHrefAsRouterLink"], ["id", "case-viewer-field-label"], [1, "case-viewer-label", "text-16"], [1, "compound-field"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵtemplate(0, CaseFullAccessViewComponent_div_0_Template, 10, 0, "div", 0);
                 i0__namespace.ɵɵtemplate(1, CaseFullAccessViewComponent_div_1_Template, 6, 2, "div", 0);