@hmcts/rpx-xui-common-lib 3.2.21 → 3.2.22-exui-1660

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.
@@ -2499,22 +2499,23 @@ const _c0$n = a0 => ({ "form-group-error": a0 });
2499
2499
  const _c1$d = (a0, a1) => ({ "hide-autocomplete": a0, "select-option": a1 });
2500
2500
  const _c2$5 = a0 => ({ "select-option": a0 });
2501
2501
  function FindPersonComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
2502
- i0.ɵɵelementStart(0, "h1", 1)(1, "span", 11);
2503
- i0.ɵɵtext(2);
2504
- i0.ɵɵpipe(3, "rpxTranslate");
2502
+ i0.ɵɵelementStart(0, "span", 10);
2503
+ i0.ɵɵtext(1);
2504
+ i0.ɵɵpipe(2, "rpxTranslate");
2505
2505
  i0.ɵɵelementEnd();
2506
+ i0.ɵɵelementStart(3, "h1", 11);
2506
2507
  i0.ɵɵtext(4);
2507
2508
  i0.ɵɵpipe(5, "rpxTranslate");
2508
2509
  i0.ɵɵelementEnd();
2509
2510
  } if (rf & 2) {
2510
2511
  const ctx_r1 = i0.ɵɵnextContext();
2511
- i0.ɵɵadvance(2);
2512
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, ctx_r1.title));
2513
- i0.ɵɵadvance(2);
2512
+ i0.ɵɵadvance();
2513
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, ctx_r1.title));
2514
+ i0.ɵɵadvance(3);
2514
2515
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r1.boldTitle), " ");
2515
2516
  } }
2516
2517
  function FindPersonComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
2517
- i0.ɵɵelementStart(0, "div", 5);
2518
+ i0.ɵɵelementStart(0, "div", 4);
2518
2519
  i0.ɵɵtext(1);
2519
2520
  i0.ɵɵpipe(2, "rpxTranslate");
2520
2521
  i0.ɵɵelementEnd();
@@ -2524,7 +2525,7 @@ function FindPersonComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
2524
2525
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, ctx_r1.subTitle), " ");
2525
2526
  } }
2526
2527
  function FindPersonComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
2527
- i0.ɵɵelementStart(0, "span", 6)(1, "span", 4);
2528
+ i0.ɵɵelementStart(0, "span", 5)(1, "span", 3);
2528
2529
  i0.ɵɵtext(2);
2529
2530
  i0.ɵɵpipe(3, "rpxTranslate");
2530
2531
  i0.ɵɵelementEnd();
@@ -2538,7 +2539,7 @@ function FindPersonComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
2538
2539
  i0.ɵɵtextInterpolate1("", ctx_r1.findPersonGroup.errors.error ? ctx_r1.findPersonGroup.errors.error : ctx_r1.errorMessage, " ");
2539
2540
  } }
2540
2541
  function FindPersonComponent_For_12_Template(rf, ctx) { if (rf & 1) {
2541
- i0.ɵɵelementStart(0, "mat-option", 9);
2542
+ i0.ɵɵelementStart(0, "mat-option", 8);
2542
2543
  i0.ɵɵtext(1);
2543
2544
  i0.ɵɵpipe(2, "rpxTranslate");
2544
2545
  i0.ɵɵelementEnd();
@@ -2550,7 +2551,7 @@ function FindPersonComponent_For_12_Template(rf, ctx) { if (rf & 1) {
2550
2551
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 3, ctx_r1.getDisplayName(option_r3)), " ");
2551
2552
  } }
2552
2553
  function FindPersonComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
2553
- i0.ɵɵelementStart(0, "mat-option", 10);
2554
+ i0.ɵɵelementStart(0, "mat-option", 9);
2554
2555
  i0.ɵɵtext(1);
2555
2556
  i0.ɵɵpipe(2, "rpxTranslate");
2556
2557
  i0.ɵɵelementEnd();
@@ -2644,22 +2645,22 @@ class FindPersonComponent {
2644
2645
  this.personFieldChanged.emit();
2645
2646
  }
2646
2647
  static { this.ɵfac = function FindPersonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FindPersonComponent)(i0.ɵɵdirectiveInject(FindAPersonService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
2647
- 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) {
2648
+ 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", 1, "govuk-error-message"], ["type", "text", "aria-label", "select a person", "formControlName", "findPersonControl", 1, "govuk-input", "govuk-!-width-one-third", 3, "input", "id", "matAutocomplete", "placeholder"], ["autoActiveFirstOption", "", 3, "optionSelected"], [3, "value", "ngClass"], [3, "ngClass"], [1, "govuk-caption-l"], [1, "govuk-heading-l"]], template: function FindPersonComponent_Template(rf, ctx) { if (rf & 1) {
2648
2649
  const _r1 = i0.ɵɵgetCurrentView();
2649
- i0.ɵɵconditionalCreate(0, FindPersonComponent_Conditional_0_Template, 6, 6, "h1", 1);
2650
- i0.ɵɵelementStart(1, "div", 2)(2, "fieldset", 3)(3, "legend", 4);
2650
+ i0.ɵɵconditionalCreate(0, FindPersonComponent_Conditional_0_Template, 6, 6);
2651
+ i0.ɵɵelementStart(1, "div", 1)(2, "fieldset", 2)(3, "legend", 3);
2651
2652
  i0.ɵɵtext(4);
2652
2653
  i0.ɵɵpipe(5, "rpxTranslate");
2653
2654
  i0.ɵɵelementEnd();
2654
- i0.ɵɵconditionalCreate(6, FindPersonComponent_Conditional_6_Template, 3, 3, "div", 5);
2655
- i0.ɵɵconditionalCreate(7, FindPersonComponent_Conditional_7_Template, 5, 4, "span", 6);
2656
- i0.ɵɵelementStart(8, "input", 7);
2655
+ i0.ɵɵconditionalCreate(6, FindPersonComponent_Conditional_6_Template, 3, 3, "div", 4);
2656
+ i0.ɵɵconditionalCreate(7, FindPersonComponent_Conditional_7_Template, 5, 4, "span", 5);
2657
+ i0.ɵɵelementStart(8, "input", 6);
2657
2658
  i0.ɵɵlistener("input", function FindPersonComponent_Template_input_input_8_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onInput()); });
2658
2659
  i0.ɵɵelementEnd();
2659
- i0.ɵɵelementStart(9, "mat-autocomplete", 8, 0);
2660
+ i0.ɵɵelementStart(9, "mat-autocomplete", 7, 0);
2660
2661
  i0.ɵɵlistener("optionSelected", function FindPersonComponent_Template_mat_autocomplete_optionSelected_9_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSelectionChange($event.option.value)); });
2661
- i0.ɵɵrepeaterCreate(11, FindPersonComponent_For_12_Template, 3, 8, "mat-option", 9, i0.ɵɵrepeaterTrackByIdentity);
2662
- i0.ɵɵconditionalCreate(13, FindPersonComponent_Conditional_13_Template, 3, 6, "mat-option", 10);
2662
+ i0.ɵɵrepeaterCreate(11, FindPersonComponent_For_12_Template, 3, 8, "mat-option", 8, i0.ɵɵrepeaterTrackByIdentity);
2663
+ i0.ɵɵconditionalCreate(13, FindPersonComponent_Conditional_13_Template, 3, 6, "mat-option", 9);
2663
2664
  i0.ɵɵelementEnd()()();
2664
2665
  } if (rf & 2) {
2665
2666
  const auto_r4 = i0.ɵɵreference(10);
@@ -2685,7 +2686,7 @@ class FindPersonComponent {
2685
2686
  }
2686
2687
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FindPersonComponent, [{
2687
2688
  type: Component,
2688
- 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"] }]
2689
+ args: [{ selector: 'xuilib-find-person', standalone: false, template: "@if (title && title.length) {\n <span class=\"govuk-caption-l\">{{title | rpxTranslate}}</span>\n <h1 class=\"govuk-heading-l\">\n {{boldTitle | rpxTranslate}}\n </h1>\n}\n<div class=\"govuk-form-group\" [formGroup]=\"findPersonGroup\"\n [ngClass]=\"{'form-group-error': findPersonGroup.get('findPersonControl').invalid && submitted}\">\n <fieldset class=\"govuk-fieldset\" [attr.aria-describedby]=\"subTitle && subTitle.length ? 'sub-title-hint' : null\">\n <legend class=\"govuk-visually-hidden\">{{boldTitle | rpxTranslate}}</legend>\n @if (subTitle && subTitle.length) {\n <div id=\"sub-title-hint\" class=\"govuk-hint\">\n {{subTitle | rpxTranslate}}\n </div>\n }\n @if (findPersonGroup && findPersonGroup.errors) {\n <span id=\"validation-error\" class=\"govuk-error-message\">\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"] }]
2689
2690
  }], () => [{ type: FindAPersonService }, { type: i0.ChangeDetectorRef }], { personSelected: [{
2690
2691
  type: Output
2691
2692
  }], personFieldChanged: [{
@@ -3156,20 +3157,21 @@ const _c0$m = a0 => ({ "form-group-error": a0 });
3156
3157
  const _c1$c = (a0, a1) => ({ "hide-autocomplete": a0, "select-option": a1 });
3157
3158
  const _c2$4 = a0 => ({ "select-option": a0 });
3158
3159
  function FindTaskNameComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
3159
- i0.ɵɵelementStart(0, "h1", 1)(1, "span", 11);
3160
- i0.ɵɵtext(2);
3160
+ i0.ɵɵelementStart(0, "span", 10);
3161
+ i0.ɵɵtext(1);
3161
3162
  i0.ɵɵelementEnd();
3163
+ i0.ɵɵelementStart(2, "h1", 11);
3162
3164
  i0.ɵɵtext(3);
3163
3165
  i0.ɵɵelementEnd();
3164
3166
  } if (rf & 2) {
3165
3167
  const ctx_r1 = i0.ɵɵnextContext();
3166
- i0.ɵɵadvance(2);
3167
- i0.ɵɵtextInterpolate(ctx_r1.title);
3168
3168
  i0.ɵɵadvance();
3169
+ i0.ɵɵtextInterpolate(ctx_r1.title);
3170
+ i0.ɵɵadvance(2);
3169
3171
  i0.ɵɵtextInterpolate1(" ", ctx_r1.boldTitle, " ");
3170
3172
  } }
3171
3173
  function FindTaskNameComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
3172
- i0.ɵɵelementStart(0, "div", 5);
3174
+ i0.ɵɵelementStart(0, "div", 4);
3173
3175
  i0.ɵɵtext(1);
3174
3176
  i0.ɵɵelementEnd();
3175
3177
  } if (rf & 2) {
@@ -3178,7 +3180,7 @@ function FindTaskNameComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
3178
3180
  i0.ɵɵtextInterpolate1(" ", ctx_r1.subTitle, " ");
3179
3181
  } }
3180
3182
  function FindTaskNameComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
3181
- i0.ɵɵelementStart(0, "span", 6)(1, "span", 4);
3183
+ i0.ɵɵelementStart(0, "span", 5)(1, "span", 3);
3182
3184
  i0.ɵɵtext(2, "Error:");
3183
3185
  i0.ɵɵelementEnd();
3184
3186
  i0.ɵɵtext(3);
@@ -3189,7 +3191,7 @@ function FindTaskNameComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
3189
3191
  i0.ɵɵtextInterpolate1("", ctx_r1.findTaskNameGroup.errors.error ? ctx_r1.findTaskNameGroup.errors.error : ctx_r1.errorMessage, " ");
3190
3192
  } }
3191
3193
  function FindTaskNameComponent_For_11_Template(rf, ctx) { if (rf & 1) {
3192
- i0.ɵɵelementStart(0, "mat-option", 9);
3194
+ i0.ɵɵelementStart(0, "mat-option", 8);
3193
3195
  i0.ɵɵtext(1);
3194
3196
  i0.ɵɵelementEnd();
3195
3197
  } if (rf & 2) {
@@ -3200,7 +3202,7 @@ function FindTaskNameComponent_For_11_Template(rf, ctx) { if (rf & 1) {
3200
3202
  i0.ɵɵtextInterpolate1(" ", ctx_r1.getTaskTypeName(option_r3), " ");
3201
3203
  } }
3202
3204
  function FindTaskNameComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
3203
- i0.ɵɵelementStart(0, "mat-option", 10);
3205
+ i0.ɵɵelementStart(0, "mat-option", 9);
3204
3206
  i0.ɵɵtext(1, "No results found");
3205
3207
  i0.ɵɵelementEnd();
3206
3208
  } if (rf & 2) {
@@ -3267,21 +3269,21 @@ class FindTaskNameComponent {
3267
3269
  this.taskNameFieldChanged.emit();
3268
3270
  }
3269
3271
  static { this.ɵfac = function FindTaskNameComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FindTaskNameComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(TaskService)); }; }
3270
- 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) {
3272
+ 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", 1, "govuk-error-message"], ["type", "text", "aria-label", "select a task name", "formControlName", "findTaskNameControl", 1, "govuk-input", "govuk-!-width-one-third", 3, "input", "id", "matAutocomplete", "placeholder"], ["autoActiveFirstOption", "", 3, "optionSelected"], [3, "value", "ngClass"], [3, "ngClass"], [1, "govuk-caption-l"], [1, "govuk-heading-l"]], template: function FindTaskNameComponent_Template(rf, ctx) { if (rf & 1) {
3271
3273
  const _r1 = i0.ɵɵgetCurrentView();
3272
- i0.ɵɵconditionalCreate(0, FindTaskNameComponent_Conditional_0_Template, 4, 2, "h1", 1);
3273
- i0.ɵɵelementStart(1, "div", 2)(2, "fieldset", 3)(3, "legend", 4);
3274
+ i0.ɵɵconditionalCreate(0, FindTaskNameComponent_Conditional_0_Template, 4, 2);
3275
+ i0.ɵɵelementStart(1, "div", 1)(2, "fieldset", 2)(3, "legend", 3);
3274
3276
  i0.ɵɵtext(4);
3275
3277
  i0.ɵɵelementEnd();
3276
- i0.ɵɵconditionalCreate(5, FindTaskNameComponent_Conditional_5_Template, 2, 1, "div", 5);
3277
- i0.ɵɵconditionalCreate(6, FindTaskNameComponent_Conditional_6_Template, 4, 1, "span", 6);
3278
- i0.ɵɵelementStart(7, "input", 7);
3278
+ i0.ɵɵconditionalCreate(5, FindTaskNameComponent_Conditional_5_Template, 2, 1, "div", 4);
3279
+ i0.ɵɵconditionalCreate(6, FindTaskNameComponent_Conditional_6_Template, 4, 1, "span", 5);
3280
+ i0.ɵɵelementStart(7, "input", 6);
3279
3281
  i0.ɵɵlistener("input", function FindTaskNameComponent_Template_input_input_7_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onInput()); });
3280
3282
  i0.ɵɵelementEnd();
3281
- i0.ɵɵelementStart(8, "mat-autocomplete", 8, 0);
3283
+ i0.ɵɵelementStart(8, "mat-autocomplete", 7, 0);
3282
3284
  i0.ɵɵlistener("optionSelected", function FindTaskNameComponent_Template_mat_autocomplete_optionSelected_8_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSelectionChange($event.option.value)); });
3283
- i0.ɵɵrepeaterCreate(10, FindTaskNameComponent_For_11_Template, 2, 6, "mat-option", 9, i0.ɵɵrepeaterTrackByIdentity);
3284
- i0.ɵɵconditionalCreate(12, FindTaskNameComponent_Conditional_12_Template, 2, 3, "mat-option", 10);
3285
+ i0.ɵɵrepeaterCreate(10, FindTaskNameComponent_For_11_Template, 2, 6, "mat-option", 8, i0.ɵɵrepeaterTrackByIdentity);
3286
+ i0.ɵɵconditionalCreate(12, FindTaskNameComponent_Conditional_12_Template, 2, 3, "mat-option", 9);
3285
3287
  i0.ɵɵelementEnd()()();
3286
3288
  } if (rf & 2) {
3287
3289
  let tmp_3_0;
@@ -3308,7 +3310,7 @@ class FindTaskNameComponent {
3308
3310
  }
3309
3311
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FindTaskNameComponent, [{
3310
3312
  type: Component,
3311
- 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" }]
3313
+ args: [{ selector: 'xuilib-find-task-name', standalone: false, template: "@if (title && title.length) {\n <span class=\"govuk-caption-l\">{{title}}</span>\n <h1 class=\"govuk-heading-l\">\n {{boldTitle}}\n </h1>\n}\n<div class=\"govuk-form-group\" [formGroup]=\"findTaskNameGroup\"\n [ngClass]=\"{'form-group-error': findTaskNameGroup.get('findTaskNameControl')?.invalid && submitted}\">\n <fieldset class=\"govuk-fieldset\" [attr.aria-describedby]=\"subTitle && subTitle.length ? 'sub-title-hint' : null\">\n <legend class=\"govuk-visually-hidden\">{{ boldTitle }}</legend>\n @if (subTitle && subTitle.length) {\n <div id=\"sub-title-hint\" class=\"govuk-hint\">\n {{subTitle}}\n </div>\n }\n @if (findTaskNameGroup && findTaskNameGroup.errors) {\n <span id=\"validation-error\" class=\"govuk-error-message\">\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" }]
3312
3314
  }], () => [{ type: i0.ChangeDetectorRef }, { type: TaskService }], { taskNameSelected: [{
3313
3315
  type: Output
3314
3316
  }], taskNameFieldChanged: [{
@@ -6078,10 +6080,10 @@ class SelectedCaseConfirmComponent {
6078
6080
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SelectedCaseConfirmComponent, { className: "SelectedCaseConfirmComponent", filePath: "lib/components/selected-case-confirm/selected-case-confirm.component.ts", lineNumber: 13 }); })();
6079
6081
 
6080
6082
  function _forTrack0$1($index, $item) { return this.trackByUserId($item); }
6081
- function SelectedCaseComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
6083
+ function SelectedCaseComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
6082
6084
  const _r1 = i0.ɵɵgetCurrentView();
6083
6085
  i0.ɵɵelementStart(0, "button", 14);
6084
- 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)); });
6086
+ i0.ɵɵlistener("click", function SelectedCaseComponent_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDeselect(ctx_r1.sharedCase)); });
6085
6087
  i0.ɵɵtext(1);
6086
6088
  i0.ɵɵpipe(2, "rpxTranslate");
6087
6089
  i0.ɵɵelementEnd();
@@ -6091,7 +6093,7 @@ function SelectedCaseComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
6091
6093
  i0.ɵɵadvance();
6092
6094
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 3, "Deselect case"), " ");
6093
6095
  } }
6094
- function SelectedCaseComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
6096
+ function SelectedCaseComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
6095
6097
  i0.ɵɵelementStart(0, "div", 12)(1, "span", 15);
6096
6098
  i0.ɵɵtext(2);
6097
6099
  i0.ɵɵpipe(3, "rpxTranslate");
@@ -6103,7 +6105,7 @@ function SelectedCaseComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
6103
6105
  i0.ɵɵadvance();
6104
6106
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 3, "No users from your organisation currently have access to this case."), " ");
6105
6107
  } }
6106
- function SelectedCaseComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
6108
+ function SelectedCaseComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
6107
6109
  i0.ɵɵelementStart(0, "div", 12)(1, "span", 15);
6108
6110
  i0.ɵɵtext(2);
6109
6111
  i0.ɵɵpipe(3, "rpxTranslate");
@@ -6115,10 +6117,10 @@ function SelectedCaseComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
6115
6117
  i0.ɵɵadvance();
6116
6118
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 3, "Users from your organisation with access to this case."), " ");
6117
6119
  } }
6118
- function SelectedCaseComponent_Conditional_19_For_17_Conditional_8_Template(rf, ctx) { if (rf & 1) {
6120
+ function SelectedCaseComponent_Conditional_20_For_17_Conditional_8_Template(rf, ctx) { if (rf & 1) {
6119
6121
  const _r3 = i0.ɵɵgetCurrentView();
6120
6122
  i0.ɵɵelementStart(0, "a", 27);
6121
- 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()); });
6123
+ i0.ɵɵlistener("click", function SelectedCaseComponent_Conditional_20_For_17_Conditional_8_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r3); const user_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.onRemove(user_r4, ctx_r1.sharedCase); return i0.ɵɵresetView($event.preventDefault()); });
6122
6124
  i0.ɵɵtext(1);
6123
6125
  i0.ɵɵpipe(2, "rpxTranslate");
6124
6126
  i0.ɵɵelementStart(3, "span", 28);
@@ -6132,10 +6134,10 @@ function SelectedCaseComponent_Conditional_19_For_17_Conditional_8_Template(rf,
6132
6134
  i0.ɵɵadvance(3);
6133
6135
  i0.ɵɵtextInterpolate2("", user_r4.firstName + " " + user_r4.lastName, " ", i0.ɵɵpipeBind1(5, 5, "from case"));
6134
6136
  } }
6135
- function SelectedCaseComponent_Conditional_19_For_17_Conditional_10_Template(rf, ctx) { if (rf & 1) {
6137
+ function SelectedCaseComponent_Conditional_20_For_17_Conditional_10_Template(rf, ctx) { if (rf & 1) {
6136
6138
  const _r5 = i0.ɵɵgetCurrentView();
6137
6139
  i0.ɵɵelementStart(0, "a", 27);
6138
- 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()); });
6140
+ i0.ɵɵlistener("click", function SelectedCaseComponent_Conditional_20_For_17_Conditional_10_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const user_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.onCancel(user_r4, ctx_r1.sharedCase); return i0.ɵɵresetView($event.preventDefault()); });
6139
6141
  i0.ɵɵtext(1);
6140
6142
  i0.ɵɵpipe(2, "rpxTranslate");
6141
6143
  i0.ɵɵelementStart(3, "span", 28);
@@ -6150,7 +6152,7 @@ function SelectedCaseComponent_Conditional_19_For_17_Conditional_10_Template(rf,
6150
6152
  i0.ɵɵadvance(3);
6151
6153
  i0.ɵɵtextInterpolate3("", i0.ɵɵpipeBind1(5, 6, "adding"), " ", user_r4.firstName + " " + user_r4.lastName, " ", i0.ɵɵpipeBind1(6, 8, "to case"));
6152
6154
  } }
6153
- function SelectedCaseComponent_Conditional_19_For_17_Conditional_13_Template(rf, ctx) { if (rf & 1) {
6155
+ function SelectedCaseComponent_Conditional_20_For_17_Conditional_13_Template(rf, ctx) { if (rf & 1) {
6154
6156
  i0.ɵɵelementStart(0, "span", 25);
6155
6157
  i0.ɵɵtext(1);
6156
6158
  i0.ɵɵpipe(2, "rpxTranslate");
@@ -6159,7 +6161,7 @@ function SelectedCaseComponent_Conditional_19_For_17_Conditional_13_Template(rf,
6159
6161
  i0.ɵɵadvance();
6160
6162
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "To be removed"));
6161
6163
  } }
6162
- function SelectedCaseComponent_Conditional_19_For_17_Conditional_15_Template(rf, ctx) { if (rf & 1) {
6164
+ function SelectedCaseComponent_Conditional_20_For_17_Conditional_15_Template(rf, ctx) { if (rf & 1) {
6163
6165
  i0.ɵɵelementStart(0, "span", 26);
6164
6166
  i0.ɵɵtext(1);
6165
6167
  i0.ɵɵpipe(2, "rpxTranslate");
@@ -6168,7 +6170,7 @@ function SelectedCaseComponent_Conditional_19_For_17_Conditional_15_Template(rf,
6168
6170
  i0.ɵɵadvance();
6169
6171
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "To be added"));
6170
6172
  } }
6171
- function SelectedCaseComponent_Conditional_19_For_17_Template(rf, ctx) { if (rf & 1) {
6173
+ function SelectedCaseComponent_Conditional_20_For_17_Template(rf, ctx) { if (rf & 1) {
6172
6174
  i0.ɵɵelementStart(0, "tr", 17)(1, "td", 22);
6173
6175
  i0.ɵɵpipe(2, "async");
6174
6176
  i0.ɵɵtext(3);
@@ -6178,27 +6180,27 @@ function SelectedCaseComponent_Conditional_19_For_17_Template(rf, ctx) { if (rf
6178
6180
  i0.ɵɵtext(6);
6179
6181
  i0.ɵɵelementEnd();
6180
6182
  i0.ɵɵelementStart(7, "td", 23);
6181
- i0.ɵɵconditionalCreate(8, SelectedCaseComponent_Conditional_19_For_17_Conditional_8_Template, 6, 7, "a", 24);
6183
+ i0.ɵɵconditionalCreate(8, SelectedCaseComponent_Conditional_20_For_17_Conditional_8_Template, 6, 7, "a", 24);
6182
6184
  i0.ɵɵpipe(9, "async");
6183
- i0.ɵɵconditionalCreate(10, SelectedCaseComponent_Conditional_19_For_17_Conditional_10_Template, 7, 10, "a", 24);
6185
+ i0.ɵɵconditionalCreate(10, SelectedCaseComponent_Conditional_20_For_17_Conditional_10_Template, 7, 10, "a", 24);
6184
6186
  i0.ɵɵpipe(11, "async");
6185
6187
  i0.ɵɵelementEnd();
6186
6188
  i0.ɵɵelementStart(12, "td", 23);
6187
- i0.ɵɵconditionalCreate(13, SelectedCaseComponent_Conditional_19_For_17_Conditional_13_Template, 3, 3, "span", 25);
6189
+ i0.ɵɵconditionalCreate(13, SelectedCaseComponent_Conditional_20_For_17_Conditional_13_Template, 3, 3, "span", 25);
6188
6190
  i0.ɵɵpipe(14, "async");
6189
- i0.ɵɵconditionalCreate(15, SelectedCaseComponent_Conditional_19_For_17_Conditional_15_Template, 3, 3, "span", 26);
6191
+ i0.ɵɵconditionalCreate(15, SelectedCaseComponent_Conditional_20_For_17_Conditional_15_Template, 3, 3, "span", 26);
6190
6192
  i0.ɵɵpipe(16, "async");
6191
6193
  i0.ɵɵelementEnd()();
6192
6194
  } if (rf & 2) {
6193
6195
  const user_r4 = ctx.$implicit;
6194
- const ɵ$index_72_r6 = ctx.$index;
6196
+ const ɵ$index_73_r6 = ctx.$index;
6195
6197
  const ctx_r1 = i0.ɵɵnextContext(2);
6196
6198
  i0.ɵɵadvance();
6197
- 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)));
6199
+ i0.ɵɵproperty("id", i0.ɵɵinterpolate1("user-full-name-", ctx_r1.userIdSetter(i0.ɵɵpipeBind1(2, 10, ctx_r1.canCancel(ctx_r1.sharedCase.caseId, user_r4)), ɵ$index_73_r6)));
6198
6200
  i0.ɵɵadvance(2);
6199
6201
  i0.ɵɵtextInterpolate(user_r4.firstName + " " + user_r4.lastName);
6200
6202
  i0.ɵɵadvance();
6201
- 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)));
6203
+ i0.ɵɵproperty("id", i0.ɵɵinterpolate1("user-email-", ctx_r1.userIdSetter(i0.ɵɵpipeBind1(5, 12, ctx_r1.canCancel(ctx_r1.sharedCase.caseId, user_r4)), ɵ$index_73_r6)));
6202
6204
  i0.ɵɵadvance(2);
6203
6205
  i0.ɵɵtextInterpolate(user_r4.email);
6204
6206
  i0.ɵɵadvance(2);
@@ -6210,7 +6212,7 @@ function SelectedCaseComponent_Conditional_19_For_17_Template(rf, ctx) { if (rf
6210
6212
  i0.ɵɵadvance(2);
6211
6213
  i0.ɵɵconditional(i0.ɵɵpipeBind1(16, 20, ctx_r1.isToBeAdded(ctx_r1.sharedCase.caseId, user_r4)) ? 15 : -1);
6212
6214
  } }
6213
- function SelectedCaseComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
6215
+ function SelectedCaseComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
6214
6216
  i0.ɵɵelementStart(0, "table", 13)(1, "thead", 16)(2, "tr", 17)(3, "th", 18);
6215
6217
  i0.ɵɵtext(4);
6216
6218
  i0.ɵɵpipe(5, "rpxTranslate");
@@ -6228,7 +6230,7 @@ function SelectedCaseComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
6228
6230
  i0.ɵɵpipe(14, "rpxTranslate");
6229
6231
  i0.ɵɵelementEnd()()();
6230
6232
  i0.ɵɵelementStart(15, "tbody", 21);
6231
- i0.ɵɵrepeaterCreate(16, SelectedCaseComponent_Conditional_19_For_17_Template, 17, 22, "tr", 17, _forTrack0$1, true);
6233
+ i0.ɵɵrepeaterCreate(16, SelectedCaseComponent_Conditional_20_For_17_Template, 17, 22, "tr", 17, _forTrack0$1, true);
6232
6234
  i0.ɵɵelementEnd()();
6233
6235
  } if (rf & 2) {
6234
6236
  const ctx_r1 = i0.ɵɵnextContext();
@@ -6386,56 +6388,57 @@ class SelectedCaseComponent {
6386
6388
  return `${elementName}-${this.sharedCase.caseId}`;
6387
6389
  }
6388
6390
  static { this.ɵfac = function SelectedCaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SelectedCaseComponent)(i0.ɵɵdirectiveInject(CaseSharingStateService)); }; }
