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

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.
@@ -2152,8 +2152,6 @@ class FilterService {
2152
2152
  persist(setting, persistence) {
2153
2153
  switch (persistence) {
2154
2154
  case 'local':
2155
- this.persistLocal(setting);
2156
- break;
2157
2155
  case 'session':
2158
2156
  this.persistSession(setting);
2159
2157
  break;
@@ -2167,23 +2165,12 @@ class FilterService {
2167
2165
  if (this.filterSettings[id]) {
2168
2166
  return this.filterSettings[id];
2169
2167
  }
2170
- if (sessionStorage.getItem(id)) {
2171
- return JSON.parse(sessionStorage.getItem(id));
2172
- }
2173
- if (localStorage.getItem(id)) {
2174
- if (this.isSameUser(id)) {
2175
- return JSON.parse(window.localStorage.getItem(id));
2176
- }
2177
- else {
2178
- return null;
2179
- }
2168
+ const storedSetting = sessionStorage.getItem(id);
2169
+ if (storedSetting) {
2170
+ return JSON.parse(storedSetting);
2180
2171
  }
2181
2172
  return null;
2182
2173
  }
2183
- isSameUser(id) {
2184
- const filterSetting = JSON.parse(window.localStorage.getItem(id));
2185
- return !!filterSetting.idamId && filterSetting.idamId === this.getUserId();
2186
- }
2187
2174
  getStream(id) {
2188
2175
  if (!this.streams[id]) {
2189
2176
  this.streams[id] = new BehaviorSubject(this.get(id));
@@ -2192,7 +2179,6 @@ class FilterService {
2192
2179
  }
2193
2180
  clearSessionAndLocalPersistance(id) {
2194
2181
  sessionStorage.removeItem(id);
2195
- localStorage.removeItem(id);
2196
2182
  if (this.filterSettings[id] !== undefined) {
2197
2183
  this.filterSettings[id] = null;
2198
2184
  }
@@ -2200,10 +2186,6 @@ class FilterService {
2200
2186
  this.streams[id].next(null);
2201
2187
  }
2202
2188
  }
2203
- persistLocal(setting) {
2204
- setting.idamId = this.getUserId();
2205
- window.localStorage.setItem(setting.id, JSON.stringify(setting));
2206
- }
2207
2189
  persistSession(setting) {
2208
2190
  sessionStorage.setItem(setting.id, JSON.stringify(setting));
2209
2191
  }
@@ -2499,23 +2481,22 @@ const _c0$n = a0 => ({ "form-group-error": a0 });
2499
2481
  const _c1$d = (a0, a1) => ({ "hide-autocomplete": a0, "select-option": a1 });
2500
2482
  const _c2$5 = a0 => ({ "select-option": a0 });
2501
2483
  function FindPersonComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
2502
- i0.ɵɵelementStart(0, "span", 10);
2503
- i0.ɵɵtext(1);
2504
- i0.ɵɵpipe(2, "rpxTranslate");
2484
+ i0.ɵɵelementStart(0, "h1", 1)(1, "span", 11);
2485
+ i0.ɵɵtext(2);
2486
+ i0.ɵɵpipe(3, "rpxTranslate");
2505
2487
  i0.ɵɵelementEnd();
2506
- i0.ɵɵelementStart(3, "h1", 11);
2507
2488
  i0.ɵɵtext(4);
2508
2489
  i0.ɵɵpipe(5, "rpxTranslate");
2509
2490
  i0.ɵɵelementEnd();
2510
2491
  } if (rf & 2) {
2511
2492
  const ctx_r1 = i0.ɵɵnextContext();
2512
- i0.ɵɵadvance();
2513
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, ctx_r1.title));
2514
- i0.ɵɵadvance(3);
2493
+ i0.ɵɵadvance(2);
2494
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, ctx_r1.title));
2495
+ i0.ɵɵadvance(2);
2515
2496
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx_r1.boldTitle), " ");
2516
2497
  } }
2517
2498
  function FindPersonComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
2518
- i0.ɵɵelementStart(0, "div", 4);
2499
+ i0.ɵɵelementStart(0, "div", 5);
2519
2500
  i0.ɵɵtext(1);
2520
2501
  i0.ɵɵpipe(2, "rpxTranslate");
2521
2502
  i0.ɵɵelementEnd();
@@ -2525,7 +2506,7 @@ function FindPersonComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
2525
2506
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, ctx_r1.subTitle), " ");
2526
2507
  } }
2527
2508
  function FindPersonComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
2528
- i0.ɵɵelementStart(0, "span", 5)(1, "span", 3);
2509
+ i0.ɵɵelementStart(0, "span", 6)(1, "span", 4);
2529
2510
  i0.ɵɵtext(2);
2530
2511
  i0.ɵɵpipe(3, "rpxTranslate");
2531
2512
  i0.ɵɵelementEnd();
@@ -2539,7 +2520,7 @@ function FindPersonComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
2539
2520
  i0.ɵɵtextInterpolate1("", ctx_r1.findPersonGroup.errors.error ? ctx_r1.findPersonGroup.errors.error : ctx_r1.errorMessage, " ");
2540
2521
  } }
2541
2522
  function FindPersonComponent_For_12_Template(rf, ctx) { if (rf & 1) {
2542
- i0.ɵɵelementStart(0, "mat-option", 8);
2523
+ i0.ɵɵelementStart(0, "mat-option", 9);
2543
2524
  i0.ɵɵtext(1);
2544
2525
  i0.ɵɵpipe(2, "rpxTranslate");
2545
2526
  i0.ɵɵelementEnd();
@@ -2551,7 +2532,7 @@ function FindPersonComponent_For_12_Template(rf, ctx) { if (rf & 1) {
2551
2532
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 3, ctx_r1.getDisplayName(option_r3)), " ");
2552
2533
  } }
2553
2534
  function FindPersonComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
2554
- i0.ɵɵelementStart(0, "mat-option", 9);
2535
+ i0.ɵɵelementStart(0, "mat-option", 10);
2555
2536
  i0.ɵɵtext(1);
