@hmcts/rpx-xui-common-lib 3.2.27-postcode-accessibility → 3.2.28-5543
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/hmcts-rpx-xui-common-lib.mjs +231 -252
- package/fesm2022/hmcts-rpx-xui-common-lib.mjs.map +1 -1
- package/index.d.ts +3 -2
- package/package.json +10 -10
|
@@ -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: [{
|
|
@@ -2921,11 +2920,11 @@ class SearchLocationComponent {
|
|
|
2921
2920
|
i0.ɵɵattribute("disabled", ctx.disabled);
|
|
2922
2921
|
i0.ɵɵadvance(4);
|
|
2923
2922
|
i0.ɵɵconditional((tmp_5_0 = i0.ɵɵpipeBind1(6, 4, ctx.filteredList$)) ? 5 : -1, tmp_5_0);
|
|
2924
|
-
} }, dependencies: [i2$3.DefaultValueAccessor, i2$3.NgControlStatus, i2$3.FormControlDirective, i4.MatAutocomplete, i4.MatOption, i4.MatAutocompleteTrigger, i1.AsyncPipe, i2.RpxTranslatePipe], styles: [".autocomplete__input--show-all-values[_ngcontent-%COMP%]{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down[_ngcontent-%COMP%]{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu[_ngcontent-%COMP%]{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:calc(100% - 4px)}.autocomplete__menu--visible[_ngcontent-%COMP%]{display:block}.autocomplete__menu--hidden[_ngcontent-%COMP%]{display:none}.autocomplete__menu--overlay[_ngcontent-%COMP%]{box-shadow:#00000042 0 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline[_ngcontent-%COMP%]{position:relative}.autocomplete__option[_ngcontent-%COMP%]{border-bottom:solid #b1b4b6;border-width:1px 0;cursor:pointer;display:block;position:relative}.autocomplete__option[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:none}.autocomplete__option[_ngcontent-%COMP%]:first-of-type{border-top-width:0}.autocomplete__option[_ngcontent-%COMP%]:last-of-type{border-bottom-width:0}.autocomplete__option--odd[_ngcontent-%COMP%]{background-color:#fafafa}.autocomplete__option--focused[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results[_ngcontent-%COMP%]{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.25}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{padding:5px}@media(min-width:641px){.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.31579}}.div-action[_ngcontent-%COMP%]{display:inline-block}.add-location[_ngcontent-%COMP%]{display:inline}.remove-location-button[_ngcontent-%COMP%]{margin:5px}.hide-autocomplete[_ngcontent-%COMP%]{display:none}.auto-complete-container[_ngcontent-%COMP%]{display:inline-block;margin-right:4px;width:calc(100% - 4px)}.autocomplete__input[_ngcontent-%COMP%]{line-height:24px;font-size:19px}"] }); }
|
|
2923
|
+
} }, dependencies: [i2$3.DefaultValueAccessor, i2$3.NgControlStatus, i2$3.FormControlDirective, i4.MatAutocomplete, i4.MatOption, i4.MatAutocompleteTrigger, i1.AsyncPipe, i2.RpxTranslatePipe], styles: [".autocomplete__input--show-all-values[_ngcontent-%COMP%]{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down[_ngcontent-%COMP%]{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu[_ngcontent-%COMP%]{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:calc(100% - 4px)}.autocomplete__menu--visible[_ngcontent-%COMP%]{display:block}.autocomplete__menu--hidden[_ngcontent-%COMP%]{display:none}.autocomplete__menu--overlay[_ngcontent-%COMP%]{box-shadow:#00000042 0 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline[_ngcontent-%COMP%]{position:relative}.autocomplete__option[_ngcontent-%COMP%]{border-bottom:solid #b1b4b6;border-width:1px 0;cursor:pointer;display:block;position:relative}.autocomplete__option[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:none}.autocomplete__option[_ngcontent-%COMP%]:first-of-type{border-top-width:0}.autocomplete__option[_ngcontent-%COMP%]:last-of-type{border-bottom-width:0}.autocomplete__option--odd[_ngcontent-%COMP%]{background-color:#fafafa}.autocomplete__option--focused[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results[_ngcontent-%COMP%]{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.25}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{padding:5px}@media (min-width: 641px){.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.31579}}.div-action[_ngcontent-%COMP%]{display:inline-block}.add-location[_ngcontent-%COMP%]{display:inline}.remove-location-button[_ngcontent-%COMP%]{margin:5px}.hide-autocomplete[_ngcontent-%COMP%]{display:none}.auto-complete-container[_ngcontent-%COMP%]{display:inline-block;margin-right:4px;width:calc(100% - 4px)}.autocomplete__input[_ngcontent-%COMP%]{line-height:24px;font-size:19px}"] }); }
|
|
2925
2924
|
}
|
|
2926
2925
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchLocationComponent, [{
|
|
2927
2926
|
type: Component,
|
|
2928
|
-
args: [{ selector: 'exui-search-location', standalone: false, template: "<div class=\"auto-complete-container\">\n <input\n id=\"inputLocationSearch\"\n #char\n (keydown)=\"removeInvalidString($event)\"\n (input)=\"onInput()\"\n [formControl]=\"searchTermFormControl\"\n [matAutocomplete]=\"autoSearchLocation\"\n class=\"govuk-input\"\n [attr.disabled]=\"disabled\">\n <mat-autocomplete class=\"mat-autocomplete-panel-extend\" autoActiveFirstOption #autoSearchLocation=\"matAutocomplete\">\n @if (filteredList$ | async; as filteredList) {\n @if (filteredList !== null) {\n @for (location of filteredList; track location) {\n <mat-option (onSelectionChange)=\"onSelectedLocation(location)\">\n {{ location[propertyNameFilter] }}\n </mat-option>\n }\n @if (filteredList.length === 0) {\n <mat-option>{{ 'No results found' | rpxTranslate }}</mat-option>\n }\n }\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: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{display:inline-block;margin-right:4px;width:calc(100% - 4px)}.autocomplete__input{line-height:24px;font-size:19px}\n"] }]
|
|
2927
|
+
args: [{ selector: 'exui-search-location', standalone: false, template: "<div class=\"auto-complete-container\">\n <input\n id=\"inputLocationSearch\"\n #char\n (keydown)=\"removeInvalidString($event)\"\n (input)=\"onInput()\"\n [formControl]=\"searchTermFormControl\"\n [matAutocomplete]=\"autoSearchLocation\"\n class=\"govuk-input\"\n [attr.disabled]=\"disabled\">\n <mat-autocomplete class=\"mat-autocomplete-panel-extend\" autoActiveFirstOption #autoSearchLocation=\"matAutocomplete\">\n @if (filteredList$ | async; as filteredList) {\n @if (filteredList !== null) {\n @for (location of filteredList; track location) {\n <mat-option (onSelectionChange)=\"onSelectedLocation(location)\">\n {{ location[propertyNameFilter] }}\n </mat-option>\n }\n @if (filteredList.length === 0) {\n <mat-option>{{ 'No results found' | rpxTranslate }}</mat-option>\n }\n }\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: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{display:inline-block;margin-right:4px;width:calc(100% - 4px)}.autocomplete__input{line-height:24px;font-size:19px}\n"] }]
|
|
2929
2928
|
}], () => [{ type: LocationService }, { type: SessionStorageService }, { type: RefDataService }], { form: [{
|
|
2930
2929
|
type: Input
|
|
2931
2930
|
}], field: [{
|
|
@@ -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,17 +3428,16 @@ 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);
|
|
3438
3435
|
i0.ɵɵconditional(!(ctx.filteredOptions == null ? null : ctx.filteredOptions.length) && ctx.showAutocomplete ? 6 : -1);
|
|
3439
|
-
} }, dependencies: [i4.MatAutocomplete, i4.MatOption, i4.MatAutocompleteTrigger], styles: [".autocomplete__input--show-all-values[_ngcontent-%COMP%]{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down[_ngcontent-%COMP%]{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]{display:block}.autocomplete__menu--hidden[_ngcontent-%COMP%]{display:none}.autocomplete__menu--overlay[_ngcontent-%COMP%]{box-shadow:#00000042 0 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline[_ngcontent-%COMP%]{position:relative}.autocomplete__option[_ngcontent-%COMP%]{border-bottom:solid #b1b4b6;border-width:1px 0;cursor:pointer;display:block;position:relative}.autocomplete__option[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:none}.autocomplete__option[_ngcontent-%COMP%]:first-of-type{border-top-width:0}.autocomplete__option[_ngcontent-%COMP%]:last-of-type{border-bottom-width:0}.autocomplete__option--odd[_ngcontent-%COMP%]{background-color:#fafafa}.autocomplete__option--focused[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results[_ngcontent-%COMP%]{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.25}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{padding:5px}@media(min-width:641px){.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.31579}}.div-action[_ngcontent-%COMP%]{display:inline-block}.add-location[_ngcontent-%COMP%]{display:inline}.remove-location-button[_ngcontent-%COMP%]{margin:5px}.hide-autocomplete[_ngcontent-%COMP%]{display:none}.auto-complete-container[_ngcontent-%COMP%]{min-width:250px;display:inline-block;margin-right:4px}.autocomplete__input[_ngcontent-%COMP%]{line-height:24px;font-size:19px}"] }); }
|
|
3436
|
+
} }, dependencies: [i4.MatAutocomplete, i4.MatOption, i4.MatAutocompleteTrigger], styles: [".autocomplete__input--show-all-values[_ngcontent-%COMP%]{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down[_ngcontent-%COMP%]{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]{display:block}.autocomplete__menu--hidden[_ngcontent-%COMP%]{display:none}.autocomplete__menu--overlay[_ngcontent-%COMP%]{box-shadow:#00000042 0 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline[_ngcontent-%COMP%]{position:relative}.autocomplete__option[_ngcontent-%COMP%]{border-bottom:solid #b1b4b6;border-width:1px 0;cursor:pointer;display:block;position:relative}.autocomplete__option[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:none}.autocomplete__option[_ngcontent-%COMP%]:first-of-type{border-top-width:0}.autocomplete__option[_ngcontent-%COMP%]:last-of-type{border-bottom-width:0}.autocomplete__option--odd[_ngcontent-%COMP%]{background-color:#fafafa}.autocomplete__option--focused[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results[_ngcontent-%COMP%]{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.25}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{padding:5px}@media (min-width: 641px){.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.31579}}.div-action[_ngcontent-%COMP%]{display:inline-block}.add-location[_ngcontent-%COMP%]{display:inline}.remove-location-button[_ngcontent-%COMP%]{margin:5px}.hide-autocomplete[_ngcontent-%COMP%]{display:none}.auto-complete-container[_ngcontent-%COMP%]{min-width:250px;display:inline-block;margin-right:4px}.autocomplete__input[_ngcontent-%COMP%]{line-height:24px;font-size:19px}"] }); }
|
|
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: [{
|
|
@@ -3787,11 +3784,11 @@ class SearchWorkTypeComponent {
|
|
|
3787
3784
|
i0.ɵɵattribute("disabled", ctx.disabled);
|
|
3788
3785
|
i0.ɵɵadvance(4);
|
|
3789
3786
|
i0.ɵɵconditional((tmp_5_0 = i0.ɵɵpipeBind1(6, 4, ctx.filteredList$)) ? 5 : -1, tmp_5_0);
|
|
3790
|
-
} }, dependencies: [i2$3.DefaultValueAccessor, i2$3.NgControlStatus, i2$3.FormControlDirective, i4.MatAutocomplete, i4.MatOption, i4.MatAutocompleteTrigger, i1.AsyncPipe, i2.RpxTranslatePipe], styles: [".autocomplete__input--show-all-values[_ngcontent-%COMP%]{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down[_ngcontent-%COMP%]{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu[_ngcontent-%COMP%]{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:calc(100% - 4px)}.autocomplete__menu--visible[_ngcontent-%COMP%]{display:block}.autocomplete__menu--hidden[_ngcontent-%COMP%]{display:none}.autocomplete__menu--overlay[_ngcontent-%COMP%]{box-shadow:#00000042 0 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline[_ngcontent-%COMP%]{position:relative}.autocomplete__option[_ngcontent-%COMP%]{border-bottom:solid #b1b4b6;border-width:1px 0;cursor:pointer;display:block;position:relative}.autocomplete__option[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:none}.autocomplete__option[_ngcontent-%COMP%]:first-of-type{border-top-width:0}.autocomplete__option[_ngcontent-%COMP%]:last-of-type{border-bottom-width:0}.autocomplete__option--odd[_ngcontent-%COMP%]{background-color:#fafafa}.autocomplete__option--focused[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results[_ngcontent-%COMP%]{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.25}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{padding:5px}@media(min-width:641px){.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.31579}}.div-action[_ngcontent-%COMP%]{display:inline-block}.hide-autocomplete[_ngcontent-%COMP%]{display:none}.auto-complete-container[_ngcontent-%COMP%]{min-width:250px;display:inline-block;margin-right:4px}.autocomplete__input[_ngcontent-%COMP%]{line-height:24px;font-size:19px}"] }); }
|
|
3787
|
+
} }, dependencies: [i2$3.DefaultValueAccessor, i2$3.NgControlStatus, i2$3.FormControlDirective, i4.MatAutocomplete, i4.MatOption, i4.MatAutocompleteTrigger, i1.AsyncPipe, i2.RpxTranslatePipe], styles: [".autocomplete__input--show-all-values[_ngcontent-%COMP%]{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down[_ngcontent-%COMP%]{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu[_ngcontent-%COMP%]{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:calc(100% - 4px)}.autocomplete__menu--visible[_ngcontent-%COMP%]{display:block}.autocomplete__menu--hidden[_ngcontent-%COMP%]{display:none}.autocomplete__menu--overlay[_ngcontent-%COMP%]{box-shadow:#00000042 0 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline[_ngcontent-%COMP%]{position:relative}.autocomplete__option[_ngcontent-%COMP%]{border-bottom:solid #b1b4b6;border-width:1px 0;cursor:pointer;display:block;position:relative}.autocomplete__option[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:none}.autocomplete__option[_ngcontent-%COMP%]:first-of-type{border-top-width:0}.autocomplete__option[_ngcontent-%COMP%]:last-of-type{border-bottom-width:0}.autocomplete__option--odd[_ngcontent-%COMP%]{background-color:#fafafa}.autocomplete__option--focused[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results[_ngcontent-%COMP%]{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.25}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{padding:5px}@media (min-width: 641px){.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.31579}}.div-action[_ngcontent-%COMP%]{display:inline-block}.hide-autocomplete[_ngcontent-%COMP%]{display:none}.auto-complete-container[_ngcontent-%COMP%]{min-width:250px;display:inline-block;margin-right:4px}.autocomplete__input[_ngcontent-%COMP%]{line-height:24px;font-size:19px}"] }); }
|
|
3791
3788
|
}
|
|
3792
3789
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchWorkTypeComponent, [{
|
|
3793
3790
|
type: Component,
|
|
3794
|
-
args: [{ selector: 'exui-search-work-type', standalone: false, template: "<div class=\"auto-complete-container\">\n <input\n id=\"inputWorkTypeSearch\"\n #char\n (keydown)=\"removeInvalidString($event)\"\n (input)=\"onInput()\"\n [formControl]=\"searchTermFormControl\"\n [matAutocomplete]=\"autoSearchWorkType\"\n class=\"govuk-input\"\n [attr.disabled]=\"disabled\">\n <mat-autocomplete class=\"mat-autocomplete-panel-extend\" autoActiveFirstOption #autoSearchWorkType=\"matAutocomplete\">\n @if (filteredList$ | async; as filteredList) {\n @if (filteredList !== null) {\n @for (workType of filteredList; track workType) {\n <mat-option (onSelectionChange)=\"onSelectedWorkType(workType)\">\n {{ workType.label }}\n </mat-option>\n }\n @if (filteredList.length === 0) {\n <mat-option>{{ 'No results found' | rpxTranslate }}</mat-option>\n }\n }\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: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}.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"] }]
|
|
3791
|
+
args: [{ selector: 'exui-search-work-type', standalone: false, template: "<div class=\"auto-complete-container\">\n <input\n id=\"inputWorkTypeSearch\"\n #char\n (keydown)=\"removeInvalidString($event)\"\n (input)=\"onInput()\"\n [formControl]=\"searchTermFormControl\"\n [matAutocomplete]=\"autoSearchWorkType\"\n class=\"govuk-input\"\n [attr.disabled]=\"disabled\">\n <mat-autocomplete class=\"mat-autocomplete-panel-extend\" autoActiveFirstOption #autoSearchWorkType=\"matAutocomplete\">\n @if (filteredList$ | async; as filteredList) {\n @if (filteredList !== null) {\n @for (workType of filteredList; track workType) {\n <mat-option (onSelectionChange)=\"onSelectedWorkType(workType)\">\n {{ workType.label }}\n </mat-option>\n }\n @if (filteredList.length === 0) {\n <mat-option>{{ 'No results found' | rpxTranslate }}</mat-option>\n }\n }\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: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}.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"] }]
|
|
3795
3792
|
}], () => [{ type: TaskService }], { form: [{
|
|
3796
3793
|
type: Input
|
|
3797
3794
|
}], field: [{
|
|
@@ -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);
|
|
@@ -5207,11 +5204,11 @@ class GenericFilterComponent {
|
|
|
5207
5204
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 4, ctx.config.applyButtonText || "Apply"));
|
|
5208
5205
|
i0.ɵɵadvance(2);
|
|
5209
5206
|
i0.ɵɵconditional(ctx.config.showCancelFilterButton ? 9 : -1);
|
|
5210
|
-
} }, dependencies: [i1.NgClass, i2$3.ɵNgNoValidate, i2$3.NgSelectOption, i2$3.ɵNgSelectMultipleOption, i2$3.DefaultValueAccessor, i2$3.CheckboxControlValueAccessor, i2$3.SelectControlValueAccessor, i2$3.RadioControlValueAccessor, i2$3.NgControlStatus, i2$3.NgControlStatusGroup, i2$3.FormGroupDirective, i2$3.FormControlName, i2$3.FormGroupName, FindPersonComponent, FindLocationComponent, FindTaskNameComponent, FindServiceComponent, FindWorkTypeComponent, i1.TitleCasePipe, i2.RpxTranslatePipe, CapitalizePipe], 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"], encapsulation: 2, changeDetection: 0 }); }
|
|
5207
|
+
} }, dependencies: [i1.NgClass, i2$3.ɵNgNoValidate, i2$3.NgSelectOption, i2$3.ɵNgSelectMultipleOption, i2$3.DefaultValueAccessor, i2$3.CheckboxControlValueAccessor, i2$3.SelectControlValueAccessor, i2$3.RadioControlValueAccessor, i2$3.NgControlStatus, i2$3.NgControlStatusGroup, i2$3.FormGroupDirective, i2$3.FormControlName, i2$3.FormGroupName, FindPersonComponent, FindLocationComponent, FindTaskNameComponent, FindServiceComponent, FindWorkTypeComponent, i1.TitleCasePipe, i2.RpxTranslatePipe, CapitalizePipe], 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"], encapsulation: 2, changeDetection: 0 }); }
|
|
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);
|
|
@@ -5259,11 +5256,11 @@ class HmctsSessionDialogComponent {
|
|
|
5259
5256
|
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(4, _c1$a, ctx.positionTop));
|
|
5260
5257
|
i0.ɵɵadvance(9);
|
|
5261
5258
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(12, 2, "We are about to sign you out"));
|
|
5262
|
-
} }, dependencies: [i1.NgStyle, i2.RpxTranslatePipe], styles: [".gem-c-modal-dialogue[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]:focus{outline:3px solid #ffdd00}@media print{.gem-c-modal-dialogue__box[_ngcontent-%COMP%]{font-family:sans-serif}}@media(min-width:40.0625em){.gem-c-modal-dialogue__box[_ngcontent-%COMP%]{font-size:1.1875rem;line-height:1.3157894737}}@media print{.gem-c-modal-dialogue__box[_ngcontent-%COMP%]{font-size:14pt;line-height:1.15}}@media print{.gem-c-modal-dialogue__box[_ngcontent-%COMP%]{color:#000}}@media(min-width:40.0625em){.gem-c-modal-dialogue__box[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]{max-width:960px}}@media(min-width:40.0625em)and (max-width:64em){.gem-c-modal-dialogue__box--wide[_ngcontent-%COMP%]{margin:30px}}.gem-c-modal-dialogue__overlay[_ngcontent-%COMP%]{position:fixed;inset:0;width:100%;height:100%;opacity:.8;background:#0b0c0c;pointer-events:none;touch-action:none}@media screen{.gem-o-template--modal[_ngcontent-%COMP%]{overflow-y:inherit}}.gem-o-template__body--modal[_ngcontent-%COMP%]{overflow:hidden}.gem-o-template__body--blur[_ngcontent-%COMP%] .govuk-skip-link[_ngcontent-%COMP%], .gem-o-template__body--blur[_ngcontent-%COMP%] .govuk-header[_ngcontent-%COMP%], .gem-o-template__body--blur[_ngcontent-%COMP%] .govuk-phase-banner[_ngcontent-%COMP%], .gem-o-template__body--blur[_ngcontent-%COMP%] .govuk-width-container[_ngcontent-%COMP%] .govuk-back-link[_ngcontent-%COMP%], .gem-o-template__body--blur[_ngcontent-%COMP%] .govuk-footer[_ngcontent-%COMP%], .gem-o-template__body--blur[_ngcontent-%COMP%] .govuk-main-wrapper[_ngcontent-%COMP%]{filter:blur(2px)}.govuk-warning-text__icon[_ngcontent-%COMP%]{margin:0 0 0 12px}.gem-c-modal-dialogue__header[_ngcontent-%COMP%]{padding:9px 15px 10px;color:#fff;background:#d4351d;display:flex}.gem-c-modal-dialogue__title[_ngcontent-%COMP%]{margin:5px 0 4px 12px}.gem-c-modal-dialogue__logotype-crown[_ngcontent-%COMP%]{fill:currentColor;vertical-align:middle}.gem-c-modal-dialogue__logotype-crown-fallback-image[_ngcontent-%COMP%]{width:30px;height:26px;border:0;vertical-align:middle}.gem-c-modal-dialogue__content[_ngcontent-%COMP%]{padding:15px;background:#fff}.gem-c-modal-dialogue__close-button[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]{font-family:sans-serif}}@media(min-width:40.0625em){.gem-c-modal-dialogue__close-button[_ngcontent-%COMP%]{font-size:2.25rem;line-height:1.3}}@media print{.gem-c-modal-dialogue__close-button[_ngcontent-%COMP%]{font-size:24pt;line-height:1.3}}@media(max-width:40.0525em){.gem-c-modal-dialogue__close-button[_ngcontent-%COMP%]{font-size:36px;line-height:1.3}}.gem-c-modal-dialogue__close-button[_ngcontent-%COMP%]:focus, .gem-c-modal-dialogue__close-button[_ngcontent-%COMP%]:hover{color:#0b0c0c;box-shadow:0 -2px #fd0,0 4px #0b0c0c;text-decoration:none;outline:none;background:#fd0}"] }); }
|
|
5259
|
+
} }, dependencies: [i1.NgStyle, i2.RpxTranslatePipe], styles: [".gem-c-modal-dialogue[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]:focus{outline:3px solid #ffdd00}@media print{.gem-c-modal-dialogue__box[_ngcontent-%COMP%]{font-family:sans-serif}}@media (min-width: 40.0625em){.gem-c-modal-dialogue__box[_ngcontent-%COMP%]{font-size:1.1875rem;line-height:1.3157894737}}@media print{.gem-c-modal-dialogue__box[_ngcontent-%COMP%]{font-size:14pt;line-height:1.15}}@media print{.gem-c-modal-dialogue__box[_ngcontent-%COMP%]{color:#000}}@media (min-width: 40.0625em){.gem-c-modal-dialogue__box[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]{max-width:960px}}@media (min-width: 40.0625em) and (max-width: 64em){.gem-c-modal-dialogue__box--wide[_ngcontent-%COMP%]{margin:30px}}.gem-c-modal-dialogue__overlay[_ngcontent-%COMP%]{position:fixed;inset:0;width:100%;height:100%;opacity:.8;background:#0b0c0c;pointer-events:none;touch-action:none}@media screen{.gem-o-template--modal[_ngcontent-%COMP%]{overflow-y:inherit}}.gem-o-template__body--modal[_ngcontent-%COMP%]{overflow:hidden}.gem-o-template__body--blur[_ngcontent-%COMP%] .govuk-skip-link[_ngcontent-%COMP%], .gem-o-template__body--blur[_ngcontent-%COMP%] .govuk-header[_ngcontent-%COMP%], .gem-o-template__body--blur[_ngcontent-%COMP%] .govuk-phase-banner[_ngcontent-%COMP%], .gem-o-template__body--blur[_ngcontent-%COMP%] .govuk-width-container[_ngcontent-%COMP%] .govuk-back-link[_ngcontent-%COMP%], .gem-o-template__body--blur[_ngcontent-%COMP%] .govuk-footer[_ngcontent-%COMP%], .gem-o-template__body--blur[_ngcontent-%COMP%] .govuk-main-wrapper[_ngcontent-%COMP%]{filter:blur(2px)}.govuk-warning-text__icon[_ngcontent-%COMP%]{margin:0 0 0 12px}.gem-c-modal-dialogue__header[_ngcontent-%COMP%]{padding:9px 15px 10px;color:#fff;background:#d4351d;display:flex}.gem-c-modal-dialogue__title[_ngcontent-%COMP%]{margin:5px 0 4px 12px}.gem-c-modal-dialogue__logotype-crown[_ngcontent-%COMP%]{fill:currentColor;vertical-align:middle}.gem-c-modal-dialogue__logotype-crown-fallback-image[_ngcontent-%COMP%]{width:30px;height:26px;border:0;vertical-align:middle}.gem-c-modal-dialogue__content[_ngcontent-%COMP%]{padding:15px;background:#fff}.gem-c-modal-dialogue__close-button[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]{font-family:sans-serif}}@media (min-width: 40.0625em){.gem-c-modal-dialogue__close-button[_ngcontent-%COMP%]{font-size:2.25rem;line-height:1.3}}@media print{.gem-c-modal-dialogue__close-button[_ngcontent-%COMP%]{font-size:24pt;line-height:1.3}}@media (max-width: 40.0525em){.gem-c-modal-dialogue__close-button[_ngcontent-%COMP%]{font-size:36px;line-height:1.3}}.gem-c-modal-dialogue__close-button[_ngcontent-%COMP%]:focus, .gem-c-modal-dialogue__close-button[_ngcontent-%COMP%]:hover{color:#0b0c0c;box-shadow:0 -2px #fd0,0 4px #0b0c0c;text-decoration:none;outline:none;background:#fd0}"] }); }
|
|
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$: [{
|
|
@@ -7846,7 +7835,7 @@ function UserDetailsComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
7846
7835
|
function UserDetailsComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
7847
7836
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
7848
7837
|
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)); })
|
|
7838
|
+
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
7839
|
i0.ɵɵtext(1);
|
|
7851
7840
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
7852
7841
|
i0.ɵɵelementEnd();
|
|
@@ -7869,7 +7858,7 @@ function UserDetailsComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
|
7869
7858
|
i0.ɵɵpipe(10, "rpxTranslate");
|
|
7870
7859
|
i0.ɵɵelementEnd()();
|
|
7871
7860
|
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)); })
|
|
7861
|
+
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
7862
|
i0.ɵɵtext(12);
|
|
7874
7863
|
i0.ɵɵpipe(13, "rpxTranslate");
|
|
7875
7864
|
i0.ɵɵelementEnd()();
|
|
@@ -7922,7 +7911,7 @@ class UserDetailsComponent {
|
|
|
7922
7911
|
return false;
|
|
7923
7912
|
}
|
|
7924
7913
|
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"], ["role", "presentation", 1, "govuk-table"], ["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-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], ["role", "link", 3, "routerLink"], ["tabindex", "0", 1, "govuk-button", "govuk-button--warning", 3, "click"
|
|
7914
|
+
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"], ["role", "presentation", 1, "govuk-table"], ["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-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], ["role", "link", 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
7915
|
i0.ɵɵconditionalCreate(0, UserDetailsComponent_Conditional_0_Template, 8, 3, "div", 0);
|
|
7927
7916
|
i0.ɵɵconditionalCreate(1, UserDetailsComponent_Conditional_1_Template, 18, 11, "dl", 1);
|
|
7928
7917
|
i0.ɵɵconditionalCreate(2, UserDetailsComponent_Conditional_2_Template, 3, 3, "button", 2);
|
|
@@ -7942,7 +7931,7 @@ class UserDetailsComponent {
|
|
|
7942
7931
|
}
|
|
7943
7932
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserDetailsComponent, [{
|
|
7944
7933
|
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-table\" role=\"presentation\">\n <div class=\"govuk-table__body\">\n <div class=\"govuk-table__row\">\n <dt class=\"govuk-table__header\" scope=\"row\">{{'Name' | rpxTranslate}}</dt>\n <dd class=\"govuk-table__cell\">{{user.fullName | rpxTranslate}}</dd>\n <dd class=\"govuk-table__cell\"></dd>\n </div>\n <div class=\"govuk-table__row\">\n <dt class=\"govuk-table__header\" scope=\"row\">{{'Email address' | rpxTranslate}}</dt>\n <dd class=\"govuk-table__cell\">{{user.email}}</dd>\n <dd class=\"govuk-table__cell\"></dd>\n </div>\n @if (!user.resendInvite) {\n <div class=\"govuk-table__row\">\n <dt class=\"govuk-table__header\" scope=\"row\">{{'Permissions' | rpxTranslate}}</dt>\n <dd class=\"govuk-table__cell\">\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-table__cell\">@if (editPermissionRouterLink && showEditLink) {\n <a role=\"link\" [routerLink]=\"editPermissionRouterLink\">{{'Change' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'roles' | rpxTranslate}}</span></a>\n }</dd>\n </div>\n }\n </div>\n </dl>\n}\n@if (showSuspendUserButton) {\n <button class=\"govuk-button govuk-button--warning\" tabindex=\"0\" (click)=\"suspendUser(user)\"
|
|
7934
|
+
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-table\" role=\"presentation\">\n <div class=\"govuk-table__body\">\n <div class=\"govuk-table__row\">\n <dt class=\"govuk-table__header\" scope=\"row\">{{'Name' | rpxTranslate}}</dt>\n <dd class=\"govuk-table__cell\">{{user.fullName | rpxTranslate}}</dd>\n <dd class=\"govuk-table__cell\"></dd>\n </div>\n <div class=\"govuk-table__row\">\n <dt class=\"govuk-table__header\" scope=\"row\">{{'Email address' | rpxTranslate}}</dt>\n <dd class=\"govuk-table__cell\">{{user.email}}</dd>\n <dd class=\"govuk-table__cell\"></dd>\n </div>\n @if (!user.resendInvite) {\n <div class=\"govuk-table__row\">\n <dt class=\"govuk-table__header\" scope=\"row\">{{'Permissions' | rpxTranslate}}</dt>\n <dd class=\"govuk-table__cell\">\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-table__cell\">@if (editPermissionRouterLink && showEditLink) {\n <a role=\"link\" [routerLink]=\"editPermissionRouterLink\">{{'Change' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'roles' | rpxTranslate}}</span></a>\n }</dd>\n </div>\n }\n </div>\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
7935
|
}], null, { user: [{
|
|
7947
7936
|
type: Input
|
|
7948
7937
|
}], enabledAccessTypes: [{
|
|
@@ -7968,8 +7957,8 @@ class UserDetailsComponent {
|
|
|
7968
7957
|
|
|
7969
7958
|
function HmctsPaginationComponent_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
7970
7959
|
const _r2 = i0.ɵɵgetCurrentView();
|
|
7971
|
-
i0.ɵɵelementStart(0, "
|
|
7972
|
-
i0.ɵɵlistener("click", function
|
|
7960
|
+
i0.ɵɵelementStart(0, "a", 9);
|
|
7961
|
+
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
7962
|
i0.ɵɵtext(1);
|
|
7974
7963
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
7975
7964
|
i0.ɵɵelementStart(3, "span", 10);
|
|
@@ -7984,8 +7973,8 @@ function HmctsPaginationComponent_Conditional_6_Conditional_2_Template(rf, ctx)
|
|
|
7984
7973
|
} }
|
|
7985
7974
|
function HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
7986
7975
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
7987
|
-
i0.ɵɵelementStart(0, "
|
|
7988
|
-
i0.ɵɵlistener("click", function
|
|
7976
|
+
i0.ɵɵelementStart(0, "a", 9);
|
|
7977
|
+
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
7978
|
i0.ɵɵelementStart(1, "span", 10);
|
|
7990
7979
|
i0.ɵɵtext(2);
|
|
7991
7980
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
@@ -8013,7 +8002,7 @@ function HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Conditional_
|
|
|
8013
8002
|
} }
|
|
8014
8003
|
function HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Template(rf, ctx) { if (rf & 1) {
|
|
8015
8004
|
i0.ɵɵelementStart(0, "li", 12);
|
|
8016
|
-
i0.ɵɵconditionalCreate(1, HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Conditional_1_Template, 7, 7, "
|
|
8005
|
+
i0.ɵɵconditionalCreate(1, HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Conditional_1_Template, 7, 7, "a", 7);
|
|
8017
8006
|
i0.ɵɵconditionalCreate(2, HmctsPaginationComponent_Conditional_6_Conditional_3_For_1_Conditional_2_Template, 3, 4, "span");
|
|
8018
8007
|
i0.ɵɵelementEnd();
|
|
8019
8008
|
} if (rf & 2) {
|
|
@@ -8035,8 +8024,8 @@ function HmctsPaginationComponent_Conditional_6_Conditional_3_Template(rf, ctx)
|
|
|
8035
8024
|
} }
|
|
8036
8025
|
function HmctsPaginationComponent_Conditional_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
8037
8026
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
8038
|
-
i0.ɵɵelementStart(0, "
|
|
8039
|
-
i0.ɵɵlistener("click", function
|
|
8027
|
+
i0.ɵɵelementStart(0, "a", 9);
|
|
8028
|
+
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
8029
|
i0.ɵɵtext(1);
|
|
8041
8030
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
8042
8031
|
i0.ɵɵelementStart(3, "span", 10);
|
|
@@ -8051,11 +8040,11 @@ function HmctsPaginationComponent_Conditional_6_Conditional_5_Template(rf, ctx)
|
|
|
8051
8040
|
} }
|
|
8052
8041
|
function HmctsPaginationComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
8053
8042
|
i0.ɵɵelementStart(0, "ul", 4)(1, "li", 6);
|
|
8054
|
-
i0.ɵɵconditionalCreate(2, HmctsPaginationComponent_Conditional_6_Conditional_2_Template, 6, 6, "
|
|
8043
|
+
i0.ɵɵconditionalCreate(2, HmctsPaginationComponent_Conditional_6_Conditional_2_Template, 6, 6, "a", 7);
|
|
8055
8044
|
i0.ɵɵelementEnd();
|
|
8056
8045
|
i0.ɵɵconditionalCreate(3, HmctsPaginationComponent_Conditional_6_Conditional_3_Template, 2, 0);
|
|
8057
8046
|
i0.ɵɵelementStart(4, "li", 8);
|
|
8058
|
-
i0.ɵɵconditionalCreate(5, HmctsPaginationComponent_Conditional_6_Conditional_5_Template, 6, 6, "
|
|
8047
|
+
i0.ɵɵconditionalCreate(5, HmctsPaginationComponent_Conditional_6_Conditional_5_Template, 6, 6, "a", 7);
|
|
8059
8048
|
i0.ɵɵelementEnd()();
|
|
8060
8049
|
} if (rf & 2) {
|
|
8061
8050
|
const ctx_r6 = i0.ɵɵnextContext();
|
|
@@ -8119,7 +8108,7 @@ class HmctsPaginationComponent {
|
|
|
8119
8108
|
this.pageBoundsCorrection = new EventEmitter();
|
|
8120
8109
|
}
|
|
8121
8110
|
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"], [
|
|
8111
|
+
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
8112
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
8124
8113
|
i0.ɵɵelementStart(0, "pagination-template", 1, 0);
|
|
8125
8114
|
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 +8128,11 @@ class HmctsPaginationComponent {
|
|
|
8139
8128
|
i0.ɵɵconditional(!(p_r3.pages.length <= 1) ? 6 : -1);
|
|
8140
8129
|
i0.ɵɵadvance();
|
|
8141
8130
|
i0.ɵɵconditional(ctx.showResultCount ? 7 : -1);
|
|
8142
|
-
} }, dependencies: [i1$
|
|
8131
|
+
} }, 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
8132
|
}
|
|
8144
8133
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HmctsPaginationComponent, [{
|
|
8145
8134
|
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 <
|
|
8135
|
+
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
8136
|
}], null, { id: [{
|
|
8148
8137
|
type: Input
|
|
8149
8138
|
}], maxSize: [{
|
|
@@ -8162,35 +8151,12 @@ class HmctsPaginationComponent {
|
|
|
8162
8151
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HmctsPaginationComponent, { className: "HmctsPaginationComponent", filePath: "lib/gov-ui/components/hmcts-pagination/hmcts-pagination.component.ts", lineNumber: 9 }); })();
|
|
8163
8152
|
|
|
8164
8153
|
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
8154
|
function UserListComponent_For_14_Template(rf, ctx) { if (rf & 1) {
|
|
8191
|
-
i0.ɵɵ
|
|
8192
|
-
i0.ɵɵ
|
|
8193
|
-
i0.ɵɵ
|
|
8155
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
8156
|
+
i0.ɵɵelementStart(0, "tr", 5)(1, "td", 7)(2, "a", 8);
|
|
8157
|
+
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)); });
|
|
8158
|
+
i0.ɵɵtext(3);
|
|
8159
|
+
i0.ɵɵelementEnd()();
|
|
8194
8160
|
i0.ɵɵelementStart(4, "td", 7);
|
|
8195
8161
|
i0.ɵɵtext(5);
|
|
8196
8162
|
i0.ɵɵelementEnd();
|
|
@@ -8200,8 +8166,11 @@ function UserListComponent_For_14_Template(rf, ctx) { if (rf & 1) {
|
|
|
8200
8166
|
} if (rf & 2) {
|
|
8201
8167
|
const u_r2 = ctx.$implicit;
|
|
8202
8168
|
i0.ɵɵadvance(2);
|
|
8203
|
-
i0.ɵɵ
|
|
8204
|
-
i0.ɵɵ
|
|
8169
|
+
i0.ɵɵproperty("routerLink", u_r2.routerLink);
|
|
8170
|
+
i0.ɵɵattribute("title", u_r2.routerLinkTitle);
|
|
8171
|
+
i0.ɵɵadvance();
|
|
8172
|
+
i0.ɵɵtextInterpolate(u_r2.fullName);
|
|
8173
|
+
i0.ɵɵadvance(2);
|
|
8205
8174
|
i0.ɵɵtextInterpolate(u_r2.email);
|
|
8206
8175
|
i0.ɵɵadvance(2);
|
|
8207
8176
|
i0.ɵɵtextInterpolate(u_r2.status);
|
|
@@ -8223,7 +8192,7 @@ class UserListComponent {
|
|
|
8223
8192
|
this.pageChange.emit(pageNumber);
|
|
8224
8193
|
}
|
|
8225
8194
|
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, "
|
|
8195
|
+
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
8196
|
i0.ɵɵelementStart(0, "table", 0)(1, "thead", 1)(2, "tr", 2)(3, "th", 3);
|
|
8228
8197
|
i0.ɵɵtext(4);
|
|
8229
8198
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
@@ -8237,7 +8206,7 @@ class UserListComponent {
|
|
|
8237
8206
|
i0.ɵɵpipe(11, "rpxTranslate");
|
|
8238
8207
|
i0.ɵɵelementEnd()()();
|
|
8239
8208
|
i0.ɵɵelementStart(12, "tbody", 4);
|
|
8240
|
-
i0.ɵɵrepeaterCreate(13, UserListComponent_For_14_Template, 8,
|
|
8209
|
+
i0.ɵɵrepeaterCreate(13, UserListComponent_For_14_Template, 8, 5, "tr", 5, i0.ɵɵrepeaterTrackByIdentity);
|
|
8241
8210
|
i0.ɵɵpipe(15, "paginate");
|
|
8242
8211
|
i0.ɵɵelementEnd()();
|
|
8243
8212
|
i0.ɵɵelementStart(16, "xuilib-hmcts-pagination", 6);
|
|
@@ -8254,11 +8223,11 @@ class UserListComponent {
|
|
|
8254
8223
|
i0.ɵɵrepeater(i0.ɵɵpipeBind2(15, 10, ctx.users, i0.ɵɵpureFunction3(13, _c0$b, ctx.pagination.itemsPerPage, ctx.currentPageNumber, ctx.pagination.totalItems)));
|
|
8255
8224
|
i0.ɵɵadvance(3);
|
|
8256
8225
|
i0.ɵɵproperty("pageSize", ctx.pagination.itemsPerPage);
|
|
8257
|
-
} }, dependencies: [i1$1.RouterLink, HmctsPaginationComponent,
|
|
8226
|
+
} }, dependencies: [i1$1.RouterLink, HmctsPaginationComponent, i2$4.PaginatePipe, i2.RpxTranslatePipe], styles: ["[_nghost-%COMP%]{display:block}"] }); }
|
|
8258
8227
|
}
|
|
8259
8228
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserListComponent, [{
|
|
8260
8229
|
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
|
|
8230
|
+
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
8231
|
}], null, { users: [{
|
|
8263
8232
|
type: Input
|
|
8264
8233
|
}], currentPageNumber: [{
|
|
@@ -8303,19 +8272,19 @@ function CookieBannerComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
8303
8272
|
i0.ɵɵelementEnd()()()();
|
|
8304
8273
|
} if (rf & 2) {
|
|
8305
8274
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
8306
|
-
i0.ɵɵattribute("aria-label", "Cookies on "
|
|
8275
|
+
i0.ɵɵattribute("aria-label", i0.ɵɵinterpolate1("'Cookies on ", ctx_r1.appName, "'"));
|
|
8307
8276
|
i0.ɵɵadvance(5);
|
|
8308
|
-
i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(6,
|
|
8277
|
+
i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(6, 9, "Cookies on"), " ", i0.ɵɵpipeBind1(7, 11, ctx_r1.appName));
|
|
8309
8278
|
i0.ɵɵadvance(5);
|
|
8310
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11,
|
|
8279
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11, 13, "We use some essential cookies to make this service work."));
|
|
8311
8280
|
i0.ɵɵadvance(3);
|
|
8312
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14,
|
|
8281
|
+
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
8282
|
i0.ɵɵadvance(4);
|
|
8314
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(18,
|
|
8283
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(18, 17, "Accept analytics cookies"), " ");
|
|
8315
8284
|
i0.ɵɵadvance(3);
|
|
8316
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(21,
|
|
8285
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(21, 19, "Reject analytics cookies"), " ");
|
|
8317
8286
|
i0.ɵɵadvance(3);
|
|
8318
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(24,
|
|
8287
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(24, 21, "View cookies"));
|
|
8319
8288
|
} }
|
|
8320
8289
|
class CookieBannerComponent {
|
|
8321
8290
|
constructor(cookieService, window) {
|
|
@@ -8391,14 +8360,14 @@ class CookieBannerComponent {
|
|
|
8391
8360
|
}
|
|
8392
8361
|
static { this.ɵfac = function CookieBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CookieBannerComponent)(i0.ɵɵdirectiveInject(CookieService), i0.ɵɵdirectiveInject(windowToken)); }; }
|
|
8393
8362
|
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,
|
|
8363
|
+
i0.ɵɵconditionalCreate(0, CookieBannerComponent_Conditional_0_Template, 25, 23, "div", 0);
|
|
8395
8364
|
} if (rf & 2) {
|
|
8396
8365
|
i0.ɵɵconditional(ctx.isCookieBannerVisible ? 0 : -1);
|
|
8397
8366
|
} }, dependencies: [i1$1.RouterLink, i2.RpxTranslatePipe], encapsulation: 2 }); }
|
|
8398
8367
|
}
|
|
8399
8368
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CookieBannerComponent, [{
|
|
8400
8369
|
type: Component,
|
|
8401
|
-
args: [{ selector: 'xuilib-cookie-banner', standalone: false, template: "@if (isCookieBannerVisible) {\n <div class=\"govuk-cookie-banner \" role=\"region\"
|
|
8370
|
+
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
8371
|
}], () => [{ type: CookieService }, { type: undefined, decorators: [{
|
|
8403
8372
|
type: Inject,
|
|
8404
8373
|
args: [windowToken]
|
|
@@ -8650,11 +8619,11 @@ class SearchVenueComponent {
|
|
|
8650
8619
|
} if (rf & 2) {
|
|
8651
8620
|
i0.ɵɵadvance();
|
|
8652
8621
|
i0.ɵɵconditional(ctx.readyAfterContent ? 1 : -1);
|
|
8653
|
-
} }, dependencies: [i1.NgClass, i2$3.DefaultValueAccessor, i2$3.NgControlStatus, i2$3.FormControlDirective, i4.MatAutocomplete, i4.MatOption, i4.MatAutocompleteTrigger], styles: [".autocomplete__input[_ngcontent-%COMP%]{-webkit-appearance:none;border:2px solid #0b0c0c;border-radius:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:0;width:100%;line-height:24px;font-size:19px;background-color:transparent;position:relative}.autocomplete__hint[_ngcontent-%COMP%]{color:#b1b4b6;position:absolute}.autocomplete__input--default[_ngcontent-%COMP%]{padding:5px}.autocomplete__input--focused[_ngcontent-%COMP%]{outline:3px solid #fd0;outline-offset:0;box-shadow:inset 0 0 0 2px}.autocomplete__input--show-all-values[_ngcontent-%COMP%]{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down[_ngcontent-%COMP%]{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]{display:block}.autocomplete__menu--hidden[_ngcontent-%COMP%]{display:none}.autocomplete__menu--overlay[_ngcontent-%COMP%]{box-shadow:#00000042 0 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline[_ngcontent-%COMP%]{position:relative}.autocomplete__option[_ngcontent-%COMP%]{border-bottom:solid #b1b4b6;border-width:1px 0;cursor:pointer;display:block;position:relative}.autocomplete__option[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:none}.autocomplete__option[_ngcontent-%COMP%]:first-of-type{border-top-width:0}.autocomplete__option[_ngcontent-%COMP%]:last-of-type{border-bottom-width:0}.autocomplete__option--odd[_ngcontent-%COMP%]{background-color:#fafafa}.autocomplete__option--focused[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results[_ngcontent-%COMP%]{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.25}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{padding:5px}@media(min-width:641px){.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.31579}}.div-action[_ngcontent-%COMP%]{display:inline-block}.add-location[_ngcontent-%COMP%]{display:inline}.remove-location-button[_ngcontent-%COMP%]{margin:5px}.hide-autocomplete[_ngcontent-%COMP%]{display:none}.auto-complete-container[_ngcontent-%COMP%]{min-width:550px;display:inline-block;margin-right:4px}"] }); }
|
|
8622
|
+
} }, dependencies: [i1.NgClass, i2$3.DefaultValueAccessor, i2$3.NgControlStatus, i2$3.FormControlDirective, i4.MatAutocomplete, i4.MatOption, i4.MatAutocompleteTrigger], styles: [".autocomplete__input[_ngcontent-%COMP%]{-webkit-appearance:none;border:2px solid #0b0c0c;border-radius:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:0;width:100%;line-height:24px;font-size:19px;background-color:transparent;position:relative}.autocomplete__hint[_ngcontent-%COMP%]{color:#b1b4b6;position:absolute}.autocomplete__input--default[_ngcontent-%COMP%]{padding:5px}.autocomplete__input--focused[_ngcontent-%COMP%]{outline:3px solid #fd0;outline-offset:0;box-shadow:inset 0 0 0 2px}.autocomplete__input--show-all-values[_ngcontent-%COMP%]{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down[_ngcontent-%COMP%]{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]{display:block}.autocomplete__menu--hidden[_ngcontent-%COMP%]{display:none}.autocomplete__menu--overlay[_ngcontent-%COMP%]{box-shadow:#00000042 0 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline[_ngcontent-%COMP%]{position:relative}.autocomplete__option[_ngcontent-%COMP%]{border-bottom:solid #b1b4b6;border-width:1px 0;cursor:pointer;display:block;position:relative}.autocomplete__option[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:none}.autocomplete__option[_ngcontent-%COMP%]:first-of-type{border-top-width:0}.autocomplete__option[_ngcontent-%COMP%]:last-of-type{border-bottom-width:0}.autocomplete__option--odd[_ngcontent-%COMP%]{background-color:#fafafa}.autocomplete__option--focused[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results[_ngcontent-%COMP%]{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.25}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{padding:5px}@media (min-width: 641px){.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.31579}}.div-action[_ngcontent-%COMP%]{display:inline-block}.add-location[_ngcontent-%COMP%]{display:inline}.remove-location-button[_ngcontent-%COMP%]{margin:5px}.hide-autocomplete[_ngcontent-%COMP%]{display:none}.auto-complete-container[_ngcontent-%COMP%]{min-width:550px;display:inline-block;margin-right:4px}"] }); }
|
|
8654
8623
|
}
|
|
8655
8624
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchVenueComponent, [{
|
|
8656
8625
|
type: Component,
|
|
8657
|
-
args: [{ selector: 'xuilib-search-venue', standalone: false, template: "<div class=\"auto-complete-container\">\n @if (readyAfterContent) {\n <div class=\"autocomplete__wrapper\">\n <input\n [formControl]=\"findLocationFormGroup.controls.findLocationFormControl\"\n [matAutocomplete]=\"autoSearchLocation\"\n id=\"searchVenueLocation\"\n (keydown)=\"onKeyDown()\"\n (keyup)=\"onKeyUp($event)\"\n class=\"autocomplete__input autocomplete__input--default search-box\"\n [attr.disabled]=\"!disabled ? null: disabled\"\n [value]=\"getControlCourtNameValue()\"\n #inputSelectedLocation>\n <mat-autocomplete class=\"mat-autocomplete-panel-extend\" autoActiveFirstOption #autoSearchLocation=\"matAutocomplete\">\n @for (location of displayedLocationsDuplicationFiltered; track location) {\n <mat-option\n [value]=\"getDisplayName(location)\"\n (onSelectionChange)=\"onSelectionChange(location)\"\n [ngClass]=\"{'hide-autocomplete': showAutocomplete ? false : true}\">\n {{ getDisplayName(location) }}\n </mat-option>\n }\n @if (!displayedLocationsDuplicationFiltered?.length && showAutocomplete && !searchInProgress) {\n <mat-option>{{ 'No results found' }}</mat-option>\n }\n </mat-autocomplete>\n </div>\n }\n</div>\n", styles: [".autocomplete__input{-webkit-appearance:none;border:2px solid #0b0c0c;border-radius:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:0;width:100%;line-height:24px;font-size:19px;background-color:transparent;position:relative}.autocomplete__hint{color:#b1b4b6;position:absolute}.autocomplete__input--default{padding:5px}.autocomplete__input--focused{outline:3px solid #fd0;outline-offset:0;box-shadow:inset 0 0 0 2px}.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:550px;display:inline-block;margin-right:4px}\n"] }]
|
|
8626
|
+
args: [{ selector: 'xuilib-search-venue', standalone: false, template: "<div class=\"auto-complete-container\">\n @if (readyAfterContent) {\n <div class=\"autocomplete__wrapper\">\n <input\n [formControl]=\"findLocationFormGroup.controls.findLocationFormControl\"\n [matAutocomplete]=\"autoSearchLocation\"\n id=\"searchVenueLocation\"\n (keydown)=\"onKeyDown()\"\n (keyup)=\"onKeyUp($event)\"\n class=\"autocomplete__input autocomplete__input--default search-box\"\n [attr.disabled]=\"!disabled ? null: disabled\"\n [value]=\"getControlCourtNameValue()\"\n #inputSelectedLocation>\n <mat-autocomplete class=\"mat-autocomplete-panel-extend\" autoActiveFirstOption #autoSearchLocation=\"matAutocomplete\">\n @for (location of displayedLocationsDuplicationFiltered; track location) {\n <mat-option\n [value]=\"getDisplayName(location)\"\n (onSelectionChange)=\"onSelectionChange(location)\"\n [ngClass]=\"{'hide-autocomplete': showAutocomplete ? false : true}\">\n {{ getDisplayName(location) }}\n </mat-option>\n }\n @if (!displayedLocationsDuplicationFiltered?.length && showAutocomplete && !searchInProgress) {\n <mat-option>{{ 'No results found' }}</mat-option>\n }\n </mat-autocomplete>\n </div>\n }\n</div>\n", styles: [".autocomplete__input{-webkit-appearance:none;border:2px solid #0b0c0c;border-radius:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:0;width:100%;line-height:24px;font-size:19px;background-color:transparent;position:relative}.autocomplete__hint{color:#b1b4b6;position:absolute}.autocomplete__input--default{padding:5px}.autocomplete__input--focused{outline:3px solid #fd0;outline-offset:0;box-shadow:inset 0 0 0 2px}.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:550px;display:inline-block;margin-right:4px}\n"] }]
|
|
8658
8627
|
}], () => [{ type: LocationService }, { type: i2$3.FormBuilder }], { control: [{
|
|
8659
8628
|
type: Input
|
|
8660
8629
|
}], disabled: [{
|
|
@@ -8865,8 +8834,8 @@ function ExuiPageWrapperComponent_Conditional_1_Template(rf, ctx) { if (rf & 1)
|
|
|
8865
8834
|
i0.ɵɵadvance();
|
|
8866
8835
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, "Back"));
|
|
8867
8836
|
} }
|
|
8868
|
-
function
|
|
8869
|
-
i0.ɵɵelementStart(0, "span",
|
|
8837
|
+
function ExuiPageWrapperComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
8838
|
+
i0.ɵɵelementStart(0, "span", 5);
|
|
8870
8839
|
i0.ɵɵtext(1);
|
|
8871
8840
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
8872
8841
|
i0.ɵɵelementEnd();
|
|
@@ -8876,15 +8845,16 @@ function ExuiPageWrapperComponent_Conditional_4_Conditional_0_Template(rf, ctx)
|
|
|
8876
8845
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.fnTitle));
|
|
8877
8846
|
} }
|
|
8878
8847
|
function ExuiPageWrapperComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
8879
|
-
i0.ɵɵ
|
|
8880
|
-
i0.ɵɵ
|
|
8848
|
+
i0.ɵɵelementStart(0, "h1", 4);
|
|
8849
|
+
i0.ɵɵconditionalCreate(1, ExuiPageWrapperComponent_Conditional_4_Conditional_1_Template, 3, 3, "span", 5);
|
|
8881
8850
|
i0.ɵɵtext(2);
|
|
8882
8851
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
8883
8852
|
i0.ɵɵelementEnd();
|
|
8884
8853
|
} if (rf & 2) {
|
|
8885
8854
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
8886
|
-
i0.ɵɵ
|
|
8887
|
-
i0.ɵɵ
|
|
8855
|
+
i0.ɵɵadvance();
|
|
8856
|
+
i0.ɵɵconditional(ctx_r0.fnTitle ? 1 : -1);
|
|
8857
|
+
i0.ɵɵadvance();
|
|
8888
8858
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, ctx_r0.title), " ");
|
|
8889
8859
|
} }
|
|
8890
8860
|
/**
|
|
@@ -8900,12 +8870,12 @@ function ExuiPageWrapperComponent_Conditional_4_Template(rf, ctx) { if (rf & 1)
|
|
|
8900
8870
|
class ExuiPageWrapperComponent {
|
|
8901
8871
|
constructor() { }
|
|
8902
8872
|
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-
|
|
8873
|
+
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
8874
|
i0.ɵɵprojectionDef();
|
|
8905
8875
|
i0.ɵɵelementStart(0, "div", 0);
|
|
8906
8876
|
i0.ɵɵconditionalCreate(1, ExuiPageWrapperComponent_Conditional_1_Template, 3, 4, "a", 1);
|
|
8907
8877
|
i0.ɵɵelementStart(2, "div", 2)(3, "div", 3);
|
|
8908
|
-
i0.ɵɵconditionalCreate(4, ExuiPageWrapperComponent_Conditional_4_Template, 4, 4);
|
|
8878
|
+
i0.ɵɵconditionalCreate(4, ExuiPageWrapperComponent_Conditional_4_Template, 4, 4, "h1", 4);
|
|
8909
8879
|
i0.ɵɵprojection(5);
|
|
8910
8880
|
i0.ɵɵelementEnd()()();
|
|
8911
8881
|
} if (rf & 2) {
|
|
@@ -8917,7 +8887,7 @@ class ExuiPageWrapperComponent {
|
|
|
8917
8887
|
}
|
|
8918
8888
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExuiPageWrapperComponent, [{
|
|
8919
8889
|
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
|
|
8890
|
+
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
8891
|
}], () => [], { backLink: [{
|
|
8922
8892
|
type: Input
|
|
8923
8893
|
}], title: [{
|
|
@@ -9009,7 +8979,7 @@ class WriteAddressInputsComponent {
|
|
|
9009
8979
|
this.errorsPresent = !this.formGroup.get('address').valid;
|
|
9010
8980
|
}
|
|
9011
8981
|
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"], [
|
|
8982
|
+
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
8983
|
i0.ɵɵelementContainerStart(0);
|
|
9014
8984
|
i0.ɵɵelementStart(1, "form", 0)(2, "div", 1)(3, "label", 2);
|
|
9015
8985
|
i0.ɵɵtext(4, " Enter address details ");
|
|
@@ -9077,7 +9047,7 @@ class WriteAddressInputsComponent {
|
|
|
9077
9047
|
}
|
|
9078
9048
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteAddressInputsComponent, [{
|
|
9079
9049
|
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\"
|
|
9050
|
+
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
9051
|
}], () => [], { formGroup: [{
|
|
9082
9052
|
type: Input
|
|
9083
9053
|
}], isInternational: [{
|
|
@@ -9376,7 +9346,7 @@ class WriteAddressFieldComponent {
|
|
|
9376
9346
|
this.addressFormGroup.get('postcode').patchValue(postcodeNeeded ? this.formGroup.get('address').get('postCode').value : '');
|
|
9377
9347
|
}
|
|
9378
9348
|
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"], [
|
|
9349
|
+
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
9350
|
i0.ɵɵelementStart(0, "div", 0);
|
|
9381
9351
|
i0.ɵɵconditionalCreate(1, WriteAddressFieldComponent_Conditional_1_Template, 4, 1, "p", 1);
|
|
9382
9352
|
i0.ɵɵconditionalCreate(2, WriteAddressFieldComponent_Conditional_2_Template, 15, 9, "div");
|
|
@@ -9397,7 +9367,7 @@ class WriteAddressFieldComponent {
|
|
|
9397
9367
|
}
|
|
9398
9368
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteAddressFieldComponent, [{
|
|
9399
9369
|
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\"
|
|
9370
|
+
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
9371
|
}], () => [{ type: AddressService }], { formGroup: [{
|
|
9402
9372
|
type: Input
|
|
9403
9373
|
}], internationalMode: [{
|
|
@@ -9439,11 +9409,13 @@ class FeatureToggleDirective {
|
|
|
9439
9409
|
}
|
|
9440
9410
|
}
|
|
9441
9411
|
updateSubscription() {
|
|
9442
|
-
this.subscription
|
|
9443
|
-
|
|
9412
|
+
this.subscription?.unsubscribe();
|
|
9413
|
+
this.viewContainer.clear();
|
|
9414
|
+
this.subscription = this.service.isEnabled(this.feature).subscribe((enabled) => {
|
|
9415
|
+
if (enabled && this.viewContainer.length === 0) {
|
|
9444
9416
|
this.viewContainer.createEmbeddedView(this.templateRef);
|
|
9445
9417
|
}
|
|
9446
|
-
else {
|
|
9418
|
+
else if (!enabled) {
|
|
9447
9419
|
this.viewContainer.clear();
|
|
9448
9420
|
}
|
|
9449
9421
|
});
|
|
@@ -9644,7 +9616,12 @@ class GovUkDateComponent {
|
|
|
9644
9616
|
this.month = `${this.config.id}_month`;
|
|
9645
9617
|
this.year = `${this.config.id}_year`;
|
|
9646
9618
|
const dateValidator = this.DateValidator();
|
|
9647
|
-
this.formGroup.get(this.day)
|
|
9619
|
+
const dayControl = this.formGroup.get(this.day);
|
|
9620
|
+
dayControl.setValidators(dateValidator);
|
|
9621
|
+
this.dateControlSubscription = merge(this.formGroup.get(this.month).valueChanges, this.formGroup.get(this.year).valueChanges).subscribe(() => dayControl.updateValueAndValidity({ emitEvent: false, onlySelf: true }));
|
|
9622
|
+
}
|
|
9623
|
+
ngOnDestroy() {
|
|
9624
|
+
this.dateControlSubscription?.unsubscribe();
|
|
9648
9625
|
}
|
|
9649
9626
|
isValidDate(d, month, year) {
|
|
9650
9627
|
const dateCheck = !isNaN(d.getTime());
|
|
@@ -9735,7 +9712,7 @@ class GovUkDateComponent {
|
|
|
9735
9712
|
}], isOptional: [{
|
|
9736
9713
|
type: Input
|
|
9737
9714
|
}] }); })();
|
|
9738
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GovUkDateComponent, { className: "GovUkDateComponent", filePath: "lib/gov-ui/components/gov-uk-date/gov-uk-date.component.ts", lineNumber:
|
|
9715
|
+
(() => { (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
9716
|
|
|
9740
9717
|
const _c0$3 = a0 => ({ "govuk-form-group--error": a0 });
|
|
9741
9718
|
const _c1$1 = a0 => ({ "govuk-file-upload--error": a0 });
|
|
@@ -10135,7 +10112,7 @@ class GovUkTextareaComponent {
|
|
|
10135
10112
|
return HtmlTemplatesHelper.setDescribedBy(this.errorMessage, this.config);
|
|
10136
10113
|
}
|
|
10137
10114
|
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:
|
|
10115
|
+
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
10116
|
i0.ɵɵelementStart(0, "div", 0);
|
|
10140
10117
|
i0.ɵɵelement(1, "xuilib-gov-label", 1);
|
|
10141
10118
|
i0.ɵɵelementStart(2, "span", 2);
|
|
@@ -10145,21 +10122,23 @@ class GovUkTextareaComponent {
|
|
|
10145
10122
|
i0.ɵɵelement(5, "xuilib-gov-uk-error-message", 3)(6, "textarea", 4);
|
|
10146
10123
|
i0.ɵɵelementEnd();
|
|
10147
10124
|
} if (rf & 2) {
|
|
10148
|
-
i0.ɵɵproperty("formGroup", ctx.group)("ngClass", i0.ɵɵpureFunction1(
|
|
10125
|
+
i0.ɵɵproperty("formGroup", ctx.group)("ngClass", i0.ɵɵpureFunction1(14, _c0$1, ctx.errorMessage == null ? null : ctx.errorMessage.isInvalid));
|
|
10149
10126
|
i0.ɵɵadvance();
|
|
10150
10127
|
i0.ɵɵproperty("config", ctx.config);
|
|
10151
|
-
i0.ɵɵadvance(
|
|
10152
|
-
i0.ɵɵ
|
|
10128
|
+
i0.ɵɵadvance();
|
|
10129
|
+
i0.ɵɵproperty("id", ctx.config.id + "-hint");
|
|
10130
|
+
i0.ɵɵadvance();
|
|
10131
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 12, ctx.config.hint), "\n");
|
|
10153
10132
|
i0.ɵɵadvance(2);
|
|
10154
10133
|
i0.ɵɵproperty("config", ctx.config)("errorMessage", ctx.errorMessage);
|
|
10155
10134
|
i0.ɵɵadvance();
|
|
10156
|
-
i0.ɵɵproperty("formControlName", ctx.config.key)("ngClass", i0.ɵɵpureFunction1(
|
|
10135
|
+
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
10136
|
i0.ɵɵattribute("aria-describedby", ctx.setDescribedBy());
|
|
10158
10137
|
} }, 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
10138
|
}
|
|
10160
10139
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GovUkTextareaComponent, [{
|
|
10161
10140
|
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=\"
|
|
10141
|
+
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
10142
|
}], null, { config: [{
|
|
10164
10143
|
type: Input
|
|
10165
10144
|
}], errorMessage: [{
|
|
@@ -10241,11 +10220,11 @@ class HmctsBannerComponent {
|
|
|
10241
10220
|
i0.ɵɵconditionalCreate(0, HmctsBannerComponent_Conditional_0_Template, 10, 13);
|
|
10242
10221
|
} if (rf & 2) {
|
|
10243
10222
|
i0.ɵɵconditional(ctx.message && ctx.type ? 0 : -1);
|
|
10244
|
-
} }, dependencies: [i2.RpxTranslatePipe], styles: ["@charset \"UTF-8\";.hmcts-banner-title[_ngcontent-%COMP%]{color:#fff;background-color:#1d70b8;font-weight:700;padding:10px 15px 5px}.hmcts-banner-title--success[_ngcontent-%COMP%]{background-color:#00703c}.hmcts-banner-title--warning[_ngcontent-%COMP%]{background-color:#d4351c}.hmcts-banner[_ngcontent-%COMP%]{border:5px solid #1d70b8;color:#1d70b8;font-size:0;margin-bottom:30px;padding:10px}.hmcts-banner--success[_ngcontent-%COMP%]{border-color:#00703c;color:#00703c}.hmcts-banner--warning[_ngcontent-%COMP%]{border-color:#d4351c;color:#d4351c}.hmcts-banner__icon[_ngcontent-%COMP%]{fill:currentColor;float:left;margin-right:10px}.hmcts-banner__message[_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-banner__message[_ngcontent-%COMP%]{font-family:sans-serif}}.hmcts-banner__message[_ngcontent-%COMP%]{font-weight:400;font-size:1rem;line-height:1.25}@media(min-width:40.0625em){.hmcts-banner__message[_ngcontent-%COMP%]{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-banner__message[_ngcontent-%COMP%]{font-size:14pt;line-height:1.15}}.hmcts-banner__message[_ngcontent-%COMP%]{color:#0b0c0c;display:block;overflow:hidden}.hmcts-banner__message[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{margin-bottom:10px}.hmcts-banner__message[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]:last-child{margin-bottom:0}.hmcts-banner__message[_ngcontent-%COMP%] p[_ngcontent-%COMP%]:last-child{margin-bottom:0}.hmcts-banner__message--bold[_ngcontent-%COMP%]{font-weight:700}.hmcts-banner__assistive[_ngcontent-%COMP%]{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important;-webkit-user-select:none;-ms-user-select:none;user-select:none}.hmcts-banner__assistive[_ngcontent-%COMP%]:before{content:\"\\a0\"}.hmcts-banner__assistive[_ngcontent-%COMP%]:after{content:\"\\a0\"}\n\n"] }); }
|
|
10223
|
+
} }, dependencies: [i2.RpxTranslatePipe], styles: ["@charset \"UTF-8\";.hmcts-banner-title[_ngcontent-%COMP%]{color:#fff;background-color:#1d70b8;font-weight:700;padding:10px 15px 5px}.hmcts-banner-title--success[_ngcontent-%COMP%]{background-color:#00703c}.hmcts-banner-title--warning[_ngcontent-%COMP%]{background-color:#d4351c}.hmcts-banner[_ngcontent-%COMP%]{border:5px solid #1d70b8;color:#1d70b8;font-size:0;margin-bottom:30px;padding:10px}.hmcts-banner--success[_ngcontent-%COMP%]{border-color:#00703c;color:#00703c}.hmcts-banner--warning[_ngcontent-%COMP%]{border-color:#d4351c;color:#d4351c}.hmcts-banner__icon[_ngcontent-%COMP%]{fill:currentColor;float:left;margin-right:10px}.hmcts-banner__message[_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-banner__message[_ngcontent-%COMP%]{font-family:sans-serif}}.hmcts-banner__message[_ngcontent-%COMP%]{font-weight:400;font-size:1rem;line-height:1.25}@media (min-width: 40.0625em){.hmcts-banner__message[_ngcontent-%COMP%]{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-banner__message[_ngcontent-%COMP%]{font-size:14pt;line-height:1.15}}.hmcts-banner__message[_ngcontent-%COMP%]{color:#0b0c0c;display:block;overflow:hidden}.hmcts-banner__message[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{margin-bottom:10px}.hmcts-banner__message[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]:last-child{margin-bottom:0}.hmcts-banner__message[_ngcontent-%COMP%] p[_ngcontent-%COMP%]:last-child{margin-bottom:0}.hmcts-banner__message--bold[_ngcontent-%COMP%]{font-weight:700}.hmcts-banner__assistive[_ngcontent-%COMP%]{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important;-webkit-user-select:none;-ms-user-select:none;user-select:none}.hmcts-banner__assistive[_ngcontent-%COMP%]:before{content:\"\\a0\"}.hmcts-banner__assistive[_ngcontent-%COMP%]:after{content:\"\\a0\"}\n\n"] }); }
|
|
10245
10224
|
}
|
|
10246
10225
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HmctsBannerComponent, [{
|
|
10247
10226
|
type: Component,
|
|
10248
|
-
args: [{ selector: 'xuilib-hmcts-banner', standalone: false, template: "@if (message && type) {\n @if (title) {\n <div\n class=\"hmcts-banner-title hmcts-banner-title--{{ type }}\">\n {{ title }}\n </div>\n }\n <div class=\"hmcts-banner hmcts-banner--{{ type }}\">\n @if (showMessageIcon) {\n @switch (type) {\n @case ('warning') {\n <svg class=\"hmcts-banner__icon hmcts-banner__icon--warning\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" 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\"></path>\n </svg>\n }\n @case ('success') {\n <svg class=\"hmcts-banner__icon hmcts-banner__icon--success\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n <path d=\"M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z\"></path>\n </svg>\n }\n @case ('information') {\n <svg class=\"hmcts-banner__icon hmcts-banner__icon--information\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n <path d=\"M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z\"></path>\n </svg>\n }\n }\n }\n <div class=\"hmcts-banner__message\" [class.hmcts-banner__message--bold]=\"messageBoldText\">\n <span class=\"hmcts-banner__assistive\">{{type | rpxTranslate}}</span>\n <span class=\"hmcts-banner__message-text govuk-!-font-weight-bold\">{{message | rpxTranslate}}</span>\n </div>\n </div>\n}\n", styles: ["@charset \"UTF-8\";.hmcts-banner-title{color:#fff;background-color:#1d70b8;font-weight:700;padding:10px 15px 5px}.hmcts-banner-title--success{background-color:#00703c}.hmcts-banner-title--warning{background-color:#d4351c}.hmcts-banner{border:5px solid #1d70b8;color:#1d70b8;font-size:0;margin-bottom:30px;padding:10px}.hmcts-banner--success{border-color:#00703c;color:#00703c}.hmcts-banner--warning{border-color:#d4351c;color:#d4351c}.hmcts-banner__icon{fill:currentColor;float:left;margin-right:10px}.hmcts-banner__message{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-banner__message{font-family:sans-serif}}.hmcts-banner__message{font-weight:400;font-size:1rem;line-height:1.25}@media(min-width:40.0625em){.hmcts-banner__message{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-banner__message{font-size:14pt;line-height:1.15}}.hmcts-banner__message{color:#0b0c0c;display:block;overflow:hidden}.hmcts-banner__message h2{margin-bottom:10px}.hmcts-banner__message h2:last-child{margin-bottom:0}.hmcts-banner__message p:last-child{margin-bottom:0}.hmcts-banner__message--bold{font-weight:700}.hmcts-banner__assistive{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important;-webkit-user-select:none;-ms-user-select:none;user-select:none}.hmcts-banner__assistive:before{content:\"\\a0\"}.hmcts-banner__assistive:after{content:\"\\a0\"}\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"] }]
|
|
10227
|
+
args: [{ selector: 'xuilib-hmcts-banner', standalone: false, template: "@if (message && type) {\n @if (title) {\n <div\n class=\"hmcts-banner-title hmcts-banner-title--{{ type }}\">\n {{ title }}\n </div>\n }\n <div class=\"hmcts-banner hmcts-banner--{{ type }}\">\n @if (showMessageIcon) {\n @switch (type) {\n @case ('warning') {\n <svg class=\"hmcts-banner__icon hmcts-banner__icon--warning\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" 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\"></path>\n </svg>\n }\n @case ('success') {\n <svg class=\"hmcts-banner__icon hmcts-banner__icon--success\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n <path d=\"M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z\"></path>\n </svg>\n }\n @case ('information') {\n <svg class=\"hmcts-banner__icon hmcts-banner__icon--information\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n <path d=\"M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z\"></path>\n </svg>\n }\n }\n }\n <div class=\"hmcts-banner__message\" [class.hmcts-banner__message--bold]=\"messageBoldText\">\n <span class=\"hmcts-banner__assistive\">{{type | rpxTranslate}}</span>\n <span class=\"hmcts-banner__message-text govuk-!-font-weight-bold\">{{message | rpxTranslate}}</span>\n </div>\n </div>\n}\n", styles: ["@charset \"UTF-8\";.hmcts-banner-title{color:#fff;background-color:#1d70b8;font-weight:700;padding:10px 15px 5px}.hmcts-banner-title--success{background-color:#00703c}.hmcts-banner-title--warning{background-color:#d4351c}.hmcts-banner{border:5px solid #1d70b8;color:#1d70b8;font-size:0;margin-bottom:30px;padding:10px}.hmcts-banner--success{border-color:#00703c;color:#00703c}.hmcts-banner--warning{border-color:#d4351c;color:#d4351c}.hmcts-banner__icon{fill:currentColor;float:left;margin-right:10px}.hmcts-banner__message{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-banner__message{font-family:sans-serif}}.hmcts-banner__message{font-weight:400;font-size:1rem;line-height:1.25}@media (min-width: 40.0625em){.hmcts-banner__message{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-banner__message{font-size:14pt;line-height:1.15}}.hmcts-banner__message{color:#0b0c0c;display:block;overflow:hidden}.hmcts-banner__message h2{margin-bottom:10px}.hmcts-banner__message h2:last-child{margin-bottom:0}.hmcts-banner__message p:last-child{margin-bottom:0}.hmcts-banner__message--bold{font-weight:700}.hmcts-banner__assistive{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important;-webkit-user-select:none;-ms-user-select:none;user-select:none}.hmcts-banner__assistive:before{content:\"\\a0\"}.hmcts-banner__assistive:after{content:\"\\a0\"}\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"] }]
|
|
10249
10228
|
}], null, { message: [{
|
|
10250
10229
|
type: Input
|
|
10251
10230
|
}], type: [{
|
|
@@ -10279,11 +10258,11 @@ class HmctsIdentityBarComponent {
|
|
|
10279
10258
|
i0.ɵɵconditionalCreate(0, HmctsIdentityBarComponent_Conditional_0_Template, 6, 3, "div", 0);
|
|
10280
10259
|
} if (rf & 2) {
|
|
10281
10260
|
i0.ɵɵconditional(ctx.value ? 0 : -1);
|
|
10282
|
-
} }, dependencies: [i2.RpxTranslatePipe], styles: [".govuk-width-container[_ngcontent-%COMP%]{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media(min-width:40.0625em){.govuk-width-container[_ngcontent-%COMP%]{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media(min-width:1020px){.govuk-width-container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}}}.hmcts-identity-bar[_ngcontent-%COMP%]:after{content:\"\";display:block;clear:both}.hmcts-identity-bar[_ngcontent-%COMP%]{background-color:#f3f2f1;box-shadow:inset 0 -1px #b1b4b6;color:#0b0c0c;padding-bottom:9px;padding-top:10px}.hmcts-identity-bar__container[_ngcontent-%COMP%]{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.hmcts-identity-bar__container[_ngcontent-%COMP%]{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media(min-width:40.0625em){.hmcts-identity-bar__container[_ngcontent-%COMP%]{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.hmcts-identity-bar__container[_ngcontent-%COMP%]{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media(min-width:1020px){.hmcts-identity-bar__container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.hmcts-identity-bar__container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}}}.hmcts-identity-bar__container[_ngcontent-%COMP%]{font-size:0;text-align:justify}.hmcts-identity-bar__container[_ngcontent-%COMP%]:after{content:\"\";display:inline-block;width:100%}.hmcts-identity-bar__title[_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-identity-bar__title[_ngcontent-%COMP%]{font-family:sans-serif}}.hmcts-identity-bar__title[_ngcontent-%COMP%]{font-weight:400;font-size:.875rem;line-height:1.1428571429}@media(min-width:40.0625em){.hmcts-identity-bar__title[_ngcontent-%COMP%]{font-size:1rem;line-height:1.25}}@media print{.hmcts-identity-bar__title[_ngcontent-%COMP%]{font-size:14pt;line-height:1.2}}.hmcts-identity-bar__title[_ngcontent-%COMP%]{display:inline-block;vertical-align:top}.hmcts-identity-bar__details[_ngcontent-%COMP%]{margin-right:10px;padding-top:5px;padding-bottom:5px}@media(min-width:40.0625em){.hmcts-identity-bar__details[_ngcontent-%COMP%]{display:inline-block;vertical-align:top;padding-top:11px;padding-bottom:9px}}\n\n"] }); }
|
|
10261
|
+
} }, dependencies: [i2.RpxTranslatePipe], styles: [".govuk-width-container[_ngcontent-%COMP%]{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.govuk-width-container[_ngcontent-%COMP%]{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.govuk-width-container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}}}.hmcts-identity-bar[_ngcontent-%COMP%]:after{content:\"\";display:block;clear:both}.hmcts-identity-bar[_ngcontent-%COMP%]{background-color:#f3f2f1;box-shadow:inset 0 -1px #b1b4b6;color:#0b0c0c;padding-bottom:9px;padding-top:10px}.hmcts-identity-bar__container[_ngcontent-%COMP%]{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.hmcts-identity-bar__container[_ngcontent-%COMP%]{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.hmcts-identity-bar__container[_ngcontent-%COMP%]{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.hmcts-identity-bar__container[_ngcontent-%COMP%]{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.hmcts-identity-bar__container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.hmcts-identity-bar__container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}}}.hmcts-identity-bar__container[_ngcontent-%COMP%]{font-size:0;text-align:justify}.hmcts-identity-bar__container[_ngcontent-%COMP%]:after{content:\"\";display:inline-block;width:100%}.hmcts-identity-bar__title[_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-identity-bar__title[_ngcontent-%COMP%]{font-family:sans-serif}}.hmcts-identity-bar__title[_ngcontent-%COMP%]{font-weight:400;font-size:.875rem;line-height:1.1428571429}@media (min-width: 40.0625em){.hmcts-identity-bar__title[_ngcontent-%COMP%]{font-size:1rem;line-height:1.25}}@media print{.hmcts-identity-bar__title[_ngcontent-%COMP%]{font-size:14pt;line-height:1.2}}.hmcts-identity-bar__title[_ngcontent-%COMP%]{display:inline-block;vertical-align:top}.hmcts-identity-bar__details[_ngcontent-%COMP%]{margin-right:10px;padding-top:5px;padding-bottom:5px}@media (min-width: 40.0625em){.hmcts-identity-bar__details[_ngcontent-%COMP%]{display:inline-block;vertical-align:top;padding-top:11px;padding-bottom:9px}}\n\n"] }); }
|
|
10283
10262
|
}
|
|
10284
10263
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HmctsIdentityBarComponent, [{
|
|
10285
10264
|
type: Component,
|
|
10286
|
-
args: [{ selector: 'xuilib-hmcts-identity-bar', standalone: false, template: "@if (value) {\n <div class=\"hmcts-identity-bar\">\n <div class=\"hmcts-identity-bar__container\">\n <div class=\"hmcts-identity-bar__details\">\n <span class=\"hmcts-identity-bar__title\">{{value | rpxTranslate}}</span>\n </div>\n </div>\n </div>\n}\n", styles: [".govuk-width-container{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.govuk-width-container{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media(min-width:40.0625em){.govuk-width-container{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.govuk-width-container{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media(min-width:1020px){.govuk-width-container{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.govuk-width-container{margin-right:auto;margin-left:auto}}}.hmcts-identity-bar:after{content:\"\";display:block;clear:both}.hmcts-identity-bar{background-color:#f3f2f1;box-shadow:inset 0 -1px #b1b4b6;color:#0b0c0c;padding-bottom:9px;padding-top:10px}.hmcts-identity-bar__container{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.hmcts-identity-bar__container{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media(min-width:40.0625em){.hmcts-identity-bar__container{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.hmcts-identity-bar__container{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media(min-width:1020px){.hmcts-identity-bar__container{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.hmcts-identity-bar__container{margin-right:auto;margin-left:auto}}}.hmcts-identity-bar__container{font-size:0;text-align:justify}.hmcts-identity-bar__container:after{content:\"\";display:inline-block;width:100%}.hmcts-identity-bar__title{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-identity-bar__title{font-family:sans-serif}}.hmcts-identity-bar__title{font-weight:400;font-size:.875rem;line-height:1.1428571429}@media(min-width:40.0625em){.hmcts-identity-bar__title{font-size:1rem;line-height:1.25}}@media print{.hmcts-identity-bar__title{font-size:14pt;line-height:1.2}}.hmcts-identity-bar__title{display:inline-block;vertical-align:top}.hmcts-identity-bar__details{margin-right:10px;padding-top:5px;padding-bottom:5px}@media(min-width:40.0625em){.hmcts-identity-bar__details{display:inline-block;vertical-align:top;padding-top:11px;padding-bottom:9px}}\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"] }]
|
|
10265
|
+
args: [{ selector: 'xuilib-hmcts-identity-bar', standalone: false, template: "@if (value) {\n <div class=\"hmcts-identity-bar\">\n <div class=\"hmcts-identity-bar__container\">\n <div class=\"hmcts-identity-bar__details\">\n <span class=\"hmcts-identity-bar__title\">{{value | rpxTranslate}}</span>\n </div>\n </div>\n </div>\n}\n", styles: [".govuk-width-container{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.govuk-width-container{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.govuk-width-container{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.govuk-width-container{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.govuk-width-container{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.govuk-width-container{margin-right:auto;margin-left:auto}}}.hmcts-identity-bar:after{content:\"\";display:block;clear:both}.hmcts-identity-bar{background-color:#f3f2f1;box-shadow:inset 0 -1px #b1b4b6;color:#0b0c0c;padding-bottom:9px;padding-top:10px}.hmcts-identity-bar__container{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.hmcts-identity-bar__container{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.hmcts-identity-bar__container{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.hmcts-identity-bar__container{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.hmcts-identity-bar__container{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.hmcts-identity-bar__container{margin-right:auto;margin-left:auto}}}.hmcts-identity-bar__container{font-size:0;text-align:justify}.hmcts-identity-bar__container:after{content:\"\";display:inline-block;width:100%}.hmcts-identity-bar__title{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-identity-bar__title{font-family:sans-serif}}.hmcts-identity-bar__title{font-weight:400;font-size:.875rem;line-height:1.1428571429}@media (min-width: 40.0625em){.hmcts-identity-bar__title{font-size:1rem;line-height:1.25}}@media print{.hmcts-identity-bar__title{font-size:14pt;line-height:1.2}}.hmcts-identity-bar__title{display:inline-block;vertical-align:top}.hmcts-identity-bar__details{margin-right:10px;padding-top:5px;padding-bottom:5px}@media (min-width: 40.0625em){.hmcts-identity-bar__details{display:inline-block;vertical-align:top;padding-top:11px;padding-bottom:9px}}\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"] }]
|
|
10287
10266
|
}], () => [], { content: [{
|
|
10288
10267
|
type: Input
|
|
10289
10268
|
}] }); })();
|
|
@@ -10327,8 +10306,8 @@ function HmctsMainWrapperComponent_Conditional_6_Template(rf, ctx) { if (rf & 1)
|
|
|
10327
10306
|
} }
|
|
10328
10307
|
function HmctsMainWrapperComponent_Conditional_8_For_3_Template(rf, ctx) { if (rf & 1) {
|
|
10329
10308
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
10330
|
-
i0.ɵɵelementStart(0, "
|
|
10331
|
-
i0.ɵɵlistener("click", function
|
|
10309
|
+
i0.ɵɵelementStart(0, "a", 11);
|
|
10310
|
+
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
10311
|
i0.ɵɵtext(1);
|
|
10333
10312
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
10334
10313
|
i0.ɵɵelementEnd();
|
|
@@ -10340,7 +10319,7 @@ function HmctsMainWrapperComponent_Conditional_8_For_3_Template(rf, ctx) { if (r
|
|
|
10340
10319
|
} }
|
|
10341
10320
|
function HmctsMainWrapperComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
10342
10321
|
i0.ɵɵelementStart(0, "div", 7)(1, "div", 9);
|
|
10343
|
-
i0.ɵɵrepeaterCreate(2, HmctsMainWrapperComponent_Conditional_8_For_3_Template, 3, 6, "
|
|
10322
|
+
i0.ɵɵrepeaterCreate(2, HmctsMainWrapperComponent_Conditional_8_For_3_Template, 3, 6, "a", 10, i0.ɵɵrepeaterTrackByIdentity);
|
|
10344
10323
|
i0.ɵɵelementEnd()();
|
|
10345
10324
|
} if (rf & 2) {
|
|
10346
10325
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -10370,7 +10349,7 @@ class HmctsMainWrapperComponent {
|
|
|
10370
10349
|
this.backEvent.emit();
|
|
10371
10350
|
}
|
|
10372
10351
|
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"], ["
|
|
10352
|
+
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
10353
|
i0.ɵɵprojectionDef();
|
|
10375
10354
|
i0.ɵɵconditionalCreate(0, HmctsMainWrapperComponent_Conditional_0_Template, 3, 4, "a", 0);
|
|
10376
10355
|
i0.ɵɵelementStart(1, "main", 1)(2, "div", 2)(3, "div", 3);
|
|
@@ -10395,7 +10374,7 @@ class HmctsMainWrapperComponent {
|
|
|
10395
10374
|
}
|
|
10396
10375
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HmctsMainWrapperComponent, [{
|
|
10397
10376
|
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 <
|
|
10377
|
+
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
10378
|
}], () => [], { backLink: [{
|
|
10400
10379
|
type: Input
|
|
10401
10380
|
}], title: [{
|
|
@@ -10452,11 +10431,11 @@ class HmctsPrimaryNavigationComponent {
|
|
|
10452
10431
|
i0.ɵɵconditionalCreate(0, HmctsPrimaryNavigationComponent_Conditional_0_Template, 6, 2, "nav", 0);
|
|
10453
10432
|
} if (rf & 2) {
|
|
10454
10433
|
i0.ɵɵconditional(ctx.isUserLoggedIn ? 0 : -1);
|
|
10455
|
-
} }, dependencies: [i1$1.RouterLink, i2.RpxTranslatePipe], styles: [".govuk-width-container[_ngcontent-%COMP%]{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media(min-width:40.0625em){.govuk-width-container[_ngcontent-%COMP%]{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media(min-width:1020px){.govuk-width-container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}}}.hmcts-primary-navigation[_ngcontent-%COMP%]{background-color:#0b0c0c}.hmcts-primary-navigation__container[_ngcontent-%COMP%]{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.hmcts-primary-navigation__container[_ngcontent-%COMP%]{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media(min-width:40.0625em){.hmcts-primary-navigation__container[_ngcontent-%COMP%]{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.hmcts-primary-navigation__container[_ngcontent-%COMP%]{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media(min-width:1020px){.hmcts-primary-navigation__container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.hmcts-primary-navigation__container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}}}.hmcts-primary-navigation__container[_ngcontent-%COMP%]{font-size:0;text-align:justify}.hmcts-primary-navigation__container[_ngcontent-%COMP%]:after{content:\"\";display:inline-block;width:100%}.hmcts-primary-navigation__list[_ngcontent-%COMP%]{font-size:0;list-style:none;margin:0;padding:0}.hmcts-primary-navigation__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-primary-navigation__item[_ngcontent-%COMP%]{font-family:sans-serif}}.hmcts-primary-navigation__item[_ngcontent-%COMP%]{font-weight:700;font-size:1rem;line-height:1.25}@media(min-width:40.0625em){.hmcts-primary-navigation__item[_ngcontent-%COMP%]{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-primary-navigation__item[_ngcontent-%COMP%]{font-size:14pt;line-height:1.15}}.hmcts-primary-navigation__item[_ngcontent-%COMP%]{display:inline-block;margin-right:20px;margin-top:0}.hmcts-primary-navigation__item[_ngcontent-%COMP%]:last-child{margin-right:0}.hmcts-primary-navigation__link[_ngcontent-%COMP%]{display:block;padding-bottom:13px;padding-top:12px;text-decoration:underline}.hmcts-primary-navigation__link[_ngcontent-%COMP%]:link, .hmcts-primary-navigation__link[_ngcontent-%COMP%]:visited{color:#fff}.hmcts-primary-navigation__link[_ngcontent-%COMP%]:focus{color:#0b0c0c;position:relative;z-index:1}.hmcts-primary-navigation__link[aria-current][_ngcontent-%COMP%]{color:#fff;position:relative;text-decoration:none}.hmcts-primary-navigation__link[aria-current][_ngcontent-%COMP%]:before{background-color:#fff;content:\"\";display:block;height:5px;position:absolute;bottom:0;left:0;width:100%}.hmcts-primary-navigation__link[aria-current][_ngcontent-%COMP%]:focus{color:#0b0c0c;position:relative}.hmcts-primary-navigation__link[aria-current][_ngcontent-%COMP%]:focus:before{background-color:#0b0c0c}\n\n"] }); }
|
|
10434
|
+
} }, dependencies: [i1$1.RouterLink, i2.RpxTranslatePipe], styles: [".govuk-width-container[_ngcontent-%COMP%]{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.govuk-width-container[_ngcontent-%COMP%]{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.govuk-width-container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.govuk-width-container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}}}.hmcts-primary-navigation[_ngcontent-%COMP%]{background-color:#0b0c0c}.hmcts-primary-navigation__container[_ngcontent-%COMP%]{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.hmcts-primary-navigation__container[_ngcontent-%COMP%]{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.hmcts-primary-navigation__container[_ngcontent-%COMP%]{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.hmcts-primary-navigation__container[_ngcontent-%COMP%]{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.hmcts-primary-navigation__container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.hmcts-primary-navigation__container[_ngcontent-%COMP%]{margin-right:auto;margin-left:auto}}}.hmcts-primary-navigation__container[_ngcontent-%COMP%]{font-size:0;text-align:justify}.hmcts-primary-navigation__container[_ngcontent-%COMP%]:after{content:\"\";display:inline-block;width:100%}.hmcts-primary-navigation__list[_ngcontent-%COMP%]{font-size:0;list-style:none;margin:0;padding:0}.hmcts-primary-navigation__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-primary-navigation__item[_ngcontent-%COMP%]{font-family:sans-serif}}.hmcts-primary-navigation__item[_ngcontent-%COMP%]{font-weight:700;font-size:1rem;line-height:1.25}@media (min-width: 40.0625em){.hmcts-primary-navigation__item[_ngcontent-%COMP%]{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-primary-navigation__item[_ngcontent-%COMP%]{font-size:14pt;line-height:1.15}}.hmcts-primary-navigation__item[_ngcontent-%COMP%]{display:inline-block;margin-right:20px;margin-top:0}.hmcts-primary-navigation__item[_ngcontent-%COMP%]:last-child{margin-right:0}.hmcts-primary-navigation__link[_ngcontent-%COMP%]{display:block;padding-bottom:13px;padding-top:12px;text-decoration:underline}.hmcts-primary-navigation__link[_ngcontent-%COMP%]:link, .hmcts-primary-navigation__link[_ngcontent-%COMP%]:visited{color:#fff}.hmcts-primary-navigation__link[_ngcontent-%COMP%]:focus{color:#0b0c0c;position:relative;z-index:1}.hmcts-primary-navigation__link[aria-current][_ngcontent-%COMP%]{color:#fff;position:relative;text-decoration:none}.hmcts-primary-navigation__link[aria-current][_ngcontent-%COMP%]:before{background-color:#fff;content:\"\";display:block;height:5px;position:absolute;bottom:0;left:0;width:100%}.hmcts-primary-navigation__link[aria-current][_ngcontent-%COMP%]:focus{color:#0b0c0c;position:relative}.hmcts-primary-navigation__link[aria-current][_ngcontent-%COMP%]:focus:before{background-color:#0b0c0c}\n\n"] }); }
|
|
10456
10435
|
}
|
|
10457
10436
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HmctsPrimaryNavigationComponent, [{
|
|
10458
10437
|
type: Component,
|
|
10459
|
-
args: [{ selector: 'xuilib-hmcts-primary-navigation', standalone: false, template: "@if (isUserLoggedIn) {\n <nav class=\"hmcts-primary-navigation\" [attr.aria-label]=\"label\">\n <div class=\"hmcts-primary-navigation__container\">\n @if (isBrandedHeader) {\n <div class=\"govuk-header__logo\"></div>\n }\n <ul class=\"hmcts-primary-navigation__list\">\n @for (item of items; track item) {\n <li class=\"hmcts-primary-navigation__item\" >\n <a class=\"hmcts-primary-navigation__link\" [attr.aria-current]=\"item.active ? true: null\" [routerLink]=\"item.href\" [innerHTML]=\"item.text | rpxTranslate\"></a>\n </li>\n }\n </ul>\n </div>\n </nav>\n}\n", styles: [".govuk-width-container{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.govuk-width-container{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media(min-width:40.0625em){.govuk-width-container{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.govuk-width-container{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media(min-width:1020px){.govuk-width-container{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.govuk-width-container{margin-right:auto;margin-left:auto}}}.hmcts-primary-navigation{background-color:#0b0c0c}.hmcts-primary-navigation__container{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.hmcts-primary-navigation__container{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media(min-width:40.0625em){.hmcts-primary-navigation__container{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.hmcts-primary-navigation__container{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media(min-width:1020px){.hmcts-primary-navigation__container{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.hmcts-primary-navigation__container{margin-right:auto;margin-left:auto}}}.hmcts-primary-navigation__container{font-size:0;text-align:justify}.hmcts-primary-navigation__container:after{content:\"\";display:inline-block;width:100%}.hmcts-primary-navigation__list{font-size:0;list-style:none;margin:0;padding:0}.hmcts-primary-navigation__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-primary-navigation__item{font-family:sans-serif}}.hmcts-primary-navigation__item{font-weight:700;font-size:1rem;line-height:1.25}@media(min-width:40.0625em){.hmcts-primary-navigation__item{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-primary-navigation__item{font-size:14pt;line-height:1.15}}.hmcts-primary-navigation__item{display:inline-block;margin-right:20px;margin-top:0}.hmcts-primary-navigation__item:last-child{margin-right:0}.hmcts-primary-navigation__link{display:block;padding-bottom:13px;padding-top:12px;text-decoration:underline}.hmcts-primary-navigation__link:link,.hmcts-primary-navigation__link:visited{color:#fff}.hmcts-primary-navigation__link:focus{color:#0b0c0c;position:relative;z-index:1}.hmcts-primary-navigation__link[aria-current]{color:#fff;position:relative;text-decoration:none}.hmcts-primary-navigation__link[aria-current]:before{background-color:#fff;content:\"\";display:block;height:5px;position:absolute;bottom:0;left:0;width:100%}.hmcts-primary-navigation__link[aria-current]:focus{color:#0b0c0c;position:relative}.hmcts-primary-navigation__link[aria-current]:focus:before{background-color:#0b0c0c}\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"] }]
|
|
10438
|
+
args: [{ selector: 'xuilib-hmcts-primary-navigation', standalone: false, template: "@if (isUserLoggedIn) {\n <nav class=\"hmcts-primary-navigation\" [attr.aria-label]=\"label\">\n <div class=\"hmcts-primary-navigation__container\">\n @if (isBrandedHeader) {\n <div class=\"govuk-header__logo\"></div>\n }\n <ul class=\"hmcts-primary-navigation__list\">\n @for (item of items; track item) {\n <li class=\"hmcts-primary-navigation__item\" >\n <a class=\"hmcts-primary-navigation__link\" [attr.aria-current]=\"item.active ? true: null\" [routerLink]=\"item.href\" [innerHTML]=\"item.text | rpxTranslate\"></a>\n </li>\n }\n </ul>\n </div>\n </nav>\n}\n", styles: [".govuk-width-container{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.govuk-width-container{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.govuk-width-container{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.govuk-width-container{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.govuk-width-container{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.govuk-width-container{margin-right:auto;margin-left:auto}}}.hmcts-primary-navigation{background-color:#0b0c0c}.hmcts-primary-navigation__container{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin: max(0px)){.hmcts-primary-navigation__container{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width: 40.0625em){.hmcts-primary-navigation__container{margin-right:30px;margin-left:30px}@supports (margin: max(0px)){.hmcts-primary-navigation__container{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width: 1020px){.hmcts-primary-navigation__container{margin-right:auto;margin-left:auto}@supports (margin: max(0px)){.hmcts-primary-navigation__container{margin-right:auto;margin-left:auto}}}.hmcts-primary-navigation__container{font-size:0;text-align:justify}.hmcts-primary-navigation__container:after{content:\"\";display:inline-block;width:100%}.hmcts-primary-navigation__list{font-size:0;list-style:none;margin:0;padding:0}.hmcts-primary-navigation__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-primary-navigation__item{font-family:sans-serif}}.hmcts-primary-navigation__item{font-weight:700;font-size:1rem;line-height:1.25}@media (min-width: 40.0625em){.hmcts-primary-navigation__item{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-primary-navigation__item{font-size:14pt;line-height:1.15}}.hmcts-primary-navigation__item{display:inline-block;margin-right:20px;margin-top:0}.hmcts-primary-navigation__item:last-child{margin-right:0}.hmcts-primary-navigation__link{display:block;padding-bottom:13px;padding-top:12px;text-decoration:underline}.hmcts-primary-navigation__link:link,.hmcts-primary-navigation__link:visited{color:#fff}.hmcts-primary-navigation__link:focus{color:#0b0c0c;position:relative;z-index:1}.hmcts-primary-navigation__link[aria-current]{color:#fff;position:relative;text-decoration:none}.hmcts-primary-navigation__link[aria-current]:before{background-color:#fff;content:\"\";display:block;height:5px;position:absolute;bottom:0;left:0;width:100%}.hmcts-primary-navigation__link[aria-current]:focus{color:#0b0c0c;position:relative}.hmcts-primary-navigation__link[aria-current]:focus:before{background-color:#0b0c0c}\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"] }]
|
|
10460
10439
|
}], () => [], { userLoggedIn: [{
|
|
10461
10440
|
type: Input
|
|
10462
10441
|
}], label: [{
|
|
@@ -10509,11 +10488,11 @@ class HmctsSubNavigationComponent {
|
|
|
10509
10488
|
i0.ɵɵconditionalCreate(0, HmctsSubNavigationComponent_Conditional_0_Template, 4, 1, "nav", 0);
|
|
10510
10489
|
} if (rf & 2) {
|
|
10511
10490
|
i0.ɵɵconditional(ctx.items ? 0 : -1);
|
|
10512
|
-
} }, dependencies: [i1$1.RouterLink, i2.RpxTranslatePipe], styles: [".hmcts-sub-navigation[_ngcontent-%COMP%]{margin-bottom:40px}.hmcts-sub-navigation__list[_ngcontent-%COMP%]{font-size:0;list-style:none;margin:0;padding:0}@media(min-width:40.0625em){.hmcts-sub-navigation__list[_ngcontent-%COMP%]{box-shadow:inset 0 -1px #b1b4b6;width:100%}}.hmcts-sub-navigation__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-sub-navigation__item[_ngcontent-%COMP%]{font-family:sans-serif}}.hmcts-sub-navigation__item[_ngcontent-%COMP%]{font-weight:400;font-size:1rem;line-height:1.25}@media(min-width:40.0625em){.hmcts-sub-navigation__item[_ngcontent-%COMP%]{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-sub-navigation__item[_ngcontent-%COMP%]{font-size:14pt;line-height:1.15}}.hmcts-sub-navigation__item[_ngcontent-%COMP%]{box-shadow:inset 0 -1px #b1b4b6;display:block;margin-top:-1px}.hmcts-sub-navigation__item[_ngcontent-%COMP%]:last-child{box-shadow:none}@media(min-width:40.0625em){.hmcts-sub-navigation__item[_ngcontent-%COMP%]{box-shadow:none;display:inline-block;margin-right:20px;margin-top:0}}.hmcts-sub-navigation__link[_ngcontent-%COMP%]{display:block;padding-top:12px;padding-bottom:12px;padding-left:15px;text-decoration:underline}@media(min-width:40.0625em){.hmcts-sub-navigation__link[_ngcontent-%COMP%]{padding-left:0}}.hmcts-sub-navigation__link[_ngcontent-%COMP%]:focus{color:#0b0c0c;position:relative}.hmcts-sub-navigation__link[aria-current=page][_ngcontent-%COMP%]{color:#0b0c0c;position:relative;text-decoration:none}.hmcts-sub-navigation__link[aria-current=page][_ngcontent-%COMP%]:before{background-color:#1d70b8;content:\"\";display:block;height:100%;position:absolute;bottom:0;left:0;width:5px}@media(min-width:40.0625em){.hmcts-sub-navigation__link[aria-current=page][_ngcontent-%COMP%]:before{height:5px;width:100%}}.hmcts-sub-navigation__link[aria-current=page][_ngcontent-%COMP%]:focus:before{background-color:#0b0c0c}.xui-alert-link__number[_ngcontent-%COMP%]{font-family:nta,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:14px;font-size:.875rem;line-height:1.78571;border-radius:50%;background-color:#1d70b8;color:#fff;font-weight:700;width:25px;height:25px;margin-left:5px;text-align:center;display:inline-block;text-decoration:none}\n\n"] }); }
|
|
10491
|
+
} }, dependencies: [i1$1.RouterLink, i2.RpxTranslatePipe], styles: [".hmcts-sub-navigation[_ngcontent-%COMP%]{margin-bottom:40px}.hmcts-sub-navigation__list[_ngcontent-%COMP%]{font-size:0;list-style:none;margin:0;padding:0}@media (min-width: 40.0625em){.hmcts-sub-navigation__list[_ngcontent-%COMP%]{box-shadow:inset 0 -1px #b1b4b6;width:100%}}.hmcts-sub-navigation__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-sub-navigation__item[_ngcontent-%COMP%]{font-family:sans-serif}}.hmcts-sub-navigation__item[_ngcontent-%COMP%]{font-weight:400;font-size:1rem;line-height:1.25}@media (min-width: 40.0625em){.hmcts-sub-navigation__item[_ngcontent-%COMP%]{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-sub-navigation__item[_ngcontent-%COMP%]{font-size:14pt;line-height:1.15}}.hmcts-sub-navigation__item[_ngcontent-%COMP%]{box-shadow:inset 0 -1px #b1b4b6;display:block;margin-top:-1px}.hmcts-sub-navigation__item[_ngcontent-%COMP%]:last-child{box-shadow:none}@media (min-width: 40.0625em){.hmcts-sub-navigation__item[_ngcontent-%COMP%]{box-shadow:none;display:inline-block;margin-right:20px;margin-top:0}}.hmcts-sub-navigation__link[_ngcontent-%COMP%]{display:block;padding-top:12px;padding-bottom:12px;padding-left:15px;text-decoration:underline}@media (min-width: 40.0625em){.hmcts-sub-navigation__link[_ngcontent-%COMP%]{padding-left:0}}.hmcts-sub-navigation__link[_ngcontent-%COMP%]:focus{color:#0b0c0c;position:relative}.hmcts-sub-navigation__link[aria-current=page][_ngcontent-%COMP%]{color:#0b0c0c;position:relative;text-decoration:none}.hmcts-sub-navigation__link[aria-current=page][_ngcontent-%COMP%]:before{background-color:#1d70b8;content:\"\";display:block;height:100%;position:absolute;bottom:0;left:0;width:5px}@media (min-width: 40.0625em){.hmcts-sub-navigation__link[aria-current=page][_ngcontent-%COMP%]:before{height:5px;width:100%}}.hmcts-sub-navigation__link[aria-current=page][_ngcontent-%COMP%]:focus:before{background-color:#0b0c0c}.xui-alert-link__number[_ngcontent-%COMP%]{font-family:nta,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:14px;font-size:.875rem;line-height:1.78571;border-radius:50%;background-color:#1d70b8;color:#fff;font-weight:700;width:25px;height:25px;margin-left:5px;text-align:center;display:inline-block;text-decoration:none}\n\n"] }); }
|
|
10513
10492
|
}
|
|
10514
10493
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HmctsSubNavigationComponent, [{
|
|
10515
10494
|
type: Component,
|
|
10516
|
-
args: [{ selector: 'xuilib-hmcts-sub-navigation', standalone: false, template: "@if (items) {\n <nav class=\"hmcts-sub-navigation\" attr.aria-label=\"{{label}}\" role=\"navigation\">\n <ul class=\"hmcts-sub-navigation__list\">\n @for (item of items; track item) {\n <li class=\"hmcts-sub-navigation__item\">\n <a data-selector=\"sub-nav-link\" class=\"hmcts-sub-navigation__link\" [routerLink]=\"item.href\"\n [attr.aria-current]=\"item.active ? 'page' : null\">\n {{item.text | rpxTranslate}}\n @if (item.roundel && item.roundel > 0 ) {\n <span class=\"xui-alert-link__number\"> {{item.roundel}} </span>\n }\n </a>\n </li>\n }\n </ul>\n </nav>\n}\n", styles: [".hmcts-sub-navigation{margin-bottom:40px}.hmcts-sub-navigation__list{font-size:0;list-style:none;margin:0;padding:0}@media(min-width:40.0625em){.hmcts-sub-navigation__list{box-shadow:inset 0 -1px #b1b4b6;width:100%}}.hmcts-sub-navigation__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-sub-navigation__item{font-family:sans-serif}}.hmcts-sub-navigation__item{font-weight:400;font-size:1rem;line-height:1.25}@media(min-width:40.0625em){.hmcts-sub-navigation__item{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-sub-navigation__item{font-size:14pt;line-height:1.15}}.hmcts-sub-navigation__item{box-shadow:inset 0 -1px #b1b4b6;display:block;margin-top:-1px}.hmcts-sub-navigation__item:last-child{box-shadow:none}@media(min-width:40.0625em){.hmcts-sub-navigation__item{box-shadow:none;display:inline-block;margin-right:20px;margin-top:0}}.hmcts-sub-navigation__link{display:block;padding-top:12px;padding-bottom:12px;padding-left:15px;text-decoration:underline}@media(min-width:40.0625em){.hmcts-sub-navigation__link{padding-left:0}}.hmcts-sub-navigation__link:focus{color:#0b0c0c;position:relative}.hmcts-sub-navigation__link[aria-current=page]{color:#0b0c0c;position:relative;text-decoration:none}.hmcts-sub-navigation__link[aria-current=page]:before{background-color:#1d70b8;content:\"\";display:block;height:100%;position:absolute;bottom:0;left:0;width:5px}@media(min-width:40.0625em){.hmcts-sub-navigation__link[aria-current=page]:before{height:5px;width:100%}}.hmcts-sub-navigation__link[aria-current=page]:focus:before{background-color:#0b0c0c}.xui-alert-link__number{font-family:nta,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:14px;font-size:.875rem;line-height:1.78571;border-radius:50%;background-color:#1d70b8;color:#fff;font-weight:700;width:25px;height:25px;margin-left:5px;text-align:center;display:inline-block;text-decoration:none}\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"] }]
|
|
10495
|
+
args: [{ selector: 'xuilib-hmcts-sub-navigation', standalone: false, template: "@if (items) {\n <nav class=\"hmcts-sub-navigation\" attr.aria-label=\"{{label}}\" role=\"navigation\">\n <ul class=\"hmcts-sub-navigation__list\">\n @for (item of items; track item) {\n <li class=\"hmcts-sub-navigation__item\">\n <a data-selector=\"sub-nav-link\" class=\"hmcts-sub-navigation__link\" [routerLink]=\"item.href\"\n [attr.aria-current]=\"item.active ? 'page' : null\">\n {{item.text | rpxTranslate}}\n @if (item.roundel && item.roundel > 0 ) {\n <span class=\"xui-alert-link__number\"> {{item.roundel}} </span>\n }\n </a>\n </li>\n }\n </ul>\n </nav>\n}\n", styles: [".hmcts-sub-navigation{margin-bottom:40px}.hmcts-sub-navigation__list{font-size:0;list-style:none;margin:0;padding:0}@media (min-width: 40.0625em){.hmcts-sub-navigation__list{box-shadow:inset 0 -1px #b1b4b6;width:100%}}.hmcts-sub-navigation__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-sub-navigation__item{font-family:sans-serif}}.hmcts-sub-navigation__item{font-weight:400;font-size:1rem;line-height:1.25}@media (min-width: 40.0625em){.hmcts-sub-navigation__item{font-size:1.1875rem;line-height:1.3157894737}}@media print{.hmcts-sub-navigation__item{font-size:14pt;line-height:1.15}}.hmcts-sub-navigation__item{box-shadow:inset 0 -1px #b1b4b6;display:block;margin-top:-1px}.hmcts-sub-navigation__item:last-child{box-shadow:none}@media (min-width: 40.0625em){.hmcts-sub-navigation__item{box-shadow:none;display:inline-block;margin-right:20px;margin-top:0}}.hmcts-sub-navigation__link{display:block;padding-top:12px;padding-bottom:12px;padding-left:15px;text-decoration:underline}@media (min-width: 40.0625em){.hmcts-sub-navigation__link{padding-left:0}}.hmcts-sub-navigation__link:focus{color:#0b0c0c;position:relative}.hmcts-sub-navigation__link[aria-current=page]{color:#0b0c0c;position:relative;text-decoration:none}.hmcts-sub-navigation__link[aria-current=page]:before{background-color:#1d70b8;content:\"\";display:block;height:100%;position:absolute;bottom:0;left:0;width:5px}@media (min-width: 40.0625em){.hmcts-sub-navigation__link[aria-current=page]:before{height:5px;width:100%}}.hmcts-sub-navigation__link[aria-current=page]:focus:before{background-color:#0b0c0c}.xui-alert-link__number{font-family:nta,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:14px;font-size:.875rem;line-height:1.78571;border-radius:50%;background-color:#1d70b8;color:#fff;font-weight:700;width:25px;height:25px;margin-left:5px;text-align:center;display:inline-block;text-decoration:none}\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"] }]
|
|
10517
10496
|
}], null, { label: [{
|
|
10518
10497
|
type: Input
|
|
10519
10498
|
}], items: [{
|