npm - @hmcts/rpx-xui-common-lib - Versions diffs - 2.0.44 → 2.1.0 - Mend

@hmcts/rpx-xui-common-lib 2.0.44 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (92) hide show

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

@@ -52,7 +52,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: 440, vars: 409, consts: [[1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-list", "govuk-list--bullet"], ["href", "accessibility#immigration"], ["href", "accessibility#family-public-law"], ["href", "accessibility#adoption"], ["href", "accessibility#civil-damages"], ["href", "accessibility#divorce"], ["href", "accessibility#civil-money-claims"], ["href", "accessibility#private-law"], ["href", "accessibility#probate"], ["href", "accessibility#social-security#"], ["rel", "noopener noreferrer", "target", "_blank", "href", "https://mcmw.abilitynet.org.uk/"], [1, "govuk-heading-l"], ["href", "mailto:HMCTSforms@justice.gov.uk"], ["id", "adoption", 1, "govuk-heading-l"], ["id", "civil-damages", 1, "govuk-heading-l"], ["id", "divorce", 1, "govuk-heading-l"], ["id", "family-public-law", 1, "govuk-heading-l"], ["id", "immigration", 1, "govuk-heading-l"], ["id", "civil-money-claims", 1, "govuk-heading-l"], ["id", "private-law", 1, "govuk-heading-l"], ["id", "probate", 1, "govuk-heading-l"], ["id", "social-security", 1, "govuk-heading-l"], ["class", "govuk-body", 4, "ngIf"], ["href", "mailto:customer.service@justice.gov.uk"], ["rel", "noopener noreferrer", "target", "_blank", "href", "https://www.equalityadvisoryservice.com/"], ["target", "_blank", "href", "https://www.w3.org/TR/WCAG22/"], [1, "govuk-!-font-weight-bold"], [1, "govuk-heading-m"], ["rel", "noopener noreferrer", "target", "_blank", "href", "https://digitalaccessibilitycentre.org/"]], template: function AccessibilityComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "h1", 0);
             i0.ɵɵtext(1);
@@ -1061,7 +1061,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) {
@@ -1188,7 +1188,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) {
@@ -1327,7 +1327,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) {
@@ -1367,7 +1367,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, [{
@@ -1382,6 +1382,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:
@@ -1389,11 +1390,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, [{
@@ -1453,7 +1456,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, [{
@@ -1668,7 +1671,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, [{
@@ -1727,7 +1730,7 @@ class GoogleAnalyticsService {
             console.warn('Google Analytics is not available.');
         }
     }
-    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, [{
@@ -1805,7 +1808,7 @@ class GoogleTagManagerService {
             });
         }
     }
-    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, [{
@@ -1853,7 +1856,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, [{
@@ -1948,7 +1951,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, [{
@@ -1966,7 +1969,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, [{
@@ -1986,6 +1989,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;
@@ -1997,7 +2005,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, [{
@@ -2039,7 +2047,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, [{
@@ -2079,7 +2087,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, [{
@@ -2171,7 +2179,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, [{
@@ -2200,7 +2208,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, [{
@@ -2228,7 +2236,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, [{
@@ -2294,7 +2302,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, [{
@@ -2378,7 +2386,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, [{
@@ -2532,7 +2540,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);
@@ -2632,7 +2640,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, [{
@@ -2810,7 +2818,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);
@@ -3017,7 +3025,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) {
@@ -3094,7 +3102,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, [{
@@ -3218,7 +3226,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);
@@ -3313,8 +3321,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() {
@@ -3323,8 +3332,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;
@@ -3333,11 +3350,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);
@@ -3345,18 +3362,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: [{
@@ -3365,6 +3381,10 @@ class SearchServiceComponent {
             type: Input
         }], showAutocomplete: [{
             type: Input
+        }], searchTerm: [{
+            type: Input
+        }], searchTermChange: [{
+            type: Output
         }], optionChanged: [{
             type: Output
         }] }); })();
@@ -3506,7 +3526,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) {
@@ -3560,7 +3580,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, [{
@@ -4106,9 +4126,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();
@@ -4170,6 +4191,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);
@@ -4255,6 +4278,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);
@@ -4274,6 +4298,7 @@ class GenericFilterComponent {
                 this.resetField(resetField, form);
             }
         }
+        this.cdr.markForCheck();
     }
     // when user enters input change radio button
     inputChanged(field) {
@@ -4300,6 +4325,7 @@ class GenericFilterComponent {
             else {
                 this.isServiceSelected = true;
             }
+            this.cdr.markForCheck();
         }
     }
     cancelFilter() {
@@ -4311,6 +4337,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();
         }
@@ -4409,6 +4436,7 @@ class GenericFilterComponent {
                 }
             }
         }
+        this.cdr.markForCheck();
     }
     startFilterSkillsByServices(form, field) {
         const servicesArray = [];
@@ -4609,6 +4637,7 @@ class GenericFilterComponent {
                 this.form.get('user-skills').setValue(cachedValues);
             }
         }
+        this.cdr.markForCheck();
     }
     filterSkillsByServices(services, config) {
         this.filteredSkillsByServices = [];
@@ -4701,6 +4730,7 @@ class GenericFilterComponent {
                 }
                 return this.filteredSkillsByServicesCheckbox;
             }
+            this.cdr.markForCheck();
         }
         this.filteredSkillsByServices = this.sortGroupOptions(this.filteredSkillsByServices);
         return this.filteredSkillsByServices;
@@ -4733,7 +4763,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); });
@@ -4760,7 +4790,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
@@ -4781,7 +4811,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);
@@ -4883,7 +4913,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) {
@@ -4917,7 +4947,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, [{
@@ -4942,7 +4972,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);
@@ -5000,7 +5030,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) {
@@ -5086,7 +5116,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);
@@ -5125,7 +5155,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);
@@ -5164,7 +5194,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);
@@ -5230,7 +5260,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);
@@ -5276,7 +5306,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(); });
@@ -5317,7 +5347,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);
@@ -5494,7 +5524,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, [{
@@ -5615,7 +5645,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) {
@@ -5939,7 +5969,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);
@@ -6069,7 +6099,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) {
@@ -6109,7 +6139,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();
@@ -6290,7 +6320,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) {
@@ -6355,7 +6385,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);
@@ -6406,7 +6436,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}` : '';
@@ -6417,11 +6454,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();
@@ -6440,13 +6472,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);
@@ -6464,7 +6494,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: [{
@@ -6582,7 +6612,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) {
@@ -6651,7 +6681,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();
@@ -6673,7 +6703,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);
@@ -6877,13 +6907,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);
@@ -6976,11 +7013,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$: [{
@@ -7023,7 +7060,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); });
@@ -7051,7 +7088,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);
@@ -7109,7 +7146,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);
@@ -7124,7 +7161,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);
@@ -7167,7 +7204,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);
@@ -7418,7 +7455,7 @@ class UserDetailsComponent {
         }
         return false;
     }
-    static { this.ɵfac = function UserDetailsComponent_Factory(t) { return new (t || UserDetailsComponent)(); }; }
+    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_dl_1_Template, 18, 11, "dl", 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) {
@@ -7615,7 +7652,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);
@@ -7700,7 +7737,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);
@@ -7867,7 +7904,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) {
@@ -7944,7 +7981,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);
@@ -8116,7 +8153,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) {
@@ -8275,7 +8312,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) {
@@ -8379,7 +8416,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);
@@ -8488,7 +8525,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);
@@ -8853,7 +8890,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);
@@ -8923,7 +8960,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, [{
@@ -8950,7 +8987,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, [{
@@ -9056,7 +9093,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);
@@ -9155,7 +9192,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);
@@ -9248,7 +9285,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);
@@ -9298,7 +9335,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);
@@ -9337,7 +9374,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);
@@ -9390,7 +9427,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);
@@ -9563,7 +9600,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);
@@ -9621,7 +9658,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);
@@ -9740,7 +9777,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) {
@@ -9778,7 +9815,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) {
@@ -9873,7 +9910,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);
@@ -9949,7 +9986,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) {
@@ -10006,7 +10043,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) {
@@ -10092,7 +10129,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 }
@@ -10263,7 +10300,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, [{