2556
2537
  i0.ɵɵpipe(2, "rpxTranslate");
2557
2538
  i0.ɵɵelementEnd();
@@ -2645,22 +2626,22 @@ class FindPersonComponent {
2645
2626
  this.personFieldChanged.emit();
2646
2627
  }
2647
2628
  static { this.ɵfac = function FindPersonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FindPersonComponent)(i0.ɵɵdirectiveInject(FindAPersonService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
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) {
2629
+ 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) {
2649
2630
  const _r1 = i0.ɵɵgetCurrentView();
2650
- i0.ɵɵconditionalCreate(0, FindPersonComponent_Conditional_0_Template, 6, 6);
2651
- i0.ɵɵelementStart(1, "div", 1)(2, "fieldset", 2)(3, "legend", 3);
2631
+ i0.ɵɵconditionalCreate(0, FindPersonComponent_Conditional_0_Template, 6, 6, "h1", 1);
2632
+ i0.ɵɵelementStart(1, "div", 2)(2, "fieldset", 3)(3, "legend", 4);
2652
2633
  i0.ɵɵtext(4);
2653
2634
  i0.ɵɵpipe(5, "rpxTranslate");
2654
2635
  i0.ɵɵelementEnd();
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);
2636
+ i0.ɵɵconditionalCreate(6, FindPersonComponent_Conditional_6_Template, 3, 3, "div", 5);
2637
+ i0.ɵɵconditionalCreate(7, FindPersonComponent_Conditional_7_Template, 5, 4, "span", 6);
2638
+ i0.ɵɵelementStart(8, "input", 7);
2658
2639
  i0.ɵɵlistener("input", function FindPersonComponent_Template_input_input_8_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onInput()); });
2659
2640
  i0.ɵɵelementEnd();
2660
- i0.ɵɵelementStart(9, "mat-autocomplete", 7, 0);
2641
+ i0.ɵɵelementStart(9, "mat-autocomplete", 8, 0);
2661
2642
  i0.ɵɵlistener("optionSelected", function FindPersonComponent_Template_mat_autocomplete_optionSelected_9_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSelectionChange($event.option.value)); });
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);
2643
+ i0.ɵɵrepeaterCreate(11, FindPersonComponent_For_12_Template, 3, 8, "mat-option", 9, i0.ɵɵrepeaterTrackByIdentity);
2644
+ i0.ɵɵconditionalCreate(13, FindPersonComponent_Conditional_13_Template, 3, 6, "mat-option", 10);
2664
2645
  i0.ɵɵelementEnd()()();
2665
2646
  } if (rf & 2) {
2666
2647
  const auto_r4 = i0.ɵɵreference(10);
@@ -2686,7 +2667,7 @@ class FindPersonComponent {
2686
2667
  }
2687
2668
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FindPersonComponent, [{
2688
2669
  type: Component,
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"] }]
2670
+ 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"] }]
2690
2671
  }], () => [{ type: FindAPersonService }, { type: i0.ChangeDetectorRef }], { personSelected: [{
2691
2672
  type: Output
2692
2673
  }], personFieldChanged: [{
@@ -3157,21 +3138,20 @@ const _c0$m = a0 => ({ "form-group-error": a0 });
3157
3138
  const _c1$c = (a0, a1) => ({ "hide-autocomplete": a0, "select-option": a1 });
3158
3139
  const _c2$4 = a0 => ({ "select-option": a0 });
3159
3140
  function FindTaskNameComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
3160
- i0.ɵɵelementStart(0, "span", 10);
3161
- i0.ɵɵtext(1);
3141
+ i0.ɵɵelementStart(0, "h1", 1)(1, "span", 11);
3142
+ i0.ɵɵtext(2);
3162
3143
  i0.ɵɵelementEnd();
3163
- i0.ɵɵelementStart(2, "h1", 11);
3164
3144
  i0.ɵɵtext(3);
3165
3145
  i0.ɵɵelementEnd();
3166
3146
  } if (rf & 2) {
3167
3147
  const ctx_r1 = i0.ɵɵnextContext();
3168
- i0.ɵɵadvance();
3169
- i0.ɵɵtextInterpolate(ctx_r1.title);
3170
3148
  i0.ɵɵadvance(2);
3149
+ i0.ɵɵtextInterpolate(ctx_r1.title);
3150
+ i0.ɵɵadvance();
3171
3151
  i0.ɵɵtextInterpolate1(" ", ctx_r1.boldTitle, " ");
3172
3152
  } }
3173
3153
  function FindTaskNameComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
3174
- i0.ɵɵelementStart(0, "div", 4);
3154
+ i0.ɵɵelementStart(0, "div", 5);
3175
3155
  i0.ɵɵtext(1);
3176
3156
  i0.ɵɵelementEnd();
3177
3157
  } if (rf & 2) {
@@ -3180,7 +3160,7 @@ function FindTaskNameComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
3180
3160
  i0.ɵɵtextInterpolate1(" ", ctx_r1.subTitle, " ");
3181
3161
  } }
3182
3162
  function FindTaskNameComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
3183
- i0.ɵɵelementStart(0, "span", 5)(1, "span", 3);
3163
+ i0.ɵɵelementStart(0, "span", 6)(1, "span", 4);
3184
3164
  i0.ɵɵtext(2, "Error:");
3185
3165
  i0.ɵɵelementEnd();
3186
3166
  i0.ɵɵtext(3);
@@ -3191,7 +3171,7 @@ function FindTaskNameComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
3191
3171
  i0.ɵɵtextInterpolate1("", ctx_r1.findTaskNameGroup.errors.error ? ctx_r1.findTaskNameGroup.errors.error : ctx_r1.errorMessage, " ");
3192
3172
  } }
