@hmcts/rpx-xui-common-lib 3.2.27-postcode-accessibility → 3.2.28-EXUI-1591-accessibility-window
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.
|
@@ -6,7 +6,7 @@ import * as i1 from '@angular/common';
|
|
|
6
6
|
import { formatDate, CommonModule } from '@angular/common';
|
|
7
7
|
import * as i2$3 from '@angular/forms';
|
|
8
8
|
import { FormGroup, FormControl, Validators, FormArray, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
9
|
-
import { combineLatest, BehaviorSubject, Subject, of as of$1, forkJoin, zip, iif } from 'rxjs';
|
|
9
|
+
import { combineLatest, BehaviorSubject, Subject, of as of$1, forkJoin, zip, iif, merge } from 'rxjs';
|
|
10
10
|
import * as i1$1 from '@angular/router';
|
|
11
11
|
import { NavigationEnd, RouterModule } from '@angular/router';
|
|
12
12
|
import { map, filter, distinctUntilChanged, delay, skipWhile, tap, shareReplay, catchError, take, debounceTime, switchMap, mergeMap } from 'rxjs/operators';
|
|
@@ -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 i2$4 from 'ngx-pagination';
|
|
26
26
|
import { NgxPaginationModule, PaginatePipe } from 'ngx-pagination';
|
|
27
27
|
import { MatInputModule } from '@angular/material/input';
|
|
28
28
|
|
|
@@ -2517,23 +2517,22 @@ 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, "span",
|
|
2521
|
-
i0.ɵɵtext(
|
|
2522
|
-
i0.ɵɵpipe(
|
|
2520
|
+
i0.ɵɵelementStart(0, "h1", 1)(1, "span", 11);
|
|
2521
|
+
i0.ɵɵtext(2);
|
|
2522
|
+
i0.ɵɵpipe(3, "rpxTranslate");
|
|
2523
2523
|
i0.ɵɵelementEnd();
|
|
2524
|
-
i0.ɵɵelementStart(3, "h1", 11);
|
|
2525
2524
|
i0.ɵɵtext(4);
|
|
2526
2525
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
2527
2526
|
i0.ɵɵelementEnd();
|
|
2528
2527
|
} if (rf & 2) {
|
|
2529
2528
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
2530
|
-
i0.ɵɵadvance();
|
|
2531
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(
|
|
2532
|
-
i0.ɵɵadvance(
|
|
2529
|
+
i0.ɵɵadvance(2);
|
|
2530
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, ctx_r1.title));
|
|
2531
|
+
i0.ɵɵadvance(2);
|
|
2533
2532
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r1.boldTitle), " ");
|
|
2534
2533
|
} }
|
|
2535
2534
|
function FindPersonComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
2536
|
-
i0.ɵɵelementStart(0, "div",
|
|
2535
|
+
i0.ɵɵelementStart(0, "div", 5);
|
|
2537
2536
|
i0.ɵɵtext(1);
|
|
2538
2537
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
2539
2538
|
i0.ɵɵelementEnd();
|
|
@@ -2543,7 +2542,7 @@ function FindPersonComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
|
2543
2542
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, ctx_r1.subTitle), " ");
|
|
2544
2543
|
} }
|
|
2545
2544
|
function FindPersonComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
2546
|
-
i0.ɵɵelementStart(0, "span",
|
|
2545
|
+
i0.ɵɵelementStart(0, "span", 6)(1, "span", 4);
|
|
2547
2546
|
i0.ɵɵtext(2);
|
|
2548
2547
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
2549
2548
|
i0.ɵɵelementEnd();
|
|
@@ -2557,7 +2556,7 @@ function FindPersonComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
|
2557
2556
|
i0.ɵɵtextInterpolate1("", ctx_r1.findPersonGroup.errors.error ? ctx_r1.findPersonGroup.errors.error : ctx_r1.errorMessage, " ");
|
|
2558
2557
|
} }
|
|
2559
2558
|
function FindPersonComponent_For_12_Template(rf, ctx) { if (rf & 1) {
|
|
2560
|
-
i0.ɵɵelementStart(0, "mat-option",
|
|
2559
|
+
i0.ɵɵelementStart(0, "mat-option", 9);
|
|
2561
2560
|
i0.ɵɵtext(1);
|
|
2562
2561
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
2563
2562
|
i0.ɵɵelementEnd();
|
|
@@ -2569,7 +2568,7 @@ function FindPersonComponent_For_12_Template(rf, ctx) { if (rf & 1) {
|
|
|
2569
2568
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 3, ctx_r1.getDisplayName(option_r3)), " ");
|
|
2570
2569
|
} }
|
|
2571
2570
|
function FindPersonComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
2572
|
-
i0.ɵɵelementStart(0, "mat-option",
|
|
2571
|
+
i0.ɵɵelementStart(0, "mat-option", 10);
|
|
2573
2572
|
i0.ɵɵtext(1);
|
|
2574
2573
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
2575
2574
|
i0.ɵɵelementEnd();
|
|
@@ -2663,22 +2662,22 @@ class FindPersonComponent {
|
|
|
2663
2662
|
this.personFieldChanged.emit();
|
|
2664
2663
|
}
|
|
2665
2664
|
static { this.ɵfac = function FindPersonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FindPersonComponent)(i0.ɵɵdirectiveInject(FindAPersonService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
|
|
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",
|
|
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-heading-l"], [1, "govuk-form-group", 3, "formGroup", "ngClass"], [1, "govuk-fieldset"], [1, "govuk-visually-hidden"], ["id", "sub-title-hint", 1, "govuk-hint"], ["id", "validation-error", 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"]], template: function FindPersonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
2667
2666
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
2668
|
-
i0.ɵɵconditionalCreate(0, FindPersonComponent_Conditional_0_Template, 6, 6);
|
|
2669
|
-
i0.ɵɵelementStart(1, "div",
|
|
2667
|
+
i0.ɵɵconditionalCreate(0, FindPersonComponent_Conditional_0_Template, 6, 6, "h1", 1);
|
|
2668
|
+
i0.ɵɵelementStart(1, "div", 2)(2, "fieldset", 3)(3, "legend", 4);
|
|
2670
2669
|
i0.ɵɵtext(4);
|
|
2671
2670
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
2672
2671
|
i0.ɵɵelementEnd();
|
|
2673
|
-
i0.ɵɵconditionalCreate(6, FindPersonComponent_Conditional_6_Template, 3, 3, "div",
|
|
2674
|
-
i0.ɵɵconditionalCreate(7, FindPersonComponent_Conditional_7_Template, 5, 4, "span",
|
|
2675
|
-
i0.ɵɵelementStart(8, "input",
|
|
2672
|
+
i0.ɵɵconditionalCreate(6, FindPersonComponent_Conditional_6_Template, 3, 3, "div", 5);
|
|
2673
|
+
i0.ɵɵconditionalCreate(7, FindPersonComponent_Conditional_7_Template, 5, 4, "span", 6);
|
|
2674
|
+
i0.ɵɵelementStart(8, "input", 7);
|
|
2676
2675
|
i0.ɵɵlistener("input", function FindPersonComponent_Template_input_input_8_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onInput()); });
|
|
2677
2676
|
i0.ɵɵelementEnd();
|
|
2678
|
-
i0.ɵɵelementStart(9, "mat-autocomplete",
|
|
2677
|
+
i0.ɵɵelementStart(9, "mat-autocomplete", 8, 0);
|
|
2679
2678
|
i0.ɵɵlistener("optionSelected", function FindPersonComponent_Template_mat_autocomplete_optionSelected_9_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSelectionChange($event.option.value)); });
|
|
2680
|
-
i0.ɵɵrepeaterCreate(11, FindPersonComponent_For_12_Template, 3, 8, "mat-option",
|
|
2681
|
-
i0.ɵɵconditionalCreate(13, FindPersonComponent_Conditional_13_Template, 3, 6, "mat-option",
|
|
2679
|
+
i0.ɵɵrepeaterCreate(11, FindPersonComponent_For_12_Template, 3, 8, "mat-option", 9, i0.ɵɵrepeaterTrackByIdentity);
|
|
2680
|
+
i0.ɵɵconditionalCreate(13, FindPersonComponent_Conditional_13_Template, 3, 6, "mat-option", 10);
|
|
2682
2681
|
i0.ɵɵelementEnd()()();
|
|
2683
2682
|
} if (rf & 2) {
|
|
2684
2683
|
const auto_r4 = i0.ɵɵreference(10);
|
|
@@ -2704,7 +2703,7 @@ class FindPersonComponent {
|
|
|
2704
2703
|
}
|
|
2705
2704
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FindPersonComponent, [{
|
|
2706
2705
|
type: Component,
|
|
2707
|
-
args: [{ selector: 'xuilib-find-person', standalone: false, template: "@if (title && title.length) {\n <span class=\"govuk-caption-l\">{{title | rpxTranslate}}</span>\n
|
|
2706
|
+
args: [{ selector: 'xuilib-find-person', standalone: false, template: "@if (title && title.length) {\n <h1 class=\"govuk-heading-l\">\n <span class=\"govuk-caption-l\">{{title | rpxTranslate}}</span>\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\">\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"] }]
|
|
2708
2707
|
}], () => [{ type: FindAPersonService }, { type: i0.ChangeDetectorRef }], { personSelected: [{
|
|
2709
2708
|
type: Output
|
|
2710
2709
|
}], personFieldChanged: [{
|
|
@@ -3175,21 +3174,20 @@ const _c0$m = a0 => ({ "form-group-error": a0 });
|
|
|
3175
3174
|
const _c1$c = (a0, a1) => ({ "hide-autocomplete": a0, "select-option": a1 });
|
|
3176
3175
|
const _c2$4 = a0 => ({ "select-option": a0 });
|
|
3177
3176
|
function FindTaskNameComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
3178
|
-
i0.ɵɵelementStart(0, "span",
|
|
3179
|
-
i0.ɵɵtext(
|
|
3177
|
+
i0.ɵɵelementStart(0, "h1", 1)(1, "span", 11);
|
|
3178
|
+
i0.ɵɵtext(2);
|
|
3180
3179
|
i0.ɵɵelementEnd();
|
|
3181
|
-
i0.ɵɵelementStart(2, "h1", 11);
|
|
3182
3180
|
i0.ɵɵtext(3);
|
|
3183
3181
|
i0.ɵɵelementEnd();
|
|
3184
3182
|
} if (rf & 2) {
|
|
3185
3183
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
3186
|
-
i0.ɵɵadvance();
|
|
3187
|
-
i0.ɵɵtextInterpolate(ctx_r1.title);
|
|
3188
3184
|
i0.ɵɵadvance(2);
|
|
3185
|
+
i0.ɵɵtextInterpolate(ctx_r1.title);
|
|
3186
|
+
i0.ɵɵadvance();
|
|
3189
3187
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.boldTitle, " ");
|
|
3190
3188
|
} }
|
|
3191
3189
|
function FindTaskNameComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
3192
|
-
i0.ɵɵelementStart(0, "div",
|
|
3190
|
+
i0.ɵɵelementStart(0, "div", 5);
|
|
3193
3191
|
i0.ɵɵtext(1);
|
|
3194
3192
|
i0.ɵɵelementEnd();
|
|
3195
3193
|
} if (rf & 2) {
|
|
@@ -3198,7 +3196,7 @@ function FindTaskNameComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
|
3198
3196
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.subTitle, " ");
|
|
3199
3197
|
} }
|
|
3200
3198
|
function FindTaskNameComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
3201
|
-
i0.ɵɵelementStart(0, "span",
|
|
3199
|
+
i0.ɵɵelementStart(0, "span", 6)(1, "span", 4);
|
|
3202
3200
|
i0.ɵɵtext(2, "Error:");
|
|
3203
3201
|
i0.ɵɵelementEnd();
|
|
3204
3202
|
i0.ɵɵtext(3);
|
|
@@ -3209,7 +3207,7 @@ function FindTaskNameComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
|
3209
3207
|
i0.ɵɵtextInterpolate1("", ctx_r1.findTaskNameGroup.errors.error ? ctx_r1.findTaskNameGroup.errors.error : ctx_r1.errorMessage, " ");
|
|
3210
3208
|
} }
|
|
3211
3209
|
function FindTaskNameComponent_For_11_Template(rf, ctx) { if (rf & 1) {
|
|
3212
|
-
i0.ɵɵelementStart(0, "mat-option",
|
|
3210
|
+
i0.ɵɵelementStart(0, "mat-option", 9);
|
|
3213
3211
|
i0.ɵɵtext(1);
|
|
3214
3212
|
i0.ɵɵelementEnd();
|
|
3215
3213
|
} if (rf & 2) {
|
|
@@ -3220,7 +3218,7 @@ function FindTaskNameComponent_For_11_Template(rf, ctx) { if (rf & 1) {
|
|
|
3220
3218
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.getTaskTypeName(option_r3), " ");
|
|
3221
3219
|
} }
|
|
3222
3220
|
function FindTaskNameComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
|
|
3223
|
-
i0.ɵɵelementStart(0, "mat-option",
|
|
3221
|
+
i0.ɵɵelementStart(0, "mat-option", 10);
|
|
3224
3222
|
i0.ɵɵtext(1, "No results found");
|
|
3225
3223
|
i0.ɵɵelementEnd();
|
|
3226
3224
|
} if (rf & 2) {
|
|
@@ -3287,21 +3285,21 @@ class FindTaskNameComponent {
|
|
|
3287
3285
|
this.taskNameFieldChanged.emit();
|
|
3288
3286
|
}
|
|
3289
3287
|
static { this.ɵfac = function FindTaskNameComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FindTaskNameComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(TaskService)); }; }
|
|
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",
|
|
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-heading-l"], [1, "govuk-form-group", 3, "formGroup", "ngClass"], [1, "govuk-fieldset"], [1, "govuk-visually-hidden"], ["id", "sub-title-hint", 1, "govuk-hint"], ["id", "validation-error", 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"]], template: function FindTaskNameComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3291
3289
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
3292
|
-
i0.ɵɵconditionalCreate(0, FindTaskNameComponent_Conditional_0_Template, 4, 2);
|
|
3293
|
-
i0.ɵɵelementStart(1, "div",
|
|
3290
|
+
i0.ɵɵconditionalCreate(0, FindTaskNameComponent_Conditional_0_Template, 4, 2, "h1", 1);
|
|
3291
|
+
i0.ɵɵelementStart(1, "div", 2)(2, "fieldset", 3)(3, "legend", 4);
|
|
3294
3292
|
i0.ɵɵtext(4);
|
|
3295
3293
|
i0.ɵɵelementEnd();
|
|
3296
|
-
i0.ɵɵconditionalCreate(5, FindTaskNameComponent_Conditional_5_Template, 2, 1, "div",
|
|
3297
|
-
i0.ɵɵconditionalCreate(6, FindTaskNameComponent_Conditional_6_Template, 4, 1, "span",
|
|
3298
|
-
i0.ɵɵelementStart(7, "input",
|
|
3294
|
+
i0.ɵɵconditionalCreate(5, FindTaskNameComponent_Conditional_5_Template, 2, 1, "div", 5);
|
|
3295
|
+
i0.ɵɵconditionalCreate(6, FindTaskNameComponent_Conditional_6_Template, 4, 1, "span", 6);
|
|
3296
|
+
i0.ɵɵelementStart(7, "input", 7);
|
|
3299
3297
|
i0.ɵɵlistener("input", function FindTaskNameComponent_Template_input_input_7_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onInput()); });
|
|
3300
3298
|
i0.ɵɵelementEnd();
|
|
3301
|
-
i0.ɵɵelementStart(8, "mat-autocomplete",
|
|
3299
|
+
i0.ɵɵelementStart(8, "mat-autocomplete", 8, 0);
|
|
3302
3300
|
i0.ɵɵlistener("optionSelected", function FindTaskNameComponent_Template_mat_autocomplete_optionSelected_8_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSelectionChange($event.option.value)); });
|
|
3303
|
-
i0.ɵɵrepeaterCreate(10, FindTaskNameComponent_For_11_Template, 2, 6, "mat-option",
|
|
3304
|
-
i0.ɵɵconditionalCreate(12, FindTaskNameComponent_Conditional_12_Template, 2, 3, "mat-option",
|
|
3301
|
+
i0.ɵɵrepeaterCreate(10, FindTaskNameComponent_For_11_Template, 2, 6, "mat-option", 9, i0.ɵɵrepeaterTrackByIdentity);
|
|
3302
|
+
i0.ɵɵconditionalCreate(12, FindTaskNameComponent_Conditional_12_Template, 2, 3, "mat-option", 10);
|
|
3305
3303
|
i0.ɵɵelementEnd()()();
|
|
3306
3304
|
} if (rf & 2) {
|
|
3307
3305
|
let tmp_3_0;
|
|
@@ -3328,7 +3326,7 @@ class FindTaskNameComponent {
|
|
|
3328
3326
|
}
|
|
3329
3327
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FindTaskNameComponent, [{
|
|
3330
3328
|
type: Component,
|
|
3331
|
-
args: [{ selector: 'xuilib-find-task-name', standalone: false, template: "@if (title && title.length) {\n <
|
|
3329
|
+
args: [{ selector: 'xuilib-find-task-name', standalone: false, template: "@if (title && title.length) {\n <h1 class=\"govuk-heading-l\">\n <span class=\"govuk-caption-l\">{{title}}</span>\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\">\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" }]
|
|
3332
3330
|
}], () => [{ type: i0.ChangeDetectorRef }, { type: TaskService }], { taskNameSelected: [{
|
|
3333
3331
|
type: Output
|
|
3334
3332
|
}], taskNameFieldChanged: [{
|
|
@@ -3418,7 +3416,7 @@ class SearchServiceComponent {
|
|
|
3418
3416
|
}
|
|
3419
3417
|
}
|
|
3420
3418
|
static { this.ɵfac = function SearchServiceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SearchServiceComponent)(); }; }
|
|
3421
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchServiceComponent, selectors: [["exui-search-service"]], inputs: { options: "options", selectedOptions: "selectedOptions", disabled: "disabled", showAutocomplete: "showAutocomplete", searchTerm: "searchTerm" }, outputs: { searchTermChange: "searchTermChange", optionChanged: "optionChanged" }, standalone: false, decls: 7, vars: 4, consts: [["autoSearchService", "matAutocomplete"], [1, "auto-complete-container"], ["id", "inputServiceSearch", 1, "govuk-input", 3, "input", "value", "matAutocomplete"], ["autoActiveFirstOption", "", 1, "mat-autocomplete-panel-extend"], [3, "value"], [3, "onSelectionChange", "value"]], template: function SearchServiceComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3419
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchServiceComponent, selectors: [["exui-search-service"]], inputs: { options: "options", selectedOptions: "selectedOptions", disabled: "disabled", showAutocomplete: "showAutocomplete", searchTerm: "searchTerm" }, outputs: { searchTermChange: "searchTermChange", optionChanged: "optionChanged" }, standalone: false, decls: 7, vars: 4, consts: [["autoSearchService", "matAutocomplete"], [1, "auto-complete-container"], ["id", "inputServiceSearch", 1, "govuk-input", 3, "input", "value", "matAutocomplete", "disabled"], ["autoActiveFirstOption", "", 1, "mat-autocomplete-panel-extend"], [3, "value"], [3, "onSelectionChange", "value"]], template: function SearchServiceComponent_Template(rf, ctx) { if (rf & 1) {
|
|
3422
3420
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
3423
3421
|
i0.ɵɵelementStart(0, "div", 1)(1, "input", 2);
|
|
3424
3422
|
i0.ɵɵlistener("input", function SearchServiceComponent_Template_input_input_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSearchTermChanged($event.target.value)); });
|
|
@@ -3430,8 +3428,7 @@ class SearchServiceComponent {
|
|
|
3430
3428
|
} if (rf & 2) {
|
|
3431
3429
|
const autoSearchService_r5 = i0.ɵɵreference(3);
|
|
3432
3430
|
i0.ɵɵadvance();
|
|
3433
|
-
i0.ɵɵproperty("value", ctx.searchTerm)("matAutocomplete", autoSearchService_r5);
|
|
3434
|
-
i0.ɵɵattribute("disabled", ctx.disabled);
|
|
3431
|
+
i0.ɵɵproperty("value", ctx.searchTerm)("matAutocomplete", autoSearchService_r5)("disabled", ctx.disabled);
|
|
3435
3432
|
i0.ɵɵadvance(3);
|
|
3436
3433
|
i0.ɵɵrepeater(ctx.filteredOptions);
|
|
3437
3434
|
i0.ɵɵadvance(2);
|
|
@@ -3440,7 +3437,7 @@ class SearchServiceComponent {
|
|
|
3440
3437
|
}
|
|
3441
3438
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchServiceComponent, [{
|
|
3442
3439
|
type: Component,
|
|
3443
|
-
args: [{ selector: 'exui-search-service', standalone: false, template: "<div class=\"auto-complete-container\">\n <input id=\"inputServiceSearch\"\n class=\"govuk-input\"\n [value]=\"searchTerm\"\n (input)=\"onSearchTermChanged($event.target.value)\"\n [matAutocomplete]=\"autoSearchService\"\n [
|
|
3440
|
+
args: [{ selector: 'exui-search-service', standalone: false, template: "<div class=\"auto-complete-container\">\n <input id=\"inputServiceSearch\"\n class=\"govuk-input\"\n [value]=\"searchTerm\"\n (input)=\"onSearchTermChanged($event.target.value)\"\n [matAutocomplete]=\"autoSearchService\"\n [disabled]=\"disabled\">\n <mat-autocomplete class=\"mat-autocomplete-panel-extend\" autoActiveFirstOption #autoSearchService=\"matAutocomplete\">\n @for (service of filteredOptions; track service) {\n <mat-option (onSelectionChange)=\"onSelectionChanged($event)\" [value]=\"service.label\">\n {{ service.label }}\n </mat-option>\n }\n @if (!filteredOptions?.length && showAutocomplete) {\n <mat-option>\n No results found\n </mat-option>\n }\n </mat-autocomplete>\n</div>\n", styles: [".autocomplete__input--show-all-values{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:100%;width:calc(100% - 4px)}.autocomplete__menu--visible{display:block}.autocomplete__menu--hidden{display:none}.autocomplete__menu--overlay{box-shadow:#00000042 0 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline{position:relative}.autocomplete__option{border-bottom:solid #b1b4b6;border-width:1px 0;cursor:pointer;display:block;position:relative}.autocomplete__option>*{pointer-events:none}.autocomplete__option:first-of-type{border-top-width:0}.autocomplete__option:last-of-type{border-bottom-width:0}.autocomplete__option--odd{background-color:#fafafa}.autocomplete__option--focused,.autocomplete__option:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:13px;line-height:1.25}.autocomplete__hint,.autocomplete__option{padding:5px}@media(min-width:641px){.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:13px;line-height:1.31579}}.div-action{display:inline-block}.add-location{display:inline}.remove-location-button{margin:5px}.hide-autocomplete{display:none}.auto-complete-container{min-width:250px;display:inline-block;margin-right:4px}.autocomplete__input{line-height:24px;font-size:19px}\n"] }]
|
|
3444
3441
|
}], null, { options: [{
|
|
3445
3442
|
type: Input
|
|
3446
3443
|
}], selectedOptions: [{
|
|
@@ -5186,7 +5183,7 @@ class GenericFilterComponent {
|
|
|
5186
5183
|
return sortedResults;
|
|
5187
5184
|
}
|
|
5188
5185
|
static { this.ɵfac = function GenericFilterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GenericFilterComponent)(i0.ɵɵdirectiveInject(FilterService), i0.ɵɵdirectiveInject(i2$3.FormBuilder), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
|
|
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"], [
|
|
5186
|
+
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) {
|
|
5190
5187
|
i0.ɵɵelementStart(0, "form", 0);
|
|
5191
5188
|
i0.ɵɵlistener("ngSubmit", function GenericFilterComponent_Template_form_ngSubmit_0_listener() { return ctx.applyFilter(ctx.form); });
|
|
5192
5189
|
i0.ɵɵrepeaterCreate(1, GenericFilterComponent_For_2_Template, 4, 2, "div", 1, i0.ɵɵrepeaterTrackByIdentity);
|
|
@@ -5211,7 +5208,7 @@ class GenericFilterComponent {
|
|
|
5211
5208
|
}
|
|
5212
5209
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GenericFilterComponent, [{
|
|
5213
5210
|
type: Component,
|
|
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"] }]
|
|
5211
|
+
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"] }]
|
|
5215
5212
|
}], () => [{ type: FilterService }, { type: i2$3.FormBuilder }, { type: i0.ChangeDetectorRef }], { config: [{
|
|
5216
5213
|
type: Input
|
|
5217
5214
|
}], settings: [{
|
|
@@ -5234,7 +5231,7 @@ class HmctsSessionDialogComponent {
|
|
|
5234
5231
|
this.close.emit();
|
|
5235
5232
|
}
|
|
5236
5233
|
static { this.ɵfac = function HmctsSessionDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HmctsSessionDialogComponent)(); }; }
|
|
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", "
|
|
5234
|
+
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) {
|
|
5238
5235
|
i0.ɵɵprojectionDef();
|
|
5239
5236
|
i0.ɵɵelementStart(0, "div", 0);
|
|
5240
5237
|
i0.ɵɵelement(1, "div", 1);
|
|
@@ -5263,7 +5260,7 @@ class HmctsSessionDialogComponent {
|
|
|
5263
5260
|
}
|
|
5264
5261
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HmctsSessionDialogComponent, [{
|
|
5265
5262
|
type: Component,
|
|
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\"
|
|
5263
|
+
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"] }]
|
|
5267
5264
|
}], () => [], { positionTop: [{
|
|
5268
5265
|
type: Input
|
|
5269
5266
|
}], close: [{
|
|
@@ -5436,22 +5433,21 @@ class GovUkCheckboxComponent {
|
|
|
5436
5433
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GovUkCheckboxComponent, { className: "GovUkCheckboxComponent", filePath: "lib/gov-ui/components/gov-uk-checkbox/gov-uk-checkbox.component.ts", lineNumber: 16 }); })();
|
|
5437
5434
|
|
|
5438
5435
|
function GovUkErrorMessageComponent_For_1_Template(rf, ctx) { if (rf & 1) {
|
|
5439
|
-
i0.ɵɵelementStart(0, "
|
|
5440
|
-
i0.ɵɵtext(
|
|
5441
|
-
i0.ɵɵpipe(
|
|
5436
|
+
i0.ɵɵelementStart(0, "span", 0)(1, "span", 1);
|
|
5437
|
+
i0.ɵɵtext(2);
|
|
5438
|
+
i0.ɵɵpipe(3, "rpxTranslate");
|
|
5439
|
+
i0.ɵɵelementEnd();
|
|
5440
|
+
i0.ɵɵtext(4);
|
|
5441
|
+
i0.ɵɵpipe(5, "rpxTranslate");
|
|
5442
5442
|
i0.ɵɵelementEnd();
|
|
5443
|
-
i0.ɵɵtext(5);
|
|
5444
|
-
i0.ɵɵpipe(6, "rpxTranslate");
|
|
5445
|
-
i0.ɵɵelementEnd()();
|
|
5446
5443
|
} if (rf & 2) {
|
|
5447
5444
|
const message_r1 = ctx.$implicit;
|
|
5448
5445
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
5449
|
-
i0.ɵɵadvance();
|
|
5450
5446
|
i0.ɵɵproperty("id", ctx_r1.config.id + "-error");
|
|
5451
5447
|
i0.ɵɵadvance(2);
|
|
5452
|
-
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(
|
|
5448
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 3, "Error"), ":");
|
|
5453
5449
|
i0.ɵɵadvance(2);
|
|
5454
|
-
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(
|
|
5450
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(5, 5, message_r1), " ");
|
|
5455
5451
|
} }
|
|
5456
5452
|
/*
|
|
5457
5453
|
* Gov UK Error Message
|
|
@@ -5462,15 +5458,15 @@ function GovUkErrorMessageComponent_For_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
5462
5458
|
class GovUkErrorMessageComponent {
|
|
5463
5459
|
constructor() { }
|
|
5464
5460
|
static { this.ɵfac = function GovUkErrorMessageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GovUkErrorMessageComponent)(); }; }
|
|
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: [[
|
|
5466
|
-
i0.ɵɵrepeaterCreate(0, GovUkErrorMessageComponent_For_1_Template,
|
|
5461
|
+
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) {
|
|
5462
|
+
i0.ɵɵrepeaterCreate(0, GovUkErrorMessageComponent_For_1_Template, 6, 7, "span", 0, i0.ɵɵrepeaterTrackByIdentity);
|
|
5467
5463
|
} if (rf & 2) {
|
|
5468
5464
|
i0.ɵɵrepeater(ctx.errorMessage == null ? null : ctx.errorMessage.messages);
|
|
5469
5465
|
} }, dependencies: [i2.RpxTranslatePipe], encapsulation: 2 }); }
|
|
5470
5466
|
}
|
|
5471
5467
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GovUkErrorMessageComponent, [{
|
|
5472
5468
|
type: Component,
|
|
5473
|
-
args: [{ selector: ' xuilib-gov-uk-error-message', standalone: false, template: "@for (message of errorMessage?.messages; track message) {\n <
|
|
5469
|
+
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 <span class=\"govuk-visually-hidden\">{{'Error' | rpxTranslate}}:</span>{{message | rpxTranslate}}\n </span>\n}\n" }]
|
|
5474
5470
|
}], () => [], { config: [{
|
|
5475
5471
|
type: Input
|
|
5476
5472
|
}], errorMessage: [{
|
|
@@ -6098,10 +6094,10 @@ class SelectedCaseConfirmComponent {
|
|
|
6098
6094
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SelectedCaseConfirmComponent, { className: "SelectedCaseConfirmComponent", filePath: "lib/components/selected-case-confirm/selected-case-confirm.component.ts", lineNumber: 13 }); })();
|
|
6099
6095
|
|
|
6100
6096
|
function _forTrack0$1($index, $item) { return this.trackByUserId($item); }
|
|
6101
|
-
function
|
|
6097
|
+
function SelectedCaseComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
6102
6098
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
6103
6099
|
i0.ɵɵelementStart(0, "button", 14);
|
|
6104
|
-
i0.ɵɵlistener("click", function
|
|
6100
|
+
i0.ɵɵlistener("click", function SelectedCaseComponent_Conditional_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDeselect(ctx_r1.sharedCase)); });
|
|
6105
6101
|
i0.ɵɵtext(1);
|
|
6106
6102
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
6107
6103
|
i0.ɵɵelementEnd();
|
|
@@ -6111,7 +6107,7 @@ function SelectedCaseComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
|
|
|
6111
6107
|
i0.ɵɵadvance();
|
|
6112
6108
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 3, "Deselect case"), " ");
|
|
6113
6109
|
} }
|
|
6114
|
-
function
|
|
6110
|
+
function SelectedCaseComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
6115
6111
|
i0.ɵɵelementStart(0, "div", 12)(1, "span", 15);
|
|
6116
6112
|
i0.ɵɵtext(2);
|
|
6117
6113
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
@@ -6123,7 +6119,7 @@ function SelectedCaseComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
|
|
|
6123
6119
|
i0.ɵɵadvance();
|
|
6124
6120
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 3, "No users from your organisation currently have access to this case."), " ");
|
|
6125
6121
|
} }
|
|
6126
|
-
function
|
|
6122
|
+
function SelectedCaseComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
|
|
6127
6123
|
i0.ɵɵelementStart(0, "div", 12)(1, "span", 15);
|
|
6128
6124
|
i0.ɵɵtext(2);
|
|
6129
6125
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
@@ -6135,10 +6131,10 @@ function SelectedCaseComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
|
|
|
6135
6131
|
i0.ɵɵadvance();
|
|
6136
6132
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 3, "Users from your organisation with access to this case."), " ");
|
|
6137
6133
|
} }
|
|
6138
|
-
function
|
|
6134
|
+
function SelectedCaseComponent_Conditional_19_For_17_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
6139
6135
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
6140
6136
|
i0.ɵɵelementStart(0, "a", 27);
|
|
6141
|
-
i0.ɵɵlistener("click", function
|
|
6137
|
+
i0.ɵɵlistener("click", function SelectedCaseComponent_Conditional_19_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()); });
|
|
6142
6138
|
i0.ɵɵtext(1);
|
|
6143
6139
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
6144
6140
|
i0.ɵɵelementStart(3, "span", 28);
|
|
@@ -6152,10 +6148,10 @@ function SelectedCaseComponent_Conditional_20_For_17_Conditional_8_Template(rf,
|
|
|
6152
6148
|
i0.ɵɵadvance(3);
|
|
6153
6149
|
i0.ɵɵtextInterpolate2("", user_r4.firstName + " " + user_r4.lastName, " ", i0.ɵɵpipeBind1(5, 5, "from case"));
|
|
6154
6150
|
} }
|
|
6155
|
-
function
|
|
6151
|
+
function SelectedCaseComponent_Conditional_19_For_17_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
6156
6152
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
6157
6153
|
i0.ɵɵelementStart(0, "a", 27);
|
|
6158
|
-
i0.ɵɵlistener("click", function
|
|
6154
|
+
i0.ɵɵlistener("click", function SelectedCaseComponent_Conditional_19_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()); });
|
|
6159
6155
|
i0.ɵɵtext(1);
|
|
6160
6156
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
6161
6157
|
i0.ɵɵelementStart(3, "span", 28);
|
|
@@ -6170,7 +6166,7 @@ function SelectedCaseComponent_Conditional_20_For_17_Conditional_10_Template(rf,
|
|
|
6170
6166
|
i0.ɵɵadvance(3);
|
|
6171
6167
|
i0.ɵɵtextInterpolate3("", i0.ɵɵpipeBind1(5, 6, "adding"), " ", user_r4.firstName + " " + user_r4.lastName, " ", i0.ɵɵpipeBind1(6, 8, "to case"));
|
|
6172
6168
|
} }
|
|
6173
|
-
function
|
|
6169
|
+
function SelectedCaseComponent_Conditional_19_For_17_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
6174
6170
|
i0.ɵɵelementStart(0, "span", 25);
|
|
6175
6171
|
i0.ɵɵtext(1);
|
|
6176
6172
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
@@ -6179,7 +6175,7 @@ function SelectedCaseComponent_Conditional_20_For_17_Conditional_13_Template(rf,
|
|
|
6179
6175
|
i0.ɵɵadvance();
|
|
6180
6176
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "To be removed"));
|
|
6181
6177
|
} }
|
|
6182
|
-
function
|
|
6178
|
+
function SelectedCaseComponent_Conditional_19_For_17_Conditional_15_Template(rf, ctx) { if (rf & 1) {
|
|
6183
6179
|
i0.ɵɵelementStart(0, "span", 26);
|
|
6184
6180
|
i0.ɵɵtext(1);
|
|
6185
6181
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
@@ -6188,7 +6184,7 @@ function SelectedCaseComponent_Conditional_20_For_17_Conditional_15_Template(rf,
|
|
|
6188
6184
|
i0.ɵɵadvance();
|
|
6189
6185
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "To be added"));
|
|
6190
6186
|
} }
|
|
6191
|
-
function
|
|
6187
|
+
function SelectedCaseComponent_Conditional_19_For_17_Template(rf, ctx) { if (rf & 1) {
|
|
6192
6188
|
i0.ɵɵelementStart(0, "tr", 17)(1, "td", 22);
|
|
6193
6189
|
i0.ɵɵpipe(2, "async");
|
|
6194
6190
|
i0.ɵɵtext(3);
|
|
@@ -6198,27 +6194,27 @@ function SelectedCaseComponent_Conditional_20_For_17_Template(rf, ctx) { if (rf
|
|
|
6198
6194
|
i0.ɵɵtext(6);
|
|
6199
6195
|
i0.ɵɵelementEnd();
|
|
6200
6196
|
i0.ɵɵelementStart(7, "td", 23);
|
|
6201
|
-
i0.ɵɵconditionalCreate(8,
|
|
6197
|
+
i0.ɵɵconditionalCreate(8, SelectedCaseComponent_Conditional_19_For_17_Conditional_8_Template, 6, 7, "a", 24);
|
|
6202
6198
|
i0.ɵɵpipe(9, "async");
|
|
6203
|
-
i0.ɵɵconditionalCreate(10,
|
|
6199
|
+
i0.ɵɵconditionalCreate(10, SelectedCaseComponent_Conditional_19_For_17_Conditional_10_Template, 7, 10, "a", 24);
|
|
6204
6200
|
i0.ɵɵpipe(11, "async");
|
|
6205
6201
|
i0.ɵɵelementEnd();
|
|
6206
6202
|
i0.ɵɵelementStart(12, "td", 23);
|
|
6207
|
-
i0.ɵɵconditionalCreate(13,
|
|
6203
|
+
i0.ɵɵconditionalCreate(13, SelectedCaseComponent_Conditional_19_For_17_Conditional_13_Template, 3, 3, "span", 25);
|
|
6208
6204
|
i0.ɵɵpipe(14, "async");
|
|
6209
|
-
i0.ɵɵconditionalCreate(15,
|
|
6205
|
+
i0.ɵɵconditionalCreate(15, SelectedCaseComponent_Conditional_19_For_17_Conditional_15_Template, 3, 3, "span", 26);
|
|
6210
6206
|
i0.ɵɵpipe(16, "async");
|
|
6211
6207
|
i0.ɵɵelementEnd()();
|
|
6212
6208
|
} if (rf & 2) {
|
|
6213
6209
|
const user_r4 = ctx.$implicit;
|
|
6214
|
-
const ɵ$
|
|
6210
|
+
const ɵ$index_72_r6 = ctx.$index;
|
|
6215
6211
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
6216
6212
|
i0.ɵɵadvance();
|
|
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)), ɵ$
|
|
6213
|
+
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_72_r6)));
|
|
6218
6214
|
i0.ɵɵadvance(2);
|
|
6219
6215
|
i0.ɵɵtextInterpolate(user_r4.firstName + " " + user_r4.lastName);
|
|
6220
6216
|
i0.ɵɵadvance();
|
|
6221
|
-
i0.ɵɵproperty("id", i0.ɵɵinterpolate1("user-email-", ctx_r1.userIdSetter(i0.ɵɵpipeBind1(5, 12, ctx_r1.canCancel(ctx_r1.sharedCase.caseId, user_r4)), ɵ$
|
|
6217
|
+
i0.ɵɵproperty("id", i0.ɵɵinterpolate1("user-email-", ctx_r1.userIdSetter(i0.ɵɵpipeBind1(5, 12, ctx_r1.canCancel(ctx_r1.sharedCase.caseId, user_r4)), ɵ$index_72_r6)));
|
|
6222
6218
|
i0.ɵɵadvance(2);
|
|
6223
6219
|
i0.ɵɵtextInterpolate(user_r4.email);
|
|
6224
6220
|
i0.ɵɵadvance(2);
|
|
@@ -6230,7 +6226,7 @@ function SelectedCaseComponent_Conditional_20_For_17_Template(rf, ctx) { if (rf
|
|
|
6230
6226
|
i0.ɵɵadvance(2);
|
|
6231
6227
|
i0.ɵɵconditional(i0.ɵɵpipeBind1(16, 20, ctx_r1.isToBeAdded(ctx_r1.sharedCase.caseId, user_r4)) ? 15 : -1);
|
|
6232
6228
|
} }
|
|
6233
|
-
function
|
|
6229
|
+
function SelectedCaseComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
|
|
6234
6230
|
i0.ɵɵelementStart(0, "table", 13)(1, "thead", 16)(2, "tr", 17)(3, "th", 18);
|
|
6235
6231
|
i0.ɵɵtext(4);
|
|
6236
6232
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
@@ -6248,7 +6244,7 @@ function SelectedCaseComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
|
|
|
6248
6244
|
i0.ɵɵpipe(14, "rpxTranslate");
|
|
6249
6245
|
i0.ɵɵelementEnd()()();
|
|
6250
6246
|
i0.ɵɵelementStart(15, "tbody", 21);
|
|
6251
|
-
i0.ɵɵrepeaterCreate(16,
|
|
6247
|
+
i0.ɵɵrepeaterCreate(16, SelectedCaseComponent_Conditional_19_For_17_Template, 17, 22, "tr", 17, _forTrack0$1, true);
|
|
6252
6248
|
i0.ɵɵelementEnd()();
|
|
6253
6249
|
} if (rf & 2) {
|
|
6254
6250
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -6283,18 +6279,12 @@ class SelectedCaseComponent {
|
|
|
6283
6279
|
this.shareCases$.subscribe(shareCases => this.shareCases = shareCases);
|
|
6284
6280
|
}
|
|
6285
6281
|
ngOnChanges(changes) {
|
|
6286
|
-
if (changes.opened) {
|
|
6287
|
-
this.opened = changes.opened.currentValue;
|
|
6288
|
-
}
|
|
6289
6282
|
if (changes.sharedCase) {
|
|
6290
6283
|
const sharedWith = this.sharedCase.sharedWith ? this.sharedCase.sharedWith : [];
|
|
6291
6284
|
const pendingShares = this.sharedCase.pendingShares ? this.sharedCase.pendingShares : [];
|
|
6292
6285
|
this.combinedSortedShares = this.combineAndSortShares(sharedWith, pendingShares);
|
|
6293
6286
|
}
|
|
6294
6287
|
}
|
|
6295
|
-
toggleAccordion() {
|
|
6296
|
-
this.opened = !this.opened;
|
|
6297
|
-
}
|
|
6298
6288
|
onDeselect(c) {
|
|
6299
6289
|
this.unselect.emit(c);
|
|
6300
6290
|
}
|
|
@@ -6412,58 +6402,56 @@ class SelectedCaseComponent {
|
|
|
6412
6402
|
return `${elementName}-${this.sharedCase.caseId}`;
|
|
6413
6403
|
}
|
|
6414
6404
|
static { this.ɵfac = function SelectedCaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SelectedCaseComponent)(i0.ɵɵdirectiveInject(CaseSharingStateService)); }; }
|
|
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:
|
|
6405
|
+
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: 20, vars: 25, 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", "aria-expanded", "false", 1, "govuk-accordion__section-button", 3, "id", "title"], ["aria-hidden", "true", 1, "govuk-accordion__icon"], [1, "govuk-accordion__section-content", 3, "id"], [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) {
|
|
6416
6406
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h3", 3);
|
|
6417
6407
|
i0.ɵɵtext(4);
|
|
6418
6408
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
6419
|
-
i0.ɵɵpipe(6, "rpxTranslate");
|
|
6420
6409
|
i0.ɵɵelementEnd();
|
|
6421
|
-
i0.ɵɵelementStart(
|
|
6422
|
-
i0.ɵɵtext(
|
|
6423
|
-
i0.ɵɵpipe(
|
|
6410
|
+
i0.ɵɵelementStart(6, "h3", 4);
|
|
6411
|
+
i0.ɵɵtext(7);
|
|
6412
|
+
i0.ɵɵpipe(8, "rpxTranslate");
|
|
6424
6413
|
i0.ɵɵelementEnd()();
|
|
6425
|
-
i0.ɵɵelementStart(
|
|
6426
|
-
i0.ɵɵconditionalCreate(
|
|
6414
|
+
i0.ɵɵelementStart(9, "div", 5);
|
|
6415
|
+
i0.ɵɵconditionalCreate(10, SelectedCaseComponent_Conditional_10_Template, 3, 5, "button", 6);
|
|
6427
6416
|
i0.ɵɵelementEnd();
|
|
6428
|
-
i0.ɵɵelementStart(
|
|
6429
|
-
i0.ɵɵpipe(
|
|
6430
|
-
i0.ɵɵ
|
|
6431
|
-
i0.ɵɵelement(16, "span", 10);
|
|
6417
|
+
i0.ɵɵelementStart(11, "div", 7)(12, "div", 8)(13, "button", 9);
|
|
6418
|
+
i0.ɵɵpipe(14, "rpxTranslate");
|
|
6419
|
+
i0.ɵɵelement(15, "span", 10);
|
|
6432
6420
|
i0.ɵɵelementEnd()()()();
|
|
6433
|
-
i0.ɵɵelementStart(
|
|
6421
|
+
i0.ɵɵelementStart(16, "div", 11);
|
|
6422
|
+
i0.ɵɵconditionalCreate(17, SelectedCaseComponent_Conditional_17_Template, 4, 5, "div", 12);
|
|
6434
6423
|
i0.ɵɵconditionalCreate(18, SelectedCaseComponent_Conditional_18_Template, 4, 5, "div", 12);
|
|
6435
|
-
i0.ɵɵconditionalCreate(19, SelectedCaseComponent_Conditional_19_Template,
|
|
6436
|
-
i0.ɵɵconditionalCreate(20, SelectedCaseComponent_Conditional_20_Template, 18, 20, "table", 13);
|
|
6424
|
+
i0.ɵɵconditionalCreate(19, SelectedCaseComponent_Conditional_19_Template, 18, 20, "table", 13);
|
|
6437
6425
|
i0.ɵɵelementEnd()();
|
|
6438
6426
|
} if (rf & 2) {
|
|
6439
6427
|
i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("govuk-accordion__section")));
|
|
6440
6428
|
i0.ɵɵadvance(3);
|
|
6441
6429
|
i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("case-title")));
|
|
6442
6430
|
i0.ɵɵadvance();
|
|
6443
|
-
i0.ɵɵ
|
|
6444
|
-
i0.ɵɵadvance(
|
|
6431
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 19, ctx.sharedCase.caseTitle));
|
|
6432
|
+
i0.ɵɵadvance(2);
|
|
6445
6433
|
i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("case-id")));
|
|
6446
6434
|
i0.ɵɵadvance();
|
|
6447
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(
|
|
6435
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 21, ctx.sharedCase.caseId));
|
|
6448
6436
|
i0.ɵɵadvance(3);
|
|
6449
|
-
i0.ɵɵconditional(ctx.caseCount > 1 ?
|
|
6437
|
+
i0.ɵɵconditional(ctx.caseCount > 1 ? 10 : -1);
|
|
6450
6438
|
i0.ɵɵadvance(3);
|
|
6451
|
-
i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("accordion-with-summary-sections-heading")));
|
|
6452
|
-
i0.ɵɵattribute("aria-controls",
|
|
6439
|
+
i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("accordion-with-summary-sections-heading")))("title", i0.ɵɵpipeBind1(14, 23, "Expand or Collapse"));
|
|
6440
|
+
i0.ɵɵattribute("aria-controls", "accordion-with-summary-sections-content" + ctx.buildElementId("accordion-with-summary-sections-heading"));
|
|
6453
6441
|
i0.ɵɵadvance(3);
|
|
6454
|
-
i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("accordion-with-summary-sections-content")))
|
|
6442
|
+
i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("accordion-with-summary-sections-content")));
|
|
6455
6443
|
i0.ɵɵattribute("aria-labelledby", ctx.buildElementId("accordion-with-summary-sections-heading"));
|
|
6456
6444
|
i0.ɵɵadvance();
|
|
6457
|
-
i0.ɵɵconditional(ctx.showNoUsersAccessInfo() ?
|
|
6445
|
+
i0.ɵɵconditional(ctx.showNoUsersAccessInfo() ? 17 : -1);
|
|
6458
6446
|
i0.ɵɵadvance();
|
|
6459
|
-
i0.ɵɵconditional(ctx.showUserHasAccessInfo() ?
|
|
6447
|
+
i0.ɵɵconditional(ctx.showUserHasAccessInfo() ? 18 : -1);
|
|
6460
6448
|
i0.ɵɵadvance();
|
|
6461
|
-
i0.ɵɵconditional(ctx.showUserAccessTable() ?
|
|
6449
|
+
i0.ɵɵconditional(ctx.showUserAccessTable() ? 19 : -1);
|
|
6462
6450
|
} }, 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}"] }); }
|
|
6463
6451
|
}
|
|
6464
6452
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectedCaseComponent, [{
|
|
6465
6453
|
type: Component,
|
|
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\"
|
|
6454
|
+
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\">{{ sharedCase.caseTitle | rpxTranslate }}</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]=\"'accordion-with-summary-sections-content' + buildElementId('accordion-with-summary-sections-heading')\" class=\"govuk-accordion__section-button\"\n aria-expanded=\"false\" [title]=\"'Expand or Collapse' | rpxTranslate\">\n <span class=\"govuk-accordion__icon\" aria-hidden=\"true\"></span></button>\n </div>\n </div>\n </div>\n <div id=\"{{buildElementId('accordion-with-summary-sections-content')}}\" class=\"govuk-accordion__section-content\"\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"] }]
|
|
6467
6455
|
}], () => [{ type: CaseSharingStateService }], { sharedCase: [{
|
|
6468
6456
|
type: Input
|
|
6469
6457
|
}], selectedUser: [{
|
|
@@ -6586,7 +6574,7 @@ class ServiceMessageComponent {
|
|
|
6586
6574
|
return this.sanitizer.sanitize(SecurityContext.HTML, content ?? '') ?? '';
|
|
6587
6575
|
}
|
|
6588
6576
|
static { this.ɵfac = function ServiceMessageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ServiceMessageComponent)(i0.ɵɵdirectiveInject(i2$1.DomSanitizer)); }; }
|
|
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"], ["
|
|
6577
|
+
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"], ["tabindex", "0", 1, "govuk-link--no-visited-state", 3, "click", "keyup.enter", "routerLink"]], template: function ServiceMessageComponent_Template(rf, ctx) { if (rf & 1) {
|
|
6590
6578
|
i0.ɵɵelementStart(0, "div", 0);
|
|
6591
6579
|
i0.ɵɵnamespaceSVG();
|
|
6592
6580
|
i0.ɵɵelementStart(1, "svg", 1);
|
|
@@ -6599,8 +6587,8 @@ class ServiceMessageComponent {
|
|
|
6599
6587
|
i0.ɵɵelementEnd();
|
|
6600
6588
|
i0.ɵɵelement(7, "h2", 5);
|
|
6601
6589
|
i0.ɵɵconditionalCreate(8, ServiceMessageComponent_Conditional_8_Template, 1, 1, "h2", 5);
|
|
6602
|
-
i0.ɵɵelementStart(9, "
|
|
6603
|
-
i0.ɵɵlistener("click", function
|
|
6590
|
+
i0.ɵɵelementStart(9, "a", 6);
|
|
6591
|
+
i0.ɵɵlistener("click", function ServiceMessageComponent_Template_a_click_9_listener() { return ctx.onHideMessageEvent(ctx.key); })("keyup.enter", function ServiceMessageComponent_Template_a_keyup_enter_9_listener() { return ctx.onHideMessageEvent(ctx.key); });
|
|
6604
6592
|
i0.ɵɵtext(10);
|
|
6605
6593
|
i0.ɵɵpipe(11, "rpxTranslate");
|
|
6606
6594
|
i0.ɵɵelementEnd()()();
|
|
@@ -6613,11 +6601,11 @@ class ServiceMessageComponent {
|
|
|
6613
6601
|
i0.ɵɵconditional(ctx.message_cy ? 8 : -1);
|
|
6614
6602
|
i0.ɵɵadvance(2);
|
|
6615
6603
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11, 6, "Hide message"));
|
|
6616
|
-
} }, dependencies: [i2.RpxTranslatePipe], styles: [".govuk-link--no-visited-state[_ngcontent-%COMP%]{cursor:pointer}
|
|
6604
|
+
} }, dependencies: [i1$1.RouterLink, i2.RpxTranslatePipe], styles: [".govuk-link--no-visited-state[_ngcontent-%COMP%]{cursor:pointer}"] }); }
|
|
6617
6605
|
}
|
|
6618
6606
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ServiceMessageComponent, [{
|
|
6619
6607
|
type: Component,
|
|
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 <
|
|
6608
|
+
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 <a [routerLink]=\"\" tabindex=\"0\" class=\"govuk-link--no-visited-state\" (click)=\"onHideMessageEvent(key)\" (keyup.enter)=\"onHideMessageEvent(key)\">{{'Hide message' | rpxTranslate}}</a>\n </div>\n\n</div>", styles: [".govuk-link--no-visited-state{cursor:pointer}\n"] }]
|
|
6621
6609
|
}], () => [{ type: i2$1.DomSanitizer }], { message_en: [{
|
|
6622
6610
|
type: Input
|
|
6623
6611
|
}], message_cy: [{
|
|
@@ -7101,8 +7089,8 @@ class HmctsErrorSummaryComponent {
|
|
|
7101
7089
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HmctsErrorSummaryComponent, { className: "HmctsErrorSummaryComponent", filePath: "lib/gov-ui/components/hmcts-error-summary/hmcts-error-summary.component.ts", lineNumber: 19 }); })();
|
|
7102
7090
|
|
|
7103
7091
|
const _c0$e = a0 => ({ "govuk-form-group--error": a0 });
|
|
7104
|
-
function
|
|
7105
|
-
i0.ɵɵelementStart(0, "span",
|
|
7092
|
+
function ShareCaseComponent_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
7093
|
+
i0.ɵɵelementStart(0, "span", 24);
|
|
7106
7094
|
i0.ɵɵtext(1);
|
|
7107
7095
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
7108
7096
|
i0.ɵɵelementEnd();
|
|
@@ -7112,15 +7100,16 @@ function ShareCaseComponent_Conditional_1_Conditional_0_Template(rf, ctx) { if (
|
|
|
7112
7100
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.fnTitle));
|
|
7113
7101
|
} }
|
|
7114
7102
|
function ShareCaseComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
7115
|
-
i0.ɵɵ
|
|
7116
|
-
i0.ɵɵ
|
|
7103
|
+
i0.ɵɵelementStart(0, "h1", 1);
|
|
7104
|
+
i0.ɵɵconditionalCreate(1, ShareCaseComponent_Conditional_1_Conditional_1_Template, 3, 3, "span", 24);
|
|
7117
7105
|
i0.ɵɵtext(2);
|
|
7118
7106
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
7119
7107
|
i0.ɵɵelementEnd();
|
|
7120
7108
|
} if (rf & 2) {
|
|
7121
7109
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
7122
|
-
i0.ɵɵ
|
|
7123
|
-
i0.ɵɵ
|
|
7110
|
+
i0.ɵɵadvance();
|
|
7111
|
+
i0.ɵɵconditional(ctx_r0.fnTitle ? 1 : -1);
|
|
7112
|
+
i0.ɵɵadvance();
|
|
7124
7113
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, ctx_r0.title), " ");
|
|
7125
7114
|
} }
|
|
7126
7115
|
function ShareCaseComponent_Conditional_29_For_13_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -7135,7 +7124,7 @@ function ShareCaseComponent_Conditional_29_For_13_Template(rf, ctx) { if (rf & 1
|
|
|
7135
7124
|
} }
|
|
7136
7125
|
function ShareCaseComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
|
|
7137
7126
|
const _r2 = i0.ɵɵgetCurrentView();
|
|
7138
|
-
i0.ɵɵelementStart(0, "div",
|
|
7127
|
+
i0.ɵɵelementStart(0, "div", 3)(1, "label", 25);
|
|
7139
7128
|
i0.ɵɵtext(2);
|
|
7140
7129
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
7141
7130
|
i0.ɵɵelementEnd();
|
|
@@ -7143,19 +7132,19 @@ function ShareCaseComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
|
|
|
7143
7132
|
i0.ɵɵtext(5);
|
|
7144
7133
|
i0.ɵɵpipe(6, "rpxTranslate");
|
|
7145
7134
|
i0.ɵɵelementEnd();
|
|
7146
|
-
i0.ɵɵelementStart(7, "div",
|
|
7135
|
+
i0.ɵɵelementStart(7, "div", 6)(8, "div", 7)(9, "select", 27);
|
|
7147
7136
|
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)); });
|
|
7148
7137
|
i0.ɵɵelementStart(10, "option", 28);
|
|
7149
7138
|
i0.ɵɵtext(11, "Select a person");
|
|
7150
7139
|
i0.ɵɵelementEnd();
|
|
7151
7140
|
i0.ɵɵrepeaterCreate(12, ShareCaseComponent_Conditional_29_For_13_Template, 2, 4, "option", 29, i0.ɵɵrepeaterTrackByIdentity);
|
|
7152
7141
|
i0.ɵɵelementEnd()();
|
|
7153
|
-
i0.ɵɵelementStart(14, "div",
|
|
7142
|
+
i0.ɵɵelementStart(14, "div", 9)(15, "button", 30);
|
|
7154
7143
|
i0.ɵɵpipe(16, "rpxTranslate");
|
|
7155
7144
|
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()); });
|
|
7156
7145
|
i0.ɵɵtext(17);
|
|
7157
7146
|
i0.ɵɵpipe(18, "rpxTranslate");
|
|
7158
|
-
i0.ɵɵelementStart(19, "span",
|
|
7147
|
+
i0.ɵɵelementStart(19, "span", 11);
|
|
7159
7148
|
i0.ɵɵtext(20);
|
|
7160
7149
|
i0.ɵɵpipe(21, "rpxTranslate");
|
|
7161
7150
|
i0.ɵɵelementEnd()()()()();
|
|
@@ -7180,7 +7169,7 @@ function ShareCaseComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
|
|
|
7180
7169
|
} }
|
|
7181
7170
|
function ShareCaseComponent_Conditional_35_Template(rf, ctx) { if (rf & 1) {
|
|
7182
7171
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
7183
|
-
i0.ɵɵelementStart(0, "div",
|
|
7172
|
+
i0.ɵɵelementStart(0, "div", 19)(1, "xuilib-selected-case-list", 31);
|
|
7184
7173
|
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)); });
|
|
7185
7174
|
i0.ɵɵelementEnd()();
|
|
7186
7175
|
} if (rf & 2) {
|
|
@@ -7189,7 +7178,7 @@ function ShareCaseComponent_Conditional_35_Template(rf, ctx) { if (rf & 1) {
|
|
|
7189
7178
|
i0.ɵɵproperty("shareCases$", ctx_r0.shareCases$)("removeUserFromCaseToggleOn", ctx_r0.removeUserFromCaseToggleOn);
|
|
7190
7179
|
} }
|
|
7191
7180
|
function ShareCaseComponent_Conditional_36_Template(rf, ctx) { if (rf & 1) {
|
|
7192
|
-
i0.ɵɵelementStart(0, "div",
|
|
7181
|
+
i0.ɵɵelementStart(0, "div", 20);
|
|
7193
7182
|
i0.ɵɵtext(1);
|
|
7194
7183
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
7195
7184
|
i0.ɵɵelementEnd();
|
|
@@ -7381,54 +7370,54 @@ class ShareCaseComponent {
|
|
|
7381
7370
|
} if (rf & 2) {
|
|
7382
7371
|
let _t;
|
|
7383
7372
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.userSelect = _t.first);
|
|
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"], [
|
|
7373
|
+
} }, 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"], [1, "govuk-heading-xl", "govuk-!-margin-top-2"], ["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"], ["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) {
|
|
7385
7374
|
i0.ɵɵelement(0, "xuilib-hmcts-error-summary", 0);
|
|
7386
|
-
i0.ɵɵconditionalCreate(1, ShareCaseComponent_Conditional_1_Template, 4, 4);
|
|
7387
|
-
i0.ɵɵelementStart(2, "div",
|
|
7375
|
+
i0.ɵɵconditionalCreate(1, ShareCaseComponent_Conditional_1_Template, 4, 4, "h1", 1);
|
|
7376
|
+
i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "label", 4);
|
|
7388
7377
|
i0.ɵɵtext(5);
|
|
7389
7378
|
i0.ɵɵpipe(6, "rpxTranslate");
|
|
7390
7379
|
i0.ɵɵelementEnd();
|
|
7391
|
-
i0.ɵɵelementStart(7, "span",
|
|
7380
|
+
i0.ɵɵelementStart(7, "span", 5);
|
|
7392
7381
|
i0.ɵɵtext(8);
|
|
7393
7382
|
i0.ɵɵpipe(9, "rpxTranslate");
|
|
7394
7383
|
i0.ɵɵelementEnd();
|
|
7395
|
-
i0.ɵɵelementStart(10, "div",
|
|
7384
|
+
i0.ɵɵelementStart(10, "div", 6)(11, "div", 7)(12, "xuilib-user-select", 8);
|
|
7396
7385
|
i0.ɵɵlistener("selected", function ShareCaseComponent_Template_xuilib_user_select_selected_12_listener($event) { return ctx.onSelectedUser($event); });
|
|
7397
7386
|
i0.ɵɵelementEnd()();
|
|
7398
|
-
i0.ɵɵelementStart(13, "div",
|
|
7387
|
+
i0.ɵɵelementStart(13, "div", 9)(14, "button", 10);
|
|
7399
7388
|
i0.ɵɵpipe(15, "rpxTranslate");
|
|
7400
7389
|
i0.ɵɵlistener("click", function ShareCaseComponent_Template_button_click_14_listener() { return ctx.addUser(); });
|
|
7401
7390
|
i0.ɵɵtext(16);
|
|
7402
7391
|
i0.ɵɵpipe(17, "rpxTranslate");
|
|
7403
|
-
i0.ɵɵelementStart(18, "span",
|
|
7392
|
+
i0.ɵɵelementStart(18, "span", 11);
|
|
7404
7393
|
i0.ɵɵtext(19);
|
|
7405
7394
|
i0.ɵɵpipe(20, "rpxTranslate");
|
|
7406
7395
|
i0.ɵɵelementEnd()()()();
|
|
7407
|
-
i0.ɵɵelementStart(21, "details",
|
|
7396
|
+
i0.ɵɵelementStart(21, "details", 12)(22, "summary", 13)(23, "span", 14);
|
|
7408
7397
|
i0.ɵɵtext(24);
|
|
7409
7398
|
i0.ɵɵpipe(25, "rpxTranslate");
|
|
7410
7399
|
i0.ɵɵelementEnd()();
|
|
7411
|
-
i0.ɵɵelementStart(26, "div",
|
|
7400
|
+
i0.ɵɵelementStart(26, "div", 15);
|
|
7412
7401
|
i0.ɵɵtext(27);
|
|
7413
7402
|
i0.ɵɵpipe(28, "rpxTranslate");
|
|
7414
7403
|
i0.ɵɵelementEnd()()();
|
|
7415
|
-
i0.ɵɵconditionalCreate(29, ShareCaseComponent_Conditional_29_Template, 22, 18, "div",
|
|
7404
|
+
i0.ɵɵconditionalCreate(29, ShareCaseComponent_Conditional_29_Template, 22, 18, "div", 3);
|
|
7416
7405
|
i0.ɵɵelementEnd();
|
|
7417
|
-
i0.ɵɵelementStart(30, "div",
|
|
7406
|
+
i0.ɵɵelementStart(30, "div", 16)(31, "h3", 17);
|
|
7418
7407
|
i0.ɵɵtext(32);
|
|
7419
7408
|
i0.ɵɵpipe(33, "rpxTranslate");
|
|
7420
7409
|
i0.ɵɵelementEnd();
|
|
7421
|
-
i0.ɵɵelement(34, "xuilib-gov-uk-error-message",
|
|
7422
|
-
i0.ɵɵconditionalCreate(35, ShareCaseComponent_Conditional_35_Template, 2, 2, "div",
|
|
7423
|
-
i0.ɵɵconditionalCreate(36, ShareCaseComponent_Conditional_36_Template, 3, 3, "div",
|
|
7410
|
+
i0.ɵɵelement(34, "xuilib-gov-uk-error-message", 18);
|
|
7411
|
+
i0.ɵɵconditionalCreate(35, ShareCaseComponent_Conditional_35_Template, 2, 2, "div", 19);
|
|
7412
|
+
i0.ɵɵconditionalCreate(36, ShareCaseComponent_Conditional_36_Template, 3, 3, "div", 20);
|
|
7424
7413
|
i0.ɵɵelementEnd();
|
|
7425
|
-
i0.ɵɵelementStart(37, "div",
|
|
7414
|
+
i0.ɵɵelementStart(37, "div", 21)(38, "button", 22);
|
|
7426
7415
|
i0.ɵɵpipe(39, "rpxTranslate");
|
|
7427
7416
|
i0.ɵɵlistener("click", function ShareCaseComponent_Template_button_click_38_listener() { return ctx.onContinue(); });
|
|
7428
7417
|
i0.ɵɵtext(40);
|
|
7429
7418
|
i0.ɵɵpipe(41, "rpxTranslate");
|
|
7430
7419
|
i0.ɵɵelementEnd();
|
|
7431
|
-
i0.ɵɵelementStart(42, "button",
|
|
7420
|
+
i0.ɵɵelementStart(42, "button", 23);
|
|
7432
7421
|
i0.ɵɵpipe(43, "rpxTranslate");
|
|
7433
7422
|
i0.ɵɵtext(44);
|
|
7434
7423
|
i0.ɵɵpipe(45, "rpxTranslate");
|
|
@@ -7477,7 +7466,7 @@ class ShareCaseComponent {
|
|
|
7477
7466
|
}
|
|
7478
7467
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShareCaseComponent, [{
|
|
7479
7468
|
type: Component,
|
|
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
|
|
7469
|
+
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 <h1 class=\"govuk-heading-xl govuk-!-margin-top-2\">\n @if (fnTitle) {\n <span class=\"govuk-caption-xl\">{{fnTitle | rpxTranslate}}</span>\n }\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"] }]
|
|
7481
7470
|
}], () => [{ type: CaseSharingStateService }, { type: i1$1.Router }], { removeUserFromCaseToggleOn: [{
|
|
7482
7471
|
type: Input
|
|
7483
7472
|
}], shareCases$: [{
|
|
@@ -7702,7 +7691,7 @@ function UserDetailsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
7702
7691
|
i0.ɵɵadvance(6);
|
|
7703
7692
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 1, ctx_r0.warningTitle), " ");
|
|
7704
7693
|
} }
|
|
7705
|
-
function
|
|
7694
|
+
function UserDetailsComponent_Conditional_1_Conditional_14_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
7706
7695
|
i0.ɵɵelementStart(0, "div");
|
|
7707
7696
|
i0.ɵɵtext(1);
|
|
7708
7697
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
@@ -7711,7 +7700,7 @@ function UserDetailsComponent_Conditional_1_Conditional_17_Conditional_5_Templat
|
|
|
7711
7700
|
i0.ɵɵadvance();
|
|
7712
7701
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "Manage organisations"));
|
|
7713
7702
|
} }
|
|
7714
|
-
function
|
|
7703
|
+
function UserDetailsComponent_Conditional_1_Conditional_14_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
7715
7704
|
i0.ɵɵelementStart(0, "div");
|
|
7716
7705
|
i0.ɵɵtext(1);
|
|
7717
7706
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
@@ -7720,7 +7709,7 @@ function UserDetailsComponent_Conditional_1_Conditional_17_Conditional_6_Templat
|
|
|
7720
7709
|
i0.ɵɵadvance();
|
|
7721
7710
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "Manage users"));
|
|
7722
7711
|
} }
|
|
7723
|
-
function
|
|
7712
|
+
function UserDetailsComponent_Conditional_1_Conditional_14_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
7724
7713
|
i0.ɵɵelementStart(0, "div");
|
|
7725
7714
|
i0.ɵɵtext(1);
|
|
7726
7715
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
@@ -7729,7 +7718,7 @@ function UserDetailsComponent_Conditional_1_Conditional_17_Conditional_7_Templat
|
|
|
7729
7718
|
i0.ɵɵadvance();
|
|
7730
7719
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "Manage cases"));
|
|
7731
7720
|
} }
|
|
7732
|
-
function
|
|
7721
|
+
function UserDetailsComponent_Conditional_1_Conditional_14_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
7733
7722
|
i0.ɵɵelementStart(0, "div");
|
|
7734
7723
|
i0.ɵɵtext(1);
|
|
7735
7724
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
@@ -7738,7 +7727,7 @@ function UserDetailsComponent_Conditional_1_Conditional_17_Conditional_8_Templat
|
|
|
7738
7727
|
i0.ɵɵadvance();
|
|
7739
7728
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "Case access administrator"));
|
|
7740
7729
|
} }
|
|
7741
|
-
function
|
|
7730
|
+
function UserDetailsComponent_Conditional_1_Conditional_14_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
7742
7731
|
i0.ɵɵelementStart(0, "div");
|
|
7743
7732
|
i0.ɵɵtext(1);
|
|
7744
7733
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
@@ -7747,7 +7736,7 @@ function UserDetailsComponent_Conditional_1_Conditional_17_Conditional_9_Templat
|
|
|
7747
7736
|
i0.ɵɵadvance();
|
|
7748
7737
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "Manage fee accounts"));
|
|
7749
7738
|
} }
|
|
7750
|
-
function
|
|
7739
|
+
function UserDetailsComponent_Conditional_1_Conditional_14_For_11_Template(rf, ctx) { if (rf & 1) {
|
|
7751
7740
|
i0.ɵɵelementStart(0, "div");
|
|
7752
7741
|
i0.ɵɵtext(1);
|
|
7753
7742
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
@@ -7757,7 +7746,7 @@ function UserDetailsComponent_Conditional_1_Conditional_17_For_11_Template(rf, c
|
|
|
7757
7746
|
i0.ɵɵadvance();
|
|
7758
7747
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, accesstype_r2));
|
|
7759
7748
|
} }
|
|
7760
|
-
function
|
|
7749
|
+
function UserDetailsComponent_Conditional_1_Conditional_14_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
7761
7750
|
i0.ɵɵelementStart(0, "a", 11);
|
|
7762
7751
|
i0.ɵɵtext(1);
|
|
7763
7752
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
@@ -7773,21 +7762,21 @@ function UserDetailsComponent_Conditional_1_Conditional_17_Conditional_13_Templa
|
|
|
7773
7762
|
i0.ɵɵadvance(3);
|
|
7774
7763
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 5, "roles"));
|
|
7775
7764
|
} }
|
|
7776
|
-
function
|
|
7777
|
-
i0.ɵɵelementStart(0, "div",
|
|
7765
|
+
function UserDetailsComponent_Conditional_1_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
7766
|
+
i0.ɵɵelementStart(0, "div", 7)(1, "dt", 8);
|
|
7778
7767
|
i0.ɵɵtext(2);
|
|
7779
7768
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
7780
7769
|
i0.ɵɵelementEnd();
|
|
7781
|
-
i0.ɵɵelementStart(4, "dd",
|
|
7782
|
-
i0.ɵɵconditionalCreate(5,
|
|
7783
|
-
i0.ɵɵconditionalCreate(6,
|
|
7784
|
-
i0.ɵɵconditionalCreate(7,
|
|
7785
|
-
i0.ɵɵconditionalCreate(8,
|
|
7786
|
-
i0.ɵɵconditionalCreate(9,
|
|
7787
|
-
i0.ɵɵrepeaterCreate(10,
|
|
7770
|
+
i0.ɵɵelementStart(4, "dd", 9);
|
|
7771
|
+
i0.ɵɵconditionalCreate(5, UserDetailsComponent_Conditional_1_Conditional_14_Conditional_5_Template, 3, 3, "div");
|
|
7772
|
+
i0.ɵɵconditionalCreate(6, UserDetailsComponent_Conditional_1_Conditional_14_Conditional_6_Template, 3, 3, "div");
|
|
7773
|
+
i0.ɵɵconditionalCreate(7, UserDetailsComponent_Conditional_1_Conditional_14_Conditional_7_Template, 3, 3, "div");
|
|
7774
|
+
i0.ɵɵconditionalCreate(8, UserDetailsComponent_Conditional_1_Conditional_14_Conditional_8_Template, 3, 3, "div");
|
|
7775
|
+
i0.ɵɵconditionalCreate(9, UserDetailsComponent_Conditional_1_Conditional_14_Conditional_9_Template, 3, 3, "div");
|
|
7776
|
+
i0.ɵɵrepeaterCreate(10, UserDetailsComponent_Conditional_1_Conditional_14_For_11_Template, 3, 3, "div", null, i0.ɵɵrepeaterTrackByIdentity);
|
|
7788
7777
|
i0.ɵɵelementEnd();
|
|
7789
7778
|
i0.ɵɵelementStart(12, "dd", 10);
|
|
7790
|
-
i0.ɵɵconditionalCreate(13,
|
|
7779
|
+
i0.ɵɵconditionalCreate(13, UserDetailsComponent_Conditional_1_Conditional_14_Conditional_13_Template, 6, 7, "a", 11);
|
|
7791
7780
|
i0.ɵɵelementEnd()();
|
|
7792
7781
|
} if (rf & 2) {
|
|
7793
7782
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
@@ -7809,44 +7798,40 @@ function UserDetailsComponent_Conditional_1_Conditional_17_Template(rf, ctx) { i
|
|
|
7809
7798
|
i0.ɵɵconditional(ctx_r0.editPermissionRouterLink && ctx_r0.showEditLink ? 13 : -1);
|
|
7810
7799
|
} }
|
|
7811
7800
|
function UserDetailsComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
7812
|
-
i0.ɵɵelementStart(0, "dl", 1)(1, "div", 7)(2, "
|
|
7813
|
-
i0.ɵɵtext(
|
|
7814
|
-
i0.ɵɵpipe(
|
|
7815
|
-
i0.ɵɵelementEnd();
|
|
7816
|
-
i0.ɵɵelementStart(6, "dd", 10);
|
|
7817
|
-
i0.ɵɵtext(7);
|
|
7818
|
-
i0.ɵɵpipe(8, "rpxTranslate");
|
|
7819
|
-
i0.ɵɵelementEnd();
|
|
7820
|
-
i0.ɵɵelement(9, "dd", 10);
|
|
7821
|
-
i0.ɵɵelementEnd();
|
|
7822
|
-
i0.ɵɵelementStart(10, "div", 8)(11, "dt", 9);
|
|
7823
|
-
i0.ɵɵtext(12);
|
|
7824
|
-
i0.ɵɵpipe(13, "rpxTranslate");
|
|
7825
|
-
i0.ɵɵelementEnd();
|
|
7826
|
-
i0.ɵɵelementStart(14, "dd", 10);
|
|
7827
|
-
i0.ɵɵtext(15);
|
|
7801
|
+
i0.ɵɵelementStart(0, "dl", 1)(1, "div", 7)(2, "dt", 8);
|
|
7802
|
+
i0.ɵɵtext(3);
|
|
7803
|
+
i0.ɵɵpipe(4, "rpxTranslate");
|
|
7828
7804
|
i0.ɵɵelementEnd();
|
|
7829
|
-
i0.ɵɵ
|
|
7805
|
+
i0.ɵɵelementStart(5, "dd", 9);
|
|
7806
|
+
i0.ɵɵtext(6);
|
|
7807
|
+
i0.ɵɵpipe(7, "rpxTranslate");
|
|
7808
|
+
i0.ɵɵelementEnd()();
|
|
7809
|
+
i0.ɵɵelementStart(8, "div", 7)(9, "dt", 8);
|
|
7810
|
+
i0.ɵɵtext(10);
|
|
7811
|
+
i0.ɵɵpipe(11, "rpxTranslate");
|
|
7830
7812
|
i0.ɵɵelementEnd();
|
|
7831
|
-
i0.ɵɵ
|
|
7813
|
+
i0.ɵɵelementStart(12, "dd", 9);
|
|
7814
|
+
i0.ɵɵtext(13);
|
|
7832
7815
|
i0.ɵɵelementEnd()();
|
|
7816
|
+
i0.ɵɵconditionalCreate(14, UserDetailsComponent_Conditional_1_Conditional_14_Template, 14, 9, "div", 7);
|
|
7817
|
+
i0.ɵɵelementEnd();
|
|
7833
7818
|
} if (rf & 2) {
|
|
7834
7819
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
7835
|
-
i0.ɵɵadvance(4);
|
|
7836
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 5, "Name"));
|
|
7837
7820
|
i0.ɵɵadvance(3);
|
|
7838
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(
|
|
7839
|
-
i0.ɵɵadvance(
|
|
7840
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(
|
|
7821
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 5, "Name"));
|
|
7822
|
+
i0.ɵɵadvance(3);
|
|
7823
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 7, ctx_r0.user.fullName));
|
|
7824
|
+
i0.ɵɵadvance(4);
|
|
7825
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11, 9, "Email address"));
|
|
7841
7826
|
i0.ɵɵadvance(3);
|
|
7842
7827
|
i0.ɵɵtextInterpolate(ctx_r0.user.email);
|
|
7843
|
-
i0.ɵɵadvance(
|
|
7844
|
-
i0.ɵɵconditional(!ctx_r0.user.resendInvite ?
|
|
7828
|
+
i0.ɵɵadvance();
|
|
7829
|
+
i0.ɵɵconditional(!ctx_r0.user.resendInvite ? 14 : -1);
|
|
7845
7830
|
} }
|
|
7846
7831
|
function UserDetailsComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
7847
7832
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
7848
7833
|
i0.ɵɵelementStart(0, "button", 12);
|
|
7849
|
-
i0.ɵɵlistener("click", function UserDetailsComponent_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.suspendUser(ctx_r0.user)); })
|
|
7834
|
+
i0.ɵɵlistener("click", function UserDetailsComponent_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.suspendUser(ctx_r0.user)); });
|
|
7850
7835
|
i0.ɵɵtext(1);
|
|
7851
7836
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
7852
7837
|
i0.ɵɵelementEnd();
|
|
@@ -7869,7 +7854,7 @@ function UserDetailsComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
|
7869
7854
|
i0.ɵɵpipe(10, "rpxTranslate");
|
|
7870
7855
|
i0.ɵɵelementEnd()();
|
|
7871
7856
|
i0.ɵɵelementStart(11, "button", 14);
|
|
7872
|
-
i0.ɵɵlistener("click", function UserDetailsComponent_Conditional_3_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.reinviteClick(ctx_r0.user)); })
|
|
7857
|
+
i0.ɵɵlistener("click", function UserDetailsComponent_Conditional_3_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.reinviteClick(ctx_r0.user)); });
|
|
7873
7858
|
i0.ɵɵtext(12);
|
|
7874
7859
|
i0.ɵɵpipe(13, "rpxTranslate");
|
|
7875
7860
|
i0.ɵɵelementEnd()();
|
|
@@ -7922,9 +7907,9 @@ class UserDetailsComponent {
|
|
|
7922
7907
|
return false;
|
|
7923
7908
|
}
|
|
7924
7909
|
static { this.ɵfac = function UserDetailsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UserDetailsComponent)(); }; }
|
|
7925
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserDetailsComponent, selectors: [["xuilib-user-details"]], inputs: { user: "user", enabledAccessTypes: "enabledAccessTypes", editPermissionRouterLink: "editPermissionRouterLink", warningTitle: "warningTitle", showEditLink: "showEditLink", showHelpLink: "showHelpLink", suspendHelpLink: "suspendHelpLink", showSuspendUserButton: "showSuspendUserButton" }, outputs: { suspendUserEvent: "suspendUserEvent", reinvite: "reinvite" }, standalone: false, decls: 5, vars: 5, consts: [[1, "govuk-warning-text"], [
|
|
7910
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserDetailsComponent, selectors: [["xuilib-user-details"]], inputs: { user: "user", enabledAccessTypes: "enabledAccessTypes", editPermissionRouterLink: "editPermissionRouterLink", warningTitle: "warningTitle", showEditLink: "showEditLink", showHelpLink: "showHelpLink", suspendHelpLink: "suspendHelpLink", showSuspendUserButton: "showSuspendUserButton" }, outputs: { suspendUserEvent: "suspendUserEvent", reinvite: "reinvite" }, standalone: false, decls: 5, vars: 5, consts: [[1, "govuk-warning-text"], [1, "govuk-summary-list"], ["tabindex", "0", 1, "govuk-button", "govuk-button--warning"], [1, "govuk-body"], [1, "govuk-warning-text__icon"], [1, "govuk-visually-hidden"], [1, "govuk-warning-text__text"], [1, "govuk-summary-list__row"], [1, "govuk-summary-list__key"], [1, "govuk-summary-list__value"], [1, "govuk-summary-list__actions"], [3, "routerLink"], ["tabindex", "0", 1, "govuk-button", "govuk-button--warning", 3, "click"], [1, "govuk-inset-text"], ["tabindex", "0", "id", "resend-invite-button", 1, "govuk-button", 3, "click"], ["target", "_blank", 3, "routerLink"]], template: function UserDetailsComponent_Template(rf, ctx) { if (rf & 1) {
|
|
7926
7911
|
i0.ɵɵconditionalCreate(0, UserDetailsComponent_Conditional_0_Template, 8, 3, "div", 0);
|
|
7927
|
-
i0.ɵɵconditionalCreate(1, UserDetailsComponent_Conditional_1_Template,
|
|
7912
|
+
i0.ɵɵconditionalCreate(1, UserDetailsComponent_Conditional_1_Template, 15, 11, "dl", 1);
|
|
7928
7913
|
i0.ɵɵconditionalCreate(2, UserDetailsComponent_Conditional_2_Template, 3, 3, "button", 2);
|
|
7929
7914
|
i0.ɵɵconditionalCreate(3, UserDetailsComponent_Conditional_3_Template, 14, 12, "div");
|
|
7930
7915
|
i0.ɵɵconditionalCreate(4, UserDetailsComponent_Conditional_4_Template, 6, 7, "p", 3);
|
|
@@ -7942,7 +7927,7 @@ class UserDetailsComponent {
|
|
|
7942
7927
|
}
|
|
7943
7928
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserDetailsComponent, [{
|
|
7944
7929
|
type: Component,
|
|
7945
|
-
args: [{ selector: 'xuilib-user-details', standalone: false, template: "@if (warningTitle && warningTitle !== '') {\n <div class=\"govuk-warning-text\">\n <span class=\"govuk-warning-text__icon\">!</span>\n <span class=\"govuk-visually-hidden\">Warning</span>\n <strong class=\"govuk-warning-text__text\">\n {{ warningTitle | rpxTranslate}}\n </strong>\n </div>\n}\n@if (user) {\n <dl class=\"govuk-
|
|
7930
|
+
args: [{ selector: 'xuilib-user-details', standalone: false, template: "@if (warningTitle && warningTitle !== '') {\n <div class=\"govuk-warning-text\">\n <span class=\"govuk-warning-text__icon\">!</span>\n <span class=\"govuk-visually-hidden\">Warning</span>\n <strong class=\"govuk-warning-text__text\">\n {{ warningTitle | rpxTranslate}}\n </strong>\n </div>\n}\n@if (user) {\n <dl class=\"govuk-summary-list\">\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">{{'Name' | rpxTranslate}}</dt>\n <dd class=\"govuk-summary-list__value\">{{user.fullName | rpxTranslate}}</dd>\n </div>\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">{{'Email address' | rpxTranslate}}</dt>\n <dd class=\"govuk-summary-list__value\">{{user.email}}</dd>\n </div>\n @if (!user.resendInvite) {\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">{{'Permissions' | rpxTranslate}}</dt>\n <dd class=\"govuk-summary-list__value\">\n @if (user.manageOrganisations === 'Yes') {\n <div>{{'Manage organisations' | rpxTranslate}}</div>\n }\n @if (user.manageUsers === 'Yes') {\n <div>{{'Manage users' | rpxTranslate}}</div>\n }\n @if (user.manageCases === 'Yes') {\n <div>{{'Manage cases' | rpxTranslate}}</div>\n }\n @if (userHasRole('pui-caa')) {\n <div>{{'Case access administrator' | rpxTranslate}}</div>\n }\n @if (userHasRole('pui-finance-manager')) {\n <div>{{'Manage fee accounts' | rpxTranslate}}</div>\n }\n @for (accesstype of enabledAccessTypes; track accesstype) {\n <div>{{ accesstype | rpxTranslate}}</div>\n }\n </dd>\n <dd class=\"govuk-summary-list__actions\">@if (editPermissionRouterLink && showEditLink) {\n <a [routerLink]=\"editPermissionRouterLink\">{{'Change' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'roles' | rpxTranslate}}</span></a>\n }</dd>\n </div>\n }\n </dl>\n}\n@if (showSuspendUserButton) {\n <button class=\"govuk-button govuk-button--warning\" tabindex=\"0\" (click)=\"suspendUser(user)\">\n {{'Suspend account' | rpxTranslate}}\n </button>\n}\n@if (user && user.resendInvite) {\n <div>\n <div class=\"govuk-inset-text\">\n <p>{{'This user has already been invited but has not activated their account.' | rpxTranslate}}</p>\n <p>{{'If you resend an invitation, they\\'ll receive an email from HM Courts and Tribunals to finish setting up their account.' | rpxTranslate}}</p>\n <p>{{'You can\\'t invite the same user more than once an hour.' | rpxTranslate}}</p>\n </div>\n <button class=\"govuk-button\" tabindex=\"0\" (click)=\"reinviteClick(user)\" id=\"resend-invite-button\">\n {{'Resend invitation' | rpxTranslate}}\n </button>\n </div>\n}\n@if (showHelpLink && suspendHelpLink) {\n <p class=\"govuk-body\"><a [routerLink]=\"suspendHelpLink\" target=\"_blank\">{{'Get help' | rpxTranslate}}</a> {{'to reactivate this account.' | rpxTranslate}}</p>\n}\n", styles: [":host{display:block}\n"] }]
|
|
7946
7931
|
}], null, { user: [{
|
|
7947
7932
|
type: Input
|
|
7948
7933
|
}], enabledAccessTypes: [{
|
|
@@ -7968,8 +7953,8 @@ class UserDetailsComponent {
|
|
|
7968
7953
|
|
|
7969
7954
|
function HmctsPaginationComponent_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
7970
7955
|
const _r2 = i0.ɵɵgetCurrentView();
|
|
7971
|
-
i0.ɵɵelementStart(0, "
|
|
7972
|
-
i0.ɵɵlistener("click", function
|
|
7956
|
+
i0.ɵɵelementStart(0, "a", 9);
|
|
7957
|
+
i0.ɵɵlistener("keyup.enter", function HmctsPaginationComponent_Conditional_6_Conditional_2_Template_a_keyup_enter_0_listener() { i0.ɵɵrestoreView(_r2); i0.ɵɵnextContext(2); const p_r3 = i0.ɵɵreference(1); return i0.ɵɵresetView(p_r3.previous()); })("click", function HmctsPaginationComponent_Conditional_6_Conditional_2_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r2); i0.ɵɵnextContext(2); const p_r3 = i0.ɵɵreference(1); return i0.ɵɵresetView(p_r3.previous()); });
|
|
7973
7958
|
i0.ɵɵtext(1);
|
|
7974
7959
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
7975
7960
|
i0.ɵɵelementStart(3, "span", 10);
|
|
@@ -7984,8 +7969,8 @@ function HmctsPaginationComponent_Conditional_6_Conditional_2_Template(rf, ctx)
|
|
|
7984
7969
|
} }
|
|
7985
7970
|
function HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
7986
7971
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
7987
|
-
i0.ɵɵelementStart(0, "
|
|
7988
|
-
i0.ɵɵlistener("click", function
|
|
7972
|
+
i0.ɵɵelementStart(0, "a", 9);
|
|
7973
|
+
i0.ɵɵlistener("keyup.enter", function HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Conditional_1_Template_a_keyup_enter_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)); })("click", function HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Conditional_1_Template_a_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)); });
|
|
7989
7974
|
i0.ɵɵelementStart(1, "span", 10);
|
|
7990
7975
|
i0.ɵɵtext(2);
|
|
7991
7976
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
@@ -8013,7 +7998,7 @@ function HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Conditional_
|
|
|
8013
7998
|
} }
|
|
8014
7999
|
function HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Template(rf, ctx) { if (rf & 1) {
|
|
8015
8000
|
i0.ɵɵelementStart(0, "li", 12);
|
|
8016
|
-
i0.ɵɵconditionalCreate(1, HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Conditional_1_Template, 7, 7, "
|
|
8001
|
+
i0.ɵɵconditionalCreate(1, HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Conditional_1_Template, 7, 7, "a", 7);
|
|
8017
8002
|
i0.ɵɵconditionalCreate(2, HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Conditional_2_Template, 3, 4, "span");
|
|
8018
8003
|
i0.ɵɵelementEnd();
|
|
8019
8004
|
} if (rf & 2) {
|
|
@@ -8035,8 +8020,8 @@ function HmctsPaginationComponent_Conditional_6_Conditional_3_Template(rf, ctx)
|
|
|
8035
8020
|
} }
|
|
8036
8021
|
function HmctsPaginationComponent_Conditional_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
8037
8022
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
8038
|
-
i0.ɵɵelementStart(0, "
|
|
8039
|
-
i0.ɵɵlistener("click", function
|
|
8023
|
+
i0.ɵɵelementStart(0, "a", 9);
|
|
8024
|
+
i0.ɵɵlistener("keyup.enter", function HmctsPaginationComponent_Conditional_6_Conditional_5_Template_a_keyup_enter_0_listener() { i0.ɵɵrestoreView(_r6); i0.ɵɵnextContext(2); const p_r3 = i0.ɵɵreference(1); return i0.ɵɵresetView(p_r3.next()); })("click", function HmctsPaginationComponent_Conditional_6_Conditional_5_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r6); i0.ɵɵnextContext(2); const p_r3 = i0.ɵɵreference(1); return i0.ɵɵresetView(p_r3.next()); });
|
|
8040
8025
|
i0.ɵɵtext(1);
|
|
8041
8026
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
8042
8027
|
i0.ɵɵelementStart(3, "span", 10);
|
|
@@ -8051,11 +8036,11 @@ function HmctsPaginationComponent_Conditional_6_Conditional_5_Template(rf, ctx)
|
|
|
8051
8036
|
} }
|
|
8052
8037
|
function HmctsPaginationComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
8053
8038
|
i0.ɵɵelementStart(0, "ul", 4)(1, "li", 6);
|
|
8054
|
-
i0.ɵɵconditionalCreate(2, HmctsPaginationComponent_Conditional_6_Conditional_2_Template, 6, 6, "
|
|
8039
|
+
i0.ɵɵconditionalCreate(2, HmctsPaginationComponent_Conditional_6_Conditional_2_Template, 6, 6, "a", 7);
|
|
8055
8040
|
i0.ɵɵelementEnd();
|
|
8056
8041
|
i0.ɵɵconditionalCreate(3, HmctsPaginationComponent_Conditional_6_Conditional_3_Template, 2, 0);
|
|
8057
8042
|
i0.ɵɵelementStart(4, "li", 8);
|
|
8058
|
-
i0.ɵɵconditionalCreate(5, HmctsPaginationComponent_Conditional_6_Conditional_5_Template, 6, 6, "
|
|
8043
|
+
i0.ɵɵconditionalCreate(5, HmctsPaginationComponent_Conditional_6_Conditional_5_Template, 6, 6, "a", 7);
|
|
8059
8044
|
i0.ɵɵelementEnd()();
|
|
8060
8045
|
} if (rf & 2) {
|
|
8061
8046
|
const ctx_r6 = i0.ɵɵnextContext();
|
|
@@ -8119,7 +8104,7 @@ class HmctsPaginationComponent {
|
|
|
8119
8104
|
this.pageBoundsCorrection = new EventEmitter();
|
|
8120
8105
|
}
|
|
8121
8106
|
static { this.ɵfac = function HmctsPaginationComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HmctsPaginationComponent)(); }; }
|
|
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"], [
|
|
8107
|
+
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"], [1, "hmcts-pagination__link", 3, "routerLink"], [1, "hmcts-pagination__item", "hmcts-pagination__item--next"], [1, "hmcts-pagination__link", 3, "keyup.enter", "click", "routerLink"], [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) {
|
|
8123
8108
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
8124
8109
|
i0.ɵɵelementStart(0, "pagination-template", 1, 0);
|
|
8125
8110
|
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)); });
|
|
@@ -8139,11 +8124,11 @@ class HmctsPaginationComponent {
|
|
|
8139
8124
|
i0.ɵɵconditional(!(p_r3.pages.length <= 1) ? 6 : -1);
|
|
8140
8125
|
i0.ɵɵadvance();
|
|
8141
8126
|
i0.ɵɵconditional(ctx.showResultCount ? 7 : -1);
|
|
8142
|
-
} }, dependencies: [i1$
|
|
8127
|
+
} }, dependencies: [i1$1.RouterLink, i2$4.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%]{display:block;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"] }); }
|
|
8143
8128
|
}
|
|
8144
8129
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HmctsPaginationComponent, [{
|
|
8145
8130
|
type: Component,
|
|
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 <
|
|
8131
|
+
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 <a [routerLink]=\"\" class=\"hmcts-pagination__link\" (keyup.enter)=\"p.previous()\"\n (click)=\"p.previous()\">{{'Previous' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'set of pages' | rpxTranslate}}</span></a>\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 <a class=\"hmcts-pagination__link\" [routerLink]=\"\" (keyup.enter)=\"p.setCurrent(page.value)\"\n (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 </a>\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 <a [routerLink]=\"\" class=\"hmcts-pagination__link\" (keyup.enter)=\"p.next()\"\n (click)=\"p.next()\">{{'Next' | rpxTranslate}}<span class=\"govuk-visually-hidden\"> {{'page' | rpxTranslate}}</span></a>\n }\n </li>\n </ul>\n }\n @if (showResultCount) {\n <p class=\"hmcts-pagination__results\">{{'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{display:block;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"] }]
|
|
8147
8132
|
}], null, { id: [{
|
|
8148
8133
|
type: Input
|
|
8149
8134
|
}], maxSize: [{
|
|
@@ -8162,35 +8147,12 @@ class HmctsPaginationComponent {
|
|
|
8162
8147
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HmctsPaginationComponent, { className: "HmctsPaginationComponent", filePath: "lib/gov-ui/components/hmcts-pagination/hmcts-pagination.component.ts", lineNumber: 9 }); })();
|
|
8163
8148
|
|
|
8164
8149
|
const _c0$b = (a0, a1, a2) => ({ itemsPerPage: a0, currentPage: a1, totalItems: a2 });
|
|
8165
|
-
function UserListComponent_For_14_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
8166
|
-
const _r1 = i0.ɵɵgetCurrentView();
|
|
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
8150
|
function UserListComponent_For_14_Template(rf, ctx) { if (rf & 1) {
|
|
8191
|
-
i0.ɵɵ
|
|
8192
|
-
i0.ɵɵ
|
|
8193
|
-
i0.ɵɵ
|
|
8151
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
8152
|
+
i0.ɵɵelementStart(0, "tr", 5)(1, "td", 7)(2, "a", 8);
|
|
8153
|
+
i0.ɵɵlistener("click", function UserListComponent_For_14_Template_a_click_2_listener() { const u_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onUserClick(u_r2)); });
|
|
8154
|
+
i0.ɵɵtext(3);
|
|
8155
|
+
i0.ɵɵelementEnd()();
|
|
8194
8156
|
i0.ɵɵelementStart(4, "td", 7);
|
|
8195
8157
|
i0.ɵɵtext(5);
|
|
8196
8158
|
i0.ɵɵelementEnd();
|
|
@@ -8200,8 +8162,11 @@ function UserListComponent_For_14_Template(rf, ctx) { if (rf & 1) {
|
|
|
8200
8162
|
} if (rf & 2) {
|
|
8201
8163
|
const u_r2 = ctx.$implicit;
|
|
8202
8164
|
i0.ɵɵadvance(2);
|
|
8203
|
-
i0.ɵɵ
|
|
8204
|
-
i0.ɵɵ
|
|
8165
|
+
i0.ɵɵproperty("routerLink", u_r2.routerLink);
|
|
8166
|
+
i0.ɵɵattribute("title", u_r2.routerLinkTitle);
|
|
8167
|
+
i0.ɵɵadvance();
|
|
8168
|
+
i0.ɵɵtextInterpolate(u_r2.fullName);
|
|
8169
|
+
i0.ɵɵadvance(2);
|
|
8205
8170
|
i0.ɵɵtextInterpolate(u_r2.email);
|
|
8206
8171
|
i0.ɵɵadvance(2);
|
|
8207
8172
|
i0.ɵɵtextInterpolate(u_r2.status);
|
|
@@ -8223,7 +8188,7 @@ class UserListComponent {
|
|
|
8223
8188
|
this.pageChange.emit(pageNumber);
|
|
8224
8189
|
}
|
|
8225
8190
|
static { this.ɵfac = function UserListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UserListComponent)(); }; }
|
|
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, "
|
|
8191
|
+
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) {
|
|
8227
8192
|
i0.ɵɵelementStart(0, "table", 0)(1, "thead", 1)(2, "tr", 2)(3, "th", 3);
|
|
8228
8193
|
i0.ɵɵtext(4);
|
|
8229
8194
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
@@ -8237,7 +8202,7 @@ class UserListComponent {
|
|
|
8237
8202
|
i0.ɵɵpipe(11, "rpxTranslate");
|
|
8238
8203
|
i0.ɵɵelementEnd()()();
|
|
8239
8204
|
i0.ɵɵelementStart(12, "tbody", 4);
|
|
8240
|
-
i0.ɵɵrepeaterCreate(13, UserListComponent_For_14_Template, 8,
|
|
8205
|
+
i0.ɵɵrepeaterCreate(13, UserListComponent_For_14_Template, 8, 5, "tr", 5, i0.ɵɵrepeaterTrackByIdentity);
|
|
8241
8206
|
i0.ɵɵpipe(15, "paginate");
|
|
8242
8207
|
i0.ɵɵelementEnd()();
|
|
8243
8208
|
i0.ɵɵelementStart(16, "xuilib-hmcts-pagination", 6);
|
|
@@ -8254,11 +8219,11 @@ class UserListComponent {
|
|
|
8254
8219
|
i0.ɵɵrepeater(i0.ɵɵpipeBind2(15, 10, ctx.users, i0.ɵɵpureFunction3(13, _c0$b, ctx.pagination.itemsPerPage, ctx.currentPageNumber, ctx.pagination.totalItems)));
|
|
8255
8220
|
i0.ɵɵadvance(3);
|
|
8256
8221
|
i0.ɵɵproperty("pageSize", ctx.pagination.itemsPerPage);
|
|
8257
|
-
} }, dependencies: [i1$1.RouterLink, HmctsPaginationComponent,
|
|
8222
|
+
} }, dependencies: [i1$1.RouterLink, HmctsPaginationComponent, i2$4.PaginatePipe, i2.RpxTranslatePipe], styles: ["[_nghost-%COMP%]{display:block}"] }); }
|
|
8258
8223
|
}
|
|
8259
8224
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserListComponent, [{
|
|
8260
8225
|
type: Component,
|
|
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
|
|
8226
|
+
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"] }]
|
|
8262
8227
|
}], null, { users: [{
|
|
8263
8228
|
type: Input
|
|
8264
8229
|
}], currentPageNumber: [{
|
|
@@ -8303,19 +8268,19 @@ function CookieBannerComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
8303
8268
|
i0.ɵɵelementEnd()()()();
|
|
8304
8269
|
} if (rf & 2) {
|
|
8305
8270
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
8306
|
-
i0.ɵɵattribute("aria-label", "Cookies on "
|
|
8271
|
+
i0.ɵɵattribute("aria-label", i0.ɵɵinterpolate1("'Cookies on ", ctx_r1.appName, "'"));
|
|
8307
8272
|
i0.ɵɵadvance(5);
|
|
8308
|
-
i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(6,
|
|
8273
|
+
i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(6, 9, "Cookies on"), " ", i0.ɵɵpipeBind1(7, 11, ctx_r1.appName));
|
|
8309
8274
|
i0.ɵɵadvance(5);
|
|
8310
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11,
|
|
8275
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11, 13, "We use some essential cookies to make this service work."));
|
|
8311
8276
|
i0.ɵɵadvance(3);
|
|
8312
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14,
|
|
8277
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 15, "We'd also like to use analytics cookies so we can understand how you use the service and make improvements."));
|
|
8313
8278
|
i0.ɵɵadvance(4);
|
|
8314
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(18,
|
|
8279
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(18, 17, "Accept analytics cookies"), " ");
|
|
8315
8280
|
i0.ɵɵadvance(3);
|
|
8316
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(21,
|
|
8281
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(21, 19, "Reject analytics cookies"), " ");
|
|
8317
8282
|
i0.ɵɵadvance(3);
|
|
8318
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(24,
|
|
8283
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(24, 21, "View cookies"));
|
|
8319
8284
|
} }
|
|
8320
8285
|
class CookieBannerComponent {
|
|
8321
8286
|
constructor(cookieService, window) {
|
|
@@ -8391,14 +8356,14 @@ class CookieBannerComponent {
|
|
|
8391
8356
|
}
|
|
8392
8357
|
static { this.ɵfac = function CookieBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CookieBannerComponent)(i0.ɵɵdirectiveInject(CookieService), i0.ɵɵdirectiveInject(windowToken)); }; }
|
|
8393
8358
|
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) {
|
|
8394
|
-
i0.ɵɵconditionalCreate(0, CookieBannerComponent_Conditional_0_Template, 25,
|
|
8359
|
+
i0.ɵɵconditionalCreate(0, CookieBannerComponent_Conditional_0_Template, 25, 23, "div", 0);
|
|
8395
8360
|
} if (rf & 2) {
|
|
8396
8361
|
i0.ɵɵconditional(ctx.isCookieBannerVisible ? 0 : -1);
|
|
8397
8362
|
} }, dependencies: [i1$1.RouterLink, i2.RpxTranslatePipe], encapsulation: 2 }); }
|
|
8398
8363
|
}
|
|
8399
8364
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CookieBannerComponent, [{
|
|
8400
8365
|
type: Component,
|
|
8401
|
-
args: [{ selector: 'xuilib-cookie-banner', standalone: false, template: "@if (isCookieBannerVisible) {\n <div class=\"govuk-cookie-banner \" role=\"region\"
|
|
8366
|
+
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" }]
|
|
8402
8367
|
}], () => [{ type: CookieService }, { type: undefined, decorators: [{
|
|
8403
8368
|
type: Inject,
|
|
8404
8369
|
args: [windowToken]
|
|
@@ -8865,8 +8830,8 @@ function ExuiPageWrapperComponent_Conditional_1_Template(rf, ctx) { if (rf & 1)
|
|
|
8865
8830
|
i0.ɵɵadvance();
|
|
8866
8831
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, "Back"));
|
|
8867
8832
|
} }
|
|
8868
|
-
function
|
|
8869
|
-
i0.ɵɵelementStart(0, "span",
|
|
8833
|
+
function ExuiPageWrapperComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
8834
|
+
i0.ɵɵelementStart(0, "span", 5);
|
|
8870
8835
|
i0.ɵɵtext(1);
|
|
8871
8836
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
8872
8837
|
i0.ɵɵelementEnd();
|
|
@@ -8876,15 +8841,16 @@ function ExuiPageWrapperComponent_Conditional_4_Conditional_0_Template(rf, ctx)
|
|
|
8876
8841
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.fnTitle));
|
|
8877
8842
|
} }
|
|
8878
8843
|
function ExuiPageWrapperComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
8879
|
-
i0.ɵɵ
|
|
8880
|
-
i0.ɵɵ
|
|
8844
|
+
i0.ɵɵelementStart(0, "h1", 4);
|
|
8845
|
+
i0.ɵɵconditionalCreate(1, ExuiPageWrapperComponent_Conditional_4_Conditional_1_Template, 3, 3, "span", 5);
|
|
8881
8846
|
i0.ɵɵtext(2);
|
|
8882
8847
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
8883
8848
|
i0.ɵɵelementEnd();
|
|
8884
8849
|
} if (rf & 2) {
|
|
8885
8850
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
8886
|
-
i0.ɵɵ
|
|
8887
|
-
i0.ɵɵ
|
|
8851
|
+
i0.ɵɵadvance();
|
|
8852
|
+
i0.ɵɵconditional(ctx_r0.fnTitle ? 1 : -1);
|
|
8853
|
+
i0.ɵɵadvance();
|
|
8888
8854
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, ctx_r0.title), " ");
|
|
8889
8855
|
} }
|
|
8890
8856
|
/**
|
|
@@ -8900,12 +8866,12 @@ function ExuiPageWrapperComponent_Conditional_4_Template(rf, ctx) { if (rf & 1)
|
|
|
8900
8866
|
class ExuiPageWrapperComponent {
|
|
8901
8867
|
constructor() { }
|
|
8902
8868
|
static { this.ɵfac = function ExuiPageWrapperComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ExuiPageWrapperComponent)(); }; }
|
|
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-
|
|
8869
|
+
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-heading-xl"], [1, "govuk-caption-xl"]], template: function ExuiPageWrapperComponent_Template(rf, ctx) { if (rf & 1) {
|
|
8904
8870
|
i0.ɵɵprojectionDef();
|
|
8905
8871
|
i0.ɵɵelementStart(0, "div", 0);
|
|
8906
8872
|
i0.ɵɵconditionalCreate(1, ExuiPageWrapperComponent_Conditional_1_Template, 3, 4, "a", 1);
|
|
8907
8873
|
i0.ɵɵelementStart(2, "div", 2)(3, "div", 3);
|
|
8908
|
-
i0.ɵɵconditionalCreate(4, ExuiPageWrapperComponent_Conditional_4_Template, 4, 4);
|
|
8874
|
+
i0.ɵɵconditionalCreate(4, ExuiPageWrapperComponent_Conditional_4_Template, 4, 4, "h1", 4);
|
|
8909
8875
|
i0.ɵɵprojection(5);
|
|
8910
8876
|
i0.ɵɵelementEnd()()();
|
|
8911
8877
|
} if (rf & 2) {
|
|
@@ -8917,7 +8883,7 @@ class ExuiPageWrapperComponent {
|
|
|
8917
8883
|
}
|
|
8918
8884
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExuiPageWrapperComponent, [{
|
|
8919
8885
|
type: Component,
|
|
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
|
|
8886
|
+
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 <h1 class=\"govuk-heading-xl\">\n @if (fnTitle) {\n <span class=\"govuk-caption-xl\">{{fnTitle | rpxTranslate}}</span>\n }\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"] }]
|
|
8921
8887
|
}], () => [], { backLink: [{
|
|
8922
8888
|
type: Input
|
|
8923
8889
|
}], title: [{
|
|
@@ -9009,7 +8975,7 @@ class WriteAddressInputsComponent {
|
|
|
9009
8975
|
this.errorsPresent = !this.formGroup.get('address').valid;
|
|
9010
8976
|
}
|
|
9011
8977
|
static { this.ɵfac = function WriteAddressInputsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WriteAddressInputsComponent)(); }; }
|
|
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"], [
|
|
8978
|
+
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) {
|
|
9013
8979
|
i0.ɵɵelementContainerStart(0);
|
|
9014
8980
|
i0.ɵɵelementStart(1, "form", 0)(2, "div", 1)(3, "label", 2);
|
|
9015
8981
|
i0.ɵɵtext(4, " Enter address details ");
|
|
@@ -9077,7 +9043,7 @@ class WriteAddressInputsComponent {
|
|
|
9077
9043
|
}
|
|
9078
9044
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteAddressInputsComponent, [{
|
|
9079
9045
|
type: Component,
|
|
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\"
|
|
9046
|
+
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>" }]
|
|
9081
9047
|
}], () => [], { formGroup: [{
|
|
9082
9048
|
type: Input
|
|
9083
9049
|
}], isInternational: [{
|
|
@@ -9376,7 +9342,7 @@ class WriteAddressFieldComponent {
|
|
|
9376
9342
|
this.addressFormGroup.get('postcode').patchValue(postcodeNeeded ? this.formGroup.get('address').get('postCode').value : '');
|
|
9377
9343
|
}
|
|
9378
9344
|
static { this.ɵfac = function WriteAddressFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WriteAddressFieldComponent)(i0.ɵɵdirectiveInject(AddressService)); }; }
|
|
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"], [
|
|
9345
|
+
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) {
|
|
9380
9346
|
i0.ɵɵelementStart(0, "div", 0);
|
|
9381
9347
|
i0.ɵɵconditionalCreate(1, WriteAddressFieldComponent_Conditional_1_Template, 4, 1, "p", 1);
|
|
9382
9348
|
i0.ɵɵconditionalCreate(2, WriteAddressFieldComponent_Conditional_2_Template, 15, 9, "div");
|
|
@@ -9397,7 +9363,7 @@ class WriteAddressFieldComponent {
|
|
|
9397
9363
|
}
|
|
9398
9364
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteAddressFieldComponent, [{
|
|
9399
9365
|
type: Component,
|
|
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\"
|
|
9366
|
+
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>", 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"] }]
|
|
9401
9367
|
}], () => [{ type: AddressService }], { formGroup: [{
|
|
9402
9368
|
type: Input
|
|
9403
9369
|
}], internationalMode: [{
|
|
@@ -9439,11 +9405,13 @@ class FeatureToggleDirective {
|
|
|
9439
9405
|
}
|
|
9440
9406
|
}
|
|
9441
9407
|
updateSubscription() {
|
|
9442
|
-
this.subscription
|
|
9443
|
-
|
|
9408
|
+
this.subscription?.unsubscribe();
|
|
9409
|
+
this.viewContainer.clear();
|
|
9410
|
+
this.subscription = this.service.isEnabled(this.feature).subscribe((enabled) => {
|
|
9411
|
+
if (enabled && this.viewContainer.length === 0) {
|
|
9444
9412
|
this.viewContainer.createEmbeddedView(this.templateRef);
|
|
9445
9413
|
}
|
|
9446
|
-
else {
|
|
9414
|
+
else if (!enabled) {
|
|
9447
9415
|
this.viewContainer.clear();
|
|
9448
9416
|
}
|
|
9449
9417
|
});
|
|
@@ -9644,7 +9612,12 @@ class GovUkDateComponent {
|
|
|
9644
9612
|
this.month = `${this.config.id}_month`;
|
|
9645
9613
|
this.year = `${this.config.id}_year`;
|
|
9646
9614
|
const dateValidator = this.DateValidator();
|
|
9647
|
-
this.formGroup.get(this.day)
|
|
9615
|
+
const dayControl = this.formGroup.get(this.day);
|
|
9616
|
+
dayControl.setValidators(dateValidator);
|
|
9617
|
+
this.dateControlSubscription = merge(this.formGroup.get(this.month).valueChanges, this.formGroup.get(this.year).valueChanges).subscribe(() => dayControl.updateValueAndValidity({ emitEvent: false, onlySelf: true }));
|
|
9618
|
+
}
|
|
9619
|
+
ngOnDestroy() {
|
|
9620
|
+
this.dateControlSubscription?.unsubscribe();
|
|
9648
9621
|
}
|
|
9649
9622
|
isValidDate(d, month, year) {
|
|
9650
9623
|
const dateCheck = !isNaN(d.getTime());
|
|
@@ -9735,7 +9708,7 @@ class GovUkDateComponent {
|
|
|
9735
9708
|
}], isOptional: [{
|
|
9736
9709
|
type: Input
|
|
9737
9710
|
}] }); })();
|
|
9738
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GovUkDateComponent, { className: "GovUkDateComponent", filePath: "lib/gov-ui/components/gov-uk-date/gov-uk-date.component.ts", lineNumber:
|
|
9711
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GovUkDateComponent, { className: "GovUkDateComponent", filePath: "lib/gov-ui/components/gov-uk-date/gov-uk-date.component.ts", lineNumber: 23 }); })();
|
|
9739
9712
|
|
|
9740
9713
|
const _c0$3 = a0 => ({ "govuk-form-group--error": a0 });
|
|
9741
9714
|
const _c1$1 = a0 => ({ "govuk-file-upload--error": a0 });
|
|
@@ -10135,7 +10108,7 @@ class GovUkTextareaComponent {
|
|
|
10135
10108
|
return HtmlTemplatesHelper.setDescribedBy(this.errorMessage, this.config);
|
|
10136
10109
|
}
|
|
10137
10110
|
static { this.ɵfac = function GovUkTextareaComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GovUkTextareaComponent)(); }; }
|
|
10138
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkTextareaComponent, selectors: [["xuilib-gov-uk-textarea"]], inputs: { config: "config", errorMessage: "errorMessage", group: "group" }, standalone: false, decls: 7, vars:
|
|
10111
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkTextareaComponent, selectors: [["xuilib-gov-uk-textarea"]], inputs: { config: "config", errorMessage: "errorMessage", group: "group" }, standalone: false, decls: 7, vars: 18, consts: [[1, "govuk-form-group", 3, "formGroup", "ngClass"], [3, "config"], [1, "govuk-hint", 3, "id"], [3, "config", "errorMessage"], ["name", "more-detail", 1, "govuk-textarea", 3, "formControlName", "ngClass", "id", "rows"]], template: function GovUkTextareaComponent_Template(rf, ctx) { if (rf & 1) {
|
|
10139
10112
|
i0.ɵɵelementStart(0, "div", 0);
|
|
10140
10113
|
i0.ɵɵelement(1, "xuilib-gov-label", 1);
|
|
10141
10114
|
i0.ɵɵelementStart(2, "span", 2);
|
|
@@ -10145,21 +10118,23 @@ class GovUkTextareaComponent {
|
|
|
10145
10118
|
i0.ɵɵelement(5, "xuilib-gov-uk-error-message", 3)(6, "textarea", 4);
|
|
10146
10119
|
i0.ɵɵelementEnd();
|
|
10147
10120
|
} if (rf & 2) {
|
|
10148
|
-
i0.ɵɵproperty("formGroup", ctx.group)("ngClass", i0.ɵɵpureFunction1(
|
|
10121
|
+
i0.ɵɵproperty("formGroup", ctx.group)("ngClass", i0.ɵɵpureFunction1(14, _c0$1, ctx.errorMessage == null ? null : ctx.errorMessage.isInvalid));
|
|
10149
10122
|
i0.ɵɵadvance();
|
|
10150
10123
|
i0.ɵɵproperty("config", ctx.config);
|
|
10151
|
-
i0.ɵɵadvance(
|
|
10152
|
-
i0.ɵɵ
|
|
10124
|
+
i0.ɵɵadvance();
|
|
10125
|
+
i0.ɵɵproperty("id", ctx.config.id + "-hint");
|
|
10126
|
+
i0.ɵɵadvance();
|
|
10127
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 12, ctx.config.hint), "\n");
|
|
10153
10128
|
i0.ɵɵadvance(2);
|
|
10154
10129
|
i0.ɵɵproperty("config", ctx.config)("errorMessage", ctx.errorMessage);
|
|
10155
10130
|
i0.ɵɵadvance();
|
|
10156
|
-
i0.ɵɵproperty("formControlName", ctx.config.key)("ngClass", i0.ɵɵpureFunction1(
|
|
10131
|
+
i0.ɵɵproperty("formControlName", ctx.config.key)("ngClass", i0.ɵɵpureFunction1(16, _c1, ctx.errorMessage == null ? null : ctx.errorMessage.isInvalid))("id", ctx.config.id)("rows", ctx.config.rows);
|
|
10157
10132
|
i0.ɵɵattribute("aria-describedby", ctx.setDescribedBy());
|
|
10158
10133
|
} }, dependencies: [i1.NgClass, i2$3.DefaultValueAccessor, i2$3.NgControlStatus, i2$3.NgControlStatusGroup, i2$3.FormGroupDirective, i2$3.FormControlName, GovUkLabelComponent, GovUkErrorMessageComponent, i2.RpxTranslatePipe], encapsulation: 2 }); }
|
|
10159
10134
|
}
|
|
10160
10135
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GovUkTextareaComponent, [{
|
|
10161
10136
|
type: Component,
|
|
10162
|
-
args: [{ selector: 'xuilib-gov-uk-textarea', standalone: false, template: "<div [formGroup]=\"group\"\nclass=\"govuk-form-group\" [ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\">\n<xuilib-gov-label [config]=\"config\"></xuilib-gov-label>\n<span id=\"
|
|
10137
|
+
args: [{ selector: 'xuilib-gov-uk-textarea', standalone: false, template: "<div [formGroup]=\"group\"\nclass=\"govuk-form-group\" [ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\">\n<xuilib-gov-label [config]=\"config\"></xuilib-gov-label>\n<span [id]=\"config.id + '-hint'\" class=\"govuk-hint\">\n {{config.hint | rpxTranslate}}\n</span>\n<xuilib-gov-uk-error-message [config]=\"config\" [errorMessage]=\"errorMessage\"></xuilib-gov-uk-error-message>\n<textarea\n class=\"govuk-textarea\" [formControlName]=\"config.key\"\n [ngClass]=\"{'govuk-textarea--error': errorMessage?.isInvalid}\"\n [id]=\"config.id\" name=\"more-detail\" [rows]=\"config.rows\" [attr.aria-describedby]=\"setDescribedBy()\"></textarea>\n</div>\n" }]
|
|
10163
10138
|
}], null, { config: [{
|
|
10164
10139
|
type: Input
|
|
10165
10140
|
}], errorMessage: [{
|
|
@@ -10327,8 +10302,8 @@ function HmctsMainWrapperComponent_Conditional_6_Template(rf, ctx) { if (rf & 1)
|
|
|
10327
10302
|
} }
|
|
10328
10303
|
function HmctsMainWrapperComponent_Conditional_8_For_3_Template(rf, ctx) { if (rf & 1) {
|
|
10329
10304
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
10330
|
-
i0.ɵɵelementStart(0, "
|
|
10331
|
-
i0.ɵɵlistener("click", function
|
|
10305
|
+
i0.ɵɵelementStart(0, "a", 11);
|
|
10306
|
+
i0.ɵɵlistener("click", function HmctsMainWrapperComponent_Conditional_8_For_3_Template_a_click_0_listener() { const actionButton_r4 = i0.ɵɵrestoreView(_r3).$implicit; return i0.ɵɵresetView(actionButton_r4.action()); });
|
|
10332
10307
|
i0.ɵɵtext(1);
|
|
10333
10308
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
10334
10309
|
i0.ɵɵelementEnd();
|
|
@@ -10340,7 +10315,7 @@ function HmctsMainWrapperComponent_Conditional_8_For_3_Template(rf, ctx) { if (r
|
|
|
10340
10315
|
} }
|
|
10341
10316
|
function HmctsMainWrapperComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
10342
10317
|
i0.ɵɵelementStart(0, "div", 7)(1, "div", 9);
|
|
10343
|
-
i0.ɵɵrepeaterCreate(2, HmctsMainWrapperComponent_Conditional_8_For_3_Template, 3, 6, "
|
|
10318
|
+
i0.ɵɵrepeaterCreate(2, HmctsMainWrapperComponent_Conditional_8_For_3_Template, 3, 6, "a", 10, i0.ɵɵrepeaterTrackByIdentity);
|
|
10344
10319
|
i0.ɵɵelementEnd()();
|
|
10345
10320
|
} if (rf & 2) {
|
|
10346
10321
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -10370,7 +10345,7 @@ class HmctsMainWrapperComponent {
|
|
|
10370
10345
|
this.backEvent.emit();
|
|
10371
10346
|
}
|
|
10372
10347
|
static { this.ɵfac = function HmctsMainWrapperComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HmctsMainWrapperComponent)(); }; }
|
|
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"], ["
|
|
10348
|
+
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"], ["role", "button", "draggable", "false", 3, "class"], ["role", "button", "draggable", "false", 3, "click"]], template: function HmctsMainWrapperComponent_Template(rf, ctx) { if (rf & 1) {
|
|
10374
10349
|
i0.ɵɵprojectionDef();
|
|
10375
10350
|
i0.ɵɵconditionalCreate(0, HmctsMainWrapperComponent_Conditional_0_Template, 3, 4, "a", 0);
|
|
10376
10351
|
i0.ɵɵelementStart(1, "main", 1)(2, "div", 2)(3, "div", 3);
|
|
@@ -10395,7 +10370,7 @@ class HmctsMainWrapperComponent {
|
|
|
10395
10370
|
}
|
|
10396
10371
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HmctsMainWrapperComponent, [{
|
|
10397
10372
|
type: Component,
|
|
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 <
|
|
10373
|
+
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 <a\n (click)=\"actionButton.action()\"\n role=\"button\"\n draggable=\"false\"\n class=\"govuk-button {{ actionButton.class }}\"\n >{{ actionButton.name | rpxTranslate }}</a>\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"] }]
|
|
10399
10374
|
}], () => [], { backLink: [{
|
|
10400
10375
|
type: Input
|
|
10401
10376
|
}], title: [{
|