6389
- 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) {
6391
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectedCaseComponent, selectors: [["xuilib-selected-case"]], inputs: { sharedCase: "sharedCase", selectedUser: "selectedUser", opened: "opened", removeUserFromCaseToggleOn: "removeUserFromCaseToggleOn", caseCount: "caseCount" }, outputs: { unselect: "unselect", synchronizeStore: "synchronizeStore" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 21, vars: 28, 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) {
6390
6392
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h3", 3);
6391
6393
  i0.ɵɵtext(4);
6392
6394
  i0.ɵɵpipe(5, "rpxTranslate");
6395
+ i0.ɵɵpipe(6, "rpxTranslate");
6393
6396
  i0.ɵɵelementEnd();
6394
- i0.ɵɵelementStart(6, "h3", 4);
6395
- i0.ɵɵtext(7);
6396
- i0.ɵɵpipe(8, "rpxTranslate");
6397
+ i0.ɵɵelementStart(7, "h3", 4);
6398
+ i0.ɵɵtext(8);
6399
+ i0.ɵɵpipe(9, "rpxTranslate");
6397
6400
  i0.ɵɵelementEnd()();
6398
- i0.ɵɵelementStart(9, "div", 5);
6399
- i0.ɵɵconditionalCreate(10, SelectedCaseComponent_Conditional_10_Template, 3, 5, "button", 6);
6401
+ i0.ɵɵelementStart(10, "div", 5);
6402
+ i0.ɵɵconditionalCreate(11, SelectedCaseComponent_Conditional_11_Template, 3, 5, "button", 6);
6400
6403
  i0.ɵɵelementEnd();
6401
- i0.ɵɵelementStart(11, "div", 7)(12, "div", 8)(13, "button", 9);
6402
- i0.ɵɵpipe(14, "rpxTranslate");
6403
- i0.ɵɵelement(15, "span", 10);
6404
+ i0.ɵɵelementStart(12, "div", 7)(13, "div", 8)(14, "button", 9);
6405
+ i0.ɵɵpipe(15, "rpxTranslate");
6406
+ i0.ɵɵelement(16, "span", 10);
6404
6407
  i0.ɵɵelementEnd()()()();
6405
- i0.ɵɵelementStart(16, "div", 11);
6406
- i0.ɵɵconditionalCreate(17, SelectedCaseComponent_Conditional_17_Template, 4, 5, "div", 12);
6408
+ i0.ɵɵelementStart(17, "div", 11);
6407
6409
  i0.ɵɵconditionalCreate(18, SelectedCaseComponent_Conditional_18_Template, 4, 5, "div", 12);
6408
- i0.ɵɵconditionalCreate(19, SelectedCaseComponent_Conditional_19_Template, 18, 20, "table", 13);
6410
+ i0.ɵɵconditionalCreate(19, SelectedCaseComponent_Conditional_19_Template, 4, 5, "div", 12);
6411
+ i0.ɵɵconditionalCreate(20, SelectedCaseComponent_Conditional_20_Template, 18, 20, "table", 13);
6409
6412
  i0.ɵɵelementEnd()();
6410
6413
  } if (rf & 2) {
6411
6414
  i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("govuk-accordion__section")));
6412
6415
  i0.ɵɵadvance(3);
6413
6416
  i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("case-title")));
6414
6417
  i0.ɵɵadvance();
6415
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 19, ctx.sharedCase.caseTitle));
6416
- i0.ɵɵadvance(2);
6418
+ i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind1(5, 20, "Case"), ": ", i0.ɵɵpipeBind1(6, 22, ctx.sharedCase.caseTitle), " ");
6419
+ i0.ɵɵadvance(3);
6417
6420
  i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("case-id")));
6418
6421
  i0.ɵɵadvance();
6419
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 21, ctx.sharedCase.caseId));
6422
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(9, 24, ctx.sharedCase.caseId));
6420
6423
  i0.ɵɵadvance(3);
6421
- i0.ɵɵconditional(ctx.caseCount > 1 ? 10 : -1);
6424
+ i0.ɵɵconditional(ctx.caseCount > 1 ? 11 : -1);
6422
6425
  i0.ɵɵadvance(3);
6423
- i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("accordion-with-summary-sections-heading")))("title", i0.ɵɵpipeBind1(14, 23, "Expand or Collapse"));
6426
+ i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("accordion-with-summary-sections-heading")))("title", i0.ɵɵpipeBind1(15, 26, "Expand or Collapse"));
6424
6427
  i0.ɵɵattribute("aria-controls", "accordion-with-summary-sections-content" + ctx.buildElementId("accordion-with-summary-sections-heading"));
6425
6428
  i0.ɵɵadvance(3);
6426
6429
  i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("accordion-with-summary-sections-content")));
6427
6430
  i0.ɵɵattribute("aria-labelledby", ctx.buildElementId("accordion-with-summary-sections-heading"));
6428
6431
  i0.ɵɵadvance();
6429
- i0.ɵɵconditional(ctx.showNoUsersAccessInfo() ? 17 : -1);
6432
+ i0.ɵɵconditional(ctx.showNoUsersAccessInfo() ? 18 : -1);
6430
6433
  i0.ɵɵadvance();
6431
- i0.ɵɵconditional(ctx.showUserHasAccessInfo() ? 18 : -1);
6434
+ i0.ɵɵconditional(ctx.showUserHasAccessInfo() ? 19 : -1);
6432
6435
  i0.ɵɵadvance();
6433
- i0.ɵɵconditional(ctx.showUserAccessTable() ? 19 : -1);
6436
+ i0.ɵɵconditional(ctx.showUserAccessTable() ? 20 : -1);
6434
6437
  } }, 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}"] }); }
6435
6438
  }
6436
6439
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectedCaseComponent, [{
6437
6440
  type: Component,
6438
- 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"] }]
6441
+ args: [{ selector: 'xuilib-selected-case', standalone: false, template: "<div id=\"{{buildElementId('govuk-accordion__section')}}\" class=\"govuk-accordion__section\">\n <div class=\"govuk-grid-row govuk-case-header\">\n <div class=\"govuk-grid-column-three-quarters\">\n <h3 id=\"{{buildElementId('case-title')}}\" class=\"govuk-case-title\">\n {{'Case' | rpxTranslate}}: {{ sharedCase.caseTitle | rpxTranslate }}\n </h3>\n <h3 id=\"{{buildElementId('case-id')}}\" class=\"govuk-case-sub-title\">{{ sharedCase.caseId | rpxTranslate }}</h3>\n </div>\n <div class=\"govuk-grid-column-ten-percent\">\n @if (caseCount > 1) {\n <button\n id=\"{{buildElementId('btn-deselect-case')}}\"\n class=\"govuk-button hmcts-button--secondary\"\n (click)=\"onDeselect(sharedCase)\" title=\"Deselect case\">\n {{'Deselect case' | rpxTranslate}}\n </button>\n }\n </div>\n <div class=\"govuk-accordion__section-header govuk-grid-column-ten-percent\">\n <div class=\"govuk-accordion__section-heading\">\n <button type=\"button\" id=\"{{buildElementId('accordion-with-summary-sections-heading')}}\"\n [attr.aria-controls]=\"'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"] }]
6439
6442
  }], () => [{ type: CaseSharingStateService }], { sharedCase: [{
6440
6443
  type: Input
6441
6444
  }], selectedUser: [{
@@ -7073,8 +7076,8 @@ class HmctsErrorSummaryComponent {
7073
7076
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HmctsErrorSummaryComponent, { className: "HmctsErrorSummaryComponent", filePath: "lib/gov-ui/components/hmcts-error-summary/hmcts-error-summary.component.ts", lineNumber: 19 }); })();
7074
7077
 
7075
7078
  const _c0$e = a0 => ({ "govuk-form-group--error": a0 });
7076
- function ShareCaseComponent_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
7077
- i0.ɵɵelementStart(0, "span", 24);
7079
+ function ShareCaseComponent_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
7080
+ i0.ɵɵelementStart(0, "span", 23);
7078
7081
  i0.ɵɵtext(1);
7079
7082
  i0.ɵɵpipe(2, "rpxTranslate");
7080
7083
  i0.ɵɵelementEnd();
@@ -7084,16 +7087,15 @@ function ShareCaseComponent_Conditional_1_Conditional_1_Template(rf, ctx) { if (
7084
7087
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.fnTitle));
7085
7088
  } }
7086
7089
  function ShareCaseComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
7087
- i0.ɵɵelementStart(0, "h1", 1);
7088
- i0.ɵɵconditionalCreate(1, ShareCaseComponent_Conditional_1_Conditional_1_Template, 3, 3, "span", 24);
7090
+ i0.ɵɵconditionalCreate(0, ShareCaseComponent_Conditional_1_Conditional_0_Template, 3, 3, "span", 23);
7091
+ i0.ɵɵelementStart(1, "h1", 24);
7089
7092
  i0.ɵɵtext(2);
7090
7093
  i0.ɵɵpipe(3, "rpxTranslate");
7091
7094
  i0.ɵɵelementEnd();