3193
3173
  function FindTaskNameComponent_For_11_Template(rf, ctx) { if (rf & 1) {
3194
- i0.ɵɵelementStart(0, "mat-option", 8);
3174
+ i0.ɵɵelementStart(0, "mat-option", 9);
3195
3175
  i0.ɵɵtext(1);
3196
3176
  i0.ɵɵelementEnd();
3197
3177
  } if (rf & 2) {
@@ -3202,7 +3182,7 @@ function FindTaskNameComponent_For_11_Template(rf, ctx) { if (rf & 1) {
3202
3182
  i0.ɵɵtextInterpolate1(" ", ctx_r1.getTaskTypeName(option_r3), " ");
3203
3183
  } }
3204
3184
  function FindTaskNameComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
3205
- i0.ɵɵelementStart(0, "mat-option", 9);
3185
+ i0.ɵɵelementStart(0, "mat-option", 10);
3206
3186
  i0.ɵɵtext(1, "No results found");
3207
3187
  i0.ɵɵelementEnd();
3208
3188
  } if (rf & 2) {
@@ -3269,21 +3249,21 @@ class FindTaskNameComponent {
3269
3249
  this.taskNameFieldChanged.emit();
3270
3250
  }
3271
3251
  static { this.ɵfac = function FindTaskNameComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FindTaskNameComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(TaskService)); }; }
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) {
3252
+ 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) {
3273
3253
  const _r1 = i0.ɵɵgetCurrentView();
3274
- i0.ɵɵconditionalCreate(0, FindTaskNameComponent_Conditional_0_Template, 4, 2);
3275
- i0.ɵɵelementStart(1, "div", 1)(2, "fieldset", 2)(3, "legend", 3);
3254
+ i0.ɵɵconditionalCreate(0, FindTaskNameComponent_Conditional_0_Template, 4, 2, "h1", 1);
3255
+ i0.ɵɵelementStart(1, "div", 2)(2, "fieldset", 3)(3, "legend", 4);
3276
3256
  i0.ɵɵtext(4);
3277
3257
  i0.ɵɵelementEnd();
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);
3258
+ i0.ɵɵconditionalCreate(5, FindTaskNameComponent_Conditional_5_Template, 2, 1, "div", 5);
3259
+ i0.ɵɵconditionalCreate(6, FindTaskNameComponent_Conditional_6_Template, 4, 1, "span", 6);
3260
+ i0.ɵɵelementStart(7, "input", 7);
3281
3261
  i0.ɵɵlistener("input", function FindTaskNameComponent_Template_input_input_7_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onInput()); });
3282
3262
  i0.ɵɵelementEnd();
3283
- i0.ɵɵelementStart(8, "mat-autocomplete", 7, 0);
3263
+ i0.ɵɵelementStart(8, "mat-autocomplete", 8, 0);
3284
3264
  i0.ɵɵlistener("optionSelected", function FindTaskNameComponent_Template_mat_autocomplete_optionSelected_8_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSelectionChange($event.option.value)); });
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);
3265
+ i0.ɵɵrepeaterCreate(10, FindTaskNameComponent_For_11_Template, 2, 6, "mat-option", 9, i0.ɵɵrepeaterTrackByIdentity);
3266
+ i0.ɵɵconditionalCreate(12, FindTaskNameComponent_Conditional_12_Template, 2, 3, "mat-option", 10);
3287
3267
  i0.ɵɵelementEnd()()();
3288
3268
  } if (rf & 2) {
3289
3269
  let tmp_3_0;
@@ -3310,7 +3290,7 @@ class FindTaskNameComponent {
3310
3290
  }
3311
3291
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FindTaskNameComponent, [{
3312
3292
  type: Component,
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" }]
3293
+ 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" }]
3314
3294
  }], () => [{ type: i0.ChangeDetectorRef }, { type: TaskService }], { taskNameSelected: [{
3315
3295
  type: Output
3316
3296
  }], taskNameFieldChanged: [{
@@ -6080,10 +6060,10 @@ class SelectedCaseConfirmComponent {
6080
6060
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SelectedCaseConfirmComponent, { className: "SelectedCaseConfirmComponent", filePath: "lib/components/selected-case-confirm/selected-case-confirm.component.ts", lineNumber: 13 }); })();
6081
6061
 
6082
6062
  function _forTrack0$1($index, $item) { return this.trackByUserId($item); }
6083
- function SelectedCaseComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
6063
+ function SelectedCaseComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
6084
6064
  const _r1 = i0.ɵɵgetCurrentView();
6085
6065
  i0.ɵɵelementStart(0, "button", 14);
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)); });
6066
+ 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)); });
6087
6067
  i0.ɵɵtext(1);
6088
6068
  i0.ɵɵpipe(2, "rpxTranslate");
6089
6069
  i0.ɵɵelementEnd();
@@ -6093,7 +6073,7 @@ function SelectedCaseComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
6093
6073
  i0.ɵɵadvance();
6094
6074
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 3, "Deselect case"), " ");
6095
6075
  } }
6096
- function SelectedCaseComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
6076
+ function SelectedCaseComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
6097
6077
  i0.ɵɵelementStart(0, "div", 12)(1, "span", 15);
6098
6078
  i0.ɵɵtext(2);
6099
6079
  i0.ɵɵpipe(3, "rpxTranslate");
@@ -6105,7 +6085,7 @@ function SelectedCaseComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
6105
6085
  i0.ɵɵadvance();
6106
6086
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 3, "No users from your organisation currently have access to this case."), " ");
6107
6087
  } }
6108
- function SelectedCaseComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
6088
+ function SelectedCaseComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
6109
6089
  i0.ɵɵelementStart(0, "div", 12)(1, "span", 15);
6110
6090
  i0.ɵɵtext(2);
6111
6091
  i0.ɵɵpipe(3, "rpxTranslate");
@@ -6117,10 +6097,10 @@ function SelectedCaseComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
6117
6097
  i0.ɵɵadvance();
6118
6098
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 3, "Users from your organisation with access to this case."), " ");
6119
6099
  } }
6120
- function SelectedCaseComponent_Conditional_20_For_17_Conditional_8_Template(rf, ctx) { if (rf & 1) {
6100
+ function SelectedCaseComponent_Conditional_19_For_17_Conditional_8_Template(rf, ctx) { if (rf & 1) {
6121
6101
  const _r3 = i0.ɵɵgetCurrentView();
6122
6102
  i0.ɵɵelementStart(0, "a", 27);
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()); });
6103
+ 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()); });
6124
6104
  i0.ɵɵtext(1);
