@hmcts/ccd-case-ui-toolkit 7.0.5 → 7.0.6-case-flags-v2-1-release

package/esm2020/lib/shared/components/palette/query-management/components/qualifying-questions/qualifying-question-options/qualifying-question-options.component.mjs

@@ -0,0 +1,144 @@
+import { Component, Input } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { ActivatedRoute, Router } from '@angular/router';
+import { Observable } from 'rxjs';
+import { QualifyingQuestionsErrorMessage } from '../../../enums';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "rpx-xui-translation";
+function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "p", 8)(2, "span", 9);
+    i0.ɵɵtext(3);
+    i0.ɵɵpipe(4, "rpxTranslate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "rpxTranslate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(4, 2, "Error:"), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(6, 4, ctx_r1.qualifyingQuestionsErrorMessage.SELECT_AN_OPTION), " ");
+} }
+function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 14);
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "rpxTranslate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, "or"));
+} }
+function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_div_7_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementStart(3, "a", 16);
+    i0.ɵɵlistener("click", function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_div_7_Template_a_click_3_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r7.click()); });
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "rpxTranslate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(6, ".) ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "(To reply to an existing query"), " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 4, "click here"));
+} }
+function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_ng_container_1_Template, 4, 3, "ng-container", 0);
+    i0.ɵɵelementStart(2, "div", 10);
+    i0.ɵɵelement(3, "input", 11);
+    i0.ɵɵelementStart(4, "label", 12);
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "rpxTranslate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(7, QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_div_7_Template, 7, 6, "div", 13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const qualifyingQuestion_r3 = ctx.$implicit;
+    const isLast_r4 = ctx.last;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", isLast_r4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵpropertyInterpolate("id", qualifyingQuestion_r3.name);
+    i0.ɵɵproperty("formControl", ctx_r2.qualifyingQuestionsControl)("value", qualifyingQuestion_r3);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("for", qualifyingQuestion_r3.name);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 7, qualifyingQuestion_r3.name));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", isLast_r4);
+} }
+function QualifyingQuestionOptionsComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 1)(2, "fieldset", 2)(3, "legend", 3)(4, "h1", 4);
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "rpxTranslate");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "h2", 5);
+    i0.ɵɵtext(8);
+    i0.ɵɵpipe(9, "rpxTranslate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(10, QualifyingQuestionOptionsComponent_ng_container_0_ng_container_10_Template, 7, 6, "ng-container", 0);
+    i0.ɵɵelementStart(11, "div", 6);
+    i0.ɵɵtemplate(12, QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_Template, 8, 9, "ng-container", 7);
+    i0.ɵɵpipe(13, "async");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵclassProp("govuk-form-group--error", ctx_r0.displayError);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 6, "Raise a new query"), " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 8, "Select the type of query you are raising:"), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r0.displayError);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(13, 10, ctx_r0.qualifyingQuestions$));
+} }
+export class QualifyingQuestionOptionsComponent {
+    constructor(route, router) {
+        this.route = route;
+        this.router = router;
+        this.qualifyingQuestionsErrorMessage = QualifyingQuestionsErrorMessage;
+    }
+    ngOnInit() {
+        this.caseId = this.route.snapshot.params.cid;
+    }
+    click() {
+        this.router.navigate(['cases', 'case-details', this.caseId], { fragment: 'Queries' });
+    }
+    get displayError() {
+        return this.qualifyingQuestionsControl.touched && this.qualifyingQuestionsControl.hasError('required');
+    }
+}
+QualifyingQuestionOptionsComponent.ɵfac = function QualifyingQuestionOptionsComponent_Factory(t) { return new (t || QualifyingQuestionOptionsComponent)(i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i1.Router)); };
+QualifyingQuestionOptionsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QualifyingQuestionOptionsComponent, selectors: [["ccd-qualifying-question-options"]], inputs: { qualifyingQuestionsControl: "qualifyingQuestionsControl", qualifyingQuestions$: "qualifyingQuestions$" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-form-group"], [1, "govuk-fieldset"], [1, "govuk-fieldset__legend", "govuk-fieldset__legend--l"], [1, "govuk-fieldset__heading"], [1, "govuk-heading-m", "govuk-!-margin-top-10"], ["data-module", "govuk-radios", 1, "govuk-radios"], [4, "ngFor", "ngForOf"], [1, "govuk-error-message"], [1, "govuk-visually-hidden"], [1, "govuk-radios__item"], ["name", "qualifyingQuestionOption", "type", "radio", 1, "govuk-radios__input", 3, "id", "formControl", "value"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["class", "govuk-hint govuk-radios__hint", 4, "ngIf"], [1, "govuk-radios__divider"], [1, "govuk-hint", "govuk-radios__hint"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"]], template: function QualifyingQuestionOptionsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, QualifyingQuestionOptionsComponent_ng_container_0_Template, 14, 12, "ng-container", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.qualifyingQuestionsControl);
+    } }, dependencies: [i2.NgForOf, i2.NgIf, i3.DefaultValueAccessor, i3.RadioControlValueAccessor, i3.NgControlStatus, i3.FormControlDirective, i2.AsyncPipe, i4.RpxTranslatePipe], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QualifyingQuestionOptionsComponent, [{
+        type: Component,
+        args: [{ selector: 'ccd-qualifying-question-options', template: "<ng-container *ngIf=\"qualifyingQuestionsControl\">\n  <div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"displayError\">\n    <fieldset class=\"govuk-fieldset\">\n      <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n        <h1 class=\"govuk-fieldset__heading\">\n          {{ 'Raise a new query' | rpxTranslate }}\n        </h1>\n      </legend>\n      <h2 class=\"govuk-heading-m govuk-!-margin-top-10\">\n        {{ 'Select the type of query you are raising:' | rpxTranslate }}\n      </h2>\n\n      <ng-container *ngIf=\"displayError\">\n        <p class=\"govuk-error-message\">\n          <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }} </span>{{\n          qualifyingQuestionsErrorMessage.SELECT_AN_OPTION | rpxTranslate }}\n        </p>\n      </ng-container>\n\n      <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n        <ng-container *ngFor=\"let qualifyingQuestion of qualifyingQuestions$ | async; let isLast = last\">\n          <ng-container *ngIf=\"isLast\">\n            <div class=\"govuk-radios__divider\">{{ 'or' | rpxTranslate }}</div>\n          </ng-container>\n          <div class=\"govuk-radios__item\">\n            <input class=\"govuk-radios__input\" id=\"{{qualifyingQuestion.name}}\" name=\"qualifyingQuestionOption\"\n              type=\"radio\" [formControl]=\"qualifyingQuestionsControl\" [value]=\"qualifyingQuestion\">\n            <label class=\"govuk-label govuk-radios__label\" [for]=\"qualifyingQuestion.name\">{{ qualifyingQuestion.name |\n              rpxTranslate }}</label>\n            <div *ngIf=\"isLast\" class=\"govuk-hint govuk-radios__hint\">\n              {{ '(To reply to an existing query' | rpxTranslate }}\n              <a class=\"govuk-link\" href=\"javascript:void(0)\" (click)=\"click()\">{{ 'click here' | rpxTranslate }}</a>.)\n            </div>\n          </div>\n        </ng-container>\n      </div>\n    </fieldset>\n  </div>\n</ng-container>" }]
+    }], function () { return [{ type: i1.ActivatedRoute }, { type: i1.Router }]; }, { qualifyingQuestionsControl: [{
+            type: Input
+        }], qualifyingQuestions$: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVhbGlmeWluZy1xdWVzdGlvbi1vcHRpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL3F1ZXJ5LW1hbmFnZW1lbnQvY29tcG9uZW50cy9xdWFsaWZ5aW5nLXF1ZXN0aW9ucy9xdWFsaWZ5aW5nLXF1ZXN0aW9uLW9wdGlvbnMvcXVhbGlmeWluZy1xdWVzdGlvbi1vcHRpb25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL3F1ZXJ5LW1hbmFnZW1lbnQvY29tcG9uZW50cy9xdWFsaWZ5aW5nLXF1ZXN0aW9ucy9xdWFsaWZ5aW5nLXF1ZXN0aW9uLW9wdGlvbnMvcXVhbGlmeWluZy1xdWVzdGlvbi1vcHRpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDbEMsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7SUNRM0QsNkJBQW1DO0lBQ2pDLDRCQUErQixjQUFBO0lBQ08sWUFBOEI7O0lBQUEsaUJBQU87SUFBQSxZQUUzRTs7SUFBQSxpQkFBSTtJQUNOLDBCQUFlOzs7SUFIeUIsZUFBOEI7SUFBOUIsOERBQThCO0lBQU8sZUFFM0U7SUFGMkUsNkdBRTNFOzs7SUFLRSw2QkFBNkI7SUFDM0IsK0JBQW1DO0lBQUEsWUFBeUI7O0lBQUEsaUJBQU07SUFDcEUsMEJBQWU7O0lBRHNCLGVBQXlCO0lBQXpCLGdEQUF5Qjs7OztJQU81RCwrQkFBMEQ7SUFDeEQsWUFDQTs7SUFBQSw2QkFBa0U7SUFBbEIsME1BQVMsZUFBQSxjQUFPLENBQUEsSUFBQztJQUFDLFlBQWlDOztJQUFBLGlCQUFJO0lBQUEsbUJBQ3pHO0lBQUEsaUJBQU07O0lBRkosZUFDQTtJQURBLHVGQUNBO0lBQWtFLGVBQWlDO0lBQWpDLHdEQUFpQzs7O0lBWHpHLDZCQUFpRztJQUMvRixvSUFFZTtJQUNmLCtCQUFnQztJQUM5Qiw0QkFDdUY7SUFDdkYsaUNBQStFO0lBQUEsWUFDOUQ7O0lBQUEsaUJBQVE7SUFDekIsbUhBR007SUFDUixpQkFBTTtJQUNSLDBCQUFlOzs7OztJQWJFLGVBQVk7SUFBWixnQ0FBWTtJQUlVLGVBQWdDO0lBQWhDLDBEQUFnQztJQUNwRCwrREFBMEMsZ0NBQUE7SUFDVixlQUErQjtJQUEvQixnREFBK0I7SUFBQyxlQUM5RDtJQUQ4RCxzRUFDOUQ7SUFDWCxlQUFZO0lBQVosZ0NBQVk7OztJQTdCOUIsNkJBQWlEO0lBQy9DLDhCQUE2RSxrQkFBQSxnQkFBQSxZQUFBO0lBSXJFLFlBQ0Y7O0lBQUEsaUJBQUssRUFBQTtJQUVQLDZCQUFrRDtJQUNoRCxZQUNGOztJQUFBLGlCQUFLO0lBRUwsc0hBS2U7SUFFZiwrQkFBcUQ7SUFDbkQsc0hBY2U7O0lBQ2pCLGlCQUFNLEVBQUEsRUFBQTtJQUdaLDBCQUFlOzs7SUFyQ2lCLGVBQThDO0lBQTlDLDhEQUE4QztJQUlwRSxlQUNGO0lBREUsMEVBQ0Y7SUFHQSxlQUNGO0lBREUsa0dBQ0Y7SUFFZSxlQUFrQjtJQUFsQiwwQ0FBa0I7SUFRYyxlQUFpQztJQUFqQyw2RUFBaUM7O0FEVHRGLE1BQU0sT0FBTyxrQ0FBa0M7SUFNN0MsWUFDbUIsS0FBcUIsRUFDckIsTUFBYztRQURkLFVBQUssR0FBTCxLQUFLLENBQWdCO1FBQ3JCLFdBQU0sR0FBTixNQUFNLENBQVE7UUFMMUIsb0NBQStCLEdBQUcsK0JBQStCLENBQUM7SUFNekUsQ0FBQztJQUVNLFFBQVE7UUFDYixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUM7SUFDL0MsQ0FBQztJQUVNLEtBQUs7UUFDVixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLE9BQU8sRUFBRSxjQUFjLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUM7SUFDeEYsQ0FBQztJQUVELElBQVcsWUFBWTtRQUNyQixPQUFPLElBQUksQ0FBQywwQkFBMEIsQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLDBCQUEwQixDQUFDLFFBQVEsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN6RyxDQUFDOztvSEFyQlUsa0NBQWtDO3FGQUFsQyxrQ0FBa0M7UUNYL0MsdUdBc0NlOztRQXRDQSxxREFBZ0M7O3VGRFdsQyxrQ0FBa0M7Y0FKOUMsU0FBUzsyQkFDRSxpQ0FBaUM7c0ZBSTNCLDBCQUEwQjtrQkFBekMsS0FBSztZQUNVLG9CQUFvQjtrQkFBbkMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSwgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFF1YWxpZnlpbmdRdWVzdGlvbnNFcnJvck1lc3NhZ2UgfSBmcm9tICcuLi8uLi8uLi9lbnVtcyc7XG5pbXBvcnQgeyBRdWFsaWZ5aW5nUXVlc3Rpb24gfSBmcm9tICcuLi8uLi8uLi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjY2QtcXVhbGlmeWluZy1xdWVzdGlvbi1vcHRpb25zJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3F1YWxpZnlpbmctcXVlc3Rpb24tb3B0aW9ucy5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgUXVhbGlmeWluZ1F1ZXN0aW9uT3B0aW9uc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBxdWFsaWZ5aW5nUXVlc3Rpb25zQ29udHJvbDogRm9ybUNvbnRyb2w7XG4gIEBJbnB1dCgpIHB1YmxpYyBxdWFsaWZ5aW5nUXVlc3Rpb25zJDogT2JzZXJ2YWJsZTxRdWFsaWZ5aW5nUXVlc3Rpb25bXT47XG4gIHB1YmxpYyBxdWFsaWZ5aW5nUXVlc3Rpb25zRXJyb3JNZXNzYWdlID0gUXVhbGlmeWluZ1F1ZXN0aW9uc0Vycm9yTWVzc2FnZTtcbiAgcHVibGljIGNhc2VJZDogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgcm91dGU6IEFjdGl2YXRlZFJvdXRlLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgcm91dGVyOiBSb3V0ZXIpIHtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmNhc2VJZCA9IHRoaXMucm91dGUuc25hcHNob3QucGFyYW1zLmNpZDtcbiAgfVxuXG4gIHB1YmxpYyBjbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbJ2Nhc2VzJywgJ2Nhc2UtZGV0YWlscycsIHRoaXMuY2FzZUlkXSwgeyBmcmFnbWVudDogJ1F1ZXJpZXMnIH0pO1xuICB9XG5cbiAgcHVibGljIGdldCBkaXNwbGF5RXJyb3IoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMucXVhbGlmeWluZ1F1ZXN0aW9uc0NvbnRyb2wudG91Y2hlZCAmJiB0aGlzLnF1YWxpZnlpbmdRdWVzdGlvbnNDb250cm9sLmhhc0Vycm9yKCdyZXF1aXJlZCcpO1xuICB9XG59XG5cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJxdWFsaWZ5aW5nUXVlc3Rpb25zQ29udHJvbFwiPlxuICA8ZGl2IGNsYXNzPVwiZ292dWstZm9ybS1ncm91cFwiIFtjbGFzcy5nb3Z1ay1mb3JtLWdyb3VwLS1lcnJvcl09XCJkaXNwbGF5RXJyb3JcIj5cbiAgICA8ZmllbGRzZXQgY2xhc3M9XCJnb3Z1ay1maWVsZHNldFwiPlxuICAgICAgPGxlZ2VuZCBjbGFzcz1cImdvdnVrLWZpZWxkc2V0X19sZWdlbmQgZ292dWstZmllbGRzZXRfX2xlZ2VuZC0tbFwiPlxuICAgICAgICA8aDEgY2xhc3M9XCJnb3Z1ay1maWVsZHNldF9faGVhZGluZ1wiPlxuICAgICAgICAgIHt7ICdSYWlzZSBhIG5ldyBxdWVyeScgfCBycHhUcmFuc2xhdGUgfX1cbiAgICAgICAgPC9oMT5cbiAgICAgIDwvbGVnZW5kPlxuICAgICAgPGgyIGNsYXNzPVwiZ292dWstaGVhZGluZy1tIGdvdnVrLSEtbWFyZ2luLXRvcC0xMFwiPlxuICAgICAgICB7eyAnU2VsZWN0IHRoZSB0eXBlIG9mIHF1ZXJ5IHlvdSBhcmUgcmFpc2luZzonIHwgcnB4VHJhbnNsYXRlIH19XG4gICAgICA8L2gyPlxuXG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZGlzcGxheUVycm9yXCI+XG4gICAgICAgIDxwIGNsYXNzPVwiZ292dWstZXJyb3ItbWVzc2FnZVwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZ292dWstdmlzdWFsbHktaGlkZGVuXCI+e3sgJ0Vycm9yOicgfCBycHhUcmFuc2xhdGUgfX0gPC9zcGFuPnt7XG4gICAgICAgICAgcXVhbGlmeWluZ1F1ZXN0aW9uc0Vycm9yTWVzc2FnZS5TRUxFQ1RfQU5fT1BUSU9OIHwgcnB4VHJhbnNsYXRlIH19XG4gICAgICAgIDwvcD5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICA8ZGl2IGNsYXNzPVwiZ292dWstcmFkaW9zXCIgZGF0YS1tb2R1bGU9XCJnb3Z1ay1yYWRpb3NcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgcXVhbGlmeWluZ1F1ZXN0aW9uIG9mIHF1YWxpZnlpbmdRdWVzdGlvbnMkIHwgYXN5bmM7IGxldCBpc0xhc3QgPSBsYXN0XCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImlzTGFzdFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImdvdnVrLXJhZGlvc19fZGl2aWRlclwiPnt7ICdvcicgfCBycHhUcmFuc2xhdGUgfX08L2Rpdj5cbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZ292dWstcmFkaW9zX19pdGVtXCI+XG4gICAgICAgICAgICA8aW5wdXQgY2xhc3M9XCJnb3Z1ay1yYWRpb3NfX2lucHV0XCIgaWQ9XCJ7e3F1YWxpZnlpbmdRdWVzdGlvbi5uYW1lfX1cIiBuYW1lPVwicXVhbGlmeWluZ1F1ZXN0aW9uT3B0aW9uXCJcbiAgICAgICAgICAgICAgdHlwZT1cInJhZGlvXCIgW2Zvcm1Db250cm9sXT1cInF1YWxpZnlpbmdRdWVzdGlvbnNDb250cm9sXCIgW3ZhbHVlXT1cInF1YWxpZnlpbmdRdWVzdGlvblwiPlxuICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwiZ292dWstbGFiZWwgZ292dWstcmFkaW9zX19sYWJlbFwiIFtmb3JdPVwicXVhbGlmeWluZ1F1ZXN0aW9uLm5hbWVcIj57eyBxdWFsaWZ5aW5nUXVlc3Rpb24ubmFtZSB8XG4gICAgICAgICAgICAgIHJweFRyYW5zbGF0ZSB9fTwvbGFiZWw+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiaXNMYXN0XCIgY2xhc3M9XCJnb3Z1ay1oaW50IGdvdnVrLXJhZGlvc19faGludFwiPlxuICAgICAgICAgICAgICB7eyAnKFRvIHJlcGx5IHRvIGFuIGV4aXN0aW5nIHF1ZXJ5JyB8IHJweFRyYW5zbGF0ZSB9fVxuICAgICAgICAgICAgICA8YSBjbGFzcz1cImdvdnVrLWxpbmtcIiBocmVmPVwiamF2YXNjcmlwdDp2b2lkKDApXCIgKGNsaWNrKT1cImNsaWNrKClcIj57eyAnY2xpY2sgaGVyZScgfCBycHhUcmFuc2xhdGUgfX08L2E+LilcbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZmllbGRzZXQ+XG4gIDwvZGl2PlxuPC9uZy1jb250YWluZXI+Il19

package/esm2020/lib/shared/components/palette/query-management/components/query-attachments-read/query-attachments-read.component.mjs

@@ -0,0 +1,64 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { CaseField, FieldType } from '../../../../../domain';
+import { QueryManagementUtils } from '../../utils/query-management.utils';
+import * as i0 from "@angular/core";
+function QueryAttachmentsReadComponent_ng_container_0_ccd_read_collection_field_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "ccd-read-collection-field", 2);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("caseField", ctx_r1.mockCaseFieldWithAttachments);
+} }
+function QueryAttachmentsReadComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, QueryAttachmentsReadComponent_ng_container_0_ccd_read_collection_field_1_Template, 1, 1, "ccd-read-collection-field", 1);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", (ctx_r0.attachments == null ? null : ctx_r0.attachments.length) > 0);
+} }
+export class QueryAttachmentsReadComponent {
+    ngOnChanges() {
+        this.mockCaseFieldWithAttachments = Object.assign(new CaseField(), {
+            id: '',
+            label: '',
+            hint_text: '',
+            field_type: Object.assign(new FieldType(), {
+                id: 'QueryDocuments',
+                type: 'QueryDocuments',
+                min: null,
+                max: null,
+                regular_expression: null,
+                fixed_list_items: [],
+                complex_fields: [],
+                collection_field_type: Object.assign(new FieldType(), {
+                    id: 'Document',
+                    type: 'Document',
+                    min: null,
+                    max: null,
+                    regular_expression: null,
+                    fixed_list_items: [],
+                    complex_fields: [],
+                    collection_field_type: null
+                })
+            }),
+            display_context_parameter: '#COLLECTION(allowInsert,allowUpdate)',
+            value: []
+        });
+        this.mockCaseFieldWithAttachments.value = this.attachments ?
+            this.attachments.map(QueryManagementUtils.documentToCollectionFormDocument) : [];
+    }
+}
+QueryAttachmentsReadComponent.ɵfac = function QueryAttachmentsReadComponent_Factory(t) { return new (t || QueryAttachmentsReadComponent)(); };
+QueryAttachmentsReadComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryAttachmentsReadComponent, selectors: [["ccd-query-attachments-read"]], inputs: { attachments: "attachments" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [3, "caseField", 4, "ngIf"], [3, "caseField"]], template: function QueryAttachmentsReadComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, QueryAttachmentsReadComponent_ng_container_0_Template, 2, 1, "ng-container", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", (ctx.attachments == null ? null : ctx.attachments.length) > 0);
+    } }, styles: ["ccd-query-attachments-read .collection-field-table tr>td{border-bottom:none;padding-bottom:0}\n"], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryAttachmentsReadComponent, [{
+        type: Component,
+        args: [{ selector: 'ccd-query-attachments-read', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"attachments?.length > 0\">\n  <ccd-read-collection-field\n    *ngIf=\"attachments?.length > 0\"\n    [caseField]=\"mockCaseFieldWithAttachments\"\n  >\n  </ccd-read-collection-field>\n</ng-container>\n", styles: ["ccd-query-attachments-read .collection-field-table tr>td{border-bottom:none;padding-bottom:0}\n"] }]
+    }], null, { attachments: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVlcnktYXR0YWNobWVudHMtcmVhZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jY2QtY2FzZS11aS10b29sa2l0L3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvcGFsZXR0ZS9xdWVyeS1tYW5hZ2VtZW50L2NvbXBvbmVudHMvcXVlcnktYXR0YWNobWVudHMtcmVhZC9xdWVyeS1hdHRhY2htZW50cy1yZWFkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL3F1ZXJ5LW1hbmFnZW1lbnQvY29tcG9uZW50cy9xdWVyeS1hdHRhY2htZW50cy1yZWFkL3F1ZXJ5LWF0dGFjaG1lbnRzLXJlYWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWEsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLFNBQVMsRUFBWSxTQUFTLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7O0lDRHhFLCtDQUk0Qjs7O0lBRjFCLCtEQUEwQzs7O0lBSDlDLDZCQUE4QztJQUM1Qyx5SUFJNEI7SUFDOUIsMEJBQWU7OztJQUpWLGVBQTZCO0lBQTdCLDBGQUE2Qjs7QURRbEMsTUFBTSxPQUFPLDZCQUE2QjtJQUlqQyxXQUFXO1FBQ2hCLElBQUksQ0FBQyw0QkFBNEIsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksU0FBUyxFQUFFLEVBQUU7WUFDakUsRUFBRSxFQUFFLEVBQUU7WUFDTixLQUFLLEVBQUUsRUFBRTtZQUNULFNBQVMsRUFBRSxFQUFFO1lBQ2IsVUFBVSxFQUFFLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxTQUFTLEVBQUUsRUFBRTtnQkFDekMsRUFBRSxFQUFFLGdCQUFnQjtnQkFDcEIsSUFBSSxFQUFFLGdCQUFnQjtnQkFDdEIsR0FBRyxFQUFFLElBQUk7Z0JBQ1QsR0FBRyxFQUFFLElBQUk7Z0JBQ1Qsa0JBQWtCLEVBQUUsSUFBSTtnQkFDeEIsZ0JBQWdCLEVBQUUsRUFBRTtnQkFDcEIsY0FBYyxFQUFFLEVBQUU7Z0JBQ2xCLHFCQUFxQixFQUFFLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxTQUFTLEVBQUUsRUFBRTtvQkFDcEQsRUFBRSxFQUFFLFVBQVU7b0JBQ2QsSUFBSSxFQUFFLFVBQVU7b0JBQ2hCLEdBQUcsRUFBRSxJQUFJO29CQUNULEdBQUcsRUFBRSxJQUFJO29CQUNULGtCQUFrQixFQUFFLElBQUk7b0JBQ3hCLGdCQUFnQixFQUFFLEVBQUU7b0JBQ3BCLGNBQWMsRUFBRSxFQUFFO29CQUNsQixxQkFBcUIsRUFBRSxJQUFJO2lCQUM1QixDQUFDO2FBQ0gsQ0FBQztZQUNGLHlCQUF5QixFQUFFLHNDQUFzQztZQUNqRSxLQUFLLEVBQUUsRUFBRTtTQUNWLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyw0QkFBNEIsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1lBQzFELElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLG9CQUFvQixDQUFDLGdDQUFnQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUNyRixDQUFDOzswR0FsQ1UsNkJBQTZCO2dGQUE3Qiw2QkFBNkI7UUNWMUMsZ0dBTWU7O1FBTkEsb0ZBQTZCOzt1RkRVL0IsNkJBQTZCO2NBTnpDLFNBQVM7MkJBQ0UsNEJBQTRCLGlCQUd2QixpQkFBaUIsQ0FBQyxJQUFJO2dCQUdyQixXQUFXO2tCQUExQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25DaGFuZ2VzLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2FzZUZpZWxkLCBEb2N1bWVudCwgRmllbGRUeXBlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vZG9tYWluJztcbmltcG9ydCB7IFF1ZXJ5TWFuYWdlbWVudFV0aWxzIH0gZnJvbSAnLi4vLi4vdXRpbHMvcXVlcnktbWFuYWdlbWVudC51dGlscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NjZC1xdWVyeS1hdHRhY2htZW50cy1yZWFkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3F1ZXJ5LWF0dGFjaG1lbnRzLXJlYWQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9xdWVyeS1hdHRhY2htZW50cy1yZWFkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgUXVlcnlBdHRhY2htZW50c1JlYWRDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBwdWJsaWMgYXR0YWNobWVudHM6IERvY3VtZW50W107XG4gIHB1YmxpYyBtb2NrQ2FzZUZpZWxkV2l0aEF0dGFjaG1lbnRzOiBDYXNlRmllbGQ7XG5cbiAgcHVibGljIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMubW9ja0Nhc2VGaWVsZFdpdGhBdHRhY2htZW50cyA9IE9iamVjdC5hc3NpZ24obmV3IENhc2VGaWVsZCgpLCB7XG4gICAgICBpZDogJycsXG4gICAgICBsYWJlbDogJycsXG4gICAgICBoaW50X3RleHQ6ICcnLFxuICAgICAgZmllbGRfdHlwZTogT2JqZWN0LmFzc2lnbihuZXcgRmllbGRUeXBlKCksIHtcbiAgICAgICAgaWQ6ICdRdWVyeURvY3VtZW50cycsXG4gICAgICAgIHR5cGU6ICdRdWVyeURvY3VtZW50cycsXG4gICAgICAgIG1pbjogbnVsbCxcbiAgICAgICAgbWF4OiBudWxsLFxuICAgICAgICByZWd1bGFyX2V4cHJlc3Npb246IG51bGwsXG4gICAgICAgIGZpeGVkX2xpc3RfaXRlbXM6IFtdLFxuICAgICAgICBjb21wbGV4X2ZpZWxkczogW10sXG4gICAgICAgIGNvbGxlY3Rpb25fZmllbGRfdHlwZTogT2JqZWN0LmFzc2lnbihuZXcgRmllbGRUeXBlKCksIHtcbiAgICAgICAgICBpZDogJ0RvY3VtZW50JyxcbiAgICAgICAgICB0eXBlOiAnRG9jdW1lbnQnLFxuICAgICAgICAgIG1pbjogbnVsbCxcbiAgICAgICAgICBtYXg6IG51bGwsXG4gICAgICAgICAgcmVndWxhcl9leHByZXNzaW9uOiBudWxsLFxuICAgICAgICAgIGZpeGVkX2xpc3RfaXRlbXM6IFtdLFxuICAgICAgICAgIGNvbXBsZXhfZmllbGRzOiBbXSxcbiAgICAgICAgICBjb2xsZWN0aW9uX2ZpZWxkX3R5cGU6IG51bGxcbiAgICAgICAgfSlcbiAgICAgIH0pLFxuICAgICAgZGlzcGxheV9jb250ZXh0X3BhcmFtZXRlcjogJyNDT0xMRUNUSU9OKGFsbG93SW5zZXJ0LGFsbG93VXBkYXRlKScsXG4gICAgICB2YWx1ZTogW11cbiAgICB9KTtcblxuICAgIHRoaXMubW9ja0Nhc2VGaWVsZFdpdGhBdHRhY2htZW50cy52YWx1ZSA9IHRoaXMuYXR0YWNobWVudHMgP1xuICAgICAgdGhpcy5hdHRhY2htZW50cy5tYXAoUXVlcnlNYW5hZ2VtZW50VXRpbHMuZG9jdW1lbnRUb0NvbGxlY3Rpb25Gb3JtRG9jdW1lbnQpIDogW107XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJhdHRhY2htZW50cz8ubGVuZ3RoID4gMFwiPlxuICA8Y2NkLXJlYWQtY29sbGVjdGlvbi1maWVsZFxuICAgICpuZ0lmPVwiYXR0YWNobWVudHM/Lmxlbmd0aCA+IDBcIlxuICAgIFtjYXNlRmllbGRdPVwibW9ja0Nhc2VGaWVsZFdpdGhBdHRhY2htZW50c1wiXG4gID5cbiAgPC9jY2QtcmVhZC1jb2xsZWN0aW9uLWZpZWxkPlxuPC9uZy1jb250YWluZXI+XG4iXX0=

package/esm2020/lib/shared/components/palette/query-management/components/query-case-details-header/query-case-details-header.component.mjs

@@ -0,0 +1,60 @@
+import { Component } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../markdown/markdown.component";
+import * as i4 from "../../../../../pipes/case-reference/case-reference.pipe";
+import * as i5 from "rpx-xui-translation";
+function QueryCaseDetailsHeaderComponent_div_0_ng_container_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelement(1, "ccd-markdown", 4);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("content", ctx_r1.caseView.state.title_display);
+} }
+function QueryCaseDetailsHeaderComponent_div_0_ng_template_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "Case name missing"), " ");
+} }
+function QueryCaseDetailsHeaderComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "div", 1);
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "ccdCaseReference");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerStart(4);
+    i0.ɵɵtemplate(5, QueryCaseDetailsHeaderComponent_div_0_ng_container_5_Template, 2, 1, "ng-container", 2);
+    i0.ɵɵtemplate(6, QueryCaseDetailsHeaderComponent_div_0_ng_template_6_Template, 3, 3, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementContainerEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const _r2 = i0.ɵɵreference(7);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 3, ctx_r0.caseView.case_id));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r0.caseView == null ? null : ctx_r0.caseView.state == null ? null : ctx_r0.caseView.state.title_display)("ngIfElse", _r2);
+} }
+export class QueryCaseDetailsHeaderComponent {
+    constructor(activatedRoute) {
+        this.caseView = activatedRoute.snapshot.data.case;
+    }
+}
+QueryCaseDetailsHeaderComponent.ɵfac = function QueryCaseDetailsHeaderComponent_Factory(t) { return new (t || QueryCaseDetailsHeaderComponent)(i0.ɵɵdirectiveInject(i1.ActivatedRoute)); };
+QueryCaseDetailsHeaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryCaseDetailsHeaderComponent, selectors: [["ccd-query-case-details-header"]], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-body-l", "govuk-!-margin-bottom-0"], [4, "ngIf", "ngIfElse"], ["caseNameMissing", ""], [3, "content"]], template: function QueryCaseDetailsHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, QueryCaseDetailsHeaderComponent_div_0_Template, 8, 5, "div", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.caseView);
+    } }, dependencies: [i2.NgIf, i3.MarkdownComponent, i4.CaseReferencePipe, i5.RpxTranslatePipe], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryCaseDetailsHeaderComponent, [{
+        type: Component,
+        args: [{ selector: 'ccd-query-case-details-header', template: "<div *ngIf=\"caseView\">\n  <div class=\"govuk-body-l govuk-!-margin-bottom-0\">{{ caseView.case_id | ccdCaseReference }}</div>\n\n  <ng-container>\n    <ng-container *ngIf=\"caseView?.state?.title_display; else caseNameMissing\">\n      <ccd-markdown [content]=\"caseView.state.title_display\"></ccd-markdown>\n    </ng-container>\n\n    <ng-template #caseNameMissing>\n      <div class=\"govuk-body-l govuk-!-margin-bottom-0\">\n        {{ 'Case name missing' | rpxTranslate }}\n      </div>\n    </ng-template>\n  </ng-container>\n</div>\n" }]
+    }], function () { return [{ type: i1.ActivatedRoute }]; }, null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVlcnktY2FzZS1kZXRhaWxzLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jY2QtY2FzZS11aS10b29sa2l0L3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvcGFsZXR0ZS9xdWVyeS1tYW5hZ2VtZW50L2NvbXBvbmVudHMvcXVlcnktY2FzZS1kZXRhaWxzLWhlYWRlci9xdWVyeS1jYXNlLWRldGFpbHMtaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL3F1ZXJ5LW1hbmFnZW1lbnQvY29tcG9uZW50cy9xdWVyeS1jYXNlLWRldGFpbHMtaGVhZGVyL3F1ZXJ5LWNhc2UtZGV0YWlscy1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7Ozs7O0lDRzdDLDZCQUEyRTtJQUN6RSxrQ0FBc0U7SUFDeEUsMEJBQWU7OztJQURDLGVBQXdDO0lBQXhDLDZEQUF3Qzs7O0lBSXRELDhCQUFrRDtJQUNoRCxZQUNGOztJQUFBLGlCQUFNOztJQURKLGVBQ0Y7SUFERSwwRUFDRjs7O0lBWE4sMkJBQXNCLGFBQUE7SUFDOEIsWUFBeUM7O0lBQUEsaUJBQU07SUFFakcsNkJBQWM7SUFDWix3R0FFZTtJQUVmLHVJQUljO0lBQ2hCLDBCQUFlO0lBQ2pCLGlCQUFNOzs7O0lBYjhDLGVBQXlDO0lBQXpDLG1FQUF5QztJQUcxRSxlQUFzQztJQUF0QyxrSUFBc0MsaUJBQUE7O0FESXpELE1BQU0sT0FBTywrQkFBK0I7SUFHMUMsWUFBWSxjQUE4QjtRQUN4QyxJQUFJLENBQUMsUUFBUSxHQUFHLGNBQWMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQztJQUNwRCxDQUFDOzs4R0FMVSwrQkFBK0I7a0ZBQS9CLCtCQUErQjtRQ1I1QyxnRkFjTTs7UUFkQSxtQ0FBYzs7dUZEUVAsK0JBQStCO2NBSjNDLFNBQVM7MkJBQ0UsK0JBQStCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBDYXNlVmlldyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL2RvbWFpbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NjZC1xdWVyeS1jYXNlLWRldGFpbHMtaGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3F1ZXJ5LWNhc2UtZGV0YWlscy1oZWFkZXIuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFF1ZXJ5Q2FzZURldGFpbHNIZWFkZXJDb21wb25lbnQge1xuICBwdWJsaWMgY2FzZVZpZXc6IENhc2VWaWV3O1xuXG4gIGNvbnN0cnVjdG9yKGFjdGl2YXRlZFJvdXRlOiBBY3RpdmF0ZWRSb3V0ZSkge1xuICAgIHRoaXMuY2FzZVZpZXcgPSBhY3RpdmF0ZWRSb3V0ZS5zbmFwc2hvdC5kYXRhLmNhc2U7XG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCJjYXNlVmlld1wiPlxuICA8ZGl2IGNsYXNzPVwiZ292dWstYm9keS1sIGdvdnVrLSEtbWFyZ2luLWJvdHRvbS0wXCI+e3sgY2FzZVZpZXcuY2FzZV9pZCB8IGNjZENhc2VSZWZlcmVuY2UgfX08L2Rpdj5cblxuICA8bmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjYXNlVmlldz8uc3RhdGU/LnRpdGxlX2Rpc3BsYXk7IGVsc2UgY2FzZU5hbWVNaXNzaW5nXCI+XG4gICAgICA8Y2NkLW1hcmtkb3duIFtjb250ZW50XT1cImNhc2VWaWV3LnN0YXRlLnRpdGxlX2Rpc3BsYXlcIj48L2NjZC1tYXJrZG93bj5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDxuZy10ZW1wbGF0ZSAjY2FzZU5hbWVNaXNzaW5nPlxuICAgICAgPGRpdiBjbGFzcz1cImdvdnVrLWJvZHktbCBnb3Z1ay0hLW1hcmdpbi1ib3R0b20tMFwiPlxuICAgICAgICB7eyAnQ2FzZSBuYW1lIG1pc3NpbmcnIHwgcnB4VHJhbnNsYXRlIH19XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuIl19