@hmcts/rpx-xui-common-lib 2.0.39 → 2.0.40-angular-upgrade-rc1

package/fesm2022/hmcts-rpx-xui-common-lib.mjs

@@ -223,7 +223,7 @@ class AccessibilityComponent {
             this.isEndpointMC = false;
         }
     }
-    static { this.ɵfac = function AccessibilityComponent_Factory(t) { return new (t || AccessibilityComponent)(); }; }
+    static { this.ɵfac = function AccessibilityComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AccessibilityComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AccessibilityComponent, selectors: [["xuilib-accessibility"]], decls: 276, vars: 261, consts: [["id", "Accessibility-statement-for-Expert-UI", 1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-list"], ["href", "accessibility#Immigration-and-asylum-chamber"], ["href", "accessibility#Family-public-law"], [1, "govuk-list", "govuk-list--bullet"], [4, "ngIf"], ["rel", "noopener noreferrer", "target", "_blank", "href", "https://mcmw.abilitynet.org.uk/"], ["id", "How-accessible-this-website-is", 1, "govuk-heading-l"], ["id", "What-to-do-if-you-cannot-access-parts-of-this-website", 1, "govuk-heading-l"], ["href", "mailto:HMCTSforms@justice.gov.uk"], ["id", "Adoption", 1, "govuk-heading-l"], ["id", "Divorce-and-financial-remedy", 1, "govuk-heading-l"], ["id", "Civil-damages-service", 1, "govuk-heading-l"], ["id", "Family-public-law", 1, "govuk-heading-l"], ["id", "Immigration-and-asylum-chamber", 1, "govuk-heading-l"], ["id", "Online-civil-money-claims", 1, "govuk-heading-l"], ["id", "Private-law", 1, "govuk-heading-l"], ["id", "Probate", 1, "govuk-heading-l"], ["id", "Social-security-and-child-support", 1, "govuk-heading-l"], ["id", "Reporting-accessibility-problems-with-this-website", 1, "govuk-heading-l"], ["href", "mailto:MCTSforms@justice.gov.uk"], ["id", "Enforcement-procedure ", 1, "govuk-heading-l"], ["rel", "noopener noreferrer", "target", "_blank", "href", "https://www.equalityadvisoryservice.com/"], ["id", "Contacting-us-by-phone-or-visiting-us-in-person", 1, "govuk-heading-l"], ["target", "_blank", "href", "https://courttribunalfinder.service.gov.uk/search/"], ["id", "Technical-information-about-this-website-accessibility", 1, "govuk-heading-l"], ["id", "Compliance-status", 1, "govuk-heading-l"], ["target", "_blank", "href", "https://www.w3.org/TR/WCAG21/"], ["id", "Non-accessible-content", 1, "govuk-heading-l"], ["id", "Non-compliance-with-the-accessibility-regulations", 1, "govuk-heading-l"], ["class", "govuk-body", 4, "ngIf"], ["class", "govuk-heading-m", "id", "Disproportionate-burden", 4, "ngIf"], ["class", "govuk-list govuk-list--bullet", 4, "ngIf"], ["id", "Content-that\u2019s-not-within-the-scope-of-the-accessibility-regulations", 1, "govuk-heading-m"], ["id", "what-to-improve-accessibility", 1, "govuk-heading-l"], ["target", "_blank", "href", "https://digitalaccessibilitycentre.org/"], ["id", "preparation-of-this-accessibility-statement", 1, "govuk-heading-l"], ["href", "mailto:customer.service@justice.gov.uk"], ["id", "Disproportionate-burden", 1, "govuk-heading-m"], ["target", "_blank", "href", "https://www.legislation.gov.uk/uksi/2018/952/regulation/7/made/"]], template: function AccessibilityComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "h1", 0);
             i0.ɵɵtext(1);
@@ -953,7 +953,7 @@ class CheckboxListComponent {
             }
         }
     }
-    static { this.ɵfac = function CheckboxListComponent_Factory(t) { return new (t || CheckboxListComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
+    static { this.ɵfac = function CheckboxListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CheckboxListComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CheckboxListComponent, selectors: [["xuilib-checkbox-list"]], inputs: { options: "options", preselection: "preselection", labelFunction: "labelFunction", selection: "selection" }, outputs: { selectionChange: "selectionChange" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "xui-checkbox-list govuk-checkboxes govuk-checkboxes--small", 4, "ngIf"], [1, "xui-checkbox-list", "govuk-checkboxes", "govuk-checkboxes--small"], [1, "select-all", "govuk-checkboxes__item"], ["type", "checkbox", "id", "select_all", 1, "govuk-checkboxes__input", 3, "change", "checked"], ["for", "select_all", 1, "govuk-label", "govuk-checkboxes__label"], [1, "checkbox-items"], ["class", "govuk-checkboxes__item", 4, "ngFor", "ngForOf"], [1, "govuk-checkboxes__item"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "change", "id", "checked"], [1, "govuk-label", "govuk-checkboxes__label", 3, "for"]], template: function CheckboxListComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, CheckboxListComponent_div_0_Template, 8, 5, "div", 0);
         } if (rf & 2) {
@@ -1080,7 +1080,7 @@ function ContactDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
 class ContactDetailsComponent {
     constructor() {
     }
-    static { this.ɵfac = function ContactDetailsComponent_Factory(t) { return new (t || ContactDetailsComponent)(); }; }
+    static { this.ɵfac = function ContactDetailsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ContactDetailsComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContactDetailsComponent, selectors: [["xuilib-contact-details"]], inputs: { data: "data" }, decls: 1, vars: 1, consts: [["class", "contact-details", 4, "ngIf"], [1, "contact-details"], ["class", "govuk-heading-m", 4, "ngIf"], [4, "ngIf"], ["class", "email", 4, "ngIf"], ["class", "contactDetails", 4, "ngIf"], ["class", "phone", 4, "ngIf"], ["class", "opening-times", 4, "ngIf"], [1, "govuk-heading-m"], [3, "className"], [1, "email"], [1, "govuk-!-font-weight-bold"], [3, "href"], [1, "contactDetails"], ["rel", "external", 3, "href"], [1, "phone"], [1, "opening-times"]], template: function ContactDetailsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, ContactDetailsComponent_div_0_Template, 7, 6, "div", 0);
         } if (rf & 2) {
@@ -1219,7 +1219,7 @@ class DueDateComponent {
         const diffSecs = Math.floor((toEpoch - fromEpoch) / 1000);
         return Math.floor(diffSecs / SECONDS_IN_A_DAY);
     }
-    static { this.ɵfac = function DueDateComponent_Factory(t) { return new (t || DueDateComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
+    static { this.ɵfac = function DueDateComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DueDateComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DueDateComponent, selectors: [["xuilib-due-date"]], inputs: { dueDate: "dueDate", highUrgencyCutoff: "highUrgencyCutoff", mediumUrgencyCutoff: "mediumUrgencyCutoff" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "due-date hmcts-badge", 3, "ngClass", "title", 4, "ngIf"], [1, "due-date", "hmcts-badge", 3, "ngClass", "title"]], template: function DueDateComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, DueDateComponent_span_0_Template, 5, 10, "span", 0);
         } if (rf & 2) {
@@ -1259,7 +1259,7 @@ class FeatureToggleService {
     getValueSync(feature, defaultValue) {
         throw new Error(`Not implemented ${feature}:${defaultValue}`);
     }
-    static { this.ɵfac = function FeatureToggleService_Factory(t) { return new (t || FeatureToggleService)(); }; }
+    static { this.ɵfac = function FeatureToggleService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FeatureToggleService)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FeatureToggleService, factory: FeatureToggleService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FeatureToggleService, [{
@@ -1274,6 +1274,7 @@ class FeatureToggleGuard {
         this.featureToggleService = featureToggleService;
         this.router = router;
     }
+    // TEST-TODO
     /**
      * Usage: Add the FeatureToggleGuard as the Guard for a route, and provide the following
      * in the data array for the route:
@@ -1281,11 +1282,13 @@ class FeatureToggleGuard {
      * - featureDisabledRedirect: the URL to redirect to when the this route is not accessible due to disabled features
      * - expectFeatureEnabled: Sets whether a route should be enabled/disabled based on whether feature is present
      * @param route Automatically provided by Angular
+     * Note: Per Angular 18, when a guard returns a UrlTree as a redirect,
+     * the redirecting navigation will now use replaceUrl if the initial navigation was also using the replaceUrl option.
      */
     canActivate(route) {
         return combineLatest([...route.data.needsFeaturesEnabled.map(feature => this.featureToggleService.getValueOnce(feature, false))]).pipe(map(featureStatuses => featureStatuses.every(status => status)), map(status => (route.data.expectFeatureEnabled !== false && status) || (route.data.expectFeatureEnabled === false && !status) || this.router.parseUrl(route.data.featureDisabledRedirect)));
     }
-    static { this.ɵfac = function FeatureToggleGuard_Factory(t) { return new (t || FeatureToggleGuard)(i0.ɵɵinject(FeatureToggleService), i0.ɵɵinject(i2$1.Router)); }; }
+    static { this.ɵfac = function FeatureToggleGuard_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FeatureToggleGuard)(i0.ɵɵinject(FeatureToggleService), i0.ɵɵinject(i2$1.Router)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FeatureToggleGuard, factory: FeatureToggleGuard.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FeatureToggleGuard, [{
@@ -1345,7 +1348,7 @@ class LaunchDarklyService {
     getValueSync(feature, defaultValue) {
         return this.client.variation(feature, defaultValue);
     }
-    static { this.ɵfac = function LaunchDarklyService_Factory(t) { return new (t || LaunchDarklyService)(); }; }
+    static { this.ɵfac = function LaunchDarklyService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LaunchDarklyService)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LaunchDarklyService, factory: LaunchDarklyService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LaunchDarklyService, [{
@@ -1560,7 +1563,7 @@ class AddressService {
         });
         return sentence;
     }
-    static { this.ɵfac = function AddressService_Factory(t) { return new (t || AddressService)(i0.ɵɵinject(i1$1.HttpClient)); }; }
+    static { this.ɵfac = function AddressService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AddressService)(i0.ɵɵinject(i1$1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AddressService, factory: AddressService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddressService, [{
@@ -1614,7 +1617,7 @@ class GoogleAnalyticsService {
     event(eventName, params) {
         this.window.gtag('event', eventName, params);
     }
-    static { this.ɵfac = function GoogleAnalyticsService_Factory(t) { return new (t || GoogleAnalyticsService)(i0.ɵɵinject(i2$1.Router), i0.ɵɵinject(i2$2.Title), i0.ɵɵinject(windowToken), i0.ɵɵinject(DOCUMENT)); }; }
+    static { this.ɵfac = function GoogleAnalyticsService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GoogleAnalyticsService)(i0.ɵɵinject(i2$1.Router), i0.ɵɵinject(i2$2.Title), i0.ɵɵinject(windowToken), i0.ɵɵinject(DOCUMENT)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GoogleAnalyticsService, factory: GoogleAnalyticsService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GoogleAnalyticsService, [{
@@ -1677,7 +1680,7 @@ class GoogleTagManagerService {
             params
         });
     }
-    static { this.ɵfac = function GoogleTagManagerService_Factory(t) { return new (t || GoogleTagManagerService)(i0.ɵɵinject(i2$1.Router), i0.ɵɵinject(i2$2.Title), i0.ɵɵinject(windowToken), i0.ɵɵinject(DOCUMENT)); }; }
+    static { this.ɵfac = function GoogleTagManagerService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GoogleTagManagerService)(i0.ɵɵinject(i2$1.Router), i0.ɵɵinject(i2$2.Title), i0.ɵɵinject(windowToken), i0.ɵɵinject(DOCUMENT)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GoogleTagManagerService, factory: GoogleTagManagerService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GoogleTagManagerService, [{
@@ -1725,7 +1728,7 @@ class ManageSessionServices {
     appStateChanges() {
         return this.appStateEmitter.asObservable();
     }
-    static { this.ɵfac = function ManageSessionServices_Factory(t) { return new (t || ManageSessionServices)(i0.ɵɵinject(i1$2.Idle), i0.ɵɵinject(i2$3.Keepalive)); }; }
+    static { this.ɵfac = function ManageSessionServices_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ManageSessionServices)(i0.ɵɵinject(i1$2.Idle), i0.ɵɵinject(i2$3.Keepalive)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ManageSessionServices, factory: ManageSessionServices.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ManageSessionServices, [{
@@ -1820,7 +1823,7 @@ class TimeoutNotificationsService {
     notificationOnChange() {
         return this.eventEmitter.asObservable();
     }
-    static { this.ɵfac = function TimeoutNotificationsService_Factory(t) { return new (t || TimeoutNotificationsService)(i0.ɵɵinject(i1$2.Idle), i0.ɵɵinject(i2$3.Keepalive)); }; }
+    static { this.ɵfac = function TimeoutNotificationsService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TimeoutNotificationsService)(i0.ɵɵinject(i1$2.Idle), i0.ɵɵinject(i2$3.Keepalive)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TimeoutNotificationsService, factory: TimeoutNotificationsService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimeoutNotificationsService, [{
@@ -1838,7 +1841,7 @@ class RoleService {
     set roles(roles) {
         this.pRoles.next(roles);
     }
-    static { this.ɵfac = function RoleService_Factory(t) { return new (t || RoleService)(); }; }
+    static { this.ɵfac = function RoleService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RoleService)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: RoleService, factory: RoleService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RoleService, [{
@@ -1858,6 +1861,11 @@ class RoleGuard {
         this.roleService = roleService;
         this.router = router;
     }
+    // TEST-TODO
+    /*
+    * Note: Per Angular 18, when a guard returns a UrlTree as a redirect,
+    * the redirecting navigation will now use replaceUrl if the initial navigation was also using the replaceUrl option.
+    * */
     canActivate(route) {
         return this.roleService.roles$.pipe(map(roles => {
             const canActivateRoles = route.data.needsRole;
@@ -1869,7 +1877,7 @@ class RoleGuard {
             return match || this.router.parseUrl(route.data.noRoleMatchRedirect);
         }));
     }
-    static { this.ɵfac = function RoleGuard_Factory(t) { return new (t || RoleGuard)(i0.ɵɵinject(RoleService), i0.ɵɵinject(i2$1.Router)); }; }
+    static { this.ɵfac = function RoleGuard_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RoleGuard)(i0.ɵɵinject(RoleService), i0.ɵɵinject(i2$1.Router)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: RoleGuard, factory: RoleGuard.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RoleGuard, [{
@@ -1911,7 +1919,7 @@ class CookieService {
     checkCookie(key) {
         return this.document.cookie.split('; ').some(item => item.trim().startsWith(`${key}=`));
     }
-    static { this.ɵfac = function CookieService_Factory(t) { return new (t || CookieService)(i0.ɵɵinject(DOCUMENT)); }; }
+    static { this.ɵfac = function CookieService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CookieService)(i0.ɵɵinject(DOCUMENT)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CookieService, factory: CookieService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CookieService, [{
@@ -1951,7 +1959,7 @@ class LoadingService {
         const timestamp = window.performance.now();
         return `common-lib-loading-${timestamp}`; // format: [source-library]-[unique incrementing number]
     }
-    static { this.ɵfac = function LoadingService_Factory(t) { return new (t || LoadingService)(); }; }
+    static { this.ɵfac = function LoadingService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LoadingService)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LoadingService, factory: LoadingService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingService, [{
@@ -2043,7 +2051,7 @@ class FilterService {
         }
         return userId;
     }
-    static { this.ɵfac = function FilterService_Factory(t) { return new (t || FilterService)(); }; }
+    static { this.ɵfac = function FilterService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FilterService)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FilterService, factory: FilterService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FilterService, [{
@@ -2072,7 +2080,7 @@ class RefDataDataAccessService {
     getLocations() {
         return this.http.get(`${RefDataDataAccessService.refDataUrl}/locations`);
     }
-    static { this.ɵfac = function RefDataDataAccessService_Factory(t) { return new (t || RefDataDataAccessService)(i0.ɵɵinject(i1$1.HttpClient)); }; }
+    static { this.ɵfac = function RefDataDataAccessService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RefDataDataAccessService)(i0.ɵɵinject(i1$1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: RefDataDataAccessService, factory: RefDataDataAccessService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RefDataDataAccessService, [{
@@ -2100,7 +2108,7 @@ class RefDataService {
         });
         return forkJoin(observables).pipe(map((values) => values.reduce((acc, val) => acc.concat(val)), []), take(1));
     }
-    static { this.ɵfac = function RefDataService_Factory(t) { return new (t || RefDataService)(i0.ɵɵinject(RefDataDataAccessService)); }; }
+    static { this.ɵfac = function RefDataService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RefDataService)(i0.ɵɵinject(RefDataDataAccessService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: RefDataService, factory: RefDataService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RefDataService, [{
@@ -2166,7 +2174,7 @@ class SessionStorageService {
     clear() {
         sessionStorage.clear();
     }
-    static { this.ɵfac = function SessionStorageService_Factory(t) { return new (t || SessionStorageService)(); }; }
+    static { this.ɵfac = function SessionStorageService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SessionStorageService)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SessionStorageService, factory: SessionStorageService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SessionStorageService, [{
@@ -2250,7 +2258,7 @@ class FindAPersonService {
     searchJudicial(value, serviceId) {
         return this.http.post('api/prd/judicial/getJudicialUsersSearch', { searchString: value, serviceCode: serviceId });
     }
-    static { this.ɵfac = function FindAPersonService_Factory(t) { return new (t || FindAPersonService)(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(SessionStorageService)); }; }
+    static { this.ɵfac = function FindAPersonService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FindAPersonService)(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(SessionStorageService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FindAPersonService, factory: FindAPersonService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FindAPersonService, [{
@@ -2404,7 +2412,7 @@ class FindPersonComponent {
     onInput() {
         this.personFieldChanged.emit();
     }
-    static { this.ɵfac = function FindPersonComponent_Factory(t) { return new (t || FindPersonComponent)(i0.ɵɵdirectiveInject(FindAPersonService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
+    static { this.ɵfac = function FindPersonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FindPersonComponent)(i0.ɵɵdirectiveInject(FindAPersonService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
     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" }, decls: 10, vars: 14, consts: [["auto", "matAutocomplete"], ["class", "govuk-heading-l", 4, "ngIf"], [1, "govuk-form-group", 3, "formGroup", "ngClass"], ["aria-describedby", "sub-title-hint", 1, "govuk-fieldset"], ["id", "sub-title-hint", "class", "govuk-hint", 4, "ngIf"], ["id", "validation-error", "class", "govuk-error-message", 4, "ngIf"], ["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", 4, "ngFor", "ngForOf"], [3, "ngClass", 4, "ngIf"], [1, "govuk-heading-l"], [1, "govuk-caption-l"], ["id", "sub-title-hint", 1, "govuk-hint"], ["id", "validation-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], [3, "value", "ngClass"], [3, "ngClass"]], template: function FindPersonComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵtemplate(0, FindPersonComponent_h1_0_Template, 6, 6, "h1", 1);
@@ -2504,7 +2512,7 @@ class LocationService {
     searchLocations(serviceIds, locationType, searchTerm) {
         return this.http.get(`api/prd/location/getLocations?serviceIds=${serviceIds}&locationType=${locationType}&searchTerm=${searchTerm}`);
     }
-    static { this.ɵfac = function LocationService_Factory(t) { return new (t || LocationService)(i0.ɵɵinject(i1$1.HttpClient)); }; }
+    static { this.ɵfac = function LocationService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LocationService)(i0.ɵɵinject(i1$1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LocationService, factory: LocationService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LocationService, [{
@@ -2682,7 +2690,7 @@ class SearchLocationComponent {
         }
         return pressed && (/[a-zA-Z \s'-]/).test(pressed);
     }
-    static { this.ɵfac = function SearchLocationComponent_Factory(t) { return new (t || SearchLocationComponent)(i0.ɵɵdirectiveInject(LocationService), i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(RefDataService)); }; }
+    static { this.ɵfac = function SearchLocationComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SearchLocationComponent)(i0.ɵɵdirectiveInject(LocationService), i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(RefDataService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchLocationComponent, selectors: [["exui-search-location"]], inputs: { form: "form", field: "field", disabled: "disabled", singleMode: "singleMode", locationType: "locationType", serviceIds: "serviceIds", submitted: "submitted", bookingCheck: "bookingCheck", selectedLocations: "selectedLocations", propertyNameFilter: "propertyNameFilter", delay: "delay", reset: "reset" }, outputs: { locationSelected: "locationSelected", locationTermSearchInputChanged: "locationTermSearchInputChanged", searchLocationChanged: "searchLocationChanged" }, decls: 7, vars: 6, consts: [["char", ""], ["autoSearchLocation", "matAutocomplete"], [1, "auto-complete-container"], ["id", "inputLocationSearch", 1, "govuk-input", 3, "keydown", "input", "formControl", "matAutocomplete"], ["autoActiveFirstOption", "", 1, "mat-autocomplete-panel-extend"], [4, "ngIf"], [3, "onSelectionChange", 4, "ngFor", "ngForOf"], [3, "onSelectionChange"]], template: function SearchLocationComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 2)(1, "input", 3, 0);
@@ -2889,7 +2897,7 @@ class FindLocationComponent {
     ngOnDestroy() {
         this.formSubmissionEventSubscription?.unsubscribe();
     }
-    static { this.ɵfac = function FindLocationComponent_Factory(t) { return new (t || FindLocationComponent)(); }; }
+    static { this.ɵfac = function FindLocationComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FindLocationComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FindLocationComponent, selectors: [["xuilib-find-location"]], viewQuery: function FindLocationComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(SearchLocationComponent, 7);
         } if (rf & 2) {
@@ -2966,7 +2974,7 @@ class TaskNameService {
         }
         return this.http.post(`/workallocation/taskNames`, { service }).pipe(tap(taskNames => this.sessionStorageService.setItem(serviceTaskTypeKey, JSON.stringify(taskNames))));
     }
-    static { this.ɵfac = function TaskNameService_Factory(t) { return new (t || TaskNameService)(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(SessionStorageService)); }; }
+    static { this.ɵfac = function TaskNameService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TaskNameService)(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(SessionStorageService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TaskNameService, factory: TaskNameService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TaskNameService, [{
@@ -3090,7 +3098,7 @@ class FindTaskNameComponent {
     onInput() {
         this.taskNameFieldChanged.emit();
     }
-    static { this.ɵfac = function FindTaskNameComponent_Factory(t) { return new (t || FindTaskNameComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(TaskNameService)); }; }
+    static { this.ɵfac = function FindTaskNameComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FindTaskNameComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(TaskNameService)); }; }
     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" }, decls: 10, vars: 14, consts: [["auto", "matAutocomplete"], ["class", "govuk-heading-l", 4, "ngIf"], [1, "govuk-form-group", 3, "formGroup", "ngClass"], ["aria-describedby", "sub-title-hint", 1, "govuk-fieldset"], ["id", "sub-title-hint", "class", "govuk-hint", 4, "ngIf"], ["id", "validation-error", "class", "govuk-error-message", 4, "ngIf"], ["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", 4, "ngFor", "ngForOf"], [3, "ngClass", 4, "ngIf"], [1, "govuk-heading-l"], [1, "govuk-caption-l"], ["id", "sub-title-hint", 1, "govuk-hint"], ["id", "validation-error", 1, "govuk-error-message"], [1, "govuk-visually-hidden"], [3, "value", "ngClass"], [3, "ngClass"]], template: function FindTaskNameComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵtemplate(0, FindTaskNameComponent_h1_0_Template, 4, 2, "h1", 1);
@@ -3185,8 +3193,9 @@ function SearchServiceComponent_mat_option_5_Template(rf, ctx) { if (rf & 1) {
 class SearchServiceComponent {
     constructor() {
         this.showAutocomplete = false;
+        this.searchTerm = ''; // Removed ngModel use here for Angular best practice
+        this.searchTermChange = new EventEmitter(); // Emit changes to searchTerm
         this.optionChanged = new EventEmitter();
-        this.searchTerm = '';
         this.MIN_SEARCH_CHARACTERS = 3;
     }
     get filteredOptions() {
@@ -3195,8 +3204,16 @@ class SearchServiceComponent {
             remainingServices.filter((s) => s.label.toLowerCase().includes(this.searchTerm.toLowerCase()))
             : remainingServices;
     }
+    // TEST-TODO
     resetSearchTerm() {
         this.searchTerm = '';
+        this.searchTermChange.emit(this.searchTerm); // Emit the reset value
+    }
+    // TEST-TODO
+    // TODO: Confirm this works correctly post Angular 18 upgrade as has been changed
+    onSearchTermChanged(value) {
+        this.searchTerm = value;
+        this.searchTermChange.emit(this.searchTerm); // Emit the updated value
     }
     onSelectionChanged($event) {
         const label = $event.source?.value;
@@ -3205,11 +3222,11 @@ class SearchServiceComponent {
             this.optionChanged.emit(selectedService);
         }
     }
-    static { this.ɵfac = function SearchServiceComponent_Factory(t) { return new (t || SearchServiceComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchServiceComponent, selectors: [["exui-search-service"]], inputs: { options: "options", selectedOptions: "selectedOptions", disabled: "disabled", showAutocomplete: "showAutocomplete" }, outputs: { optionChanged: "optionChanged" }, decls: 6, vars: 5, consts: [["autoSearchService", "matAutocomplete"], [1, "auto-complete-container"], ["id", "inputServiceSearch", 1, "govuk-input", 3, "ngModelChange", "ngModel", "matAutocomplete"], ["autoActiveFirstOption", "", 1, "mat-autocomplete-panel-extend"], [3, "value", "onSelectionChange", 4, "ngFor", "ngForOf"], [4, "ngIf"], [3, "onSelectionChange", "value"]], template: function SearchServiceComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function SearchServiceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SearchServiceComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchServiceComponent, selectors: [["exui-search-service"]], inputs: { options: "options", selectedOptions: "selectedOptions", disabled: "disabled", showAutocomplete: "showAutocomplete", searchTerm: "searchTerm" }, outputs: { searchTermChange: "searchTermChange", optionChanged: "optionChanged" }, decls: 6, vars: 5, consts: [["autoSearchService", "matAutocomplete"], [1, "auto-complete-container"], ["id", "inputServiceSearch", 1, "govuk-input", 3, "input", "value", "matAutocomplete"], ["autoActiveFirstOption", "", 1, "mat-autocomplete-panel-extend"], [3, "value", "onSelectionChange", 4, "ngFor", "ngForOf"], [4, "ngIf"], [3, "onSelectionChange", "value"]], template: function SearchServiceComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1)(1, "input", 2);
-            i0.ɵɵtwoWayListener("ngModelChange", function SearchServiceComponent_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.searchTerm, $event) || (ctx.searchTerm = $event); return i0.ɵɵresetView($event); });
+            i0.ɵɵlistener("input", function SearchServiceComponent_Template_input_input_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSearchTermChanged($event.target.value)); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(2, "mat-autocomplete", 3, 0);
             i0.ɵɵtemplate(4, SearchServiceComponent_mat_option_4_Template, 2, 2, "mat-option", 4)(5, SearchServiceComponent_mat_option_5_Template, 2, 0, "mat-option", 5);
@@ -3217,18 +3234,17 @@ class SearchServiceComponent {
         } if (rf & 2) {
             const autoSearchService_r5 = i0.ɵɵreference(3);
             i0.ɵɵadvance();
-            i0.ɵɵtwoWayProperty("ngModel", ctx.searchTerm);
-            i0.ɵɵproperty("matAutocomplete", autoSearchService_r5);
+            i0.ɵɵproperty("value", ctx.searchTerm)("matAutocomplete", autoSearchService_r5);
             i0.ɵɵattribute("disabled", ctx.disabled);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngForOf", ctx.filteredOptions);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !(ctx.filteredOptions == null ? null : ctx.filteredOptions.length) && ctx.showAutocomplete);
-        } }, dependencies: [i1.NgForOf, i1.NgIf, i2$4.DefaultValueAccessor, i2$4.NgControlStatus, i2$4.NgModel, i4.MatLegacyAutocomplete, i4.MatLegacyAutocompleteTrigger, i5.MatLegacyOption], styles: [".autocomplete__input--show-all-values[_ngcontent-%COMP%]{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down[_ngcontent-%COMP%]{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu[_ngcontent-%COMP%]{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:100%;width:calc(100% - 4px)}.autocomplete__menu--visible[_ngcontent-%COMP%]{display:block}.autocomplete__menu--hidden[_ngcontent-%COMP%]{display:none}.autocomplete__menu--overlay[_ngcontent-%COMP%]{box-shadow:#00000042 0 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline[_ngcontent-%COMP%]{position:relative}.autocomplete__option[_ngcontent-%COMP%]{border-bottom:solid #b1b4b6;border-width:1px 0;cursor:pointer;display:block;position:relative}.autocomplete__option[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:none}.autocomplete__option[_ngcontent-%COMP%]:first-of-type{border-top-width:0}.autocomplete__option[_ngcontent-%COMP%]:last-of-type{border-bottom-width:0}.autocomplete__option--odd[_ngcontent-%COMP%]{background-color:#fafafa}.autocomplete__option--focused[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results[_ngcontent-%COMP%]{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.25}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{padding:5px}@media (min-width: 641px){.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.31579}}.div-action[_ngcontent-%COMP%]{display:inline-block}.add-location[_ngcontent-%COMP%]{display:inline}.remove-location-button[_ngcontent-%COMP%]{margin:5px}.hide-autocomplete[_ngcontent-%COMP%]{display:none}.auto-complete-container[_ngcontent-%COMP%]{min-width:250px;display:inline-block;margin-right:4px}.autocomplete__input[_ngcontent-%COMP%]{line-height:24px;font-size:19px}"] }); }
+        } }, dependencies: [i1.NgForOf, i1.NgIf, i4.MatLegacyAutocomplete, i4.MatLegacyAutocompleteTrigger, i5.MatLegacyOption], styles: [".autocomplete__input--show-all-values[_ngcontent-%COMP%]{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down[_ngcontent-%COMP%]{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu[_ngcontent-%COMP%]{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:100%;width:calc(100% - 4px)}.autocomplete__menu--visible[_ngcontent-%COMP%]{display:block}.autocomplete__menu--hidden[_ngcontent-%COMP%]{display:none}.autocomplete__menu--overlay[_ngcontent-%COMP%]{box-shadow:#00000042 0 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline[_ngcontent-%COMP%]{position:relative}.autocomplete__option[_ngcontent-%COMP%]{border-bottom:solid #b1b4b6;border-width:1px 0;cursor:pointer;display:block;position:relative}.autocomplete__option[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:none}.autocomplete__option[_ngcontent-%COMP%]:first-of-type{border-top-width:0}.autocomplete__option[_ngcontent-%COMP%]:last-of-type{border-bottom-width:0}.autocomplete__option--odd[_ngcontent-%COMP%]{background-color:#fafafa}.autocomplete__option--focused[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results[_ngcontent-%COMP%]{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.25}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{padding:5px}@media (min-width: 641px){.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.31579}}.div-action[_ngcontent-%COMP%]{display:inline-block}.add-location[_ngcontent-%COMP%]{display:inline}.remove-location-button[_ngcontent-%COMP%]{margin:5px}.hide-autocomplete[_ngcontent-%COMP%]{display:none}.auto-complete-container[_ngcontent-%COMP%]{min-width:250px;display:inline-block;margin-right:4px}.autocomplete__input[_ngcontent-%COMP%]{line-height:24px;font-size:19px}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchServiceComponent, [{
         type: Component,
-        args: [{ selector: 'exui-search-service', template: "<div class=\"auto-complete-container\">\n  <input id=\"inputServiceSearch\"\n         class=\"govuk-input\"\n         [(ngModel)]=\"searchTerm\"\n         [matAutocomplete]=\"autoSearchService\"\n         [attr.disabled]=\"disabled\">\n  <mat-autocomplete class=\"mat-autocomplete-panel-extend\" autoActiveFirstOption #autoSearchService=\"matAutocomplete\">\n    <mat-option *ngFor=\"let service of filteredOptions\" (onSelectionChange)=\"onSelectionChanged($event)\" [value]=\"service.label\">\n      {{ service.label }}\n    </mat-option>\n    <mat-option *ngIf=\"!filteredOptions?.length && showAutocomplete\">\n      No results found\n    </mat-option>\n  </mat-autocomplete>\n</div>\n", styles: [".autocomplete__input--show-all-values{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:100%;width:calc(100% - 4px)}.autocomplete__menu--visible{display:block}.autocomplete__menu--hidden{display:none}.autocomplete__menu--overlay{box-shadow:#00000042 0 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline{position:relative}.autocomplete__option{border-bottom:solid #b1b4b6;border-width:1px 0;cursor:pointer;display:block;position:relative}.autocomplete__option>*{pointer-events:none}.autocomplete__option:first-of-type{border-top-width:0}.autocomplete__option:last-of-type{border-bottom-width:0}.autocomplete__option--odd{background-color:#fafafa}.autocomplete__option--focused,.autocomplete__option:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:13px;line-height:1.25}.autocomplete__hint,.autocomplete__option{padding:5px}@media (min-width: 641px){.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:13px;line-height:1.31579}}.div-action{display:inline-block}.add-location{display:inline}.remove-location-button{margin:5px}.hide-autocomplete{display:none}.auto-complete-container{min-width:250px;display:inline-block;margin-right:4px}.autocomplete__input{line-height:24px;font-size:19px}\n"] }]
+        args: [{ selector: 'exui-search-service', template: "<div class=\"auto-complete-container\">\n  <input id=\"inputServiceSearch\"\n         class=\"govuk-input\"\n         [value]=\"searchTerm\"\n         (input)=\"onSearchTermChanged($event.target.value)\"\n         [matAutocomplete]=\"autoSearchService\"\n         [attr.disabled]=\"disabled\">\n  <mat-autocomplete class=\"mat-autocomplete-panel-extend\" autoActiveFirstOption #autoSearchService=\"matAutocomplete\">\n    <mat-option *ngFor=\"let service of filteredOptions\" (onSelectionChange)=\"onSelectionChanged($event)\" [value]=\"service.label\">\n      {{ service.label }}\n    </mat-option>\n    <mat-option *ngIf=\"!filteredOptions?.length && showAutocomplete\">\n      No results found\n    </mat-option>\n  </mat-autocomplete>\n</div>\n", styles: [".autocomplete__input--show-all-values{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:100%;width:calc(100% - 4px)}.autocomplete__menu--visible{display:block}.autocomplete__menu--hidden{display:none}.autocomplete__menu--overlay{box-shadow:#00000042 0 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline{position:relative}.autocomplete__option{border-bottom:solid #b1b4b6;border-width:1px 0;cursor:pointer;display:block;position:relative}.autocomplete__option>*{pointer-events:none}.autocomplete__option:first-of-type{border-top-width:0}.autocomplete__option:last-of-type{border-bottom-width:0}.autocomplete__option--odd{background-color:#fafafa}.autocomplete__option--focused,.autocomplete__option:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:13px;line-height:1.25}.autocomplete__hint,.autocomplete__option{padding:5px}@media (min-width: 641px){.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:13px;line-height:1.31579}}.div-action{display:inline-block}.add-location{display:inline}.remove-location-button{margin:5px}.hide-autocomplete{display:none}.auto-complete-container{min-width:250px;display:inline-block;margin-right:4px}.autocomplete__input{line-height:24px;font-size:19px}\n"] }]
     }], null, { options: [{
             type: Input
         }], selectedOptions: [{
@@ -3237,6 +3253,10 @@ class SearchServiceComponent {
             type: Input
         }], showAutocomplete: [{
             type: Input
+        }], searchTerm: [{
+            type: Input
+        }], searchTermChange: [{
+            type: Output
         }], optionChanged: [{
             type: Output
         }] }); })();
@@ -3378,7 +3398,7 @@ class FindServiceComponent {
     ngOnDestroy() {
         this.formSubmissionEventSubscription?.unsubscribe();
     }
-    static { this.ɵfac = function FindServiceComponent_Factory(t) { return new (t || FindServiceComponent)(); }; }
+    static { this.ɵfac = function FindServiceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FindServiceComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FindServiceComponent, selectors: [["xuilib-find-service"]], viewQuery: function FindServiceComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(SearchServiceComponent, 7);
         } if (rf & 2) {
@@ -3432,7 +3452,7 @@ class CapitalizePipe {
         const lowerCaseString = value.toLowerCase();
         return lowerCaseString.charAt(0).toUpperCase() + lowerCaseString.slice(1);
     }
-    static { this.ɵfac = function CapitalizePipe_Factory(t) { return new (t || CapitalizePipe)(); }; }
+    static { this.ɵfac = function CapitalizePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CapitalizePipe)(); }; }
     static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "capitalize", type: CapitalizePipe, pure: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CapitalizePipe, [{
@@ -3978,9 +3998,10 @@ function GenericFilterComponent_button_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r2.config.cancelButtonText || "Cancel"));
 } }
 class GenericFilterComponent {
-    constructor(filterService, fb) {
+    constructor(filterService, fb, cdr) {
         this.filterService = filterService;
         this.fb = fb;
+        this.cdr = cdr;
         this.submitted = false;
         this.previousSelectedNestedCheckbox = [];
         this.formSubmissionEvent$ = new Subject();
@@ -4042,6 +4063,8 @@ class GenericFilterComponent {
                 this.initValuesFromCacheForSkillsByServices();
             }
         }
+        // Note: the usage of this is ensure host binding updates (for Angular 18 usage of OnPush)
+        this.cdr.markForCheck();
     }
     ngOnDestroy() {
         this.filterService.givenErrors.next(null);
@@ -4127,6 +4150,7 @@ class GenericFilterComponent {
                 idamId: this.filterService.getUserId(),
                 fields: this.getSelectedValues(form.value, this.config)
             };
+            this.cdr.markForCheck();
             this.filterService.givenErrors.next(null);
             const settings = { ...this.settings, reset: false };
             this.filterService.persist(settings, this.config.persistence);
@@ -4146,6 +4170,7 @@ class GenericFilterComponent {
                 this.resetField(resetField, form);
             }
         }
+        this.cdr.markForCheck();
     }
     // when user enters input change radio button
     inputChanged(field) {
@@ -4172,6 +4197,7 @@ class GenericFilterComponent {
             else {
                 this.isServiceSelected = true;
             }
+            this.cdr.markForCheck();
         }
     }
     cancelFilter() {
@@ -4183,6 +4209,7 @@ class GenericFilterComponent {
         this.filterService.persist(settings, this.config.persistence);
         this.filterService.givenErrors.next(null);
         this.submitted = false;
+        this.cdr.markForCheck();
         if (this.config.cancelButtonCallback) {
             this.config.cancelButtonCallback();
         }
@@ -4281,6 +4308,7 @@ class GenericFilterComponent {
                 }
             }
         }
+        this.cdr.markForCheck();
     }
     startFilterSkillsByServices(form, field) {
         const servicesArray = [];
@@ -4481,6 +4509,7 @@ class GenericFilterComponent {
                 this.form.get('user-skills').setValue(cachedValues);
             }
         }
+        this.cdr.markForCheck();
     }
     filterSkillsByServices(services, config) {
         this.filteredSkillsByServices = [];
@@ -4573,6 +4602,7 @@ class GenericFilterComponent {
                 }
                 return this.filteredSkillsByServicesCheckbox;
             }
+            this.cdr.markForCheck();
         }
         this.filteredSkillsByServices = this.sortGroupOptions(this.filteredSkillsByServices);
         return this.filteredSkillsByServices;
@@ -4605,7 +4635,7 @@ class GenericFilterComponent {
         });
         return sortedResults;
     }
-    static { this.ɵfac = function GenericFilterComponent_Factory(t) { return new (t || GenericFilterComponent)(i0.ɵɵdirectiveInject(FilterService), i0.ɵɵdirectiveInject(i2$4.FormBuilder)); }; }
+    static { this.ɵfac = function GenericFilterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GenericFilterComponent)(i0.ɵɵdirectiveInject(FilterService), i0.ɵɵdirectiveInject(i2$4.FormBuilder), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GenericFilterComponent, selectors: [["xuilib-generic-filter"]], inputs: { config: "config", settings: "settings" }, decls: 9, vars: 7, consts: [[3, "ngSubmit", "formGroup"], ["class", "contain-classes", 4, "ngFor", "ngForOf"], [1, "govuk-section-break", "govuk-section-break--m", "govuk-section-break--visible"], [1, "govuk-grid-row"], [1, "govuk-grid-column-full"], ["type", "submit", "id", "applyFilter", 1, "govuk-button", "govuk-!-margin-right-1", "govuk-!-margin-bottom-0", 3, "disabled"], ["class", "govuk-button govuk-button--secondary govuk-!-margin-bottom-0", "type", "button", "id", "cancelFilter", 3, "click", 4, "ngIf"], [1, "contain-classes"], ["class", "govuk-section-break govuk-section-break--visible elevated-break", 4, "ngIf"], [3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], [1, "govuk-section-break", "govuk-section-break--visible", "elevated-break"], [1, "govuk-form-group", "xui-generic-filter", 3, "hidden", "id", "ngClass"], ["class", "xui-generic-filter__field-title", 4, "ngIf"], ["class", "govuk-body", 4, "ngIf"], ["class", "govuk-hint", 3, "id", 4, "ngIf"], ["class", "govuk-error-message", 3, "id", 4, "ngIf"], [1, "govuk-body", 3, "ngSwitch"], [1, "xui-generic-filter__field-title"], [2, "margin-bottom", "0!important"], ["class", "govuk-!-margin-left-2", 4, "ngIf"], [1, "govuk-!-margin-left-2"], [1, "govuk-body"], [1, "govuk-hint", 3, "id"], [1, "govuk-error-message", 3, "id"], [1, "govuk-visually-hidden"], [1, "govuk-select", 3, "change", "name", "id", "formControlName"], ["disabled", "", "selected", "", "hidden", "", "value", ""], [3, "value", 4, "ngIf"], ["class", "govuk-radios__item", 3, "value", 4, "ngFor", "ngForOf"], [3, "value"], [1, "govuk-radios__item", 3, "value"], ["selected", "", 3, "value", 4, "ngIf"], [3, "label", 4, "ngFor", "ngForOf"], ["selected", "", 3, "value"], [3, "label"], [3, "value", 4, "ngFor", "ngForOf"], [1, "govuk-checkboxes", "govuk-checkboxes--small", 3, "formGroupName", "id"], ["class", "govuk-checkboxes__item", 4, "ngFor", "ngForOf"], [1, "govuk-checkboxes__item"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "change", "formControlName", "value", "id", "name"], [1, "govuk-label", "govuk-checkboxes__label", 3, "for", "ngClass"], [1, "govuk-checkboxes", 3, "formGroupName", "id"], [1, "govuk-radios"], ["class", "govuk-radios__item", 4, "ngFor", "ngForOf"], [1, "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "change", "formControlName", "id", "checked", "value"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["subTitle", "", 3, "personSelected", "personFieldChanged", "submitted", "disabled", "domain", "findPersonGroup", "selectedPerson", "userIncluded", "placeholderContent", "services"], [3, "locationFieldChanged", "form", "fields", "locationTitle", "enableAddLocationButton", "disabled", "disableInputField", "submitted", "field", "services", "formSubmissionEvent$"], ["subTitle", "", 3, "taskNameSelected", "taskNameFieldChanged", "submitted", "disabled", "domain", "findTaskNameGroup", "selectedTaskName", "placeholderContent", "services"], ["class", "govuk-error-message", 4, "ngIf"], [3, "serviceFieldChanged", "field", "form", "formSubmissionEvent$", "disabled"], [1, "govuk-error-message"], ["type", "text", 1, "govuk-input", 3, "change", "formControlName", "id", "readonly"], ["type", "email", 1, "govuk-input", 3, "change", "formControlName", "id", "readonly"], ["type", "button", "id", "cancelFilter", 1, "govuk-button", "govuk-button--secondary", "govuk-!-margin-bottom-0", 3, "click"]], template: function GenericFilterComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "form", 0);
             i0.ɵɵlistener("ngSubmit", function GenericFilterComponent_Template_form_ngSubmit_0_listener() { return ctx.applyFilter(ctx.form); });
@@ -4632,7 +4662,7 @@ class GenericFilterComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GenericFilterComponent, [{
         type: Component,
         args: [{ selector: 'xuilib-generic-filter', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<form [formGroup]=\"form\" (ngSubmit)=\"applyFilter(form)\">\n  <div class=\"contain-classes\" *ngFor=\"let field of config.fields\">\n    <hr *ngIf=\"field.lineBreakBefore\" class=\"govuk-section-break govuk-section-break--visible elevated-break\">\n    <ng-container [ngSwitch]=\"field.type\">\n      <ng-container *ngSwitchCase=\"'group-title'\">\n        <div [class]=\"field.titleClasses ? field.titleClasses: 'govuk-label govuk-label--m govuk-!-margin-bottom-4'\">\n          {{ field.name | capitalize }}\n        </div>\n    </ng-container>\n      <ng-container *ngSwitchDefault>\n    <div class=\"govuk-form-group xui-generic-filter\"\n         [hidden]=\"hidden(field, form)\"\n         [id]=\"field.name\"\n         [ngClass]=\"{'form-group-error': submitted && (form.get(field.name).errors?.required || form.get(field.name).errors?.minlength || form.get(field.name).errors?.maxLength)}\">\n        <div *ngIf=\"field.title\" class=\"xui-generic-filter__field-title\">\n          <h3 [class]=\"field.titleClasses ? field.titleClasses : 'govuk-heading-s'\" style=\"margin-bottom: 0!important\">\n            {{field.title | capitalize}}\n          </h3>\n          <div *ngIf=\"field?.titleHint\" class=\"govuk-!-margin-left-2\">\n            {{ field.titleHint }}\n          </div>\n        </div>\n      <p class=\"govuk-body\" *ngIf=\"field.subTitle\">{{field.subTitle}}</p>\n      <div *ngIf=\"field.hintText\"\n        [id]=\"field.hintText + '-hint'\" class=\"govuk-hint\">\n        {{ field.hintText | rpxTranslate }}\n      </div>\n      <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\" *ngIf=\"field.displayMinSelectedError && submitted && (form.get(field.name).errors?.required || form.get(field.name).errors?.minlength)\">\n        <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate}}</span> {{field.minSelectedError | rpxTranslate }}\n      </span>\n      <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\" *ngIf=\"field.displayMaxSelectedError && submitted && form.get(field.name).errors?.maxLength\">\n        <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate}}</span> {{field.maxSelectedError | rpxTranslate }}\n      </span>\n      <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\"\n        *ngIf=\"field.emailError && submitted && form.get(field.name).errors?.email\">\n        <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }}</span> {{field.emailError | rpxTranslate }}\n      </span>\n        <div class=\"govuk-body\"  [class.govuk-body--maxWidth480px]=\"field.maxWidth480px\" [ngSwitch]=\"field.type\">\n        <ng-container *ngSwitchCase=\"'select'\">\n          <select class=\"govuk-select\" (change)=\"fieldChanged(field, form)\" [attr.disabled]=\"disabled(field, form)\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" [formControlName]=\"field.name\">\n            <option disabled selected hidden value=\"\">{{field.disabledText}}</option>\n            <option *ngIf=\"field.defaultOption\" [attr.selected]=\"true\" [value]=\"field.defaultOption.key\">{{field.defaultOption.label}}</option>\n            <option class=\"govuk-radios__item\" *ngFor=\"let item of field.options\" [value]=\"item.key\">{{item.label}}</option>\n          </select>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'group-select'\">\n          <select class=\"govuk-select\" (change)=\"fieldChanged(field, form)\" [attr.disabled]=\"disabled(field, form)\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" [formControlName]=\"field.name\">\n            <option disabled selected hidden value=\"\">{{field.disabledText}}</option>\n            <option *ngIf=\"field.defaultOption\" selected [value]=\"field.defaultOption.key\">{{field.defaultOption.label}}</option>\n            <optgroup *ngFor = 'let grp of filteredSkillsByServices' label=\"{{grp.group | titlecase}}\">\n              <option *ngFor = 'let item of grp.options' [value]=\"item.key\">{{item.label}}</option>\n            </optgroup>\n          </select>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'checkbox'\">\n          <div class=\"govuk-checkboxes govuk-checkboxes--small\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n            <div *ngFor=\"let item of field.options; let i = index\" class=\"govuk-checkboxes__item\">\n              <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                     [attr.disabled]=\"disabled(field, form)\"\n                     [formControlName]=\"i\"\n                     (change)=\"toggleSelectAll($event, form, item, field)\"\n                     [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n                     [name]=\"'checkbox_' + field.name + item.key\"\n              />\n              <label\n                [for]=\"'checkbox_' + field.name + item.key\"\n                class=\"govuk-label govuk-checkboxes__label\"\n                [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n              >{{item.label}}</label>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'nested-checkbox'\">\n          <div class=\"govuk-checkboxes govuk-checkboxes--small\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n            <div *ngFor=\"let item of filteredSkillsByServicesCheckbox; let i = index\" class=\"govuk-checkboxes__item\">\n              <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                     [attr.disabled]=\"disabled(field, form)\"\n                     [formControlName]=\"i\"\n                     (change)=\"toggleSelectAll($event, form, item, field)\"\n                     [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n                     [name]=\"'checkbox_' + field.name + item.key\"\n              />\n              <label\n                [for]=\"'checkbox_' + field.name + item.key\"\n                class=\"govuk-label govuk-checkboxes__label\"\n                [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n              >{{item.label | rpxTranslate}}</label>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'checkbox-large'\">\n          <div class=\"govuk-checkboxes\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n            <div *ngFor=\"let item of field.options; let i = index\" class=\"govuk-checkboxes__item\">\n              <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                     [attr.disabled]=\"disabled(field, form)\"\n                     [formControlName]=\"i\"\n                     (change)=\"toggleSelectAll($event, form, item, field)\"\n                     [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n                     [name]=\"'checkbox_' + field.name + item.key\"\n              />\n              <label\n                [for]=\"'checkbox_' + field.name + item.key\"\n                class=\"govuk-label govuk-checkboxes__label\"\n                [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n              >{{item.label | rpxTranslate}}</label>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'radio'\">\n          <div class=\"govuk-radios\">\n            <div *ngFor=\"let item of field.options\" class=\"govuk-radios__item\">\n              <input type=\"radio\"\n                     [formControlName]=\"field.name\"\n                     [id]=\"'radio_' + item.key\"\n                     [attr.disabled]=\"disabled(field, form)\"\n                     [checked]=\"item.key === form.get(field.name).value\"\n                     class=\"govuk-radios__input\"\n                     [value]=\"item.key\"\n                     (change)=\"fieldChanged(field, form)\"\n              />\n              <label [for]=\"'radio_' + item.key\" class=\"govuk-label govuk-radios__label\">{{item.label | rpxTranslate}}</label>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'find-person'\">\n          <xuilib-find-person subTitle=\"\" (personSelected)=\"updatePersonControls($event, field)\"\n                              (personFieldChanged)=\"inputChanged(field)\"\n                              [submitted]=\"submitted\"\n                              [disabled]=\"disabled(field, form)\"\n                              [domain]=\"form.get(field.domainField)?.value\"\n                              [findPersonGroup]=\"form\"\n                              [selectedPerson]=\"form.get(field.name)?.value?.email\"\n                              [userIncluded]=\"false\"\n                              [placeholderContent]=\"field.placeholderContent ? field.placeholderContent : ''\"\n                              [services]=\"form.get(field.servicesField)?.value\"\n          ></xuilib-find-person>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'find-location'\">\n          <xuilib-find-location (locationFieldChanged)=\"inputChanged(field)\"\n                                [form]=\"form\"\n                                [fields]=\"config.fields\"\n                                [locationTitle]=\"field.locationTitle\"\n                                [enableAddLocationButton]=\"field.enableAddButton\"\n                                [disabled]=\"disabled(field, form)\"\n                                [disableInputField]=\"field.disable\"\n                                [submitted]=\"submitted\"\n                                [field]=\"field\"\n                                [services]=\"form.get(field.findLocationField)?.value\"\n                                [formSubmissionEvent$]=\"formSubmissionEvent$\"\n          ></xuilib-find-location>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'find-task-name'\">\n          <xuilib-find-task-name subTitle=\"\" (taskNameSelected)=\"updateTaskNameControls($event, field)\"\n                              (taskNameFieldChanged)=\"inputChanged(field)\"\n                              [submitted]=\"submitted\"\n                              [disabled]=\"disabled(field, form)\"\n                              [domain]=\"form.get(field.domainField)?.value\"\n                              [findTaskNameGroup]=\"form\"\n                              [selectedTaskName]=\"form.get(field.name)?.value?.task_type_name\"\n                              [placeholderContent]=\"field.placeholderContent ? field.placeholderContent : ''\"\n                              [services]=\"form.get(field.servicesField)?.value\"\n          ></xuilib-find-task-name>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'find-service'\">\n          <span class=\"govuk-error-message\" *ngIf=\"isServiceSelected\">{{serviceErrorMsg | rpxTranslate}}</span>\n          <xuilib-find-service (serviceFieldChanged)=\"inputServiceChanged(field)\"\n                               [field]=\"field\"\n                               [form]=\"form\"\n                               [formSubmissionEvent$]=\"formSubmissionEvent$\"\n                               [disabled]=\"disabled(field, form)\">\n          </xuilib-find-service>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'text-input'\">\n          <input class=\"govuk-input\" type=\"text\"\n                 [formControlName]=\"field.name\"\n                 [id]=\"field.name\"\n                 [attr.disabled]=\"disabled(field, form)\"\n                 (change)=\"fieldChanged(field, form)\"\n                 [attr.maxlength]=\"field.maxlength ? field.maxlength : null\"\n                 [readonly]=\"field.readonly\"\n          />\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'email-input'\">\n          <input class=\"govuk-input\" type=\"email\"\n                 [formControlName]=\"field.name\"\n                 [id]=\"field.name\"\n                 [attr.disabled]=\"disabled(field, form)\"\n                 (change)=\"fieldChanged(field, form)\"\n                 [readonly]=\"field.readonly\"\n          />\n        </ng-container>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n  </div>\n  <hr class=\"govuk-section-break govuk-section-break--m govuk-section-break--visible\"/>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-full\">\n      <button\n        class=\"govuk-button govuk-!-margin-right-1 govuk-!-margin-bottom-0\"\n        type=\"submit\"\n        id=\"applyFilter\"\n        [disabled]=\"config.enableDisabledButton && form.invalid\"\n      >{{(config.applyButtonText || 'Apply') | rpxTranslate}}</button>\n      <button *ngIf=\"config.showCancelFilterButton\"\n        class=\"govuk-button govuk-button--secondary govuk-!-margin-bottom-0\"\n        type=\"button\"\n        id=\"cancelFilter\"\n        (click)=\"cancelFilter()\">{{ (config.cancelButtonText || 'Cancel') | rpxTranslate}}</button>\n    </div>\n  </div>\n</form>\n", styles: [".contain-classes .elevated-break{margin-bottom:20px}@media (min-width: 40.0625em){.contain-classes .elevated-break{margin-bottom:30px}}.contain-classes .govuk-body--maxWidth480px{max-width:480px}.contain-classes .xui-generic-filter .select-all{margin-bottom:10px}.contain-classes .xui-generic-filter .govuk-checkboxes{display:flex;flex-direction:column;flex-wrap:wrap}.contain-classes .xui-generic-filter .govuk-checkboxes>div{flex-grow:1;flex-shrink:0}.contain-classes .xui-generic-filter__field-title{display:flex;align-items:center;margin-bottom:10px}.contain-classes .govuk-select{width:100%}\n"] }]
-    }], () => [{ type: FilterService }, { type: i2$4.FormBuilder }], { config: [{
+    }], () => [{ type: FilterService }, { type: i2$4.FormBuilder }, { type: i0.ChangeDetectorRef }], { config: [{
             type: Input
         }], settings: [{
             type: Input
@@ -4653,7 +4683,7 @@ class HmctsSessionDialogComponent {
     onClose() {
         this.close.emit();
     }
-    static { this.ɵfac = function HmctsSessionDialogComponent_Factory(t) { return new (t || HmctsSessionDialogComponent)(); }; }
+    static { this.ɵfac = function HmctsSessionDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HmctsSessionDialogComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HmctsSessionDialogComponent, selectors: [["xuilib-session-dialog"]], inputs: { positionTop: "positionTop" }, outputs: { close: "close" }, ngContentSelectors: _c0$k, decls: 15, vars: 6, consts: [["data-module", "modal-dialogue", "id", "modal-default", 1, "gem-c-modal-dialogue", 2, "display", "block"], [1, "gem-c-modal-dialogue__overlay"], ["aria-modal", "true", "role", "dialog", "tabindex", "0", 1, "gem-c-modal-dialogue__box", 3, "ngStyle"], [1, "gem-c-modal-dialogue__header"], ["role", "presentation", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 38 38", "height", "33", "width", "33"], ["type", "text/css"], ["id", "_4_-_granular_components_warning_icon", "transform", "translate(0.5 0.5)"], ["id", "Warning_icon", "transform", "translate(0)"], ["id", "Exclusion_1", "d", "M18.5,37.5c-5.04,0.01-9.88-1.99-13.44-5.57C1.49,28.38-0.51,23.54-0.5,18.5\n              c-0.01-5.04,1.99-9.88,5.56-13.43C8.62,1.49,13.46-0.51,18.5-0.5c5.04-0.01,9.88,1.99,13.44,5.56c3.57,3.56,5.58,8.39,5.56,13.44\n              c0.01,5.04-1.99,9.88-5.56,13.44C28.38,35.51,23.54,37.51,18.5,37.5z M18.52,24.29c-0.4,0-0.8,0.08-1.17,0.23\n              c-0.36,0.15-0.69,0.37-0.97,0.64c-0.28,0.27-0.5,0.59-0.65,0.95c-0.16,0.36-0.24,0.76-0.23,1.15c0,0.4,0.08,0.8,0.23,1.17\n              c0.15,0.36,0.37,0.68,0.65,0.96c0.28,0.27,0.61,0.49,0.97,0.64c0.37,0.16,0.77,0.24,1.17,0.24c0.4,0,0.79-0.08,1.15-0.24\n              c0.35-0.15,0.67-0.37,0.95-0.64c0.27-0.27,0.49-0.6,0.64-0.96c0.16-0.37,0.24-0.77,0.23-1.17c0-0.4-0.08-0.79-0.23-1.15\n              c-0.15-0.35-0.37-0.67-0.64-0.95c-0.27-0.27-0.6-0.49-0.95-0.64C19.31,24.37,18.92,24.29,18.52,24.29L18.52,24.29z M16.11,7.5\n              l0.42,14.87h3.91L20.86,7.5H16.11z", 1, "st0"], [1, "gem-c-modal-dialogue__title"], [1, "gem-c-modal-dialogue__content"]], template: function HmctsSessionDialogComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
@@ -4755,7 +4785,7 @@ function GovUkLabelComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
 * */
 class GovUkLabelComponent {
     constructor() { }
-    static { this.ɵfac = function GovUkLabelComponent_Factory(t) { return new (t || GovUkLabelComponent)(); }; }
+    static { this.ɵfac = function GovUkLabelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GovUkLabelComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkLabelComponent, selectors: [["xuilib-gov-label"]], inputs: { config: "config" }, decls: 3, vars: 2, consts: [["noHeading", ""], [4, "ngIf", "ngIfElse"], [3, "for", "class", 4, "ngIf"], [3, "for"], ["class", "govuk-label__optional", 4, "ngIf"], [1, "govuk-label__optional"]], template: function GovUkLabelComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, GovUkLabelComponent_h1_0_Template, 2, 1, "h1", 1)(1, GovUkLabelComponent_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
@@ -4789,7 +4819,7 @@ class RemoveHostDirective {
         }
         parentElement.removeChild(nativeElement);
     }
-    static { this.ɵfac = function RemoveHostDirective_Factory(t) { return new (t || RemoveHostDirective)(i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
+    static { this.ɵfac = function RemoveHostDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RemoveHostDirective)(i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: RemoveHostDirective, selectors: [["", "appRemoveHost", ""]] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RemoveHostDirective, [{
@@ -4814,7 +4844,7 @@ class GovUkCheckboxComponent {
         this.config.classes = this.config.classes ?
             this.config.classes.concat(' govuk-checkboxes__label') : 'govuk-checkboxes__label';
     }
-    static { this.ɵfac = function GovUkCheckboxComponent_Factory(t) { return new (t || GovUkCheckboxComponent)(); }; }
+    static { this.ɵfac = function GovUkCheckboxComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GovUkCheckboxComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkCheckboxComponent, selectors: [["xuilib-gov-checkbox"]], inputs: { group: "group", config: "config", isChecked: "isChecked" }, decls: 6, vars: 11, consts: [[1, "govuk-checkboxes__item", 3, "formGroup"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "id", "name", "formControlName", "checked"], ["appRemoveHost", "", 3, "config"], [1, "govuk-hint", "govuk-checkboxes__hint", 3, "id"]], template: function GovUkCheckboxComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "input", 1)(2, "xuilib-gov-label", 2);
@@ -4872,7 +4902,7 @@ function GovUkErrorMessageComponent_span_0_Template(rf, ctx) { if (rf & 1) {
 * */
 class GovUkErrorMessageComponent {
     constructor() { }
-    static { this.ɵfac = function GovUkErrorMessageComponent_Factory(t) { return new (t || GovUkErrorMessageComponent)(); }; }
+    static { this.ɵfac = function GovUkErrorMessageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GovUkErrorMessageComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkErrorMessageComponent, selectors: [["xuilib-gov-uk-error-message"]], inputs: { config: "config", errorMessage: "errorMessage" }, decls: 1, vars: 1, consts: [["class", "govuk-error-message", 3, "id", 4, "ngFor", "ngForOf"], [1, "govuk-error-message", 3, "id"], [1, "govuk-visually-hidden"]], template: function GovUkErrorMessageComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, GovUkErrorMessageComponent_span_0_Template, 6, 7, "span", 0);
         } if (rf & 2) {
@@ -4958,7 +4988,7 @@ class GovUkFieldsetComponent {
     setDescribedBy() {
         return HtmlTemplatesHelper.setDescribedBy(this.errorMessage, this.config);
     }
-    static { this.ɵfac = function GovUkFieldsetComponent_Factory(t) { return new (t || GovUkFieldsetComponent)(); }; }
+    static { this.ɵfac = function GovUkFieldsetComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GovUkFieldsetComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkFieldsetComponent, selectors: [["xuilib-gov-uk-fieldset"]], inputs: { config: "config", errorMessage: "errorMessage" }, ngContentSelectors: _c0$j, decls: 5, vars: 4, consts: [[1, "govuk-fieldset"], [3, "class", 4, "ngIf"], ["class", "govuk-hint", 3, "id", 4, "ngIf"], [1, "govuk-hint", 3, "id"]], template: function GovUkFieldsetComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "fieldset", 0);
@@ -4997,7 +5027,7 @@ const _c3$2 = a0 => ({ id: a0 });
 * */
 class GovUkFormGroupWrapperComponent {
     constructor() { }
-    static { this.ɵfac = function GovUkFormGroupWrapperComponent_Factory(t) { return new (t || GovUkFormGroupWrapperComponent)(); }; }
+    static { this.ɵfac = function GovUkFormGroupWrapperComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GovUkFormGroupWrapperComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkFormGroupWrapperComponent, selectors: [["xuilib-gov-uk-form-group-wrapper"]], inputs: { error: "error", group: "group", config: "config" }, ngContentSelectors: _c0$i, decls: 4, vars: 15, consts: [[1, "govuk-form-group", 3, "ngClass"], [3, "config", "errorMessage"]], template: function GovUkFormGroupWrapperComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0)(1, "xuilib-gov-uk-fieldset", 1);
@@ -5036,7 +5066,7 @@ class InviteUserPermissionComponent {
         this.isPuiOrganisationManager = false;
         this.isPuiFinanceManager = false;
     }
-    static { this.ɵfac = function InviteUserPermissionComponent_Factory(t) { return new (t || InviteUserPermissionComponent)(); }; }
+    static { this.ɵfac = function InviteUserPermissionComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || InviteUserPermissionComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InviteUserPermissionComponent, selectors: [["xuilib-invite-permission-form"]], inputs: { inviteUserForm: "inviteUserForm", isPuiCaseManager: "isPuiCaseManager", isPuiUserManager: "isPuiUserManager", isPuiOrganisationManager: "isPuiOrganisationManager", isPuiFinanceManager: "isPuiFinanceManager", errorMessages: "errorMessages" }, decls: 6, vars: 17, consts: [[3, "formGroup"], [3, "config", "formGroupName", "error"], [1, "govuk-checkboxes"], [3, "group", "isChecked", "config"]], template: function InviteUserPermissionComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementContainerStart(0, 0);
             i0.ɵɵelementStart(1, "xuilib-gov-uk-form-group-wrapper", 1)(2, "div", 2);
@@ -5102,7 +5132,7 @@ class GovUkInputComponent {
     setDescribedBy() {
         return HtmlTemplatesHelper.setDescribedBy(this.errorMessage, this.config);
     }
-    static { this.ɵfac = function GovUkInputComponent_Factory(t) { return new (t || GovUkInputComponent)(); }; }
+    static { this.ɵfac = function GovUkInputComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GovUkInputComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkInputComponent, selectors: [["xuilib-gov-uk-input"]], inputs: { errorMessage: "errorMessage", group: "group", config: "config" }, decls: 5, vars: 19, consts: [[1, "govuk-form-group", "gov-uk-input", 3, "formGroup", "ngClass"], [3, "config"], ["class", "govuk-hint", 3, "id", 4, "ngIf"], [3, "config", "errorMessage"], [1, "govuk-input", 3, "ngClass", "id", "name", "type", "formControlName"], [1, "govuk-hint", 3, "id"]], template: function GovUkInputComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "xuilib-gov-label", 1);
@@ -5148,7 +5178,7 @@ class InviteUserFormComponent {
     onSubmit() {
         this.submitForm.emit();
     }
-    static { this.ɵfac = function InviteUserFormComponent_Factory(t) { return new (t || InviteUserFormComponent)(); }; }
+    static { this.ɵfac = function InviteUserFormComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || InviteUserFormComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InviteUserFormComponent, selectors: [["xuilib-invite-user-form"]], inputs: { inviteUserForm: "inviteUserForm", errorMessages: "errorMessages" }, outputs: { submitForm: "submitForm" }, decls: 7, vars: 15, consts: [[3, "ngSubmit", "formGroup"], [3, "config", "errorMessage", "group"], [3, "inviteUserForm", "errorMessages"], ["type", "submit", 1, "govuk-button"]], template: function InviteUserFormComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "form", 0);
             i0.ɵɵlistener("ngSubmit", function InviteUserFormComponent_Template_form_ngSubmit_0_listener() { return ctx.onSubmit(); });
@@ -5189,7 +5219,7 @@ class LoadingSpinnerComponent {
     ngAfterContentChecked() {
         this.ref.detectChanges();
     }
-    static { this.ɵfac = function LoadingSpinnerComponent_Factory(t) { return new (t || LoadingSpinnerComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
+    static { this.ɵfac = function LoadingSpinnerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LoadingSpinnerComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LoadingSpinnerComponent, selectors: [["xuilib-loading-spinner"]], inputs: { loadingText: "loadingText" }, decls: 6, vars: 3, consts: [[1, "spinner-container"], [1, "spinner-inner-container"], [1, "spinner", 2, "margin", "auto"]], template: function LoadingSpinnerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "p");
             i0.ɵɵtext(3);
@@ -5366,7 +5396,7 @@ class CaseSharingStateService {
         }
         return false;
     }
-    static { this.ɵfac = function CaseSharingStateService_Factory(t) { return new (t || CaseSharingStateService)(); }; }
+    static { this.ɵfac = function CaseSharingStateService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseSharingStateService)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CaseSharingStateService, factory: CaseSharingStateService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseSharingStateService, [{
@@ -5487,7 +5517,7 @@ class SelectedCaseConfirmComponent {
         }
         return this.sharedCase.pendingUnshares && this.sharedCase.pendingUnshares.length > 0;
     }
-    static { this.ɵfac = function SelectedCaseConfirmComponent_Factory(t) { return new (t || SelectedCaseConfirmComponent)(i0.ɵɵdirectiveInject(CaseSharingStateService)); }; }
+    static { this.ɵfac = function SelectedCaseConfirmComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SelectedCaseConfirmComponent)(i0.ɵɵdirectiveInject(CaseSharingStateService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectedCaseConfirmComponent, selectors: [["xuilib-selected-case-confirm"]], inputs: { sharedCase: "sharedCase", changeLink: "changeLink" }, decls: 1, vars: 1, consts: [[3, "id", 4, "ngIf"], [3, "id"], [1, "govuk-heading-m", "case-share-confirm__title"], [1, "case-share-confirm__caption-area"], [1, "govuk-caption-m", "case-share-confirm__caption"], [1, "case-share-confirm__change-link", "govuk-link", "govuk-!-font-size-19", 3, "routerLink"], [1, "govuk-visually-hidden"], [1, "govuk-table"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-header"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-actions"], [1, "govuk-table__body"], ["class", "govuk-table__row", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "govuk-table__cell"], [1, "hmcts-badge"], [1, "hmcts-badge", "hmcts-badge--red"]], template: function SelectedCaseConfirmComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, SelectedCaseConfirmComponent_div_0_Template, 27, 24, "div", 0);
         } if (rf & 2) {
@@ -5811,7 +5841,7 @@ class SelectedCaseComponent {
     buildElementId(elementName) {
         return `${elementName}-${this.sharedCase.caseId}`;
     }
-    static { this.ɵfac = function SelectedCaseComponent_Factory(t) { return new (t || SelectedCaseComponent)(i0.ɵɵdirectiveInject(CaseSharingStateService)); }; }
+    static { this.ɵfac = function SelectedCaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SelectedCaseComponent)(i0.ɵɵdirectiveInject(CaseSharingStateService)); }; }
     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" }, features: [i0.ɵɵNgOnChangesFeature], decls: 20, vars: 20, 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"], ["class", "govuk-button hmcts-button--secondary", "title", "Deselect case", 3, "id", "click", 4, "ngIf"], [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"], ["class", "govuk-grid-row", 4, "ngIf"], ["class", "govuk-table", 4, "ngIf"], ["title", "Deselect case", 1, "govuk-button", "hmcts-button--secondary", 3, "click", "id"], [1, "govuk-grid-row"], [1, "govuk-div-align-left", 3, "id"], [1, "govuk-table"], [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"], ["class", "govuk-table__row", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "govuk-table__cell", 3, "id"], [1, "govuk-table__cell"], ["href", "javascript:void(0);", 3, "click", 4, "ngIf"], ["class", "hmcts-badge hmcts-badge--red", 4, "ngIf"], ["class", "hmcts-badge", 4, "ngIf"], ["href", "javascript:void(0);", 3, "click"], [1, "govuk-visually-hidden"], [1, "hmcts-badge", "hmcts-badge--red"], [1, "hmcts-badge"]], template: function SelectedCaseComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h3", 3);
             i0.ɵɵtext(4);
@@ -5941,7 +5971,7 @@ class SelectedCaseListComponent {
     trackByCaseId(sharedCase) {
         return sharedCase.caseId;
     }
-    static { this.ɵfac = function SelectedCaseListComponent_Factory(t) { return new (t || SelectedCaseListComponent)(i0.ɵɵdirectiveInject(CaseSharingStateService)); }; }
+    static { this.ɵfac = function SelectedCaseListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SelectedCaseListComponent)(i0.ɵɵdirectiveInject(CaseSharingStateService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectedCaseListComponent, selectors: [["xuilib-selected-case-list"]], inputs: { shareCases$: "shareCases$", removeUserFromCaseToggleOn: "removeUserFromCaseToggleOn", toConfirm: "toConfirm", changeLink: "changeLink" }, outputs: { unselect: "unselect", synchronizeStore: "synchronizeStore" }, decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "sharedCase", "caseCount", "removeUserFromCaseToggleOn", "unselect", "synchronizeStore", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "unselect", "synchronizeStore", "sharedCase", "caseCount", "removeUserFromCaseToggleOn"], [3, "sharedCase", "changeLink", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "sharedCase", "changeLink"]], template: function SelectedCaseListComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, SelectedCaseListComponent_ng_container_0_Template, 3, 4, "ng-container", 0)(1, SelectedCaseListComponent_ng_container_1_Template, 3, 4, "ng-container", 0);
         } if (rf & 2) {
@@ -5981,7 +6011,7 @@ class ServiceMessageComponent {
     onHideMessageEvent(key) {
         this.hideMessage.emit(key);
     }
-    static { this.ɵfac = function ServiceMessageComponent_Factory(t) { return new (t || ServiceMessageComponent)(); }; }
+    static { this.ɵfac = function ServiceMessageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ServiceMessageComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ServiceMessageComponent, selectors: [["xuilib-service-message"]], inputs: { message_en: "message_en", message_cy: "message_cy", key: "key" }, outputs: { hideMessage: "hideMessage" }, decls: 12, vars: 8, consts: [[1, "hmcts-banner", "hmcts-banner--warning"], ["fill", "currentColor", "role", "img", "aria-label", "hmcts-warning-icon", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 25", "height", "25", "width", "25", 1, "hmcts-banner__icon"], ["d", "M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z"], [1, "hmcts-banner__message"], [1, "hmcts-banner__assistive"], [1, "govuk-heading-s", 3, "innerHTML"], ["class", "govuk-heading-s", 3, "innerHTML", 4, "ngIf"], ["tabindex", "0", 1, "govuk-link--no-visited-state", 3, "click", "keyup.enter", "routerLink"]], template: function ServiceMessageComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵnamespaceSVG();
@@ -6162,7 +6192,7 @@ class ServiceMessagesComponent {
         const cookie = cookies.find((row) => row.startsWith(name + '='));
         return cookie ? JSON.parse(decodeURIComponent(cookie.split('=')[1])) : [];
     }
-    static { this.ɵfac = function ServiceMessagesComponent_Factory(t) { return new (t || ServiceMessagesComponent)(i0.ɵɵdirectiveInject(FeatureToggleService)); }; }
+    static { this.ɵfac = function ServiceMessagesComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ServiceMessagesComponent)(i0.ɵɵdirectiveInject(FeatureToggleService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ServiceMessagesComponent, selectors: [["xuilib-service-messages"]], inputs: { userRoles: "userRoles", featureToggleKey: "featureToggleKey", serviceMessageCookie: "serviceMessageCookie" }, decls: 2, vars: 2, consts: [["class", "govuk-width-container govuk-!-margin-top-6", 4, "ngIf"], [1, "govuk-width-container", "govuk-!-margin-top-6"], ["class", "hmcts-banner hmcts-banner--warning", 4, "ngFor", "ngForOf"], [1, "hmcts-banner", "hmcts-banner--warning"], ["fill", "currentColor", "role", "presentation", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 25", "height", "25", "width", "25", 1, "hmcts-banner__icon"], ["d", "M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z"], [1, "hmcts-banner__message"], [1, "hmcts-banner__assistive"], [1, "govuk-heading-s"], [3, "innerHTML"], [3, "key", "message_en", "message_cy", "hideMessage", 4, "ngFor", "ngForOf"], [3, "hideMessage", "key", "message_en", "message_cy"]], template: function ServiceMessagesComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, ServiceMessagesComponent_div_0_Template, 2, 1, "div", 0)(1, ServiceMessagesComponent_div_1_Template, 2, 1, "div", 0);
         } if (rf & 2) {
@@ -6227,7 +6257,7 @@ class ShareCaseConfirmComponent {
         });
         this.shareCases$ = this.stateService.state;
     }
-    static { this.ɵfac = function ShareCaseConfirmComponent_Factory(t) { return new (t || ShareCaseConfirmComponent)(i0.ɵɵdirectiveInject(CaseSharingStateService)); }; }
+    static { this.ɵfac = function ShareCaseConfirmComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ShareCaseConfirmComponent)(i0.ɵɵdirectiveInject(CaseSharingStateService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShareCaseConfirmComponent, selectors: [["xuilib-share-case-confirm"]], inputs: { shareCases$: "shareCases$", changeLink: "changeLink", completeLink: "completeLink" }, decls: 7, vars: 6, consts: [["id", "casesToConfirm"], [1, "govuk-heading-l"], ["id", "summarySections", 4, "ngIf"], ["id", "noCaseDisplay", "class", "govuk-hint", 4, "ngIf"], ["id", "share-case-nav", 4, "ngIf"], ["id", "summarySections"], [3, "shareCases$", "toConfirm", "changeLink"], ["id", "noCaseDisplay", 1, "govuk-hint"], ["id", "share-case-nav"], ["title", "Confirm", 1, "govuk-button", 3, "routerLink"]], template: function ShareCaseConfirmComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "h3", 1);
             i0.ɵɵtext(2);
@@ -6278,7 +6308,14 @@ class UserSelectComponent {
     }
     ngOnInit() {
         this.filteredUsers = this.control.valueChanges.pipe(map(value => typeof value === typeof 'string' ? this.filterUsers(value) : this.users));
-        this.selected.emit(null);
+        // TEST-TODO
+        // these are changes made per ngModel 18 upgrade and may not be correct
+        // TODO: Confirm changes are correctly picked up post Angular 18 upgrade
+        this.control.valueChanges.subscribe(newUserValue => {
+            if (!newUserValue || !newUserValue.email) {
+                this.selected.emit(null);
+            }
+        });
     }
     displayValue(user) {
         return user ? `${user.firstName} ${user.lastName} - ${user.email}` : '';
@@ -6289,11 +6326,6 @@ class UserSelectComponent {
     clear() {
         this.control.setValue(null);
     }
-    onUserChange(newUserValue) {
-        if (!newUserValue || !newUserValue.email) {
-            this.selected.emit(null);
-        }
-    }
     filterUsers(value) {
         if (value) {
             value = value.toLowerCase();
@@ -6312,13 +6344,11 @@ class UserSelectComponent {
         }
         return [];
     }
-    static { this.ɵfac = function UserSelectComponent_Factory(t) { return new (t || UserSelectComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserSelectComponent, selectors: [["xuilib-user-select"]], inputs: { users: "users" }, outputs: { selected: "selected" }, decls: 6, vars: 9, consts: [["dropdown", "matAutocomplete"], ["type", "text", 1, "govuk-input", 3, "ngModelChange", "matAutocomplete", "formControl"], ["autoActiveFirstOption", "", 3, "optionSelected", "displayWith"], [3, "value", 4, "ngFor", "ngForOf"], [3, "value"]], template: function UserSelectComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function UserSelectComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UserSelectComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserSelectComponent, selectors: [["xuilib-user-select"]], inputs: { users: "users" }, outputs: { selected: "selected" }, decls: 6, vars: 9, consts: [["dropdown", "matAutocomplete"], ["type", "text", 1, "govuk-input", 3, "matAutocomplete", "formControl"], ["autoActiveFirstOption", "", 3, "optionSelected", "displayWith"], [3, "value", 4, "ngFor", "ngForOf"], [3, "value"]], template: function UserSelectComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "input", 1);
+            i0.ɵɵelement(0, "input", 1);
             i0.ɵɵpipe(1, "rpxTranslate");
-            i0.ɵɵlistener("ngModelChange", function UserSelectComponent_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onUserChange($event)); });
-            i0.ɵɵelementEnd();
             i0.ɵɵelementStart(2, "mat-autocomplete", 2, 0);
             i0.ɵɵlistener("optionSelected", function UserSelectComponent_Template_mat_autocomplete_optionSelected_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSelected($event)); });
             i0.ɵɵtemplate(4, UserSelectComponent_mat_option_4_Template, 4, 8, "mat-option", 3);
@@ -6336,7 +6366,7 @@ class UserSelectComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserSelectComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-user-select', template: "<input class=\"govuk-input\" type=\"text\" [matAutocomplete]=\"dropdown\" [formControl]=\"control\" (ngModelChange)=\"onUserChange($event)\"\n       [attr.aria-labelledby]=\"'add-user-hint' | rpxTranslate\">\n\n<mat-autocomplete #dropdown=\"matAutocomplete\" [displayWith]=\"displayValue\" autoActiveFirstOption (optionSelected)=\"onSelected($event)\">\n  <mat-option *ngFor=\"let user of filteredUsers | async\" [value]=\"user\">\n    {{ user.firstName | rpxTranslate }} {{ user.lastName | rpxTranslate }} - {{ user.email }}\n  </mat-option>\n</mat-autocomplete>\n" }]
+        args: [{ selector: 'xuilib-user-select', template: "<input class=\"govuk-input\" type=\"text\" [matAutocomplete]=\"dropdown\" [formControl]=\"control\"\n       [attr.aria-labelledby]=\"'add-user-hint' | rpxTranslate\">\n\n<mat-autocomplete #dropdown=\"matAutocomplete\" [displayWith]=\"displayValue\" autoActiveFirstOption (optionSelected)=\"onSelected($event)\">\n  <mat-option *ngFor=\"let user of filteredUsers | async\" [value]=\"user\">\n    {{ user.firstName | rpxTranslate }} {{ user.lastName | rpxTranslate }} - {{ user.email }}\n  </mat-option>\n</mat-autocomplete>\n" }]
     }], () => [], { users: [{
             type: Input
         }], selected: [{
@@ -6454,7 +6484,7 @@ class HmctsErrorSummaryComponent {
     hasElement(selector) {
         return this.document.querySelector(`#${selector}`);
     }
-    static { this.ɵfac = function HmctsErrorSummaryComponent_Factory(t) { return new (t || HmctsErrorSummaryComponent)(i0.ɵɵdirectiveInject(DOCUMENT)); }; }
+    static { this.ɵfac = function HmctsErrorSummaryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HmctsErrorSummaryComponent)(i0.ɵɵdirectiveInject(DOCUMENT)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HmctsErrorSummaryComponent, selectors: [["xuilib-hmcts-error-summary"]], inputs: { errorMessages: "errorMessages", header: "header", showWarningMessage: "showWarningMessage" }, features: [i0.ɵɵNgOnChangesFeature], decls: 2, vars: 2, consts: [["id", "errorSummary", "class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "error-summary", 4, "ngIf"], ["class", "hmcts-banner hmcts-banner--warning", 4, "ngIf"], ["id", "errorSummary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [4, "ngFor", "ngForOf"], [3, "routerLink", "fragment", "click", 4, "ngIf"], [4, "ngIf"], [3, "click", "routerLink", "fragment"], [1, "hmcts-banner", "hmcts-banner--warning"], ["fill", "currentColor", "role", "presentation", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 25", "height", "25", "width", "25", 1, "hmcts-banner__icon"], ["d", "M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z"], [1, "hmcts-banner__message"], [1, "hmcts-banner__assistive"], ["class", "govuk-body", 4, "ngFor", "ngForOf"], [1, "govuk-body"]], template: function HmctsErrorSummaryComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, HmctsErrorSummaryComponent_div_0_Template, 7, 4, "div", 0)(1, HmctsErrorSummaryComponent_div_1_Template, 8, 4, "div", 1);
         } if (rf & 2) {
@@ -6523,7 +6553,7 @@ function ShareCaseComponent_div_29_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵpipe(6, "rpxTranslate");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(7, "div", 6)(8, "div", 7)(9, "select", 30);
-    i0.ɵɵtwoWayListener("ngModelChange", function ShareCaseComponent_div_29_Template_select_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.selectedUserToRemove, $event) || (ctx_r0.selectedUserToRemove = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("change", function ShareCaseComponent_div_29_Template_select_change_9_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onSelectedUserToRemoveChanged($event.target.value)); });
     i0.ɵɵelementStart(10, "option", 31);
     i0.ɵɵtext(11, "Select a person");
     i0.ɵɵelementEnd();
@@ -6545,7 +6575,7 @@ function ShareCaseComponent_div_29_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 10, "Select a person to remove them from all selected cases."), " ");
     i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.selectedUserToRemove);
+    i0.ɵɵproperty("value", ctx_r0.selectedUserToRemove);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngValue", null);
     i0.ɵɵadvance(2);
@@ -6749,13 +6779,20 @@ class ShareCaseComponent {
                 (!sharedCase.pendingShares || sharedCase.pendingShares.length === 0);
         });
     }
-    static { this.ɵfac = function ShareCaseComponent_Factory(t) { return new (t || ShareCaseComponent)(i0.ɵɵdirectiveInject(CaseSharingStateService), i0.ɵɵdirectiveInject(i2$1.Router)); }; }
+    // TEST-TODO
+    // Another place where ngModel use is removed for Angular best practice
+    // May cause issues but based on understanding should work
+    // TODO: Confirm this works correctly after Angular 18 upgrade
+    onSelectedUserToRemoveChanged(value) {
+        this.selectedUserToRemove = this.assignedUsers.find(user => `${user.firstName} ${user.lastName} - ${user.email}` === value) || null;
+    }
+    static { this.ɵfac = function ShareCaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ShareCaseComponent)(i0.ɵɵdirectiveInject(CaseSharingStateService), i0.ɵɵdirectiveInject(i2$1.Router)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShareCaseComponent, selectors: [["xuilib-share-case"]], viewQuery: function ShareCaseComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(UserSelectComponent, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.userSelect = _t.first);
-        } }, inputs: { removeUserFromCaseToggleOn: "removeUserFromCaseToggleOn", shareCases$: "shareCases$", users: "users", confirmLink: "confirmLink", cancelLink: "cancelLink", addUserLabel: "addUserLabel", showRemoveUsers: "showRemoveUsers", fnTitle: "fnTitle", title: "title" }, outputs: { unselect: "unselect", synchronizeStore: "synchronizeStore" }, decls: 46, vars: 50, consts: [[3, "errorMessages", "header"], ["class", "govuk-heading-xl govuk-!-margin-top-2", 4, "ngIf"], ["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", "data-module", "govuk-details", 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"], ["class", "govuk-form-group", 4, "ngIf"], ["id", "cases", 3, "ngClass"], ["id", "title-selected-cases", 1, "govuk-heading-m"], [3, "config", "errorMessage"], ["class", "govuk-accordion", "data-module", "govuk-accordion", "id", "accordion-with-summary-sections", 4, "ngIf"], ["id", "noCaseDisplay", "class", "govuk-hint", 3, "ngClass", 4, "ngIf"], ["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-heading-xl", "govuk-!-margin-top-2"], ["class", "govuk-caption-xl", 4, "ngIf"], [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, "ngModelChange", "ngModel"], ["selected", "", 3, "ngValue"], [3, "ngValue", 4, "ngFor", "ngForOf"], ["id", "btn-remove-user", 1, "govuk-button", "govuk-button--secondary", 3, "click", "title"], [3, "ngValue"], ["data-module", "govuk-accordion", "id", "accordion-with-summary-sections", 1, "govuk-accordion"], [3, "unselect", "synchronizeStore", "shareCases$", "removeUserFromCaseToggleOn"], ["id", "noCaseDisplay", 1, "govuk-hint", 3, "ngClass"]], template: function ShareCaseComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { removeUserFromCaseToggleOn: "removeUserFromCaseToggleOn", shareCases$: "shareCases$", users: "users", confirmLink: "confirmLink", cancelLink: "cancelLink", addUserLabel: "addUserLabel", showRemoveUsers: "showRemoveUsers", fnTitle: "fnTitle", title: "title" }, outputs: { unselect: "unselect", synchronizeStore: "synchronizeStore" }, decls: 46, vars: 50, consts: [[3, "errorMessages", "header"], ["class", "govuk-heading-xl govuk-!-margin-top-2", 4, "ngIf"], ["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", "data-module", "govuk-details", 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"], ["class", "govuk-form-group", 4, "ngIf"], ["id", "cases", 3, "ngClass"], ["id", "title-selected-cases", 1, "govuk-heading-m"], [3, "config", "errorMessage"], ["class", "govuk-accordion", "data-module", "govuk-accordion", "id", "accordion-with-summary-sections", 4, "ngIf"], ["id", "noCaseDisplay", "class", "govuk-hint", 3, "ngClass", 4, "ngIf"], ["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-heading-xl", "govuk-!-margin-top-2"], ["class", "govuk-caption-xl", 4, "ngIf"], [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", 4, "ngFor", "ngForOf"], ["id", "btn-remove-user", 1, "govuk-button", "govuk-button--secondary", 3, "click", "title"], [3, "ngValue"], ["data-module", "govuk-accordion", "id", "accordion-with-summary-sections", 1, "govuk-accordion"], [3, "unselect", "synchronizeStore", "shareCases$", "removeUserFromCaseToggleOn"], ["id", "noCaseDisplay", 1, "govuk-hint", 3, "ngClass"]], template: function ShareCaseComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelement(0, "xuilib-hmcts-error-summary", 0);
             i0.ɵɵtemplate(1, ShareCaseComponent_h1_1_Template, 4, 4, "h1", 1);
             i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "label", 4);
@@ -6848,11 +6885,11 @@ class ShareCaseComponent {
             i0.ɵɵproperty("routerLink", ctx.cancelLink);
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(45, 46, "Cancel"), " ");
-        } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i2$4.NgSelectOption, i2$4.ɵNgSelectMultipleOption, i2$4.SelectControlValueAccessor, i2$4.NgControlStatus, i2$4.NgModel, i2$1.RouterLink, SelectedCaseListComponent, UserSelectComponent, HmctsErrorSummaryComponent, GovUkErrorMessageComponent, i2.RpxTranslatePipe], styles: ["select[_ngcontent-%COMP%]{width:100%}"] }); }
+        } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i2$4.NgSelectOption, i2$4.ɵNgSelectMultipleOption, i2$1.RouterLink, SelectedCaseListComponent, UserSelectComponent, HmctsErrorSummaryComponent, GovUkErrorMessageComponent, i2.RpxTranslatePipe], styles: ["select[_ngcontent-%COMP%]{width:100%}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShareCaseComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-share-case', template: "<xuilib-hmcts-error-summary\n  [errorMessages]=\"validationErrors\"\n  [header]=\"'There is a problem'\"\n></xuilib-hmcts-error-summary>\n<h1 *ngIf=\"title\" class=\"govuk-heading-xl govuk-!-margin-top-2\">\n  <span *ngIf=\"fnTitle\" class=\"govuk-caption-xl\">{{fnTitle | rpxTranslate}}</span>\n  {{title | rpxTranslate}}\n</h1>\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\" data-module=\"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  <div class=\"govuk-form-group\" *ngIf=\"showRemoveUsers\">\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 [(ngModel)]=\"selectedUserToRemove\" class=\"govuk-select\" id=\"remove-user-input\" aria-describedby=\"remove-user-hint\">\n          <option [ngValue]=\"null\" selected>Select a person</option>\n          <option *ngFor=\"let user of assignedUsers\" [ngValue]=\"user\">{{user.firstName}} {{user.lastName}} - {{user.email}}</option>\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</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  <div *ngIf=\"shareCases && shareCases.length > 0\" 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  <div id=\"noCaseDisplay\" *ngIf=\"shareCases && shareCases.length === 0\" class=\"govuk-hint\"\n    [ngClass]=\"{'govuk-form-group--error': shareCaseErrorMessage.messages && shareCaseErrorMessage.messages.length > 0}\">\n    {{'No cases to display.' | rpxTranslate}}\n  </div>\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"] }]
+        args: [{ selector: 'xuilib-share-case', template: "<xuilib-hmcts-error-summary\n  [errorMessages]=\"validationErrors\"\n  [header]=\"'There is a problem'\"\n></xuilib-hmcts-error-summary>\n<h1 *ngIf=\"title\" class=\"govuk-heading-xl govuk-!-margin-top-2\">\n  <span *ngIf=\"fnTitle\" class=\"govuk-caption-xl\">{{fnTitle | rpxTranslate}}</span>\n  {{title | rpxTranslate}}\n</h1>\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\" data-module=\"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  <div class=\"govuk-form-group\" *ngIf=\"showRemoveUsers\">\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          <option *ngFor=\"let user of assignedUsers\" [ngValue]=\"user\">{{user.firstName}} {{user.lastName}} - {{user.email}}</option>\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</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  <div *ngIf=\"shareCases && shareCases.length > 0\" 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  <div id=\"noCaseDisplay\" *ngIf=\"shareCases && shareCases.length === 0\" class=\"govuk-hint\"\n    [ngClass]=\"{'govuk-form-group--error': shareCaseErrorMessage.messages && shareCaseErrorMessage.messages.length > 0}\">\n    {{'No cases to display.' | rpxTranslate}}\n  </div>\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"] }]
     }], () => [{ type: CaseSharingStateService }, { type: i2$1.Router }], { removeUserFromCaseToggleOn: [{
             type: Input
         }], shareCases$: [{
@@ -6895,7 +6932,7 @@ class TabComponent {
     tabChanged(event) {
         this.tabChange.emit(event);
     }
-    static { this.ɵfac = function TabComponent_Factory(t) { return new (t || TabComponent)(); }; }
+    static { this.ɵfac = function TabComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TabComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TabComponent, selectors: [["xuilib-tab"]], inputs: { tabItems: "tabItems" }, outputs: { tabChange: "tabChange" }, decls: 2, vars: 1, consts: [["animationDuration", "0ms", 3, "selectedTabChange"], [3, "label", 4, "ngFor", "ngForOf"], [3, "label"]], template: function TabComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mat-tab-group", 0);
             i0.ɵɵlistener("selectedTabChange", function TabComponent_Template_mat_tab_group_selectedTabChange_0_listener($event) { return ctx.tabChanged($event); });
@@ -6923,7 +6960,7 @@ class TcConfirmComponent {
     onClick() {
         this.confirm.emit();
     }
-    static { this.ɵfac = function TcConfirmComponent_Factory(t) { return new (t || TcConfirmComponent)(); }; }
+    static { this.ɵfac = function TcConfirmComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TcConfirmComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TcConfirmComponent, selectors: [["xuilib-tc-confirm"]], inputs: { buttonText: "buttonText" }, outputs: { confirm: "confirm" }, decls: 26, vars: 18, consts: [[1, "govuk-width-container"], ["role", "main", 1, "govuk-main-wrapper"], [1, "govuk-grid-row"], [1, "govuk-grid-column-two-thirds"], [1, "column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-heading-m"], ["routerLink", "/terms-and-conditions", "rel", "noopener noreferrer", "target", "_blank"], [1, "govuk-button", 3, "click"], [1, "govuk-grid-column-one-third"]], template: function TcConfirmComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "main", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "h1", 5);
             i0.ɵɵtext(6);
@@ -6981,7 +7018,7 @@ class TcConfirmComponent {
 const _c0$d = ["*"];
 class TcDisplayHtmlComponent {
     constructor() { }
-    static { this.ɵfac = function TcDisplayHtmlComponent_Factory(t) { return new (t || TcDisplayHtmlComponent)(); }; }
+    static { this.ɵfac = function TcDisplayHtmlComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TcDisplayHtmlComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TcDisplayHtmlComponent, selectors: [["xuilib-tc-display-html"]], ngContentSelectors: _c0$d, decls: 1, vars: 0, template: function TcDisplayHtmlComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
@@ -6996,7 +7033,7 @@ class TcDisplayHtmlComponent {
 const _c0$c = ["*"];
 class TcDisplayPlainComponent {
     constructor() { }
-    static { this.ɵfac = function TcDisplayPlainComponent_Factory(t) { return new (t || TcDisplayPlainComponent)(); }; }
+    static { this.ɵfac = function TcDisplayPlainComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TcDisplayPlainComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TcDisplayPlainComponent, selectors: [["xuilib-tc-display-plain"]], ngContentSelectors: _c0$c, decls: 1, vars: 0, template: function TcDisplayPlainComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
@@ -7039,7 +7076,7 @@ function TermsAndConditionsComponent_div_3_Template(rf, ctx) { if (rf & 1) {
 } }
 class TermsAndConditionsComponent {
     constructor() { }
-    static { this.ɵfac = function TermsAndConditionsComponent_Factory(t) { return new (t || TermsAndConditionsComponent)(); }; }
+    static { this.ɵfac = function TermsAndConditionsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TermsAndConditionsComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TermsAndConditionsComponent, selectors: [["xuilib-terms-and-conditions"]], inputs: { document: "document" }, decls: 4, vars: 3, consts: [[3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], [3, "innerHTML"]], template: function TermsAndConditionsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementContainerStart(0, 0);
             i0.ɵɵtemplate(1, TermsAndConditionsComponent_xuilib_tc_display_html_1_Template, 3, 3, "xuilib-tc-display-html", 1)(2, TermsAndConditionsComponent_xuilib_tc_display_plain_2_Template, 3, 3, "xuilib-tc-display-plain", 1)(3, TermsAndConditionsComponent_div_3_Template, 3, 3, "div", 2);
@@ -7064,14 +7101,17 @@ function UserDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 5)(1, "span", 6);
     i0.ɵɵtext(2, "!");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "strong", 7);
-    i0.ɵɵtext(4);
-    i0.ɵɵpipe(5, "rpxTranslate");
+    i0.ɵɵelementStart(3, "span", 7);
+    i0.ɵɵtext(4, "Warning");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "strong", 8);
+    i0.ɵɵtext(6);
+    i0.ɵɵpipe(7, "rpxTranslate");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 1, ctx_r0.warningTitle), "\n");
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 1, ctx_r0.warningTitle), "\n");
 } }
 function UserDetailsComponent_table_1_tr_17_div_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
@@ -7129,10 +7169,10 @@ function UserDetailsComponent_table_1_tr_17_div_10_Template(rf, ctx) { if (rf &
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, accesstype_r2));
 } }
 function UserDetailsComponent_table_1_tr_17_a_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 16);
+    i0.ɵɵelementStart(0, "a", 17);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵelementStart(3, "span", 17);
+    i0.ɵɵelementStart(3, "span", 7);
     i0.ɵɵtext(4);
     i0.ɵɵpipe(5, "rpxTranslate");
     i0.ɵɵelementEnd()();
@@ -7145,15 +7185,15 @@ function UserDetailsComponent_table_1_tr_17_a_12_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 5, "roles"));
 } }
 function UserDetailsComponent_table_1_tr_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr", 10)(1, "th", 11);
+    i0.ɵɵelementStart(0, "tr", 11)(1, "th", 12);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "rpxTranslate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "td", 12);
-    i0.ɵɵtemplate(5, UserDetailsComponent_table_1_tr_17_div_5_Template, 3, 3, "div", 3)(6, UserDetailsComponent_table_1_tr_17_div_6_Template, 3, 3, "div", 3)(7, UserDetailsComponent_table_1_tr_17_div_7_Template, 3, 3, "div", 3)(8, UserDetailsComponent_table_1_tr_17_div_8_Template, 3, 3, "div", 3)(9, UserDetailsComponent_table_1_tr_17_div_9_Template, 3, 3, "div", 3)(10, UserDetailsComponent_table_1_tr_17_div_10_Template, 3, 3, "div", 14);
+    i0.ɵɵelementStart(4, "td", 13);
+    i0.ɵɵtemplate(5, UserDetailsComponent_table_1_tr_17_div_5_Template, 3, 3, "div", 3)(6, UserDetailsComponent_table_1_tr_17_div_6_Template, 3, 3, "div", 3)(7, UserDetailsComponent_table_1_tr_17_div_7_Template, 3, 3, "div", 3)(8, UserDetailsComponent_table_1_tr_17_div_8_Template, 3, 3, "div", 3)(9, UserDetailsComponent_table_1_tr_17_div_9_Template, 3, 3, "div", 3)(10, UserDetailsComponent_table_1_tr_17_div_10_Template, 3, 3, "div", 15);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "td", 12);
-    i0.ɵɵtemplate(12, UserDetailsComponent_table_1_tr_17_a_12_Template, 6, 7, "a", 15);
+    i0.ɵɵelementStart(11, "td", 13);
+    i0.ɵɵtemplate(12, UserDetailsComponent_table_1_tr_17_a_12_Template, 6, 7, "a", 16);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -7175,26 +7215,26 @@ function UserDetailsComponent_table_1_tr_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", ctx_r0.editPermissionRouterLink && ctx_r0.showEditLink);
 } }
 function UserDetailsComponent_table_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "table", 8)(1, "tbody", 9)(2, "tr", 10)(3, "th", 11);
+    i0.ɵɵelementStart(0, "table", 9)(1, "tbody", 10)(2, "tr", 11)(3, "th", 12);
     i0.ɵɵtext(4);
     i0.ɵɵpipe(5, "rpxTranslate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "td", 12);
+    i0.ɵɵelementStart(6, "td", 13);
     i0.ɵɵtext(7);
     i0.ɵɵpipe(8, "rpxTranslate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(9, "td", 12);
+    i0.ɵɵelement(9, "td", 13);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "tr", 10)(11, "th", 11);
+    i0.ɵɵelementStart(10, "tr", 11)(11, "th", 12);
     i0.ɵɵtext(12);
     i0.ɵɵpipe(13, "rpxTranslate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "td", 12);
+    i0.ɵɵelementStart(14, "td", 13);
     i0.ɵɵtext(15);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(16, "td", 12);
+    i0.ɵɵelement(16, "td", 13);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(17, UserDetailsComponent_table_1_tr_17_Template, 13, 10, "tr", 13);
+    i0.ɵɵtemplate(17, UserDetailsComponent_table_1_tr_17_Template, 13, 10, "tr", 14);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -7287,9 +7327,9 @@ class UserDetailsComponent {
         }
         return false;
     }
-    static { this.ɵfac = function UserDetailsComponent_Factory(t) { return new (t || UserDetailsComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserDetailsComponent, selectors: [["xuilib-user-details"]], inputs: { user: "user", enabledAccessTypes: "enabledAccessTypes", editPermissionRouterLink: "editPermissionRouterLink", warningTitle: "warningTitle", showEditLink: "showEditLink", showHelpLink: "showHelpLink", suspendHelpLink: "suspendHelpLink", showSuspendUserButton: "showSuspendUserButton" }, outputs: { suspendUserEvent: "suspendUserEvent", reinvite: "reinvite" }, decls: 5, vars: 5, consts: [["class", "govuk-warning-text", 4, "ngIf"], ["class", "govuk-table", "role", "presentation", 4, "ngIf"], ["class", "govuk-button govuk-button--warning", "tabindex", "0", 3, "click", "keyup.enter", 4, "ngIf"], [4, "ngIf"], ["class", "govuk-body", 4, "ngIf"], [1, "govuk-warning-text"], [1, "govuk-warning-text__icon"], [1, "govuk-warning-text__text"], ["role", "presentation", 1, "govuk-table"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], ["class", "govuk-table__row", 4, "ngIf"], [4, "ngFor", "ngForOf"], ["role", "link", 3, "routerLink", 4, "ngIf"], ["role", "link", 3, "routerLink"], [1, "govuk-visually-hidden"], ["tabindex", "0", 1, "govuk-button", "govuk-button--warning", 3, "click", "keyup.enter"], [1, "govuk-inset-text"], ["tabindex", "0", "id", "resend-invite-button", 1, "govuk-button", 3, "click", "keyup.enter"], [1, "govuk-body"], ["target", "_blank", 3, "routerLink"]], template: function UserDetailsComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, UserDetailsComponent_div_0_Template, 6, 3, "div", 0)(1, UserDetailsComponent_table_1_Template, 18, 11, "table", 1)(2, UserDetailsComponent_button_2_Template, 3, 3, "button", 2)(3, UserDetailsComponent_div_3_Template, 14, 12, "div", 3)(4, UserDetailsComponent_p_4_Template, 6, 7, "p", 4);
+    static { this.ɵfac = function UserDetailsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UserDetailsComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserDetailsComponent, selectors: [["xuilib-user-details"]], inputs: { user: "user", enabledAccessTypes: "enabledAccessTypes", editPermissionRouterLink: "editPermissionRouterLink", warningTitle: "warningTitle", showEditLink: "showEditLink", showHelpLink: "showHelpLink", suspendHelpLink: "suspendHelpLink", showSuspendUserButton: "showSuspendUserButton" }, outputs: { suspendUserEvent: "suspendUserEvent", reinvite: "reinvite" }, decls: 5, vars: 5, consts: [["class", "govuk-warning-text", 4, "ngIf"], ["class", "govuk-table", "role", "presentation", 4, "ngIf"], ["class", "govuk-button govuk-button--warning", "tabindex", "0", 3, "click", "keyup.enter", 4, "ngIf"], [4, "ngIf"], ["class", "govuk-body", 4, "ngIf"], [1, "govuk-warning-text"], [1, "govuk-warning-text__icon"], [1, "govuk-visually-hidden"], [1, "govuk-warning-text__text"], ["role", "presentation", 1, "govuk-table"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], ["class", "govuk-table__row", 4, "ngIf"], [4, "ngFor", "ngForOf"], ["role", "link", 3, "routerLink", 4, "ngIf"], ["role", "link", 3, "routerLink"], ["tabindex", "0", 1, "govuk-button", "govuk-button--warning", 3, "click", "keyup.enter"], [1, "govuk-inset-text"], ["tabindex", "0", "id", "resend-invite-button", 1, "govuk-button", 3, "click", "keyup.enter"], [1, "govuk-body"], ["target", "_blank", 3, "routerLink"]], template: function UserDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, UserDetailsComponent_div_0_Template, 8, 3, "div", 0)(1, UserDetailsComponent_table_1_Template, 18, 11, "table", 1)(2, UserDetailsComponent_button_2_Template, 3, 3, "button", 2)(3, UserDetailsComponent_div_3_Template, 14, 12, "div", 3)(4, UserDetailsComponent_p_4_Template, 6, 7, "p", 4);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.warningTitle && ctx.warningTitle !== "");
             i0.ɵɵadvance();
@@ -7304,7 +7344,7 @@ class UserDetailsComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserDetailsComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-user-details', template: "<div class=\"govuk-warning-text\" *ngIf=\"warningTitle && warningTitle !== ''\">\n<span class=\"govuk-warning-text__icon\">!</span>\n<strong class=\"govuk-warning-text__text\">\n    {{ warningTitle | rpxTranslate}}\n</strong>\n</div>\n<table class=\"govuk-table\" *ngIf=\"user\" role=\"presentation\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n        <th class=\"govuk-table__header\" scope=\"row\">{{'Name' | rpxTranslate}}</th>\n        <td class=\"govuk-table__cell\">{{user.fullName | rpxTranslate}}</td>\n        <td class=\"govuk-table__cell\"></td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n        <th class=\"govuk-table__header\" scope=\"row\">{{'Email address' | rpxTranslate}}</th>\n        <td class=\"govuk-table__cell\">{{user.email}}</td>\n        <td class=\"govuk-table__cell\"></td>\n    </tr>\n    <tr class=\"govuk-table__row\" *ngIf=\"!user.resendInvite\">\n        <th class=\"govuk-table__header\" scope=\"row\">{{'Permissions' | rpxTranslate}}</th>\n        <td class=\"govuk-table__cell\">\n          <div *ngIf=\"user.manageOrganisations === 'Yes'\">{{'Manage organisations' | rpxTranslate}}</div>\n          <div *ngIf=\"user.manageUsers === 'Yes'\">{{'Manage users' | rpxTranslate}}</div>\n          <div *ngIf=\"user.manageCases === 'Yes'\">{{'Manage cases' | rpxTranslate}}</div>\n          <div *ngIf=\"userHasRole('pui-caa')\">{{'Case access administrator' | rpxTranslate}}</div>\n          <div *ngIf=\"userHasRole('pui-finance-manager')\">{{'Manage fee accounts' | rpxTranslate}}</div>\n          <div *ngFor=\"let accesstype of enabledAccessTypes\">{{ accesstype | rpxTranslate}}</div> \n        </td>\n        <td class=\"govuk-table__cell\"><a *ngIf=\"editPermissionRouterLink && showEditLink\" role=\"link\" [routerLink]=\"editPermissionRouterLink\">{{'Change' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'roles' | rpxTranslate}}</span></a></td>\n    </tr>\n  </tbody>\n</table>\n<button *ngIf=\"showSuspendUserButton\" class=\"govuk-button govuk-button--warning\" tabindex=\"0\" (click)=\"suspendUser(user)\" (keyup.enter)=\"suspendUser(user)\">\n  {{'Suspend account' | rpxTranslate}}\n</button>\n<div *ngIf=\"user && user.resendInvite\">\n  <div class=\"govuk-inset-text\">\n    <p>{{'This user has already been invited but has not activated their account.' | rpxTranslate}}</p>\n    <p>{{'If you resend an invitation, they\\'ll receive an email from HM Courts and Tribunals to finish setting up their account.' | rpxTranslate}}</p>\n    <p>{{'You can\\'t invite the same user more than once an hour.' | rpxTranslate}}</p>\n  </div>\n  <button class=\"govuk-button\" tabindex=\"0\" (click)=\"reinviteClick(user)\" (keyup.enter)=\"reinviteClick(user)\" id=\"resend-invite-button\">\n      {{'Resend invitation' | rpxTranslate}}\n  </button>\n</div>\n<p class=\"govuk-body\" *ngIf=\"showHelpLink && suspendHelpLink\"><a [routerLink]=\"suspendHelpLink\" target=\"_blank\">{{'Get help' | rpxTranslate}}</a> {{'to reactivate this account.' | rpxTranslate}}</p>\n", styles: [":host{display:block}\n"] }]
+        args: [{ selector: 'xuilib-user-details', template: "<div class=\"govuk-warning-text\" *ngIf=\"warningTitle && warningTitle !== ''\">\n<span class=\"govuk-warning-text__icon\">!</span>\n<span class=\"govuk-visually-hidden\">Warning</span>\n<strong class=\"govuk-warning-text__text\">\n    {{ warningTitle | rpxTranslate}}\n</strong>\n</div>\n<table class=\"govuk-table\" *ngIf=\"user\" role=\"presentation\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n        <th class=\"govuk-table__header\" scope=\"row\">{{'Name' | rpxTranslate}}</th>\n        <td class=\"govuk-table__cell\">{{user.fullName | rpxTranslate}}</td>\n        <td class=\"govuk-table__cell\"></td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n        <th class=\"govuk-table__header\" scope=\"row\">{{'Email address' | rpxTranslate}}</th>\n        <td class=\"govuk-table__cell\">{{user.email}}</td>\n        <td class=\"govuk-table__cell\"></td>\n    </tr>\n    <tr class=\"govuk-table__row\" *ngIf=\"!user.resendInvite\">\n        <th class=\"govuk-table__header\" scope=\"row\">{{'Permissions' | rpxTranslate}}</th>\n        <td class=\"govuk-table__cell\">\n          <div *ngIf=\"user.manageOrganisations === 'Yes'\">{{'Manage organisations' | rpxTranslate}}</div>\n          <div *ngIf=\"user.manageUsers === 'Yes'\">{{'Manage users' | rpxTranslate}}</div>\n          <div *ngIf=\"user.manageCases === 'Yes'\">{{'Manage cases' | rpxTranslate}}</div>\n          <div *ngIf=\"userHasRole('pui-caa')\">{{'Case access administrator' | rpxTranslate}}</div>\n          <div *ngIf=\"userHasRole('pui-finance-manager')\">{{'Manage fee accounts' | rpxTranslate}}</div>\n          <div *ngFor=\"let accesstype of enabledAccessTypes\">{{ accesstype | rpxTranslate}}</div> \n        </td>\n        <td class=\"govuk-table__cell\"><a *ngIf=\"editPermissionRouterLink && showEditLink\" role=\"link\" [routerLink]=\"editPermissionRouterLink\">{{'Change' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'roles' | rpxTranslate}}</span></a></td>\n    </tr>\n  </tbody>\n</table>\n<button *ngIf=\"showSuspendUserButton\" class=\"govuk-button govuk-button--warning\" tabindex=\"0\" (click)=\"suspendUser(user)\" (keyup.enter)=\"suspendUser(user)\">\n  {{'Suspend account' | rpxTranslate}}\n</button>\n<div *ngIf=\"user && user.resendInvite\">\n  <div class=\"govuk-inset-text\">\n    <p>{{'This user has already been invited but has not activated their account.' | rpxTranslate}}</p>\n    <p>{{'If you resend an invitation, they\\'ll receive an email from HM Courts and Tribunals to finish setting up their account.' | rpxTranslate}}</p>\n    <p>{{'You can\\'t invite the same user more than once an hour.' | rpxTranslate}}</p>\n  </div>\n  <button class=\"govuk-button\" tabindex=\"0\" (click)=\"reinviteClick(user)\" (keyup.enter)=\"reinviteClick(user)\" id=\"resend-invite-button\">\n      {{'Resend invitation' | rpxTranslate}}\n  </button>\n</div>\n<p class=\"govuk-body\" *ngIf=\"showHelpLink && suspendHelpLink\"><a [routerLink]=\"suspendHelpLink\" target=\"_blank\">{{'Get help' | rpxTranslate}}</a> {{'to reactivate this account.' | rpxTranslate}}</p>\n", styles: [":host{display:block}\n"] }]
     }], null, { user: [{
             type: Input
         }], enabledAccessTypes: [{
@@ -7484,7 +7524,7 @@ class HmctsPaginationComponent {
         this.pageChange = new EventEmitter();
         this.pageBoundsCorrection = new EventEmitter();
     }
-    static { this.ɵfac = function HmctsPaginationComponent_Factory(t) { return new (t || HmctsPaginationComponent)(); }; }
+    static { this.ɵfac = function HmctsPaginationComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HmctsPaginationComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HmctsPaginationComponent, selectors: [["xuilib-hmcts-pagination"]], inputs: { id: "id", maxSize: "maxSize", pageSize: "pageSize", showPageNumbers: "showPageNumbers", showResultCount: "showResultCount" }, outputs: { pageChange: "pageChange", pageBoundsCorrection: "pageBoundsCorrection" }, decls: 8, vars: 7, consts: [["p", "paginationApi"], [3, "pageChange", "pageBoundsCorrection", "id", "maxSize"], ["id", "pagination-label", 1, "hmcts-pagination"], ["aria-labelledby", "pagination-label", 1, "govuk-visually-hidden"], ["class", "hmcts-pagination__list", 4, "ngIf"], ["class", "hmcts-pagination__results", 4, "ngIf"], [1, "hmcts-pagination__list"], [1, "hmcts-pagination__item", "hmcts-pagination__item--prev"], ["class", "hmcts-pagination__link", 3, "routerLink", "keyup.enter", "click", 4, "ngIf"], [4, "ngIf"], [1, "hmcts-pagination__item", "hmcts-pagination__item--next"], [1, "hmcts-pagination__link", 3, "keyup.enter", "click", "routerLink"], [1, "govuk-visually-hidden"], ["class", "hmcts-pagination__item", 3, "hmcts-pagination__item--active", "hmcts-pagination__item--dots", 4, "ngFor", "ngForOf"], [1, "hmcts-pagination__item"], [1, "hmcts-pagination__results"]], template: function HmctsPaginationComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "pagination-template", 1, 0);
@@ -7569,7 +7609,7 @@ class UserListComponent {
         this.currentPageNumber = pageNumber;
         this.pageChange.emit(pageNumber);
     }
-    static { this.ɵfac = function UserListComponent_Factory(t) { return new (t || UserListComponent)(); }; }
+    static { this.ɵfac = function UserListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UserListComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserListComponent, selectors: [["xuilib-user-list"]], inputs: { users: "users", currentPageNumber: "currentPageNumber", pageTotalSize: "pageTotalSize" }, outputs: { userClick: "userClick", pageChange: "pageChange" }, decls: 16, vars: 18, consts: [[1, "govuk-table"], ["clas", "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header"], [1, "govuk-table__body"], [4, "ngFor", "ngForOf"], [3, "pageChange", "pageSize"], ["data-selector", "table-row", 1, "govuk-table__row"], ["data-selector", "table-cell", 1, "govuk-table__cell"], [1, "govuk-link", 3, "click", "routerLink"]], template: function UserListComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "table", 0)(1, "thead", 1)(2, "tr", 2)(3, "th", 3);
             i0.ɵɵtext(4);
@@ -7736,7 +7776,7 @@ class CookieBannerComponent {
         now.setTime(expireTime);
         return now.toUTCString();
     }
-    static { this.ɵfac = function CookieBannerComponent_Factory(t) { return new (t || CookieBannerComponent)(i0.ɵɵdirectiveInject(CookieService), i0.ɵɵdirectiveInject(windowToken)); }; }
+    static { this.ɵfac = function CookieBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CookieBannerComponent)(i0.ɵɵdirectiveInject(CookieService), i0.ɵɵdirectiveInject(windowToken)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CookieBannerComponent, selectors: [["xuilib-cookie-banner"]], inputs: { identifier: "identifier", appName: "appName", enableDynatrace: "enableDynatrace" }, outputs: { rejectionNotifier: "rejectionNotifier", acceptanceNotifier: "acceptanceNotifier" }, decls: 1, vars: 1, consts: [["class", "govuk-cookie-banner ", "role", "region", 4, "ngIf"], ["role", "region", 1, "govuk-cookie-banner"], [1, "govuk-cookie-banner__message", "govuk-width-container"], [1, "govuk-grid-row"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-cookie-banner__heading", "govuk-heading-m"], [1, "govuk-cookie-banner__content"], [1, "govuk-button-group"], ["value", "accept", "type", "button", "name", "cookies", "data-module", "govuk-button", 1, "govuk-button", 3, "click"], ["value", "reject", "type", "button", "name", "cookies", "data-module", "govuk-button", 1, "govuk-button", 3, "click"], ["routerLink", "/cookies", 1, "govuk-link"]], template: function CookieBannerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, CookieBannerComponent_div_0_Template, 25, 23, "div", 0);
         } if (rf & 2) {
@@ -7813,7 +7853,7 @@ class PaginationComponent {
     onNext() {
         this.nextPage.emit(null);
     }
-    static { this.ɵfac = function PaginationComponent_Factory(t) { return new (t || PaginationComponent)(); }; }
+    static { this.ɵfac = function PaginationComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PaginationComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaginationComponent, selectors: [["xuilib-pagination"]], inputs: { moreItems: "moreItems", firstRecord: "firstRecord" }, outputs: { previousPage: "previousPage", nextPage: "nextPage" }, decls: 13, vars: 7, consts: [["noPrevious", ""], ["noNext", ""], ["id", "pagination-label", 1, "hmcts-pagination"], ["aria-labelledby", "pagination-label", 1, "govuk-visually-hidden"], [1, "hmcts-pagination__list"], [1, "hmcts-pagination__item", "hmcts-pagination__item--prev"], ["class", "hmcts-pagination__link", "href", "javascript:void(0)", 3, "click", 4, "ngIf", "ngIfElse"], [1, "hmcts-pagination__item", "hmcts-pagination__item--next"], ["href", "javascript:void(0)", 1, "hmcts-pagination__link", 3, "click"], [1, "hmcts-pagination__link"]], template: function PaginationComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "nav", 2)(1, "p", 3);
             i0.ɵɵtext(2);
@@ -7987,7 +8027,7 @@ class SearchVenueComponent {
         return this.findLocationFormGroup && this.findLocationFormGroup.controls && this.findLocationFormGroup.controls.locationSelectedFormControl.value ?
             this.findLocationFormGroup.controls.locationSelectedFormControl.value.court_name : '';
     }
-    static { this.ɵfac = function SearchVenueComponent_Factory(t) { return new (t || SearchVenueComponent)(i0.ɵɵdirectiveInject(LocationService), i0.ɵɵdirectiveInject(i2$4.FormBuilder)); }; }
+    static { this.ɵfac = function SearchVenueComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SearchVenueComponent)(i0.ɵɵdirectiveInject(LocationService), i0.ɵɵdirectiveInject(i2$4.FormBuilder)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchVenueComponent, selectors: [["xuilib-search-venue"]], viewQuery: function SearchVenueComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0$a, 5, ElementRef);
         } if (rf & 2) {
@@ -8146,7 +8186,7 @@ class SearchJudicialsComponent {
         return this.formGroup && this.formGroup.controls && this.formGroup.controls.selectedFormControl.value ?
             this.getDisplayName(this.formGroup.controls.selectedFormControl.value) : '';
     }
-    static { this.ɵfac = function SearchJudicialsComponent_Factory(t) { return new (t || SearchJudicialsComponent)(i0.ɵɵdirectiveInject(FindAPersonService), i0.ɵɵdirectiveInject(i2$4.FormBuilder)); }; }
+    static { this.ɵfac = function SearchJudicialsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SearchJudicialsComponent)(i0.ɵɵdirectiveInject(FindAPersonService), i0.ɵɵdirectiveInject(i2$4.FormBuilder)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchJudicialsComponent, selectors: [["xuilib-search-judicials"]], viewQuery: function SearchJudicialsComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0$9, 7, ElementRef);
         } if (rf & 2) {
@@ -8250,7 +8290,7 @@ function ExuiPageWrapperComponent_h1_5_Template(rf, ctx) { if (rf & 1) {
  */
 class ExuiPageWrapperComponent {
     constructor() { }
-    static { this.ɵfac = function ExuiPageWrapperComponent_Factory(t) { return new (t || ExuiPageWrapperComponent)(); }; }
+    static { this.ɵfac = function ExuiPageWrapperComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ExuiPageWrapperComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExuiPageWrapperComponent, selectors: [["exui-page-wrapper"]], inputs: { backLink: "backLink", title: "title", fnTitle: "fnTitle" }, ngContentSelectors: _c0$8, decls: 7, vars: 2, consts: [[1, "page"], ["class", "govuk-back-link", 3, "routerLink", 4, "ngIf"], [1, "govuk-width-container"], ["id", "content", "role", "main", 1, "govuk-main-wrapper"], [1, "govuk-grid-row"], ["class", "govuk-heading-xl", 4, "ngIf"], [1, "govuk-back-link", 3, "routerLink"], [1, "govuk-heading-xl"], ["class", "govuk-caption-xl", 4, "ngIf"], [1, "govuk-caption-xl"]], template: function ExuiPageWrapperComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
@@ -8359,7 +8399,7 @@ class WriteAddressInputsComponent {
         // if there is an issue with the formgroup, ensure error styling is displayed
         this.errorsPresent = !this.formGroup.get('address').valid;
     }
-    static { this.ɵfac = function WriteAddressInputsComponent_Factory(t) { return new (t || WriteAddressInputsComponent)(); }; }
+    static { this.ɵfac = function WriteAddressInputsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WriteAddressInputsComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteAddressInputsComponent, selectors: [["xuilib-write-address-inputs"]], inputs: { formGroup: "formGroup", isInternational: "isInternational", submissionAttempted: "submissionAttempted" }, features: [i0.ɵɵNgOnChangesFeature], decls: 34, vars: 17, consts: [[3, "formGroup"], ["formGroupName", "address", 1, "govuk-body"], [1, "govuk-label", "govuk-!-font-weight-bold"], [1, "govuk-body", 3, "ngClass"], ["for", "addressLine1", 1, "govuk-label"], ["class", "govuk-error-message", 4, "ngIf"], ["id", "addressLine1", "name", "addressLine1", "type", "text", "formControlName", "addressLine1", 1, "govuk-input", "govuk-!-width-full"], [1, "govuk-body"], ["for", "addressLine2", 1, "govuk-label"], ["id", "addressLine2", "name", "addressLine2", "type", "text", "formControlName", "addressLine2", 1, "govuk-input", "govuk-!-width-full"], ["for", "addressLine3", 1, "govuk-label"], ["id", "addressLine3", "name", "addressLine3", "type", "text", "formControlName", "addressLine3", 1, "govuk-input", "govuk-!-width-full"], ["for", "postTown", 1, "govuk-label"], ["id", "postTown", "name", "postTown", "type", "text", "formControlName", "postTown", 1, "govuk-input", "govuk-!-width-two-thirds"], ["for", "county", 1, "govuk-label"], ["id", "county", "name", "county", "type", "text", "formControlName", "county", 1, "govuk-input", "govuk-!-width-two-thirds"], ["class", "govuk-body", 3, "ngClass", 4, "ngIf"], ["for", "postCode", 1, "govuk-label"], ["id", "postCode", "name", "postCode", "type", "text", "formControlName", "postCode", 1, "govuk-input", "govuk-!-width-one-third"], [1, "govuk-error-message"], [1, "govuk-visually-hidden"], ["for", "country", 1, "govuk-label"], ["id", "country", "name", "country", "type", "text", "formControlName", "country", 1, "govuk-input", "govuk-!-width-two-thirds"]], template: function WriteAddressInputsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementContainerStart(0);
             i0.ɵɵelementStart(1, "form", 0)(2, "div", 1)(3, "label", 2);
@@ -8724,7 +8764,7 @@ class WriteAddressFieldComponent {
         const postcodeNeeded = this.isInternational === undefined && this.formGroup.get('address') && this.formGroup.get('address').get('postCode');
         this.addressFormGroup.get('postcode').patchValue(postcodeNeeded ? this.formGroup.get('address').get('postCode').value : '');
     }
-    static { this.ɵfac = function WriteAddressFieldComponent_Factory(t) { return new (t || WriteAddressFieldComponent)(i0.ɵɵdirectiveInject(AddressService)); }; }
+    static { this.ɵfac = function WriteAddressFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WriteAddressFieldComponent)(i0.ɵɵdirectiveInject(AddressService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteAddressFieldComponent, selectors: [["xuilib-write-address-field"]], inputs: { formGroup: "formGroup", internationalMode: "internationalMode", isInternational: "isInternational", submissionAttempted: "submissionAttempted", startedInternational: "startedInternational", addressChosen: "addressChosen" }, outputs: { postcodeOptionSelected: "postcodeOptionSelected", internationalModeStart: "internationalModeStart", ukAddressOptionSelected: "ukAddressOptionSelected", canSelectAddress: "canSelectAddress", resetSubmission: "resetSubmission" }, features: [i0.ɵɵNgOnChangesFeature], decls: 5, vars: 8, consts: [[1, "govuk-form-group", 3, "formGroup", "ngClass"], ["class", "govuk-error-message", 4, "ngIf"], [4, "ngIf"], ["id", "govuk-radios", "class", "govuk-radios", "data-module", "govuk-radios", 4, "ngIf"], [3, "formGroup", "isInternational", "submissionAttempted", 4, "ngIf"], [1, "govuk-error-message"], [1, "govuk-visually-hidden"], [1, "govuk-label"], ["id", "addressLookup", 1, "govuk-body", "postcode-lookup", 3, "ngClass"], ["for", "postcodeInput"], [1, "govuk-hint"], [1, "govuk-body"], ["type", "text", "id", "postcodeInput", "name", "postcode", "formControlName", "postcode", 1, "govuk-input", "govuk-!-width-one-third", "postcodeinput", "inline-block", 3, "ngClass"], ["type", "button", 1, "govuk-button", "find-address", 3, "click"], ["class", "govuk-body", "id", "selectAddress", 4, "ngIf"], ["class", "manual-link govuk-link", "href", "javascript:void(0)", 3, "click", 4, "ngIf"], ["id", "selectAddress", 1, "govuk-body"], [1, "govuk-body", 3, "ngClass"], ["for", "addressList", 1, "govuk-label"], [1, "form-label"], ["id", "addressList", "name", "address", "formControlName", "addressList", "focusElement", "", 1, "form-control", "govuk-select", "ccd-dropdown", "addressList", 3, "change"], [3, "ngValue", 4, "ngFor", "ngForOf"], [3, "ngValue"], ["href", "javascript:void(0)", 1, "manual-link", "govuk-link", 3, "click"], ["id", "govuk-radios", "data-module", "govuk-radios", 1, "govuk-radios"], [1, "govuk-radios__item"], ["id", "yes", "value", "yes", "name", "ukAddress", "type", "radio", "data-aria-controls", "address-fields", "formControlName", "ukAddress", 1, "govuk-radios__input", 3, "click"], ["for", "yes", 1, "govuk-label", "govuk-radios__label"], ["id", "no", "value", "no", "name", "ukAddress", "type", "radio", "data-aria-controls", "address-fields", "formControlName", "ukAddress", 1, "govuk-radios__input", 3, "click"], ["for", "no", 1, "govuk-label", "govuk-radios__label"], ["id", "address-fields", 1, "govuk-radios__conditional"], [3, "formGroup", "isInternational", "submissionAttempted"]], template: function WriteAddressFieldComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵtemplate(1, WriteAddressFieldComponent_p_1_Template, 4, 1, "p", 1)(2, WriteAddressFieldComponent_div_2_Template, 15, 9, "div", 2)(3, WriteAddressFieldComponent_div_3_Template, 11, 1, "div", 3)(4, WriteAddressFieldComponent_xuilib_write_address_inputs_4_Template, 1, 3, "xuilib-write-address-inputs", 4);
@@ -8794,7 +8834,7 @@ class FeatureToggleDirective {
             }
         });
     }
-    static { this.ɵfac = function FeatureToggleDirective_Factory(t) { return new (t || FeatureToggleDirective)(i0.ɵɵdirectiveInject(FeatureToggleService), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.TemplateRef)); }; }
+    static { this.ɵfac = function FeatureToggleDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FeatureToggleDirective)(i0.ɵɵdirectiveInject(FeatureToggleService), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.TemplateRef)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: FeatureToggleDirective, selectors: [["", "xuilibFeatureToggle", ""]], inputs: { xuilibFeatureToggle: "xuilibFeatureToggle" } }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FeatureToggleDirective, [{
@@ -8821,7 +8861,7 @@ class LetDirective {
     set xuilibLet(condition) {
         this.context.$implicit = this.context.xuilibLet = condition;
     }
-    static { this.ɵfac = function LetDirective_Factory(t) { return new (t || LetDirective)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.TemplateRef)); }; }
+    static { this.ɵfac = function LetDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LetDirective)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.TemplateRef)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LetDirective, selectors: [["", "xuilibLet", ""]], inputs: { xuilibLet: "xuilibLet" } }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LetDirective, [{
@@ -8927,7 +8967,7 @@ class GovUkCheckboxesComponent {
             return [this.items];
         }
     }
-    static { this.ɵfac = function GovUkCheckboxesComponent_Factory(t) { return new (t || GovUkCheckboxesComponent)(); }; }
+    static { this.ɵfac = function GovUkCheckboxesComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GovUkCheckboxesComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkCheckboxesComponent, selectors: [["xuilib-gov-uk-checkboxes"]], inputs: { group: "group", config: "config", items: "items", errorMessage: "errorMessage" }, decls: 6, vars: 9, consts: [[1, "govuk-form-group", "gov-uk-input", 3, "formGroup", "ngClass"], [3, "config"], ["class", "govuk-hint", 3, "id", 4, "ngIf"], [3, "config", "errorMessage"], ["data-module", "govuk-checkboxes", 1, "govuk-checkboxes", "govuk-checkboxes--small", "govuk-checkboxes-multi-column"], ["class", "govuk-checkboxes-multi-column__single", 4, "ngFor", "ngForOf"], [1, "govuk-hint", 3, "id"], [1, "govuk-checkboxes-multi-column__single"], ["class", "govuk-checkboxes__item", 4, "ngFor", "ngForOf"], [1, "govuk-checkboxes__item"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "change", "id", "name", "checked", "value"], [1, "govuk-label", "govuk-checkboxes__label", 3, "for"], ["class", "govuk-hint govuk-checkboxes__hint", 4, "ngIf"], [1, "govuk-hint", "govuk-checkboxes__hint"]], template: function GovUkCheckboxesComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "xuilib-gov-label", 1);
@@ -9026,7 +9066,7 @@ class GovUkDateComponent {
             return !this.isValidDate(new Date(year, month, day), month, +year) ? { dateComponent: true } : null;
         };
     }
-    static { this.ɵfac = function GovUkDateComponent_Factory(t) { return new (t || GovUkDateComponent)(); }; }
+    static { this.ɵfac = function GovUkDateComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GovUkDateComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkDateComponent, selectors: [["xuilib-gov-uk-date"]], inputs: { config: "config", errorMessage: "errorMessage", formGroup: "formGroup", isOptional: "isOptional" }, decls: 20, vars: 53, consts: [[1, "govuk-form-group", 3, "ngClass", "formGroup"], [1, "date-input-container"], [3, "config", "errorMessage"], [3, "config", "errorMessage", 4, "ngIf"], [1, "govuk-date-input", 3, "id"], [1, "govuk-date-input__item"], [1, "govuk-form-group"], [3, "config"], ["type", "text", "value", "", "pattern", "\\d*", "maxlength", "2", 1, "govuk-input", "govuk-date-input__input", "govuk-input--width-2", 3, "ngClass", "id", "name", "formControlName"], ["type", "text", "value", "", "pattern", "\\d*", "maxlength", "4", 1, "govuk-input", "govuk-date-input__input", "govuk-input--width-4", 3, "ngClass", "id", "name", "formControlName"]], template: function GovUkDateComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "xuilib-gov-uk-fieldset", 2);
             i0.ɵɵtemplate(3, GovUkDateComponent_xuilib_gov_uk_error_message_3_Template, 1, 3, "xuilib-gov-uk-error-message", 3);
@@ -9119,7 +9159,7 @@ class GovUkFileUploadComponent {
     setDescribedBy() {
         return HtmlTemplatesHelper.setDescribedBy(this.errorMessage, this.config);
     }
-    static { this.ɵfac = function GovUkFileUploadComponent_Factory(t) { return new (t || GovUkFileUploadComponent)(); }; }
+    static { this.ɵfac = function GovUkFileUploadComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GovUkFileUploadComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkFileUploadComponent, selectors: [["xuilib-gov-uk-file-upload"]], inputs: { errorMessage: "errorMessage", group: "group", config: "config" }, decls: 5, vars: 9, consts: [[1, "govuk-form-group", 3, "formGroup", "ngClass"], [3, "config"], ["class", "govuk-hint", 3, "id", 4, "ngIf"], [3, "config", "errorMessage"], ["class", "govuk-file-upload", "type", "file", 3, "formControlName", "ngClass", "id", "name", 4, "ngIf"], [1, "govuk-hint", 3, "id"], ["type", "file", 1, "govuk-file-upload", 3, "formControlName", "ngClass", "id", "name"]], template: function GovUkFileUploadComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "xuilib-gov-label", 1);
@@ -9169,7 +9209,7 @@ class GovUkRadioComponent {
         this.config.classes = this.config.classes ?
             this.config.classes.concat(' govuk-radios__label') : 'govuk-radios__label';
     }
-    static { this.ɵfac = function GovUkRadioComponent_Factory(t) { return new (t || GovUkRadioComponent)(); }; }
+    static { this.ɵfac = function GovUkRadioComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GovUkRadioComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkRadioComponent, selectors: [["xuilib-gov-radio"]], inputs: { group: "group", config: "config" }, decls: 3, vars: 8, consts: [[1, "govuk-radios__item", 3, "formGroup"], ["type", "radio", 3, "className", "id", "value", "name", "formControl"], ["appRemoveHost", "", 3, "config"]], template: function GovUkRadioComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "input", 1)(2, "xuilib-gov-label", 2);
@@ -9208,7 +9248,7 @@ function GovUkRadiosComponent_xuilib_gov_radio_2_Template(rf, ctx) { if (rf & 1)
 * @param: errors - array of error stings
 * */
 class GovUkRadiosComponent {
-    static { this.ɵfac = function GovUkRadiosComponent_Factory(t) { return new (t || GovUkRadiosComponent)(); }; }
+    static { this.ɵfac = function GovUkRadiosComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GovUkRadiosComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkRadiosComponent, selectors: [["xuilib-gov-uk-radios"]], inputs: { options: "options", errors: "errors" }, decls: 3, vars: 4, consts: [[3, "error", "config", "group"], [1, "govuk-radios"], ["appRemoveHost", "", 3, "group", "config", 4, "ngFor", "ngForOf"], ["appRemoveHost", "", 3, "group", "config"]], template: function GovUkRadiosComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "xuilib-gov-uk-form-group-wrapper", 0)(1, "div", 1);
             i0.ɵɵtemplate(2, GovUkRadiosComponent_xuilib_gov_radio_2_Template, 1, 2, "xuilib-gov-radio", 2);
@@ -9261,7 +9301,7 @@ class GovUkSelectComponent {
     setDescribedBy() {
         return HtmlTemplatesHelper.setDescribedBy(this.errorMessage, this.config);
     }
-    static { this.ɵfac = function GovUkSelectComponent_Factory(t) { return new (t || GovUkSelectComponent)(); }; }
+    static { this.ɵfac = function GovUkSelectComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GovUkSelectComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkSelectComponent, selectors: [["xuilib-gov-select"]], inputs: { errorMessage: "errorMessage", group: "group", config: "config", items: "items" }, decls: 6, vars: 15, consts: [[1, "govuk-form-group", 3, "formGroup", "ngClass"], [3, "config"], ["class", "govuk-hint", 3, "id", 4, "ngIf"], [3, "config", "errorMessage"], [1, "govuk-select", 3, "id", "name", "formControlName"], [3, "value", 4, "ngFor", "ngForOf"], [1, "govuk-hint", 3, "id"], [3, "value"]], template: function GovUkSelectComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "xuilib-gov-label", 1);
@@ -9434,7 +9474,7 @@ class GovukTableComponent {
     formatDate(date) {
         return formatDate(date, 'dd/MM/yyyy', 'en-UK');
     }
-    static { this.ɵfac = function GovukTableComponent_Factory(t) { return new (t || GovukTableComponent)(); }; }
+    static { this.ɵfac = function GovukTableComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GovukTableComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovukTableComponent, selectors: [["xuilib-gov-uk-table"]], inputs: { classes: "classes", caption: "caption", firstCellIsHeader: "firstCellIsHeader", rows: "rows", columnConfig: "columnConfig" }, decls: 9, vars: 8, consts: [[1, "govuk-table__caption"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["class", "govuk-table__header", "scope", "col", 4, "ngFor", "ngForOf"], [1, "govuk-table__body"], ["data-selector", "table-row", "class", "govuk-table__row", 4, "ngFor", "ngForOf"], ["scope", "col", 1, "govuk-table__header"], ["data-selector", "table-row", 1, "govuk-table__row"], [4, "ngFor", "ngForOf"], ["data-selector", "table-header", "class", "govuk-table__header", "scope", "row", 4, "ngIf"], ["data-selector", "table-cell", "class", "govuk-table__cell", 4, "ngIf"], ["data-selector", "table-header", "scope", "row", 1, "govuk-table__header"], [4, "ngIf"], [1, "govuk-link", 3, "routerLink"], ["data-selector", "table-cell", 1, "govuk-table__cell"]], template: function GovukTableComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "table")(1, "caption", 0);
             i0.ɵɵtext(2);
@@ -9492,7 +9532,7 @@ class GovUkTextareaComponent {
     setDescribedBy() {
         return HtmlTemplatesHelper.setDescribedBy(this.errorMessage, this.config);
     }
-    static { this.ɵfac = function GovUkTextareaComponent_Factory(t) { return new (t || GovUkTextareaComponent)(); }; }
+    static { this.ɵfac = function GovUkTextareaComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GovUkTextareaComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GovUkTextareaComponent, selectors: [["xuilib-gov-uk-textarea"]], inputs: { config: "config", errorMessage: "errorMessage", group: "group" }, decls: 7, vars: 17, consts: [[1, "govuk-form-group", 3, "formGroup", "ngClass"], [3, "config"], ["id", "more-detail-hint", 1, "govuk-hint"], [3, "config", "errorMessage"], ["name", "more-detail", 1, "govuk-textarea", 3, "formControlName", "ngClass", "id", "rows"]], template: function GovUkTextareaComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "xuilib-gov-label", 1);
@@ -9611,7 +9651,7 @@ class HmctsBannerComponent {
         this.showMessageIcon = false;
         this.messageBoldText = false;
     }
-    static { this.ɵfac = function HmctsBannerComponent_Factory(t) { return new (t || HmctsBannerComponent)(); }; }
+    static { this.ɵfac = function HmctsBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HmctsBannerComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HmctsBannerComponent, selectors: [["xuilib-hmcts-banner"]], inputs: { message: "message", type: "type", title: "title", showMessageIcon: "showMessageIcon", messageBoldText: "messageBoldText" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [3, "class", 4, "ngIf"], [1, "hmcts-banner__message"], [1, "hmcts-banner__assistive"], [1, "hmcts-banner__message-text", "govuk-!-font-weight-bold"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["fill", "currentColor", "role", "presentation", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 25", "height", "25", "width", "25", 1, "hmcts-banner__icon", "hmcts-banner__icon--warning"], ["d", "M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z"], ["fill", "currentColor", "role", "presentation", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 25", "height", "25", "width", "25", 1, "hmcts-banner__icon", "hmcts-banner__icon--success"], ["d", "M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z"], ["fill", "currentColor", "role", "presentation", "focusable", "false", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 25", "height", "25", "width", "25", 1, "hmcts-banner__icon", "hmcts-banner__icon--information"], ["d", "M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n  C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z"]], template: function HmctsBannerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, HmctsBannerComponent_ng_container_0_Template, 11, 13, "ng-container", 0);
         } if (rf & 2) {
@@ -9649,7 +9689,7 @@ class HmctsIdentityBarComponent {
         this.value = value.name;
     }
     constructor() { }
-    static { this.ɵfac = function HmctsIdentityBarComponent_Factory(t) { return new (t || HmctsIdentityBarComponent)(); }; }
+    static { this.ɵfac = function HmctsIdentityBarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HmctsIdentityBarComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HmctsIdentityBarComponent, selectors: [["xuilib-hmcts-identity-bar"]], inputs: { content: "content" }, decls: 1, vars: 1, consts: [["class", "hmcts-identity-bar", 4, "ngIf"], [1, "hmcts-identity-bar"], [1, "hmcts-identity-bar__container"], [1, "hmcts-identity-bar__details"], [1, "hmcts-identity-bar__title"]], template: function HmctsIdentityBarComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, HmctsIdentityBarComponent_div_0_Template, 6, 3, "div", 0);
         } if (rf & 2) {
@@ -9744,7 +9784,7 @@ class HmctsMainWrapperComponent {
     onGoBack() {
         this.backEvent.emit();
     }
-    static { this.ɵfac = function HmctsMainWrapperComponent_Factory(t) { return new (t || HmctsMainWrapperComponent)(); }; }
+    static { this.ɵfac = function HmctsMainWrapperComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HmctsMainWrapperComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HmctsMainWrapperComponent, selectors: [["xuilib-hmcts-main-wrapper"]], inputs: { backLink: "backLink", title: "title", summaryErrors: "summaryErrors", banner: "banner", actionButtons: "actionButtons", showWarningMessage: "showWarningMessage" }, outputs: { backEvent: "backEvent" }, ngContentSelectors: _c0, decls: 9, vars: 5, consts: [["class", "govuk-back-link", 3, "routerLink", "click", 4, "ngIf"], ["id", "content", "role", "main", 1, "govuk-main-wrapper"], [1, "govuk-grid-row"], [1, "govuk-grid-column-two-thirds"], [3, "errorMessages", "header", "showWarningMessage", 4, "ngIf"], [3, "type", "message", 4, "ngIf"], ["class", "govuk-heading-xl", 4, "ngIf"], ["class", "govuk-grid-column-one-third", 4, "ngIf"], [1, "govuk-back-link", 3, "click", "routerLink"], [3, "errorMessages", "header", "showWarningMessage"], [3, "type", "message"], [1, "govuk-heading-xl"], [1, "govuk-grid-column-one-third"], [1, "hmcts-page-heading__actions-wrapper"], ["role", "button", "draggable", "false", 3, "class", "click", 4, "ngFor", "ngForOf"], ["role", "button", "draggable", "false", 3, "click"]], template: function HmctsMainWrapperComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, HmctsMainWrapperComponent_a_0_Template, 3, 4, "a", 0);
@@ -9820,7 +9860,7 @@ class HmctsPrimaryNavigationComponent {
     }
     constructor() {
     }
-    static { this.ɵfac = function HmctsPrimaryNavigationComponent_Factory(t) { return new (t || HmctsPrimaryNavigationComponent)(); }; }
+    static { this.ɵfac = function HmctsPrimaryNavigationComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HmctsPrimaryNavigationComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HmctsPrimaryNavigationComponent, selectors: [["xuilib-hmcts-primary-navigation"]], inputs: { userLoggedIn: "userLoggedIn", label: "label", items: "items", isBrandedHeader: "isBrandedHeader" }, decls: 1, vars: 1, consts: [["class", "hmcts-primary-navigation", 4, "ngIf"], [1, "hmcts-primary-navigation"], [1, "hmcts-primary-navigation__container"], ["class", "govuk-header__logo", 4, "ngIf"], [1, "hmcts-primary-navigation__list"], ["class", "hmcts-primary-navigation__item", 4, "ngFor", "ngForOf"], [1, "govuk-header__logo"], [1, "hmcts-primary-navigation__item"], [1, "hmcts-primary-navigation__link", 3, "routerLink", "innerHTML"]], template: function HmctsPrimaryNavigationComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, HmctsPrimaryNavigationComponent_nav_0_Template, 5, 3, "nav", 0);
         } if (rf & 2) {
@@ -9877,7 +9917,7 @@ function HmctsSubNavigationComponent_nav_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngForOf", ctx_r1.items);
 } }
 class HmctsSubNavigationComponent {
-    static { this.ɵfac = function HmctsSubNavigationComponent_Factory(t) { return new (t || HmctsSubNavigationComponent)(); }; }
+    static { this.ɵfac = function HmctsSubNavigationComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HmctsSubNavigationComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HmctsSubNavigationComponent, selectors: [["xuilib-hmcts-sub-navigation"]], inputs: { label: "label", items: "items" }, decls: 1, vars: 1, consts: [["class", "hmcts-sub-navigation", "role", "navigation", 4, "ngIf"], ["role", "navigation", 1, "hmcts-sub-navigation"], [1, "hmcts-sub-navigation__list"], ["class", "hmcts-sub-navigation__item", 4, "ngFor", "ngForOf"], [1, "hmcts-sub-navigation__item"], ["data-selector", "sub-nav-link", 1, "hmcts-sub-navigation__link", 3, "routerLink"], ["class", "xui-alert-link__number", 4, "ngIf"], [1, "xui-alert-link__number"]], template: function HmctsSubNavigationComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, HmctsSubNavigationComponent_nav_0_Template, 3, 2, "nav", 0);
         } if (rf & 2) {
@@ -9963,7 +10003,7 @@ const pipes = [
     CapitalizePipe
 ];
 class ExuiCommonLibModule {
-    static { this.ɵfac = function ExuiCommonLibModule_Factory(t) { return new (t || ExuiCommonLibModule)(); }; }
+    static { this.ɵfac = function ExuiCommonLibModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ExuiCommonLibModule)(); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ExuiCommonLibModule }); }
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
             { provide: windowToken, useFactory: windowProvider }
@@ -10134,7 +10174,7 @@ class ExuiCommonLibModule {
 
 class GovUiService {
     constructor() { }
-    static { this.ɵfac = function GovUiService_Factory(t) { return new (t || GovUiService)(); }; }
+    static { this.ɵfac = function GovUiService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GovUiService)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GovUiService, factory: GovUiService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GovUiService, [{