6125
6105
  i0.ɵɵpipe(2, "rpxTranslate");
6126
6106
  i0.ɵɵelementStart(3, "span", 28);
@@ -6134,10 +6114,10 @@ function SelectedCaseComponent_Conditional_20_For_17_Conditional_8_Template(rf,
6134
6114
  i0.ɵɵadvance(3);
6135
6115
  i0.ɵɵtextInterpolate2("", user_r4.firstName + " " + user_r4.lastName, " ", i0.ɵɵpipeBind1(5, 5, "from case"));
6136
6116
  } }
6137
- function SelectedCaseComponent_Conditional_20_For_17_Conditional_10_Template(rf, ctx) { if (rf & 1) {
6117
+ function SelectedCaseComponent_Conditional_19_For_17_Conditional_10_Template(rf, ctx) { if (rf & 1) {
6138
6118
  const _r5 = i0.ɵɵgetCurrentView();
6139
6119
  i0.ɵɵelementStart(0, "a", 27);
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()); });
6120
+ 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()); });
6141
6121
  i0.ɵɵtext(1);
6142
6122
  i0.ɵɵpipe(2, "rpxTranslate");
6143
6123
  i0.ɵɵelementStart(3, "span", 28);
@@ -6152,7 +6132,7 @@ function SelectedCaseComponent_Conditional_20_For_17_Conditional_10_Template(rf,
6152
6132
  i0.ɵɵadvance(3);
6153
6133
  i0.ɵɵtextInterpolate3("", i0.ɵɵpipeBind1(5, 6, "adding"), " ", user_r4.firstName + " " + user_r4.lastName, " ", i0.ɵɵpipeBind1(6, 8, "to case"));
6154
6134
  } }
6155
- function SelectedCaseComponent_Conditional_20_For_17_Conditional_13_Template(rf, ctx) { if (rf & 1) {
6135
+ function SelectedCaseComponent_Conditional_19_For_17_Conditional_13_Template(rf, ctx) { if (rf & 1) {
6156
6136
  i0.ɵɵelementStart(0, "span", 25);
6157
6137
  i0.ɵɵtext(1);
6158
6138
  i0.ɵɵpipe(2, "rpxTranslate");
@@ -6161,7 +6141,7 @@ function SelectedCaseComponent_Conditional_20_For_17_Conditional_13_Template(rf,
6161
6141
  i0.ɵɵadvance();
6162
6142
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "To be removed"));
6163
6143
  } }
6164
- function SelectedCaseComponent_Conditional_20_For_17_Conditional_15_Template(rf, ctx) { if (rf & 1) {
6144
+ function SelectedCaseComponent_Conditional_19_For_17_Conditional_15_Template(rf, ctx) { if (rf & 1) {
6165
6145
  i0.ɵɵelementStart(0, "span", 26);
6166
6146
  i0.ɵɵtext(1);
6167
6147
  i0.ɵɵpipe(2, "rpxTranslate");
@@ -6170,7 +6150,7 @@ function SelectedCaseComponent_Conditional_20_For_17_Conditional_15_Template(rf,
6170
6150
  i0.ɵɵadvance();
6171
6151
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "To be added"));
6172
6152
  } }
6173
- function SelectedCaseComponent_Conditional_20_For_17_Template(rf, ctx) { if (rf & 1) {
6153
+ function SelectedCaseComponent_Conditional_19_For_17_Template(rf, ctx) { if (rf & 1) {
6174
6154
  i0.ɵɵelementStart(0, "tr", 17)(1, "td", 22);
6175
6155
  i0.ɵɵpipe(2, "async");
6176
6156
  i0.ɵɵtext(3);
@@ -6180,27 +6160,27 @@ function SelectedCaseComponent_Conditional_20_For_17_Template(rf, ctx) { if (rf
6180
6160
  i0.ɵɵtext(6);
6181
6161
  i0.ɵɵelementEnd();
6182
6162
  i0.ɵɵelementStart(7, "td", 23);
6183
- i0.ɵɵconditionalCreate(8, SelectedCaseComponent_Conditional_20_For_17_Conditional_8_Template, 6, 7, "a", 24);
6163
+ i0.ɵɵconditionalCreate(8, SelectedCaseComponent_Conditional_19_For_17_Conditional_8_Template, 6, 7, "a", 24);
6184
6164
  i0.ɵɵpipe(9, "async");
6185
- i0.ɵɵconditionalCreate(10, SelectedCaseComponent_Conditional_20_For_17_Conditional_10_Template, 7, 10, "a", 24);
6165
+ i0.ɵɵconditionalCreate(10, SelectedCaseComponent_Conditional_19_For_17_Conditional_10_Template, 7, 10, "a", 24);
6186
6166
  i0.ɵɵpipe(11, "async");
6187
6167
  i0.ɵɵelementEnd();
6188
6168
  i0.ɵɵelementStart(12, "td", 23);
6189
- i0.ɵɵconditionalCreate(13, SelectedCaseComponent_Conditional_20_For_17_Conditional_13_Template, 3, 3, "span", 25);
6169
+ i0.ɵɵconditionalCreate(13, SelectedCaseComponent_Conditional_19_For_17_Conditional_13_Template, 3, 3, "span", 25);
6190
6170
  i0.ɵɵpipe(14, "async");
6191
- i0.ɵɵconditionalCreate(15, SelectedCaseComponent_Conditional_20_For_17_Conditional_15_Template, 3, 3, "span", 26);
6171
+ i0.ɵɵconditionalCreate(15, SelectedCaseComponent_Conditional_19_For_17_Conditional_15_Template, 3, 3, "span", 26);
6192
6172
  i0.ɵɵpipe(16, "async");
6193
6173
  i0.ɵɵelementEnd()();
6194
6174
  } if (rf & 2) {
6195
6175
  const user_r4 = ctx.$implicit;
6196
- const ɵ$index_73_r6 = ctx.$index;
6176
+ const ɵ$index_72_r6 = ctx.$index;
6197
6177
  const ctx_r1 = i0.ɵɵnextContext(2);
6198
6178
  i0.ɵɵadvance();
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)));
6179
+ 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)));
6200
6180
  i0.ɵɵadvance(2);
6201
6181
  i0.ɵɵtextInterpolate(user_r4.firstName + " " + user_r4.lastName);
6202
6182
  i0.ɵɵadvance();
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)));
6183
+ 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)));
6204
6184
  i0.ɵɵadvance(2);
