@hmcts/rpx-xui-common-lib 3.2.27 → 33.2.27-postcode-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.
|
@@ -22,7 +22,7 @@ import * as i4 from '@angular/material/autocomplete';
|
|
|
22
22
|
import { MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
23
23
|
import * as i1$4 from '@angular/material/tabs';
|
|
24
24
|
import { MatTabsModule } from '@angular/material/tabs';
|
|
25
|
-
import * as
|
|
25
|
+
import * as i1$5 from 'ngx-pagination';
|
|
26
26
|
import { NgxPaginationModule, PaginatePipe } from 'ngx-pagination';
|
|
27
27
|
import { MatInputModule } from '@angular/material/input';
|
|
28
28
|
|
|
@@ -2517,22 +2517,23 @@ const _c0$n = a0 => ({ "form-group-error": a0 });
|
|
|
2517
2517
|
const _c1$d = (a0, a1) => ({ "hide-autocomplete": a0, "select-option": a1 });
|
|
2518
2518
|
const _c2$5 = a0 => ({ "select-option": a0 });
|
|
2519
2519
|
function FindPersonComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
2520
|
-
i0.ɵɵelementStart(0, "
|
|
2521
|
-
i0.ɵɵtext(
|
|
2522
|
-
i0.ɵɵpipe(
|
|
2520
|
+
i0.ɵɵelementStart(0, "span", 10);
|
|
2521
|
+
i0.ɵɵtext(1);
|
|
2522
|
+
i0.ɵɵpipe(2, "rpxTranslate");
|
|
2523
2523
|
i0.ɵɵelementEnd();
|
|
2524
|
+
i0.ɵɵelementStart(3, "h1", 11);
|
|
2524
2525
|
i0.ɵɵtext(4);
|
|
2525
2526
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
2526
2527
|
i0.ɵɵelementEnd();
|
|
2527
2528
|
} if (rf & 2) {
|
|
2528
2529
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
2529
|
-
i0.ɵɵadvance(
|
|
2530
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(
|
|
2531
|
-
i0.ɵɵadvance(
|
|
2530
|
+
i0.ɵɵadvance();
|
|
2531
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, ctx_r1.title));
|
|
2532
|
+
i0.ɵɵadvance(3);
|
|
2532
2533
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r1.boldTitle), " ");
|
|
2533
2534
|
} }
|
|
2534
2535
|
function FindPersonComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
2535
|
-
i0.ɵɵelementStart(0, "div",
|
|
2536
|
+
i0.ɵɵelementStart(0, "div", 4);
|
|
2536
2537
|
i0.ɵɵtext(1);
|
|
2537
2538
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
2538
2539
|
i0.ɵɵelementEnd();
|
|
@@ -2542,7 +2543,7 @@ function FindPersonComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
|
2542
2543
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, ctx_r1.subTitle), " ");
|
|
2543
2544
|
} }
|
|
2544
2545
|
function FindPersonComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
2545
|
-
i0.ɵɵelementStart(0, "span",
|
|
2546
|
+
i0.ɵɵelementStart(0, "span", 5)(1, "span", 3);
|
|
2546
2547
|
i0.ɵɵtext(2);
|
|
2547
2548
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
2548
2549
|
i0.ɵɵelementEnd();
|
|
@@ -2556,7 +2557,7 @@ function FindPersonComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
|
2556
2557
|
i0.ɵɵtextInterpolate1("", ctx_r1.findPersonGroup.errors.error ? ctx_r1.findPersonGroup.errors.error : ctx_r1.errorMessage, " ");
|
|
2557
2558
|
} }
|
|
2558
2559
|
function FindPersonComponent_For_12_Template(rf, ctx) { if (rf & 1) {
|
|
2559
|
-
i0.ɵɵelementStart(0, "mat-option",
|
|
2560
|
+
i0.ɵɵelementStart(0, "mat-option", 8);
|
|
2560
2561
|
i0.ɵɵtext(1);
|
|
2561
2562
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
2562
2563
|
i0.ɵɵelementEnd();
|
|
@@ -2568,7 +2569,7 @@ function FindPersonComponent_For_12_Template(rf, ctx) { if (rf & 1) {
|
|
|
2568
2569
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 3, ctx_r1.getDisplayName(option_r3)), " ");
|
|
2569
2570
|
} }
|
|
2570
2571
|
function FindPersonComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
2571
|
-
i0.ɵɵelementStart(0, "mat-option",
|
|
2572
|
+
i0.ɵɵelementStart(0, "mat-option", 9);
|
|
2572
2573
|
i0.ɵɵtext(1);
|
|
2573
2574
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
2574
2575
|
i0.ɵɵelementEnd();
|
|
@@ -2662,22 +2663,22 @@ class FindPersonComponent {
|
|
|
2662
2663
|
this.personFieldChanged.emit();
|
|
2663
2664
|
}
|
|
2664
2665
|
static { this.ɵfac = function FindPersonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FindPersonComponent)(i0.ɵɵdirectiveInject(FindAPersonService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
|
|
2665
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FindPersonComponent, selectors: [["xuilib-find-person"]], inputs: { title: "title", boldTitle: "boldTitle", subTitle: "subTitle", domain: "domain", findPersonGroup: "findPersonGroup", selectedPerson: "selectedPerson", submitted: "submitted", userIncluded: "userIncluded", assignedUser: "assignedUser", placeholderContent: "placeholderContent", isNoResultsShown: "isNoResultsShown", showUpdatedColor: "showUpdatedColor", selectedPersons: "selectedPersons", errorMessage: "errorMessage", idValue: "idValue", services: "services", disabled: "disabled" }, outputs: { personSelected: "personSelected", personFieldChanged: "personFieldChanged" }, standalone: false, decls: 14, vars: 17, consts: [["auto", "matAutocomplete"], [1, "govuk-
|
|
2666
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FindPersonComponent, selectors: [["xuilib-find-person"]], inputs: { title: "title", boldTitle: "boldTitle", subTitle: "subTitle", domain: "domain", findPersonGroup: "findPersonGroup", selectedPerson: "selectedPerson", submitted: "submitted", userIncluded: "userIncluded", assignedUser: "assignedUser", placeholderContent: "placeholderContent", isNoResultsShown: "isNoResultsShown", showUpdatedColor: "showUpdatedColor", selectedPersons: "selectedPersons", errorMessage: "errorMessage", idValue: "idValue", services: "services", disabled: "disabled" }, outputs: { personSelected: "personSelected", personFieldChanged: "personFieldChanged" }, standalone: false, decls: 14, vars: 17, consts: [["auto", "matAutocomplete"], [1, "govuk-form-group", 3, "formGroup", "ngClass"], [1, "govuk-fieldset"], [1, "govuk-visually-hidden"], ["id", "sub-title-hint", 1, "govuk-hint"], ["id", "validation-error", "role", "alert", 1, "govuk-error-message"], ["type", "text", "aria-label", "select a person", "formControlName", "findPersonControl", 1, "govuk-input", "govuk-!-width-one-third", 3, "input", "id", "matAutocomplete", "placeholder"], ["autoActiveFirstOption", "", 3, "optionSelected"], [3, "value", "ngClass"], [3, "ngClass"], [1, "govuk-caption-l"], [1, "govuk-heading-l"]], template: function FindPersonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
2666
2667
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
2667
|
-
i0.ɵɵconditionalCreate(0, FindPersonComponent_Conditional_0_Template, 6, 6
|
|
2668
|
-
i0.ɵɵelementStart(1, "div",
|
|
2668
|
+
i0.ɵɵconditionalCreate(0, FindPersonComponent_Conditional_0_Template, 6, 6);
|
|
2669
|
+
i0.ɵɵelementStart(1, "div", 1)(2, "fieldset", 2)(3, "legend", 3);
|
|
2669
2670
|
i0.ɵɵtext(4);
|
|
2670
2671
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
2671
2672
|
i0.ɵɵelementEnd();
|
|
2672
|
-
i0.ɵɵconditionalCreate(6, FindPersonComponent_Conditional_6_Template, 3, 3, "div",
|
|
2673
|
-
i0.ɵɵconditionalCreate(7, FindPersonComponent_Conditional_7_Template, 5, 4, "span",
|
|
2674
|
-
i0.ɵɵelementStart(8, "input",
|
|
2673
|
+
i0.ɵɵconditionalCreate(6, FindPersonComponent_Conditional_6_Template, 3, 3, "div", 4);
|
|
2674
|
+
i0.ɵɵconditionalCreate(7, FindPersonComponent_Conditional_7_Template, 5, 4, "span", 5);
|
|
2675
|
+
i0.ɵɵelementStart(8, "input", 6);
|
|
2675
2676
|
i0.ɵɵlistener("input", function FindPersonComponent_Template_input_input_8_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onInput()); });
|
|
2676
2677
|
i0.ɵɵelementEnd();
|
|
2677
|
-
i0.ɵɵelementStart(9, "mat-autocomplete",
|
|
2678
|
+
i0.ɵɵelementStart(9, "mat-autocomplete", 7, 0);
|
|
2678
2679
|
i0.ɵɵlistener("optionSelected", function FindPersonComponent_Template_mat_autocomplete_optionSelected_9_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSelectionChange($event.option.value)); });
|
|
2679
|
-
i0.ɵɵrepeaterCreate(11, FindPersonComponent_For_12_Template, 3, 8, "mat-option",
|
|
2680
|
-
i0.ɵɵconditionalCreate(13, FindPersonComponent_Conditional_13_Template, 3, 6, "mat-option",
|
|
2680
|
+
i0.ɵɵrepeaterCreate(11, FindPersonComponent_For_12_Template, 3, 8, "mat-option", 8, i0.ɵɵrepeaterTrackByIdentity);
|
|
2681
|
+
i0.ɵɵconditionalCreate(13, FindPersonComponent_Conditional_13_Template, 3, 6, "mat-option", 9);
|
|
2681
2682
|
i0.ɵɵelementEnd()()();
|
|
2682
2683
|
} if (rf & 2) {
|
|
2683
2684
|
const auto_r4 = i0.ɵɵreference(10);
|
|
@@ -2703,7 +2704,7 @@ class FindPersonComponent {
|
|
|
2703
2704
|
}
|
|
2704
2705
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FindPersonComponent, [{
|
|
2705
2706
|
type: Component,
|
|
2706
|
-
args: [{ selector: 'xuilib-find-person', standalone: false, template: "@if (title && title.length) {\n <
|
|
2707
|
+
args: [{ selector: 'xuilib-find-person', standalone: false, template: "@if (title && title.length) {\n <span class=\"govuk-caption-l\">{{title | rpxTranslate}}</span>\n <h1 class=\"govuk-heading-l\">\n {{boldTitle | rpxTranslate}}\n </h1>\n}\n<div class=\"govuk-form-group\" [formGroup]=\"findPersonGroup\"\n [ngClass]=\"{'form-group-error': findPersonGroup.get('findPersonControl').invalid && submitted}\">\n <fieldset class=\"govuk-fieldset\" [attr.aria-describedby]=\"subTitle && subTitle.length ? 'sub-title-hint' : null\">\n <legend class=\"govuk-visually-hidden\">{{boldTitle | rpxTranslate}}</legend>\n @if (subTitle && subTitle.length) {\n <div id=\"sub-title-hint\" class=\"govuk-hint\">\n {{subTitle | rpxTranslate}}\n </div>\n }\n @if (findPersonGroup && findPersonGroup.errors) {\n <span id=\"validation-error\" class=\"govuk-error-message\" role=\"alert\">\n <span class=\"govuk-visually-hidden\">{{'Error:' | rpxTranslate}}</span>{{findPersonGroup.errors.error ? findPersonGroup.errors.error : errorMessage}}\n </span>\n }\n <input id=\"inputSelectPerson{{idValue}}\" type=\"text\" aria-label=\"select a person\"\n formControlName=\"findPersonControl\"\n [matAutocomplete]=\"auto\"\n class=\"govuk-input govuk-!-width-one-third\"\n [placeholder]=\"placeholderContent\"\n [attr.disabled]=\"disabled\"\n (input)=\"onInput()\">\n <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"onSelectionChange($event.option.value)\">\n @for (option of filteredOptions; track option) {\n <mat-option\n [value]=\"option\"\n [ngClass]=\"{'hide-autocomplete': !showAutocomplete, 'select-option': showUpdatedColor}\">\n {{getDisplayName(option) | rpxTranslate}}\n </mat-option>\n }\n @if (isNoResultsShown && !filteredOptions.length && showAutocomplete) {\n <mat-option [ngClass]=\"{'select-option': showUpdatedColor}\">{{'No results found' | rpxTranslate}}</mat-option>\n }\n </mat-autocomplete>\n </fieldset>\n</div>\n", styles: [".mat-option:hover{background:#2596be}.mat-option.select-option:hover{background:#1d70b8;color:#fff}.hide-autocomplete{display:none}\n"] }]
|
|
2707
2708
|
}], () => [{ type: FindAPersonService }, { type: i0.ChangeDetectorRef }], { personSelected: [{
|
|
2708
2709
|
type: Output
|
|
2709
2710
|
}], personFieldChanged: [{
|
|
@@ -3174,20 +3175,21 @@ const _c0$m = a0 => ({ "form-group-error": a0 });
|
|
|
3174
3175
|
const _c1$c = (a0, a1) => ({ "hide-autocomplete": a0, "select-option": a1 });
|
|
3175
3176
|
const _c2$4 = a0 => ({ "select-option": a0 });
|
|
3176
3177
|
function FindTaskNameComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
3177
|
-
i0.ɵɵelementStart(0, "
|
|
3178
|
-
i0.ɵɵtext(
|
|
3178
|
+
i0.ɵɵelementStart(0, "span", 10);
|
|
3179
|
+
i0.ɵɵtext(1);
|
|
3179
3180
|
i0.ɵɵelementEnd();
|
|
3181
|
+
i0.ɵɵelementStart(2, "h1", 11);
|
|
3180
3182
|
i0.ɵɵtext(3);
|
|
3181
3183
|
i0.ɵɵelementEnd();
|
|
3182
3184
|
} if (rf & 2) {
|
|
3183
3185
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
3184
|
-
i0.ɵɵadvance(2);
|
|
3185
|
-
i0.ɵɵtextInterpolate(ctx_r1.title);
|
|
3186
3186
|
i0.ɵɵadvance();
|
|
3187
|
+
i0.ɵɵtextInterpolate(ctx_r1.title);
|
|
3188
|
+
i0.ɵɵadvance(2);
|
|
3187
3189
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.boldTitle, " ");
|
|
3188
3190
|
} }
|
|
3189
3191
|
function FindTaskNameComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
3190
|
-
i0.ɵɵelementStart(0, "div",
|
|
3192
|
+
i0.ɵɵelementStart(0, "div", 4);
|
|
3191
3193
|
i0.ɵɵtext(1);
|
|
3192
3194
|
i0.ɵɵelementEnd();
|
|
3193
3195
|
} if (rf & 2) {
|
|
@@ -3196,7 +3198,7 @@ function FindTaskNameComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
|
3196
3198
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.subTitle, " ");
|
|
3197
3199
|
} }
|
|
3198
3200
|
function FindTaskNameComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
3199
|
-
i0.ɵɵelementStart(0, "span",
|
|
3201
|
+
i0.ɵɵelementStart(0, "span", 5)(1, "span", 3);
|
|
3200
3202
|
i0.ɵɵtext(2, "Error:");
|
|
3201
3203
|
i0.ɵɵelementEnd();
|
|
3202
3204
|
i0.ɵɵtext(3);
|
|
@@ -3207,7 +3209,7 @@ function FindTaskNameComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
|
3207
3209
|
i0.ɵɵtextInterpolate1("", ctx_r1.findTaskNameGroup.errors.error ? ctx_r1.findTaskNameGroup.errors.error : ctx_r1.errorMessage, " ");
|
|
3208
3210
|
} }
|
|
3209
3211
|
function FindTaskNameComponent_For_11_Template(rf, ctx) { if (rf & 1) {
|
|
3210
|
-
i0.ɵɵelementStart(0, "mat-option",
|
|
3212
|
+
i0.ɵɵelementStart(0, "mat-option", 8);
|
|
3211
3213
|
i0.ɵɵtext(1);
|
|
3212
3214
|
i0.ɵɵelementEnd();
|
|
3213
3215
|
} if (rf & 2) {
|
|
@@ -3218,7 +3220,7 @@ function FindTaskNameComponent_For_11_Template(rf, ctx) { if (rf & 1) {
|
|
|
3218
3220
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.getTaskTypeName(option_r3), " ");
|
|
3219
3221
|
} }
|
|
3220
3222
|
function FindTaskNameComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
3221
|
-
i0.ɵɵelementStart(0, "mat-option",
|
|
3223
|
+
i0.ɵɵelementStart(0, "mat-option", 9);
|
|
3222
3224
|
i0.ɵɵtext(1, "No results found");
|
|
3223
3225
|
i0.ɵɵelementEnd();
|
|
3224
3226
|
} if (rf & 2) {
|
|
@@ -3285,21 +3287,21 @@ class FindTaskNameComponent {
|
|
|
3285
3287
|
this.taskNameFieldChanged.emit();
|
|
3286
3288
|
}
|
|
3287
3289
|
static { this.ɵfac = function FindTaskNameComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FindTaskNameComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(TaskService)); }; }
|
|
3288
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FindTaskNameComponent, selectors: [["xuilib-find-task-name"]], inputs: { title: "title", boldTitle: "boldTitle", subTitle: "subTitle", domain: "domain", findTaskNameGroup: "findTaskNameGroup", selectedTaskName: "selectedTaskName", submitted: "submitted", assignedUser: "assignedUser", placeholderContent: "placeholderContent", isNoResultsShown: "isNoResultsShown", showUpdatedColor: "showUpdatedColor", selectedTaskNames: "selectedTaskNames", errorMessage: "errorMessage", idValue: "idValue", services: "services", disabled: "disabled" }, outputs: { taskNameSelected: "taskNameSelected", taskNameFieldChanged: "taskNameFieldChanged" }, standalone: false, decls: 13, vars: 15, consts: [["auto", "matAutocomplete"], [1, "govuk-
|
|
3290
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FindTaskNameComponent, selectors: [["xuilib-find-task-name"]], inputs: { title: "title", boldTitle: "boldTitle", subTitle: "subTitle", domain: "domain", findTaskNameGroup: "findTaskNameGroup", selectedTaskName: "selectedTaskName", submitted: "submitted", assignedUser: "assignedUser", placeholderContent: "placeholderContent", isNoResultsShown: "isNoResultsShown", showUpdatedColor: "showUpdatedColor", selectedTaskNames: "selectedTaskNames", errorMessage: "errorMessage", idValue: "idValue", services: "services", disabled: "disabled" }, outputs: { taskNameSelected: "taskNameSelected", taskNameFieldChanged: "taskNameFieldChanged" }, standalone: false, decls: 13, vars: 15, consts: [["auto", "matAutocomplete"], [1, "govuk-form-group", 3, "formGroup", "ngClass"], [1, "govuk-fieldset"], [1, "govuk-visually-hidden"], ["id", "sub-title-hint", 1, "govuk-hint"], ["id", "validation-error", "role", "alert", 1, "govuk-error-message"], ["type", "text", "aria-label", "select a task name", "formControlName", "findTaskNameControl", 1, "govuk-input", "govuk-!-width-one-third", 3, "input", "id", "matAutocomplete", "placeholder"], ["autoActiveFirstOption", "", 3, "optionSelected"], [3, "value", "ngClass"], [3, "ngClass"], [1, "govuk-caption-l"], [1, "govuk-heading-l"]], template: function FindTaskNameComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3289
3291
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
3290
|
-
i0.ɵɵconditionalCreate(0, FindTaskNameComponent_Conditional_0_Template, 4, 2
|
|
3291
|
-
i0.ɵɵelementStart(1, "div",
|
|
3292
|
+
i0.ɵɵconditionalCreate(0, FindTaskNameComponent_Conditional_0_Template, 4, 2);
|
|
3293
|
+
i0.ɵɵelementStart(1, "div", 1)(2, "fieldset", 2)(3, "legend", 3);
|
|
3292
3294
|
i0.ɵɵtext(4);
|
|
3293
3295
|
i0.ɵɵelementEnd();
|
|
3294
|
-
i0.ɵɵconditionalCreate(5, FindTaskNameComponent_Conditional_5_Template, 2, 1, "div",
|
|
3295
|
-
i0.ɵɵconditionalCreate(6, FindTaskNameComponent_Conditional_6_Template, 4, 1, "span",
|
|
3296
|
-
i0.ɵɵelementStart(7, "input",
|
|
3296
|
+
i0.ɵɵconditionalCreate(5, FindTaskNameComponent_Conditional_5_Template, 2, 1, "div", 4);
|
|
3297
|
+
i0.ɵɵconditionalCreate(6, FindTaskNameComponent_Conditional_6_Template, 4, 1, "span", 5);
|
|
3298
|
+
i0.ɵɵelementStart(7, "input", 6);
|
|
3297
3299
|
i0.ɵɵlistener("input", function FindTaskNameComponent_Template_input_input_7_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onInput()); });
|
|
3298
3300
|
i0.ɵɵelementEnd();
|
|
3299
|
-
i0.ɵɵelementStart(8, "mat-autocomplete",
|
|
3301
|
+
i0.ɵɵelementStart(8, "mat-autocomplete", 7, 0);
|
|
3300
3302
|
i0.ɵɵlistener("optionSelected", function FindTaskNameComponent_Template_mat_autocomplete_optionSelected_8_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSelectionChange($event.option.value)); });
|
|
3301
|
-
i0.ɵɵrepeaterCreate(10, FindTaskNameComponent_For_11_Template, 2, 6, "mat-option",
|
|
3302
|
-
i0.ɵɵconditionalCreate(12, FindTaskNameComponent_Conditional_12_Template, 2, 3, "mat-option",
|
|
3303
|
+
i0.ɵɵrepeaterCreate(10, FindTaskNameComponent_For_11_Template, 2, 6, "mat-option", 8, i0.ɵɵrepeaterTrackByIdentity);
|
|
3304
|
+
i0.ɵɵconditionalCreate(12, FindTaskNameComponent_Conditional_12_Template, 2, 3, "mat-option", 9);
|
|
3303
3305
|
i0.ɵɵelementEnd()()();
|
|
3304
3306
|
} if (rf & 2) {
|
|
3305
3307
|
let tmp_3_0;
|
|
@@ -3326,7 +3328,7 @@ class FindTaskNameComponent {
|
|
|
3326
3328
|
}
|
|
3327
3329
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FindTaskNameComponent, [{
|
|
3328
3330
|
type: Component,
|
|
3329
|
-
args: [{ selector: 'xuilib-find-task-name', standalone: false, template: "@if (title && title.length) {\n <
|
|
3331
|
+
args: [{ selector: 'xuilib-find-task-name', standalone: false, template: "@if (title && title.length) {\n <span class=\"govuk-caption-l\">{{title}}</span>\n <h1 class=\"govuk-heading-l\">\n {{boldTitle}}\n </h1>\n}\n<div class=\"govuk-form-group\" [formGroup]=\"findTaskNameGroup\"\n [ngClass]=\"{'form-group-error': findTaskNameGroup.get('findTaskNameControl')?.invalid && submitted}\">\n <fieldset class=\"govuk-fieldset\" [attr.aria-describedby]=\"subTitle && subTitle.length ? 'sub-title-hint' : null\">\n <legend class=\"govuk-visually-hidden\">{{ boldTitle }}</legend>\n @if (subTitle && subTitle.length) {\n <div id=\"sub-title-hint\" class=\"govuk-hint\">\n {{subTitle}}\n </div>\n }\n @if (findTaskNameGroup && findTaskNameGroup.errors) {\n <span id=\"validation-error\" class=\"govuk-error-message\" role=\"alert\">\n <span class=\"govuk-visually-hidden\">Error:</span>{{findTaskNameGroup.errors.error ? findTaskNameGroup.errors.error : errorMessage}}\n </span>\n }\n <input id=\"inputSelectTaskName{{idValue}}\" type=\"text\" aria-label=\"select a task name\"\n formControlName=\"findTaskNameControl\"\n [matAutocomplete]=\"auto\"\n class=\"govuk-input govuk-!-width-one-third\"\n [placeholder]=\"placeholderContent\"\n [attr.disabled]=\"disabled\"\n (input)=\"onInput()\">\n <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"onSelectionChange($event.option.value)\">\n @for (option of filteredOptions; track option) {\n <mat-option\n [value]=\"option\"\n [ngClass]=\"{'hide-autocomplete': !showAutocomplete, 'select-option': showUpdatedColor}\">\n {{ getTaskTypeName(option) }}\n </mat-option>\n }\n @if (isNoResultsShown && !filteredOptions.length && showAutocomplete) {\n <mat-option [ngClass]=\"{'select-option': showUpdatedColor}\">No results found</mat-option>\n }\n </mat-autocomplete>\n </fieldset>\n</div>\n" }]
|
|
3330
3332
|
}], () => [{ type: i0.ChangeDetectorRef }, { type: TaskService }], { taskNameSelected: [{
|
|
3331
3333
|
type: Output
|
|
3332
3334
|
}], taskNameFieldChanged: [{
|
|
@@ -5184,7 +5186,7 @@ class GenericFilterComponent {
|
|
|
5184
5186
|
return sortedResults;
|
|
5185
5187
|
}
|
|
5186
5188
|
static { this.ɵfac = function GenericFilterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GenericFilterComponent)(i0.ɵɵdirectiveInject(FilterService), i0.ɵɵdirectiveInject(i2$3.FormBuilder), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
|
|
5187
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GenericFilterComponent, selectors: [["xuilib-generic-filter"]], inputs: { config: "config", settings: "settings" }, standalone: false, decls: 10, vars: 6, consts: [[3, "ngSubmit", "formGroup"], [1, "contain-classes"], [1, "govuk-section-break", "govuk-section-break--m", "govuk-section-break--visible"], [1, "govuk-grid-row"], [1, "govuk-grid-column-full"], ["type", "submit", "id", "applyFilter", 1, "govuk-button", "govuk-!-margin-right-1", "govuk-!-margin-bottom-0", 3, "disabled"], ["type", "button", "id", "cancelFilter", 1, "govuk-button", "govuk-button--secondary", "govuk-!-margin-bottom-0"], [1, "govuk-section-break", "govuk-section-break--visible", "elevated-break"], [3, "class"], [1, "govuk-form-group", "xui-generic-filter", 3, "hidden", "id", "ngClass"], [1, "xui-generic-filter__field-title"], [1, "govuk-body"], [1, "govuk-hint", 3, "id"], [1, "govuk-error-message", 3, "id"], [1, "govuk-select", 3, "name", "id", "formControlName"], ["role", "group", 1, "govuk-checkboxes", "govuk-checkboxes--small", 3, "formGroupName", "id"], ["role", "group", 1, "govuk-checkboxes", 3, "formGroupName", "id"], ["role", "group", 1, "govuk-radios"], ["subTitle", "", 3, "submitted", "disabled", "domain", "findPersonGroup", "selectedPerson", "userIncluded", "placeholderContent", "services"], [3, "form", "fields", "locationTitle", "enableAddLocationButton", "disabled", "disableInputField", "submitted", "field", "services", "formSubmissionEvent$"], ["subTitle", "", 3, "submitted", "disabled", "domain", "findTaskNameGroup", "selectedTaskName", "placeholderContent", "services"], [3, "form", "fields", "workTypeTitle", "enableAddWorkTypeButton", "disabled", "disableInputField", "submitted", "field", "services", "formSubmissionEvent$"], ["type", "text", 1, "govuk-input", 3, "formControlName", "id", "readonly"], ["type", "email", 1, "govuk-input", 3, "formControlName", "id", "readonly"], [2, "margin-bottom", "0!important", 3, "id"], [1, "govuk-!-margin-left-2"], [1, "govuk-visually-hidden"], [1, "govuk-select", 3, "change", "name", "id", "formControlName"], ["disabled", "", "selected", "", "hidden", "", "value", ""], [3, "value"], [1, "govuk-radios__item", 3, "value"], ["selected", "", 3, "value"], [3, "label"], [1, "govuk-checkboxes__item"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "change", "formControlName", "value", "id", "name"], [1, "govuk-label", "govuk-checkboxes__label", 3, "for", "ngClass"], [1, "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "change", "formControlName", "id", "checked", "value"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["subTitle", "", 3, "personSelected", "personFieldChanged", "submitted", "disabled", "domain", "findPersonGroup", "selectedPerson", "userIncluded", "placeholderContent", "services"], [3, "locationFieldChanged", "form", "fields", "locationTitle", "enableAddLocationButton", "disabled", "disableInputField", "submitted", "field", "services", "formSubmissionEvent$"], ["subTitle", "", 3, "taskNameSelected", "taskNameFieldChanged", "submitted", "disabled", "domain", "findTaskNameGroup", "selectedTaskName", "placeholderContent", "services"], [1, "govuk-error-message"], [3, "serviceFieldChanged", "field", "form", "formSubmissionEvent$", "disabled"], [3, "workTypeFieldChanged", "form", "fields", "workTypeTitle", "enableAddWorkTypeButton", "disabled", "disableInputField", "submitted", "field", "services", "formSubmissionEvent$"], ["type", "text", 1, "govuk-input", 3, "change", "formControlName", "id", "readonly"], ["type", "email", 1, "govuk-input", 3, "change", "formControlName", "id", "readonly"], ["type", "button", "id", "cancelFilter", 1, "govuk-button", "govuk-button--secondary", "govuk-!-margin-bottom-0", 3, "click"]], template: function GenericFilterComponent_Template(rf, ctx) { if (rf & 1) {
|
|
5189
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GenericFilterComponent, selectors: [["xuilib-generic-filter"]], inputs: { config: "config", settings: "settings" }, standalone: false, decls: 10, vars: 6, consts: [[3, "ngSubmit", "formGroup"], [1, "contain-classes"], [1, "govuk-section-break", "govuk-section-break--m", "govuk-section-break--visible"], [1, "govuk-grid-row"], [1, "govuk-grid-column-full"], ["type", "submit", "id", "applyFilter", 1, "govuk-button", "govuk-!-margin-right-1", "govuk-!-margin-bottom-0", 3, "disabled"], ["type", "button", "id", "cancelFilter", 1, "govuk-button", "govuk-button--secondary", "govuk-!-margin-bottom-0"], [1, "govuk-section-break", "govuk-section-break--visible", "elevated-break"], [3, "class"], [1, "govuk-form-group", "xui-generic-filter", 3, "hidden", "id", "ngClass"], [1, "xui-generic-filter__field-title"], [1, "govuk-body"], [1, "govuk-hint", 3, "id"], ["role", "alert", 1, "govuk-error-message", 3, "id"], [1, "govuk-select", 3, "name", "id", "formControlName"], ["role", "group", 1, "govuk-checkboxes", "govuk-checkboxes--small", 3, "formGroupName", "id"], ["role", "group", 1, "govuk-checkboxes", 3, "formGroupName", "id"], ["role", "group", 1, "govuk-radios"], ["subTitle", "", 3, "submitted", "disabled", "domain", "findPersonGroup", "selectedPerson", "userIncluded", "placeholderContent", "services"], [3, "form", "fields", "locationTitle", "enableAddLocationButton", "disabled", "disableInputField", "submitted", "field", "services", "formSubmissionEvent$"], ["subTitle", "", 3, "submitted", "disabled", "domain", "findTaskNameGroup", "selectedTaskName", "placeholderContent", "services"], [3, "form", "fields", "workTypeTitle", "enableAddWorkTypeButton", "disabled", "disableInputField", "submitted", "field", "services", "formSubmissionEvent$"], ["type", "text", 1, "govuk-input", 3, "formControlName", "id", "readonly"], ["type", "email", 1, "govuk-input", 3, "formControlName", "id", "readonly"], [2, "margin-bottom", "0!important", 3, "id"], [1, "govuk-!-margin-left-2"], [1, "govuk-visually-hidden"], [1, "govuk-select", 3, "change", "name", "id", "formControlName"], ["disabled", "", "selected", "", "hidden", "", "value", ""], [3, "value"], [1, "govuk-radios__item", 3, "value"], ["selected", "", 3, "value"], [3, "label"], [1, "govuk-checkboxes__item"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "change", "formControlName", "value", "id", "name"], [1, "govuk-label", "govuk-checkboxes__label", 3, "for", "ngClass"], [1, "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "change", "formControlName", "id", "checked", "value"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["subTitle", "", 3, "personSelected", "personFieldChanged", "submitted", "disabled", "domain", "findPersonGroup", "selectedPerson", "userIncluded", "placeholderContent", "services"], [3, "locationFieldChanged", "form", "fields", "locationTitle", "enableAddLocationButton", "disabled", "disableInputField", "submitted", "field", "services", "formSubmissionEvent$"], ["subTitle", "", 3, "taskNameSelected", "taskNameFieldChanged", "submitted", "disabled", "domain", "findTaskNameGroup", "selectedTaskName", "placeholderContent", "services"], ["role", "alert", 1, "govuk-error-message"], [3, "serviceFieldChanged", "field", "form", "formSubmissionEvent$", "disabled"], [3, "workTypeFieldChanged", "form", "fields", "workTypeTitle", "enableAddWorkTypeButton", "disabled", "disableInputField", "submitted", "field", "services", "formSubmissionEvent$"], ["type", "text", 1, "govuk-input", 3, "change", "formControlName", "id", "readonly"], ["type", "email", 1, "govuk-input", 3, "change", "formControlName", "id", "readonly"], ["type", "button", "id", "cancelFilter", 1, "govuk-button", "govuk-button--secondary", "govuk-!-margin-bottom-0", 3, "click"]], template: function GenericFilterComponent_Template(rf, ctx) { if (rf & 1) {
|
|
5188
5190
|
i0.ɵɵelementStart(0, "form", 0);
|
|
5189
5191
|
i0.ɵɵlistener("ngSubmit", function GenericFilterComponent_Template_form_ngSubmit_0_listener() { return ctx.applyFilter(ctx.form); });
|
|
5190
5192
|
i0.ɵɵrepeaterCreate(1, GenericFilterComponent_For_2_Template, 4, 2, "div", 1, i0.ɵɵrepeaterTrackByIdentity);
|
|
@@ -5209,7 +5211,7 @@ class GenericFilterComponent {
|
|
|
5209
5211
|
}
|
|
5210
5212
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GenericFilterComponent, [{
|
|
5211
5213
|
type: Component,
|
|
5212
|
-
args: [{ selector: 'xuilib-generic-filter', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<form [formGroup]=\"form\" (ngSubmit)=\"applyFilter(form)\">\n @for (field of config.fields; track field) {\n <div class=\"contain-classes\">\n @if (field.lineBreakBefore) {\n <hr class=\"govuk-section-break govuk-section-break--visible elevated-break\">\n }\n @switch (field.type) {\n @case ('group-title') {\n <div [class]=\"field.titleClasses ? field.titleClasses: 'govuk-label govuk-label--m govuk-!-margin-bottom-4'\">\n {{ field.name | capitalize }}\n </div>\n }\n @default {\n <div class=\"govuk-form-group xui-generic-filter\"\n [hidden]=\"hidden(field, form)\"\n [id]=\"field.name\"\n [ngClass]=\"{'form-group-error': submitted && (form.get(field.name).errors?.required || form.get(field.name).errors?.minlength || form.get(field.name).errors?.maxLength)}\">\n @if (field.title) {\n <div class=\"xui-generic-filter__field-title\">\n <h3 [id]=\"field.name + '-label'\" [class]=\"field.titleClasses ? field.titleClasses : 'govuk-heading-s'\" style=\"margin-bottom: 0!important\">\n {{field.title | capitalize}}\n </h3>\n @if (field?.titleHint) {\n <div class=\"govuk-!-margin-left-2\">\n {{ field.titleHint }}\n </div>\n }\n </div>\n }\n @if (field.subTitle) {\n <p class=\"govuk-body\">{{field.subTitle}}</p>\n }\n @if (field.hintText) {\n <div\n [id]=\"field.hintText + '-hint'\" class=\"govuk-hint\">\n {{ field.hintText | rpxTranslate }}\n </div>\n }\n @if (field.displayMinSelectedError && submitted && (form.get(field.name).errors?.required || form.get(field.name).errors?.minlength)) {\n <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate}}</span> {{field.minSelectedError | rpxTranslate }}\n </span>\n }\n @if (field.displayMaxSelectedError && submitted && form.get(field.name).errors?.maxLength) {\n <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate}}</span> {{field.maxSelectedError | rpxTranslate }}\n </span>\n }\n @if (field.emailError && submitted && form.get(field.name).errors?.email) {\n <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\"\n >\n <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }}</span> {{field.emailError | rpxTranslate }}\n </span>\n }\n <div class=\"govuk-body\" [class.govuk-body--maxWidth480px]=\"field.maxWidth480px\">\n @switch (field.type) {\n @case ('select') {\n <select class=\"govuk-select\" (change)=\"fieldChanged(field, form)\" [attr.disabled]=\"disabled(field, form)\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" [attr.aria-labelledby]=\"field.name + '-label'\" [formControlName]=\"field.name\">\n <option disabled selected hidden value=\"\">{{field.disabledText}}</option>\n @if (field.defaultOption) {\n <option [attr.selected]=\"true\" [value]=\"field.defaultOption.key\">{{field.defaultOption.label}}</option>\n }\n @for (item of field.options; track item) {\n <option class=\"govuk-radios__item\" [value]=\"item.key\">{{item.label}}</option>\n }\n </select>\n }\n @case ('group-select') {\n <select class=\"govuk-select\" (change)=\"fieldChanged(field, form)\" [attr.disabled]=\"disabled(field, form)\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" [attr.aria-labelledby]=\"field.name + '-label'\" [formControlName]=\"field.name\">\n <option disabled selected hidden value=\"\">{{field.disabledText}}</option>\n @if (field.defaultOption) {\n <option selected [value]=\"field.defaultOption.key\">{{field.defaultOption.label}}</option>\n }\n @for (grp of filteredSkillsByServices; track grp) {\n <optgroup label=\"{{grp.group | titlecase}}\">\n @for (item of grp.options; track item) {\n <option [value]=\"item.key\">{{item.label}}</option>\n }\n </optgroup>\n }\n </select>\n }\n @case ('checkbox') {\n <div class=\"govuk-checkboxes govuk-checkboxes--small\" role=\"group\" [attr.aria-labelledby]=\"field.name + '-label'\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n @for (item of field.options; track item; let i = $index) {\n <div class=\"govuk-checkboxes__item\">\n <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n [attr.disabled]=\"disabled(field, form)\"\n [formControlName]=\"i\"\n (change)=\"toggleSelectAll($event, form, item, field)\"\n [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n [name]=\"'checkbox_' + field.name + item.key\"\n />\n <label\n [for]=\"'checkbox_' + field.name + item.key\"\n class=\"govuk-label govuk-checkboxes__label\"\n [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n >{{item.label}}</label>\n </div>\n }\n </div>\n }\n @case ('nested-checkbox') {\n <div class=\"govuk-checkboxes govuk-checkboxes--small\" role=\"group\" [attr.aria-labelledby]=\"field.name + '-label'\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n @for (item of filteredSkillsByServicesCheckbox; track item; let i = $index) {\n <div class=\"govuk-checkboxes__item\">\n <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n [attr.disabled]=\"disabled(field, form)\"\n [formControlName]=\"i\"\n (change)=\"toggleSelectAll($event, form, item, field)\"\n [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n [name]=\"'checkbox_' + field.name + item.key\"\n />\n <label\n [for]=\"'checkbox_' + field.name + item.key\"\n class=\"govuk-label govuk-checkboxes__label\"\n [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n >{{item.label | rpxTranslate}}</label>\n </div>\n }\n </div>\n }\n @case ('checkbox-large') {\n <div class=\"govuk-checkboxes\" role=\"group\" [attr.aria-labelledby]=\"field.name + '-label'\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n @for (item of field.options; track item; let i = $index) {\n <div class=\"govuk-checkboxes__item\">\n <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n [attr.disabled]=\"disabled(field, form)\"\n [formControlName]=\"i\"\n (change)=\"toggleSelectAll($event, form, item, field)\"\n [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n [name]=\"'checkbox_' + field.name + item.key\"\n />\n <label\n [for]=\"'checkbox_' + field.name + item.key\"\n class=\"govuk-label govuk-checkboxes__label\"\n [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n >{{item.label | rpxTranslate}}</label>\n </div>\n }\n </div>\n }\n @case ('radio') {\n <div class=\"govuk-radios\" role=\"group\" [attr.aria-labelledby]=\"field.name + '-label'\">\n @for (item of field.options; track item) {\n <div class=\"govuk-radios__item\">\n <input type=\"radio\"\n [formControlName]=\"field.name\"\n [id]=\"'radio_' + item.key\"\n [attr.disabled]=\"disabled(field, form)\"\n [checked]=\"item.key === form.get(field.name).value\"\n class=\"govuk-radios__input\"\n [value]=\"item.key\"\n (change)=\"fieldChanged(field, form)\"\n />\n <label [for]=\"'radio_' + item.key\" class=\"govuk-label govuk-radios__label\">{{item.label | rpxTranslate}}</label>\n </div>\n }\n </div>\n }\n @case ('find-person') {\n <xuilib-find-person subTitle=\"\" (personSelected)=\"updatePersonControls($event, field)\"\n (personFieldChanged)=\"inputChanged(field)\"\n [submitted]=\"submitted\"\n [disabled]=\"disabled(field, form)\"\n [domain]=\"form.get(field.domainField)?.value\"\n [findPersonGroup]=\"form\"\n [selectedPerson]=\"form.get(field.name)?.value?.email\"\n [userIncluded]=\"false\"\n [placeholderContent]=\"field.placeholderContent ? field.placeholderContent : ''\"\n [services]=\"form.get(field.servicesField)?.value\"\n ></xuilib-find-person>\n }\n @case ('find-location') {\n <xuilib-find-location (locationFieldChanged)=\"inputChanged(field)\"\n [form]=\"form\"\n [fields]=\"config.fields\"\n [locationTitle]=\"field.locationTitle || 'Search for a location by name'\"\n [enableAddLocationButton]=\"field.enableAddButton\"\n [disabled]=\"disabled(field, form)\"\n [disableInputField]=\"field.disable\"\n [submitted]=\"submitted\"\n [field]=\"field\"\n [services]=\"form.get(field.findLocationField)?.value\"\n [formSubmissionEvent$]=\"formSubmissionEvent$\"\n ></xuilib-find-location>\n }\n @case ('find-task-name') {\n <xuilib-find-task-name subTitle=\"\" (taskNameSelected)=\"updateTaskNameControls($event, field)\"\n (taskNameFieldChanged)=\"inputChanged(field)\"\n [submitted]=\"submitted\"\n [disabled]=\"disabled(field, form)\"\n [domain]=\"form.get(field.domainField)?.value\"\n [findTaskNameGroup]=\"form\"\n [selectedTaskName]=\"form.get(field.name)?.value?.task_type_name\"\n [placeholderContent]=\"field.placeholderContent ? field.placeholderContent : ''\"\n [services]=\"form.get(field.servicesField)?.value\"\n ></xuilib-find-task-name>\n }\n @case ('find-service') {\n @if (isServiceSelected) {\n <span class=\"govuk-error-message\">{{serviceErrorMsg | rpxTranslate}}</span>\n }\n <xuilib-find-service (serviceFieldChanged)=\"inputServiceChanged(field)\"\n [field]=\"field\"\n [form]=\"form\"\n [formSubmissionEvent$]=\"formSubmissionEvent$\"\n [disabled]=\"disabled(field, form)\">\n </xuilib-find-service>\n }\n @case ('find-work-type') {\n <xuilib-find-work-type (workTypeFieldChanged)=\"inputChanged(field)\"\n [form]=\"form\"\n [fields]=\"config.fields\"\n [workTypeTitle]=\"field.workTypeTitle || 'Search for a work type by name'\"\n [enableAddWorkTypeButton]=\"field.enableAddButton\"\n [disabled]=\"disabled(field, form)\"\n [disableInputField]=\"field.disable\"\n [submitted]=\"submitted\"\n [field]=\"field\"\n [services]=\"form.get(field.findWorkTypeField)?.value\"\n [formSubmissionEvent$]=\"formSubmissionEvent$\"\n ></xuilib-find-work-type>\n }\n @case ('text-input') {\n <input class=\"govuk-input\" type=\"text\"\n [formControlName]=\"field.name\"\n [id]=\"field.name\"\n [attr.aria-labelledby]=\"field.name + '-label'\"\n [attr.disabled]=\"disabled(field, form)\"\n (change)=\"fieldChanged(field, form)\"\n [attr.maxlength]=\"field.maxlength ? field.maxlength : null\"\n [readonly]=\"field.readonly\"\n />\n }\n @case ('email-input') {\n <input class=\"govuk-input\" type=\"email\"\n [formControlName]=\"field.name\"\n [id]=\"field.name\"\n [attr.aria-labelledby]=\"field.name + '-label'\"\n [attr.disabled]=\"disabled(field, form)\"\n (change)=\"fieldChanged(field, form)\"\n [readonly]=\"field.readonly\"\n />\n }\n }\n </div>\n </div>\n }\n }\n </div>\n }\n <hr class=\"govuk-section-break govuk-section-break--m govuk-section-break--visible\"/>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-full\">\n <button\n class=\"govuk-button govuk-!-margin-right-1 govuk-!-margin-bottom-0\"\n type=\"submit\"\n id=\"applyFilter\"\n [disabled]=\"config.enableDisabledButton && form.invalid\"\n >{{(config.applyButtonText || 'Apply') | rpxTranslate}}</button>\n @if (config.showCancelFilterButton) {\n <button\n class=\"govuk-button govuk-button--secondary govuk-!-margin-bottom-0\"\n type=\"button\"\n id=\"cancelFilter\"\n (click)=\"cancelFilter()\">{{ (config.cancelButtonText || 'Cancel') | rpxTranslate}}</button>\n }\n </div>\n </div>\n</form>\n", styles: [".contain-classes .elevated-break{margin-bottom:20px}@media (min-width: 40.0625em){.contain-classes .elevated-break{margin-bottom:30px}}.contain-classes .govuk-body--maxWidth480px{max-width:480px}.contain-classes .xui-generic-filter .select-all{margin-bottom:10px}.contain-classes .xui-generic-filter .govuk-checkboxes{display:flex;flex-direction:column;flex-wrap:wrap}.contain-classes .xui-generic-filter .govuk-checkboxes>div{flex-grow:1;flex-shrink:0}.contain-classes .xui-generic-filter__field-title{display:flex;align-items:center;margin-bottom:10px}.contain-classes .govuk-select{width:100%}\n"] }]
|
|
5214
|
+
args: [{ selector: 'xuilib-generic-filter', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<form [formGroup]=\"form\" (ngSubmit)=\"applyFilter(form)\">\n @for (field of config.fields; track field) {\n <div class=\"contain-classes\">\n @if (field.lineBreakBefore) {\n <hr class=\"govuk-section-break govuk-section-break--visible elevated-break\">\n }\n @switch (field.type) {\n @case ('group-title') {\n <div [class]=\"field.titleClasses ? field.titleClasses: 'govuk-label govuk-label--m govuk-!-margin-bottom-4'\">\n {{ field.name | capitalize }}\n </div>\n }\n @default {\n <div class=\"govuk-form-group xui-generic-filter\"\n [hidden]=\"hidden(field, form)\"\n [id]=\"field.name\"\n [ngClass]=\"{'form-group-error': submitted && (form.get(field.name).errors?.required || form.get(field.name).errors?.minlength || form.get(field.name).errors?.maxLength)}\">\n @if (field.title) {\n <div class=\"xui-generic-filter__field-title\">\n <h3 [id]=\"field.name + '-label'\" [class]=\"field.titleClasses ? field.titleClasses : 'govuk-heading-s'\" style=\"margin-bottom: 0!important\">\n {{field.title | capitalize}}\n </h3>\n @if (field?.titleHint) {\n <div class=\"govuk-!-margin-left-2\">\n {{ field.titleHint }}\n </div>\n }\n </div>\n }\n @if (field.subTitle) {\n <p class=\"govuk-body\">{{field.subTitle}}</p>\n }\n @if (field.hintText) {\n <div\n [id]=\"field.hintText + '-hint'\" class=\"govuk-hint\">\n {{ field.hintText | rpxTranslate }}\n </div>\n }\n @if (field.displayMinSelectedError && submitted && (form.get(field.name).errors?.required || form.get(field.name).errors?.minlength)) {\n <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\" role=\"alert\">\n <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate}}</span> {{field.minSelectedError | rpxTranslate }}\n </span>\n }\n @if (field.displayMaxSelectedError && submitted && form.get(field.name).errors?.maxLength) {\n <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\" role=\"alert\">\n <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate}}</span> {{field.maxSelectedError | rpxTranslate }}\n </span>\n }\n @if (field.emailError && submitted && form.get(field.name).errors?.email) {\n <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\" role=\"alert\"\n >\n <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }}</span> {{field.emailError | rpxTranslate }}\n </span>\n }\n <div class=\"govuk-body\" [class.govuk-body--maxWidth480px]=\"field.maxWidth480px\">\n @switch (field.type) {\n @case ('select') {\n <select class=\"govuk-select\" (change)=\"fieldChanged(field, form)\" [attr.disabled]=\"disabled(field, form)\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" [attr.aria-labelledby]=\"field.name + '-label'\" [formControlName]=\"field.name\">\n <option disabled selected hidden value=\"\">{{field.disabledText}}</option>\n @if (field.defaultOption) {\n <option [attr.selected]=\"true\" [value]=\"field.defaultOption.key\">{{field.defaultOption.label}}</option>\n }\n @for (item of field.options; track item) {\n <option class=\"govuk-radios__item\" [value]=\"item.key\">{{item.label}}</option>\n }\n </select>\n }\n @case ('group-select') {\n <select class=\"govuk-select\" (change)=\"fieldChanged(field, form)\" [attr.disabled]=\"disabled(field, form)\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" [attr.aria-labelledby]=\"field.name + '-label'\" [formControlName]=\"field.name\">\n <option disabled selected hidden value=\"\">{{field.disabledText}}</option>\n @if (field.defaultOption) {\n <option selected [value]=\"field.defaultOption.key\">{{field.defaultOption.label}}</option>\n }\n @for (grp of filteredSkillsByServices; track grp) {\n <optgroup label=\"{{grp.group | titlecase}}\">\n @for (item of grp.options; track item) {\n <option [value]=\"item.key\">{{item.label}}</option>\n }\n </optgroup>\n }\n </select>\n }\n @case ('checkbox') {\n <div class=\"govuk-checkboxes govuk-checkboxes--small\" role=\"group\" [attr.aria-labelledby]=\"field.name + '-label'\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n @for (item of field.options; track item; let i = $index) {\n <div class=\"govuk-checkboxes__item\">\n <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n [attr.disabled]=\"disabled(field, form)\"\n [formControlName]=\"i\"\n (change)=\"toggleSelectAll($event, form, item, field)\"\n [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n [name]=\"'checkbox_' + field.name + item.key\"\n />\n <label\n [for]=\"'checkbox_' + field.name + item.key\"\n class=\"govuk-label govuk-checkboxes__label\"\n [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n >{{item.label}}</label>\n </div>\n }\n </div>\n }\n @case ('nested-checkbox') {\n <div class=\"govuk-checkboxes govuk-checkboxes--small\" role=\"group\" [attr.aria-labelledby]=\"field.name + '-label'\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n @for (item of filteredSkillsByServicesCheckbox; track item; let i = $index) {\n <div class=\"govuk-checkboxes__item\">\n <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n [attr.disabled]=\"disabled(field, form)\"\n [formControlName]=\"i\"\n (change)=\"toggleSelectAll($event, form, item, field)\"\n [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n [name]=\"'checkbox_' + field.name + item.key\"\n />\n <label\n [for]=\"'checkbox_' + field.name + item.key\"\n class=\"govuk-label govuk-checkboxes__label\"\n [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n >{{item.label | rpxTranslate}}</label>\n </div>\n }\n </div>\n }\n @case ('checkbox-large') {\n <div class=\"govuk-checkboxes\" role=\"group\" [attr.aria-labelledby]=\"field.name + '-label'\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n @for (item of field.options; track item; let i = $index) {\n <div class=\"govuk-checkboxes__item\">\n <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n [attr.disabled]=\"disabled(field, form)\"\n [formControlName]=\"i\"\n (change)=\"toggleSelectAll($event, form, item, field)\"\n [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n [name]=\"'checkbox_' + field.name + item.key\"\n />\n <label\n [for]=\"'checkbox_' + field.name + item.key\"\n class=\"govuk-label govuk-checkboxes__label\"\n [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n >{{item.label | rpxTranslate}}</label>\n </div>\n }\n </div>\n }\n @case ('radio') {\n <div class=\"govuk-radios\" role=\"group\" [attr.aria-labelledby]=\"field.name + '-label'\">\n @for (item of field.options; track item) {\n <div class=\"govuk-radios__item\">\n <input type=\"radio\"\n [formControlName]=\"field.name\"\n [id]=\"'radio_' + item.key\"\n [attr.disabled]=\"disabled(field, form)\"\n [checked]=\"item.key === form.get(field.name).value\"\n class=\"govuk-radios__input\"\n [value]=\"item.key\"\n (change)=\"fieldChanged(field, form)\"\n />\n <label [for]=\"'radio_' + item.key\" class=\"govuk-label govuk-radios__label\">{{item.label | rpxTranslate}}</label>\n </div>\n }\n </div>\n }\n @case ('find-person') {\n <xuilib-find-person subTitle=\"\" (personSelected)=\"updatePersonControls($event, field)\"\n (personFieldChanged)=\"inputChanged(field)\"\n [submitted]=\"submitted\"\n [disabled]=\"disabled(field, form)\"\n [domain]=\"form.get(field.domainField)?.value\"\n [findPersonGroup]=\"form\"\n [selectedPerson]=\"form.get(field.name)?.value?.email\"\n [userIncluded]=\"false\"\n [placeholderContent]=\"field.placeholderContent ? field.placeholderContent : ''\"\n [services]=\"form.get(field.servicesField)?.value\"\n ></xuilib-find-person>\n }\n @case ('find-location') {\n <xuilib-find-location (locationFieldChanged)=\"inputChanged(field)\"\n [form]=\"form\"\n [fields]=\"config.fields\"\n [locationTitle]=\"field.locationTitle || 'Search for a location by name'\"\n [enableAddLocationButton]=\"field.enableAddButton\"\n [disabled]=\"disabled(field, form)\"\n [disableInputField]=\"field.disable\"\n [submitted]=\"submitted\"\n [field]=\"field\"\n [services]=\"form.get(field.findLocationField)?.value\"\n [formSubmissionEvent$]=\"formSubmissionEvent$\"\n ></xuilib-find-location>\n }\n @case ('find-task-name') {\n <xuilib-find-task-name subTitle=\"\" (taskNameSelected)=\"updateTaskNameControls($event, field)\"\n (taskNameFieldChanged)=\"inputChanged(field)\"\n [submitted]=\"submitted\"\n [disabled]=\"disabled(field, form)\"\n [domain]=\"form.get(field.domainField)?.value\"\n [findTaskNameGroup]=\"form\"\n [selectedTaskName]=\"form.get(field.name)?.value?.task_type_name\"\n [placeholderContent]=\"field.placeholderContent ? field.placeholderContent : ''\"\n [services]=\"form.get(field.servicesField)?.value\"\n ></xuilib-find-task-name>\n }\n @case ('find-service') {\n @if (isServiceSelected) {\n <span class=\"govuk-error-message\" role=\"alert\">{{serviceErrorMsg | rpxTranslate}}</span>\n }\n <xuilib-find-service (serviceFieldChanged)=\"inputServiceChanged(field)\"\n [field]=\"field\"\n [form]=\"form\"\n [formSubmissionEvent$]=\"formSubmissionEvent$\"\n [disabled]=\"disabled(field, form)\">\n </xuilib-find-service>\n }\n @case ('find-work-type') {\n <xuilib-find-work-type (workTypeFieldChanged)=\"inputChanged(field)\"\n [form]=\"form\"\n [fields]=\"config.fields\"\n [workTypeTitle]=\"field.workTypeTitle || 'Search for a work type by name'\"\n [enableAddWorkTypeButton]=\"field.enableAddButton\"\n [disabled]=\"disabled(field, form)\"\n [disableInputField]=\"field.disable\"\n [submitted]=\"submitted\"\n [field]=\"field\"\n [services]=\"form.get(field.findWorkTypeField)?.value\"\n [formSubmissionEvent$]=\"formSubmissionEvent$\"\n ></xuilib-find-work-type>\n }\n @case ('text-input') {\n <input class=\"govuk-input\" type=\"text\"\n [formControlName]=\"field.name\"\n [id]=\"field.name\"\n [attr.aria-labelledby]=\"field.name + '-label'\"\n [attr.disabled]=\"disabled(field, form)\"\n (change)=\"fieldChanged(field, form)\"\n [attr.maxlength]=\"field.maxlength ? field.maxlength : null\"\n [readonly]=\"field.readonly\"\n />\n }\n @case ('email-input') {\n <input class=\"govuk-input\" type=\"email\"\n [formControlName]=\"field.name\"\n [id]=\"field.name\"\n [attr.aria-labelledby]=\"field.name + '-label'\"\n [attr.disabled]=\"disabled(field, form)\"\n (change)=\"fieldChanged(field, form)\"\n [readonly]=\"field.readonly\"\n />\n }\n }\n </div>\n </div>\n }\n }\n </div>\n }\n <hr class=\"govuk-section-break govuk-section-break--m govuk-section-break--visible\"/>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-full\">\n <button\n class=\"govuk-button govuk-!-margin-right-1 govuk-!-margin-bottom-0\"\n type=\"submit\"\n id=\"applyFilter\"\n [disabled]=\"config.enableDisabledButton && form.invalid\"\n >{{(config.applyButtonText || 'Apply') | rpxTranslate}}</button>\n @if (config.showCancelFilterButton) {\n <button\n class=\"govuk-button govuk-button--secondary govuk-!-margin-bottom-0\"\n type=\"button\"\n id=\"cancelFilter\"\n (click)=\"cancelFilter()\">{{ (config.cancelButtonText || 'Cancel') | rpxTranslate}}</button>\n }\n </div>\n </div>\n</form>\n", styles: [".contain-classes .elevated-break{margin-bottom:20px}@media (min-width: 40.0625em){.contain-classes .elevated-break{margin-bottom:30px}}.contain-classes .govuk-body--maxWidth480px{max-width:480px}.contain-classes .xui-generic-filter .select-all{margin-bottom:10px}.contain-classes .xui-generic-filter .govuk-checkboxes{display:flex;flex-direction:column;flex-wrap:wrap}.contain-classes .xui-generic-filter .govuk-checkboxes>div{flex-grow:1;flex-shrink:0}.contain-classes .xui-generic-filter__field-title{display:flex;align-items:center;margin-bottom:10px}.contain-classes .govuk-select{width:100%}\n"] }]
|
|
5213
5215
|
}], () => [{ type: FilterService }, { type: i2$3.FormBuilder }, { type: i0.ChangeDetectorRef }], { config: [{
|
|
5214
5216
|
type: Input
|
|
5215
5217
|
}], settings: [{
|
|
@@ -5232,7 +5234,7 @@ class HmctsSessionDialogComponent {
|
|
|
5232
5234
|
this.close.emit();
|
|
5233
5235
|
}
|
|
5234
5236
|
static { this.ɵfac = function HmctsSessionDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HmctsSessionDialogComponent)(); }; }
|
|
5235
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HmctsSessionDialogComponent, selectors: [["xuilib-session-dialog"]], inputs: { positionTop: "positionTop" }, outputs: { close: "close" }, standalone: false, ngContentSelectors: _c0$k, decls: 15, vars: 6, consts: [["data-module", "modal-dialogue", "id", "modal-default", 1, "gem-c-modal-dialogue", 2, "display", "block"], [1, "gem-c-modal-dialogue__overlay"], ["aria-modal", "true", "role", "dialog", "tabindex", "0", 1, "gem-c-modal-dialogue__box", 3, "ngStyle"], [1, "gem-c-modal-dialogue__header"], ["role", "presentation", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 38 38", "height", "33", "width", "33"], ["type", "text/css"], ["id", "_4_-_granular_components_warning_icon", "transform", "translate(0.5 0.5)"], ["id", "Warning_icon", "transform", "translate(0)"], ["id", "Exclusion_1", "d", "M18.5,37.5c-5.04,0.01-9.88-1.99-13.44-5.57C1.49,28.38-0.51,23.54-0.5,18.5\n c-0.01-5.04,1.99-9.88,5.56-13.43C8.62,1.49,13.46-0.51,18.5-0.5c5.04-0.01,9.88,1.99,13.44,5.56c3.57,3.56,5.58,8.39,5.56,13.44\n c0.01,5.04-1.99,9.88-5.56,13.44C28.38,35.51,23.54,37.51,18.5,37.5z M18.52,24.29c-0.4,0-0.8,0.08-1.17,0.23\n c-0.36,0.15-0.69,0.37-0.97,0.64c-0.28,0.27-0.5,0.59-0.65,0.95c-0.16,0.36-0.24,0.76-0.23,1.15c0,0.4,0.08,0.8,0.23,1.17\n c0.15,0.36,0.37,0.68,0.65,0.96c0.28,0.27,0.61,0.49,0.97,0.64c0.37,0.16,0.77,0.24,1.17,0.24c0.4,0,0.79-0.08,1.15-0.24\n c0.35-0.15,0.67-0.37,0.95-0.64c0.27-0.27,0.49-0.6,0.64-0.96c0.16-0.37,0.24-0.77,0.23-1.17c0-0.4-0.08-0.79-0.23-1.15\n c-0.15-0.35-0.37-0.67-0.64-0.95c-0.27-0.27-0.6-0.49-0.95-0.64C19.31,24.37,18.92,24.29,18.52,24.29L18.52,24.29z M16.11,7.5\n l0.42,14.87h3.91L20.86,7.5H16.11z", 1, "st0"], [1, "gem-c-modal-dialogue__title"], [1, "gem-c-modal-dialogue__content"]], template: function HmctsSessionDialogComponent_Template(rf, ctx) { if (rf & 1) {
|
|
5237
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HmctsSessionDialogComponent, selectors: [["xuilib-session-dialog"]], inputs: { positionTop: "positionTop" }, outputs: { close: "close" }, standalone: false, ngContentSelectors: _c0$k, decls: 15, vars: 6, consts: [["data-module", "modal-dialogue", "id", "modal-default", 1, "gem-c-modal-dialogue", 2, "display", "block"], [1, "gem-c-modal-dialogue__overlay"], ["aria-modal", "true", "role", "dialog", "aria-labelledby", "session-dialog-title", "tabindex", "0", 1, "gem-c-modal-dialogue__box", 3, "ngStyle"], [1, "gem-c-modal-dialogue__header"], ["role", "presentation", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 38 38", "height", "33", "width", "33"], ["type", "text/css"], ["id", "_4_-_granular_components_warning_icon", "transform", "translate(0.5 0.5)"], ["id", "Warning_icon", "transform", "translate(0)"], ["id", "Exclusion_1", "d", "M18.5,37.5c-5.04,0.01-9.88-1.99-13.44-5.57C1.49,28.38-0.51,23.54-0.5,18.5\n c-0.01-5.04,1.99-9.88,5.56-13.43C8.62,1.49,13.46-0.51,18.5-0.5c5.04-0.01,9.88,1.99,13.44,5.56c3.57,3.56,5.58,8.39,5.56,13.44\n c0.01,5.04-1.99,9.88-5.56,13.44C28.38,35.51,23.54,37.51,18.5,37.5z M18.52,24.29c-0.4,0-0.8,0.08-1.17,0.23\n c-0.36,0.15-0.69,0.37-0.97,0.64c-0.28,0.27-0.5,0.59-0.65,0.95c-0.16,0.36-0.24,0.76-0.23,1.15c0,0.4,0.08,0.8,0.23,1.17\n c0.15,0.36,0.37,0.68,0.65,0.96c0.28,0.27,0.61,0.49,0.97,0.64c0.37,0.16,0.77,0.24,1.17,0.24c0.4,0,0.79-0.08,1.15-0.24\n c0.35-0.15,0.67-0.37,0.95-0.64c0.27-0.27,0.49-0.6,0.64-0.96c0.16-0.37,0.24-0.77,0.23-1.17c0-0.4-0.08-0.79-0.23-1.15\n c-0.15-0.35-0.37-0.67-0.64-0.95c-0.27-0.27-0.6-0.49-0.95-0.64C19.31,24.37,18.92,24.29,18.52,24.29L18.52,24.29z M16.11,7.5\n l0.42,14.87h3.91L20.86,7.5H16.11z", 1, "st0"], ["id", "session-dialog-title", 1, "gem-c-modal-dialogue__title"], [1, "gem-c-modal-dialogue__content"]], template: function HmctsSessionDialogComponent_Template(rf, ctx) { if (rf & 1) {
|
|
5236
5238
|
i0.ɵɵprojectionDef();
|
|
5237
5239
|
i0.ɵɵelementStart(0, "div", 0);
|
|
5238
5240
|
i0.ɵɵelement(1, "div", 1);
|
|
@@ -5261,7 +5263,7 @@ class HmctsSessionDialogComponent {
|
|
|
5261
5263
|
}
|
|
5262
5264
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HmctsSessionDialogComponent, [{
|
|
5263
5265
|
type: Component,
|
|
5264
|
-
args: [{ selector: 'xuilib-session-dialog', standalone: false, template: "<div class=\"gem-c-modal-dialogue\" data-module=\"modal-dialogue\" id=\"modal-default\" style=\"display: block;\">\n <div class=\"gem-c-modal-dialogue__overlay\"></div>\n <dialog class=\"gem-c-modal-dialogue__box\" aria-modal=\"true\" role=\"dialog\" tabindex=\"0\" [ngStyle]=\"{'margin-top': positionTop}\">\n <div class=\"gem-c-modal-dialogue__header\">\n <svg role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 38 38\" height=\"33\" width=\"33\">\n <style type=\"text/css\">\n .st0{fill:#FFFFFF;}\n </style>\n <g id=\"_4_-_granular_components_warning_icon\" transform=\"translate(0.5 0.5)\">\n <g id=\"Warning_icon\" transform=\"translate(0)\">\n <path id=\"Exclusion_1\" class=\"st0\" d=\"M18.5,37.5c-5.04,0.01-9.88-1.99-13.44-5.57C1.49,28.38-0.51,23.54-0.5,18.5\n c-0.01-5.04,1.99-9.88,5.56-13.43C8.62,1.49,13.46-0.51,18.5-0.5c5.04-0.01,9.88,1.99,13.44,5.56c3.57,3.56,5.58,8.39,5.56,13.44\n c0.01,5.04-1.99,9.88-5.56,13.44C28.38,35.51,23.54,37.51,18.5,37.5z M18.52,24.29c-0.4,0-0.8,0.08-1.17,0.23\n c-0.36,0.15-0.69,0.37-0.97,0.64c-0.28,0.27-0.5,0.59-0.65,0.95c-0.16,0.36-0.24,0.76-0.23,1.15c0,0.4,0.08,0.8,0.23,1.17\n c0.15,0.36,0.37,0.68,0.65,0.96c0.28,0.27,0.61,0.49,0.97,0.64c0.37,0.16,0.77,0.24,1.17,0.24c0.4,0,0.79-0.08,1.15-0.24\n c0.35-0.15,0.67-0.37,0.95-0.64c0.27-0.27,0.49-0.6,0.64-0.96c0.16-0.37,0.24-0.77,0.23-1.17c0-0.4-0.08-0.79-0.23-1.15\n c-0.15-0.35-0.37-0.67-0.64-0.95c-0.27-0.27-0.6-0.49-0.95-0.64C19.31,24.37,18.92,24.29,18.52,24.29L18.52,24.29z M16.11,7.5\n l0.42,14.87h3.91L20.86,7.5H16.11z\"/>\n </g>\n </g>\n </svg>\n <div class=\"gem-c-modal-dialogue__title\">{{'We are about to sign you out' | rpxTranslate}}</div>\n </div>\n <div class=\"gem-c-modal-dialogue__content\">\n <ng-content></ng-content>\n </div>\n </dialog>\n</div>\n", styles: [".gem-c-modal-dialogue{display:none;position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;outline:0}.gem-c-modal-dialogue__box{display:block;position:fixed;background:#fff;inset:0;width:100%;height:100%;margin:0;padding:0;overflow-y:auto;border:0;font-family:GDS Transport,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:16px;font-size:1rem;line-height:1.25;color:#0b0c0c}.gem-c-modal-dialogue__box:focus{outline:3px solid #ffdd00}@media print{.gem-c-modal-dialogue__box{font-family:sans-serif}}@media (min-width: 40.0625em){.gem-c-modal-dialogue__box{font-size:1.1875rem;line-height:1.3157894737}}@media print{.gem-c-modal-dialogue__box{font-size:14pt;line-height:1.15}}@media print{.gem-c-modal-dialogue__box{color:#000}}@media (min-width: 40.0625em){.gem-c-modal-dialogue__box{position:relative;top:inherit;right:inherit;bottom:inherit;left:inherit;width:auto;max-width:640px;height:auto;margin:30px auto;border:2px solid #0b0c0c}}@media (min-width: 40.0625em){.gem-c-modal-dialogue__box--wide{max-width:960px}}@media (min-width: 40.0625em) and (max-width: 64em){.gem-c-modal-dialogue__box--wide{margin:30px}}.gem-c-modal-dialogue__overlay{position:fixed;inset:0;width:100%;height:100%;opacity:.8;background:#0b0c0c;pointer-events:none;touch-action:none}@media screen{.gem-o-template--modal{overflow-y:inherit}}.gem-o-template__body--modal{overflow:hidden}.gem-o-template__body--blur .govuk-skip-link,.gem-o-template__body--blur .govuk-header,.gem-o-template__body--blur .govuk-phase-banner,.gem-o-template__body--blur .govuk-width-container .govuk-back-link,.gem-o-template__body--blur .govuk-footer,.gem-o-template__body--blur .govuk-main-wrapper{filter:blur(2px)}.govuk-warning-text__icon{margin:0 0 0 12px}.gem-c-modal-dialogue__header{padding:9px 15px 10px;color:#fff;background:#d4351d;display:flex}.gem-c-modal-dialogue__title{margin:5px 0 4px 12px}.gem-c-modal-dialogue__logotype-crown{fill:currentColor;vertical-align:middle}.gem-c-modal-dialogue__logotype-crown-fallback-image{width:30px;height:26px;border:0;vertical-align:middle}.gem-c-modal-dialogue__content{padding:15px;background:#fff}.gem-c-modal-dialogue__close-button{position:absolute;top:0;right:0;width:44px;height:44px;border:0;color:#fff;background:none;cursor:pointer;font-family:GDS Transport,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:1.5rem;line-height:1.3}@media print{.gem-c-modal-dialogue__close-button{font-family:sans-serif}}@media (min-width: 40.0625em){.gem-c-modal-dialogue__close-button{font-size:2.25rem;line-height:1.3}}@media print{.gem-c-modal-dialogue__close-button{font-size:24pt;line-height:1.3}}@media (max-width: 40.0525em){.gem-c-modal-dialogue__close-button{font-size:36px;line-height:1.3}}.gem-c-modal-dialogue__close-button:focus,.gem-c-modal-dialogue__close-button:hover{color:#0b0c0c;box-shadow:0 -2px #fd0,0 4px #0b0c0c;text-decoration:none;outline:none;background:#fd0}\n"] }]
|
|
5266
|
+
args: [{ selector: 'xuilib-session-dialog', standalone: false, template: "<div class=\"gem-c-modal-dialogue\" data-module=\"modal-dialogue\" id=\"modal-default\" style=\"display: block;\">\n <div class=\"gem-c-modal-dialogue__overlay\"></div>\n <dialog class=\"gem-c-modal-dialogue__box\" aria-modal=\"true\" role=\"dialog\" aria-labelledby=\"session-dialog-title\" tabindex=\"0\" [ngStyle]=\"{'margin-top': positionTop}\">\n <div class=\"gem-c-modal-dialogue__header\">\n <svg role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 38 38\" height=\"33\" width=\"33\">\n <style type=\"text/css\">\n .st0{fill:#FFFFFF;}\n </style>\n <g id=\"_4_-_granular_components_warning_icon\" transform=\"translate(0.5 0.5)\">\n <g id=\"Warning_icon\" transform=\"translate(0)\">\n <path id=\"Exclusion_1\" class=\"st0\" d=\"M18.5,37.5c-5.04,0.01-9.88-1.99-13.44-5.57C1.49,28.38-0.51,23.54-0.5,18.5\n c-0.01-5.04,1.99-9.88,5.56-13.43C8.62,1.49,13.46-0.51,18.5-0.5c5.04-0.01,9.88,1.99,13.44,5.56c3.57,3.56,5.58,8.39,5.56,13.44\n c0.01,5.04-1.99,9.88-5.56,13.44C28.38,35.51,23.54,37.51,18.5,37.5z M18.52,24.29c-0.4,0-0.8,0.08-1.17,0.23\n c-0.36,0.15-0.69,0.37-0.97,0.64c-0.28,0.27-0.5,0.59-0.65,0.95c-0.16,0.36-0.24,0.76-0.23,1.15c0,0.4,0.08,0.8,0.23,1.17\n c0.15,0.36,0.37,0.68,0.65,0.96c0.28,0.27,0.61,0.49,0.97,0.64c0.37,0.16,0.77,0.24,1.17,0.24c0.4,0,0.79-0.08,1.15-0.24\n c0.35-0.15,0.67-0.37,0.95-0.64c0.27-0.27,0.49-0.6,0.64-0.96c0.16-0.37,0.24-0.77,0.23-1.17c0-0.4-0.08-0.79-0.23-1.15\n c-0.15-0.35-0.37-0.67-0.64-0.95c-0.27-0.27-0.6-0.49-0.95-0.64C19.31,24.37,18.92,24.29,18.52,24.29L18.52,24.29z M16.11,7.5\n l0.42,14.87h3.91L20.86,7.5H16.11z\"/>\n </g>\n </g>\n </svg>\n <div class=\"gem-c-modal-dialogue__title\" id=\"session-dialog-title\">{{'We are about to sign you out' | rpxTranslate}}</div>\n </div>\n <div class=\"gem-c-modal-dialogue__content\">\n <ng-content></ng-content>\n </div>\n </dialog>\n</div>\n", styles: [".gem-c-modal-dialogue{display:none;position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;outline:0}.gem-c-modal-dialogue__box{display:block;position:fixed;background:#fff;inset:0;width:100%;height:100%;margin:0;padding:0;overflow-y:auto;border:0;font-family:GDS Transport,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:16px;font-size:1rem;line-height:1.25;color:#0b0c0c}.gem-c-modal-dialogue__box:focus{outline:3px solid #ffdd00}@media print{.gem-c-modal-dialogue__box{font-family:sans-serif}}@media (min-width: 40.0625em){.gem-c-modal-dialogue__box{font-size:1.1875rem;line-height:1.3157894737}}@media print{.gem-c-modal-dialogue__box{font-size:14pt;line-height:1.15}}@media print{.gem-c-modal-dialogue__box{color:#000}}@media (min-width: 40.0625em){.gem-c-modal-dialogue__box{position:relative;top:inherit;right:inherit;bottom:inherit;left:inherit;width:auto;max-width:640px;height:auto;margin:30px auto;border:2px solid #0b0c0c}}@media (min-width: 40.0625em){.gem-c-modal-dialogue__box--wide{max-width:960px}}@media (min-width: 40.0625em) and (max-width: 64em){.gem-c-modal-dialogue__box--wide{margin:30px}}.gem-c-modal-dialogue__overlay{position:fixed;inset:0;width:100%;height:100%;opacity:.8;background:#0b0c0c;pointer-events:none;touch-action:none}@media screen{.gem-o-template--modal{overflow-y:inherit}}.gem-o-template__body--modal{overflow:hidden}.gem-o-template__body--blur .govuk-skip-link,.gem-o-template__body--blur .govuk-header,.gem-o-template__body--blur .govuk-phase-banner,.gem-o-template__body--blur .govuk-width-container .govuk-back-link,.gem-o-template__body--blur .govuk-footer,.gem-o-template__body--blur .govuk-main-wrapper{filter:blur(2px)}.govuk-warning-text__icon{margin:0 0 0 12px}.gem-c-modal-dialogue__header{padding:9px 15px 10px;color:#fff;background:#d4351d;display:flex}.gem-c-modal-dialogue__title{margin:5px 0 4px 12px}.gem-c-modal-dialogue__logotype-crown{fill:currentColor;vertical-align:middle}.gem-c-modal-dialogue__logotype-crown-fallback-image{width:30px;height:26px;border:0;vertical-align:middle}.gem-c-modal-dialogue__content{padding:15px;background:#fff}.gem-c-modal-dialogue__close-button{position:absolute;top:0;right:0;width:44px;height:44px;border:0;color:#fff;background:none;cursor:pointer;font-family:GDS Transport,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:1.5rem;line-height:1.3}@media print{.gem-c-modal-dialogue__close-button{font-family:sans-serif}}@media (min-width: 40.0625em){.gem-c-modal-dialogue__close-button{font-size:2.25rem;line-height:1.3}}@media print{.gem-c-modal-dialogue__close-button{font-size:24pt;line-height:1.3}}@media (max-width: 40.0525em){.gem-c-modal-dialogue__close-button{font-size:36px;line-height:1.3}}.gem-c-modal-dialogue__close-button:focus,.gem-c-modal-dialogue__close-button:hover{color:#0b0c0c;box-shadow:0 -2px #fd0,0 4px #0b0c0c;text-decoration:none;outline:none;background:#fd0}\n"] }]
|
|
5265
5267
|
}], () => [], { positionTop: [{
|
|
5266
5268
|
type: Input
|
|
5267
5269
|
}], close: [{
|
|
@@ -5434,21 +5436,22 @@ class GovUkCheckboxComponent {
|
|
|
5434
5436
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GovUkCheckboxComponent, { className: "GovUkCheckboxComponent", filePath: "lib/gov-ui/components/gov-uk-checkbox/gov-uk-checkbox.component.ts", lineNumber: 16 }); })();
|
|
5435
5437
|
|
|
5436
5438
|
function GovUkErrorMessageComponent_For_1_Template(rf, ctx) { if (rf & 1) {
|
|
5437
|
-
i0.ɵɵelementStart(0, "
|
|
5438
|
-
i0.ɵɵtext(
|
|
5439
|
-
i0.ɵɵpipe(
|
|
5440
|
-
i0.ɵɵelementEnd();
|
|
5441
|
-
i0.ɵɵtext(4);
|
|
5442
|
-
i0.ɵɵpipe(5, "rpxTranslate");
|
|
5439
|
+
i0.ɵɵelementStart(0, "div", 0)(1, "span", 1)(2, "span", 2);
|
|
5440
|
+
i0.ɵɵtext(3);
|
|
5441
|
+
i0.ɵɵpipe(4, "rpxTranslate");
|
|
5443
5442
|
i0.ɵɵelementEnd();
|
|
5443
|
+
i0.ɵɵtext(5);
|
|
5444
|
+
i0.ɵɵpipe(6, "rpxTranslate");
|
|
5445
|
+
i0.ɵɵelementEnd()();
|
|
5444
5446
|
} if (rf & 2) {
|
|
5445
5447
|
const message_r1 = ctx.$implicit;
|
|
5446
5448
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
5449
|
+
i0.ɵɵadvance();
|
|
5447
5450
|
i0.ɵɵproperty("id", ctx_r1.config.id + "-error");
|
|
5448
5451
|
i0.ɵɵadvance(2);
|
|
5449
|
-
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(
|
|
5452
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(4, 3, "Error"), ":");
|
|
5450
5453
|
i0.ɵɵadvance(2);
|
|
5451
|
-
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(
|
|
5454
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(6, 5, message_r1), " ");
|
|
5452
5455
|
} }
|
|
5453
5456
|
/*
|
|
5454
5457
|
* Gov UK Error Message
|
|
@@ -5459,15 +5462,15 @@ function GovUkErrorMessageComponent_For_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
5459
5462
|
class GovUkErrorMessageComponent {
|
|
5460
5463
|
constructor() { }
|
|
5461
5464
|
static { this.ɵfac = function GovUkErrorMessageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GovUkErrorMessageComponent)(); }; }
|
|
5462
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkErrorMessageComponent, selectors: [["xuilib-gov-uk-error-message"]], inputs: { config: "config", errorMessage: "errorMessage" }, standalone: false, decls: 2, vars: 0, consts: [[1, "govuk-error-message", 3, "id"], [1, "govuk-visually-hidden"]], template: function GovUkErrorMessageComponent_Template(rf, ctx) { if (rf & 1) {
|
|
5463
|
-
i0.ɵɵrepeaterCreate(0, GovUkErrorMessageComponent_For_1_Template,
|
|
5465
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkErrorMessageComponent, selectors: [["xuilib-gov-uk-error-message"]], inputs: { config: "config", errorMessage: "errorMessage" }, standalone: false, decls: 2, vars: 0, consts: [["role", "alert"], [1, "govuk-error-message", 3, "id"], [1, "govuk-visually-hidden"]], template: function GovUkErrorMessageComponent_Template(rf, ctx) { if (rf & 1) {
|
|
5466
|
+
i0.ɵɵrepeaterCreate(0, GovUkErrorMessageComponent_For_1_Template, 7, 7, "div", 0, i0.ɵɵrepeaterTrackByIdentity);
|
|
5464
5467
|
} if (rf & 2) {
|
|
5465
5468
|
i0.ɵɵrepeater(ctx.errorMessage == null ? null : ctx.errorMessage.messages);
|
|
5466
5469
|
} }, dependencies: [i2.RpxTranslatePipe], encapsulation: 2 }); }
|
|
5467
5470
|
}
|
|
5468
5471
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GovUkErrorMessageComponent, [{
|
|
5469
5472
|
type: Component,
|
|
5470
|
-
args: [{ selector: ' xuilib-gov-uk-error-message', standalone: false, template: "@for (message of errorMessage?.messages; track message) {\n <span class=\"govuk-error-message\" [id]=\"config.id + '-error'\">\n
|
|
5473
|
+
args: [{ selector: ' xuilib-gov-uk-error-message', standalone: false, template: "@for (message of errorMessage?.messages; track message) {\n <div role=\"alert\">\n <span class=\"govuk-error-message\" [id]=\"config.id + '-error'\">\n <span class=\"govuk-visually-hidden\">{{'Error' | rpxTranslate}}:</span>{{message | rpxTranslate}}\n </span>\n </div>\n}\n" }]
|
|
5471
5474
|
}], () => [], { config: [{
|
|
5472
5475
|
type: Input
|
|
5473
5476
|
}], errorMessage: [{
|
|
@@ -6095,10 +6098,10 @@ class SelectedCaseConfirmComponent {
|
|
|
6095
6098
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SelectedCaseConfirmComponent, { className: "SelectedCaseConfirmComponent", filePath: "lib/components/selected-case-confirm/selected-case-confirm.component.ts", lineNumber: 13 }); })();
|
|
6096
6099
|
|
|
6097
6100
|
function _forTrack0$1($index, $item) { return this.trackByUserId($item); }
|
|
6098
|
-
function
|
|
6101
|
+
function SelectedCaseComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
|
|
6099
6102
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
6100
6103
|
i0.ɵɵelementStart(0, "button", 14);
|
|
6101
|
-
i0.ɵɵlistener("click", function
|
|
6104
|
+
i0.ɵɵlistener("click", function SelectedCaseComponent_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDeselect(ctx_r1.sharedCase)); });
|
|
6102
6105
|
i0.ɵɵtext(1);
|
|
6103
6106
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
6104
6107
|
i0.ɵɵelementEnd();
|
|
@@ -6108,7 +6111,7 @@ function SelectedCaseComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
|
6108
6111
|
i0.ɵɵadvance();
|
|
6109
6112
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 3, "Deselect case"), " ");
|
|
6110
6113
|
} }
|
|
6111
|
-
function
|
|
6114
|
+
function SelectedCaseComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
|
|
6112
6115
|
i0.ɵɵelementStart(0, "div", 12)(1, "span", 15);
|
|
6113
6116
|
i0.ɵɵtext(2);
|
|
6114
6117
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
@@ -6120,7 +6123,7 @@ function SelectedCaseComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
|
6120
6123
|
i0.ɵɵadvance();
|
|
6121
6124
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 3, "No users from your organisation currently have access to this case."), " ");
|
|
6122
6125
|
} }
|
|
6123
|
-
function
|
|
6126
|
+
function SelectedCaseComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
|
|
6124
6127
|
i0.ɵɵelementStart(0, "div", 12)(1, "span", 15);
|
|
6125
6128
|
i0.ɵɵtext(2);
|
|
6126
6129
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
@@ -6132,10 +6135,10 @@ function SelectedCaseComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
|
|
|
6132
6135
|
i0.ɵɵadvance();
|
|
6133
6136
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 3, "Users from your organisation with access to this case."), " ");
|
|
6134
6137
|
} }
|
|
6135
|
-
function
|
|
6138
|
+
function SelectedCaseComponent_Conditional_20_For_17_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
6136
6139
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
6137
6140
|
i0.ɵɵelementStart(0, "a", 27);
|
|
6138
|
-
i0.ɵɵlistener("click", function
|
|
6141
|
+
i0.ɵɵlistener("click", function SelectedCaseComponent_Conditional_20_For_17_Conditional_8_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r3); const user_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.onRemove(user_r4, ctx_r1.sharedCase); return i0.ɵɵresetView($event.preventDefault()); });
|
|
6139
6142
|
i0.ɵɵtext(1);
|
|
6140
6143
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
6141
6144
|
i0.ɵɵelementStart(3, "span", 28);
|
|
@@ -6149,10 +6152,10 @@ function SelectedCaseComponent_Conditional_19_For_17_Conditional_8_Template(rf,
|
|
|
6149
6152
|
i0.ɵɵadvance(3);
|
|
6150
6153
|
i0.ɵɵtextInterpolate2("", user_r4.firstName + " " + user_r4.lastName, " ", i0.ɵɵpipeBind1(5, 5, "from case"));
|
|
6151
6154
|
} }
|
|
6152
|
-
function
|
|
6155
|
+
function SelectedCaseComponent_Conditional_20_For_17_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
6153
6156
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
6154
6157
|
i0.ɵɵelementStart(0, "a", 27);
|
|
6155
|
-
i0.ɵɵlistener("click", function
|
|
6158
|
+
i0.ɵɵlistener("click", function SelectedCaseComponent_Conditional_20_For_17_Conditional_10_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const user_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.onCancel(user_r4, ctx_r1.sharedCase); return i0.ɵɵresetView($event.preventDefault()); });
|
|
6156
6159
|
i0.ɵɵtext(1);
|
|
6157
6160
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
6158
6161
|
i0.ɵɵelementStart(3, "span", 28);
|
|
@@ -6167,7 +6170,7 @@ function SelectedCaseComponent_Conditional_19_For_17_Conditional_10_Template(rf,
|
|
|
6167
6170
|
i0.ɵɵadvance(3);
|
|
6168
6171
|
i0.ɵɵtextInterpolate3("", i0.ɵɵpipeBind1(5, 6, "adding"), " ", user_r4.firstName + " " + user_r4.lastName, " ", i0.ɵɵpipeBind1(6, 8, "to case"));
|
|
6169
6172
|
} }
|
|
6170
|
-
function
|
|
6173
|
+
function SelectedCaseComponent_Conditional_20_For_17_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
6171
6174
|
i0.ɵɵelementStart(0, "span", 25);
|
|
6172
6175
|
i0.ɵɵtext(1);
|
|
6173
6176
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
@@ -6176,7 +6179,7 @@ function SelectedCaseComponent_Conditional_19_For_17_Conditional_13_Template(rf,
|
|
|
6176
6179
|
i0.ɵɵadvance();
|
|
6177
6180
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "To be removed"));
|
|
6178
6181
|
} }
|
|
6179
|
-
function
|
|
6182
|
+
function SelectedCaseComponent_Conditional_20_For_17_Conditional_15_Template(rf, ctx) { if (rf & 1) {
|
|
6180
6183
|
i0.ɵɵelementStart(0, "span", 26);
|
|
6181
6184
|
i0.ɵɵtext(1);
|
|
6182
6185
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
@@ -6185,7 +6188,7 @@ function SelectedCaseComponent_Conditional_19_For_17_Conditional_15_Template(rf,
|
|
|
6185
6188
|
i0.ɵɵadvance();
|
|
6186
6189
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "To be added"));
|
|
6187
6190
|
} }
|
|
6188
|
-
function
|
|
6191
|
+
function SelectedCaseComponent_Conditional_20_For_17_Template(rf, ctx) { if (rf & 1) {
|
|
6189
6192
|
i0.ɵɵelementStart(0, "tr", 17)(1, "td", 22);
|
|
6190
6193
|
i0.ɵɵpipe(2, "async");
|
|
6191
6194
|
i0.ɵɵtext(3);
|
|
@@ -6195,27 +6198,27 @@ function SelectedCaseComponent_Conditional_19_For_17_Template(rf, ctx) { if (rf
|
|
|
6195
6198
|
i0.ɵɵtext(6);
|
|
6196
6199
|
i0.ɵɵelementEnd();
|
|
6197
6200
|
i0.ɵɵelementStart(7, "td", 23);
|
|
6198
|
-
i0.ɵɵconditionalCreate(8,
|
|
6201
|
+
i0.ɵɵconditionalCreate(8, SelectedCaseComponent_Conditional_20_For_17_Conditional_8_Template, 6, 7, "a", 24);
|
|
6199
6202
|
i0.ɵɵpipe(9, "async");
|
|
6200
|
-
i0.ɵɵconditionalCreate(10,
|
|
6203
|
+
i0.ɵɵconditionalCreate(10, SelectedCaseComponent_Conditional_20_For_17_Conditional_10_Template, 7, 10, "a", 24);
|
|
6201
6204
|
i0.ɵɵpipe(11, "async");
|
|
6202
6205
|
i0.ɵɵelementEnd();
|
|
6203
6206
|
i0.ɵɵelementStart(12, "td", 23);
|
|
6204
|
-
i0.ɵɵconditionalCreate(13,
|
|
6207
|
+
i0.ɵɵconditionalCreate(13, SelectedCaseComponent_Conditional_20_For_17_Conditional_13_Template, 3, 3, "span", 25);
|
|
6205
6208
|
i0.ɵɵpipe(14, "async");
|
|
6206
|
-
i0.ɵɵconditionalCreate(15,
|
|
6209
|
+
i0.ɵɵconditionalCreate(15, SelectedCaseComponent_Conditional_20_For_17_Conditional_15_Template, 3, 3, "span", 26);
|
|
6207
6210
|
i0.ɵɵpipe(16, "async");
|
|
6208
6211
|
i0.ɵɵelementEnd()();
|
|
6209
6212
|
} if (rf & 2) {
|
|
6210
6213
|
const user_r4 = ctx.$implicit;
|
|
6211
|
-
const ɵ$
|
|
6214
|
+
const ɵ$index_73_r6 = ctx.$index;
|
|
6212
6215
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
6213
6216
|
i0.ɵɵadvance();
|
|
6214
|
-
i0.ɵɵproperty("id", i0.ɵɵinterpolate1("user-full-name-", ctx_r1.userIdSetter(i0.ɵɵpipeBind1(2, 10, ctx_r1.canCancel(ctx_r1.sharedCase.caseId, user_r4)), ɵ$
|
|
6217
|
+
i0.ɵɵproperty("id", i0.ɵɵinterpolate1("user-full-name-", ctx_r1.userIdSetter(i0.ɵɵpipeBind1(2, 10, ctx_r1.canCancel(ctx_r1.sharedCase.caseId, user_r4)), ɵ$index_73_r6)));
|
|
6215
6218
|
i0.ɵɵadvance(2);
|
|
6216
6219
|
i0.ɵɵtextInterpolate(user_r4.firstName + " " + user_r4.lastName);
|
|
6217
6220
|
i0.ɵɵadvance();
|
|
6218
|
-
i0.ɵɵproperty("id", i0.ɵɵinterpolate1("user-email-", ctx_r1.userIdSetter(i0.ɵɵpipeBind1(5, 12, ctx_r1.canCancel(ctx_r1.sharedCase.caseId, user_r4)), ɵ$
|
|
6221
|
+
i0.ɵɵproperty("id", i0.ɵɵinterpolate1("user-email-", ctx_r1.userIdSetter(i0.ɵɵpipeBind1(5, 12, ctx_r1.canCancel(ctx_r1.sharedCase.caseId, user_r4)), ɵ$index_73_r6)));
|
|
6219
6222
|
i0.ɵɵadvance(2);
|
|
6220
6223
|
i0.ɵɵtextInterpolate(user_r4.email);
|
|
6221
6224
|
i0.ɵɵadvance(2);
|
|
@@ -6227,7 +6230,7 @@ function SelectedCaseComponent_Conditional_19_For_17_Template(rf, ctx) { if (rf
|
|
|
6227
6230
|
i0.ɵɵadvance(2);
|
|
6228
6231
|
i0.ɵɵconditional(i0.ɵɵpipeBind1(16, 20, ctx_r1.isToBeAdded(ctx_r1.sharedCase.caseId, user_r4)) ? 15 : -1);
|
|
6229
6232
|
} }
|
|
6230
|
-
function
|
|
6233
|
+
function SelectedCaseComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
|
|
6231
6234
|
i0.ɵɵelementStart(0, "table", 13)(1, "thead", 16)(2, "tr", 17)(3, "th", 18);
|
|
6232
6235
|
i0.ɵɵtext(4);
|
|
6233
6236
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
@@ -6245,7 +6248,7 @@ function SelectedCaseComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
|
|
|
6245
6248
|
i0.ɵɵpipe(14, "rpxTranslate");
|
|
6246
6249
|
i0.ɵɵelementEnd()()();
|
|
6247
6250
|
i0.ɵɵelementStart(15, "tbody", 21);
|
|
6248
|
-
i0.ɵɵrepeaterCreate(16,
|
|
6251
|
+
i0.ɵɵrepeaterCreate(16, SelectedCaseComponent_Conditional_20_For_17_Template, 17, 22, "tr", 17, _forTrack0$1, true);
|
|
6249
6252
|
i0.ɵɵelementEnd()();
|
|
6250
6253
|
} if (rf & 2) {
|
|
6251
6254
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -6280,12 +6283,18 @@ class SelectedCaseComponent {
|
|
|
6280
6283
|
this.shareCases$.subscribe(shareCases => this.shareCases = shareCases);
|
|
6281
6284
|
}
|
|
6282
6285
|
ngOnChanges(changes) {
|
|
6286
|
+
if (changes.opened) {
|
|
6287
|
+
this.opened = changes.opened.currentValue;
|
|
6288
|
+
}
|
|
6283
6289
|
if (changes.sharedCase) {
|
|
6284
6290
|
const sharedWith = this.sharedCase.sharedWith ? this.sharedCase.sharedWith : [];
|
|
6285
6291
|
const pendingShares = this.sharedCase.pendingShares ? this.sharedCase.pendingShares : [];
|
|
6286
6292
|
this.combinedSortedShares = this.combineAndSortShares(sharedWith, pendingShares);
|
|
6287
6293
|
}
|
|
6288
6294
|
}
|
|
6295
|
+
toggleAccordion() {
|
|
6296
|
+
this.opened = !this.opened;
|
|
6297
|
+
}
|
|
6289
6298
|
onDeselect(c) {
|
|
6290
6299
|
this.unselect.emit(c);
|
|
6291
6300
|
}
|
|
@@ -6403,56 +6412,58 @@ class SelectedCaseComponent {
|
|
|
6403
6412
|
return `${elementName}-${this.sharedCase.caseId}`;
|
|
6404
6413
|
}
|
|
6405
6414
|
static { this.ɵfac = function SelectedCaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SelectedCaseComponent)(i0.ɵɵdirectiveInject(CaseSharingStateService)); }; }
|
|
6406
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectedCaseComponent, selectors: [["xuilib-selected-case"]], inputs: { sharedCase: "sharedCase", selectedUser: "selectedUser", opened: "opened", removeUserFromCaseToggleOn: "removeUserFromCaseToggleOn", caseCount: "caseCount" }, outputs: { unselect: "unselect", synchronizeStore: "synchronizeStore" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls:
|
|
6415
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectedCaseComponent, selectors: [["xuilib-selected-case"]], inputs: { sharedCase: "sharedCase", selectedUser: "selectedUser", opened: "opened", removeUserFromCaseToggleOn: "removeUserFromCaseToggleOn", caseCount: "caseCount" }, outputs: { unselect: "unselect", synchronizeStore: "synchronizeStore" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 21, vars: 30, consts: [[1, "govuk-accordion__section", 3, "id"], [1, "govuk-grid-row", "govuk-case-header"], [1, "govuk-grid-column-three-quarters"], [1, "govuk-case-title", 3, "id"], [1, "govuk-case-sub-title", 3, "id"], [1, "govuk-grid-column-ten-percent"], ["title", "Deselect case", 1, "govuk-button", "hmcts-button--secondary", 3, "id"], [1, "govuk-accordion__section-header", "govuk-grid-column-ten-percent"], [1, "govuk-accordion__section-heading"], ["type", "button", 1, "govuk-accordion__section-button", 3, "click", "id"], ["aria-hidden", "true", 1, "govuk-accordion__icon"], [1, "govuk-accordion__section-content", 3, "id", "hidden"], [1, "govuk-grid-row"], [1, "govuk-table"], ["title", "Deselect case", 1, "govuk-button", "hmcts-button--secondary", 3, "click", "id"], [1, "govuk-div-align-left", 3, "id"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-header", 3, "id"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-actions", 3, "id"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-label", 3, "id"], [1, "govuk-table__body"], [1, "govuk-table__cell", 3, "id"], [1, "govuk-table__cell"], ["href", "#"], [1, "hmcts-badge", "hmcts-badge--red"], [1, "hmcts-badge"], ["href", "#", 3, "click"], [1, "govuk-visually-hidden"]], template: function SelectedCaseComponent_Template(rf, ctx) { if (rf & 1) {
|
|
6407
6416
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h3", 3);
|
|
6408
6417
|
i0.ɵɵtext(4);
|
|
6409
6418
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
6419
|
+
i0.ɵɵpipe(6, "rpxTranslate");
|
|
6410
6420
|
i0.ɵɵelementEnd();
|
|
6411
|
-
i0.ɵɵelementStart(
|
|
6412
|
-
i0.ɵɵtext(
|
|
6413
|
-
i0.ɵɵpipe(
|
|
6421
|
+
i0.ɵɵelementStart(7, "h3", 4);
|
|
6422
|
+
i0.ɵɵtext(8);
|
|
6423
|
+
i0.ɵɵpipe(9, "rpxTranslate");
|
|
6414
6424
|
i0.ɵɵelementEnd()();
|
|
6415
|
-
i0.ɵɵelementStart(
|
|
6416
|
-
i0.ɵɵconditionalCreate(
|
|
6425
|
+
i0.ɵɵelementStart(10, "div", 5);
|
|
6426
|
+
i0.ɵɵconditionalCreate(11, SelectedCaseComponent_Conditional_11_Template, 3, 5, "button", 6);
|
|
6417
6427
|
i0.ɵɵelementEnd();
|
|
6418
|
-
i0.ɵɵelementStart(
|
|
6419
|
-
i0.ɵɵpipe(
|
|
6420
|
-
i0.ɵɵ
|
|
6428
|
+
i0.ɵɵelementStart(12, "div", 7)(13, "div", 8)(14, "button", 9);
|
|
6429
|
+
i0.ɵɵpipe(15, "rpxTranslate");
|
|
6430
|
+
i0.ɵɵlistener("click", function SelectedCaseComponent_Template_button_click_14_listener() { return ctx.toggleAccordion(); });
|
|
6431
|
+
i0.ɵɵelement(16, "span", 10);
|
|
6421
6432
|
i0.ɵɵelementEnd()()()();
|
|
6422
|
-
i0.ɵɵelementStart(
|
|
6423
|
-
i0.ɵɵconditionalCreate(17, SelectedCaseComponent_Conditional_17_Template, 4, 5, "div", 12);
|
|
6433
|
+
i0.ɵɵelementStart(17, "div", 11);
|
|
6424
6434
|
i0.ɵɵconditionalCreate(18, SelectedCaseComponent_Conditional_18_Template, 4, 5, "div", 12);
|
|
6425
|
-
i0.ɵɵconditionalCreate(19, SelectedCaseComponent_Conditional_19_Template,
|
|
6435
|
+
i0.ɵɵconditionalCreate(19, SelectedCaseComponent_Conditional_19_Template, 4, 5, "div", 12);
|
|
6436
|
+
i0.ɵɵconditionalCreate(20, SelectedCaseComponent_Conditional_20_Template, 18, 20, "table", 13);
|
|
6426
6437
|
i0.ɵɵelementEnd()();
|
|
6427
6438
|
} if (rf & 2) {
|
|
6428
6439
|
i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("govuk-accordion__section")));
|
|
6429
6440
|
i0.ɵɵadvance(3);
|
|
6430
6441
|
i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("case-title")));
|
|
6431
6442
|
i0.ɵɵadvance();
|
|
6432
|
-
i0.ɵɵ
|
|
6433
|
-
i0.ɵɵadvance(
|
|
6443
|
+
i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind1(5, 22, "Case"), ": ", i0.ɵɵpipeBind1(6, 24, ctx.sharedCase.caseTitle), " ");
|
|
6444
|
+
i0.ɵɵadvance(3);
|
|
6434
6445
|
i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("case-id")));
|
|
6435
6446
|
i0.ɵɵadvance();
|
|
6436
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(
|
|
6447
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(9, 26, ctx.sharedCase.caseId));
|
|
6437
6448
|
i0.ɵɵadvance(3);
|
|
6438
|
-
i0.ɵɵconditional(ctx.caseCount > 1 ?
|
|
6449
|
+
i0.ɵɵconditional(ctx.caseCount > 1 ? 11 : -1);
|
|
6439
6450
|
i0.ɵɵadvance(3);
|
|
6440
|
-
i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("accordion-with-summary-sections-heading")))
|
|
6441
|
-
i0.ɵɵattribute("aria-controls", "accordion-with-summary-sections-content"
|
|
6451
|
+
i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("accordion-with-summary-sections-heading")));
|
|
6452
|
+
i0.ɵɵattribute("aria-controls", ctx.buildElementId("accordion-with-summary-sections-content"))("aria-expanded", ctx.opened)("aria-label", i0.ɵɵpipeBind1(15, 28, "Expand or collapse details for " + ctx.sharedCase.caseTitle));
|
|
6442
6453
|
i0.ɵɵadvance(3);
|
|
6443
|
-
i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("accordion-with-summary-sections-content")));
|
|
6454
|
+
i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("accordion-with-summary-sections-content")))("hidden", !ctx.opened);
|
|
6444
6455
|
i0.ɵɵattribute("aria-labelledby", ctx.buildElementId("accordion-with-summary-sections-heading"));
|
|
6445
6456
|
i0.ɵɵadvance();
|
|
6446
|
-
i0.ɵɵconditional(ctx.showNoUsersAccessInfo() ?
|
|
6457
|
+
i0.ɵɵconditional(ctx.showNoUsersAccessInfo() ? 18 : -1);
|
|
6447
6458
|
i0.ɵɵadvance();
|
|
6448
|
-
i0.ɵɵconditional(ctx.showUserHasAccessInfo() ?
|
|
6459
|
+
i0.ɵɵconditional(ctx.showUserHasAccessInfo() ? 19 : -1);
|
|
6449
6460
|
i0.ɵɵadvance();
|
|
6450
|
-
i0.ɵɵconditional(ctx.showUserAccessTable() ?
|
|
6461
|
+
i0.ɵɵconditional(ctx.showUserAccessTable() ? 20 : -1);
|
|
6451
6462
|
} }, dependencies: [i1.AsyncPipe, i2.RpxTranslatePipe], styles: [".govuk-case-header[_ngcontent-%COMP%]{border-top:1px solid #bfc1c3}.govuk-case-title[_ngcontent-%COMP%]{font-family:nta,Arial,sans-serif;font-size:24px;color:#005ea5;font-weight:700;padding-left:0}.govuk-case-sub-title[_ngcontent-%COMP%]{font-family:nta,Arial,sans-serif;font-size:1rem!important;color:#6f777b;font-weight:400;padding-left:0}.govuk-grid-row[_ngcontent-%COMP%]{margin-left:0;margin-right:0}.govuk-grid-column-three-quarters[_ngcontent-%COMP%]{padding-top:5px;padding-left:0}.govuk-grid-column-twenty-percent[_ngcontent-%COMP%]{box-sizing:border-box;padding-top:10px;width:20%;float:left}.govuk-grid-column-ten-percent[_ngcontent-%COMP%]{box-sizing:border-box;padding-top:10px;width:10%;float:left}.govuk-grid-column-five-percent[_ngcontent-%COMP%]{box-sizing:border-box;padding-top:15px;width:5%;float:left}.govuk-table-column-header[_ngcontent-%COMP%]{width:38%}.govuk-table-column-actions[_ngcontent-%COMP%], .govuk-table-column-label[_ngcontent-%COMP%]{width:12%}.govuk-div-align-left[_ngcontent-%COMP%]{font-family:nta,Arial,sans-serif;font-size:1.1875rem!important;line-height:1.31579!important;text-align:left;margin-bottom:20px;padding-left:0;color:#0b0c0c}.govuk-accordion__section-header[_ngcontent-%COMP%]{border-top:0}.govuk-accordion__section-content[_ngcontent-%COMP%]{padding-top:0}.govuk-accordion__section-heading[_ngcontent-%COMP%], .govuk-accordion__section-button[_ngcontent-%COMP%]{border-top:0}"] }); }
|
|
6452
6463
|
}
|
|
6453
6464
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectedCaseComponent, [{
|
|
6454
6465
|
type: Component,
|
|
6455
|
-
args: [{ selector: 'xuilib-selected-case', standalone: false, template: "<div id=\"{{buildElementId('govuk-accordion__section')}}\" class=\"govuk-accordion__section\">\n <div class=\"govuk-grid-row govuk-case-header\">\n <div class=\"govuk-grid-column-three-quarters\">\n <h3 id=\"{{buildElementId('case-title')}}\" class=\"govuk-case-title\"
|
|
6466
|
+
args: [{ selector: 'xuilib-selected-case', standalone: false, template: "<div id=\"{{buildElementId('govuk-accordion__section')}}\" class=\"govuk-accordion__section\">\n <div class=\"govuk-grid-row govuk-case-header\">\n <div class=\"govuk-grid-column-three-quarters\">\n <h3 id=\"{{buildElementId('case-title')}}\" class=\"govuk-case-title\">\n {{'Case' | rpxTranslate}}: {{ sharedCase.caseTitle | rpxTranslate }}\n </h3>\n <h3 id=\"{{buildElementId('case-id')}}\" class=\"govuk-case-sub-title\">{{ sharedCase.caseId | rpxTranslate }}</h3>\n </div>\n <div class=\"govuk-grid-column-ten-percent\">\n @if (caseCount > 1) {\n <button\n id=\"{{buildElementId('btn-deselect-case')}}\"\n class=\"govuk-button hmcts-button--secondary\"\n (click)=\"onDeselect(sharedCase)\" title=\"Deselect case\">\n {{'Deselect case' | rpxTranslate}}\n </button>\n }\n </div>\n <div class=\"govuk-accordion__section-header govuk-grid-column-ten-percent\">\n <div class=\"govuk-accordion__section-heading\">\n <button type=\"button\" id=\"{{buildElementId('accordion-with-summary-sections-heading')}}\"\n [attr.aria-controls]=\"buildElementId('accordion-with-summary-sections-content')\" class=\"govuk-accordion__section-button\"\n [attr.aria-expanded]=\"opened\" [attr.aria-label]=\"('Expand or collapse details for ' + sharedCase.caseTitle) | rpxTranslate\"\n (click)=\"toggleAccordion()\">\n <span class=\"govuk-accordion__icon\" aria-hidden=\"true\"></span>\n </button>\n </div>\n </div>\n </div>\n <div id=\"{{buildElementId('accordion-with-summary-sections-content')}}\" class=\"govuk-accordion__section-content\"\n [hidden]=\"!opened\"\n [attr.aria-labelledby]=\"buildElementId('accordion-with-summary-sections-heading')\" >\n @if (showNoUsersAccessInfo()) {\n <div class=\"govuk-grid-row\">\n <span id=\"{{buildElementId('access-info-no-user')}}\" class=\"govuk-div-align-left\">\n {{'No users from your organisation currently have access to this case.' | rpxTranslate}}\n </span>\n </div>\n }\n @if (showUserHasAccessInfo()) {\n <div class=\"govuk-grid-row\">\n <span id=\"{{buildElementId('access-info-has-users')}}\" class=\"govuk-div-align-left\">\n {{'Users from your organisation with access to this case.' | rpxTranslate}}\n </span>\n </div>\n }\n @if (showUserAccessTable()) {\n <table class=\"govuk-table\">\n <thead class=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <th id=\"{{buildElementId('name-heading')}}\" class=\"govuk-table__header govuk-table-column-header\" scope=\"col\">{{'Name' | rpxTranslate}}</th>\n <th id=\"{{buildElementId('email-heading')}}\" class=\"govuk-table__header govuk-table-column-header\" scope=\"col\">{{'Email address' | rpxTranslate}}</th>\n <th id=\"{{buildElementId('action-heading')}}\" class=\"govuk-table__header govuk-table-column-actions\" scope=\"col\">{{'Actions' | rpxTranslate}}</th>\n <th id=\"{{buildElementId('label-heading')}}\" class=\"govuk-table__header govuk-table-column-label\" scope=\"col\">{{ 'Status' | rpxTranslate }}</th>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\">\n @for (user of combinedSortedShares; track trackByUserId(user); let idx = $index) {\n <tr class=\"govuk-table__row\">\n <td id=\"user-full-name-{{ userIdSetter(canCancel(sharedCase.caseId, user) | async, idx) }}\" class=\"govuk-table__cell\">{{ user.firstName + ' ' + user.lastName }}</td>\n <td id=\"user-email-{{ userIdSetter(canCancel(sharedCase.caseId, user) | async, idx) }}\" class=\"govuk-table__cell\">{{ user.email }}</td>\n <td class=\"govuk-table__cell\">\n @if (canRemove(sharedCase.caseId, user) | async) {\n <a (click)=\"onRemove(user, sharedCase); $event.preventDefault()\" href=\"#\">{{'Remove' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{ user.firstName + ' ' + user.lastName }} {{'from case' | rpxTranslate}}</span></a>\n }\n @if (canCancel(sharedCase.caseId, user) | async) {\n <a (click)=\"onCancel(user, sharedCase); $event.preventDefault()\" href=\"#\">{{'Cancel' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'adding' | rpxTranslate}} {{ user.firstName + ' ' + user.lastName }} {{'to case' | rpxTranslate}}</span></a>\n }\n </td>\n <td class=\"govuk-table__cell\">\n @if (isToBeRemoved(sharedCase.caseId, user) | async) {\n <span class=\"hmcts-badge hmcts-badge--red\">{{'To be removed' | rpxTranslate}}</span>\n }\n @if (isToBeAdded(sharedCase.caseId, user) | async) {\n <span class=\"hmcts-badge\">{{'To be added' | rpxTranslate}}</span>\n }\n </td>\n </tr>\n }\n </tbody>\n </table>\n }\n </div>\n </div>\n", styles: [".govuk-case-header{border-top:1px solid #bfc1c3}.govuk-case-title{font-family:nta,Arial,sans-serif;font-size:24px;color:#005ea5;font-weight:700;padding-left:0}.govuk-case-sub-title{font-family:nta,Arial,sans-serif;font-size:1rem!important;color:#6f777b;font-weight:400;padding-left:0}.govuk-grid-row{margin-left:0;margin-right:0}.govuk-grid-column-three-quarters{padding-top:5px;padding-left:0}.govuk-grid-column-twenty-percent{box-sizing:border-box;padding-top:10px;width:20%;float:left}.govuk-grid-column-ten-percent{box-sizing:border-box;padding-top:10px;width:10%;float:left}.govuk-grid-column-five-percent{box-sizing:border-box;padding-top:15px;width:5%;float:left}.govuk-table-column-header{width:38%}.govuk-table-column-actions,.govuk-table-column-label{width:12%}.govuk-div-align-left{font-family:nta,Arial,sans-serif;font-size:1.1875rem!important;line-height:1.31579!important;text-align:left;margin-bottom:20px;padding-left:0;color:#0b0c0c}.govuk-accordion__section-header{border-top:0}.govuk-accordion__section-content{padding-top:0}.govuk-accordion__section-heading,.govuk-accordion__section-button{border-top:0}\n"] }]
|
|
6456
6467
|
}], () => [{ type: CaseSharingStateService }], { sharedCase: [{
|
|
6457
6468
|
type: Input
|
|
6458
6469
|
}], selectedUser: [{
|
|
@@ -6575,7 +6586,7 @@ class ServiceMessageComponent {
|
|
|
6575
6586
|
return this.sanitizer.sanitize(SecurityContext.HTML, content ?? '') ?? '';
|
|
6576
6587
|
}
|
|
6577
6588
|
static { this.ɵfac = function ServiceMessageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ServiceMessageComponent)(i0.ɵɵdirectiveInject(i2$1.DomSanitizer)); }; }
|
|
6578
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ServiceMessageComponent, selectors: [["xuilib-service-message"]], inputs: { message_en: "message_en", message_cy: "message_cy", key: "key" }, outputs: { hideMessage: "hideMessage" }, standalone: false, decls: 12, vars: 8, consts: [[1, "hmcts-banner", "hmcts-banner--warning"], ["fill", "currentColor", "role", "img", "aria-label", "hmcts-warning-icon", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 25", "height", "25", "width", "25", 1, "hmcts-banner__icon"], ["d", "M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z"], [1, "hmcts-banner__message"], [1, "hmcts-banner__assistive"], [1, "govuk-heading-s", 3, "innerHTML"], ["
|
|
6589
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ServiceMessageComponent, selectors: [["xuilib-service-message"]], inputs: { message_en: "message_en", message_cy: "message_cy", key: "key" }, outputs: { hideMessage: "hideMessage" }, standalone: false, decls: 12, vars: 8, consts: [[1, "hmcts-banner", "hmcts-banner--warning"], ["fill", "currentColor", "role", "img", "aria-label", "hmcts-warning-icon", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 25", "height", "25", "width", "25", 1, "hmcts-banner__icon"], ["d", "M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z"], [1, "hmcts-banner__message"], [1, "hmcts-banner__assistive"], [1, "govuk-heading-s", 3, "innerHTML"], ["type", "button", 1, "govuk-link", "govuk-link--no-visited-state", "service-message__hide-button", 3, "click"]], template: function ServiceMessageComponent_Template(rf, ctx) { if (rf & 1) {
|
|
6579
6590
|
i0.ɵɵelementStart(0, "div", 0);
|
|
6580
6591
|
i0.ɵɵnamespaceSVG();
|
|
6581
6592
|
i0.ɵɵelementStart(1, "svg", 1);
|
|
@@ -6588,8 +6599,8 @@ class ServiceMessageComponent {
|
|
|
6588
6599
|
i0.ɵɵelementEnd();
|
|
6589
6600
|
i0.ɵɵelement(7, "h2", 5);
|
|
6590
6601
|
i0.ɵɵconditionalCreate(8, ServiceMessageComponent_Conditional_8_Template, 1, 1, "h2", 5);
|
|
6591
|
-
i0.ɵɵelementStart(9, "
|
|
6592
|
-
i0.ɵɵlistener("click", function
|
|
6602
|
+
i0.ɵɵelementStart(9, "button", 6);
|
|
6603
|
+
i0.ɵɵlistener("click", function ServiceMessageComponent_Template_button_click_9_listener() { return ctx.onHideMessageEvent(ctx.key); });
|
|
6593
6604
|
i0.ɵɵtext(10);
|
|
6594
6605
|
i0.ɵɵpipe(11, "rpxTranslate");
|
|
6595
6606
|
i0.ɵɵelementEnd()()();
|
|
@@ -6602,11 +6613,11 @@ class ServiceMessageComponent {
|
|
|
6602
6613
|
i0.ɵɵconditional(ctx.message_cy ? 8 : -1);
|
|
6603
6614
|
i0.ɵɵadvance(2);
|
|
6604
6615
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11, 6, "Hide message"));
|
|
6605
|
-
} }, dependencies: [
|
|
6616
|
+
} }, dependencies: [i2.RpxTranslatePipe], styles: [".govuk-link--no-visited-state[_ngcontent-%COMP%]{cursor:pointer}.service-message__hide-button[_ngcontent-%COMP%]{appearance:none;background:none;border:0;font:inherit;padding:0}"] }); }
|
|
6606
6617
|
}
|
|
6607
6618
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ServiceMessageComponent, [{
|
|
6608
6619
|
type: Component,
|
|
6609
|
-
args: [{ selector: 'xuilib-service-message', standalone: false, template: "<div class=\"hmcts-banner hmcts-banner--warning\">\n\n <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"img\" aria-label=\"hmcts-warning-icon\" focusable=\"false\"\n xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\" />\n </svg>\n\n <div class=\"hmcts-banner__message\">\n <span class=\"hmcts-banner__assistive\">{{'Warning' | rpxTranslate}}</span>\n <h2 class=\"govuk-heading-s\" [innerHTML]=\"sanitizeHtml(message_en)\"></h2>\n @if (message_cy) {\n <h2 class=\"govuk-heading-s\" [innerHTML]=\"sanitizeHtml(message_cy)\"></h2>\n }\n <
|
|
6620
|
+
args: [{ selector: 'xuilib-service-message', standalone: false, template: "<div class=\"hmcts-banner hmcts-banner--warning\">\n\n <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"img\" aria-label=\"hmcts-warning-icon\" focusable=\"false\"\n xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\" />\n </svg>\n\n <div class=\"hmcts-banner__message\">\n <span class=\"hmcts-banner__assistive\">{{'Warning' | rpxTranslate}}</span>\n <h2 class=\"govuk-heading-s\" [innerHTML]=\"sanitizeHtml(message_en)\"></h2>\n @if (message_cy) {\n <h2 class=\"govuk-heading-s\" [innerHTML]=\"sanitizeHtml(message_cy)\"></h2>\n }\n <button type=\"button\" class=\"govuk-link govuk-link--no-visited-state service-message__hide-button\" (click)=\"onHideMessageEvent(key)\">{{'Hide message' | rpxTranslate}}</button>\n </div>\n\n</div>\n", styles: [".govuk-link--no-visited-state{cursor:pointer}.service-message__hide-button{appearance:none;background:none;border:0;font:inherit;padding:0}\n"] }]
|
|
6610
6621
|
}], () => [{ type: i2$1.DomSanitizer }], { message_en: [{
|
|
6611
6622
|
type: Input
|
|
6612
6623
|
}], message_cy: [{
|
|
@@ -7090,8 +7101,8 @@ class HmctsErrorSummaryComponent {
|
|
|
7090
7101
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HmctsErrorSummaryComponent, { className: "HmctsErrorSummaryComponent", filePath: "lib/gov-ui/components/hmcts-error-summary/hmcts-error-summary.component.ts", lineNumber: 19 }); })();
|
|
7091
7102
|
|
|
7092
7103
|
const _c0$e = a0 => ({ "govuk-form-group--error": a0 });
|
|
7093
|
-
function
|
|
7094
|
-
i0.ɵɵelementStart(0, "span",
|
|
7104
|
+
function ShareCaseComponent_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
7105
|
+
i0.ɵɵelementStart(0, "span", 23);
|
|
7095
7106
|
i0.ɵɵtext(1);
|
|
7096
7107
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
7097
7108
|
i0.ɵɵelementEnd();
|
|
@@ -7101,16 +7112,15 @@ function ShareCaseComponent_Conditional_1_Conditional_1_Template(rf, ctx) { if (
|
|
|
7101
7112
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.fnTitle));
|
|
7102
7113
|
} }
|
|
7103
7114
|
function ShareCaseComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
7104
|
-
i0.ɵɵ
|
|
7105
|
-
i0.ɵɵ
|
|
7115
|
+
i0.ɵɵconditionalCreate(0, ShareCaseComponent_Conditional_1_Conditional_0_Template, 3, 3, "span", 23);
|
|
7116
|
+
i0.ɵɵelementStart(1, "h1", 24);
|
|
7106
7117
|
i0.ɵɵtext(2);
|
|
7107
7118
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
7108
7119
|
i0.ɵɵelementEnd();
|
|
7109
7120
|
} if (rf & 2) {
|
|
7110
7121
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
7111
|
-
i0.ɵɵ
|
|
7112
|
-
i0.ɵɵ
|
|
7113
|
-
i0.ɵɵadvance();
|
|
7122
|
+
i0.ɵɵconditional(ctx_r0.fnTitle ? 0 : -1);
|
|
7123
|
+
i0.ɵɵadvance(2);
|
|
7114
7124
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, ctx_r0.title), " ");
|
|
7115
7125
|
} }
|
|
7116
7126
|
function ShareCaseComponent_Conditional_29_For_13_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -7125,7 +7135,7 @@ function ShareCaseComponent_Conditional_29_For_13_Template(rf, ctx) { if (rf & 1
|
|
|
7125
7135
|
} }
|
|
7126
7136
|
function ShareCaseComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
|
|
7127
7137
|
const _r2 = i0.ɵɵgetCurrentView();
|
|
7128
|
-
i0.ɵɵelementStart(0, "div",
|
|
7138
|
+
i0.ɵɵelementStart(0, "div", 2)(1, "label", 25);
|
|
7129
7139
|
i0.ɵɵtext(2);
|
|
7130
7140
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
7131
7141
|
i0.ɵɵelementEnd();
|
|
@@ -7133,19 +7143,19 @@ function ShareCaseComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
|
|
|
7133
7143
|
i0.ɵɵtext(5);
|
|
7134
7144
|
i0.ɵɵpipe(6, "rpxTranslate");
|
|
7135
7145
|
i0.ɵɵelementEnd();
|
|
7136
|
-
i0.ɵɵelementStart(7, "div",
|
|
7146
|
+
i0.ɵɵelementStart(7, "div", 5)(8, "div", 6)(9, "select", 27);
|
|
7137
7147
|
i0.ɵɵlistener("change", function ShareCaseComponent_Conditional_29_Template_select_change_9_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onSelectedUserToRemoveChanged($event.target.value)); });
|
|
7138
7148
|
i0.ɵɵelementStart(10, "option", 28);
|
|
7139
7149
|
i0.ɵɵtext(11, "Select a person");
|
|
7140
7150
|
i0.ɵɵelementEnd();
|
|
7141
7151
|
i0.ɵɵrepeaterCreate(12, ShareCaseComponent_Conditional_29_For_13_Template, 2, 4, "option", 29, i0.ɵɵrepeaterTrackByIdentity);
|
|
7142
7152
|
i0.ɵɵelementEnd()();
|
|
7143
|
-
i0.ɵɵelementStart(14, "div",
|
|
7153
|
+
i0.ɵɵelementStart(14, "div", 8)(15, "button", 30);
|
|
7144
7154
|
i0.ɵɵpipe(16, "rpxTranslate");
|
|
7145
7155
|
i0.ɵɵlistener("click", function ShareCaseComponent_Conditional_29_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.removeUser()); });
|
|
7146
7156
|
i0.ɵɵtext(17);
|
|
7147
7157
|
i0.ɵɵpipe(18, "rpxTranslate");
|
|
7148
|
-
i0.ɵɵelementStart(19, "span",
|
|
7158
|
+
i0.ɵɵelementStart(19, "span", 10);
|
|
7149
7159
|
i0.ɵɵtext(20);
|
|
7150
7160
|
i0.ɵɵpipe(21, "rpxTranslate");
|
|
7151
7161
|
i0.ɵɵelementEnd()()()()();
|
|
@@ -7170,7 +7180,7 @@ function ShareCaseComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
|
|
|
7170
7180
|
} }
|
|
7171
7181
|
function ShareCaseComponent_Conditional_35_Template(rf, ctx) { if (rf & 1) {
|
|
7172
7182
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
7173
|
-
i0.ɵɵelementStart(0, "div",
|
|
7183
|
+
i0.ɵɵelementStart(0, "div", 18)(1, "xuilib-selected-case-list", 31);
|
|
7174
7184
|
i0.ɵɵlistener("unselect", function ShareCaseComponent_Conditional_35_Template_xuilib_selected_case_list_unselect_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onUnselect($event)); })("synchronizeStore", function ShareCaseComponent_Conditional_35_Template_xuilib_selected_case_list_synchronizeStore_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onSynchronizeStore($event)); });
|
|
7175
7185
|
i0.ɵɵelementEnd()();
|
|
7176
7186
|
} if (rf & 2) {
|
|
@@ -7179,7 +7189,7 @@ function ShareCaseComponent_Conditional_35_Template(rf, ctx) { if (rf & 1) {
|
|
|
7179
7189
|
i0.ɵɵproperty("shareCases$", ctx_r0.shareCases$)("removeUserFromCaseToggleOn", ctx_r0.removeUserFromCaseToggleOn);
|
|
7180
7190
|
} }
|
|
7181
7191
|
function ShareCaseComponent_Conditional_36_Template(rf, ctx) { if (rf & 1) {
|
|
7182
|
-
i0.ɵɵelementStart(0, "div",
|
|
7192
|
+
i0.ɵɵelementStart(0, "div", 19);
|
|
7183
7193
|
i0.ɵɵtext(1);
|
|
7184
7194
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
7185
7195
|
i0.ɵɵelementEnd();
|
|
@@ -7371,54 +7381,54 @@ class ShareCaseComponent {
|
|
|
7371
7381
|
} if (rf & 2) {
|
|
7372
7382
|
let _t;
|
|
7373
7383
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.userSelect = _t.first);
|
|
7374
|
-
} }, inputs: { removeUserFromCaseToggleOn: "removeUserFromCaseToggleOn", shareCases$: "shareCases$", users: "users", confirmLink: "confirmLink", cancelLink: "cancelLink", addUserLabel: "addUserLabel", showRemoveUsers: "showRemoveUsers", fnTitle: "fnTitle", title: "title" }, outputs: { unselect: "unselect", synchronizeStore: "synchronizeStore" }, standalone: false, decls: 46, vars: 53, consts: [[3, "errorMessages", "header"], [
|
|
7384
|
+
} }, inputs: { removeUserFromCaseToggleOn: "removeUserFromCaseToggleOn", shareCases$: "shareCases$", users: "users", confirmLink: "confirmLink", cancelLink: "cancelLink", addUserLabel: "addUserLabel", showRemoveUsers: "showRemoveUsers", fnTitle: "fnTitle", title: "title" }, outputs: { unselect: "unselect", synchronizeStore: "synchronizeStore" }, standalone: false, decls: 46, vars: 53, consts: [[3, "errorMessages", "header"], ["id", "add-user"], [1, "govuk-form-group"], ["for", "add-user-input", 1, "govuk-label", "govuk-!-font-weight-bold"], ["id", "add-user-hint", 1, "govuk-hint"], [1, "govuk-grid-row"], [1, "govuk-grid-column-two-thirds"], ["id", "add-user-input", "aria-describedby", "add-user-hint", 3, "selected", "users"], [1, "govuk-grid-column-one-thirds"], ["id", "btn-add-user", 1, "govuk-button", "govuk-button--secondary", 3, "click", "disabled", "title"], [1, "govuk-visually-hidden"], ["id", "add-user-help", 1, "govuk-details"], [1, "govuk-details__summary"], ["id", "content-why-can-not-find-email", 1, "govuk-details__summary-text"], ["id", "content-reason-can-not-find-email", 1, "govuk-details__text"], ["id", "cases", 3, "ngClass"], ["id", "title-selected-cases", 1, "govuk-heading-m"], [3, "config", "errorMessage"], ["data-module", "govuk-accordion", "id", "accordion-with-summary-sections", 1, "govuk-accordion"], ["id", "noCaseDisplay", 1, "govuk-hint"], ["id", "share-case-nav", 1, "govuk-button-group"], ["id", "btn-continue", "data-module", "govuk-button", 1, "govuk-button", 3, "click", "title"], ["id", "btn-cancel", "data-module", "govuk-button", 1, "govuk-button", "govuk-button--secondary", 3, "title", "routerLink"], [1, "govuk-caption-xl"], [1, "govuk-heading-xl", "govuk-!-margin-top-2"], ["for", "remove-user-input", 1, "govuk-label", "govuk-!-font-weight-bold"], ["id", "remove-user-hint", 1, "govuk-hint"], ["id", "remove-user-input", "aria-describedby", "remove-user-hint", 1, "govuk-select", 3, "change", "value"], ["selected", "", 3, "ngValue"], [3, "ngValue"], ["id", "btn-remove-user", 1, "govuk-button", "govuk-button--secondary", 3, "click", "title"], [3, "unselect", "synchronizeStore", "shareCases$", "removeUserFromCaseToggleOn"]], template: function ShareCaseComponent_Template(rf, ctx) { if (rf & 1) {
|
|
7375
7385
|
i0.ɵɵelement(0, "xuilib-hmcts-error-summary", 0);
|
|
7376
|
-
i0.ɵɵconditionalCreate(1, ShareCaseComponent_Conditional_1_Template, 4, 4
|
|
7377
|
-
i0.ɵɵelementStart(2, "div",
|
|
7386
|
+
i0.ɵɵconditionalCreate(1, ShareCaseComponent_Conditional_1_Template, 4, 4);
|
|
7387
|
+
i0.ɵɵelementStart(2, "div", 1)(3, "div", 2)(4, "label", 3);
|
|
7378
7388
|
i0.ɵɵtext(5);
|
|
7379
7389
|
i0.ɵɵpipe(6, "rpxTranslate");
|
|
7380
7390
|
i0.ɵɵelementEnd();
|
|
7381
|
-
i0.ɵɵelementStart(7, "span",
|
|
7391
|
+
i0.ɵɵelementStart(7, "span", 4);
|
|
7382
7392
|
i0.ɵɵtext(8);
|
|
7383
7393
|
i0.ɵɵpipe(9, "rpxTranslate");
|
|
7384
7394
|
i0.ɵɵelementEnd();
|
|
7385
|
-
i0.ɵɵelementStart(10, "div",
|
|
7395
|
+
i0.ɵɵelementStart(10, "div", 5)(11, "div", 6)(12, "xuilib-user-select", 7);
|
|
7386
7396
|
i0.ɵɵlistener("selected", function ShareCaseComponent_Template_xuilib_user_select_selected_12_listener($event) { return ctx.onSelectedUser($event); });
|
|
7387
7397
|
i0.ɵɵelementEnd()();
|
|
7388
|
-
i0.ɵɵelementStart(13, "div",
|
|
7398
|
+
i0.ɵɵelementStart(13, "div", 8)(14, "button", 9);
|
|
7389
7399
|
i0.ɵɵpipe(15, "rpxTranslate");
|
|
7390
7400
|
i0.ɵɵlistener("click", function ShareCaseComponent_Template_button_click_14_listener() { return ctx.addUser(); });
|
|
7391
7401
|
i0.ɵɵtext(16);
|
|
7392
7402
|
i0.ɵɵpipe(17, "rpxTranslate");
|
|
7393
|
-
i0.ɵɵelementStart(18, "span",
|
|
7403
|
+
i0.ɵɵelementStart(18, "span", 10);
|
|
7394
7404
|
i0.ɵɵtext(19);
|
|
7395
7405
|
i0.ɵɵpipe(20, "rpxTranslate");
|
|
7396
7406
|
i0.ɵɵelementEnd()()()();
|
|
7397
|
-
i0.ɵɵelementStart(21, "details",
|
|
7407
|
+
i0.ɵɵelementStart(21, "details", 11)(22, "summary", 12)(23, "span", 13);
|
|
7398
7408
|
i0.ɵɵtext(24);
|
|
7399
7409
|
i0.ɵɵpipe(25, "rpxTranslate");
|
|
7400
7410
|
i0.ɵɵelementEnd()();
|
|
7401
|
-
i0.ɵɵelementStart(26, "div",
|
|
7411
|
+
i0.ɵɵelementStart(26, "div", 14);
|
|
7402
7412
|
i0.ɵɵtext(27);
|
|
7403
7413
|
i0.ɵɵpipe(28, "rpxTranslate");
|
|
7404
7414
|
i0.ɵɵelementEnd()()();
|
|
7405
|
-
i0.ɵɵconditionalCreate(29, ShareCaseComponent_Conditional_29_Template, 22, 18, "div",
|
|
7415
|
+
i0.ɵɵconditionalCreate(29, ShareCaseComponent_Conditional_29_Template, 22, 18, "div", 2);
|
|
7406
7416
|
i0.ɵɵelementEnd();
|
|
7407
|
-
i0.ɵɵelementStart(30, "div",
|
|
7417
|
+
i0.ɵɵelementStart(30, "div", 15)(31, "h3", 16);
|
|
7408
7418
|
i0.ɵɵtext(32);
|
|
7409
7419
|
i0.ɵɵpipe(33, "rpxTranslate");
|
|
7410
7420
|
i0.ɵɵelementEnd();
|
|
7411
|
-
i0.ɵɵelement(34, "xuilib-gov-uk-error-message",
|
|
7412
|
-
i0.ɵɵconditionalCreate(35, ShareCaseComponent_Conditional_35_Template, 2, 2, "div",
|
|
7413
|
-
i0.ɵɵconditionalCreate(36, ShareCaseComponent_Conditional_36_Template, 3, 3, "div",
|
|
7421
|
+
i0.ɵɵelement(34, "xuilib-gov-uk-error-message", 17);
|
|
7422
|
+
i0.ɵɵconditionalCreate(35, ShareCaseComponent_Conditional_35_Template, 2, 2, "div", 18);
|
|
7423
|
+
i0.ɵɵconditionalCreate(36, ShareCaseComponent_Conditional_36_Template, 3, 3, "div", 19);
|
|
7414
7424
|
i0.ɵɵelementEnd();
|
|
7415
|
-
i0.ɵɵelementStart(37, "div",
|
|
7425
|
+
i0.ɵɵelementStart(37, "div", 20)(38, "button", 21);
|
|
7416
7426
|
i0.ɵɵpipe(39, "rpxTranslate");
|
|
7417
7427
|
i0.ɵɵlistener("click", function ShareCaseComponent_Template_button_click_38_listener() { return ctx.onContinue(); });
|
|
7418
7428
|
i0.ɵɵtext(40);
|
|
7419
7429
|
i0.ɵɵpipe(41, "rpxTranslate");
|
|
7420
7430
|
i0.ɵɵelementEnd();
|
|
7421
|
-
i0.ɵɵelementStart(42, "button",
|
|
7431
|
+
i0.ɵɵelementStart(42, "button", 22);
|
|
7422
7432
|
i0.ɵɵpipe(43, "rpxTranslate");
|
|
7423
7433
|
i0.ɵɵtext(44);
|
|
7424
7434
|
i0.ɵɵpipe(45, "rpxTranslate");
|
|
@@ -7467,7 +7477,7 @@ class ShareCaseComponent {
|
|
|
7467
7477
|
}
|
|
7468
7478
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShareCaseComponent, [{
|
|
7469
7479
|
type: Component,
|
|
7470
|
-
args: [{ selector: 'xuilib-share-case', standalone: false, template: "<xuilib-hmcts-error-summary\n [errorMessages]=\"validationErrors\"\n [header]=\"'There is a problem'\"\n></xuilib-hmcts-error-summary>\n@if (title) {\n
|
|
7480
|
+
args: [{ selector: 'xuilib-share-case', standalone: false, template: "<xuilib-hmcts-error-summary\n [errorMessages]=\"validationErrors\"\n [header]=\"'There is a problem'\"\n></xuilib-hmcts-error-summary>\n@if (title) {\n @if (fnTitle) {\n <span class=\"govuk-caption-xl\">{{fnTitle | rpxTranslate}}</span>\n }\n <h1 class=\"govuk-heading-xl govuk-!-margin-top-2\">\n {{title | rpxTranslate}}\n </h1>\n}\n<div id=\"add-user\">\n <div class=\"govuk-form-group\">\n <label class=\"govuk-label govuk-!-font-weight-bold\" for=\"add-user-input\">{{addUserLabel | rpxTranslate}}</label>\n <span id=\"add-user-hint\" class=\"govuk-hint\">\n {{'Search by name or email address. You can share access with as many people as you need.' | rpxTranslate}}\n </span>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <xuilib-user-select\n id=\"add-user-input\"\n aria-describedby=\"add-user-hint\"\n [users]=\"users\"\n (selected)=\"onSelectedUser($event)\">\n </xuilib-user-select>\n </div>\n <div class=\"govuk-grid-column-one-thirds\">\n <button id=\"btn-add-user\" (click)=\"addUser()\"\n class=\"govuk-button govuk-button--secondary\" [disabled]=\"isDisabledAdd()\"\n title=\"{{'Add user to selected cases' | rpxTranslate}}\">\n {{'Add' | rpxTranslate}}\n <span class=\"govuk-visually-hidden\">{{'user' | rpxTranslate}}</span>\n </button>\n </div>\n </div>\n <details id=\"add-user-help\" class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span id=\"content-why-can-not-find-email\" class=\"govuk-details__summary-text\">\n {{\"Can't find an email address?\" | rpxTranslate}}\n </span>\n </summary>\n <div id=\"content-reason-can-not-find-email\" class=\"govuk-details__text\">\n {{\"If you can't find your colleague's email address, they will need to complete their registration. Contact your administrator for help.\" | rpxTranslate}}\n </div>\n </details>\n </div>\n @if (showRemoveUsers) {\n <div class=\"govuk-form-group\">\n <label class=\"govuk-label govuk-!-font-weight-bold\" for=\"remove-user-input\">\n {{'Remove a person from all cases' | rpxTranslate}}\n </label>\n <span id=\"remove-user-hint\" class=\"govuk-hint\">\n {{'Select a person to remove them from all selected cases.' | rpxTranslate}}\n </span>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <select [value]=\"selectedUserToRemove\" (change)=\"onSelectedUserToRemoveChanged($event.target.value)\" class=\"govuk-select\" id=\"remove-user-input\" aria-describedby=\"remove-user-hint\">\n <option [ngValue]=\"null\" selected>Select a person</option>\n @for (user of assignedUsers; track user) {\n <option [ngValue]=\"user\">{{user.firstName}} {{user.lastName}} - {{user.email}}</option>\n }\n </select>\n </div>\n <div class=\"govuk-grid-column-one-thirds\">\n <button id=\"btn-remove-user\" (click)=\"removeUser()\" class=\"govuk-button govuk-button--secondary\" title=\"{{'Remove user from selected cases' | rpxTranslate}}\">\n {{'Remove' | rpxTranslate}}\n <span class=\"govuk-visually-hidden\"> {{'user' | rpxTranslate}}</span>\n </button>\n </div>\n </div>\n </div>\n }\n</div>\n\n<div id=\"cases\" [ngClass]=\"{'govuk-form-group--error': shareCaseErrorMessage.messages && shareCaseErrorMessage.messages.length > 0}\">\n <h3 id=\"title-selected-cases\" class=\"govuk-heading-m\">\n {{'Selected cases' | rpxTranslate}}\n </h3>\n <xuilib-gov-uk-error-message [config]=\"selectedCasesErrorMessageConfig\" [errorMessage]=\"shareCaseErrorMessage\"></xuilib-gov-uk-error-message>\n @if (shareCases && shareCases.length > 0) {\n <div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-with-summary-sections\">\n <xuilib-selected-case-list\n [shareCases$]=\"shareCases$\"\n [removeUserFromCaseToggleOn]=\"removeUserFromCaseToggleOn\"\n (unselect)=\"onUnselect($event)\"\n (synchronizeStore)=\"onSynchronizeStore($event)\"\n >\n </xuilib-selected-case-list>\n </div>\n }\n\n @if (shareCases && shareCases.length === 0) {\n <div id=\"noCaseDisplay\" class=\"govuk-hint\">\n {{'No cases to display.' | rpxTranslate}}\n </div>\n }\n\n</div>\n\n<div id=\"share-case-nav\" class=\"govuk-button-group\">\n <button id=\"btn-continue\" class=\"govuk-button\" data-module=\"govuk-button\" (click)=\"onContinue()\" title=\"{{'Continue' | rpxTranslate}}\">\n {{'Continue' | rpxTranslate}}\n </button>\n <button id=\"btn-cancel\" class=\"govuk-button govuk-button--secondary\" data-module=\"govuk-button\" title=\"{{'Cancel' | rpxTranslate}}\" [routerLink]=\"cancelLink\">\n {{'Cancel' | rpxTranslate}}\n </button>\n</div>\n", styles: ["select{width:100%}\n"] }]
|
|
7471
7481
|
}], () => [{ type: CaseSharingStateService }, { type: i1$1.Router }], { removeUserFromCaseToggleOn: [{
|
|
7472
7482
|
type: Input
|
|
7473
7483
|
}], shareCases$: [{
|
|
@@ -7958,8 +7968,8 @@ class UserDetailsComponent {
|
|
|
7958
7968
|
|
|
7959
7969
|
function HmctsPaginationComponent_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
7960
7970
|
const _r2 = i0.ɵɵgetCurrentView();
|
|
7961
|
-
i0.ɵɵelementStart(0, "
|
|
7962
|
-
i0.ɵɵlistener("
|
|
7971
|
+
i0.ɵɵelementStart(0, "button", 9);
|
|
7972
|
+
i0.ɵɵlistener("click", function HmctsPaginationComponent_Conditional_6_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); i0.ɵɵnextContext(2); const p_r3 = i0.ɵɵreference(1); return i0.ɵɵresetView(p_r3.previous()); });
|
|
7963
7973
|
i0.ɵɵtext(1);
|
|
7964
7974
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
7965
7975
|
i0.ɵɵelementStart(3, "span", 10);
|
|
@@ -7974,8 +7984,8 @@ function HmctsPaginationComponent_Conditional_6_Conditional_2_Template(rf, ctx)
|
|
|
7974
7984
|
} }
|
|
7975
7985
|
function HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
7976
7986
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
7977
|
-
i0.ɵɵelementStart(0, "
|
|
7978
|
-
i0.ɵɵlistener("
|
|
7987
|
+
i0.ɵɵelementStart(0, "button", 9);
|
|
7988
|
+
i0.ɵɵlistener("click", function HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const page_r5 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(3); const p_r3 = i0.ɵɵreference(1); return i0.ɵɵresetView(p_r3.setCurrent(page_r5.value)); });
|
|
7979
7989
|
i0.ɵɵelementStart(1, "span", 10);
|
|
7980
7990
|
i0.ɵɵtext(2);
|
|
7981
7991
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
@@ -8003,7 +8013,7 @@ function HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Conditional_
|
|
|
8003
8013
|
} }
|
|
8004
8014
|
function HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Template(rf, ctx) { if (rf & 1) {
|
|
8005
8015
|
i0.ɵɵelementStart(0, "li", 12);
|
|
8006
|
-
i0.ɵɵconditionalCreate(1, HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Conditional_1_Template, 7, 7, "
|
|
8016
|
+
i0.ɵɵconditionalCreate(1, HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Conditional_1_Template, 7, 7, "button", 7);
|
|
8007
8017
|
i0.ɵɵconditionalCreate(2, HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Conditional_2_Template, 3, 4, "span");
|
|
8008
8018
|
i0.ɵɵelementEnd();
|
|
8009
8019
|
} if (rf & 2) {
|
|
@@ -8025,8 +8035,8 @@ function HmctsPaginationComponent_Conditional_6_Conditional_3_Template(rf, ctx)
|
|
|
8025
8035
|
} }
|
|
8026
8036
|
function HmctsPaginationComponent_Conditional_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
8027
8037
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
8028
|
-
i0.ɵɵelementStart(0, "
|
|
8029
|
-
i0.ɵɵlistener("
|
|
8038
|
+
i0.ɵɵelementStart(0, "button", 9);
|
|
8039
|
+
i0.ɵɵlistener("click", function HmctsPaginationComponent_Conditional_6_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); i0.ɵɵnextContext(2); const p_r3 = i0.ɵɵreference(1); return i0.ɵɵresetView(p_r3.next()); });
|
|
8030
8040
|
i0.ɵɵtext(1);
|
|
8031
8041
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
8032
8042
|
i0.ɵɵelementStart(3, "span", 10);
|
|
@@ -8041,11 +8051,11 @@ function HmctsPaginationComponent_Conditional_6_Conditional_5_Template(rf, ctx)
|
|
|
8041
8051
|
} }
|
|
8042
8052
|
function HmctsPaginationComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
8043
8053
|
i0.ɵɵelementStart(0, "ul", 4)(1, "li", 6);
|
|
8044
|
-
i0.ɵɵconditionalCreate(2, HmctsPaginationComponent_Conditional_6_Conditional_2_Template, 6, 6, "
|
|
8054
|
+
i0.ɵɵconditionalCreate(2, HmctsPaginationComponent_Conditional_6_Conditional_2_Template, 6, 6, "button", 7);
|
|
8045
8055
|
i0.ɵɵelementEnd();
|
|
8046
8056
|
i0.ɵɵconditionalCreate(3, HmctsPaginationComponent_Conditional_6_Conditional_3_Template, 2, 0);
|
|
8047
8057
|
i0.ɵɵelementStart(4, "li", 8);
|
|
8048
|
-
i0.ɵɵconditionalCreate(5, HmctsPaginationComponent_Conditional_6_Conditional_5_Template, 6, 6, "
|
|
8058
|
+
i0.ɵɵconditionalCreate(5, HmctsPaginationComponent_Conditional_6_Conditional_5_Template, 6, 6, "button", 7);
|
|
8049
8059
|
i0.ɵɵelementEnd()();
|
|
8050
8060
|
} if (rf & 2) {
|
|
8051
8061
|
const ctx_r6 = i0.ɵɵnextContext();
|
|
@@ -8109,7 +8119,7 @@ class HmctsPaginationComponent {
|
|
|
8109
8119
|
this.pageBoundsCorrection = new EventEmitter();
|
|
8110
8120
|
}
|
|
8111
8121
|
static { this.ɵfac = function HmctsPaginationComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HmctsPaginationComponent)(); }; }
|
|
8112
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HmctsPaginationComponent, selectors: [["xuilib-hmcts-pagination"]], inputs: { id: "id", maxSize: "maxSize", pageSize: "pageSize", showPageNumbers: "showPageNumbers", showResultCount: "showResultCount" }, outputs: { pageChange: "pageChange", pageBoundsCorrection: "pageBoundsCorrection" }, standalone: false, decls: 8, vars: 7, consts: [["p", "paginationApi"], [3, "pageChange", "pageBoundsCorrection", "id", "maxSize"], ["id", "pagination-label", 1, "hmcts-pagination"], ["aria-labelledby", "pagination-label", 1, "govuk-visually-hidden"], [1, "hmcts-pagination__list"], [1, "hmcts-pagination__results"], [1, "hmcts-pagination__item", "hmcts-pagination__item--prev"], [
|
|
8122
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HmctsPaginationComponent, selectors: [["xuilib-hmcts-pagination"]], inputs: { id: "id", maxSize: "maxSize", pageSize: "pageSize", showPageNumbers: "showPageNumbers", showResultCount: "showResultCount" }, outputs: { pageChange: "pageChange", pageBoundsCorrection: "pageBoundsCorrection" }, standalone: false, decls: 8, vars: 7, consts: [["p", "paginationApi"], [3, "pageChange", "pageBoundsCorrection", "id", "maxSize"], ["id", "pagination-label", 1, "hmcts-pagination"], ["aria-labelledby", "pagination-label", 1, "govuk-visually-hidden"], [1, "hmcts-pagination__list"], ["role", "status", 1, "hmcts-pagination__results"], [1, "hmcts-pagination__item", "hmcts-pagination__item--prev"], ["type", "button", 1, "hmcts-pagination__link"], [1, "hmcts-pagination__item", "hmcts-pagination__item--next"], ["type", "button", 1, "hmcts-pagination__link", 3, "click"], [1, "govuk-visually-hidden"], [1, "hmcts-pagination__item", 3, "hmcts-pagination__item--active", "hmcts-pagination__item--dots"], [1, "hmcts-pagination__item"]], template: function HmctsPaginationComponent_Template(rf, ctx) { if (rf & 1) {
|
|
8113
8123
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
8114
8124
|
i0.ɵɵelementStart(0, "pagination-template", 1, 0);
|
|
8115
8125
|
i0.ɵɵlistener("pageChange", function HmctsPaginationComponent_Template_pagination_template_pageChange_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.pageChange.emit($event)); })("pageBoundsCorrection", function HmctsPaginationComponent_Template_pagination_template_pageBoundsCorrection_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.pageBoundsCorrection.emit($event)); });
|
|
@@ -8129,11 +8139,11 @@ class HmctsPaginationComponent {
|
|
|
8129
8139
|
i0.ɵɵconditional(!(p_r3.pages.length <= 1) ? 6 : -1);
|
|
8130
8140
|
i0.ɵɵadvance();
|
|
8131
8141
|
i0.ɵɵconditional(ctx.showResultCount ? 7 : -1);
|
|
8132
|
-
} }, dependencies: [i1$
|
|
8142
|
+
} }, dependencies: [i1$5.PaginationControlsDirective, i1.DecimalPipe, i2.RpxTranslatePipe], styles: ["@media (min-width: 48.0625em){.hmcts-pagination[_ngcontent-%COMP%]{margin-left:-govuk-spacing(1);margin-right:-govuk-spacing(1);font-size:0;text-align:justify}.hmcts-pagination[_ngcontent-%COMP%]:after{content:\"\";display:inline-block;width:100%}}.hmcts-pagination__list[_ngcontent-%COMP%]{list-style:none;margin:0;padding:0}@media (min-width: 48.0625em){.hmcts-pagination__list[_ngcontent-%COMP%]{display:inline-block;margin-bottom:0;vertical-align:middle}}.hmcts-pagination__item[_ngcontent-%COMP%]{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\");font-display:fallback}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\");font-display:fallback}@media print{.hmcts-pagination__item[_ngcontent-%COMP%]{font-family:sans-serif}}.hmcts-pagination__item[_ngcontent-%COMP%]{font-weight:400;font-size:1rem;line-height:1.25}@media (min-width: 40.0625em){.hmcts-pagination__item[_ngcontent-%COMP%]{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-pagination__item[_ngcontent-%COMP%]{font-size:14pt;line-height:1.15}}.hmcts-pagination__item[_ngcontent-%COMP%]{display:inline-block}.hmcts-pagination__item--active[_ngcontent-%COMP%], .hmcts-pagination__item--dots[_ngcontent-%COMP%]{font-weight:700;height:25px;padding:5px 10px;text-align:center}.hmcts-pagination__item--dots[_ngcontent-%COMP%]{padding-left:0;padding-right:0}.hmcts-pagination__item--prev[_ngcontent-%COMP%] .hmcts-pagination__link[_ngcontent-%COMP%]:before, .hmcts-pagination__item--prev[_ngcontent-%COMP%] .hmcts-pagination__link[_ngcontent-%COMP%]:after, .hmcts-pagination__item--next[_ngcontent-%COMP%] .hmcts-pagination__link[_ngcontent-%COMP%]:before, .hmcts-pagination__item--next[_ngcontent-%COMP%] .hmcts-pagination__link[_ngcontent-%COMP%]:after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 36'%3E%3Cpath fill='%231d70b8' fill-rule='evenodd' clip-rule='evenodd' d='M8.9 18L0 9l8.9-9L11 2.1 4.2 9l6.8 6.9L8.9 18zM11 33.9l6.8-6.9-6.8-6.9 2.1-2.1 8.9 9-8.9 9-2.1-2.1z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:22px 36px;background-position:0 0;display:inline-block;height:18px;vertical-align:middle;position:relative;top:-1px;width:11px}.hmcts-pagination__item--prev[_ngcontent-%COMP%] .hmcts-pagination__link[_ngcontent-%COMP%]:before{background-position:0 0;content:\"\";margin-right:10px}.hmcts-pagination__item--next[_ngcontent-%COMP%] .hmcts-pagination__link[_ngcontent-%COMP%]:after{background-position:-11px -18px;content:\"\";margin-left:10px}.hmcts-pagination__link[_ngcontent-%COMP%]{background:transparent;border:0;color:#1d70b8;cursor:pointer;display:block;font:inherit;padding:5px;text-align:center;text-decoration:none;min-width:25px}.hmcts-pagination__link[_ngcontent-%COMP%]:link, .hmcts-pagination__link[_ngcontent-%COMP%]:visited{color:#1d70b8}.hmcts-pagination__link[_ngcontent-%COMP%]:hover{color:#5694ca}.hmcts-pagination__link[_ngcontent-%COMP%]:focus{color:#0b0c0c}.hmcts-pagination__results[_ngcontent-%COMP%]{padding:5px}@media (min-width: 48.0625em){.hmcts-pagination__results[_ngcontent-%COMP%]{display:inline-block;margin-bottom:0;vertical-align:middle}}.hmcts-pagination__results[_ngcontent-%COMP%]{float:right}\n\n"] }); }
|
|
8133
8143
|
}
|
|
8134
8144
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HmctsPaginationComponent, [{
|
|
8135
8145
|
type: Component,
|
|
8136
|
-
args: [{ selector: 'xuilib-hmcts-pagination', standalone: false, template: "<pagination-template #p=\"paginationApi\" [id]=\"id\" [maxSize]=\"maxSize\" (pageChange)=\"pageChange.emit($event)\"\n (pageBoundsCorrection)=\"pageBoundsCorrection.emit($event)\">\n\n <nav class=\"hmcts-pagination\" id=\"pagination-label\">\n <p class=\"govuk-visually-hidden\" aria-labelledby=\"pagination-label\">{{'Pagination navigation' | rpxTranslate}}</p>\n @if (!(p.pages.length <= 1)) {\n <ul class=\"hmcts-pagination__list\">\n <li class=\"hmcts-pagination__item hmcts-pagination__item--prev\" [class.disabled]=\"p.isFirstPage()\">\n @if (1 < p.getCurrent()) {\n <
|
|
8146
|
+
args: [{ selector: 'xuilib-hmcts-pagination', standalone: false, template: "<pagination-template #p=\"paginationApi\" [id]=\"id\" [maxSize]=\"maxSize\" (pageChange)=\"pageChange.emit($event)\"\n (pageBoundsCorrection)=\"pageBoundsCorrection.emit($event)\">\n\n <nav class=\"hmcts-pagination\" id=\"pagination-label\">\n <p class=\"govuk-visually-hidden\" aria-labelledby=\"pagination-label\">{{'Pagination navigation' | rpxTranslate}}</p>\n @if (!(p.pages.length <= 1)) {\n <ul class=\"hmcts-pagination__list\">\n <li class=\"hmcts-pagination__item hmcts-pagination__item--prev\" [class.disabled]=\"p.isFirstPage()\">\n @if (1 < p.getCurrent()) {\n <button type=\"button\" class=\"hmcts-pagination__link\" (click)=\"p.previous()\">{{'Previous' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'set of pages' | rpxTranslate}}</span></button>\n }\n </li>\n @if (showPageNumbers) {\n @for (page of p.pages; track page) {\n <li class=\"hmcts-pagination__item\" [class.hmcts-pagination__item--active]=\"p.getCurrent() === page.value\"\n [class.hmcts-pagination__item--dots]=\"page.label === '...'\">\n @if (p.getCurrent() !== page.value) {\n <button type=\"button\" class=\"hmcts-pagination__link\" (click)=\"p.setCurrent(page.value)\">\n <span class=\"govuk-visually-hidden\">{{'page' | rpxTranslate}} </span>\n <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\n </button>\n }\n @if (p.getCurrent() === page.value) {\n <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\n }\n </li>\n }\n }\n <li class=\"hmcts-pagination__item hmcts-pagination__item--next\" [class.disabled]=\"p.isLastPage()\">\n @if (!p.isLastPage()) {\n <button type=\"button\" class=\"hmcts-pagination__link\" (click)=\"p.next()\">{{'Next' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'page' | rpxTranslate}}</span></button>\n }\n </li>\n </ul>\n }\n @if (showResultCount) {\n <p class=\"hmcts-pagination__results\" role=\"status\">{{'Showing' | rpxTranslate}} <b>{{(p.getCurrent() * pageSize) - pageSize + 1}}</b>\n {{'to' | rpxTranslate}} <b>{{ p.getCurrent() * pageSize > p.getTotalItems() ? p.getTotalItems() : p.getCurrent() *\n pageSize}}</b> {{'of' | rpxTranslate}} <b>{{p.getTotalItems()}}</b> {{'results' | rpxTranslate}}</p>\n }\n </nav>\n\n </pagination-template>\n", styles: ["@media (min-width: 48.0625em){.hmcts-pagination{margin-left:-govuk-spacing(1);margin-right:-govuk-spacing(1);font-size:0;text-align:justify}.hmcts-pagination:after{content:\"\";display:inline-block;width:100%}}.hmcts-pagination__list{list-style:none;margin:0;padding:0}@media (min-width: 48.0625em){.hmcts-pagination__list{display:inline-block;margin-bottom:0;vertical-align:middle}}.hmcts-pagination__item{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format(\"woff2\"),url(/assets/fonts/light-f591b13f7d-v2.woff) format(\"woff\");font-display:fallback}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format(\"woff2\"),url(/assets/fonts/bold-affa96571d-v2.woff) format(\"woff\");font-display:fallback}@media print{.hmcts-pagination__item{font-family:sans-serif}}.hmcts-pagination__item{font-weight:400;font-size:1rem;line-height:1.25}@media (min-width: 40.0625em){.hmcts-pagination__item{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-pagination__item{font-size:14pt;line-height:1.15}}.hmcts-pagination__item{display:inline-block}.hmcts-pagination__item--active,.hmcts-pagination__item--dots{font-weight:700;height:25px;padding:5px 10px;text-align:center}.hmcts-pagination__item--dots{padding-left:0;padding-right:0}.hmcts-pagination__item--prev .hmcts-pagination__link:before,.hmcts-pagination__item--prev .hmcts-pagination__link:after,.hmcts-pagination__item--next .hmcts-pagination__link:before,.hmcts-pagination__item--next .hmcts-pagination__link:after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 36'%3E%3Cpath fill='%231d70b8' fill-rule='evenodd' clip-rule='evenodd' d='M8.9 18L0 9l8.9-9L11 2.1 4.2 9l6.8 6.9L8.9 18zM11 33.9l6.8-6.9-6.8-6.9 2.1-2.1 8.9 9-8.9 9-2.1-2.1z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:22px 36px;background-position:0 0;display:inline-block;height:18px;vertical-align:middle;position:relative;top:-1px;width:11px}.hmcts-pagination__item--prev .hmcts-pagination__link:before{background-position:0 0;content:\"\";margin-right:10px}.hmcts-pagination__item--next .hmcts-pagination__link:after{background-position:-11px -18px;content:\"\";margin-left:10px}.hmcts-pagination__link{background:transparent;border:0;color:#1d70b8;cursor:pointer;display:block;font:inherit;padding:5px;text-align:center;text-decoration:none;min-width:25px}.hmcts-pagination__link:link,.hmcts-pagination__link:visited{color:#1d70b8}.hmcts-pagination__link:hover{color:#5694ca}.hmcts-pagination__link:focus{color:#0b0c0c}.hmcts-pagination__results{padding:5px}@media (min-width: 48.0625em){.hmcts-pagination__results{display:inline-block;margin-bottom:0;vertical-align:middle}}.hmcts-pagination__results{float:right}\n/*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */\n"] }]
|
|
8137
8147
|
}], null, { id: [{
|
|
8138
8148
|
type: Input
|
|
8139
8149
|
}], maxSize: [{
|
|
@@ -8152,12 +8162,35 @@ class HmctsPaginationComponent {
|
|
|
8152
8162
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HmctsPaginationComponent, { className: "HmctsPaginationComponent", filePath: "lib/gov-ui/components/hmcts-pagination/hmcts-pagination.component.ts", lineNumber: 9 }); })();
|
|
8153
8163
|
|
|
8154
8164
|
const _c0$b = (a0, a1, a2) => ({ itemsPerPage: a0, currentPage: a1, totalItems: a2 });
|
|
8155
|
-
function
|
|
8165
|
+
function UserListComponent_For_14_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
8156
8166
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
8157
|
-
i0.ɵɵelementStart(0, "
|
|
8158
|
-
i0.ɵɵlistener("click", function
|
|
8159
|
-
i0.ɵɵtext(
|
|
8160
|
-
i0.ɵɵelementEnd()
|
|
8167
|
+
i0.ɵɵelementStart(0, "a", 10);
|
|
8168
|
+
i0.ɵɵlistener("click", function UserListComponent_For_14_Conditional_2_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r1); const u_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onUserClick(u_r2)); });
|
|
8169
|
+
i0.ɵɵtext(1);
|
|
8170
|
+
i0.ɵɵelementEnd();
|
|
8171
|
+
} if (rf & 2) {
|
|
8172
|
+
const u_r2 = i0.ɵɵnextContext().$implicit;
|
|
8173
|
+
i0.ɵɵproperty("routerLink", u_r2.routerLink);
|
|
8174
|
+
i0.ɵɵattribute("title", u_r2.routerLinkTitle);
|
|
8175
|
+
i0.ɵɵadvance();
|
|
8176
|
+
i0.ɵɵtextInterpolate(u_r2.fullName);
|
|
8177
|
+
} }
|
|
8178
|
+
function UserListComponent_For_14_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
8179
|
+
const _r4 = i0.ɵɵgetCurrentView();
|
|
8180
|
+
i0.ɵɵelementStart(0, "button", 11);
|
|
8181
|
+
i0.ɵɵlistener("click", function UserListComponent_For_14_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const u_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onUserClick(u_r2)); });
|
|
8182
|
+
i0.ɵɵtext(1);
|
|
8183
|
+
i0.ɵɵelementEnd();
|
|
8184
|
+
} if (rf & 2) {
|
|
8185
|
+
const u_r2 = i0.ɵɵnextContext().$implicit;
|
|
8186
|
+
i0.ɵɵattribute("title", u_r2.routerLinkTitle);
|
|
8187
|
+
i0.ɵɵadvance();
|
|
8188
|
+
i0.ɵɵtextInterpolate(u_r2.fullName);
|
|
8189
|
+
} }
|
|
8190
|
+
function UserListComponent_For_14_Template(rf, ctx) { if (rf & 1) {
|
|
8191
|
+
i0.ɵɵelementStart(0, "tr", 5)(1, "td", 7);
|
|
8192
|
+
i0.ɵɵconditionalCreate(2, UserListComponent_For_14_Conditional_2_Template, 2, 3, "a", 8)(3, UserListComponent_For_14_Conditional_3_Template, 2, 2, "button", 9);
|
|
8193
|
+
i0.ɵɵelementEnd();
|
|
8161
8194
|
i0.ɵɵelementStart(4, "td", 7);
|
|
8162
8195
|
i0.ɵɵtext(5);
|
|
8163
8196
|
i0.ɵɵelementEnd();
|
|
@@ -8167,11 +8200,8 @@ function UserListComponent_For_14_Template(rf, ctx) { if (rf & 1) {
|
|
|
8167
8200
|
} if (rf & 2) {
|
|
8168
8201
|
const u_r2 = ctx.$implicit;
|
|
8169
8202
|
i0.ɵɵadvance(2);
|
|
8170
|
-
i0.ɵɵ
|
|
8171
|
-
i0.ɵɵ
|
|
8172
|
-
i0.ɵɵadvance();
|
|
8173
|
-
i0.ɵɵtextInterpolate(u_r2.fullName);
|
|
8174
|
-
i0.ɵɵadvance(2);
|
|
8203
|
+
i0.ɵɵconditional(u_r2.routerLink ? 2 : 3);
|
|
8204
|
+
i0.ɵɵadvance(3);
|
|
8175
8205
|
i0.ɵɵtextInterpolate(u_r2.email);
|
|
8176
8206
|
i0.ɵɵadvance(2);
|
|
8177
8207
|
i0.ɵɵtextInterpolate(u_r2.status);
|
|
@@ -8193,7 +8223,7 @@ class UserListComponent {
|
|
|
8193
8223
|
this.pageChange.emit(pageNumber);
|
|
8194
8224
|
}
|
|
8195
8225
|
static { this.ɵfac = function UserListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UserListComponent)(); }; }
|
|
8196
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserListComponent, selectors: [["xuilib-user-list"]], inputs: { users: "users", currentPageNumber: "currentPageNumber", pageTotalSize: "pageTotalSize" }, outputs: { userClick: "userClick", pageChange: "pageChange" }, standalone: false, decls: 17, vars: 17, consts: [[1, "govuk-table"], ["clas", "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header"], [1, "govuk-table__body"], ["data-selector", "table-row", 1, "govuk-table__row"], [3, "pageChange", "pageSize"], ["data-selector", "table-cell", 1, "govuk-table__cell"], [1, "govuk-link", 3, "click", "routerLink"]], template: function UserListComponent_Template(rf, ctx) { if (rf & 1) {
|
|
8226
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserListComponent, selectors: [["xuilib-user-list"]], inputs: { users: "users", currentPageNumber: "currentPageNumber", pageTotalSize: "pageTotalSize" }, outputs: { userClick: "userClick", pageChange: "pageChange" }, standalone: false, decls: 17, vars: 17, consts: [[1, "govuk-table"], ["clas", "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header"], [1, "govuk-table__body"], ["data-selector", "table-row", 1, "govuk-table__row"], [3, "pageChange", "pageSize"], ["data-selector", "table-cell", 1, "govuk-table__cell"], [1, "govuk-link", 3, "routerLink"], ["type", "button", 1, "govuk-link", "user-link-button"], [1, "govuk-link", 3, "click", "routerLink"], ["type", "button", 1, "govuk-link", "user-link-button", 3, "click"]], template: function UserListComponent_Template(rf, ctx) { if (rf & 1) {
|
|
8197
8227
|
i0.ɵɵelementStart(0, "table", 0)(1, "thead", 1)(2, "tr", 2)(3, "th", 3);
|
|
8198
8228
|
i0.ɵɵtext(4);
|
|
8199
8229
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
@@ -8207,7 +8237,7 @@ class UserListComponent {
|
|
|
8207
8237
|
i0.ɵɵpipe(11, "rpxTranslate");
|
|
8208
8238
|
i0.ɵɵelementEnd()()();
|
|
8209
8239
|
i0.ɵɵelementStart(12, "tbody", 4);
|
|
8210
|
-
i0.ɵɵrepeaterCreate(13, UserListComponent_For_14_Template, 8,
|
|
8240
|
+
i0.ɵɵrepeaterCreate(13, UserListComponent_For_14_Template, 8, 3, "tr", 5, i0.ɵɵrepeaterTrackByIdentity);
|
|
8211
8241
|
i0.ɵɵpipe(15, "paginate");
|
|
8212
8242
|
i0.ɵɵelementEnd()();
|
|
8213
8243
|
i0.ɵɵelementStart(16, "xuilib-hmcts-pagination", 6);
|
|
@@ -8224,11 +8254,11 @@ class UserListComponent {
|
|
|
8224
8254
|
i0.ɵɵrepeater(i0.ɵɵpipeBind2(15, 10, ctx.users, i0.ɵɵpureFunction3(13, _c0$b, ctx.pagination.itemsPerPage, ctx.currentPageNumber, ctx.pagination.totalItems)));
|
|
8225
8255
|
i0.ɵɵadvance(3);
|
|
8226
8256
|
i0.ɵɵproperty("pageSize", ctx.pagination.itemsPerPage);
|
|
8227
|
-
} }, dependencies: [i1$1.RouterLink, HmctsPaginationComponent,
|
|
8257
|
+
} }, dependencies: [i1$1.RouterLink, HmctsPaginationComponent, i1$5.PaginatePipe, i2.RpxTranslatePipe], styles: ["[_nghost-%COMP%]{display:block}.user-link-button[_ngcontent-%COMP%]{appearance:none;background:none;border:0;cursor:pointer;font:inherit;padding:0;text-align:left}"] }); }
|
|
8228
8258
|
}
|
|
8229
8259
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserListComponent, [{
|
|
8230
8260
|
type: Component,
|
|
8231
|
-
args: [{ selector: 'xuilib-user-list', standalone: false, template: "<table class=\"govuk-table\">\n\n <thead clas=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <th class=\"govuk-table__header\" scope=\"col\">{{'Name' | rpxTranslate}}</th>\n <th class=\"govuk-table__header\" scope=\"col\">{{'Email' | rpxTranslate}}</th>\n <th class=\"govuk-table__header\" scope=\"col\">{{'Status' | rpxTranslate}}</th>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\">\n @for (u of users | paginate: { itemsPerPage: pagination.itemsPerPage, currentPage: currentPageNumber, totalItems: pagination.totalItems }; track u) {\n <tr class=\"govuk-table__row\" data-selector=\"table-row\">\n <td class=\"govuk-table__cell\" data-selector=\"table-cell\">\n <a class=\"govuk-link\" [attr.title]=\"u.routerLinkTitle\" [routerLink]=\"u.routerLink\" (click)=\"onUserClick(u)\">{{ u.fullName }}</a>\n </td>\n <td class=\"govuk-table__cell\" data-selector=\"table-cell\">{{ u.email }}</td>\n <td class=\"govuk-table__cell\" data-selector=\"table-cell\">{{ u.status }}</td>\n </tr>\n }\n </tbody>\n</table>\n<xuilib-hmcts-pagination (pageChange)=\"emitPageClickEvent($event)\" [pageSize]=\"pagination.itemsPerPage\"></xuilib-hmcts-pagination>\n", styles: [":host{display:block}\n"] }]
|
|
8261
|
+
args: [{ selector: 'xuilib-user-list', standalone: false, template: "<table class=\"govuk-table\">\n\n <thead clas=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <th class=\"govuk-table__header\" scope=\"col\">{{'Name' | rpxTranslate}}</th>\n <th class=\"govuk-table__header\" scope=\"col\">{{'Email' | rpxTranslate}}</th>\n <th class=\"govuk-table__header\" scope=\"col\">{{'Status' | rpxTranslate}}</th>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\">\n @for (u of users | paginate: { itemsPerPage: pagination.itemsPerPage, currentPage: currentPageNumber, totalItems: pagination.totalItems }; track u) {\n <tr class=\"govuk-table__row\" data-selector=\"table-row\">\n <td class=\"govuk-table__cell\" data-selector=\"table-cell\">\n @if (u.routerLink) {\n <a class=\"govuk-link\" [attr.title]=\"u.routerLinkTitle\" [routerLink]=\"u.routerLink\" (click)=\"onUserClick(u)\">{{ u.fullName }}</a>\n } @else {\n <button type=\"button\" class=\"govuk-link user-link-button\" [attr.title]=\"u.routerLinkTitle\" (click)=\"onUserClick(u)\">{{ u.fullName }}</button>\n }\n </td>\n <td class=\"govuk-table__cell\" data-selector=\"table-cell\">{{ u.email }}</td>\n <td class=\"govuk-table__cell\" data-selector=\"table-cell\">{{ u.status }}</td>\n </tr>\n }\n </tbody>\n</table>\n<xuilib-hmcts-pagination (pageChange)=\"emitPageClickEvent($event)\" [pageSize]=\"pagination.itemsPerPage\"></xuilib-hmcts-pagination>\n", styles: [":host{display:block}.user-link-button{appearance:none;background:none;border:0;cursor:pointer;font:inherit;padding:0;text-align:left}\n"] }]
|
|
8232
8262
|
}], null, { users: [{
|
|
8233
8263
|
type: Input
|
|
8234
8264
|
}], currentPageNumber: [{
|
|
@@ -8273,19 +8303,19 @@ function CookieBannerComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
8273
8303
|
i0.ɵɵelementEnd()()()();
|
|
8274
8304
|
} if (rf & 2) {
|
|
8275
8305
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
8276
|
-
i0.ɵɵattribute("aria-label",
|
|
8306
|
+
i0.ɵɵattribute("aria-label", "Cookies on " + ctx_r1.appName);
|
|
8277
8307
|
i0.ɵɵadvance(5);
|
|
8278
|
-
i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(6,
|
|
8308
|
+
i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(6, 8, "Cookies on"), " ", i0.ɵɵpipeBind1(7, 10, ctx_r1.appName));
|
|
8279
8309
|
i0.ɵɵadvance(5);
|
|
8280
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11,
|
|
8310
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11, 12, "We use some essential cookies to make this service work."));
|
|
8281
8311
|
i0.ɵɵadvance(3);
|
|
8282
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14,
|
|
8312
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 14, "We'd also like to use analytics cookies so we can understand how you use the service and make improvements."));
|
|
8283
8313
|
i0.ɵɵadvance(4);
|
|
8284
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(18,
|
|
8314
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(18, 16, "Accept analytics cookies"), " ");
|
|
8285
8315
|
i0.ɵɵadvance(3);
|
|
8286
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(21,
|
|
8316
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(21, 18, "Reject analytics cookies"), " ");
|
|
8287
8317
|
i0.ɵɵadvance(3);
|
|
8288
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(24,
|
|
8318
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(24, 20, "View cookies"));
|
|
8289
8319
|
} }
|
|
8290
8320
|
class CookieBannerComponent {
|
|
8291
8321
|
constructor(cookieService, window) {
|
|
@@ -8361,14 +8391,14 @@ class CookieBannerComponent {
|
|
|
8361
8391
|
}
|
|
8362
8392
|
static { this.ɵfac = function CookieBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CookieBannerComponent)(i0.ɵɵdirectiveInject(CookieService), i0.ɵɵdirectiveInject(windowToken)); }; }
|
|
8363
8393
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CookieBannerComponent, selectors: [["xuilib-cookie-banner"]], inputs: { identifier: "identifier", appName: "appName", enableDynatrace: "enableDynatrace" }, outputs: { rejectionNotifier: "rejectionNotifier", acceptanceNotifier: "acceptanceNotifier" }, standalone: false, decls: 1, vars: 1, consts: [["role", "region", 1, "govuk-cookie-banner"], [1, "govuk-cookie-banner__message", "govuk-width-container"], [1, "govuk-grid-row"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-cookie-banner__heading", "govuk-heading-m"], [1, "govuk-cookie-banner__content"], [1, "govuk-button-group"], ["value", "accept", "type", "button", "name", "cookies", "data-module", "govuk-button", 1, "govuk-button", 3, "click"], ["value", "reject", "type", "button", "name", "cookies", "data-module", "govuk-button", 1, "govuk-button", 3, "click"], ["routerLink", "/cookies", 1, "govuk-link"]], template: function CookieBannerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
8364
|
-
i0.ɵɵconditionalCreate(0, CookieBannerComponent_Conditional_0_Template, 25,
|
|
8394
|
+
i0.ɵɵconditionalCreate(0, CookieBannerComponent_Conditional_0_Template, 25, 22, "div", 0);
|
|
8365
8395
|
} if (rf & 2) {
|
|
8366
8396
|
i0.ɵɵconditional(ctx.isCookieBannerVisible ? 0 : -1);
|
|
8367
8397
|
} }, dependencies: [i1$1.RouterLink, i2.RpxTranslatePipe], encapsulation: 2 }); }
|
|
8368
8398
|
}
|
|
8369
8399
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CookieBannerComponent, [{
|
|
8370
8400
|
type: Component,
|
|
8371
|
-
args: [{ selector: 'xuilib-cookie-banner', standalone: false, template: "@if (isCookieBannerVisible) {\n <div class=\"govuk-cookie-banner \" role=\"region\" attr.aria-label=\"'Cookies on
|
|
8401
|
+
args: [{ selector: 'xuilib-cookie-banner', standalone: false, template: "@if (isCookieBannerVisible) {\n <div class=\"govuk-cookie-banner \" role=\"region\" [attr.aria-label]=\"'Cookies on ' + appName\">\n <div class=\"govuk-cookie-banner__message govuk-width-container\">\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">{{'Cookies on' | rpxTranslate}} {{appName | rpxTranslate}}</h2>\n <div class=\"govuk-cookie-banner__content\">\n <p>{{'We use some essential cookies to make this service work.' | rpxTranslate}}</p>\n <p>{{'We\\'d also like to use analytics cookies so we can understand how you use the service and make improvements.' | rpxTranslate}}</p>\n </div>\n </div>\n </div>\n <div class=\"govuk-button-group\">\n <button value=\"accept\" type=\"button\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\" (click)=\"acceptCookie()\">\n {{'Accept analytics cookies' | rpxTranslate}}\n </button>\n <button value=\"reject\" type=\"button\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\" (click)=\"rejectCookie()\">\n {{'Reject analytics cookies' | rpxTranslate}}\n </button>\n <a class=\"govuk-link\" routerLink=\"/cookies\">{{'View cookies' | rpxTranslate}}</a>\n </div>\n </div>\n </div>\n}\n" }]
|
|
8372
8402
|
}], () => [{ type: CookieService }, { type: undefined, decorators: [{
|
|
8373
8403
|
type: Inject,
|
|
8374
8404
|
args: [windowToken]
|
|
@@ -8835,8 +8865,8 @@ function ExuiPageWrapperComponent_Conditional_1_Template(rf, ctx) { if (rf & 1)
|
|
|
8835
8865
|
i0.ɵɵadvance();
|
|
8836
8866
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, "Back"));
|
|
8837
8867
|
} }
|
|
8838
|
-
function
|
|
8839
|
-
i0.ɵɵelementStart(0, "span",
|
|
8868
|
+
function ExuiPageWrapperComponent_Conditional_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
8869
|
+
i0.ɵɵelementStart(0, "span", 4);
|
|
8840
8870
|
i0.ɵɵtext(1);
|
|
8841
8871
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
8842
8872
|
i0.ɵɵelementEnd();
|
|
@@ -8846,16 +8876,15 @@ function ExuiPageWrapperComponent_Conditional_4_Conditional_1_Template(rf, ctx)
|
|
|
8846
8876
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.fnTitle));
|
|
8847
8877
|
} }
|
|
8848
8878
|
function ExuiPageWrapperComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
8849
|
-
i0.ɵɵ
|
|
8850
|
-
i0.ɵɵ
|
|
8879
|
+
i0.ɵɵconditionalCreate(0, ExuiPageWrapperComponent_Conditional_4_Conditional_0_Template, 3, 3, "span", 4);
|
|
8880
|
+
i0.ɵɵelementStart(1, "h1", 5);
|
|
8851
8881
|
i0.ɵɵtext(2);
|
|
8852
8882
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
8853
8883
|
i0.ɵɵelementEnd();
|
|
8854
8884
|
} if (rf & 2) {
|
|
8855
8885
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
8856
|
-
i0.ɵɵ
|
|
8857
|
-
i0.ɵɵ
|
|
8858
|
-
i0.ɵɵadvance();
|
|
8886
|
+
i0.ɵɵconditional(ctx_r0.fnTitle ? 0 : -1);
|
|
8887
|
+
i0.ɵɵadvance(2);
|
|
8859
8888
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, ctx_r0.title), " ");
|
|
8860
8889
|
} }
|
|
8861
8890
|
/**
|
|
@@ -8871,12 +8900,12 @@ function ExuiPageWrapperComponent_Conditional_4_Template(rf, ctx) { if (rf & 1)
|
|
|
8871
8900
|
class ExuiPageWrapperComponent {
|
|
8872
8901
|
constructor() { }
|
|
8873
8902
|
static { this.ɵfac = function ExuiPageWrapperComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ExuiPageWrapperComponent)(); }; }
|
|
8874
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExuiPageWrapperComponent, selectors: [["exui-page-wrapper"]], inputs: { backLink: "backLink", title: "title", fnTitle: "fnTitle" }, standalone: false, ngContentSelectors: _c0$8, decls: 6, vars: 2, consts: [[1, "page"], [1, "govuk-back-link", 3, "routerLink"], [1, "govuk-width-container"], [1, "govuk-grid-row"], [1, "govuk-
|
|
8903
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExuiPageWrapperComponent, selectors: [["exui-page-wrapper"]], inputs: { backLink: "backLink", title: "title", fnTitle: "fnTitle" }, standalone: false, ngContentSelectors: _c0$8, decls: 6, vars: 2, consts: [[1, "page"], [1, "govuk-back-link", 3, "routerLink"], [1, "govuk-width-container"], [1, "govuk-grid-row"], [1, "govuk-caption-xl"], [1, "govuk-heading-xl"]], template: function ExuiPageWrapperComponent_Template(rf, ctx) { if (rf & 1) {
|
|
8875
8904
|
i0.ɵɵprojectionDef();
|
|
8876
8905
|
i0.ɵɵelementStart(0, "div", 0);
|
|
8877
8906
|
i0.ɵɵconditionalCreate(1, ExuiPageWrapperComponent_Conditional_1_Template, 3, 4, "a", 1);
|
|
8878
8907
|
i0.ɵɵelementStart(2, "div", 2)(3, "div", 3);
|
|
8879
|
-
i0.ɵɵconditionalCreate(4, ExuiPageWrapperComponent_Conditional_4_Template, 4, 4
|
|
8908
|
+
i0.ɵɵconditionalCreate(4, ExuiPageWrapperComponent_Conditional_4_Template, 4, 4);
|
|
8880
8909
|
i0.ɵɵprojection(5);
|
|
8881
8910
|
i0.ɵɵelementEnd()()();
|
|
8882
8911
|
} if (rf & 2) {
|
|
@@ -8888,7 +8917,7 @@ class ExuiPageWrapperComponent {
|
|
|
8888
8917
|
}
|
|
8889
8918
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExuiPageWrapperComponent, [{
|
|
8890
8919
|
type: Component,
|
|
8891
|
-
args: [{ selector: 'exui-page-wrapper', standalone: false, template: "<div class=\"page\">\n @if (backLink) {\n <a [routerLink]=\"backLink\" class=\"govuk-back-link\">{{'Back' | rpxTranslate}}</a>\n }\n <div class=\"govuk-width-container\">\n <div class=\"govuk-grid-row\">\n @if (title) {\n
|
|
8920
|
+
args: [{ selector: 'exui-page-wrapper', standalone: false, template: "<div class=\"page\">\n @if (backLink) {\n <a [routerLink]=\"backLink\" class=\"govuk-back-link\">{{'Back' | rpxTranslate}}</a>\n }\n <div class=\"govuk-width-container\">\n <div class=\"govuk-grid-row\">\n @if (title) {\n @if (fnTitle) {\n <span class=\"govuk-caption-xl\">{{fnTitle | rpxTranslate}}</span>\n }\n <h1 class=\"govuk-heading-xl\">\n {{title | rpxTranslate}}\n </h1>\n }\n <ng-content>\n\n </ng-content>\n </div>\n </div>\n</div>\n", styles: [".page{width:100%}\n"] }]
|
|
8892
8921
|
}], () => [], { backLink: [{
|
|
8893
8922
|
type: Input
|
|
8894
8923
|
}], title: [{
|
|
@@ -8980,7 +9009,7 @@ class WriteAddressInputsComponent {
|
|
|
8980
9009
|
this.errorsPresent = !this.formGroup.get('address').valid;
|
|
8981
9010
|
}
|
|
8982
9011
|
static { this.ɵfac = function WriteAddressInputsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WriteAddressInputsComponent)(); }; }
|
|
8983
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteAddressInputsComponent, selectors: [["xuilib-write-address-inputs"]], inputs: { formGroup: "formGroup", isInternational: "isInternational", submissionAttempted: "submissionAttempted" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 34, vars: 17, consts: [[3, "formGroup"], ["formGroupName", "address", 1, "govuk-body"], [1, "govuk-label", "govuk-!-font-weight-bold"], [1, "govuk-body", 3, "ngClass"], ["for", "addressLine1", 1, "govuk-label"], [1, "govuk-error-message"], ["id", "addressLine1", "name", "addressLine1", "maxlength", "150", "type", "text", "formControlName", "addressLine1", 1, "govuk-input", "govuk-!-width-full"], [1, "govuk-body"], ["for", "addressLine2", 1, "govuk-label"], ["id", "addressLine2", "name", "addressLine2", "maxlength", "150", "type", "text", "formControlName", "addressLine2", 1, "govuk-input", "govuk-!-width-full"], ["for", "addressLine3", 1, "govuk-label"], ["id", "addressLine3", "name", "addressLine3", "maxlength", "50", "type", "text", "formControlName", "addressLine3", 1, "govuk-input", "govuk-!-width-full"], ["for", "postTown", 1, "govuk-label"], ["id", "postTown", "name", "postTown", "type", "text", "formControlName", "postTown", 1, "govuk-input", "govuk-!-width-two-thirds"], ["for", "county", 1, "govuk-label"], ["id", "county", "name", "county", "type", "text", "formControlName", "county", 1, "govuk-input", "govuk-!-width-two-thirds"], ["for", "postCode", 1, "govuk-label"], ["id", "postCode", "name", "postCode", "type", "text", "formControlName", "postCode", 1, "govuk-input", "govuk-!-width-one-third"], [1, "govuk-visually-hidden"], ["for", "country", 1, "govuk-label"], ["id", "country", "name", "country", "type", "text", "formControlName", "country", 1, "govuk-input", "govuk-!-width-two-thirds"]], template: function WriteAddressInputsComponent_Template(rf, ctx) { if (rf & 1) {
|
|
9012
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteAddressInputsComponent, selectors: [["xuilib-write-address-inputs"]], inputs: { formGroup: "formGroup", isInternational: "isInternational", submissionAttempted: "submissionAttempted" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 34, vars: 17, consts: [[3, "formGroup"], ["formGroupName", "address", 1, "govuk-body"], [1, "govuk-label", "govuk-!-font-weight-bold"], [1, "govuk-body", 3, "ngClass"], ["for", "addressLine1", 1, "govuk-label"], ["role", "alert", 1, "govuk-error-message"], ["id", "addressLine1", "name", "addressLine1", "maxlength", "150", "type", "text", "formControlName", "addressLine1", 1, "govuk-input", "govuk-!-width-full"], [1, "govuk-body"], ["for", "addressLine2", 1, "govuk-label"], ["id", "addressLine2", "name", "addressLine2", "maxlength", "150", "type", "text", "formControlName", "addressLine2", 1, "govuk-input", "govuk-!-width-full"], ["for", "addressLine3", 1, "govuk-label"], ["id", "addressLine3", "name", "addressLine3", "maxlength", "50", "type", "text", "formControlName", "addressLine3", 1, "govuk-input", "govuk-!-width-full"], ["for", "postTown", 1, "govuk-label"], ["id", "postTown", "name", "postTown", "type", "text", "formControlName", "postTown", 1, "govuk-input", "govuk-!-width-two-thirds"], ["for", "county", 1, "govuk-label"], ["id", "county", "name", "county", "type", "text", "formControlName", "county", 1, "govuk-input", "govuk-!-width-two-thirds"], ["for", "postCode", 1, "govuk-label"], ["id", "postCode", "name", "postCode", "type", "text", "formControlName", "postCode", 1, "govuk-input", "govuk-!-width-one-third"], [1, "govuk-visually-hidden"], ["for", "country", 1, "govuk-label"], ["id", "country", "name", "country", "type", "text", "formControlName", "country", 1, "govuk-input", "govuk-!-width-two-thirds"]], template: function WriteAddressInputsComponent_Template(rf, ctx) { if (rf & 1) {
|
|
8984
9013
|
i0.ɵɵelementContainerStart(0);
|
|
8985
9014
|
i0.ɵɵelementStart(1, "form", 0)(2, "div", 1)(3, "label", 2);
|
|
8986
9015
|
i0.ɵɵtext(4, " Enter address details ");
|
|
@@ -9048,7 +9077,7 @@ class WriteAddressInputsComponent {
|
|
|
9048
9077
|
}
|
|
9049
9078
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteAddressInputsComponent, [{
|
|
9050
9079
|
type: Component,
|
|
9051
|
-
args: [{ selector: 'xuilib-write-address-inputs', standalone: false, template: "<ng-container>\n <form [formGroup]=\"formGroup\">\n <div class=\"govuk-body\" formGroupName=\"address\">\n <label class=\"govuk-label govuk-!-font-weight-bold\">\n Enter address details\n </label>\n\n <div class=\"govuk-body\" [ngClass]=\"{'govuk-form-group--error': submissionAttempted && !formGroup.get('address').get('addressLine1').valid}\">\n <label class=\"govuk-label\" for=\"addressLine1\">\n Building and Street\n </label>\n @if (submissionAttempted && !formGroup.get('address').get('addressLine1').valid) {\n <p class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span>{{MESSAGE_ENUM.NO_STREET_SELECTED}}\n </p>\n }\n <input class=\"govuk-input govuk-!-width-full\" id=\"addressLine1\" name=\"addressLine1\" maxlength=\"150\" type=\"text\"\n formControlName=\"addressLine1\">\n </div>\n\n <div class=\"govuk-body\">\n <label class=\"govuk-label\" for=\"addressLine2\">\n Address line 2 (Optional)\n </label>\n <input class=\"govuk-input govuk-!-width-full\" id=\"addressLine2\" name=\"addressLine2\" maxlength=\"150\" type=\"text\"\n formControlName=\"addressLine2\">\n </div>\n\n <div class=\"govuk-body\">\n <label class=\"govuk-label\" for=\"addressLine3\">\n Address line 3 (Optional)\n </label>\n <input class=\"govuk-input govuk-!-width-full\" id=\"addressLine3\" name=\"addressLine3\" maxlength=\"50\" type=\"text\"\n formControlName=\"addressLine3\">\n </div>\n\n <div class=\"govuk-body\" [ngClass]=\"{'govuk-form-group--error': submissionAttempted && !formGroup.get('address').get('postTown').valid}\">\n <label class=\"govuk-label\" for=\"postTown\">\n Town or City\n </label>\n @if (submissionAttempted && !formGroup.get('address').get('postTown').valid) {\n <p class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span>{{MESSAGE_ENUM.NO_CITY_SELECTED}}\n </p>\n }\n <input class=\"govuk-input govuk-!-width-two-thirds\" id=\"postTown\" name=\"postTown\" type=\"text\"\n formControlName=\"postTown\">\n </div>\n\n <div class=\"govuk-body\">\n <label class=\"govuk-label\" for=\"county\">\n County{{ isInternational ? '/ State/ Province' : '' }} (Optional)\n </label>\n <input class=\"govuk-input govuk-!-width-two-thirds\" id=\"county\" name=\"county\" type=\"text\"\n formControlName=\"county\" >\n </div>\n\n @if (isInternational) {\n <div class=\"govuk-body\" [ngClass]=\"{'govuk-form-group--error': submissionAttempted && !formGroup.get('address').get('country').valid}\">\n <label class=\"govuk-label\" for=\"country\">\n Country\n </label>\n @if (submissionAttempted && !formGroup.get('address').get('country').valid) {\n <p class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span>{{MESSAGE_ENUM.NO_COUNTRY_SELECTED}}\n </p>\n }\n <input class=\"govuk-input govuk-!-width-two-thirds\" id=\"country\" name=\"country\" type=\"text\"\n formControlName=\"country\">\n </div>\n }\n\n <div class=\"govuk-body\" [ngClass]=\"{'govuk-form-group--error': submissionAttempted && !isInternational && !formGroup.get('address').get('postCode').valid}\">\n <label class=\"govuk-label\" for=\"postCode\">\n Postcode{{ isInternational ? ' (Optional)' : '' }}\n </label>\n @if (submissionAttempted && !isInternational && this.formGroup.get('address').get('postCode').hasError('required')) {\n <p class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span>{{MESSAGE_ENUM.NO_POSTCODE_SELECTED}}\n </p>\n }\n @if (submissionAttempted && !isInternational && this.formGroup.get('address').get('postCode').hasError('invalidPostcode')) {\n <p class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span>{{MESSAGE_ENUM.INVALID_POSTCODE}}\n </p>\n }\n <input class=\"govuk-input govuk-!-width-one-third\" id=\"postCode\" name=\"postCode\" type=\"text\"\n formControlName=\"postCode\">\n </div>\n </div>\n </form>\n</ng-container
|
|
9080
|
+
args: [{ selector: 'xuilib-write-address-inputs', standalone: false, template: "<ng-container>\n <form [formGroup]=\"formGroup\">\n <div class=\"govuk-body\" formGroupName=\"address\">\n <label class=\"govuk-label govuk-!-font-weight-bold\">\n Enter address details\n </label>\n\n <div class=\"govuk-body\" [ngClass]=\"{'govuk-form-group--error': submissionAttempted && !formGroup.get('address').get('addressLine1').valid}\">\n <label class=\"govuk-label\" for=\"addressLine1\">\n Building and Street\n </label>\n @if (submissionAttempted && !formGroup.get('address').get('addressLine1').valid) {\n <p class=\"govuk-error-message\" role=\"alert\">\n <span class=\"govuk-visually-hidden\">Error:</span>{{MESSAGE_ENUM.NO_STREET_SELECTED}}\n </p>\n }\n <input class=\"govuk-input govuk-!-width-full\" id=\"addressLine1\" name=\"addressLine1\" maxlength=\"150\" type=\"text\"\n formControlName=\"addressLine1\">\n </div>\n\n <div class=\"govuk-body\">\n <label class=\"govuk-label\" for=\"addressLine2\">\n Address line 2 (Optional)\n </label>\n <input class=\"govuk-input govuk-!-width-full\" id=\"addressLine2\" name=\"addressLine2\" maxlength=\"150\" type=\"text\"\n formControlName=\"addressLine2\">\n </div>\n\n <div class=\"govuk-body\">\n <label class=\"govuk-label\" for=\"addressLine3\">\n Address line 3 (Optional)\n </label>\n <input class=\"govuk-input govuk-!-width-full\" id=\"addressLine3\" name=\"addressLine3\" maxlength=\"50\" type=\"text\"\n formControlName=\"addressLine3\">\n </div>\n\n <div class=\"govuk-body\" [ngClass]=\"{'govuk-form-group--error': submissionAttempted && !formGroup.get('address').get('postTown').valid}\">\n <label class=\"govuk-label\" for=\"postTown\">\n Town or City\n </label>\n @if (submissionAttempted && !formGroup.get('address').get('postTown').valid) {\n <p class=\"govuk-error-message\" role=\"alert\">\n <span class=\"govuk-visually-hidden\">Error:</span>{{MESSAGE_ENUM.NO_CITY_SELECTED}}\n </p>\n }\n <input class=\"govuk-input govuk-!-width-two-thirds\" id=\"postTown\" name=\"postTown\" type=\"text\"\n formControlName=\"postTown\">\n </div>\n\n <div class=\"govuk-body\">\n <label class=\"govuk-label\" for=\"county\">\n County{{ isInternational ? '/ State/ Province' : '' }} (Optional)\n </label>\n <input class=\"govuk-input govuk-!-width-two-thirds\" id=\"county\" name=\"county\" type=\"text\"\n formControlName=\"county\" >\n </div>\n\n @if (isInternational) {\n <div class=\"govuk-body\" [ngClass]=\"{'govuk-form-group--error': submissionAttempted && !formGroup.get('address').get('country').valid}\">\n <label class=\"govuk-label\" for=\"country\">\n Country\n </label>\n @if (submissionAttempted && !formGroup.get('address').get('country').valid) {\n <p class=\"govuk-error-message\" role=\"alert\">\n <span class=\"govuk-visually-hidden\">Error:</span>{{MESSAGE_ENUM.NO_COUNTRY_SELECTED}}\n </p>\n }\n <input class=\"govuk-input govuk-!-width-two-thirds\" id=\"country\" name=\"country\" type=\"text\"\n formControlName=\"country\">\n </div>\n }\n\n <div class=\"govuk-body\" [ngClass]=\"{'govuk-form-group--error': submissionAttempted && !isInternational && !formGroup.get('address').get('postCode').valid}\">\n <label class=\"govuk-label\" for=\"postCode\">\n Postcode{{ isInternational ? ' (Optional)' : '' }}\n </label>\n @if (submissionAttempted && !isInternational && this.formGroup.get('address').get('postCode').hasError('required')) {\n <p class=\"govuk-error-message\" role=\"alert\">\n <span class=\"govuk-visually-hidden\">Error:</span>{{MESSAGE_ENUM.NO_POSTCODE_SELECTED}}\n </p>\n }\n @if (submissionAttempted && !isInternational && this.formGroup.get('address').get('postCode').hasError('invalidPostcode')) {\n <p class=\"govuk-error-message\" role=\"alert\">\n <span class=\"govuk-visually-hidden\">Error:</span>{{MESSAGE_ENUM.INVALID_POSTCODE}}\n </p>\n }\n <input class=\"govuk-input govuk-!-width-one-third\" id=\"postCode\" name=\"postCode\" type=\"text\"\n formControlName=\"postCode\">\n </div>\n </div>\n </form>\n</ng-container>\n" }]
|
|
9052
9081
|
}], () => [], { formGroup: [{
|
|
9053
9082
|
type: Input
|
|
9054
9083
|
}], isInternational: [{
|
|
@@ -9347,7 +9376,7 @@ class WriteAddressFieldComponent {
|
|
|
9347
9376
|
this.addressFormGroup.get('postcode').patchValue(postcodeNeeded ? this.formGroup.get('address').get('postCode').value : '');
|
|
9348
9377
|
}
|
|
9349
9378
|
static { this.ɵfac = function WriteAddressFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WriteAddressFieldComponent)(i0.ɵɵdirectiveInject(AddressService)); }; }
|
|
9350
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteAddressFieldComponent, selectors: [["xuilib-write-address-field"]], inputs: { formGroup: "formGroup", internationalMode: "internationalMode", isInternational: "isInternational", submissionAttempted: "submissionAttempted", startedInternational: "startedInternational", addressChosen: "addressChosen" }, outputs: { postcodeOptionSelected: "postcodeOptionSelected", internationalModeStart: "internationalModeStart", ukAddressOptionSelected: "ukAddressOptionSelected", canSelectAddress: "canSelectAddress", resetSubmission: "resetSubmission" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 5, vars: 8, consts: [[1, "govuk-form-group", 3, "formGroup", "ngClass"], [1, "govuk-error-message"], ["id", "govuk-radios", "data-module", "govuk-radios", 1, "govuk-radios"], [3, "formGroup", "isInternational", "submissionAttempted"], [1, "govuk-visually-hidden"], [1, "govuk-label"], ["id", "addressLookup", 1, "govuk-body", "postcode-lookup", 3, "ngClass"], ["for", "postcodeInput"], [1, "govuk-hint"], [1, "govuk-body"], ["type", "text", "id", "postcodeInput", "name", "postcode", "formControlName", "postcode", 1, "govuk-input", "govuk-!-width-one-third", "postcodeinput", "inline-block", 3, "ngClass"], ["type", "button", 1, "govuk-button", "find-address", 3, "click"], ["id", "selectAddress", 1, "govuk-body"], ["href", "#", 1, "manual-link", "govuk-link"], [1, "govuk-body", 3, "ngClass"], ["for", "addressList", 1, "govuk-label"], [1, "form-label"], ["id", "addressList", "name", "address", "formControlName", "addressList", "focusElement", "", 1, "form-control", "govuk-select", "ccd-dropdown", "addressList", 3, "change"], [3, "ngValue"], ["href", "#", 1, "manual-link", "govuk-link", 3, "click"], [1, "govuk-radios__item"], ["id", "yes", "value", "yes", "name", "ukAddress", "type", "radio", "data-aria-controls", "address-fields", "formControlName", "ukAddress", 1, "govuk-radios__input", 3, "click"], ["for", "yes", 1, "govuk-label", "govuk-radios__label"], ["id", "no", "value", "no", "name", "ukAddress", "type", "radio", "data-aria-controls", "address-fields", "formControlName", "ukAddress", 1, "govuk-radios__input", 3, "click"], ["for", "no", 1, "govuk-label", "govuk-radios__label"], ["id", "address-fields", 1, "govuk-radios__conditional"]], template: function WriteAddressFieldComponent_Template(rf, ctx) { if (rf & 1) {
|
|
9379
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteAddressFieldComponent, selectors: [["xuilib-write-address-field"]], inputs: { formGroup: "formGroup", internationalMode: "internationalMode", isInternational: "isInternational", submissionAttempted: "submissionAttempted", startedInternational: "startedInternational", addressChosen: "addressChosen" }, outputs: { postcodeOptionSelected: "postcodeOptionSelected", internationalModeStart: "internationalModeStart", ukAddressOptionSelected: "ukAddressOptionSelected", canSelectAddress: "canSelectAddress", resetSubmission: "resetSubmission" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 5, vars: 8, consts: [[1, "govuk-form-group", 3, "formGroup", "ngClass"], ["role", "alert", 1, "govuk-error-message"], ["id", "govuk-radios", "data-module", "govuk-radios", 1, "govuk-radios"], [3, "formGroup", "isInternational", "submissionAttempted"], [1, "govuk-visually-hidden"], [1, "govuk-label"], ["id", "addressLookup", 1, "govuk-body", "postcode-lookup", 3, "ngClass"], ["for", "postcodeInput"], [1, "govuk-hint"], [1, "govuk-body"], ["type", "text", "id", "postcodeInput", "name", "postcode", "formControlName", "postcode", 1, "govuk-input", "govuk-!-width-one-third", "postcodeinput", "inline-block", 3, "ngClass"], ["type", "button", 1, "govuk-button", "find-address", 3, "click"], ["id", "selectAddress", 1, "govuk-body"], ["href", "#", 1, "manual-link", "govuk-link"], [1, "govuk-body", 3, "ngClass"], ["for", "addressList", 1, "govuk-label"], [1, "form-label"], ["id", "addressList", "name", "address", "formControlName", "addressList", "focusElement", "", 1, "form-control", "govuk-select", "ccd-dropdown", "addressList", 3, "change"], [3, "ngValue"], ["href", "#", 1, "manual-link", "govuk-link", 3, "click"], [1, "govuk-radios__item"], ["id", "yes", "value", "yes", "name", "ukAddress", "type", "radio", "data-aria-controls", "address-fields", "formControlName", "ukAddress", 1, "govuk-radios__input", 3, "click"], ["for", "yes", 1, "govuk-label", "govuk-radios__label"], ["id", "no", "value", "no", "name", "ukAddress", "type", "radio", "data-aria-controls", "address-fields", "formControlName", "ukAddress", 1, "govuk-radios__input", 3, "click"], ["for", "no", 1, "govuk-label", "govuk-radios__label"], ["id", "address-fields", 1, "govuk-radios__conditional"]], template: function WriteAddressFieldComponent_Template(rf, ctx) { if (rf & 1) {
|
|
9351
9380
|
i0.ɵɵelementStart(0, "div", 0);
|
|
9352
9381
|
i0.ɵɵconditionalCreate(1, WriteAddressFieldComponent_Conditional_1_Template, 4, 1, "p", 1);
|
|
9353
9382
|
i0.ɵɵconditionalCreate(2, WriteAddressFieldComponent_Conditional_2_Template, 15, 9, "div");
|
|
@@ -9368,7 +9397,7 @@ class WriteAddressFieldComponent {
|
|
|
9368
9397
|
}
|
|
9369
9398
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteAddressFieldComponent, [{
|
|
9370
9399
|
type: Component,
|
|
9371
|
-
args: [{ selector: 'xuilib-write-address-field', standalone: false, template: "<div class=\"govuk-form-group\" [formGroup]=\"addressFormGroup\"\n [ngClass]=\"{'govuk-form-group--error': optionErrorsPresent}\">\n @if (optionErrorsPresent) {\n <p class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span>{{optionErrorMessage}}\n </p>\n }\n @if (postcodeLookupVisible()) {\n <div>\n <span class=\"govuk-label\"><strong>Provide address details</strong></span>\n <div class=\"govuk-body postcode-lookup\" id=\"addressLookup\"\n [ngClass]=\"{'govuk-form-group--error': missingPostcode || postcodeErrorPresent(true)}\">\n <label for=\"postcodeInput\">\n <span class=\"govuk-hint\">Enter a UK postcode</span>\n </label>\n @if (missingPostcode || postcodeErrorPresent(true)) {\n <p class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span>{{postcodeErrorMessage}}\n </p>\n }\n <div class=\"govuk-body\">\n <input type=\"text\" [ngClass]=\"{'govuk-input--error': missingPostcode}\" id=\"postcodeInput\" name=\"postcode\"\n class=\"govuk-input govuk-!-width-one-third postcodeinput inline-block\" formControlName=\"postcode\">\n <button type=\"button\" class=\"govuk-button find-address\" (click)=\"findAddress()\">Find address</button>\n </div>\n </div>\n @if (addressOptions) {\n <div class=\"govuk-body\" id=\"selectAddress\">\n <div class=\"govuk-body\" [ngClass]=\"{'govuk-form-group--error': postcodeErrorPresent(false)}\">\n <label class=\"govuk-label\" for=\"addressList\">\n <span class=\"form-label\">Select an address</span>\n </label>\n @if (postcodeErrorPresent(false)) {\n <p class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span>{{selectErrorMessage}}\n </p>\n }\n <select class=\"form-control govuk-select ccd-dropdown addressList\" id=\"addressList\" name=\"address\"\n formControlName=\"addressList\" (change)=\"addressSelected()\" focusElement>\n @for (addressOption of addressOptions; track addressOption) {\n <option [ngValue]=\"addressOption.value\">\n {{addressOption.description}}\n </option>\n }\n </select>\n </div>\n </div>\n }\n @if (!shouldShowDetailFields() || (!startedInternational && !addressChosen)) {\n <a class=\"manual-link govuk-link\"\n (click)=\"blankAddress(); $event.preventDefault()\" href=\"#\">I can't enter a UK postcode</a>\n }\n </div>\n }\n\n @if (shouldShowDetailFields() && internationalMode && startedInternational && !addressChosen) {\n <div id=\"govuk-radios\" class=\"govuk-radios\" data-module=\"govuk-radios\"\n >\n <div class=\"govuk-radios__item\">\n <input class=\"govuk-radios__input\" id=\"yes\" value=\"yes\" name=\"ukAddress\" type=\"radio\"\n data-aria-controls=\"address-fields\" (click)=\"setInternationalAddress(false)\" formControlName=\"ukAddress\">\n <label class=\"govuk-label govuk-radios__label\" for=\"yes\">\n Yes\n </label>\n </div>\n <div class=\"govuk-radios__item\">\n <input class=\"govuk-radios__input\" id=\"no\" value=\"no\" name=\"ukAddress\" type=\"radio\"\n data-aria-controls=\"address-fields\" (click)=\"setInternationalAddress(true)\" formControlName=\"ukAddress\">\n <label class=\"govuk-label govuk-radios__label\" for=\"no\">\n No\n </label>\n </div>\n <div class=\"govuk-radios__conditional\" id=\"address-fields\">\n @if (isInternational !== undefined) {\n <xuilib-write-address-inputs [formGroup]=\"formGroup\"\n [isInternational]=\"isInternational\" [submissionAttempted]=\"submissionAttempted\">\n </xuilib-write-address-inputs>\n }\n </div>\n </div>\n }\n\n @if (shouldShowDetailFields() && (addressChosen || !internationalMode)) {\n <xuilib-write-address-inputs\n [formGroup]=\"formGroup\" [isInternational]=\"false\" [submissionAttempted]=\"submissionAttempted\">\n </xuilib-write-address-inputs>\n }\n\n</div
|
|
9400
|
+
args: [{ selector: 'xuilib-write-address-field', standalone: false, template: "<div class=\"govuk-form-group\" [formGroup]=\"addressFormGroup\"\n [ngClass]=\"{'govuk-form-group--error': optionErrorsPresent}\">\n @if (optionErrorsPresent) {\n <p class=\"govuk-error-message\" role=\"alert\">\n <span class=\"govuk-visually-hidden\">Error:</span>{{optionErrorMessage}}\n </p>\n }\n @if (postcodeLookupVisible()) {\n <div>\n <span class=\"govuk-label\"><strong>Provide address details</strong></span>\n <div class=\"govuk-body postcode-lookup\" id=\"addressLookup\"\n [ngClass]=\"{'govuk-form-group--error': missingPostcode || postcodeErrorPresent(true)}\">\n <label for=\"postcodeInput\">\n <span class=\"govuk-hint\">Enter a UK postcode</span>\n </label>\n @if (missingPostcode || postcodeErrorPresent(true)) {\n <p class=\"govuk-error-message\" role=\"alert\">\n <span class=\"govuk-visually-hidden\">Error:</span>{{postcodeErrorMessage}}\n </p>\n }\n <div class=\"govuk-body\">\n <input type=\"text\" [ngClass]=\"{'govuk-input--error': missingPostcode}\" id=\"postcodeInput\" name=\"postcode\"\n class=\"govuk-input govuk-!-width-one-third postcodeinput inline-block\" formControlName=\"postcode\">\n <button type=\"button\" class=\"govuk-button find-address\" (click)=\"findAddress()\">Find address</button>\n </div>\n </div>\n @if (addressOptions) {\n <div class=\"govuk-body\" id=\"selectAddress\">\n <div class=\"govuk-body\" [ngClass]=\"{'govuk-form-group--error': postcodeErrorPresent(false)}\">\n <label class=\"govuk-label\" for=\"addressList\">\n <span class=\"form-label\">Select an address</span>\n </label>\n @if (postcodeErrorPresent(false)) {\n <p class=\"govuk-error-message\" role=\"alert\">\n <span class=\"govuk-visually-hidden\">Error:</span>{{selectErrorMessage}}\n </p>\n }\n <select class=\"form-control govuk-select ccd-dropdown addressList\" id=\"addressList\" name=\"address\"\n formControlName=\"addressList\" (change)=\"addressSelected()\" focusElement>\n @for (addressOption of addressOptions; track addressOption) {\n <option [ngValue]=\"addressOption.value\">\n {{addressOption.description}}\n </option>\n }\n </select>\n </div>\n </div>\n }\n @if (!shouldShowDetailFields() || (!startedInternational && !addressChosen)) {\n <a class=\"manual-link govuk-link\"\n (click)=\"blankAddress(); $event.preventDefault()\" href=\"#\">I can't enter a UK postcode</a>\n }\n </div>\n }\n\n @if (shouldShowDetailFields() && internationalMode && startedInternational && !addressChosen) {\n <div id=\"govuk-radios\" class=\"govuk-radios\" data-module=\"govuk-radios\"\n >\n <div class=\"govuk-radios__item\">\n <input class=\"govuk-radios__input\" id=\"yes\" value=\"yes\" name=\"ukAddress\" type=\"radio\"\n data-aria-controls=\"address-fields\" (click)=\"setInternationalAddress(false)\" formControlName=\"ukAddress\">\n <label class=\"govuk-label govuk-radios__label\" for=\"yes\">\n Yes\n </label>\n </div>\n <div class=\"govuk-radios__item\">\n <input class=\"govuk-radios__input\" id=\"no\" value=\"no\" name=\"ukAddress\" type=\"radio\"\n data-aria-controls=\"address-fields\" (click)=\"setInternationalAddress(true)\" formControlName=\"ukAddress\">\n <label class=\"govuk-label govuk-radios__label\" for=\"no\">\n No\n </label>\n </div>\n <div class=\"govuk-radios__conditional\" id=\"address-fields\">\n @if (isInternational !== undefined) {\n <xuilib-write-address-inputs [formGroup]=\"formGroup\"\n [isInternational]=\"isInternational\" [submissionAttempted]=\"submissionAttempted\">\n </xuilib-write-address-inputs>\n }\n </div>\n </div>\n }\n\n @if (shouldShowDetailFields() && (addressChosen || !internationalMode)) {\n <xuilib-write-address-inputs\n [formGroup]=\"formGroup\" [isInternational]=\"false\" [submissionAttempted]=\"submissionAttempted\">\n </xuilib-write-address-inputs>\n }\n\n</div>\n", styles: [".manual-link{cursor:pointer;display:block;text-decoration:underline;font-size:1.1875rem}.postcode-lookup{margin-bottom:-20px}.find-address{left:1%}:host{display:block}\n"] }]
|
|
9372
9401
|
}], () => [{ type: AddressService }], { formGroup: [{
|
|
9373
9402
|
type: Input
|
|
9374
9403
|
}], internationalMode: [{
|
|
@@ -10298,8 +10327,8 @@ function HmctsMainWrapperComponent_Conditional_6_Template(rf, ctx) { if (rf & 1)
|
|
|
10298
10327
|
} }
|
|
10299
10328
|
function HmctsMainWrapperComponent_Conditional_8_For_3_Template(rf, ctx) { if (rf & 1) {
|
|
10300
10329
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
10301
|
-
i0.ɵɵelementStart(0, "
|
|
10302
|
-
i0.ɵɵlistener("click", function
|
|
10330
|
+
i0.ɵɵelementStart(0, "button", 11);
|
|
10331
|
+
i0.ɵɵlistener("click", function HmctsMainWrapperComponent_Conditional_8_For_3_Template_button_click_0_listener() { const actionButton_r4 = i0.ɵɵrestoreView(_r3).$implicit; return i0.ɵɵresetView(actionButton_r4.action()); });
|
|
10303
10332
|
i0.ɵɵtext(1);
|
|
10304
10333
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
10305
10334
|
i0.ɵɵelementEnd();
|
|
@@ -10311,7 +10340,7 @@ function HmctsMainWrapperComponent_Conditional_8_For_3_Template(rf, ctx) { if (r
|
|
|
10311
10340
|
} }
|
|
10312
10341
|
function HmctsMainWrapperComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
10313
10342
|
i0.ɵɵelementStart(0, "div", 7)(1, "div", 9);
|
|
10314
|
-
i0.ɵɵrepeaterCreate(2, HmctsMainWrapperComponent_Conditional_8_For_3_Template, 3, 6, "
|
|
10343
|
+
i0.ɵɵrepeaterCreate(2, HmctsMainWrapperComponent_Conditional_8_For_3_Template, 3, 6, "button", 10, i0.ɵɵrepeaterTrackByIdentity);
|
|
10315
10344
|
i0.ɵɵelementEnd()();
|
|
10316
10345
|
} if (rf & 2) {
|
|
10317
10346
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -10341,7 +10370,7 @@ class HmctsMainWrapperComponent {
|
|
|
10341
10370
|
this.backEvent.emit();
|
|
10342
10371
|
}
|
|
10343
10372
|
static { this.ɵfac = function HmctsMainWrapperComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HmctsMainWrapperComponent)(); }; }
|
|
10344
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HmctsMainWrapperComponent, selectors: [["xuilib-hmcts-main-wrapper"]], inputs: { backLink: "backLink", title: "title", summaryErrors: "summaryErrors", banner: "banner", actionButtons: "actionButtons", showWarningMessage: "showWarningMessage" }, outputs: { backEvent: "backEvent" }, standalone: false, ngContentSelectors: _c0, decls: 9, vars: 5, consts: [[1, "govuk-back-link", 3, "routerLink"], ["id", "content", "role", "main", 1, "govuk-main-wrapper"], [1, "govuk-grid-row"], [1, "govuk-grid-column-two-thirds"], [3, "errorMessages", "header", "showWarningMessage"], [3, "type", "message"], [1, "govuk-heading-xl"], [1, "govuk-grid-column-one-third"], [1, "govuk-back-link", 3, "click", "routerLink"], [1, "hmcts-page-heading__actions-wrapper"], ["
|
|
10373
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HmctsMainWrapperComponent, selectors: [["xuilib-hmcts-main-wrapper"]], inputs: { backLink: "backLink", title: "title", summaryErrors: "summaryErrors", banner: "banner", actionButtons: "actionButtons", showWarningMessage: "showWarningMessage" }, outputs: { backEvent: "backEvent" }, standalone: false, ngContentSelectors: _c0, decls: 9, vars: 5, consts: [[1, "govuk-back-link", 3, "routerLink"], ["id", "content", "role", "main", 1, "govuk-main-wrapper"], [1, "govuk-grid-row"], [1, "govuk-grid-column-two-thirds"], [3, "errorMessages", "header", "showWarningMessage"], [3, "type", "message"], [1, "govuk-heading-xl"], [1, "govuk-grid-column-one-third"], [1, "govuk-back-link", 3, "click", "routerLink"], [1, "hmcts-page-heading__actions-wrapper"], ["type", "button", 3, "class"], ["type", "button", 3, "click"]], template: function HmctsMainWrapperComponent_Template(rf, ctx) { if (rf & 1) {
|
|
10345
10374
|
i0.ɵɵprojectionDef();
|
|
10346
10375
|
i0.ɵɵconditionalCreate(0, HmctsMainWrapperComponent_Conditional_0_Template, 3, 4, "a", 0);
|
|
10347
10376
|
i0.ɵɵelementStart(1, "main", 1)(2, "div", 2)(3, "div", 3);
|
|
@@ -10366,7 +10395,7 @@ class HmctsMainWrapperComponent {
|
|
|
10366
10395
|
}
|
|
10367
10396
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HmctsMainWrapperComponent, [{
|
|
10368
10397
|
type: Component,
|
|
10369
|
-
args: [{ selector: 'xuilib-hmcts-main-wrapper', standalone: false, template: "@if (hasBackLink) {\n <a [routerLink]=\"backLink\" (click)=\"onGoBack()\" class=\"govuk-back-link\">{{'Back' | rpxTranslate}}</a>\n}\n<main id=\"content\" role=\"main\" class=\"govuk-main-wrapper\">\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n @if (summaryErrors && !summaryErrors.isFromValid) {\n <xuilib-hmcts-error-summary\n [errorMessages]=\"summaryErrors.items\"\n [header]=\"summaryErrors.header\"\n [showWarningMessage]=\"showWarningMessage\">\n </xuilib-hmcts-error-summary>\n }\n @if (bannerData) {\n <xuilib-hmcts-banner\n [type]=\"bannerData.type\"\n [message]=\"bannerData.message\"\n ></xuilib-hmcts-banner>\n }\n @if (title) {\n <h1 class=\"govuk-heading-xl\">{{title | rpxTranslate}}</h1>\n }\n <ng-content></ng-content>\n </div>\n @if (actionButtons?.length > 0) {\n <div class=\"govuk-grid-column-one-third\">\n <div class=\"hmcts-page-heading__actions-wrapper\">\n @for (actionButton of actionButtons; track actionButton) {\n <
|
|
10398
|
+
args: [{ selector: 'xuilib-hmcts-main-wrapper', standalone: false, template: "@if (hasBackLink) {\n <a [routerLink]=\"backLink\" (click)=\"onGoBack()\" class=\"govuk-back-link\">{{'Back' | rpxTranslate}}</a>\n}\n<main id=\"content\" role=\"main\" class=\"govuk-main-wrapper\">\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n @if (summaryErrors && !summaryErrors.isFromValid) {\n <xuilib-hmcts-error-summary\n [errorMessages]=\"summaryErrors.items\"\n [header]=\"summaryErrors.header\"\n [showWarningMessage]=\"showWarningMessage\">\n </xuilib-hmcts-error-summary>\n }\n @if (bannerData) {\n <xuilib-hmcts-banner\n [type]=\"bannerData.type\"\n [message]=\"bannerData.message\"\n ></xuilib-hmcts-banner>\n }\n @if (title) {\n <h1 class=\"govuk-heading-xl\">{{title | rpxTranslate}}</h1>\n }\n <ng-content></ng-content>\n </div>\n @if (actionButtons?.length > 0) {\n <div class=\"govuk-grid-column-one-third\">\n <div class=\"hmcts-page-heading__actions-wrapper\">\n @for (actionButton of actionButtons; track actionButton) {\n <button\n type=\"button\"\n (click)=\"actionButton.action()\"\n class=\"govuk-button {{ actionButton.class }}\"\n >{{ actionButton.name | rpxTranslate }}</button>\n }\n </div>\n </div>\n }\n </div>\n</main>\n", styles: [".hmcts-page-heading__actions-wrapper .govuk-button{display:block;margin-bottom:15px}.hmcts-page-heading__actions-wrapper .govuk-button:last-child{margin-bottom:0}\n"] }]
|
|
10370
10399
|
}], () => [], { backLink: [{
|
|
10371
10400
|
type: Input
|
|
10372
10401
|
}], title: [{
|