7092
7095
  } if (rf & 2) {
7093
7096
  const ctx_r0 = i0.ɵɵnextContext();
7094
- i0.ɵɵadvance();
7095
- i0.ɵɵconditional(ctx_r0.fnTitle ? 1 : -1);
7096
- i0.ɵɵadvance();
7097
+ i0.ɵɵconditional(ctx_r0.fnTitle ? 0 : -1);
7098
+ i0.ɵɵadvance(2);
7097
7099
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, ctx_r0.title), " ");
7098
7100
  } }
7099
7101
  function ShareCaseComponent_Conditional_29_For_13_Template(rf, ctx) { if (rf & 1) {
@@ -7108,7 +7110,7 @@ function ShareCaseComponent_Conditional_29_For_13_Template(rf, ctx) { if (rf & 1
7108
7110
  } }
7109
7111
  function ShareCaseComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
7110
7112
  const _r2 = i0.ɵɵgetCurrentView();
7111
- i0.ɵɵelementStart(0, "div", 3)(1, "label", 25);
7113
+ i0.ɵɵelementStart(0, "div", 2)(1, "label", 25);
7112
7114
  i0.ɵɵtext(2);
7113
7115
  i0.ɵɵpipe(3, "rpxTranslate");
7114
7116
  i0.ɵɵelementEnd();
@@ -7116,19 +7118,19 @@ function ShareCaseComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
7116
7118
  i0.ɵɵtext(5);
7117
7119
  i0.ɵɵpipe(6, "rpxTranslate");
7118
7120
  i0.ɵɵelementEnd();
7119
- i0.ɵɵelementStart(7, "div", 6)(8, "div", 7)(9, "select", 27);
7121
+ i0.ɵɵelementStart(7, "div", 5)(8, "div", 6)(9, "select", 27);
7120
7122
  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)); });
7121
7123
  i0.ɵɵelementStart(10, "option", 28);
7122
7124
  i0.ɵɵtext(11, "Select a person");
7123
7125
  i0.ɵɵelementEnd();
7124
7126
  i0.ɵɵrepeaterCreate(12, ShareCaseComponent_Conditional_29_For_13_Template, 2, 4, "option", 29, i0.ɵɵrepeaterTrackByIdentity);
7125
7127
  i0.ɵɵelementEnd()();
7126
- i0.ɵɵelementStart(14, "div", 9)(15, "button", 30);
7128
+ i0.ɵɵelementStart(14, "div", 8)(15, "button", 30);
7127
7129
  i0.ɵɵpipe(16, "rpxTranslate");
7128
7130
  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()); });
7129
7131
  i0.ɵɵtext(17);
7130
7132
  i0.ɵɵpipe(18, "rpxTranslate");
7131
- i0.ɵɵelementStart(19, "span", 11);
7133
+ i0.ɵɵelementStart(19, "span", 10);
7132
7134
  i0.ɵɵtext(20);
7133
7135
  i0.ɵɵpipe(21, "rpxTranslate");
7134
7136
  i0.ɵɵelementEnd()()()()();
@@ -7153,7 +7155,7 @@ function ShareCaseComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
7153
7155
  } }
7154
7156
  function ShareCaseComponent_Conditional_35_Template(rf, ctx) { if (rf & 1) {
7155
7157
  const _r4 = i0.ɵɵgetCurrentView();
7156
- i0.ɵɵelementStart(0, "div", 19)(1, "xuilib-selected-case-list", 31);
7158
+ i0.ɵɵelementStart(0, "div", 18)(1, "xuilib-selected-case-list", 31);
7157
7159
  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)); });
7158
7160
  i0.ɵɵelementEnd()();