6205
6185
  i0.ɵɵtextInterpolate(user_r4.email);
6206
6186
  i0.ɵɵadvance(2);
@@ -6212,7 +6192,7 @@ function SelectedCaseComponent_Conditional_20_For_17_Template(rf, ctx) { if (rf
6212
6192
  i0.ɵɵadvance(2);
6213
6193
  i0.ɵɵconditional(i0.ɵɵpipeBind1(16, 20, ctx_r1.isToBeAdded(ctx_r1.sharedCase.caseId, user_r4)) ? 15 : -1);
6214
6194
  } }
6215
- function SelectedCaseComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
6195
+ function SelectedCaseComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
6216
6196
  i0.ɵɵelementStart(0, "table", 13)(1, "thead", 16)(2, "tr", 17)(3, "th", 18);
6217
6197
  i0.ɵɵtext(4);
6218
6198
  i0.ɵɵpipe(5, "rpxTranslate");
@@ -6230,7 +6210,7 @@ function SelectedCaseComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
6230
6210
  i0.ɵɵpipe(14, "rpxTranslate");
6231
6211
  i0.ɵɵelementEnd()()();
6232
6212
  i0.ɵɵelementStart(15, "tbody", 21);
6233
- i0.ɵɵrepeaterCreate(16, SelectedCaseComponent_Conditional_20_For_17_Template, 17, 22, "tr", 17, _forTrack0$1, true);
6213
+ i0.ɵɵrepeaterCreate(16, SelectedCaseComponent_Conditional_19_For_17_Template, 17, 22, "tr", 17, _forTrack0$1, true);
6234
6214
  i0.ɵɵelementEnd()();
6235
6215
  } if (rf & 2) {
6236
6216
  const ctx_r1 = i0.ɵɵnextContext();
@@ -6388,57 +6368,56 @@ class SelectedCaseComponent {
6388
6368
  return `${elementName}-${this.sharedCase.caseId}`;
6389
6369
  }
6390
6370
  static { this.ɵfac = function SelectedCaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SelectedCaseComponent)(i0.ɵɵdirectiveInject(CaseSharingStateService)); }; }
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) {
6371
+ 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) {
6392
6372
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h3", 3);
6393
6373
  i0.ɵɵtext(4);
6394
6374
  i0.ɵɵpipe(5, "rpxTranslate");
6395
- i0.ɵɵpipe(6, "rpxTranslate");
6396
6375
  i0.ɵɵelementEnd();
6397
- i0.ɵɵelementStart(7, "h3", 4);
6398
- i0.ɵɵtext(8);
6399
- i0.ɵɵpipe(9, "rpxTranslate");
6376
+ i0.ɵɵelementStart(6, "h3", 4);
6377
+ i0.ɵɵtext(7);
6378
+ i0.ɵɵpipe(8, "rpxTranslate");
6400
6379
  i0.ɵɵelementEnd()();
6401
- i0.ɵɵelementStart(10, "div", 5);
6402
- i0.ɵɵconditionalCreate(11, SelectedCaseComponent_Conditional_11_Template, 3, 5, "button", 6);
6380
+ i0.ɵɵelementStart(9, "div", 5);
6381
+ i0.ɵɵconditionalCreate(10, SelectedCaseComponent_Conditional_10_Template, 3, 5, "button", 6);
6403
6382
  i0.ɵɵelementEnd();
6404
- i0.ɵɵelementStart(12, "div", 7)(13, "div", 8)(14, "button", 9);
6405
- i0.ɵɵpipe(15, "rpxTranslate");
6406
- i0.ɵɵelement(16, "span", 10);
6383
+ i0.ɵɵelementStart(11, "div", 7)(12, "div", 8)(13, "button", 9);
6384
+ i0.ɵɵpipe(14, "rpxTranslate");
6385
+ i0.ɵɵelement(15, "span", 10);
6407
6386
  i0.ɵɵelementEnd()()()();
6408
- i0.ɵɵelementStart(17, "div", 11);
6387
+ i0.ɵɵelementStart(16, "div", 11);
6388
+ i0.ɵɵconditionalCreate(17, SelectedCaseComponent_Conditional_17_Template, 4, 5, "div", 12);
6409
6389
  i0.ɵɵconditionalCreate(18, SelectedCaseComponent_Conditional_18_Template, 4, 5, "div", 12);
6410
- i0.ɵɵconditionalCreate(19, SelectedCaseComponent_Conditional_19_Template, 4, 5, "div", 12);
6411
- i0.ɵɵconditionalCreate(20, SelectedCaseComponent_Conditional_20_Template, 18, 20, "table", 13);
6390
+ i0.ɵɵconditionalCreate(19, SelectedCaseComponent_Conditional_19_Template, 18, 20, "table", 13);
6412
6391
  i0.ɵɵelementEnd()();
6413
6392
  } if (rf & 2) {
6414
6393
  i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("govuk-accordion__section")));
6415
6394
  i0.ɵɵadvance(3);
6416
6395
  i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("case-title")));
6417
6396
  i0.ɵɵadvance();
6418
- i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind1(5, 20, "Case"), ": ", i0.ɵɵpipeBind1(6, 22, ctx.sharedCase.caseTitle), " ");
6419
- i0.ɵɵadvance(3);
6397
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 19, ctx.sharedCase.caseTitle));
6398
+ i0.ɵɵadvance(2);
6420
6399
  i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("case-id")));
6421
6400
  i0.ɵɵadvance();
