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

package/fesm2015/hmcts-ccd-case-ui-toolkit.js

@@ -28,7 +28,9 @@ import * as i6 from '@angular/material/core';
 import { MAT_DATE_LOCALE } from '@angular/material/core';
 import * as i3 from '@hmcts/ccpay-web-component';
 import { PaymentLibModule } from '@hmcts/ccpay-web-component';
-import * as i1$4 from '@angular/cdk/overlay';
+import * as i1$4 from 'ngx-md';
+import { NgxMdModule } from 'ngx-md';
+import * as i1$5 from '@angular/cdk/overlay';
 import { OverlayModule } from '@angular/cdk/overlay';
 import * as i7 from '@angular/cdk/tree';
 import { NestedTreeControl, CdkTreeModule } from '@angular/cdk/tree';
@@ -41,8 +43,6 @@ import * as i5$1 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import * as i6$1 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i1$5 from 'ngx-md';
-import { NgxMdModule } from 'ngx-md';
 import * as i11 from '@hmcts/media-viewer';
 import { MediaViewerModule } from '@hmcts/media-viewer';
 import * as i6$2 from '@angular/cdk/portal';
@@ -16646,16 +16646,52 @@ CasePaymentHistoryViewerFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: Ca
             }]
     }], function () { return [{ type: AbstractAppConfig }, { type: SessionStorageService }]; }, null); })();
 
+class MarkdownComponent {
+    constructor() { }
+    ngOnInit() {
+        this.content = this.content.replace(/  \n/g, '<br>');
+    }
+    onMarkdownClick(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;
+    }
+}
+MarkdownComponent.ɵfac = function MarkdownComponent_Factory(t) { return new (t || MarkdownComponent)(); };
+MarkdownComponent.ɵcmp = i0.ɵɵdefineComponent({ type: MarkdownComponent, selectors: [["ccd-markdown"]], hostBindings: function MarkdownComponent_HostBindings(rf, ctx) { if (rf & 1) {
+        i0.ɵɵ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.ɵɵelementStart(0, "div");
+        i0.ɵɵelement(1, "markdown", 0);
+        i0.ɵɵpipe(2, "ccdCaseReference");
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(2, 1, ctx.content), i0.ɵɵsanitizeHtml);
+    } }, directives: [i1$4.NgxMdComponent], pipes: [CaseReferencePipe], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MarkdownComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ccd-markdown',
+                templateUrl: './markdown.html'
+            }]
+    }], function () { return []; }, { content: [{
+            type: Input
+        }], markdownUseHrefAsRouterLink: [{
+            type: Input
+        }], onMarkdownClick: [{
+            type: HostListener,
+            args: ['click', ['$event']]
+        }] }); })();
+
 function ReadDynamicMultiSelectListFieldComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "ccdFixedList");
+    i0.ɵɵelementStart(1, "ccd-markdown");
+    i0.ɵɵtext(2, "[content]=\"value.code | ccdFixedList:caseField.list_items\"");
+    i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const value_r1 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, value_r1.code, ctx_r0.caseField.list_items), "\n");
 } }
 class ReadDynamicMultiSelectListFieldComponent extends AbstractFieldReadComponent {
     ngOnInit() {
@@ -16674,10 +16710,10 @@ class ReadDynamicMultiSelectListFieldComponent extends AbstractFieldReadComponen
 }
 ReadDynamicMultiSelectListFieldComponent.ɵfac = function ReadDynamicMultiSelectListFieldComponent_Factory(t) { return ɵReadDynamicMultiSelectListFieldComponent_BaseFactory(t || ReadDynamicMultiSelectListFieldComponent); };
 ReadDynamicMultiSelectListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ReadDynamicMultiSelectListFieldComponent, selectors: [["ccd-read-dynamic-multi-select-list-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngFor", "ngForOf"]], template: function ReadDynamicMultiSelectListFieldComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, ReadDynamicMultiSelectListFieldComponent_div_0_Template, 3, 4, "div", 0);
+        i0.ɵɵtemplate(0, ReadDynamicMultiSelectListFieldComponent_div_0_Template, 3, 0, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngForOf", ctx.caseField.value);
-    } }, directives: [i1.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.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}"] });
 const ɵReadDynamicMultiSelectListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(ReadDynamicMultiSelectListFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReadDynamicMultiSelectListFieldComponent, [{
         type: Component,
@@ -16725,7 +16761,7 @@ function WriteDynamicMultiSelectListFieldComponent_ng_container_6_Template(rf, c
     i0.ɵɵlistener("change", function WriteDynamicMultiSelectListFieldComponent_ng_container_6_Template_input_change_2_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.onCheckChange($event); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "label", 10);
-    i0.ɵɵtext(4);
+    i0.ɵɵelement(4, "ccd-markdown", 11);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
@@ -16739,7 +16775,7 @@ function WriteDynamicMultiSelectListFieldComponent_ng_container_6_Template(rf, c
     i0.ɵɵadvance(1);
     i0.ɵɵpropertyInterpolate("for", ctx_r3.createElementId(checkbox_r4.code));
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(checkbox_r4.label);
+    i0.ɵɵproperty("content", checkbox_r4.label);
 } }
 const _c0$A = function (a0) { return { "error": a0 }; };
 class WriteDynamicMultiSelectListFieldComponent extends AbstractFieldWriteComponent {
@@ -16803,7 +16839,7 @@ class WriteDynamicMultiSelectListFieldComponent extends AbstractFieldWriteCompon
     }
 }
 WriteDynamicMultiSelectListFieldComponent.ɵfac = function WriteDynamicMultiSelectListFieldComponent_Factory(t) { return ɵWriteDynamicMultiSelectListFieldComponent_BaseFactory(t || WriteDynamicMultiSelectListFieldComponent); };
-WriteDynamicMultiSelectListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDynamicMultiSelectListFieldComponent, selectors: [["ccd-write-dynamic-multi-select-list-field"]], features: [i0.ɵɵ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) { if (rf & 1) {
+WriteDynamicMultiSelectListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WriteDynamicMultiSelectListFieldComponent, selectors: [["ccd-write-dynamic-multi-select-list-field"]], features: [i0.ɵɵ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.ɵɵelementStart(0, "div", 0);
         i0.ɵɵelementStart(1, "fieldset");
         i0.ɵɵelementStart(2, "legend");
@@ -16824,13 +16860,14 @@ WriteDynamicMultiSelectListFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type:
         i0.ɵɵproperty("ngIf", ctx.checkboxes.errors && ctx.checkboxes.touched);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngForOf", ctx.caseField.list_items);
-    } }, directives: [i1.NgClass, i1.NgIf, i1.NgForOf], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+    } }, directives: [i1.NgClass, i1.NgIf, i1.NgForOf, MarkdownComponent], pipes: [FieldLabelPipe, FirstErrorPipe], styles: ["ccd-markdown[_ngcontent-%COMP%]{display:inline-block}"] });
 const ɵWriteDynamicMultiSelectListFieldComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(WriteDynamicMultiSelectListFieldComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteDynamicMultiSelectListFieldComponent, [{
         type: 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); })();
 
@@ -17895,7 +17932,7 @@ CaseFileViewOverlayMenuComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFile
         const _r0 = i0.ɵɵreference(2);
         i0.ɵɵadvance(4);
         i0.ɵɵproperty("cdkConnectedOverlayOrigin", _r0)("cdkConnectedOverlayOpen", ctx.isOpen)("cdkConnectedOverlayHasBackdrop", true)("cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop");
-    } }, directives: [i1$4.CdkOverlayOrigin, i1$4.CdkConnectedOverlay, i1.NgIf, i1.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$5.CdkOverlayOrigin, i1$5.CdkConnectedOverlay, i1.NgIf, i1.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.ɵsetClassMetadata(CaseFileViewOverlayMenuComponent, [{
         type: Component,
         args: [{
@@ -21323,46 +21360,6 @@ EventLogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: EventLogComponent, sele
             type: Output
         }] }); })();
 
-class MarkdownComponent {
-    constructor() { }
-    ngOnInit() {
-        this.content = this.content.replace(/  \n/g, '<br>');
-    }
-    onMarkdownClick(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;
-    }
-}
-MarkdownComponent.ɵfac = function MarkdownComponent_Factory(t) { return new (t || MarkdownComponent)(); };
-MarkdownComponent.ɵcmp = i0.ɵɵdefineComponent({ type: MarkdownComponent, selectors: [["ccd-markdown"]], hostBindings: function MarkdownComponent_HostBindings(rf, ctx) { if (rf & 1) {
-        i0.ɵɵ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.ɵɵelementStart(0, "div");
-        i0.ɵɵelement(1, "markdown", 0);
-        i0.ɵɵpipe(2, "ccdCaseReference");
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(2, 1, ctx.content), i0.ɵɵsanitizeHtml);
-    } }, directives: [i1$5.NgxMdComponent], pipes: [CaseReferencePipe], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MarkdownComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ccd-markdown',
-                templateUrl: './markdown.html'
-            }]
-    }], function () { return []; }, { content: [{
-            type: Input
-        }], markdownUseHrefAsRouterLink: [{
-            type: Input
-        }], onMarkdownClick: [{
-            type: HostListener,
-            args: ['click', ['$event']]
-        }] }); })();
-
 class FeeValue {
 }
 
