@hmcts/ccd-case-ui-toolkit 7.1.72 → 7.1.73-google-analytics
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/palette/query-management/components/qualifying-questions/qualifying-question-options/qualifying-question-options.component.mjs +21 -13
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs +19 -11
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs.map +1 -1
- package/lib/shared/components/palette/query-management/components/qualifying-questions/qualifying-question-options/qualifying-question-options.component.d.ts +4 -2
- package/lib/shared/components/palette/query-management/components/qualifying-questions/qualifying-question-options/qualifying-question-options.component.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
import { FormControl } from '@angular/forms';
|
|
3
3
|
import { ActivatedRoute, Router } from '@angular/router';
|
|
4
4
|
import { Observable } from 'rxjs';
|
|
@@ -39,28 +39,30 @@ function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_ng_co
|
|
|
39
39
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, "or"));
|
|
40
40
|
} }
|
|
41
41
|
function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_Template(rf, ctx) { if (rf & 1) {
|
|
42
|
+
const _r2 = i0.ɵɵgetCurrentView();
|
|
42
43
|
i0.ɵɵelementContainerStart(0);
|
|
43
44
|
i0.ɵɵtemplate(1, QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_ng_container_1_Template, 4, 3, "ng-container", 0);
|
|
44
|
-
i0.ɵɵelementStart(2, "div", 10);
|
|
45
|
-
i0.ɵɵ
|
|
45
|
+
i0.ɵɵelementStart(2, "div", 10)(3, "input", 11);
|
|
46
|
+
i0.ɵɵlistener("change", function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_Template_input_change_3_listener() { const qualifyingQuestion_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onSelectionChange(qualifyingQuestion_r3)); });
|
|
47
|
+
i0.ɵɵelementEnd();
|
|
46
48
|
i0.ɵɵelementStart(4, "label", 12);
|
|
47
49
|
i0.ɵɵtext(5);
|
|
48
50
|
i0.ɵɵpipe(6, "rpxTranslate");
|
|
49
51
|
i0.ɵɵelementEnd()();
|
|
50
52
|
i0.ɵɵelementContainerEnd();
|
|
51
53
|
} if (rf & 2) {
|
|
52
|
-
const
|
|
53
|
-
const
|
|
54
|
+
const qualifyingQuestion_r3 = ctx.$implicit;
|
|
55
|
+
const isLast_r4 = ctx.last;
|
|
54
56
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
55
57
|
i0.ɵɵadvance();
|
|
56
|
-
i0.ɵɵproperty("ngIf",
|
|
58
|
+
i0.ɵɵproperty("ngIf", isLast_r4);
|
|
57
59
|
i0.ɵɵadvance(2);
|
|
58
|
-
i0.ɵɵpropertyInterpolate("id",
|
|
59
|
-
i0.ɵɵproperty("formControl", ctx_r0.qualifyingQuestionsControl)("value",
|
|
60
|
+
i0.ɵɵpropertyInterpolate("id", qualifyingQuestion_r3.name);
|
|
61
|
+
i0.ɵɵproperty("formControl", ctx_r0.qualifyingQuestionsControl)("value", qualifyingQuestion_r3);
|
|
60
62
|
i0.ɵɵadvance();
|
|
61
|
-
i0.ɵɵproperty("for",
|
|
63
|
+
i0.ɵɵproperty("for", qualifyingQuestion_r3.name);
|
|
62
64
|
i0.ɵɵadvance();
|
|
63
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6,
|
|
65
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6, qualifyingQuestion_r3.name));
|
|
64
66
|
} }
|
|
65
67
|
function QualifyingQuestionOptionsComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
|
|
66
68
|
i0.ɵɵelementContainerStart(0);
|
|
@@ -97,6 +99,7 @@ export class QualifyingQuestionOptionsComponent {
|
|
|
97
99
|
qualifyingQuestionService;
|
|
98
100
|
qualifyingQuestionsControl;
|
|
99
101
|
qualifyingQuestions$;
|
|
102
|
+
questionSelected = new EventEmitter();
|
|
100
103
|
qualifyingQuestionsErrorMessage = QualifyingQuestionsErrorMessage;
|
|
101
104
|
caseId;
|
|
102
105
|
constructor(route, router, qualifyingQuestionService) {
|
|
@@ -118,8 +121,11 @@ export class QualifyingQuestionOptionsComponent {
|
|
|
118
121
|
get displayError() {
|
|
119
122
|
return this.qualifyingQuestionsControl.touched && this.qualifyingQuestionsControl.hasError('required');
|
|
120
123
|
}
|
|
124
|
+
onSelectionChange(qualifyingQuestion) {
|
|
125
|
+
this.questionSelected.emit(qualifyingQuestion);
|
|
126
|
+
}
|
|
121
127
|
static ɵfac = function QualifyingQuestionOptionsComponent_Factory(t) { return new (t || QualifyingQuestionOptionsComponent)(i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i2.QualifyingQuestionService)); };
|
|
122
|
-
static ɵ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"], [1, "govuk-radios__divider"]], template: function QualifyingQuestionOptionsComponent_Template(rf, ctx) { if (rf & 1) {
|
|
128
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QualifyingQuestionOptionsComponent, selectors: [["ccd-qualifying-question-options"]], inputs: { qualifyingQuestionsControl: "qualifyingQuestionsControl", qualifyingQuestions$: "qualifyingQuestions$" }, outputs: { questionSelected: "questionSelected" }, 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, "change", "id", "formControl", "value"], [1, "govuk-label", "govuk-radios__label", 3, "for"], [1, "govuk-radios__divider"]], template: function QualifyingQuestionOptionsComponent_Template(rf, ctx) { if (rf & 1) {
|
|
123
129
|
i0.ɵɵtemplate(0, QualifyingQuestionOptionsComponent_ng_container_0_Template, 14, 12, "ng-container", 0);
|
|
124
130
|
} if (rf & 2) {
|
|
125
131
|
i0.ɵɵproperty("ngIf", ctx.qualifyingQuestionsControl);
|
|
@@ -127,11 +133,13 @@ export class QualifyingQuestionOptionsComponent {
|
|
|
127
133
|
}
|
|
128
134
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QualifyingQuestionOptionsComponent, [{
|
|
129
135
|
type: Component,
|
|
130
|
-
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>\n </ng-container>\n </div>\n </fieldset>\n </div>\n</ng-container>\n" }]
|
|
136
|
+
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\" \n id=\"{{qualifyingQuestion.name}}\" \n name=\"qualifyingQuestionOption\"\n type=\"radio\" [formControl]=\"qualifyingQuestionsControl\" \n [value]=\"qualifyingQuestion\"\n (change)=\"onSelectionChange(qualifyingQuestion)\">\n <label class=\"govuk-label govuk-radios__label\" [for]=\"qualifyingQuestion.name\">{{ qualifyingQuestion.name |\n rpxTranslate }}</label>\n </div>\n </ng-container>\n </div>\n </fieldset>\n </div>\n</ng-container>\n" }]
|
|
131
137
|
}], () => [{ type: i1.ActivatedRoute }, { type: i1.Router }, { type: i2.QualifyingQuestionService }], { qualifyingQuestionsControl: [{
|
|
132
138
|
type: Input
|
|
133
139
|
}], qualifyingQuestions$: [{
|
|
134
140
|
type: Input
|
|
141
|
+
}], questionSelected: [{
|
|
142
|
+
type: Output
|
|
135
143
|
}] }); })();
|
|
136
144
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QualifyingQuestionOptionsComponent, { className: "QualifyingQuestionOptionsComponent", filePath: "lib/shared/components/palette/query-management/components/qualifying-questions/qualifying-question-options/qualifying-question-options.component.ts", lineNumber: 13 }); })();
|
|
137
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
145
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVhbGlmeWluZy1xdWVzdGlvbi1vcHRpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL3F1ZXJ5LW1hbmFnZW1lbnQvY29tcG9uZW50cy9xdWFsaWZ5aW5nLXF1ZXN0aW9ucy9xdWFsaWZ5aW5nLXF1ZXN0aW9uLW9wdGlvbnMvcXVhbGlmeWluZy1xdWVzdGlvbi1vcHRpb25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL3F1ZXJ5LW1hbmFnZW1lbnQvY29tcG9uZW50cy9xdWFsaWZ5aW5nLXF1ZXN0aW9ucy9xdWFsaWZ5aW5nLXF1ZXN0aW9uLW9wdGlvbnMvcXVhbGlmeWluZy1xdWVzdGlvbi1vcHRpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDekQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNsQyxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVqRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7Ozs7Ozs7SUNNeEQsNkJBQW1DO0lBRS9CLEFBREYsNEJBQStCLGNBQ087SUFBQSxZQUE4Qjs7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QUNJLGdCQUFnQjtrQkFBekIsTUFBTTs7a0ZBSEksa0NBQWtDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSwgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFF1YWxpZnlpbmdRdWVzdGlvbnNFcnJvck1lc3NhZ2UgfSBmcm9tICcuLi8uLi8uLi9lbnVtcyc7XG5pbXBvcnQgeyBRdWFsaWZ5aW5nUXVlc3Rpb24gfSBmcm9tICcuLi8uLi8uLi9tb2RlbHMnO1xuaW1wb3J0IHsgUXVhbGlmeWluZ1F1ZXN0aW9uU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2NkLXF1YWxpZnlpbmctcXVlc3Rpb24tb3B0aW9ucycsXG4gIHRlbXBsYXRlVXJsOiAnLi9xdWFsaWZ5aW5nLXF1ZXN0aW9uLW9wdGlvbnMuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFF1YWxpZnlpbmdRdWVzdGlvbk9wdGlvbnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBwdWJsaWMgcXVhbGlmeWluZ1F1ZXN0aW9uc0NvbnRyb2w6IEZvcm1Db250cm9sO1xuICBASW5wdXQoKSBwdWJsaWMgcXVhbGlmeWluZ1F1ZXN0aW9ucyQ6IE9ic2VydmFibGU8UXVhbGlmeWluZ1F1ZXN0aW9uW10+O1xuICBAT3V0cHV0KCkgcXVlc3Rpb25TZWxlY3RlZCA9IG5ldyBFdmVudEVtaXR0ZXI8UXVhbGlmeWluZ1F1ZXN0aW9uPigpO1xuXG4gIHB1YmxpYyBxdWFsaWZ5aW5nUXVlc3Rpb25zRXJyb3JNZXNzYWdlID0gUXVhbGlmeWluZ1F1ZXN0aW9uc0Vycm9yTWVzc2FnZTtcbiAgcHVibGljIGNhc2VJZDogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgcm91dGU6IEFjdGl2YXRlZFJvdXRlLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgcm91dGVyOiBSb3V0ZXIsXG4gICAgcHJpdmF0ZSByZWFkb25seSBxdWFsaWZ5aW5nUXVlc3Rpb25TZXJ2aWNlOiBRdWFsaWZ5aW5nUXVlc3Rpb25TZXJ2aWNlKSB7XG4gIH1cblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5jYXNlSWQgPSB0aGlzLnJvdXRlLnNuYXBzaG90LnBhcmFtcy5jaWQ7XG5cbiAgICAvLyBDaGVjayBpZiB0aGVyZSdzIGFscmVhZHkgYSBzZWxlY3RlZCBxdWFsaWZ5aW5nIHF1ZXN0aW9uIGZyb20gdGhlIHNlcnZpY2VcbiAgICBjb25zdCBzYXZlZFNlbGVjdGlvbiA9IHRoaXMucXVhbGlmeWluZ1F1ZXN0aW9uU2VydmljZS5nZXRRdWFsaWZ5aW5nUXVlc3Rpb25TZWxlY3Rpb24oKTtcbiAgICBpZiAoc2F2ZWRTZWxlY3Rpb24pIHtcbiAgICAgIHRoaXMucXVhbGlmeWluZ1F1ZXN0aW9uc0NvbnRyb2wuc2V0VmFsdWUoc2F2ZWRTZWxlY3Rpb24pO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBjbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbJ2Nhc2VzJywgJ2Nhc2UtZGV0YWlscycsIHRoaXMuY2FzZUlkXSwgeyBmcmFnbWVudDogJ1F1ZXJpZXMnIH0pO1xuICB9XG5cbiAgcHVibGljIGdldCBkaXNwbGF5RXJyb3IoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMucXVhbGlmeWluZ1F1ZXN0aW9uc0NvbnRyb2wudG91Y2hlZCAmJiB0aGlzLnF1YWxpZnlpbmdRdWVzdGlvbnNDb250cm9sLmhhc0Vycm9yKCdyZXF1aXJlZCcpO1xuICB9XG5cbiAgcHVibGljIG9uU2VsZWN0aW9uQ2hhbmdlKHF1YWxpZnlpbmdRdWVzdGlvbjogUXVhbGlmeWluZ1F1ZXN0aW9uKSB7XG4gICAgdGhpcy5xdWVzdGlvblNlbGVjdGVkLmVtaXQocXVhbGlmeWluZ1F1ZXN0aW9uKTtcbiAgfVxufVxuXG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwicXVhbGlmeWluZ1F1ZXN0aW9uc0NvbnRyb2xcIj5cbiAgPGRpdiBjbGFzcz1cImdvdnVrLWZvcm0tZ3JvdXBcIiBbY2xhc3MuZ292dWstZm9ybS1ncm91cC0tZXJyb3JdPVwiZGlzcGxheUVycm9yXCI+XG4gICAgPGZpZWxkc2V0IGNsYXNzPVwiZ292dWstZmllbGRzZXRcIj5cbiAgICAgIDxsZWdlbmQgY2xhc3M9XCJnb3Z1ay1maWVsZHNldF9fbGVnZW5kIGdvdnVrLWZpZWxkc2V0X19sZWdlbmQtLWxcIj5cbiAgICAgICAgPGgxIGNsYXNzPVwiZ292dWstZmllbGRzZXRfX2hlYWRpbmdcIj5cbiAgICAgICAgICB7eyAnUmFpc2UgYSBuZXcgcXVlcnknIHwgcnB4VHJhbnNsYXRlIH19XG4gICAgICAgIDwvaDE+XG4gICAgICA8L2xlZ2VuZD5cbiAgICAgIDxoMiBjbGFzcz1cImdvdnVrLWhlYWRpbmctbSBnb3Z1ay0hLW1hcmdpbi10b3AtMTBcIj5cbiAgICAgICAge3sgJ1NlbGVjdCB0aGUgdHlwZSBvZiBxdWVyeSB5b3UgYXJlIHJhaXNpbmc6JyB8IHJweFRyYW5zbGF0ZSB9fVxuICAgICAgPC9oMj5cblxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImRpc3BsYXlFcnJvclwiPlxuICAgICAgICA8cCBjbGFzcz1cImdvdnVrLWVycm9yLW1lc3NhZ2VcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImdvdnVrLXZpc3VhbGx5LWhpZGRlblwiPnt7ICdFcnJvcjonIHwgcnB4VHJhbnNsYXRlIH19IDwvc3Bhbj57e1xuICAgICAgICAgIHF1YWxpZnlpbmdRdWVzdGlvbnNFcnJvck1lc3NhZ2UuU0VMRUNUX0FOX09QVElPTiB8IHJweFRyYW5zbGF0ZSB9fVxuICAgICAgICA8L3A+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgPGRpdiBjbGFzcz1cImdvdnVrLXJhZGlvc1wiIGRhdGEtbW9kdWxlPVwiZ292dWstcmFkaW9zXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHF1YWxpZnlpbmdRdWVzdGlvbiBvZiBxdWFsaWZ5aW5nUXVlc3Rpb25zJCB8IGFzeW5jOyBsZXQgaXNMYXN0ID0gbGFzdFwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpc0xhc3RcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJnb3Z1ay1yYWRpb3NfX2RpdmlkZXJcIj57eyAnb3InIHwgcnB4VHJhbnNsYXRlIH19PC9kaXY+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImdvdnVrLXJhZGlvc19faXRlbVwiPlxuICAgICAgICAgICAgPGlucHV0IGNsYXNzPVwiZ292dWstcmFkaW9zX19pbnB1dFwiIFxuICAgICAgICAgICAgICBpZD1cInt7cXVhbGlmeWluZ1F1ZXN0aW9uLm5hbWV9fVwiIFxuICAgICAgICAgICAgICBuYW1lPVwicXVhbGlmeWluZ1F1ZXN0aW9uT3B0aW9uXCJcbiAgICAgICAgICAgICAgdHlwZT1cInJhZGlvXCIgW2Zvcm1Db250cm9sXT1cInF1YWxpZnlpbmdRdWVzdGlvbnNDb250cm9sXCIgXG4gICAgICAgICAgICAgIFt2YWx1ZV09XCJxdWFsaWZ5aW5nUXVlc3Rpb25cIlxuICAgICAgICAgICAgICAoY2hhbmdlKT1cIm9uU2VsZWN0aW9uQ2hhbmdlKHF1YWxpZnlpbmdRdWVzdGlvbilcIj5cbiAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImdvdnVrLWxhYmVsIGdvdnVrLXJhZGlvc19fbGFiZWxcIiBbZm9yXT1cInF1YWxpZnlpbmdRdWVzdGlvbi5uYW1lXCI+e3sgcXVhbGlmeWluZ1F1ZXN0aW9uLm5hbWUgfFxuICAgICAgICAgICAgICBycHhUcmFuc2xhdGUgfX08L2xhYmVsPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZmllbGRzZXQ+XG4gIDwvZGl2PlxuPC9uZy1jb250YWluZXI+XG4iXX0=
|
|
@@ -20564,28 +20564,30 @@ function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_ng_co
|
|
|
20564
20564
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, "or"));
|
|
20565
20565
|
} }
|
|
20566
20566
|
function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_Template(rf, ctx) { if (rf & 1) {
|
|
20567
|
+
const _r2 = i0.ɵɵgetCurrentView();
|
|
20567
20568
|
i0.ɵɵelementContainerStart(0);
|
|
20568
20569
|
i0.ɵɵtemplate(1, QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_ng_container_1_Template, 4, 3, "ng-container", 0);
|
|
20569
|
-
i0.ɵɵelementStart(2, "div", 10);
|
|
20570
|
-
i0.ɵɵ
|
|
20570
|
+
i0.ɵɵelementStart(2, "div", 10)(3, "input", 11);
|
|
20571
|
+
i0.ɵɵlistener("change", function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_12_Template_input_change_3_listener() { const qualifyingQuestion_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onSelectionChange(qualifyingQuestion_r3)); });
|
|
20572
|
+
i0.ɵɵelementEnd();
|
|
20571
20573
|
i0.ɵɵelementStart(4, "label", 12);
|
|
20572
20574
|
i0.ɵɵtext(5);
|
|
20573
20575
|
i0.ɵɵpipe(6, "rpxTranslate");
|
|
20574
20576
|
i0.ɵɵelementEnd()();
|
|
20575
20577
|
i0.ɵɵelementContainerEnd();
|
|
20576
20578
|
} if (rf & 2) {
|
|
20577
|
-
const
|
|
20578
|
-
const
|
|
20579
|
+
const qualifyingQuestion_r3 = ctx.$implicit;
|
|
20580
|
+
const isLast_r4 = ctx.last;
|
|
20579
20581
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
20580
20582
|
i0.ɵɵadvance();
|
|
20581
|
-
i0.ɵɵproperty("ngIf",
|
|
20583
|
+
i0.ɵɵproperty("ngIf", isLast_r4);
|
|
20582
20584
|
i0.ɵɵadvance(2);
|
|
20583
|
-
i0.ɵɵpropertyInterpolate("id",
|
|
20584
|
-
i0.ɵɵproperty("formControl", ctx_r0.qualifyingQuestionsControl)("value",
|
|
20585
|
+
i0.ɵɵpropertyInterpolate("id", qualifyingQuestion_r3.name);
|
|
20586
|
+
i0.ɵɵproperty("formControl", ctx_r0.qualifyingQuestionsControl)("value", qualifyingQuestion_r3);
|
|
20585
20587
|
i0.ɵɵadvance();
|
|
20586
|
-
i0.ɵɵproperty("for",
|
|
20588
|
+
i0.ɵɵproperty("for", qualifyingQuestion_r3.name);
|
|
20587
20589
|
i0.ɵɵadvance();
|
|
20588
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6,
|
|
20590
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6, qualifyingQuestion_r3.name));
|
|
20589
20591
|
} }
|
|
20590
20592
|
function QualifyingQuestionOptionsComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
|
|
20591
20593
|
i0.ɵɵelementContainerStart(0);
|
|
@@ -20622,6 +20624,7 @@ class QualifyingQuestionOptionsComponent {
|
|
|
20622
20624
|
qualifyingQuestionService;
|
|
20623
20625
|
qualifyingQuestionsControl;
|
|
20624
20626
|
qualifyingQuestions$;
|
|
20627
|
+
questionSelected = new EventEmitter();
|
|
20625
20628
|
qualifyingQuestionsErrorMessage = QualifyingQuestionsErrorMessage;
|
|
20626
20629
|
caseId;
|
|
20627
20630
|
constructor(route, router, qualifyingQuestionService) {
|
|
@@ -20643,8 +20646,11 @@ class QualifyingQuestionOptionsComponent {
|
|
|
20643
20646
|
get displayError() {
|
|
20644
20647
|
return this.qualifyingQuestionsControl.touched && this.qualifyingQuestionsControl.hasError('required');
|
|
20645
20648
|
}
|
|
20649
|
+
onSelectionChange(qualifyingQuestion) {
|
|
20650
|
+
this.questionSelected.emit(qualifyingQuestion);
|
|
20651
|
+
}
|
|
20646
20652
|
static ɵfac = function QualifyingQuestionOptionsComponent_Factory(t) { return new (t || QualifyingQuestionOptionsComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(QualifyingQuestionService)); };
|
|
20647
|
-
static ɵ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"], [1, "govuk-radios__divider"]], template: function QualifyingQuestionOptionsComponent_Template(rf, ctx) { if (rf & 1) {
|
|
20653
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QualifyingQuestionOptionsComponent, selectors: [["ccd-qualifying-question-options"]], inputs: { qualifyingQuestionsControl: "qualifyingQuestionsControl", qualifyingQuestions$: "qualifyingQuestions$" }, outputs: { questionSelected: "questionSelected" }, 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, "change", "id", "formControl", "value"], [1, "govuk-label", "govuk-radios__label", 3, "for"], [1, "govuk-radios__divider"]], template: function QualifyingQuestionOptionsComponent_Template(rf, ctx) { if (rf & 1) {
|
|
20648
20654
|
i0.ɵɵtemplate(0, QualifyingQuestionOptionsComponent_ng_container_0_Template, 14, 12, "ng-container", 0);
|
|
20649
20655
|
} if (rf & 2) {
|
|
20650
20656
|
i0.ɵɵproperty("ngIf", ctx.qualifyingQuestionsControl);
|
|
@@ -20652,11 +20658,13 @@ class QualifyingQuestionOptionsComponent {
|
|
|
20652
20658
|
}
|
|
20653
20659
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QualifyingQuestionOptionsComponent, [{
|
|
20654
20660
|
type: Component,
|
|
20655
|
-
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>\n </ng-container>\n </div>\n </fieldset>\n </div>\n</ng-container>\n" }]
|
|
20661
|
+
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\" \n id=\"{{qualifyingQuestion.name}}\" \n name=\"qualifyingQuestionOption\"\n type=\"radio\" [formControl]=\"qualifyingQuestionsControl\" \n [value]=\"qualifyingQuestion\"\n (change)=\"onSelectionChange(qualifyingQuestion)\">\n <label class=\"govuk-label govuk-radios__label\" [for]=\"qualifyingQuestion.name\">{{ qualifyingQuestion.name |\n rpxTranslate }}</label>\n </div>\n </ng-container>\n </div>\n </fieldset>\n </div>\n</ng-container>\n" }]
|
|
20656
20662
|
}], () => [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: QualifyingQuestionService }], { qualifyingQuestionsControl: [{
|
|
20657
20663
|
type: Input
|
|
20658
20664
|
}], qualifyingQuestions$: [{
|
|
20659
20665
|
type: Input
|
|
20666
|
+
}], questionSelected: [{
|
|
20667
|
+
type: Output
|
|
20660
20668
|
}] }); })();
|
|
20661
20669
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QualifyingQuestionOptionsComponent, { className: "QualifyingQuestionOptionsComponent", filePath: "lib/shared/components/palette/query-management/components/qualifying-questions/qualifying-question-options/qualifying-question-options.component.ts", lineNumber: 13 }); })();
|
|
20662
20670
|
|