6422
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(9, 24, ctx.sharedCase.caseId));
6401
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 21, ctx.sharedCase.caseId));
6423
6402
  i0.ɵɵadvance(3);
6424
- i0.ɵɵconditional(ctx.caseCount > 1 ? 11 : -1);
6403
+ i0.ɵɵconditional(ctx.caseCount > 1 ? 10 : -1);
6425
6404
  i0.ɵɵadvance(3);
6426
- i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("accordion-with-summary-sections-heading")))("title", i0.ɵɵpipeBind1(15, 26, "Expand or Collapse"));
6405
+ i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("accordion-with-summary-sections-heading")))("title", i0.ɵɵpipeBind1(14, 23, "Expand or Collapse"));
6427
6406
  i0.ɵɵattribute("aria-controls", "accordion-with-summary-sections-content" + ctx.buildElementId("accordion-with-summary-sections-heading"));
6428
6407
  i0.ɵɵadvance(3);
6429
6408
  i0.ɵɵproperty("id", i0.ɵɵinterpolate(ctx.buildElementId("accordion-with-summary-sections-content")));
6430
6409
  i0.ɵɵattribute("aria-labelledby", ctx.buildElementId("accordion-with-summary-sections-heading"));
6431
6410
  i0.ɵɵadvance();
6432
- i0.ɵɵconditional(ctx.showNoUsersAccessInfo() ? 18 : -1);
6411
+ i0.ɵɵconditional(ctx.showNoUsersAccessInfo() ? 17 : -1);
6433
6412
  i0.ɵɵadvance();
6434
- i0.ɵɵconditional(ctx.showUserHasAccessInfo() ? 19 : -1);
6413
+ i0.ɵɵconditional(ctx.showUserHasAccessInfo() ? 18 : -1);
6435
6414
  i0.ɵɵadvance();
6436
- i0.ɵɵconditional(ctx.showUserAccessTable() ? 20 : -1);
6415
+ i0.ɵɵconditional(ctx.showUserAccessTable() ? 19 : -1);
6437
6416
  } }, 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}"] }); }
6438
6417
  }
6439
6418
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectedCaseComponent, [{
6440
6419
  type: Component,
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"] }]
6420
+ 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"] }]
6442
6421
  }], () => [{ type: CaseSharingStateService }], { sharedCase: [{
6443
6422
  type: Input
6444
6423
  }], selectedUser: [{
@@ -7076,8 +7055,8 @@ class HmctsErrorSummaryComponent {
7076
7055
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HmctsErrorSummaryComponent, { className: "HmctsErrorSummaryComponent", filePath: "lib/gov-ui/components/hmcts-error-summary/hmcts-error-summary.component.ts", lineNumber: 19 }); })();
7077
7056
 
7078
7057
  const _c0$e = a0 => ({ "govuk-form-group--error": a0 });
7079
- function ShareCaseComponent_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
7080
- i0.ɵɵelementStart(0, "span", 23);
7058
+ function ShareCaseComponent_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
7059
+ i0.ɵɵelementStart(0, "span", 24);
7081
7060
  i0.ɵɵtext(1);
7082
7061
  i0.ɵɵpipe(2, "rpxTranslate");
7083
7062
  i0.ɵɵelementEnd();
@@ -7087,15 +7066,16 @@ function ShareCaseComponent_Conditional_1_Conditional_0_Template(rf, ctx) { if (
7087
7066
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.fnTitle));
7088
7067
  } }
7089
7068
  function ShareCaseComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
7090
- i0.ɵɵconditionalCreate(0, ShareCaseComponent_Conditional_1_Conditional_0_Template, 3, 3, "span", 23);
7091
- i0.ɵɵelementStart(1, "h1", 24);
7069
+ i0.ɵɵelementStart(0, "h1", 1);
7070
+ i0.ɵɵconditionalCreate(1, ShareCaseComponent_Conditional_1_Conditional_1_Template, 3, 3, "span", 24);
7092
7071
  i0.ɵɵtext(2);
7093
7072
  i0.ɵɵpipe(3, "rpxTranslate");
7094
7073
  i0.ɵɵelementEnd();
7095
7074
  } if (rf & 2) {
7096
7075
  const ctx_r0 = i0.ɵɵnextContext();
7097
- i0.ɵɵconditional(ctx_r0.fnTitle ? 0 : -1);
7098
- i0.ɵɵadvance(2);
7076
+ i0.ɵɵadvance();
7077
+ i0.ɵɵconditional(ctx_r0.fnTitle ? 1 : -1);
7078
+ i0.ɵɵadvance();
7099
7079
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, ctx_r0.title), " ");
7100
7080
  } }
7101
7081
  function ShareCaseComponent_Conditional_29_For_13_Template(rf, ctx) { if (rf & 1) {
@@ -7110,7 +7090,7 @@ function ShareCaseComponent_Conditional_29_For_13_Template(rf, ctx) { if (rf & 1
7110
7090
  } }
7111
7091
  function ShareCaseComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
7112
7092
  const _r2 = i0.ɵɵgetCurrentView();
7113
- i0.ɵɵelementStart(0, "div", 2)(1, "label", 25);
7093
+ i0.ɵɵelementStart(0, "div", 3)(1, "label", 25);
7114
7094
  i0.ɵɵtext(2);
7115
7095
  i0.ɵɵpipe(3, "rpxTranslate");
7116
7096
  i0.ɵɵelementEnd();
@@ -7118,19 +7098,19 @@ function ShareCaseComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
7118
7098
  i0.ɵɵtext(5);
7119
7099
  i0.ɵɵpipe(6, "rpxTranslate");
7120
7100
  i0.ɵɵelementEnd();
7121
- i0.ɵɵelementStart(7, "div", 5)(8, "div", 6)(9, "select", 27);
7101
+ i0.ɵɵelementStart(7, "div", 6)(8, "div", 7)(9, "select", 27);
7122
7102
  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)); });
7123
7103
  i0.ɵɵelementStart(10, "option", 28);
7124
7104
  i0.ɵɵtext(11, "Select a person");
