@hmcts/ccd-case-ui-toolkit 7.1.33-accessible-tab-description → 7.1.33-accessible-tab-description-v2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/shared/components/case-viewer/case-full-access-view/case-full-access-view.component.mjs +23 -20
- package/esm2022/lib/shared/components/palette/history/event-log/event-log.component.mjs +9 -9
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs +30 -27
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -27668,7 +27668,7 @@ class EventLogTableComponent {
|
|
|
27668
27668
|
|
|
27669
27669
|
function EventLogComponent_ccd_event_log_table_3_Template(rf, ctx) { if (rf & 1) {
|
|
27670
27670
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
27671
|
-
i0.ɵɵelementStart(0, "ccd-event-log-table",
|
|
27671
|
+
i0.ɵɵelementStart(0, "ccd-event-log-table", 8);
|
|
27672
27672
|
i0.ɵɵlistener("onSelect", function EventLogComponent_ccd_event_log_table_3_Template_ccd_event_log_table_onSelect_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.select($event)); })("onCaseHistory", function EventLogComponent_ccd_event_log_table_3_Template_ccd_event_log_table_onCaseHistory_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.caseHistoryClicked($event)); });
|
|
27673
27673
|
i0.ɵɵelementEnd();
|
|
27674
27674
|
} if (rf & 2) {
|
|
@@ -27677,7 +27677,7 @@ function EventLogComponent_ccd_event_log_table_3_Template(rf, ctx) { if (rf & 1)
|
|
|
27677
27677
|
} }
|
|
27678
27678
|
function EventLogComponent_ccd_event_log_table_4_Template(rf, ctx) { if (rf & 1) {
|
|
27679
27679
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
27680
|
-
i0.ɵɵelementStart(0, "ccd-event-log-table",
|
|
27680
|
+
i0.ɵɵelementStart(0, "ccd-event-log-table", 9);
|
|
27681
27681
|
i0.ɵɵlistener("onSelect", function EventLogComponent_ccd_event_log_table_4_Template_ccd_event_log_table_onSelect_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.select($event)); });
|
|
27682
27682
|
i0.ɵɵelementEnd();
|
|
27683
27683
|
} if (rf & 2) {
|
|
@@ -27685,7 +27685,7 @@ function EventLogComponent_ccd_event_log_table_4_Template(rf, ctx) { if (rf & 1)
|
|
|
27685
27685
|
i0.ɵɵproperty("events", ctx_r1.events)("selected", ctx_r1.selected);
|
|
27686
27686
|
} }
|
|
27687
27687
|
function EventLogComponent_ccd_event_log_details_7_Template(rf, ctx) { if (rf & 1) {
|
|
27688
|
-
i0.ɵɵelement(0, "ccd-event-log-details",
|
|
27688
|
+
i0.ɵɵelement(0, "ccd-event-log-details", 10);
|
|
27689
27689
|
} if (rf & 2) {
|
|
27690
27690
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
27691
27691
|
i0.ɵɵproperty("event", ctx_r1.selected);
|
|
@@ -27706,14 +27706,14 @@ class EventLogComponent {
|
|
|
27706
27706
|
this.onCaseHistory.emit(eventId);
|
|
27707
27707
|
}
|
|
27708
27708
|
static ɵfac = function EventLogComponent_Factory(t) { return new (t || EventLogComponent)(); };
|
|
27709
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EventLogComponent, selectors: [["ccd-event-log"]], inputs: { events: "events" }, outputs: { onCaseHistory: "onCaseHistory" }, decls: 8, vars: 4, consts: [[1, "grid-row"], [1, "column-one-half"], [3, "ngSwitch"], [3, "events", "selected", "onSelect", "onCaseHistory", 4, "ngSwitchCase"], [3, "events", "selected", "onSelect", 4, "ngSwitchCase"], [1, "EventLog-DetailsPanel"], [3, "event", 4, "ngIf"], [3, "onSelect", "onCaseHistory", "events", "selected"], [3, "onSelect", "events", "selected"], [3, "event"]], template: function EventLogComponent_Template(rf, ctx) { if (rf & 1) {
|
|
27709
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EventLogComponent, selectors: [["ccd-event-log"]], inputs: { events: "events" }, outputs: { onCaseHistory: "onCaseHistory" }, decls: 8, vars: 4, consts: [[1, "grid-row"], [1, "column-one-half", "scrollbar"], [3, "ngSwitch"], [3, "events", "selected", "onSelect", "onCaseHistory", 4, "ngSwitchCase"], [3, "events", "selected", "onSelect", 4, "ngSwitchCase"], [1, "column-one-half"], [1, "EventLog-DetailsPanel"], [3, "event", 4, "ngIf"], [3, "onSelect", "onCaseHistory", "events", "selected"], [3, "onSelect", "events", "selected"], [3, "event"]], template: function EventLogComponent_Template(rf, ctx) { if (rf & 1) {
|
|
27710
27710
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
|
|
27711
27711
|
i0.ɵɵelementContainerStart(2, 2);
|
|
27712
27712
|
i0.ɵɵtemplate(3, EventLogComponent_ccd_event_log_table_3_Template, 1, 2, "ccd-event-log-table", 3)(4, EventLogComponent_ccd_event_log_table_4_Template, 1, 2, "ccd-event-log-table", 4);
|
|
27713
27713
|
i0.ɵɵelementContainerEnd();
|
|
27714
27714
|
i0.ɵɵelementEnd();
|
|
27715
|
-
i0.ɵɵelementStart(5, "div",
|
|
27716
|
-
i0.ɵɵtemplate(7, EventLogComponent_ccd_event_log_details_7_Template, 1, 1, "ccd-event-log-details",
|
|
27715
|
+
i0.ɵɵelementStart(5, "div", 5)(6, "div", 6);
|
|
27716
|
+
i0.ɵɵtemplate(7, EventLogComponent_ccd_event_log_details_7_Template, 1, 1, "ccd-event-log-details", 7);
|
|
27717
27717
|
i0.ɵɵelementEnd()()();
|
|
27718
27718
|
} if (rf & 2) {
|
|
27719
27719
|
i0.ɵɵadvance(2);
|
|
@@ -27724,11 +27724,11 @@ class EventLogComponent {
|
|
|
27724
27724
|
i0.ɵɵproperty("ngSwitchCase", false);
|
|
27725
27725
|
i0.ɵɵadvance(3);
|
|
27726
27726
|
i0.ɵɵproperty("ngIf", ctx.selected);
|
|
27727
|
-
} }, styles: ["@media (max-width: 991px){[class*=col-md][_ngcontent-%COMP%]{margin-bottom:30px}}.EventLog-DetailsPanel[_ngcontent-%COMP%]{border:1px solid #bfc1c3;padding:0 10px 10px;margin-top:20px}"] });
|
|
27727
|
+
} }, styles: ["@media (max-width: 991px){[class*=col-md][_ngcontent-%COMP%]{margin-bottom:30px}}.column-half[_ngcontent-%COMP%], .column-one-half[_ngcontent-%COMP%]{float:left;width:50%}@media (min-width: 641px){.scrollbar[_ngcontent-%COMP%]{height:70vh;overflow-y:auto}}.EventLog-DetailsPanel[_ngcontent-%COMP%]{border:1px solid #bfc1c3;padding:0 10px 10px;margin-top:20px}"] });
|
|
27728
27728
|
}
|
|
27729
27729
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EventLogComponent, [{
|
|
27730
27730
|
type: Component,
|
|
27731
|
-
args: [{ selector: 'ccd-event-log', template: "<div class=\"grid-row\">\n <div class=\"column-one-half\">\n <ng-container [ngSwitch]=\"isPartOfCaseTimeline\">\n <ccd-event-log-table
|
|
27731
|
+
args: [{ selector: 'ccd-event-log', template: "<div class=\"grid-row\">\n <div class=\"column-one-half scrollbar\">\n <ng-container [ngSwitch]=\"isPartOfCaseTimeline\">\n <ccd-event-log-table\n *ngSwitchCase=\"true\"\n [events]=\"events\"\n [selected]=\"selected\"\n (onSelect)=\"select($event)\"\n (onCaseHistory)=\"caseHistoryClicked($event)\"\n ></ccd-event-log-table>\n <ccd-event-log-table\n *ngSwitchCase=\"false\"\n [events]=\"events\"\n [selected]=\"selected\"\n (onSelect)=\"select($event)\"\n ></ccd-event-log-table>\n </ng-container>\n </div>\n <div class=\"column-one-half\">\n <div class=\"EventLog-DetailsPanel\">\n <ccd-event-log-details\n *ngIf=\"selected\"\n [event]=\"selected\"\n ></ccd-event-log-details>\n </div>\n </div>\n</div>\n", styles: ["@media (max-width: 991px){[class*=col-md]{margin-bottom:30px}}.column-half,.column-one-half{float:left;width:50%}@media (min-width: 641px){.scrollbar{height:70vh;overflow-y:auto}}.EventLog-DetailsPanel{border:1px solid #bfc1c3;padding:0 10px 10px;margin-top:20px}\n"] }]
|
|
27732
27732
|
}], null, { events: [{
|
|
27733
27733
|
type: Input
|
|
27734
27734
|
}], onCaseHistory: [{
|
|
@@ -33026,14 +33026,14 @@ function CaseFullAccessViewComponent_div_9_Template(rf, ctx) { if (rf & 1) {
|
|
|
33026
33026
|
i0.ɵɵproperty("notificationBannerConfig", ctx_r1.notificationBannerConfig);
|
|
33027
33027
|
} }
|
|
33028
33028
|
function CaseFullAccessViewComponent_ng_container_12_mat_tab_3_Template(rf, ctx) { if (rf & 1) {
|
|
33029
|
-
i0.ɵɵelement(0, "mat-tab",
|
|
33029
|
+
i0.ɵɵelement(0, "mat-tab", 27);
|
|
33030
33030
|
i0.ɵɵpipe(1, "rpxTranslate");
|
|
33031
33031
|
} if (rf & 2) {
|
|
33032
33032
|
const tab_r6 = ctx.$implicit;
|
|
33033
33033
|
i0.ɵɵproperty("id", tab_r6.id)("label", i0.ɵɵpipeBind1(1, 2, tab_r6.label));
|
|
33034
33034
|
} }
|
|
33035
33035
|
function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_3_tr_4_th_1_Template(rf, ctx) { if (rf & 1) {
|
|
33036
|
-
i0.ɵɵelementStart(0, "th",
|
|
33036
|
+
i0.ɵɵelementStart(0, "th", 37)(1, "div", 38);
|
|
33037
33037
|
i0.ɵɵtext(2);
|
|
33038
33038
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
33039
33039
|
i0.ɵɵelementEnd()();
|
|
@@ -33044,9 +33044,9 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_
|
|
|
33044
33044
|
} }
|
|
33045
33045
|
function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_3_tr_4_Template(rf, ctx) { if (rf & 1) {
|
|
33046
33046
|
i0.ɵɵelementStart(0, "tr");
|
|
33047
|
-
i0.ɵɵtemplate(1, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_3_tr_4_th_1_Template, 4, 3, "th",
|
|
33048
|
-
i0.ɵɵelementStart(2, "td",
|
|
33049
|
-
i0.ɵɵelement(4, "ccd-field-read",
|
|
33047
|
+
i0.ɵɵtemplate(1, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_3_tr_4_th_1_Template, 4, 3, "th", 33);
|
|
33048
|
+
i0.ɵɵelementStart(2, "td", 34)(3, "span", 35);
|
|
33049
|
+
i0.ɵɵelement(4, "ccd-field-read", 36);
|
|
33050
33050
|
i0.ɵɵelementEnd()()();
|
|
33051
33051
|
} if (rf & 2) {
|
|
33052
33052
|
const field_r7 = i0.ɵɵnextContext().$implicit;
|
|
@@ -33059,8 +33059,8 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_
|
|
|
33059
33059
|
i0.ɵɵproperty("topLevelFormGroup", ctx_r1.formGroup == null ? null : ctx_r1.formGroup.controls["data"])("caseField", field_r7)("caseReference", ctx_r1.caseDetails.case_id)("markdownUseHrefAsRouterLink", ctx_r1.markdownUseHrefAsRouterLink);
|
|
33060
33060
|
} }
|
|
33061
33061
|
function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_3_tr_5_Template(rf, ctx) { if (rf & 1) {
|
|
33062
|
-
i0.ɵɵelementStart(0, "tr",
|
|
33063
|
-
i0.ɵɵelement(3, "ccd-field-read",
|
|
33062
|
+
i0.ɵɵelementStart(0, "tr", 39)(1, "th", 34)(2, "span", 35);
|
|
33063
|
+
i0.ɵɵelement(3, "ccd-field-read", 36);
|
|
33064
33064
|
i0.ɵɵelementEnd()()();
|
|
33065
33065
|
} if (rf & 2) {
|
|
33066
33066
|
const field_r7 = i0.ɵɵnextContext().$implicit;
|
|
@@ -33072,10 +33072,10 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_
|
|
|
33072
33072
|
} }
|
|
33073
33073
|
function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_3_Template(rf, ctx) { if (rf & 1) {
|
|
33074
33074
|
i0.ɵɵelementContainerStart(0);
|
|
33075
|
-
i0.ɵɵelementStart(1, "div",
|
|
33076
|
-
i0.ɵɵelementContainerStart(2,
|
|
33075
|
+
i0.ɵɵelementStart(1, "div", 29);
|
|
33076
|
+
i0.ɵɵelementContainerStart(2, 30);
|
|
33077
33077
|
i0.ɵɵpipe(3, "ccdIsCompound");
|
|
33078
|
-
i0.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_3_tr_4_Template, 5, 6, "tr",
|
|
33078
|
+
i0.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_3_tr_4_Template, 5, 6, "tr", 31)(5, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_3_tr_5_Template, 4, 5, "tr", 32);
|
|
33079
33079
|
i0.ɵɵelementContainerEnd();
|
|
33080
33080
|
i0.ɵɵelementEnd();
|
|
33081
33081
|
i0.ɵɵelementContainerEnd();
|
|
@@ -33108,22 +33108,22 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_Tem
|
|
|
33108
33108
|
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBindV(5, 8, i0.ɵɵpureFunction2(14, _c1$3, i0.ɵɵpipeBind1(4, 6, tab_r8), ctx_r1.formGroup == null ? null : ctx_r1.formGroup.controls["data"])));
|
|
33109
33109
|
} }
|
|
33110
33110
|
function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_Template(rf, ctx) { if (rf & 1) {
|
|
33111
|
-
i0.ɵɵelementStart(0, "mat-tab",
|
|
33111
|
+
i0.ɵɵelementStart(0, "mat-tab", 27);
|
|
33112
33112
|
i0.ɵɵpipe(1, "rpxTranslate");
|
|
33113
|
-
i0.ɵɵtemplate(2, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_Template, 6, 17, "ng-template",
|
|
33113
|
+
i0.ɵɵtemplate(2, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_Template, 6, 17, "ng-template", 28);
|
|
33114
33114
|
i0.ɵɵelementEnd();
|
|
33115
33115
|
} if (rf & 2) {
|
|
33116
33116
|
const tab_r8 = ctx.$implicit;
|
|
33117
33117
|
i0.ɵɵproperty("id", tab_r8.id)("label", i0.ɵɵpipeBind1(1, 2, tab_r8.label));
|
|
33118
33118
|
} }
|
|
33119
33119
|
function CaseFullAccessViewComponent_ng_container_12_mat_tab_5_Template(rf, ctx) { if (rf & 1) {
|
|
33120
|
-
i0.ɵɵelement(0, "mat-tab",
|
|
33120
|
+
i0.ɵɵelement(0, "mat-tab", 27);
|
|
33121
33121
|
i0.ɵɵpipe(1, "rpxTranslate");
|
|
33122
33122
|
} if (rf & 2) {
|
|
33123
33123
|
const tab_r9 = ctx.$implicit;
|
|
33124
33124
|
i0.ɵɵproperty("id", tab_r9.id)("label", i0.ɵɵpipeBind1(1, 2, tab_r9.label));
|
|
33125
33125
|
} }
|
|
33126
|
-
function
|
|
33126
|
+
function CaseFullAccessViewComponent_ng_container_12_router_outlet_8_Template(rf, ctx) { if (rf & 1) {
|
|
33127
33127
|
i0.ɵɵelement(0, "router-outlet");
|
|
33128
33128
|
} }
|
|
33129
33129
|
function CaseFullAccessViewComponent_ng_container_12_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -33133,7 +33133,10 @@ function CaseFullAccessViewComponent_ng_container_12_Template(rf, ctx) { if (rf
|
|
|
33133
33133
|
i0.ɵɵlistener("selectedIndexChange", function CaseFullAccessViewComponent_ng_container_12_Template_mat_tab_group_selectedIndexChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.tabChanged($event)); });
|
|
33134
33134
|
i0.ɵɵtemplate(3, CaseFullAccessViewComponent_ng_container_12_mat_tab_3_Template, 2, 4, "mat-tab", 25)(4, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_Template, 3, 4, "mat-tab", 25)(5, CaseFullAccessViewComponent_ng_container_12_mat_tab_5_Template, 2, 4, "mat-tab", 25);
|
|
33135
33135
|
i0.ɵɵelementEnd();
|
|
33136
|
-
i0.ɵɵ
|
|
33136
|
+
i0.ɵɵelementStart(6, "span", 26);
|
|
33137
|
+
i0.ɵɵtext(7, "To use tabbed navigation, please use left and right arrow keys");
|
|
33138
|
+
i0.ɵɵelementEnd();
|
|
33139
|
+
i0.ɵɵtemplate(8, CaseFullAccessViewComponent_ng_container_12_router_outlet_8_Template, 1, 0, "router-outlet", 11);
|
|
33137
33140
|
i0.ɵɵelementContainerEnd();
|
|
33138
33141
|
} if (rf & 2) {
|
|
33139
33142
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -33145,7 +33148,7 @@ function CaseFullAccessViewComponent_ng_container_12_Template(rf, ctx) { if (rf
|
|
|
33145
33148
|
i0.ɵɵproperty("ngForOf", ctx_r1.sortedTabs);
|
|
33146
33149
|
i0.ɵɵadvance();
|
|
33147
33150
|
i0.ɵɵproperty("ngForOf", ctx_r1.appendedTabs);
|
|
33148
|
-
i0.ɵɵadvance();
|
|
33151
|
+
i0.ɵɵadvance(3);
|
|
33149
33152
|
i0.ɵɵproperty("ngIf", ctx_r1.prependedTabs && ctx_r1.prependedTabs.length || ctx_r1.appendedTabs && ctx_r1.appendedTabs.length);
|
|
33150
33153
|
} }
|
|
33151
33154
|
class CaseFullAccessViewComponent {
|
|
@@ -33553,7 +33556,7 @@ class CaseFullAccessViewComponent {
|
|
|
33553
33556
|
} if (rf & 2) {
|
|
33554
33557
|
let _t;
|
|
33555
33558
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabGroup = _t.first);
|
|
33556
|
-
} }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, features: [i0.ɵɵNgOnChangesFeature], decls: 13, vars: 12, consts: [["tabGroup", ""], ["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "callbackErrorsContext", "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject"], [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, "onTriggerChange", "onTriggerSubmit", "isDisabled", "triggers", "triggerText", "eventId"], [3, "linkClicked", "notificationBannerConfig"], ["
|
|
33559
|
+
} }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, features: [i0.ɵɵNgOnChangesFeature], decls: 13, vars: 12, consts: [["tabGroup", ""], ["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "callbackErrorsContext", "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject"], [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, "onTriggerChange", "onTriggerSubmit", "isDisabled", "triggers", "triggerText", "eventId"], [3, "linkClicked", "notificationBannerConfig"], ["animationDuration", "0ms", 3, "selectedIndexChange", "disableRipple", "selectedIndex"], [3, "id", "label", 4, "ngFor", "ngForOf"], ["span", "", "id", "tabInstruction", 1, "visuallyhidden"], [3, "id", "label"], ["matTabContent", ""], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "hidden"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "compound-field", 4, "ngSwitchCase"], ["id", "case-viewer-field-label", "aria-describedby", "tabInstruction", 4, "ngIf"], ["scope", "col", 3, "id"], [1, "text-16"], [3, "topLevelFormGroup", "caseField", "caseReference", "markdownUseHrefAsRouterLink"], ["id", "case-viewer-field-label", "aria-describedby", "tabInstruction"], [1, "case-viewer-label", "text-16"], [1, "compound-field"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) { if (rf & 1) {
|
|
33557
33560
|
i0.ɵɵtemplate(0, CaseFullAccessViewComponent_div_0_Template, 14, 12, "div", 1)(1, CaseFullAccessViewComponent_div_1_Template, 8, 7, "div", 1);
|
|
33558
33561
|
i0.ɵɵelementStart(2, "ccd-callback-errors", 2);
|
|
33559
33562
|
i0.ɵɵlistener("callbackErrorsContext", function CaseFullAccessViewComponent_Template_ccd_callback_errors_callbackErrorsContext_2_listener($event) { return ctx.callbackErrorsNotify($event); });
|
|
@@ -33567,7 +33570,7 @@ class CaseFullAccessViewComponent {
|
|
|
33567
33570
|
i0.ɵɵelementEnd();
|
|
33568
33571
|
i0.ɵɵtemplate(9, CaseFullAccessViewComponent_div_9_Template, 3, 1, "div", 9);
|
|
33569
33572
|
i0.ɵɵelementStart(10, "div", 4)(11, "div", 10);
|
|
33570
|
-
i0.ɵɵtemplate(12, CaseFullAccessViewComponent_ng_container_12_Template,
|
|
33573
|
+
i0.ɵɵtemplate(12, CaseFullAccessViewComponent_ng_container_12_Template, 9, 6, "ng-container", 11);
|
|
33571
33574
|
i0.ɵɵelementEnd()();
|
|
33572
33575
|
} if (rf & 2) {
|
|
33573
33576
|
i0.ɵɵproperty("ngIf", ctx.error && !(ctx.error.callbackErrors || ctx.error.callbackWarnings || ctx.error.details));
|
|
@@ -33591,7 +33594,7 @@ class CaseFullAccessViewComponent {
|
|
|
33591
33594
|
}
|
|
33592
33595
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFullAccessViewComponent, [{
|
|
33593
33596
|
type: Component,
|
|
33594
|
-
args: [{ selector: 'ccd-case-full-access-view', template: "<!-- Generic error heading and error message to be displayed only if there are no specific callback errors or warnings, or no error details -->\n<div *ngIf=\"error && !(error.callbackErrors || error.callbackWarnings || error.details)\" class=\"error-summary\"\n role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n <h1 class=\"heading-h1 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n {{'Something went wrong' | rpxTranslate}}\n </h1>\n <div class=\"govuk-error-summary__body\" id=\"edit-case-event_error-summary-body\">\n <p>{{\"We're working to fix the problem. Try again shortly.\" | rpxTranslate}}</p>\n <p>\n <a href=\"get-help\" target=\"_blank\">\n {{\"Contact us\" | rpxTranslate}}</a> {{\"if you're still having problems.\" | rpxTranslate}}\n </p>\n </div>\n</div>\n<!-- Callback error heading and error message to be displayed if there are specific error details -->\n<div *ngIf=\"error && error.details\" class=\"error-summary\" role=\"group\"\n aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n <h2 class=\"heading-h2 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n {{'The callback data failed validation' | rpxTranslate}}\n </h2>\n <p>{{error.message | rpxTranslate}}</p>\n <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n <li *ngFor=\"let fieldError of error.details.field_errors\">\n {{fieldError.message | rpxTranslate}}\n </li>\n </ul>\n</div>\n<ccd-callback-errors\n [triggerTextContinue]=\"triggerTextStart\"\n [triggerTextIgnore]=\"triggerTextIgnoreWarnings\"\n [callbackErrorsSubject]=\"callbackErrorsSubject\"\n (callbackErrorsContext)=\"callbackErrorsNotify($event)\">\n</ccd-callback-errors>\n<ccd-activity [caseId]=\"caseDetails.case_id\" [displayMode]=\"BANNER\"></ccd-activity>\n<div class=\"grid-row\">\n <div class=\"column-one-half\">\n <ccd-case-header [caseDetails]=\"caseDetails\"></ccd-case-header>\n <div class=\"case-viewer-controls\" *ngIf=\"hasPrint && !isDraft() && isPrintEnabled()\">\n <a id=\"case-viewer-control-print\" routerLink=\"print\" class=\"button button-secondary\">{{'Print' | rpxTranslate}}</a>\n </div>\n </div>\n <div *ngIf=\"hasEventSelector\" class=\"column-one-half\">\n <ccd-event-trigger [isDisabled]=\"isTriggerButtonDisabled()\" [triggers]=\"caseDetails.triggers\"\n [triggerText]=\"triggerText\"\n [eventId]=\"eventId\"\n (onTriggerChange)=\"clearErrorsAndWarnings()\"\n (onTriggerSubmit)=\"applyTrigger($event)\"></ccd-event-trigger>\n </div>\n</div>\n<div class=\"grid-row\" *ngIf=\"activeCaseFlags && !caseFlagsExternalUser\">\n <div class=\"column-full\">\n <ccd-notification-banner [notificationBannerConfig]=\"notificationBannerConfig\" (linkClicked)=\"onLinkClicked($event)\">\n </ccd-notification-banner>\n </div>\n</div>\n<div class=\"grid-row\">\n <div class=\"column-full\">\n <ng-container *ngIf=\"hasTabsPresent()\">\n <mat-tab-group
|
|
33597
|
+
args: [{ selector: 'ccd-case-full-access-view', template: "<!-- Generic error heading and error message to be displayed only if there are no specific callback errors or warnings, or no error details -->\n<div *ngIf=\"error && !(error.callbackErrors || error.callbackWarnings || error.details)\" class=\"error-summary\"\n role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n <h1 class=\"heading-h1 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n {{'Something went wrong' | rpxTranslate}}\n </h1>\n <div class=\"govuk-error-summary__body\" id=\"edit-case-event_error-summary-body\">\n <p>{{\"We're working to fix the problem. Try again shortly.\" | rpxTranslate}}</p>\n <p>\n <a href=\"get-help\" target=\"_blank\">\n {{\"Contact us\" | rpxTranslate}}</a> {{\"if you're still having problems.\" | rpxTranslate}}\n </p>\n </div>\n</div>\n<!-- Callback error heading and error message to be displayed if there are specific error details -->\n<div *ngIf=\"error && error.details\" class=\"error-summary\" role=\"group\"\n aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n <h2 class=\"heading-h2 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n {{'The callback data failed validation' | rpxTranslate}}\n </h2>\n <p>{{error.message | rpxTranslate}}</p>\n <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n <li *ngFor=\"let fieldError of error.details.field_errors\">\n {{fieldError.message | rpxTranslate}}\n </li>\n </ul>\n</div>\n<ccd-callback-errors\n [triggerTextContinue]=\"triggerTextStart\"\n [triggerTextIgnore]=\"triggerTextIgnoreWarnings\"\n [callbackErrorsSubject]=\"callbackErrorsSubject\"\n (callbackErrorsContext)=\"callbackErrorsNotify($event)\">\n</ccd-callback-errors>\n<ccd-activity [caseId]=\"caseDetails.case_id\" [displayMode]=\"BANNER\"></ccd-activity>\n<div class=\"grid-row\">\n <div class=\"column-one-half\">\n <ccd-case-header [caseDetails]=\"caseDetails\"></ccd-case-header>\n <div class=\"case-viewer-controls\" *ngIf=\"hasPrint && !isDraft() && isPrintEnabled()\">\n <a id=\"case-viewer-control-print\" routerLink=\"print\" class=\"button button-secondary\">{{'Print' | rpxTranslate}}</a>\n </div>\n </div>\n <div *ngIf=\"hasEventSelector\" class=\"column-one-half\">\n <ccd-event-trigger [isDisabled]=\"isTriggerButtonDisabled()\" [triggers]=\"caseDetails.triggers\"\n [triggerText]=\"triggerText\"\n [eventId]=\"eventId\"\n (onTriggerChange)=\"clearErrorsAndWarnings()\"\n (onTriggerSubmit)=\"applyTrigger($event)\"></ccd-event-trigger>\n </div>\n</div>\n<div class=\"grid-row\" *ngIf=\"activeCaseFlags && !caseFlagsExternalUser\">\n <div class=\"column-full\">\n <ccd-notification-banner [notificationBannerConfig]=\"notificationBannerConfig\" (linkClicked)=\"onLinkClicked($event)\">\n </ccd-notification-banner>\n </div>\n</div>\n<div class=\"grid-row\">\n <div class=\"column-full\">\n <ng-container *ngIf=\"hasTabsPresent()\">\n <mat-tab-group #tabGroup animationDuration=\"0ms\" (selectedIndexChange)=\"tabChanged($event)\" [disableRipple]=\"true\"\n [selectedIndex]=\"selectedTabIndex\">\n <mat-tab *ngFor=\"let tab of prependedTabs\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\">\n </mat-tab>\n <mat-tab *ngFor=\"let tab of sortedTabs; let curIdx=index\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\">\n <ng-template matTabContent>\n <table [class]=\"tab.id\" [attr.aria-label]=\"'case viewer table' | rpxTranslate\">\n <tbody>\n <ng-container *ngFor=\"let field of tab | ccdTabFields | ccdReadFieldsFilter:false :undefined :true : formGroup?.controls['data']\">\n <div ccdLabelSubstitutor [caseField]=\"field\" [contextFields]=\"caseFields\" [hidden]=\"field.hidden\">\n <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n <tr *ngSwitchCase=\"true\">\n <th id=\"case-viewer-field-label\" *ngIf=\"!isFieldToHaveNoLabel(field)\" aria-describedby=\"tabInstruction\">\n <div class=\"case-viewer-label text-16\">\n {{field.label | rpxTranslate}}</div>\n </th>\n <td [id]=\"'case-viewer-field-read--' + field.id\" scope=\"col\">\n <span class=\"text-16\">\n <ccd-field-read [topLevelFormGroup]=\"formGroup?.controls['data']\"\n [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\"\n [markdownUseHrefAsRouterLink]=\"markdownUseHrefAsRouterLink\">\n </ccd-field-read>\n </span>\n </td>\n </tr>\n <tr *ngSwitchCase=\"false\" class=\"compound-field\">\n <th [id]=\"'case-viewer-field-read--' + field.id\" scope=\"col\">\n <span class=\"text-16\">\n <ccd-field-read [topLevelFormGroup]=\"formGroup.controls['data']\"\n [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\"\n [markdownUseHrefAsRouterLink]=\"markdownUseHrefAsRouterLink\">\n </ccd-field-read>\n </span>\n </th>\n </tr>\n </ng-container>\n </div>\n </ng-container>\n </tbody>\n </table>\n </ng-template>\n </mat-tab>\n <mat-tab *ngFor=\"let tab of appendedTabs\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\">\n </mat-tab>\n </mat-tab-group>\n <span span class=\"visuallyhidden\" id=\"tabInstruction\">To use tabbed navigation, please use left and right arrow keys</span>\n <router-outlet *ngIf=\"(prependedTabs && prependedTabs.length) || (appendedTabs && appendedTabs.length)\"></router-outlet>\n </ng-container>\n </div>\n</div>\n", styles: ["th{width:1%;white-space:nowrap;vertical-align:top}.compound-field th{padding:0}.case-viewer-controls{margin-top:47px;margin-bottom:20px}ccd-case-header{float:left;margin-right:10px}ccd-event-trigger{float:right}.case-viewer-label{min-width:300px;white-space:normal}.markdown h3{margin-bottom:0}.hide-table-capion{position:absolute;visibility:hidden}\n"] }]
|
|
33595
33598
|
}], () => [{ type: i0.NgZone }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1$3.MatLegacyDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i5.Location }, { type: i0.ChangeDetectorRef }, { type: SessionStorageService }, { type: i1.RpxTranslatePipe }], { hasPrint: [{
|
|
33596
33599
|
type: Input
|
|
33597
33600
|
}], hasEventSelector: [{
|