@hmcts/ccd-case-ui-toolkit 7.0.20 → 7.0.21-accessibility
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/esm2020/lib/shared/components/case-viewer/case-full-access-view/case-full-access-view.component.mjs +30 -27
- package/fesm2015/hmcts-ccd-case-ui-toolkit.mjs +29 -26
- package/fesm2015/hmcts-ccd-case-ui-toolkit.mjs.map +1 -1
- package/fesm2020/hmcts-ccd-case-ui-toolkit.mjs +29 -26
- package/fesm2020/hmcts-ccd-case-ui-toolkit.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -30800,8 +30800,8 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_3_Template(rf, ctx)
|
|
|
30800
30800
|
const tab_r19 = ctx.$implicit;
|
|
30801
30801
|
i0.ɵɵproperty("id", tab_r19.id)("label", i0.ɵɵpipeBind1(1, 2, tab_r19.label));
|
|
30802
30802
|
} }
|
|
30803
|
-
function
|
|
30804
|
-
i0.ɵɵelementStart(0, "th",
|
|
30803
|
+
function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_5_tr_4_th_1_Template(rf, ctx) { if (rf & 1) {
|
|
30804
|
+
i0.ɵɵelementStart(0, "th", 37)(1, "div", 38);
|
|
30805
30805
|
i0.ɵɵtext(2);
|
|
30806
30806
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
30807
30807
|
i0.ɵɵelementEnd()();
|
|
@@ -30810,11 +30810,11 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_
|
|
|
30810
30810
|
i0.ɵɵadvance(2);
|
|
30811
30811
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 1, field_r24.label), "");
|
|
30812
30812
|
} }
|
|
30813
|
-
function
|
|
30813
|
+
function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_5_tr_4_Template(rf, ctx) { if (rf & 1) {
|
|
30814
30814
|
i0.ɵɵelementStart(0, "tr");
|
|
30815
|
-
i0.ɵɵtemplate(1,
|
|
30816
|
-
i0.ɵɵelementStart(2, "td",
|
|
30817
|
-
i0.ɵɵelement(4, "ccd-field-read",
|
|
30815
|
+
i0.ɵɵtemplate(1, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_5_tr_4_th_1_Template, 4, 3, "th", 33);
|
|
30816
|
+
i0.ɵɵelementStart(2, "td", 34)(3, "span", 35);
|
|
30817
|
+
i0.ɵɵelement(4, "ccd-field-read", 36);
|
|
30818
30818
|
i0.ɵɵelementEnd()()();
|
|
30819
30819
|
} if (rf & 2) {
|
|
30820
30820
|
const field_r24 = i0.ɵɵnextContext().$implicit;
|
|
@@ -30826,9 +30826,9 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_
|
|
|
30826
30826
|
i0.ɵɵadvance(2);
|
|
30827
30827
|
i0.ɵɵproperty("topLevelFormGroup", ctx_r25.formGroup.controls["data"])("caseField", field_r24)("caseReference", ctx_r25.caseDetails.case_id)("markdownUseHrefAsRouterLink", ctx_r25.markdownUseHrefAsRouterLink);
|
|
30828
30828
|
} }
|
|
30829
|
-
function
|
|
30830
|
-
i0.ɵɵelementStart(0, "tr",
|
|
30831
|
-
i0.ɵɵelement(3, "ccd-field-read",
|
|
30829
|
+
function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_5_tr_5_Template(rf, ctx) { if (rf & 1) {
|
|
30830
|
+
i0.ɵɵelementStart(0, "tr", 39)(1, "th", 34)(2, "span", 35);
|
|
30831
|
+
i0.ɵɵelement(3, "ccd-field-read", 36);
|
|
30832
30832
|
i0.ɵɵelementEnd()()();
|
|
30833
30833
|
} if (rf & 2) {
|
|
30834
30834
|
const field_r24 = i0.ɵɵnextContext().$implicit;
|
|
@@ -30838,13 +30838,13 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_
|
|
|
30838
30838
|
i0.ɵɵadvance(2);
|
|
30839
30839
|
i0.ɵɵproperty("topLevelFormGroup", ctx_r26.formGroup.controls["data"])("caseField", field_r24)("caseReference", ctx_r26.caseDetails.case_id)("markdownUseHrefAsRouterLink", ctx_r26.markdownUseHrefAsRouterLink);
|
|
30840
30840
|
} }
|
|
30841
|
-
function
|
|
30841
|
+
function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_5_Template(rf, ctx) { if (rf & 1) {
|
|
30842
30842
|
i0.ɵɵelementContainerStart(0);
|
|
30843
|
-
i0.ɵɵelementStart(1, "div",
|
|
30844
|
-
i0.ɵɵelementContainerStart(2,
|
|
30843
|
+
i0.ɵɵelementStart(1, "div", 29);
|
|
30844
|
+
i0.ɵɵelementContainerStart(2, 30);
|
|
30845
30845
|
i0.ɵɵpipe(3, "ccdIsCompound");
|
|
30846
|
-
i0.ɵɵtemplate(4,
|
|
30847
|
-
i0.ɵɵtemplate(5,
|
|
30846
|
+
i0.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_5_tr_4_Template, 5, 6, "tr", 31);
|
|
30847
|
+
i0.ɵɵtemplate(5, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_5_tr_5_Template, 4, 5, "tr", 32);
|
|
30848
30848
|
i0.ɵɵelementContainerEnd();
|
|
30849
30849
|
i0.ɵɵelementEnd();
|
|
30850
30850
|
i0.ɵɵelementContainerEnd();
|
|
@@ -30862,25 +30862,28 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_
|
|
|
30862
30862
|
} }
|
|
30863
30863
|
const _c1$3 = function (a0, a4) { return [a0, false, undefined, true, a4]; };
|
|
30864
30864
|
function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_Template(rf, ctx) { if (rf & 1) {
|
|
30865
|
-
i0.ɵɵelementStart(0, "table");
|
|
30866
|
-
i0.ɵɵ
|
|
30867
|
-
i0.ɵɵ
|
|
30868
|
-
i0.ɵɵ
|
|
30869
|
-
i0.ɵɵ
|
|
30870
|
-
i0.ɵɵ
|
|
30865
|
+
i0.ɵɵelementStart(0, "table")(1, "caption", 28);
|
|
30866
|
+
i0.ɵɵtext(2);
|
|
30867
|
+
i0.ɵɵpipe(3, "rpxTranslate");
|
|
30868
|
+
i0.ɵɵelementEnd();
|
|
30869
|
+
i0.ɵɵelementStart(4, "tbody");
|
|
30870
|
+
i0.ɵɵtemplate(5, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_5_Template, 6, 8, "ng-container", 18);
|
|
30871
|
+
i0.ɵɵpipe(6, "ccdReadFieldsFilter");
|
|
30872
|
+
i0.ɵɵpipe(7, "ccdTabFields");
|
|
30871
30873
|
i0.ɵɵelementEnd()();
|
|
30872
30874
|
} if (rf & 2) {
|
|
30873
30875
|
const tab_r20 = i0.ɵɵnextContext().$implicit;
|
|
30874
30876
|
const ctx_r22 = i0.ɵɵnextContext(2);
|
|
30875
30877
|
i0.ɵɵclassMap(tab_r20.id);
|
|
30876
|
-
i0.ɵɵ
|
|
30878
|
+
i0.ɵɵadvance(2);
|
|
30879
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 4, "case viewer table"));
|
|
30877
30880
|
i0.ɵɵadvance(3);
|
|
30878
|
-
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBindV(
|
|
30881
|
+
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBindV(6, 6, i0.ɵɵpureFunction2(14, _c1$3, i0.ɵɵpipeBind1(7, 12, tab_r20), ctx_r22.formGroup.controls["data"])));
|
|
30879
30882
|
} }
|
|
30880
30883
|
function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_Template(rf, ctx) { if (rf & 1) {
|
|
30881
30884
|
i0.ɵɵelementStart(0, "mat-tab", 26);
|
|
30882
30885
|
i0.ɵɵpipe(1, "rpxTranslate");
|
|
30883
|
-
i0.ɵɵtemplate(2, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_Template,
|
|
30886
|
+
i0.ɵɵtemplate(2, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_Template, 8, 17, "ng-template", 27);
|
|
30884
30887
|
i0.ɵɵelementEnd();
|
|
30885
30888
|
} if (rf & 2) {
|
|
30886
30889
|
const tab_r20 = ctx.$implicit;
|
|
@@ -31300,7 +31303,7 @@ CaseFullAccessViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
|
|
|
31300
31303
|
} if (rf & 2) {
|
|
31301
31304
|
let _t;
|
|
31302
31305
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabGroup = _t.first);
|
|
31303
|
-
} }, 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", ""], ["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) {
|
|
31306
|
+
} }, 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", ""], [1, "hide-table-capion"], ["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) {
|
|
31304
31307
|
i0.ɵɵtemplate(0, CaseFullAccessViewComponent_div_0_Template, 14, 12, "div", 0);
|
|
31305
31308
|
i0.ɵɵtemplate(1, CaseFullAccessViewComponent_div_1_Template, 8, 7, "div", 0);
|
|
31306
31309
|
i0.ɵɵelementStart(2, "ccd-callback-errors", 1);
|
|
@@ -31335,10 +31338,10 @@ CaseFullAccessViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
|
|
|
31335
31338
|
i0.ɵɵproperty("ngIf", ctx.activeCaseFlags && !ctx.caseFlagsExternalUser);
|
|
31336
31339
|
i0.ɵɵadvance(3);
|
|
31337
31340
|
i0.ɵɵproperty("ngIf", ctx.hasTabsPresent());
|
|
31338
|
-
} }, styles: ["th[_ngcontent-%COMP%]{width:1%;white-space:nowrap;vertical-align:top}.compound-field[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{padding:0}.case-viewer-controls[_ngcontent-%COMP%]{margin-top:47px;margin-bottom:20px}ccd-case-header[_ngcontent-%COMP%]{float:left;margin-right:10px}ccd-event-trigger[_ngcontent-%COMP%]{float:right}.case-viewer-label[_ngcontent-%COMP%]{min-width:300px;white-space:normal}.markdown[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{margin-bottom:0}"] });
|
|
31341
|
+
} }, styles: ["th[_ngcontent-%COMP%]{width:1%;white-space:nowrap;vertical-align:top}.compound-field[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{padding:0}.case-viewer-controls[_ngcontent-%COMP%]{margin-top:47px;margin-bottom:20px}ccd-case-header[_ngcontent-%COMP%]{float:left;margin-right:10px}ccd-event-trigger[_ngcontent-%COMP%]{float:right}.case-viewer-label[_ngcontent-%COMP%]{min-width:300px;white-space:normal}.markdown[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{margin-bottom:0}.hide-table-capion[_ngcontent-%COMP%]{position:absolute;visibility:hidden}"] });
|
|
31339
31342
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFullAccessViewComponent, [{
|
|
31340
31343
|
type: Component,
|
|
31341
|
-
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\" (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\"
|
|
31344
|
+
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\" (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\">\n <caption class=\"hide-table-capion\">{{'case viewer table' | rpxTranslate}}</caption>\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)\">\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 <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"] }]
|
|
31342
31345
|
}], function () { return [{ 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: i4.Location }, { type: i0.ChangeDetectorRef }, { type: SessionStorageService }, { type: i1.RpxTranslatePipe }]; }, { hasPrint: [{
|
|
31343
31346
|
type: Input
|
|
31344
31347
|
}], hasEventSelector: [{
|