7125
7105
  i0.ɵɵelementEnd();
7126
7106
  i0.ɵɵrepeaterCreate(12, ShareCaseComponent_Conditional_29_For_13_Template, 2, 4, "option", 29, i0.ɵɵrepeaterTrackByIdentity);
7127
7107
  i0.ɵɵelementEnd()();
7128
- i0.ɵɵelementStart(14, "div", 8)(15, "button", 30);
7108
+ i0.ɵɵelementStart(14, "div", 9)(15, "button", 30);
7129
7109
  i0.ɵɵpipe(16, "rpxTranslate");
7130
7110
  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()); });
7131
7111
  i0.ɵɵtext(17);
7132
7112
  i0.ɵɵpipe(18, "rpxTranslate");
7133
- i0.ɵɵelementStart(19, "span", 10);
7113
+ i0.ɵɵelementStart(19, "span", 11);
7134
7114
  i0.ɵɵtext(20);
7135
7115
  i0.ɵɵpipe(21, "rpxTranslate");
7136
7116
  i0.ɵɵelementEnd()()()()();
@@ -7155,7 +7135,7 @@ function ShareCaseComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
7155
7135
  } }
7156
7136
  function ShareCaseComponent_Conditional_35_Template(rf, ctx) { if (rf & 1) {
7157
7137
  const _r4 = i0.ɵɵgetCurrentView();
7158
- i0.ɵɵelementStart(0, "div", 18)(1, "xuilib-selected-case-list", 31);
7138
+ i0.ɵɵelementStart(0, "div", 19)(1, "xuilib-selected-case-list", 31);
7159
7139
  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)); });
7160
7140
  i0.ɵɵelementEnd()();
7161
7141
  } if (rf & 2) {
@@ -7164,7 +7144,7 @@ function ShareCaseComponent_Conditional_35_Template(rf, ctx) { if (rf & 1) {
7164
7144
  i0.ɵɵproperty("shareCases$", ctx_r0.shareCases$)("removeUserFromCaseToggleOn", ctx_r0.removeUserFromCaseToggleOn);
7165
7145
  } }
7166
7146
  function ShareCaseComponent_Conditional_36_Template(rf, ctx) { if (rf & 1) {
7167
- i0.ɵɵelementStart(0, "div", 19);
7147
+ i0.ɵɵelementStart(0, "div", 20);
7168
7148
  i0.ɵɵtext(1);
7169
7149
  i0.ɵɵpipe(2, "rpxTranslate");
7170
7150
  i0.ɵɵelementEnd();
@@ -7356,54 +7336,54 @@ class ShareCaseComponent {
7356
7336
  } if (rf & 2) {
7357
7337
  let _t;
7358
7338
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.userSelect = _t.first);
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) {
7339
+ } }, 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) {
7360
7340
  i0.ɵɵelement(0, "xuilib-hmcts-error-summary", 0);
7361
- i0.ɵɵconditionalCreate(1, ShareCaseComponent_Conditional_1_Template, 4, 4);
7362
- i0.ɵɵelementStart(2, "div", 1)(3, "div", 2)(4, "label", 3);
7341
+ i0.ɵɵconditionalCreate(1, ShareCaseComponent_Conditional_1_Template, 4, 4, "h1", 1);
7342
+ i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "label", 4);
7363
7343
  i0.ɵɵtext(5);
7364
7344
  i0.ɵɵpipe(6, "rpxTranslate");
7365
7345
  i0.ɵɵelementEnd();
7366
- i0.ɵɵelementStart(7, "span", 4);
7346
+ i0.ɵɵelementStart(7, "span", 5);
7367
7347
  i0.ɵɵtext(8);
7368
7348
  i0.ɵɵpipe(9, "rpxTranslate");
7369
7349
  i0.ɵɵelementEnd();
7370
- i0.ɵɵelementStart(10, "div", 5)(11, "div", 6)(12, "xuilib-user-select", 7);
7350
+ i0.ɵɵelementStart(10, "div", 6)(11, "div", 7)(12, "xuilib-user-select", 8);
7371
7351
  i0.ɵɵlistener("selected", function ShareCaseComponent_Template_xuilib_user_select_selected_12_listener($event) { return ctx.onSelectedUser($event); });
7372
7352
  i0.ɵɵelementEnd()();
7373
- i0.ɵɵelementStart(13, "div", 8)(14, "button", 9);
7353
+ i0.ɵɵelementStart(13, "div", 9)(14, "button", 10);
7374
7354
  i0.ɵɵpipe(15, "rpxTranslate");
7375
7355
  i0.ɵɵlistener("click", function ShareCaseComponent_Template_button_click_14_listener() { return ctx.addUser(); });
7376
7356
  i0.ɵɵtext(16);
7377
7357
  i0.ɵɵpipe(17, "rpxTranslate");
7378
- i0.ɵɵelementStart(18, "span", 10);
7358
+ i0.ɵɵelementStart(18, "span", 11);
7379
7359
  i0.ɵɵtext(19);
7380
7360
  i0.ɵɵpipe(20, "rpxTranslate");
7381
7361
  i0.ɵɵelementEnd()()()();
7382
- i0.ɵɵelementStart(21, "details", 11)(22, "summary", 12)(23, "span", 13);
7362
+ i0.ɵɵelementStart(21, "details", 12)(22, "summary", 13)(23, "span", 14);
7383
7363
  i0.ɵɵtext(24);
7384
7364
  i0.ɵɵpipe(25, "rpxTranslate");
7385
7365
  i0.ɵɵelementEnd()();
7386
- i0.ɵɵelementStart(26, "div", 14);
7366
+ i0.ɵɵelementStart(26, "div", 15);
7387
7367
  i0.ɵɵtext(27);
7388
7368
  i0.ɵɵpipe(28, "rpxTranslate");
7389
7369
  i0.ɵɵelementEnd()()();
7390
- i0.ɵɵconditionalCreate(29, ShareCaseComponent_Conditional_29_Template, 22, 18, "div", 2);
7370
+ i0.ɵɵconditionalCreate(29, ShareCaseComponent_Conditional_29_Template, 22, 18, "div", 3);
7391
7371
  i0.ɵɵelementEnd();