7159
7161
  } if (rf & 2) {
@@ -7162,7 +7164,7 @@ function ShareCaseComponent_Conditional_35_Template(rf, ctx) { if (rf & 1) {
7162
7164
  i0.ɵɵproperty("shareCases$", ctx_r0.shareCases$)("removeUserFromCaseToggleOn", ctx_r0.removeUserFromCaseToggleOn);
7163
7165
  } }
7164
7166
  function ShareCaseComponent_Conditional_36_Template(rf, ctx) { if (rf & 1) {
7165
- i0.ɵɵelementStart(0, "div", 20);
7167
+ i0.ɵɵelementStart(0, "div", 19);
7166
7168
  i0.ɵɵtext(1);
7167
7169
  i0.ɵɵpipe(2, "rpxTranslate");
7168
7170
  i0.ɵɵelementEnd();
@@ -7354,54 +7356,54 @@ class ShareCaseComponent {
7354
7356
  } if (rf & 2) {
7355
7357
  let _t;
7356
7358
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.userSelect = _t.first);
7357
- } }, 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) {
7359
+ } }, inputs: { removeUserFromCaseToggleOn: "removeUserFromCaseToggleOn", shareCases$: "shareCases$", users: "users", confirmLink: "confirmLink", cancelLink: "cancelLink", addUserLabel: "addUserLabel", showRemoveUsers: "showRemoveUsers", fnTitle: "fnTitle", title: "title" }, outputs: { unselect: "unselect", synchronizeStore: "synchronizeStore" }, standalone: false, decls: 46, vars: 53, consts: [[3, "errorMessages", "header"], ["id", "add-user"], [1, "govuk-form-group"], ["for", "add-user-input", 1, "govuk-label", "govuk-!-font-weight-bold"], ["id", "add-user-hint", 1, "govuk-hint"], [1, "govuk-grid-row"], [1, "govuk-grid-column-two-thirds"], ["id", "add-user-input", "aria-describedby", "add-user-hint", 3, "selected", "users"], [1, "govuk-grid-column-one-thirds"], ["id", "btn-add-user", 1, "govuk-button", "govuk-button--secondary", 3, "click", "disabled", "title"], [1, "govuk-visually-hidden"], ["id", "add-user-help", 1, "govuk-details"], [1, "govuk-details__summary"], ["id", "content-why-can-not-find-email", 1, "govuk-details__summary-text"], ["id", "content-reason-can-not-find-email", 1, "govuk-details__text"], ["id", "cases", 3, "ngClass"], ["id", "title-selected-cases", 1, "govuk-heading-m"], [3, "config", "errorMessage"], ["data-module", "govuk-accordion", "id", "accordion-with-summary-sections", 1, "govuk-accordion"], ["id", "noCaseDisplay", 1, "govuk-hint"], ["id", "share-case-nav", 1, "govuk-button-group"], ["id", "btn-continue", "data-module", "govuk-button", 1, "govuk-button", 3, "click", "title"], ["id", "btn-cancel", "data-module", "govuk-button", 1, "govuk-button", "govuk-button--secondary", 3, "title", "routerLink"], [1, "govuk-caption-xl"], [1, "govuk-heading-xl", "govuk-!-margin-top-2"], ["for", "remove-user-input", 1, "govuk-label", "govuk-!-font-weight-bold"], ["id", "remove-user-hint", 1, "govuk-hint"], ["id", "remove-user-input", "aria-describedby", "remove-user-hint", 1, "govuk-select", 3, "change", "value"], ["selected", "", 3, "ngValue"], [3, "ngValue"], ["id", "btn-remove-user", 1, "govuk-button", "govuk-button--secondary", 3, "click", "title"], [3, "unselect", "synchronizeStore", "shareCases$", "removeUserFromCaseToggleOn"]], template: function ShareCaseComponent_Template(rf, ctx) { if (rf & 1) {
7358
7360
  i0.ɵɵelement(0, "xuilib-hmcts-error-summary", 0);
7359
- i0.ɵɵconditionalCreate(1, ShareCaseComponent_Conditional_1_Template, 4, 4, "h1", 1);
7360
- i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "label", 4);
7361
+ i0.ɵɵconditionalCreate(1, ShareCaseComponent_Conditional_1_Template, 4, 4);
7362
+ i0.ɵɵelementStart(2, "div", 1)(3, "div", 2)(4, "label", 3);
7361
7363
  i0.ɵɵtext(5);
7362
7364
  i0.ɵɵpipe(6, "rpxTranslate");
7363
7365
  i0.ɵɵelementEnd();
7364
- i0.ɵɵelementStart(7, "span", 5);
7366
+ i0.ɵɵelementStart(7, "span", 4);
7365
7367
  i0.ɵɵtext(8);
7366
7368
  i0.ɵɵpipe(9, "rpxTranslate");
7367
7369
  i0.ɵɵelementEnd();
7368
- i0.ɵɵelementStart(10, "div", 6)(11, "div", 7)(12, "xuilib-user-select", 8);
7370
+ i0.ɵɵelementStart(10, "div", 5)(11, "div", 6)(12, "xuilib-user-select", 7);
7369
7371
  i0.ɵɵlistener("selected", function ShareCaseComponent_Template_xuilib_user_select_selected_12_listener($event) { return ctx.onSelectedUser($event); });
7370
7372
  i0.ɵɵelementEnd()();
7371
- i0.ɵɵelementStart(13, "div", 9)(14, "button", 10);
7373
+ i0.ɵɵelementStart(13, "div", 8)(14, "button", 9);
7372
7374
  i0.ɵɵpipe(15, "rpxTranslate");
7373
7375
  i0.ɵɵlistener("click", function ShareCaseComponent_Template_button_click_14_listener() { return ctx.addUser(); });
7374
7376
  i0.ɵɵtext(16);
7375
7377
  i0.ɵɵpipe(17, "rpxTranslate");
7376
- i0.ɵɵelementStart(18, "span", 11);
7378
+ i0.ɵɵelementStart(18, "span", 10);
7377
7379
  i0.ɵɵtext(19);
7378
7380
  i0.ɵɵpipe(20, "rpxTranslate");
7379
7381
  i0.ɵɵelementEnd()()()();
7380
- i0.ɵɵelementStart(21, "details", 12)(22, "summary", 13)(23, "span", 14);
7382
+ i0.ɵɵelementStart(21, "details", 11)(22, "summary", 12)(23, "span", 13);
7381
7383
  i0.ɵɵtext(24);
7382
7384
  i0.ɵɵpipe(25, "rpxTranslate");
7383
7385
  i0.ɵɵelementEnd()();
7384
- i0.ɵɵelementStart(26, "div", 15);
7386
+ i0.ɵɵelementStart(26, "div", 14);
7385
7387
  i0.ɵɵtext(27);
7386
7388
  i0.ɵɵpipe(28, "rpxTranslate");
7387
7389
  i0.ɵɵelementEnd()()();
7388
- i0.ɵɵconditionalCreate(29, ShareCaseComponent_Conditional_29_Template, 22, 18, "div", 3);
7390
+ i0.ɵɵconditionalCreate(29, ShareCaseComponent_Conditional_29_Template, 22, 18, "div", 2);
7389
7391
  i0.ɵɵelementEnd();
7390
- i0.ɵɵelementStart(30, "div", 16)(31, "h3", 17);
7392
+ i0.ɵɵelementStart(30, "div", 15)(31, "h3", 16);
7391
7393
  i0.ɵɵtext(32);
7392
7394
  i0.ɵɵpipe(33, "rpxTranslate");
7393
7395
  i0.ɵɵelementEnd();
7394
- i0.ɵɵelement(34, "xuilib-gov-uk-error-message", 18);
7395
- i0.ɵɵconditionalCreate(35, ShareCaseComponent_Conditional_35_Template, 2, 2, "div", 19);
7396
- i0.ɵɵconditionalCreate(36, ShareCaseComponent_Conditional_36_Template, 3, 3, "div", 20);
7396
+ i0.ɵɵelement(34, "xuilib-gov-uk-error-message", 17);
7397
+ i0.ɵɵconditionalCreate(35, ShareCaseComponent_Conditional_35_Template, 2, 2, "div", 18);
7398
+ i0.ɵɵconditionalCreate(36, ShareCaseComponent_Conditional_36_Template, 3, 3, "div", 19);
7397
7399
  i0.ɵɵelementEnd();
7398
- i0.ɵɵelementStart(37, "div", 21)(38, "button", 22);
7400
+ i0.ɵɵelementStart(37, "div", 20)(38, "button", 21);
7399
7401
  i0.ɵɵpipe(39, "rpxTranslate");
7400
7402
  i0.ɵɵlistener("click", function ShareCaseComponent_Template_button_click_38_listener() { return ctx.onContinue(); });
7401
7403
  i0.ɵɵtext(40);
7402
7404
  i0.ɵɵpipe(41, "rpxTranslate");
7403
7405
  i0.ɵɵelementEnd();
7404
- i0.ɵɵelementStart(42, "button", 23);
7406
+ i0.ɵɵelementStart(42, "button", 22);
7405
7407
  i0.ɵɵpipe(43, "rpxTranslate");
7406
7408
  i0.ɵɵtext(44);
7407
7409
  i0.ɵɵpipe(45, "rpxTranslate");
@@ -7450,7 +7452,7 @@ class ShareCaseComponent {
7450
7452
  }
7451
7453
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShareCaseComponent, [{
7452
7454
  type: Component,
7453
- 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"] }]
7455
+ args: [{ selector: 'xuilib-share-case', standalone: false, template: "<xuilib-hmcts-error-summary\n [errorMessages]=\"validationErrors\"\n [header]=\"'There is a problem'\"\n></xuilib-hmcts-error-summary>\n@if (title) {\n @if (fnTitle) {\n <span class=\"govuk-caption-xl\">{{fnTitle | rpxTranslate}}</span>\n }\n <h1 class=\"govuk-heading-xl govuk-!-margin-top-2\">\n {{title | rpxTranslate}}\n </h1>\n}\n<div id=\"add-user\">\n <div class=\"govuk-form-group\">\n <label class=\"govuk-label govuk-!-font-weight-bold\" for=\"add-user-input\">{{addUserLabel | rpxTranslate}}</label>\n <span id=\"add-user-hint\" class=\"govuk-hint\">\n {{'Search by name or email address. You can share access with as many people as you need.' | rpxTranslate}}\n </span>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <xuilib-user-select\n id=\"add-user-input\"\n aria-describedby=\"add-user-hint\"\n [users]=\"users\"\n (selected)=\"onSelectedUser($event)\">\n </xuilib-user-select>\n </div>\n <div class=\"govuk-grid-column-one-thirds\">\n <button id=\"btn-add-user\" (click)=\"addUser()\"\n class=\"govuk-button govuk-button--secondary\" [disabled]=\"isDisabledAdd()\"\n title=\"{{'Add user to selected cases' | rpxTranslate}}\">\n {{'Add' | rpxTranslate}}\n <span class=\"govuk-visually-hidden\">{{'user' | rpxTranslate}}</span>\n </button>\n </div>\n </div>\n <details id=\"add-user-help\" class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span id=\"content-why-can-not-find-email\" class=\"govuk-details__summary-text\">\n {{\"Can't find an email address?\" | rpxTranslate}}\n </span>\n </summary>\n <div id=\"content-reason-can-not-find-email\" class=\"govuk-details__text\">\n {{\"If you can't find your colleague's email address, they will need to complete their registration. Contact your administrator for help.\" | rpxTranslate}}\n </div>\n </details>\n </div>\n @if (showRemoveUsers) {\n <div class=\"govuk-form-group\">\n <label class=\"govuk-label govuk-!-font-weight-bold\" for=\"remove-user-input\">\n {{'Remove a person from all cases' | rpxTranslate}}\n </label>\n <span id=\"remove-user-hint\" class=\"govuk-hint\">\n {{'Select a person to remove them from all selected cases.' | rpxTranslate}}\n </span>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <select [value]=\"selectedUserToRemove\" (change)=\"onSelectedUserToRemoveChanged($event.target.value)\" class=\"govuk-select\" id=\"remove-user-input\" aria-describedby=\"remove-user-hint\">\n <option [ngValue]=\"null\" selected>Select a person</option>\n @for (user of assignedUsers; track user) {\n <option [ngValue]=\"user\">{{user.firstName}} {{user.lastName}} - {{user.email}}</option>\n }\n </select>\n </div>\n <div class=\"govuk-grid-column-one-thirds\">\n <button id=\"btn-remove-user\" (click)=\"removeUser()\" class=\"govuk-button govuk-button--secondary\" title=\"{{'Remove user from selected cases' | rpxTranslate}}\">\n {{'Remove' | rpxTranslate}}\n <span class=\"govuk-visually-hidden\"> {{'user' | rpxTranslate}}</span>\n </button>\n </div>\n </div>\n </div>\n }\n</div>\n\n<div id=\"cases\" [ngClass]=\"{'govuk-form-group--error': shareCaseErrorMessage.messages && shareCaseErrorMessage.messages.length > 0}\">\n <h3 id=\"title-selected-cases\" class=\"govuk-heading-m\">\n {{'Selected cases' | rpxTranslate}}\n </h3>\n <xuilib-gov-uk-error-message [config]=\"selectedCasesErrorMessageConfig\" [errorMessage]=\"shareCaseErrorMessage\"></xuilib-gov-uk-error-message>\n @if (shareCases && shareCases.length > 0) {\n <div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-with-summary-sections\">\n <xuilib-selected-case-list\n [shareCases$]=\"shareCases$\"\n [removeUserFromCaseToggleOn]=\"removeUserFromCaseToggleOn\"\n (unselect)=\"onUnselect($event)\"\n (synchronizeStore)=\"onSynchronizeStore($event)\"\n >\n </xuilib-selected-case-list>\n </div>\n }\n\n @if (shareCases && shareCases.length === 0) {\n <div id=\"noCaseDisplay\" class=\"govuk-hint\">\n {{'No cases to display.' | rpxTranslate}}\n </div>\n }\n\n</div>\n\n<div id=\"share-case-nav\" class=\"govuk-button-group\">\n <button id=\"btn-continue\" class=\"govuk-button\" data-module=\"govuk-button\" (click)=\"onContinue()\" title=\"{{'Continue' | rpxTranslate}}\">\n {{'Continue' | rpxTranslate}}\n </button>\n <button id=\"btn-cancel\" class=\"govuk-button govuk-button--secondary\" data-module=\"govuk-button\" title=\"{{'Cancel' | rpxTranslate}}\" [routerLink]=\"cancelLink\">\n {{'Cancel' | rpxTranslate}}\n </button>\n</div>\n", styles: ["select{width:100%}\n"] }]
7454
7456
  }], () => [{ type: CaseSharingStateService }, { type: i1$1.Router }], { removeUserFromCaseToggleOn: [{
7455
7457
  type: Input
7456
7458
  }], shareCases$: [{
@@ -8818,8 +8820,8 @@ function ExuiPageWrapperComponent_Conditional_1_Template(rf, ctx) { if (rf & 1)
8818
8820
  i0.ɵɵadvance();
8819
8821
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, "Back"));
8820
8822
  } }
8821
- function ExuiPageWrapperComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
8822
- i0.ɵɵelementStart(0, "span", 5);
8823
+ function ExuiPageWrapperComponent_Conditional_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
8824
+ i0.ɵɵelementStart(0, "span", 4);
8823
8825
  i0.ɵɵtext(1);
8824
8826
  i0.ɵɵpipe(2, "rpxTranslate");
8825
8827
  i0.ɵɵelementEnd();
@@ -8829,16 +8831,15 @@ function ExuiPageWrapperComponent_Conditional_4_Conditional_1_Template(rf, ctx)
8829
8831
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.fnTitle));
8830
8832
  } }