@@ -26779,7 +26776,7 @@ function CaseFullAccessViewComponent_ng_container_12_Template(rf, ctx) { if (rf
     const _r34 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "mat-tab-group", 23, 24);
-    i0.ɵɵlistener("selectedTabChange", function CaseFullAccessViewComponent_ng_container_12_Template_mat_tab_group_selectedTabChange_1_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r33 = i0.ɵɵnextContext(); return ctx_r33.tabChanged($event); });
+    i0.ɵɵlistener("selectedIndexChange", function CaseFullAccessViewComponent_ng_container_12_Template_mat_tab_group_selectedIndexChange_1_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r33 = i0.ɵɵnextContext(); return ctx_r33.tabChanged($event); });
     i0.ɵɵtemplate(3, CaseFullAccessViewComponent_ng_container_12_mat_tab_3_Template, 1, 2, "mat-tab", 25);
     i0.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_Template, 2, 2, "mat-tab", 25);
     i0.ɵɵtemplate(5, CaseFullAccessViewComponent_ng_container_12_mat_tab_5_Template, 1, 2, "mat-tab", 25);
@@ -26815,6 +26812,7 @@ class CaseFullAccessViewComponent {
         this.location = location;
         this.crf = crf;
         this.sessionStorageService = sessionStorageService;
+        this.HEARINGS_TAB_LABEL = 'Hearings';
         this.hasPrint = true;
         this.hasEventSelector = true;
         this.prependedTabs = [];
@@ -26826,6 +26824,7 @@ class CaseFullAccessViewComponent {
         this.ignoreWarning = false;
         this.selectedTabIndex = 0;
         this.activeCaseFlags = false;
+        this.subs = [];
         this.callbackErrorsSubject = new Subject();
     }
     ngOnInit() {
@@ -26877,6 +26876,7 @@ class CaseFullAccessViewComponent {
         this.unsubscribe(this.callbackErrorsSubject);
         this.unsubscribe(this.errorSubscription);
         this.unsubscribe(this.subscription);
+        this.subs.forEach(s => s.unsubscribe());
     }
     unsubscribe(subscription) {
         if (subscription) {
@@ -26884,7 +26884,7 @@ class CaseFullAccessViewComponent {
         }
     }
     checkRouteAndSetCaseViewTab() {
-        this.router.events
+        this.subs.push(this.router.events
             .pipe(filter((event) => event instanceof NavigationEnd))
             .subscribe((event) => {
             const url = event && event.url;
@@ -26896,8 +26896,9 @@ class CaseFullAccessViewComponent {
                     this.tabGroup.selectedIndex = matTab.position;
                 }
             }
-        });
+        }));
     }
+    ;
     postViewActivity() {
         return this.activityPollingService.postViewActivity(this.caseDetails.case_id);
     }
@@ -27018,22 +27019,25 @@ class CaseFullAccessViewComponent {
             }
         }
     }
-    tabChanged(tabChangeEvent) {
-        // Update selected tab index
-        this.selectedTabIndex = tabChangeEvent.index;
-        const tab = tabChangeEvent.tab['_viewContainerRef'];
-        const 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
+    tabChanged(tabIndexChanged) {
+        const matTab = this.tabGroup._tabs.find(tab => tab.isActive);
+        const 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
+            const tab = matTab['_viewContainerRef'];
+            const 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 {
-            const label = tabChangeEvent.tab.textLabel;
-            this.router.navigate(['cases', 'case-details', this.caseDetails.case_id]).then(() => {
-                window.location.hash = label;
-            });
+            // 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 });
         }
     }
     onLinkClicked(triggerOutputEventText) {
@@ -27129,6 +27133,12 @@ class CaseFullAccessViewComponent {
         this.callbackErrorsSubject.next(null);
         this.alertService.clear();
     }
+    getUrlFragment(url) {
+        return url.split('#')[url.split('#').length - 1];
+    }
+    getTabIndexByTabLabel(tabGroup, tabLabel) {
+        return tabGroup._tabs.toArray().findIndex((t) => t.textLabel.toLowerCase() === tabLabel.toLowerCase());
+    }
 }
 CaseFullAccessViewComponent.ORIGIN_QUERY_PARAM = 'origin';
 CaseFullAccessViewComponent.TRIGGER_TEXT_START = 'Go';
@@ -27141,7 +27151,7 @@ CaseFullAccessViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaseFullAcces
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabGroup = _t.first);
-    } }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, features: [i0.ɵɵ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) { if (rf & 1) {
+    } }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, features: [i0.ɵɵ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.ɵɵtemplate(0, CaseFullAccessViewComponent_div_0_Template, 10, 0, "div", 0);
         i0.ɵɵtemplate(1, CaseFullAccessViewComponent_div_1_Template, 6, 2, "div", 0);
         i0.ɵɵelementStart(2, "ccd-callback-errors", 1);