7392
- i0.ɵɵelementStart(30, "div", 15)(31, "h3", 16);
7372
+ i0.ɵɵelementStart(30, "div", 16)(31, "h3", 17);
7393
7373
  i0.ɵɵtext(32);
7394
7374
  i0.ɵɵpipe(33, "rpxTranslate");
7395
7375
  i0.ɵɵelementEnd();
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);
7376
+ i0.ɵɵelement(34, "xuilib-gov-uk-error-message", 18);
7377
+ i0.ɵɵconditionalCreate(35, ShareCaseComponent_Conditional_35_Template, 2, 2, "div", 19);
7378
+ i0.ɵɵconditionalCreate(36, ShareCaseComponent_Conditional_36_Template, 3, 3, "div", 20);
7399
7379
  i0.ɵɵelementEnd();
7400
- i0.ɵɵelementStart(37, "div", 20)(38, "button", 21);
7380
+ i0.ɵɵelementStart(37, "div", 21)(38, "button", 22);
7401
7381
  i0.ɵɵpipe(39, "rpxTranslate");
7402
7382
  i0.ɵɵlistener("click", function ShareCaseComponent_Template_button_click_38_listener() { return ctx.onContinue(); });
7403
7383
  i0.ɵɵtext(40);
7404
7384
  i0.ɵɵpipe(41, "rpxTranslate");
7405
7385
  i0.ɵɵelementEnd();
7406
- i0.ɵɵelementStart(42, "button", 22);
7386
+ i0.ɵɵelementStart(42, "button", 23);
7407
7387
  i0.ɵɵpipe(43, "rpxTranslate");
7408
7388
  i0.ɵɵtext(44);
7409
7389
  i0.ɵɵpipe(45, "rpxTranslate");
@@ -7452,7 +7432,7 @@ class ShareCaseComponent {
7452
7432
  }
7453
7433
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShareCaseComponent, [{
7454
7434
  type: Component,
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"] }]
7435
+ 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"] }]
7456
7436
  }], () => [{ type: CaseSharingStateService }, { type: i1$1.Router }], { removeUserFromCaseToggleOn: [{
7457
7437
  type: Input
7458
7438
  }], shareCases$: [{
@@ -8820,8 +8800,8 @@ function ExuiPageWrapperComponent_Conditional_1_Template(rf, ctx) { if (rf & 1)
8820
8800
  i0.ɵɵadvance();
8821
8801
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, "Back"));
8822
8802
  } }
8823
- function ExuiPageWrapperComponent_Conditional_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
8824
- i0.ɵɵelementStart(0, "span", 4);
8803
+ function ExuiPageWrapperComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
8804
+ i0.ɵɵelementStart(0, "span", 5);
8825
8805
  i0.ɵɵtext(1);
8826
8806
  i0.ɵɵpipe(2, "rpxTranslate");
8827
8807
  i0.ɵɵelementEnd();
@@ -8831,15 +8811,16 @@ function ExuiPageWrapperComponent_Conditional_4_Conditional_0_Template(rf, ctx)
8831
8811
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.fnTitle));
8832
8812
  } }
8833
8813
  function ExuiPageWrapperComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
8834
- i0.ɵɵconditionalCreate(0, ExuiPageWrapperComponent_Conditional_4_Conditional_0_Template, 3, 3, "span", 4);
8835
- i0.ɵɵelementStart(1, "h1", 5);
8814
+ i0.ɵɵelementStart(0, "h1", 4);
8815
+ i0.ɵɵconditionalCreate(1, ExuiPageWrapperComponent_Conditional_4_Conditional_1_Template, 3, 3, "span", 5);
8836
8816
  i0.ɵɵtext(2);
8837
8817
  i0.ɵɵpipe(3, "rpxTranslate");
8838
8818
  i0.ɵɵelementEnd();
8839
8819
  } if (rf & 2) {
8840
8820
  const ctx_r0 = i0.ɵɵnextContext();
8841
- i0.ɵɵconditional(ctx_r0.fnTitle ? 0 : -1);
8842
- i0.ɵɵadvance(2);
8821
+ i0.ɵɵadvance();
8822
+ i0.ɵɵconditional(ctx_r0.fnTitle ? 1 : -1);
8823
+ i0.ɵɵadvance();
8843
8824
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, ctx_r0.title), " ");
8844
8825
  } }
8845
8826
  /**
@@ -8855,12 +8836,12 @@ function ExuiPageWrapperComponent_Conditional_4_Template(rf, ctx) { if (rf & 1)
8855
8836
  class ExuiPageWrapperComponent {
8856
8837
  constructor() { }
8857
8838
  static { this.ɵfac = function ExuiPageWrapperComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ExuiPageWrapperComponent)(); }; }
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) {
8839
+ 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) {
8859
8840
  i0.ɵɵprojectionDef();
8860
8841
  i0.ɵɵelementStart(0, "div", 0);
8861
8842
  i0.ɵɵconditionalCreate(1, ExuiPageWrapperComponent_Conditional_1_Template, 3, 4, "a", 1);
8862
8843
  i0.ɵɵelementStart(2, "div", 2)(3, "div", 3);
8863
- i0.ɵɵconditionalCreate(4, ExuiPageWrapperComponent_Conditional_4_Template, 4, 4);
8844
+ i0.ɵɵconditionalCreate(4, ExuiPageWrapperComponent_Conditional_4_Template, 4, 4, "h1", 4);
8864
8845
  i0.ɵɵprojection(5);
8865
8846
  i0.ɵɵelementEnd()()();
8866
8847
  } if (rf & 2) {
@@ -8872,7 +8853,7 @@ class ExuiPageWrapperComponent {
8872
8853
  }
8873
8854
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExuiPageWrapperComponent, [{
8874
8855
  type: Component,
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"] }]
8856
+ 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"] }]
8876
8857
  }], () => [], { backLink: [{
8877
8858
  type: Input
8878
8859
  }], title: [{