8831
8833
  function ExuiPageWrapperComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
8832
- i0.ɵɵelementStart(0, "h1", 4);
8833
- i0.ɵɵconditionalCreate(1, ExuiPageWrapperComponent_Conditional_4_Conditional_1_Template, 3, 3, "span", 5);
8834
+ i0.ɵɵconditionalCreate(0, ExuiPageWrapperComponent_Conditional_4_Conditional_0_Template, 3, 3, "span", 4);
8835
+ i0.ɵɵelementStart(1, "h1", 5);
8834
8836
  i0.ɵɵtext(2);
8835
8837
  i0.ɵɵpipe(3, "rpxTranslate");
8836
8838
  i0.ɵɵelementEnd();
8837
8839
  } if (rf & 2) {
8838
8840
  const ctx_r0 = i0.ɵɵnextContext();
8839
- i0.ɵɵadvance();
8840
- i0.ɵɵconditional(ctx_r0.fnTitle ? 1 : -1);
8841
- i0.ɵɵadvance();
8841
+ i0.ɵɵconditional(ctx_r0.fnTitle ? 0 : -1);
8842
+ i0.ɵɵadvance(2);
8842
8843
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, ctx_r0.title), " ");
8843
8844
  } }
8844
8845
  /**
@@ -8854,12 +8855,12 @@ function ExuiPageWrapperComponent_Conditional_4_Template(rf, ctx) { if (rf & 1)
8854
8855
  class ExuiPageWrapperComponent {
8855
8856
  constructor() { }
8856
8857
  static { this.ɵfac = function ExuiPageWrapperComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ExuiPageWrapperComponent)(); }; }
8857
- 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) {
8858
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExuiPageWrapperComponent, selectors: [["exui-page-wrapper"]], inputs: { backLink: "backLink", title: "title", fnTitle: "fnTitle" }, standalone: false, ngContentSelectors: _c0$8, decls: 6, vars: 2, consts: [[1, "page"], [1, "govuk-back-link", 3, "routerLink"], [1, "govuk-width-container"], [1, "govuk-grid-row"], [1, "govuk-caption-xl"], [1, "govuk-heading-xl"]], template: function ExuiPageWrapperComponent_Template(rf, ctx) { if (rf & 1) {
8858
8859
  i0.ɵɵprojectionDef();
8859
8860
  i0.ɵɵelementStart(0, "div", 0);
8860
8861
  i0.ɵɵconditionalCreate(1, ExuiPageWrapperComponent_Conditional_1_Template, 3, 4, "a", 1);
8861
8862
  i0.ɵɵelementStart(2, "div", 2)(3, "div", 3);
8862
- i0.ɵɵconditionalCreate(4, ExuiPageWrapperComponent_Conditional_4_Template, 4, 4, "h1", 4);
8863
+ i0.ɵɵconditionalCreate(4, ExuiPageWrapperComponent_Conditional_4_Template, 4, 4);
8863
8864
  i0.ɵɵprojection(5);
8864
8865
  i0.ɵɵelementEnd()()();
8865
8866
  } if (rf & 2) {
@@ -8871,7 +8872,7 @@ class ExuiPageWrapperComponent {
8871
8872
  }
8872
8873
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExuiPageWrapperComponent, [{
8873
8874
  type: Component,
8874
- 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"] }]
8875
+ args: [{ selector: 'exui-page-wrapper', standalone: false, template: "<div class=\"page\">\n @if (backLink) {\n <a [routerLink]=\"backLink\" class=\"govuk-back-link\">{{'Back' | rpxTranslate}}</a>\n }\n <div class=\"govuk-width-container\">\n <div class=\"govuk-grid-row\">\n @if (title) {\n @if (fnTitle) {\n <span class=\"govuk-caption-xl\">{{fnTitle | rpxTranslate}}</span>\n }\n <h1 class=\"govuk-heading-xl\">\n {{title | rpxTranslate}}\n </h1>\n }\n <ng-content>\n\n </ng-content>\n </div>\n </div>\n</div>\n", styles: [".page{width:100%}\n"] }]
8875
8876
  }], () => [], { backLink: [{
8876
8877
  type: Input
8877
8878
  }], title: [{