@hmcts/rpx-xui-common-lib 3.2.2 → 3.2.3-exui-4123-rc-2

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

@@ -9,7 +9,7 @@ import { FormGroup, FormControl, Validators, FormArray, FormsModule, ReactiveFor
 import { combineLatest, BehaviorSubject, Subject, of as of$1, forkJoin, zip, iif } from 'rxjs';
 import * as i1$1 from '@angular/router';
 import { NavigationEnd, RouterModule } from '@angular/router';
-import { map, filter, distinctUntilChanged, delay, skipWhile, shareReplay, catchError, take, tap, debounceTime, switchMap, mergeMap } from 'rxjs/operators';
+import { map, filter, distinctUntilChanged, delay, skipWhile, tap, shareReplay, catchError, take, debounceTime, switchMap, mergeMap } from 'rxjs/operators';
 import { initialize } from 'launchdarkly-js-client-sdk';
 import * as i1$2 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
@@ -1940,7 +1940,7 @@ class TimeoutNotificationsService {
         }));
         this.subs.push(this.idle.onIdleStart.subscribe(() => console.log('You\'ve gone idle!')));
         this.subs.push(this.idle.onIdleEnd.subscribe(() => console.log('You\'re no longer idle!')));
-        this.keepalive.interval(15);
+        this.keepalive.interval(config.keepAliveInSeconds || 900);
         this.subs.push(this.keepalive.onPing.subscribe(() => {
             this.eventEmitter.next({ eventType: KEEP_ALIVE_EVENT });
         }));
@@ -2071,6 +2071,40 @@ class CookieService {
                 args: [DOCUMENT]
             }] }], null); })();
 
+class LocationService {
+    constructor(http) {
+        this.http = http;
+    }
+    /**
+     * @description getAllLocations from service Ids/location type/search term
+     * @param serviceIds: SSCS | SSCS,IA split with ','
+     * @param locationType: optional | hearing | case_management
+     * @param searchTerm: any search term for postcode | site name | venue name |court name | court address etc.
+     * @return Observable<LocationByEPIMMSModel[]>: Array of locationModel in Observable
+     */
+    getAllLocations(locationUrl, serviceIds, locationType, searchTerm, userLocations) {
+        return this.http.post(locationUrl, { serviceIds, locationType, searchTerm, userLocations });
+    }
+    /**
+     * @description searchLocations from service Ids/location type/search term
+     * @param serviceIds: BBA3 | BBA3,BFA1 split with ','
+     * @param locationType: optional | hearing | case_management
+     * @param searchTerm: any search term for postcode | site name | venue name |court name | court address etc.
+     * @return Observable<LocationByEPIMMSModel[]>: Array of locationModel in Observable
+     */
+    searchLocations(serviceIds, locationType, searchTerm) {
+        return this.http.get(`api/prd/location/getLocations?serviceIds=${serviceIds}&locationType=${locationType}&searchTerm=${searchTerm}`);
+    }
+    static { this.ɵfac = function LocationService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LocationService)(i0.ɵɵinject(i1$2.HttpClient)); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LocationService, factory: LocationService.ɵfac, providedIn: 'root' }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LocationService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], () => [{ type: i1$2.HttpClient }], null); })();
+
 class HasLoadingState {
     get isLoading() {
         return;
@@ -2200,6 +2234,83 @@ class FilterService {
             }]
     }], null, null); })();
 
+class SessionStorageService {
+    /**
+     * Get an item from the session storage.
+     * If remove is true, the item will be removed once read
+     * @param removeAfterRead removed the key once it has been read
+     */
+    getItem(key, removeAfterRead = false) {
+        const item = sessionStorage.getItem(key);
+        if (removeAfterRead) {
+            this.removeItem(key);
+        }
+        return item;
+    }
+    /**
+     * Set an item in the session storage.
+     */
+    setItem(key, value) {
+        sessionStorage.setItem(key, value);
+    }
+    /**
+     * Remove an item in the session storage.
+     */
+    removeItem(key) {
+        sessionStorage.removeItem(key);
+    }
+    /**
+     * Clear all the items held in session storage.
+     */
+    clear() {
+        sessionStorage.clear();
+    }
+    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, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], null, null); })();
+
+class TaskService {
+    static { this.WORK_ALLOCATION_API = '/workallocation'; }
+    static { this.taskNamesKey = 'taskNames'; }
+    constructor(http, sessionStorageService) {
+        this.http = http;
+        this.sessionStorageService = sessionStorageService;
+    }
+    /**
+     * @return Observable<any[]>: Array of taskName in Observable
+     */
+    getTaskName(service) {
+        const serviceTaskTypeKey = `${service}-${TaskService.taskNamesKey}`;
+        if (this.sessionStorageService.getItem(serviceTaskTypeKey)) {
+            const taskNames = JSON.parse(this.sessionStorageService.getItem(serviceTaskTypeKey));
+            return of$1(taskNames);
+        }
+        return this.http.post(`${TaskService.WORK_ALLOCATION_API}/taskNames`, { service }).pipe(tap(taskNames => this.sessionStorageService.setItem(serviceTaskTypeKey, JSON.stringify(taskNames))));
+    }
+    /**
+     * @return Observable<any[]>: Array of work-type in Observable
+     */
+    // Note: Could pass service in here if needed
+    searchWorkTypes(term) {
+        // Note: Could get from session storage here if needed
+        return this.http.post(`${TaskService.WORK_ALLOCATION_API}/task/search-types-of-work`, { searchTerm: term });
+    }
+    static { this.ɵfac = function TaskService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TaskService)(i0.ɵɵinject(i1$2.HttpClient), i0.ɵɵinject(SessionStorageService)); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TaskService, factory: TaskService.ɵfac, providedIn: 'root' }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TaskService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], () => [{ type: i1$2.HttpClient }, { type: SessionStorageService }], null); })();
+
 class RefDataDataAccessService {
     static { this.refDataUrl = '/api/ref-data'; }
     constructor(http) {
@@ -2282,47 +2393,6 @@ function getValues(options, values) {
     }, []);
 }
 
-class SessionStorageService {
-    /**
-     * Get an item from the session storage.
-     * If remove is true, the item will be removed once read
-     * @param removeAfterRead removed the key once it has been read
-     */
-    getItem(key, removeAfterRead = false) {
-        const item = sessionStorage.getItem(key);
-        if (removeAfterRead) {
-            this.removeItem(key);
-        }
-        return item;
-    }
-    /**
-     * Set an item in the session storage.
-     */
-    setItem(key, value) {
-        sessionStorage.setItem(key, value);
-    }
-    /**
-     * Remove an item in the session storage.
-     */
-    removeItem(key) {
-        sessionStorage.removeItem(key);
-    }
-    /**
-     * Clear all the items held in session storage.
-     */
-    clear() {
-        sessionStorage.clear();
-    }
-    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, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root'
-            }]
-    }], null, null); })();
-
 class FindAPersonService {
     static { this.caseworkersKey = 'caseworkers'; }
     constructor(http, sessionStorageService) {
@@ -2632,40 +2702,6 @@ class FindPersonComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FindPersonComponent, { className: "FindPersonComponent", filePath: "lib/components/find-person/find-person.component.ts", lineNumber: 16 }); })();
 
-class LocationService {
-    constructor(http) {
-        this.http = http;
-    }
-    /**
-     * @description getAllLocations from service Ids/location type/search term
-     * @param serviceIds: SSCS | SSCS,IA split with ','
-     * @param locationType: optional | hearing | case_management
-     * @param searchTerm: any search term for postcode | site name | venue name |court name | court address etc.
-     * @return Observable<LocationByEPIMMSModel[]>: Array of locationModel in Observable
-     */
-    getAllLocations(locationUrl, serviceIds, locationType, searchTerm, userLocations) {
-        return this.http.post(locationUrl, { serviceIds, locationType, searchTerm, userLocations });
-    }
-    /**
-     * @description searchLocations from service Ids/location type/search term
-     * @param serviceIds: BBA3 | BBA3,BFA1 split with ','
-     * @param locationType: optional | hearing | case_management
-     * @param searchTerm: any search term for postcode | site name | venue name |court name | court address etc.
-     * @return Observable<LocationByEPIMMSModel[]>: Array of locationModel in Observable
-     */
-    searchLocations(serviceIds, locationType, searchTerm) {
-        return this.http.get(`api/prd/location/getLocations?serviceIds=${serviceIds}&locationType=${locationType}&searchTerm=${searchTerm}`);
-    }
-    static { this.ɵfac = function LocationService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LocationService)(i0.ɵɵinject(i1$2.HttpClient)); }; }
-    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LocationService, factory: LocationService.ɵfac, providedIn: 'root' }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LocationService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root'
-            }]
-    }], () => [{ type: i1$2.HttpClient }], null); })();
-
 function SearchLocationComponent_Conditional_5_Conditional_0_For_1_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mat-option", 5);
@@ -2891,14 +2927,14 @@ function FindLocationComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
 function FindLocationComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "a", 6);
-    i0.ɵɵlistener("click", function FindLocationComponent_Conditional_6_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.addLocation()); });
+    i0.ɵɵlistener("click", function FindLocationComponent_Conditional_6_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); ctx_r0.addLocation(); return i0.ɵɵresetView($event.preventDefault()); });
     i0.ɵɵtext(1, " Add location ");
     i0.ɵɵelementEnd();
 } }
 function FindLocationComponent_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "li", 7)(1, "a", 8);
-    i0.ɵɵlistener("click", function FindLocationComponent_Conditional_7_For_2_Template_a_click_1_listener() { const selection_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.removeLocation(selection_r4)); });
+    i0.ɵɵlistener("click", function FindLocationComponent_Conditional_7_For_2_Template_a_click_1_listener($event) { const selection_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); ctx_r0.removeLocation(selection_r4); return i0.ɵɵresetView($event.preventDefault()); });
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -3037,7 +3073,7 @@ class FindLocationComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.searchLocationComponent = _t.first);
-        } }, inputs: { submitted: "submitted", enableAddLocationButton: "enableAddLocationButton", form: "form", field: "field", fields: "fields", locationTitle: "locationTitle", disableInputField: "disableInputField", formSubmissionEvent$: "formSubmissionEvent$", disabled: "disabled", services: "services" }, outputs: { locationFieldChanged: "locationFieldChanged" }, standalone: false, decls: 8, vars: 13, consts: [[1, "location-picker-custom"], [1, "search-location"], ["id", "input-selected-location-label"], [1, "search-location", 3, "locationTermSearchInputChanged", "locationSelected", "searchLocationChanged", "form", "field", "selectedLocations", "delay", "disabled", "singleMode", "bookingCheck", "serviceIds", "propertyNameFilter", "locationType"], ["href", "javascript:void(0)", "data-module", "govuk-button", 1, "govuk-button", "add-location-button"], [1, "hmcts-filter-tags", "selection-container"], ["href", "javascript:void(0)", "data-module", "govuk-button", 1, "govuk-button", "add-location-button", 3, "click"], [1, "location-selection"], ["href", "javascript:void(0)", 1, "hmcts-filter__tag", 3, "click"]], template: function FindLocationComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { submitted: "submitted", enableAddLocationButton: "enableAddLocationButton", form: "form", field: "field", fields: "fields", locationTitle: "locationTitle", disableInputField: "disableInputField", formSubmissionEvent$: "formSubmissionEvent$", disabled: "disabled", services: "services" }, outputs: { locationFieldChanged: "locationFieldChanged" }, standalone: false, decls: 8, vars: 13, consts: [[1, "location-picker-custom"], [1, "search-location"], ["id", "input-selected-location-label"], [1, "search-location", 3, "locationTermSearchInputChanged", "locationSelected", "searchLocationChanged", "form", "field", "selectedLocations", "delay", "disabled", "singleMode", "bookingCheck", "serviceIds", "propertyNameFilter", "locationType"], ["href", "#", "data-module", "govuk-button", 1, "govuk-button", "add-location-button"], [1, "hmcts-filter-tags", "selection-container"], ["href", "#", "data-module", "govuk-button", 1, "govuk-button", "add-location-button", 3, "click"], [1, "location-selection"], ["href", "#", 1, "hmcts-filter__tag", 3, "click"]], template: function FindLocationComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div");
             i0.ɵɵconditionalCreate(3, FindLocationComponent_Conditional_3_Template, 2, 1, "label", 2);
             i0.ɵɵelementEnd();
@@ -3062,7 +3098,7 @@ class FindLocationComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FindLocationComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-find-location', standalone: false, template: "<div class=\"location-picker-custom\">\n  <div class=\"search-location\">\n    <div>\n      @if (locationTitle) {\n        <label id=\"input-selected-location-label\">{{locationTitle}}</label>\n      }\n    </div>\n    <exui-search-location class=\"search-location\"\n      [form]=\"form\"\n      [field]=\"field\"\n      [selectedLocations]=\"selectedLocations\"\n      [delay]=\"300\"\n      [disabled]=\"disabled\"\n      [singleMode]=\"field.maxSelected === 1\"\n      [bookingCheck]=\"field.bookingCheckType\"\n      [serviceIds]=\"serviceIds\"\n      [propertyNameFilter]=\"propertyNameFilter\"\n      (locationTermSearchInputChanged)=\"onInputChanged($event)\"\n      (locationSelected)=\"onLocationSelected($event)\"\n      (searchLocationChanged)=\"onSearchInputChanged()\"\n      [locationType]=\"'case-management'\">\n    </exui-search-location>\n  </div>\n\n  <div>\n    @if (enableAddLocationButton) {\n      <a href=\"javascript:void(0)\" (click)=\"addLocation()\" class=\"govuk-button add-location-button\" data-module=\"govuk-button\">\n        Add location\n      </a>\n    }\n  </div>\n\n  @if (field.maxSelected != 1) {\n    <ul class=\"hmcts-filter-tags selection-container\">\n      @for (selection of selectedLocations; track selection) {\n        <li class=\"location-selection\" >\n          <a class=\"hmcts-filter__tag\" (click)=\"removeLocation(selection)\" href=\"javascript:void(0)\">\n            {{ selection[propertyNameFilter] }}\n          </a>\n        </li>\n      }\n    </ul>\n  }\n</div>\n", styles: [".add-location-button{margin-top:10px;margin-bottom:0}.search-location__input-container{display:flex}.search-location .auto-complete-container{min-width:unset;width:calc(100% - 4px)}.search-location__input{flex:1 0 auto}.search-location .govuk-button--secondary{background-color:#ddd}\n"] }]
+        args: [{ selector: 'xuilib-find-location', standalone: false, template: "<div class=\"location-picker-custom\">\n  <div class=\"search-location\">\n    <div>\n      @if (locationTitle) {\n        <label id=\"input-selected-location-label\">{{locationTitle}}</label>\n      }\n    </div>\n    <exui-search-location class=\"search-location\"\n      [form]=\"form\"\n      [field]=\"field\"\n      [selectedLocations]=\"selectedLocations\"\n      [delay]=\"300\"\n      [disabled]=\"disabled\"\n      [singleMode]=\"field.maxSelected === 1\"\n      [bookingCheck]=\"field.bookingCheckType\"\n      [serviceIds]=\"serviceIds\"\n      [propertyNameFilter]=\"propertyNameFilter\"\n      (locationTermSearchInputChanged)=\"onInputChanged($event)\"\n      (locationSelected)=\"onLocationSelected($event)\"\n      (searchLocationChanged)=\"onSearchInputChanged()\"\n      [locationType]=\"'case-management'\">\n    </exui-search-location>\n  </div>\n\n  <div>\n    @if (enableAddLocationButton) {\n      <a href=\"#\" (click)=\"addLocation(); $event.preventDefault()\" class=\"govuk-button add-location-button\" data-module=\"govuk-button\">\n        Add location\n      </a>\n    }\n  </div>\n\n  @if (field.maxSelected != 1) {\n    <ul class=\"hmcts-filter-tags selection-container\">\n      @for (selection of selectedLocations; track selection) {\n        <li class=\"location-selection\" >\n          <a class=\"hmcts-filter__tag\" href=\"#\" (click)=\"removeLocation(selection); $event.preventDefault()\">\n            {{ selection[propertyNameFilter] }}\n          </a>\n        </li>\n      }\n    </ul>\n  }\n</div>\n", styles: [".add-location-button{margin-top:10px;margin-bottom:0}.search-location__input-container{display:flex}.search-location .auto-complete-container{min-width:unset;width:calc(100% - 4px)}.search-location__input{flex:1 0 auto}.search-location .govuk-button--secondary{background-color:#ddd}\n"] }]
     }], null, { locationFieldChanged: [{
             type: Output
         }], submitted: [{
@@ -3091,33 +3127,6 @@ class FindLocationComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FindLocationComponent, { className: "FindLocationComponent", filePath: "lib/components/find-location/find-location.component.ts", lineNumber: 14 }); })();
 
-class TaskNameService {
-    static { this.taskNamesKey = 'taskNames'; }
-    constructor(http, sessionStorageService) {
-        this.http = http;
-        this.sessionStorageService = sessionStorageService;
-    }
-    /**
-     * @return Observable<any[]>: Array of taskName in Observable
-     */
-    getTaskName(service) {
-        const serviceTaskTypeKey = `${service}-${TaskNameService.taskNamesKey}`;
-        if (this.sessionStorageService.getItem(serviceTaskTypeKey)) {
-            const taskNames = JSON.parse(this.sessionStorageService.getItem(serviceTaskTypeKey));
-            return of$1(taskNames);
-        }
-        return this.http.post(`/workallocation/taskNames`, { service }).pipe(tap(taskNames => this.sessionStorageService.setItem(serviceTaskTypeKey, JSON.stringify(taskNames))));
-    }
-    static { this.ɵfac = function TaskNameService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TaskNameService)(i0.ɵɵinject(i1$2.HttpClient), i0.ɵɵinject(SessionStorageService)); }; }
-    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TaskNameService, factory: TaskNameService.ɵfac, providedIn: 'root' }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TaskNameService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root'
-            }]
-    }], () => [{ type: i1$2.HttpClient }, { type: SessionStorageService }], null); })();
-
 const _c0$m = a0 => ({ "form-group-error": a0 });
 const _c1$c = (a0, a1) => ({ "hide-autocomplete": a0, "select-option": a1 });
 const _c2$4 = a0 => ({ "select-option": a0 });
@@ -3232,7 +3241,7 @@ class FindTaskNameComponent {
     onInput() {
         this.taskNameFieldChanged.emit();
     }
-    static { this.ɵfac = function FindTaskNameComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || 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(TaskService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FindTaskNameComponent, selectors: [["xuilib-find-task-name"]], inputs: { title: "title", boldTitle: "boldTitle", subTitle: "subTitle", domain: "domain", findTaskNameGroup: "findTaskNameGroup", selectedTaskName: "selectedTaskName", submitted: "submitted", assignedUser: "assignedUser", placeholderContent: "placeholderContent", isNoResultsShown: "isNoResultsShown", showUpdatedColor: "showUpdatedColor", selectedTaskNames: "selectedTaskNames", errorMessage: "errorMessage", idValue: "idValue", services: "services", disabled: "disabled" }, outputs: { taskNameSelected: "taskNameSelected", taskNameFieldChanged: "taskNameFieldChanged" }, standalone: false, decls: 11, vars: 13, consts: [["auto", "matAutocomplete"], [1, "govuk-heading-l"], [1, "govuk-form-group", 3, "formGroup", "ngClass"], ["aria-describedby", "sub-title-hint", 1, "govuk-fieldset"], ["id", "sub-title-hint", 1, "govuk-hint"], ["id", "validation-error", 1, "govuk-error-message"], ["type", "text", "aria-label", "select a task name", "formControlName", "findTaskNameControl", 1, "govuk-input", "govuk-!-width-one-third", 3, "input", "id", "matAutocomplete", "placeholder"], ["autoActiveFirstOption", "", 3, "optionSelected"], [3, "value", "ngClass"], [3, "ngClass"], [1, "govuk-caption-l"], [1, "govuk-visually-hidden"]], template: function FindTaskNameComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵconditionalCreate(0, FindTaskNameComponent_Conditional_0_Template, 4, 2, "h1", 1);
@@ -3269,7 +3278,7 @@ class FindTaskNameComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FindTaskNameComponent, [{
         type: Component,
         args: [{ selector: 'xuilib-find-task-name', standalone: false, template: "@if (title && title.length) {\n  <h1 class=\"govuk-heading-l\">\n    <span class=\"govuk-caption-l\">{{title}}</span>\n    {{boldTitle}}\n  </h1>\n}\n<div class=\"govuk-form-group\" [formGroup]=\"findTaskNameGroup\"\n  [ngClass]=\"{'form-group-error': findTaskNameGroup.get('findTaskNameControl')?.invalid && submitted}\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"sub-title-hint\">\n    @if (subTitle && subTitle.length) {\n      <div id=\"sub-title-hint\" class=\"govuk-hint\">\n        {{subTitle}}\n      </div>\n    }\n    @if (findTaskNameGroup && findTaskNameGroup.errors) {\n      <span id=\"validation-error\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error:</span>{{findTaskNameGroup.errors.error ? findTaskNameGroup.errors.error : errorMessage}}\n      </span>\n    }\n    <input id=\"inputSelectTaskName{{idValue}}\" type=\"text\" aria-label=\"select a task name\"\n      formControlName=\"findTaskNameControl\"\n      [matAutocomplete]=\"auto\"\n      class=\"govuk-input govuk-!-width-one-third\"\n      [placeholder]=\"placeholderContent\"\n      [attr.disabled]=\"disabled\"\n      (input)=\"onInput()\">\n    <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"onSelectionChange($event.option.value)\">\n      @for (option of filteredOptions; track option) {\n        <mat-option\n          [value]=\"option\"\n          [ngClass]=\"{'hide-autocomplete': !showAutocomplete, 'select-option': showUpdatedColor}\">\n          {{ getTaskTypeName(option) }}\n        </mat-option>\n      }\n      @if (isNoResultsShown && !filteredOptions.length && showAutocomplete) {\n        <mat-option [ngClass]=\"{'select-option': showUpdatedColor}\">No results found</mat-option>\n      }\n    </mat-autocomplete>\n  </fieldset>\n</div>\n" }]
-    }], () => [{ type: i0.ChangeDetectorRef }, { type: TaskNameService }], { taskNameSelected: [{
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: TaskService }], { taskNameSelected: [{
             type: Output
         }], taskNameFieldChanged: [{
             type: Output
@@ -3411,7 +3420,7 @@ function FindServiceComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
 function FindServiceComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "a", 8);
-    i0.ɵɵlistener("click", function FindServiceComponent_Conditional_6_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.addOption(ctx_r0.tempSelectedService)); });
+    i0.ɵɵlistener("click", function FindServiceComponent_Conditional_6_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); ctx_r0.addOption(ctx_r0.tempSelectedService); return i0.ɵɵresetView($event.preventDefault()); });
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementStart(3, "span", 9);
@@ -3427,7 +3436,7 @@ function FindServiceComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
 function FindServiceComponent_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "li", 10)(1, "a", 11);
-    i0.ɵɵlistener("click", function FindServiceComponent_Conditional_7_For_2_Template_a_click_1_listener() { const selection_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.removeOption(selection_r4)); });
+    i0.ɵɵlistener("click", function FindServiceComponent_Conditional_7_For_2_Template_a_click_1_listener($event) { const selection_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); ctx_r0.removeOption(selection_r4); return i0.ɵɵresetView($event.preventDefault()); });
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "rpxTranslate");
     i0.ɵɵelementEnd()();
@@ -3540,7 +3549,7 @@ class FindServiceComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.searchServiceComponent = _t.first);
-        } }, inputs: { field: "field", serviceTitle: "serviceTitle", form: "form", disabled: "disabled", formSubmissionEvent$: "formSubmissionEvent$" }, outputs: { serviceFieldChanged: "serviceFieldChanged" }, standalone: false, decls: 8, vars: 6, consts: [[1, "service-picker-custom"], [1, "search-service"], [1, "govuk-body"], ["id", "selectServiceSearch-label", "for", "serviceSearch__select"], [1, "search-service__input-container"], [1, "search-service__input", 3, "optionChanged", "options", "selectedOptions", "disabled"], ["href", "javascript:void(0)", "data-module", "govuk-button", "id", "add-service", 1, "govuk-button", "govuk-button--secondary", "govuk-!-margin-bottom-0"], [1, "hmcts-filter-tags", "selection-container"], ["href", "javascript:void(0)", "data-module", "govuk-button", "id", "add-service", 1, "govuk-button", "govuk-button--secondary", "govuk-!-margin-bottom-0", 3, "click"], [1, "govuk-visually-hidden"], [1, "location-selection"], ["href", "javascript:void(0)", 1, "hmcts-filter__tag", 3, "click"]], template: function FindServiceComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { field: "field", serviceTitle: "serviceTitle", form: "form", disabled: "disabled", formSubmissionEvent$: "formSubmissionEvent$" }, outputs: { serviceFieldChanged: "serviceFieldChanged" }, standalone: false, decls: 8, vars: 6, consts: [[1, "service-picker-custom"], [1, "search-service"], [1, "govuk-body"], ["id", "selectServiceSearch-label", "for", "serviceSearch__select"], [1, "search-service__input-container"], [1, "search-service__input", 3, "optionChanged", "options", "selectedOptions", "disabled"], ["href", "#", "data-module", "govuk-button", "id", "add-service", 1, "govuk-button", "govuk-button--secondary", "govuk-!-margin-bottom-0"], [1, "hmcts-filter-tags", "selection-container"], ["href", "#", "data-module", "govuk-button", "id", "add-service", 1, "govuk-button", "govuk-button--secondary", "govuk-!-margin-bottom-0", 3, "click"], [1, "govuk-visually-hidden"], [1, "location-selection"], ["href", "#", 1, "hmcts-filter__tag", 3, "click"]], template: function FindServiceComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
             i0.ɵɵconditionalCreate(3, FindServiceComponent_Conditional_3_Template, 3, 3, "label", 3);
             i0.ɵɵelementEnd();
@@ -3564,7 +3573,7 @@ class FindServiceComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FindServiceComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-find-service', standalone: false, template: "<div class=\"service-picker-custom\">\n  <div class=\"search-service\">\n    <div class=\"govuk-body\">\n      @if (serviceTitle) {\n        <label id=\"selectServiceSearch-label\" for=\"serviceSearch__select\">\n          {{ serviceTitle | rpxTranslate}}\n        </label>\n      }\n    </div>\n    <div class=\"search-service__input-container\">\n      <exui-search-service class=\"search-service__input\"\n        [options]=\"field.options\"\n        [selectedOptions]=\"selectedServices\"\n        [disabled]=\"disabled\"\n        (optionChanged)=\"onOptionSelected($event)\">\n      </exui-search-service>\n      @if (field?.enableAddButton) {\n        <a href=\"javascript:void(0)\" (click)=\"addOption(tempSelectedService)\"\n          class=\"govuk-button govuk-button--secondary govuk-!-margin-bottom-0\" data-module=\"govuk-button\"\n          id=\"add-service\">\n          {{ 'Add' | rpxTranslate}}\n          <span class=\"govuk-visually-hidden\">{{'service' | rpxTranslate}}</span>\n        </a>\n      }\n    </div>\n  </div>\n  @if (field.maxSelected != 1) {\n    <ul class=\"hmcts-filter-tags selection-container\">\n      @for (selection of selectedServices; track selection) {\n        <li class=\"location-selection\">\n          <a class=\"hmcts-filter__tag\" (click)=\"removeOption(selection)\" href=\"javascript:void(0)\">\n            {{ selection.label  | rpxTranslate }}\n          </a>\n        </li>\n      }\n    </ul>\n  }\n</div>\n", styles: ["#add-service{background-color:#ddd}\n"] }]
+        args: [{ selector: 'xuilib-find-service', standalone: false, template: "<div class=\"service-picker-custom\">\n  <div class=\"search-service\">\n    <div class=\"govuk-body\">\n      @if (serviceTitle) {\n        <label id=\"selectServiceSearch-label\" for=\"serviceSearch__select\">\n          {{ serviceTitle | rpxTranslate}}\n        </label>\n      }\n    </div>\n    <div class=\"search-service__input-container\">\n      <exui-search-service class=\"search-service__input\"\n        [options]=\"field.options\"\n        [selectedOptions]=\"selectedServices\"\n        [disabled]=\"disabled\"\n        (optionChanged)=\"onOptionSelected($event)\">\n      </exui-search-service>\n      @if (field?.enableAddButton) {\n        <a href=\"#\" (click)=\"addOption(tempSelectedService); $event.preventDefault()\"\n          class=\"govuk-button govuk-button--secondary govuk-!-margin-bottom-0\" data-module=\"govuk-button\"\n          id=\"add-service\">\n          {{ 'Add' | rpxTranslate}}\n          <span class=\"govuk-visually-hidden\">{{'service' | rpxTranslate}}</span>\n        </a>\n      }\n    </div>\n  </div>\n  @if (field.maxSelected != 1) {\n    <ul class=\"hmcts-filter-tags selection-container\">\n      @for (selection of selectedServices; track selection) {\n        <li class=\"location-selection\">\n          <a class=\"hmcts-filter__tag\" href=\"#\" (click)=\"removeOption(selection); $event.preventDefault()\">\n            {{ selection.label  | rpxTranslate }}\n          </a>\n        </li>\n      }\n    </ul>\n  }\n</div>\n", styles: ["#add-service{background-color:#ddd}\n"] }]
     }], null, { field: [{
             type: Input
         }], serviceTitle: [{
@@ -3583,6 +3592,400 @@ class FindServiceComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FindServiceComponent, { className: "FindServiceComponent", filePath: "lib/components/find-service/find-service.component.ts", lineNumber: 13 }); })();
 
+function SearchWorkTypeComponent_Conditional_5_Conditional_0_For_1_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-option", 5);
+    i0.ɵɵlistener("onSelectionChange", function SearchWorkTypeComponent_Conditional_5_Conditional_0_For_1_Template_mat_option_onSelectionChange_0_listener() { const workType_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r3 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r3.onSelectedWorkType(workType_r3)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const workType_r3 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", workType_r3.label, " ");
+} }
+function SearchWorkTypeComponent_Conditional_5_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-option");
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "No results found"));
+} }
+function SearchWorkTypeComponent_Conditional_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, SearchWorkTypeComponent_Conditional_5_Conditional_0_For_1_Template, 2, 1, "mat-option", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(2, SearchWorkTypeComponent_Conditional_5_Conditional_0_Conditional_2_Template, 3, 3, "mat-option");
+} if (rf & 2) {
+    const filteredList_r5 = i0.ɵɵnextContext();
+    i0.ɵɵrepeater(filteredList_r5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(filteredList_r5.length === 0 ? 2 : -1);
+} }
+function SearchWorkTypeComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SearchWorkTypeComponent_Conditional_5_Conditional_0_Template, 3, 1);
+} if (rf & 2) {
+    i0.ɵɵconditional(ctx !== null ? 0 : -1);
+} }
+class SearchWorkTypeComponent {
+    get reset() {
+        return this.pReset;
+    }
+    set reset(value) {
+        this.pReset = value;
+        this.resetSearchTerm();
+    }
+    constructor(taskService) {
+        this.taskService = taskService;
+        this.disabled = null;
+        this.singleMode = false;
+        this.workType = '';
+        this.serviceIds = '';
+        this.submitted = true;
+        this.selectedWorkTypes = [];
+        this.delay = 500;
+        this.workTypeSelected = new EventEmitter();
+        this.workTypeTermSearchInputChanged = new EventEmitter();
+        this.searchWorkTypeChanged = new EventEmitter();
+        this.searchTermFormControl = new FormControl('');
+        this.minSearchCharacters = 3;
+        this.term = '';
+        this.pReset = true;
+        this.debounceTimeInput = 300;
+        this.previousValue = '';
+    }
+    ngOnInit() {
+        const searchInputChanges$ = this.searchTermFormControl.valueChanges
+            .pipe(tap((term) => this.workTypeTermSearchInputChanged.emit(term)));
+        // if servicesField exists, then we should filter work types by the service codes - not currently relevant but kept for future proofing
+        if (this.field && this.field.servicesField) {
+            this.filteredList$ = searchInputChanges$.pipe(switchMap((term) => iif(
+            // display results for any length (>=0) when using cached service codes
+            () => (!!term && term.length >= 0), this.taskService.searchWorkTypes(term).pipe(
+            // Filter out work types that are already selected
+            map((workTypes) => this.filterUnselectedWorkTypes(workTypes, this.selectedWorkTypes, this.singleMode))), of$1(null))));
+        }
+        else {
+            this.filteredList$ = searchInputChanges$.pipe(
+            // Debounce needed to prevent multiple API calls being made
+            debounceTime(this.debounceTimeInput), switchMap((term) => iif(() => (!!term && term.length >= this.minSearchCharacters), this.taskService.searchWorkTypes(term).pipe(
+            // Filter out work types that are already selected
+            map((workTypes) => this.filterUnselectedWorkTypes(workTypes, this.selectedWorkTypes, this.singleMode))), of$1(null))));
+        }
+    }
+    onSelectedWorkType(workType) {
+        this.searchTermFormControl.patchValue(workType.label);
+        this.workTypeSelected.emit(workType);
+    }
+    onInput() {
+        this.searchWorkTypeChanged.emit();
+    }
+    resetSearchTerm() {
+        this.searchTermFormControl.setValue('');
+    }
+    filterUnselectedWorkTypes(workTypes, selectedWorkTypes, singleMode) {
+        if (singleMode) {
+            return workTypes;
+        }
+        return workTypes.filter(workType => !selectedWorkTypes.map(selectedWorkType => selectedWorkType.key).includes(workType.key));
+    }
+    removeInvalidString(formInputValue) {
+        if (!this.isCharacterValid(formInputValue)) {
+            formInputValue.preventDefault();
+        }
+    }
+    isCharacterValid(event) {
+        let pressed = undefined;
+        if (event.key !== undefined) {
+            pressed = event.key;
+            if (pressed.length > 1) {
+                switch (pressed) {
+                    case 'Tab':
+                        return true;
+                    case 'ArrowRight':
+                        return true;
+                    case 'ArrowLeft':
+                        return true;
+                    case 'Backspace':
+                        return true;
+                    case 'Enter':
+                        return true;
+                    default: return false;
+                }
+            }
+        }
+        else if (event.keyCode !== undefined) {
+            pressed = String.fromCharCode(event.keyCode);
+        }
+        return pressed && (/[a-zA-Z \s'-]/).test(pressed);
+    }
+    static { this.ɵfac = function SearchWorkTypeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SearchWorkTypeComponent)(i0.ɵɵdirectiveInject(TaskService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchWorkTypeComponent, selectors: [["exui-search-work-type"]], inputs: { form: "form", field: "field", disabled: "disabled", singleMode: "singleMode", workType: "workType", serviceIds: "serviceIds", submitted: "submitted", selectedWorkTypes: "selectedWorkTypes", delay: "delay", reset: "reset" }, outputs: { workTypeSelected: "workTypeSelected", workTypeTermSearchInputChanged: "workTypeTermSearchInputChanged", searchWorkTypeChanged: "searchWorkTypeChanged" }, standalone: false, decls: 7, vars: 6, consts: [["char", ""], ["autoSearchWorkType", "matAutocomplete"], [1, "auto-complete-container"], ["id", "inputWorkTypeSearch", 1, "govuk-input", 3, "keydown", "input", "formControl", "matAutocomplete"], ["autoActiveFirstOption", "", 1, "mat-autocomplete-panel-extend"], [3, "onSelectionChange"]], template: function SearchWorkTypeComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 2)(1, "input", 3, 0);
+            i0.ɵɵlistener("keydown", function SearchWorkTypeComponent_Template_input_keydown_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.removeInvalidString($event)); })("input", function SearchWorkTypeComponent_Template_input_input_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onInput()); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "mat-autocomplete", 4, 1);
+            i0.ɵɵconditionalCreate(5, SearchWorkTypeComponent_Conditional_5_Template, 1, 1);
+            i0.ɵɵpipe(6, "async");
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            let tmp_5_0;
+            const autoSearchWorkType_r6 = i0.ɵɵreference(4);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("formControl", ctx.searchTermFormControl)("matAutocomplete", autoSearchWorkType_r6);
+            i0.ɵɵattribute("disabled", ctx.disabled);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional((tmp_5_0 = i0.ɵɵpipeBind1(6, 4, ctx.filteredList$)) ? 5 : -1, tmp_5_0);
+        } }, dependencies: [i2$3.DefaultValueAccessor, i2$3.NgControlStatus, i2$3.FormControlDirective, i4.MatLegacyAutocomplete, i4.MatLegacyAutocompleteTrigger, i5.MatLegacyOption, i1.AsyncPipe, i2.RpxTranslatePipe], styles: [".autocomplete__input--show-all-values[_ngcontent-%COMP%]{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down[_ngcontent-%COMP%]{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu[_ngcontent-%COMP%]{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:calc(100% - 4px)}.autocomplete__menu--visible[_ngcontent-%COMP%]{display:block}.autocomplete__menu--hidden[_ngcontent-%COMP%]{display:none}.autocomplete__menu--overlay[_ngcontent-%COMP%]{box-shadow:#00000042 0 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline[_ngcontent-%COMP%]{position:relative}.autocomplete__option[_ngcontent-%COMP%]{border-bottom:solid #b1b4b6;border-width:1px 0;cursor:pointer;display:block;position:relative}.autocomplete__option[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{pointer-events:none}.autocomplete__option[_ngcontent-%COMP%]:first-of-type{border-top-width:0}.autocomplete__option[_ngcontent-%COMP%]:last-of-type{border-bottom-width:0}.autocomplete__option--odd[_ngcontent-%COMP%]{background-color:#fafafa}.autocomplete__option--focused[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results[_ngcontent-%COMP%]{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.25}.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{padding:5px}@media (min-width: 641px){.autocomplete__hint[_ngcontent-%COMP%], .autocomplete__input[_ngcontent-%COMP%], .autocomplete__option[_ngcontent-%COMP%]{font-size:13px;line-height:1.31579}}.div-action[_ngcontent-%COMP%]{display:inline-block}.hide-autocomplete[_ngcontent-%COMP%]{display:none}.auto-complete-container[_ngcontent-%COMP%]{min-width:250px;display:inline-block;margin-right:4px}.autocomplete__input[_ngcontent-%COMP%]{line-height:24px;font-size:19px}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchWorkTypeComponent, [{
+        type: Component,
+        args: [{ selector: 'exui-search-work-type', standalone: false, template: "<div class=\"auto-complete-container\">\n  <input\n    id=\"inputWorkTypeSearch\"\n    #char\n    (keydown)=\"removeInvalidString($event)\"\n    (input)=\"onInput()\"\n    [formControl]=\"searchTermFormControl\"\n    [matAutocomplete]=\"autoSearchWorkType\"\n    class=\"govuk-input\"\n    [attr.disabled]=\"disabled\">\n  <mat-autocomplete class=\"mat-autocomplete-panel-extend\" autoActiveFirstOption #autoSearchWorkType=\"matAutocomplete\">\n    @if (filteredList$ | async; as filteredList) {\n      @if (filteredList !== null) {\n        @for (workType of filteredList; track workType) {\n          <mat-option (onSelectionChange)=\"onSelectedWorkType(workType)\">\n            {{ workType.label }}\n          </mat-option>\n        }\n        @if (filteredList.length === 0) {\n          <mat-option>{{ 'No results found' | rpxTranslate }}</mat-option>\n        }\n      }\n    }\n  </mat-autocomplete>\n</div>\n", styles: [".autocomplete__input--show-all-values{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:calc(100% - 4px)}.autocomplete__menu--visible{display:block}.autocomplete__menu--hidden{display:none}.autocomplete__menu--overlay{box-shadow:#00000042 0 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline{position:relative}.autocomplete__option{border-bottom:solid #b1b4b6;border-width:1px 0;cursor:pointer;display:block;position:relative}.autocomplete__option>*{pointer-events:none}.autocomplete__option:first-of-type{border-top-width:0}.autocomplete__option:last-of-type{border-bottom-width:0}.autocomplete__option--odd{background-color:#fafafa}.autocomplete__option--focused,.autocomplete__option:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:13px;line-height:1.25}.autocomplete__hint,.autocomplete__option{padding:5px}@media (min-width: 641px){.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:13px;line-height:1.31579}}.div-action{display:inline-block}.hide-autocomplete{display:none}.auto-complete-container{min-width:250px;display:inline-block;margin-right:4px}.autocomplete__input{line-height:24px;font-size:19px}\n"] }]
+    }], () => [{ type: TaskService }], { form: [{
+            type: Input
+        }], field: [{
+            type: Input
+        }], disabled: [{
+            type: Input
+        }], singleMode: [{
+            type: Input
+        }], workType: [{
+            type: Input
+        }], serviceIds: [{
+            type: Input
+        }], submitted: [{
+            type: Input
+        }], selectedWorkTypes: [{
+            type: Input
+        }], delay: [{
+            type: Input
+        }], workTypeSelected: [{
+            type: Output
+        }], workTypeTermSearchInputChanged: [{
+            type: Output
+        }], searchWorkTypeChanged: [{
+            type: Output
+        }], reset: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SearchWorkTypeComponent, { className: "SearchWorkTypeComponent", filePath: "lib/components/search-work-type/search-work-type.component.ts", lineNumber: 14 }); })();
+
+function FindWorkTypeComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "label", 3);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.workTypeTitle));
+} }
+function FindWorkTypeComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "a", 8);
+    i0.ɵɵlistener("click", function FindWorkTypeComponent_Conditional_6_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); ctx_r0.addWorkType(); return i0.ɵɵresetView($event.preventDefault()); });
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementStart(3, "span", 9);
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "rpxTranslate");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "Add"), " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 4, "work type"));
+} }
+function FindWorkTypeComponent_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "li", 10)(1, "a", 11);
+    i0.ɵɵlistener("click", function FindWorkTypeComponent_Conditional_7_For_2_Template_a_click_1_listener($event) { const selection_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); ctx_r0.removeWorkType(selection_r4); return i0.ɵɵresetView($event.preventDefault()); });
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const selection_r4 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", selection_r4.label, " ");
+} }
+function FindWorkTypeComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "ul", 7);
+    i0.ɵɵrepeaterCreate(1, FindWorkTypeComponent_Conditional_7_For_2_Template, 3, 1, "li", 10, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.selectedWorkTypes);
+} }
+class FindWorkTypeComponent {
+    constructor() {
+        this.workTypeFieldChanged = new EventEmitter();
+        this.submitted = true;
+        this.enableAddWorkTypeButton = true;
+        this.workTypeTitle = 'Search for a work type by name';
+        this.disableInputField = false;
+        this.tempSelectedWorkType = null;
+        this.serviceIds = 'SSCS,IA';
+        this.pServices = [];
+        this.pDisabled = false;
+    }
+    get disabled() {
+        return this.pDisabled;
+    }
+    set disabled(value) {
+        if (value) {
+            this.searchWorkTypeComponent.resetSearchTerm();
+            this.removeSelectedValues();
+        }
+        this.pDisabled = this.disableInputField === true ? true : null;
+    }
+    get services() {
+        return this.pServices;
+    }
+    // Currently not used - but kept for potential future proofing
+    set services(value) {
+        this.pServices = value;
+        const field = this.fields.find(f => {
+            if (this.field) {
+                return f.name === this.field.findLocationField;
+            }
+        });
+        if (field) {
+            if (typeof value === 'string') {
+                this.serviceIds = value;
+            }
+            else {
+                this.serviceIds = getValues(field.options, value).filter(service => service !== 'services_all').join(',');
+            }
+        }
+    }
+    get selectedWorkTypes() {
+        return this.form.get(this.field.name)?.value?.filter(workType => workType?.key);
+    }
+    ngOnInit() {
+        if (this.formSubmissionEvent$) {
+            this.formSubmissionEventSubscription = this.formSubmissionEvent$.subscribe(() => {
+                // Shouldn't reset search term if single mode and already has selected
+                const oneSelectedAndMaxSelectedOne = this.selectedWorkTypes?.length === 1 && this.field.maxSelected === 1;
+                if (!oneSelectedAndMaxSelectedOne) {
+                    this.searchWorkTypeComponent.resetSearchTerm();
+                }
+            });
+        }
+    }
+    addWorkType() {
+        if (this.tempSelectedWorkType) {
+            this.addSelectedWorkTypesToForm([this.tempSelectedWorkType]);
+            this.tempSelectedWorkType = null;
+            this.searchWorkTypeComponent.resetSearchTerm();
+        }
+    }
+    removeWorkType(workType) {
+        if (workType.key) {
+            const formArray = this.form.get(this.field.name);
+            const index = formArray.value.findIndex(selectedWorkType => selectedWorkType.key === workType.key);
+            if (index > -1) {
+                formArray.removeAt(index);
+            }
+        }
+    }
+    onInputChanged(term) {
+        // if the filter is in single mode clear the selected locations
+        if (typeof term === 'string' && this.field.maxSelected === 1) {
+            this.removeSelectedValues();
+        }
+    }
+    onSearchInputChanged() {
+        this.workTypeFieldChanged.emit();
+    }
+    onWorkTypeSelected(workType) {
+        if (this.field.maxSelected === 1) {
+            this.removeSelectedValues();
+            this.addSelectedWorkTypesToForm([workType]);
+        }
+        else {
+            if (!this.selectedWorkTypes.find(x => x.key === workType.key)) {
+                if (workType.key) {
+                    this.tempSelectedWorkType = workType;
+                }
+            }
+        }
+    }
+    removeSelectedValues() {
+        const formArray = this.form.get(this.field?.name);
+        if (formArray) {
+            for (let i = 0; i < formArray.length; i++) {
+                formArray.removeAt(i);
+            }
+        }
+    }
+    addSelectedWorkTypesToForm(workTypes) {
+        const formArray = this.form.get(this.field.name);
+        for (const workType of workTypes) {
+            formArray.push(new FormControl(workType));
+        }
+    }
+    ngOnDestroy() {
+        this.formSubmissionEventSubscription?.unsubscribe();
+    }
+    static { this.ɵfac = function FindWorkTypeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FindWorkTypeComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FindWorkTypeComponent, selectors: [["xuilib-find-work-type"]], viewQuery: function FindWorkTypeComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(SearchWorkTypeComponent, 7);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.searchWorkTypeComponent = _t.first);
+        } }, inputs: { submitted: "submitted", enableAddWorkTypeButton: "enableAddWorkTypeButton", form: "form", field: "field", fields: "fields", workTypeTitle: "workTypeTitle", disableInputField: "disableInputField", formSubmissionEvent$: "formSubmissionEvent$", disabled: "disabled", services: "services" }, outputs: { workTypeFieldChanged: "workTypeFieldChanged" }, standalone: false, decls: 8, vars: 10, consts: [[1, "work-type-picker-custom"], [1, "search-work-type"], [1, "govuk-body"], ["id", "input-selected-work-type-label"], [1, "search-work-type__input-container"], [1, "search-work-type__input", 3, "workTypeTermSearchInputChanged", "workTypeSelected", "searchWorkTypeChanged", "form", "field", "selectedWorkTypes", "delay", "disabled", "singleMode", "serviceIds"], ["href", "#", "data-module", "govuk-button", "id", "add-work-type", 1, "govuk-button", "govuk-button--secondary", "govuk-!-margin-bottom-0"], [1, "hmcts-filter-tags", "selection-container"], ["href", "#", "data-module", "govuk-button", "id", "add-work-type", 1, "govuk-button", "govuk-button--secondary", "govuk-!-margin-bottom-0", 3, "click"], [1, "govuk-visually-hidden"], [1, "work-type-selection"], ["href", "#", 1, "hmcts-filter__tag", 3, "click"]], template: function FindWorkTypeComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
+            i0.ɵɵconditionalCreate(3, FindWorkTypeComponent_Conditional_3_Template, 3, 3, "label", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 4)(5, "exui-search-work-type", 5);
+            i0.ɵɵlistener("workTypeTermSearchInputChanged", function FindWorkTypeComponent_Template_exui_search_work_type_workTypeTermSearchInputChanged_5_listener($event) { return ctx.onInputChanged($event); })("workTypeSelected", function FindWorkTypeComponent_Template_exui_search_work_type_workTypeSelected_5_listener($event) { return ctx.onWorkTypeSelected($event); })("searchWorkTypeChanged", function FindWorkTypeComponent_Template_exui_search_work_type_searchWorkTypeChanged_5_listener() { return ctx.onSearchInputChanged(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(6, FindWorkTypeComponent_Conditional_6_Template, 6, 6, "a", 6);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(7, FindWorkTypeComponent_Conditional_7_Template, 3, 0, "ul", 7);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.workTypeTitle ? 3 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("form", ctx.form)("field", ctx.field)("selectedWorkTypes", ctx.selectedWorkTypes)("delay", 300)("disabled", ctx.disabled)("singleMode", ctx.field.maxSelected === 1)("serviceIds", ctx.serviceIds);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.enableAddWorkTypeButton ? 6 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.field.maxSelected != 1 ? 7 : -1);
+        } }, dependencies: [SearchWorkTypeComponent, i2.RpxTranslatePipe], styles: [".search-work-type__input-container[_ngcontent-%COMP%]{display:flex;align-items:center;gap:1px}.search-work-type__input[_ngcontent-%COMP%]{flex:1 1 0}.govuk-button--secondary[_ngcontent-%COMP%]{max-width:57px}#add-work-type[_ngcontent-%COMP%]{background-color:#ddd}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FindWorkTypeComponent, [{
+        type: Component,
+        args: [{ selector: 'xuilib-find-work-type', standalone: false, template: "<div class=\"work-type-picker-custom\">\n  <div class=\"search-work-type\">\n    <div class=\"govuk-body\">\n      @if (workTypeTitle) {\n      <label id=\"input-selected-work-type-label\">{{ workTypeTitle | rpxTranslate }}</label>\n      }\n    </div>\n    <div class=\"search-work-type__input-container\">\n      <exui-search-work-type class=\"search-work-type__input\" [form]=\"form\" [field]=\"field\"\n        [selectedWorkTypes]=\"selectedWorkTypes\" [delay]=\"300\" [disabled]=\"disabled\"\n        [singleMode]=\"field.maxSelected === 1\" [serviceIds]=\"serviceIds\"\n        (workTypeTermSearchInputChanged)=\"onInputChanged($event)\" (workTypeSelected)=\"onWorkTypeSelected($event)\"\n        (searchWorkTypeChanged)=\"onSearchInputChanged()\">\n      </exui-search-work-type>\n      @if (enableAddWorkTypeButton) {\n      <a href=\"#\" (click)=\"addWorkType(); $event.preventDefault()\"\n        class=\"govuk-button govuk-button--secondary govuk-!-margin-bottom-0\" data-module=\"govuk-button\"\n        id=\"add-work-type\">\n        {{ 'Add' | rpxTranslate}}\n        <span class=\"govuk-visually-hidden\">{{'work type' | rpxTranslate}}</span>\n      </a>\n      }\n    </div>\n  </div>\n\n  @if (field.maxSelected != 1) {\n  <ul class=\"hmcts-filter-tags selection-container\">\n    @for (selection of selectedWorkTypes; track selection) {\n    <li class=\"work-type-selection\">\n      <a class=\"hmcts-filter__tag\" href=\"#\" (click)=\"removeWorkType(selection); $event.preventDefault()\">\n        {{ selection.label }}\n      </a>\n    </li>\n    }\n  </ul>\n  }\n</div>", styles: [".search-work-type__input-container{display:flex;align-items:center;gap:1px}.search-work-type__input{flex:1 1 0}.govuk-button--secondary{max-width:57px}#add-work-type{background-color:#ddd}\n"] }]
+    }], null, { workTypeFieldChanged: [{
+            type: Output
+        }], submitted: [{
+            type: Input
+        }], enableAddWorkTypeButton: [{
+            type: Input
+        }], form: [{
+            type: Input
+        }], field: [{
+            type: Input
+        }], fields: [{
+            type: Input
+        }], workTypeTitle: [{
+            type: Input
+        }], disableInputField: [{
+            type: Input
+        }], formSubmissionEvent$: [{
+            type: Input
+        }], searchWorkTypeComponent: [{
+            type: ViewChild,
+            args: [SearchWorkTypeComponent, { static: true }]
+        }], disabled: [{
+            type: Input
+        }], services: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FindWorkTypeComponent, { className: "FindWorkTypeComponent", filePath: "lib/components/find-work-type/find-work-type.component.ts", lineNumber: 14 }); })();
+
 class CapitalizePipe {
     transform(value) {
         const lowerCaseString = value.toLowerCase();
@@ -3616,7 +4019,7 @@ function GenericFilterComponent_For_2_Case_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 3, field_r1.name), " ");
 } }
 function GenericFilterComponent_For_2_Case_3_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 24);
+    i0.ɵɵelementStart(0, "div", 25);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -3625,11 +4028,11 @@ function GenericFilterComponent_For_2_Case_3_Conditional_1_Conditional_4_Templat
     i0.ɵɵtextInterpolate1(" ", field_r1.titleHint, " ");
 } }
 function GenericFilterComponent_For_2_Case_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 10)(1, "h3", 23);
+    i0.ɵɵelementStart(0, "div", 10)(1, "h3", 24);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "capitalize");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, GenericFilterComponent_For_2_Case_3_Conditional_1_Conditional_4_Template, 2, 1, "div", 24);
+    i0.ɵɵconditionalCreate(4, GenericFilterComponent_For_2_Case_3_Conditional_1_Conditional_4_Template, 2, 1, "div", 25);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const field_r1 = i0.ɵɵnextContext(2).$implicit;
@@ -3661,7 +4064,7 @@ function GenericFilterComponent_For_2_Case_3_Conditional_3_Template(rf, ctx) { i
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, field_r1.hintText), " ");
 } }
 function GenericFilterComponent_For_2_Case_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 13)(1, "span", 25);
+    i0.ɵɵelementStart(0, "span", 13)(1, "span", 26);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -3677,7 +4080,7 @@ function GenericFilterComponent_For_2_Case_3_Conditional_4_Template(rf, ctx) { i
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 5, field_r1.minSelectedError), " ");
 } }
 function GenericFilterComponent_For_2_Case_3_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 13)(1, "span", 25);
+    i0.ɵɵelementStart(0, "span", 13)(1, "span", 26);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -3693,7 +4096,7 @@ function GenericFilterComponent_For_2_Case_3_Conditional_5_Template(rf, ctx) { i
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 5, field_r1.maxSelectedError), " ");
 } }
 function GenericFilterComponent_For_2_Case_3_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 13)(1, "span", 25);
+    i0.ɵɵelementStart(0, "span", 13)(1, "span", 26);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -3709,7 +4112,7 @@ function GenericFilterComponent_For_2_Case_3_Conditional_6_Template(rf, ctx) { i
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 5, field_r1.emailError), " ");
 } }
 function GenericFilterComponent_For_2_Case_3_Case_8_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 28);
+    i0.ɵɵelementStart(0, "option", 29);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -3720,7 +4123,7 @@ function GenericFilterComponent_For_2_Case_3_Case_8_Conditional_3_Template(rf, c
     i0.ɵɵtextInterpolate(field_r1.defaultOption.label);
 } }
 function GenericFilterComponent_For_2_Case_3_Case_8_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 29);
+    i0.ɵɵelementStart(0, "option", 30);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -3731,13 +4134,13 @@ function GenericFilterComponent_For_2_Case_3_Case_8_For_5_Template(rf, ctx) { if
 } }
 function GenericFilterComponent_For_2_Case_3_Case_8_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "select", 26);
+    i0.ɵɵelementStart(0, "select", 27);
     i0.ɵɵlistener("change", function GenericFilterComponent_For_2_Case_3_Case_8_Template_select_change_0_listener() { i0.ɵɵrestoreView(_r2); const field_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.fieldChanged(field_r1, ctx_r2.form)); });
-    i0.ɵɵelementStart(1, "option", 27);
+    i0.ɵɵelementStart(1, "option", 28);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, GenericFilterComponent_For_2_Case_3_Case_8_Conditional_3_Template, 2, 3, "option", 28);
-    i0.ɵɵrepeaterCreate(4, GenericFilterComponent_For_2_Case_3_Case_8_For_5_Template, 2, 2, "option", 29, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(3, GenericFilterComponent_For_2_Case_3_Case_8_Conditional_3_Template, 2, 3, "option", 29);
+    i0.ɵɵrepeaterCreate(4, GenericFilterComponent_For_2_Case_3_Case_8_For_5_Template, 2, 2, "option", 30, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const field_r1 = i0.ɵɵnextContext(2).$implicit;
@@ -3752,7 +4155,7 @@ function GenericFilterComponent_For_2_Case_3_Case_8_Template(rf, ctx) { if (rf &
     i0.ɵɵrepeater(field_r1.options);
 } }
 function GenericFilterComponent_For_2_Case_3_Case_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 30);
+    i0.ɵɵelementStart(0, "option", 31);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -3762,7 +4165,7 @@ function GenericFilterComponent_For_2_Case_3_Case_9_Conditional_3_Template(rf, c
     i0.ɵɵtextInterpolate(field_r1.defaultOption.label);
 } }
 function GenericFilterComponent_For_2_Case_3_Case_9_For_5_For_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 28);
+    i0.ɵɵelementStart(0, "option", 29);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -3772,9 +4175,9 @@ function GenericFilterComponent_For_2_Case_3_Case_9_For_5_For_3_Template(rf, ctx
     i0.ɵɵtextInterpolate(item_r6.label);
 } }
 function GenericFilterComponent_For_2_Case_3_Case_9_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "optgroup", 31);
+    i0.ɵɵelementStart(0, "optgroup", 32);
     i0.ɵɵpipe(1, "titlecase");
-    i0.ɵɵrepeaterCreate(2, GenericFilterComponent_For_2_Case_3_Case_9_For_5_For_3_Template, 2, 2, "option", 28, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(2, GenericFilterComponent_For_2_Case_3_Case_9_For_5_For_3_Template, 2, 2, "option", 29, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const grp_r7 = ctx.$implicit;
@@ -3784,13 +4187,13 @@ function GenericFilterComponent_For_2_Case_3_Case_9_For_5_Template(rf, ctx) { if
 } }
 function GenericFilterComponent_For_2_Case_3_Case_9_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "select", 26);
+    i0.ɵɵelementStart(0, "select", 27);
     i0.ɵɵlistener("change", function GenericFilterComponent_For_2_Case_3_Case_9_Template_select_change_0_listener() { i0.ɵɵrestoreView(_r5); const field_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.fieldChanged(field_r1, ctx_r2.form)); });
-    i0.ɵɵelementStart(1, "option", 27);
+    i0.ɵɵelementStart(1, "option", 28);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, GenericFilterComponent_For_2_Case_3_Case_9_Conditional_3_Template, 2, 2, "option", 30);
-    i0.ɵɵrepeaterCreate(4, GenericFilterComponent_For_2_Case_3_Case_9_For_5_Template, 4, 4, "optgroup", 31, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(3, GenericFilterComponent_For_2_Case_3_Case_9_Conditional_3_Template, 2, 2, "option", 31);
+    i0.ɵɵrepeaterCreate(4, GenericFilterComponent_For_2_Case_3_Case_9_For_5_Template, 4, 4, "optgroup", 32, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const field_r1 = i0.ɵɵnextContext(2).$implicit;
@@ -3806,10 +4209,10 @@ function GenericFilterComponent_For_2_Case_3_Case_9_Template(rf, ctx) { if (rf &
 } }
 function GenericFilterComponent_For_2_Case_3_Case_10_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 32)(1, "input", 33);
+    i0.ɵɵelementStart(0, "div", 33)(1, "input", 34);
     i0.ɵɵlistener("change", function GenericFilterComponent_For_2_Case_3_Case_10_For_2_Template_input_change_1_listener($event) { const item_r9 = i0.ɵɵrestoreView(_r8).$implicit; const field_r1 = i0.ɵɵnextContext(3).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleSelectAll($event, ctx_r2.form, item_r9, field_r1)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "label", 34);
+    i0.ɵɵelementStart(2, "label", 35);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -3827,7 +4230,7 @@ function GenericFilterComponent_For_2_Case_3_Case_10_For_2_Template(rf, ctx) { i
 } }
 function GenericFilterComponent_For_2_Case_3_Case_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 15);
-    i0.ɵɵrepeaterCreate(1, GenericFilterComponent_For_2_Case_3_Case_10_For_2_Template, 4, 10, "div", 32, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(1, GenericFilterComponent_For_2_Case_3_Case_10_For_2_Template, 4, 10, "div", 33, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const field_r1 = i0.ɵɵnextContext(2).$implicit;
@@ -3838,10 +4241,10 @@ function GenericFilterComponent_For_2_Case_3_Case_10_Template(rf, ctx) { if (rf
 } }
 function GenericFilterComponent_For_2_Case_3_Case_11_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 32)(1, "input", 33);
+    i0.ɵɵelementStart(0, "div", 33)(1, "input", 34);
     i0.ɵɵlistener("change", function GenericFilterComponent_For_2_Case_3_Case_11_For_2_Template_input_change_1_listener($event) { const item_r12 = i0.ɵɵrestoreView(_r11).$implicit; const field_r1 = i0.ɵɵnextContext(3).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleSelectAll($event, ctx_r2.form, item_r12, field_r1)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "label", 34);
+    i0.ɵɵelementStart(2, "label", 35);
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "rpxTranslate");
     i0.ɵɵelementEnd()();
@@ -3860,7 +4263,7 @@ function GenericFilterComponent_For_2_Case_3_Case_11_For_2_Template(rf, ctx) { i
 } }
 function GenericFilterComponent_For_2_Case_3_Case_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 15);
-    i0.ɵɵrepeaterCreate(1, GenericFilterComponent_For_2_Case_3_Case_11_For_2_Template, 5, 12, "div", 32, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(1, GenericFilterComponent_For_2_Case_3_Case_11_For_2_Template, 5, 12, "div", 33, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const field_r1 = i0.ɵɵnextContext(2).$implicit;
@@ -3872,10 +4275,10 @@ function GenericFilterComponent_For_2_Case_3_Case_11_Template(rf, ctx) { if (rf
 } }
 function GenericFilterComponent_For_2_Case_3_Case_12_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 32)(1, "input", 33);
+    i0.ɵɵelementStart(0, "div", 33)(1, "input", 34);
     i0.ɵɵlistener("change", function GenericFilterComponent_For_2_Case_3_Case_12_For_2_Template_input_change_1_listener($event) { const item_r15 = i0.ɵɵrestoreView(_r14).$implicit; const field_r1 = i0.ɵɵnextContext(3).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleSelectAll($event, ctx_r2.form, item_r15, field_r1)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "label", 34);
+    i0.ɵɵelementStart(2, "label", 35);
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "rpxTranslate");
     i0.ɵɵelementEnd()();
@@ -3894,7 +4297,7 @@ function GenericFilterComponent_For_2_Case_3_Case_12_For_2_Template(rf, ctx) { i
 } }
 function GenericFilterComponent_For_2_Case_3_Case_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 16);
-    i0.ɵɵrepeaterCreate(1, GenericFilterComponent_For_2_Case_3_Case_12_For_2_Template, 5, 12, "div", 32, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(1, GenericFilterComponent_For_2_Case_3_Case_12_For_2_Template, 5, 12, "div", 33, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const field_r1 = i0.ɵɵnextContext(2).$implicit;
@@ -3905,10 +4308,10 @@ function GenericFilterComponent_For_2_Case_3_Case_12_Template(rf, ctx) { if (rf
 } }
 function GenericFilterComponent_For_2_Case_3_Case_13_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 35)(1, "input", 36);
+    i0.ɵɵelementStart(0, "div", 36)(1, "input", 37);
     i0.ɵɵlistener("change", function GenericFilterComponent_For_2_Case_3_Case_13_For_2_Template_input_change_1_listener() { i0.ɵɵrestoreView(_r17); const field_r1 = i0.ɵɵnextContext(3).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.fieldChanged(field_r1, ctx_r2.form)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "label", 37);
+    i0.ɵɵelementStart(2, "label", 38);
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "rpxTranslate");
     i0.ɵɵelementEnd()();
@@ -3926,7 +4329,7 @@ function GenericFilterComponent_For_2_Case_3_Case_13_For_2_Template(rf, ctx) { i
 } }
 function GenericFilterComponent_For_2_Case_3_Case_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 17);
-    i0.ɵɵrepeaterCreate(1, GenericFilterComponent_For_2_Case_3_Case_13_For_2_Template, 5, 9, "div", 35, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(1, GenericFilterComponent_For_2_Case_3_Case_13_For_2_Template, 5, 9, "div", 36, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const field_r1 = i0.ɵɵnextContext(2).$implicit;
@@ -3935,7 +4338,7 @@ function GenericFilterComponent_For_2_Case_3_Case_13_Template(rf, ctx) { if (rf
 } }
 function GenericFilterComponent_For_2_Case_3_Case_14_Template(rf, ctx) { if (rf & 1) {
     const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "xuilib-find-person", 38);
+    i0.ɵɵelementStart(0, "xuilib-find-person", 39);
     i0.ɵɵlistener("personSelected", function GenericFilterComponent_For_2_Case_3_Case_14_Template_xuilib_find_person_personSelected_0_listener($event) { i0.ɵɵrestoreView(_r19); const field_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.updatePersonControls($event, field_r1)); })("personFieldChanged", function GenericFilterComponent_For_2_Case_3_Case_14_Template_xuilib_find_person_personFieldChanged_0_listener() { i0.ɵɵrestoreView(_r19); const field_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.inputChanged(field_r1)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -3948,7 +4351,7 @@ function GenericFilterComponent_For_2_Case_3_Case_14_Template(rf, ctx) { if (rf
 } }
 function GenericFilterComponent_For_2_Case_3_Case_15_Template(rf, ctx) { if (rf & 1) {
     const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "xuilib-find-location", 39);
+    i0.ɵɵelementStart(0, "xuilib-find-location", 40);
     i0.ɵɵlistener("locationFieldChanged", function GenericFilterComponent_For_2_Case_3_Case_15_Template_xuilib_find_location_locationFieldChanged_0_listener() { i0.ɵɵrestoreView(_r20); const field_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.inputChanged(field_r1)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -3959,7 +4362,7 @@ function GenericFilterComponent_For_2_Case_3_Case_15_Template(rf, ctx) { if (rf
 } }
 function GenericFilterComponent_For_2_Case_3_Case_16_Template(rf, ctx) { if (rf & 1) {
     const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "xuilib-find-task-name", 40);
+    i0.ɵɵelementStart(0, "xuilib-find-task-name", 41);
     i0.ɵɵlistener("taskNameSelected", function GenericFilterComponent_For_2_Case_3_Case_16_Template_xuilib_find_task_name_taskNameSelected_0_listener($event) { i0.ɵɵrestoreView(_r21); const field_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.updateTaskNameControls($event, field_r1)); })("taskNameFieldChanged", function GenericFilterComponent_For_2_Case_3_Case_16_Template_xuilib_find_task_name_taskNameFieldChanged_0_listener() { i0.ɵɵrestoreView(_r21); const field_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.inputChanged(field_r1)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -3971,7 +4374,7 @@ function GenericFilterComponent_For_2_Case_3_Case_16_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("submitted", ctx_r2.submitted)("disabled", ctx_r2.disabled(field_r1, ctx_r2.form))("domain", (tmp_14_0 = ctx_r2.form.get(field_r1.domainField)) == null ? null : tmp_14_0.value)("findTaskNameGroup", ctx_r2.form)("selectedTaskName", (tmp_16_0 = ctx_r2.form.get(field_r1.name)) == null ? null : tmp_16_0.value == null ? null : tmp_16_0.value.task_type_name)("placeholderContent", field_r1.placeholderContent ? field_r1.placeholderContent : "")("services", (tmp_18_0 = ctx_r2.form.get(field_r1.servicesField)) == null ? null : tmp_18_0.value);
 } }
 function GenericFilterComponent_For_2_Case_3_Case_17_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 41);
+    i0.ɵɵelementStart(0, "span", 42);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -3982,8 +4385,8 @@ function GenericFilterComponent_For_2_Case_3_Case_17_Conditional_0_Template(rf,
 } }
 function GenericFilterComponent_For_2_Case_3_Case_17_Template(rf, ctx) { if (rf & 1) {
     const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, GenericFilterComponent_For_2_Case_3_Case_17_Conditional_0_Template, 3, 3, "span", 41);
-    i0.ɵɵelementStart(1, "xuilib-find-service", 42);
+    i0.ɵɵconditionalCreate(0, GenericFilterComponent_For_2_Case_3_Case_17_Conditional_0_Template, 3, 3, "span", 42);
+    i0.ɵɵelementStart(1, "xuilib-find-service", 43);
     i0.ɵɵlistener("serviceFieldChanged", function GenericFilterComponent_For_2_Case_3_Case_17_Template_xuilib_find_service_serviceFieldChanged_1_listener() { i0.ɵɵrestoreView(_r22); const field_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.inputServiceChanged(field_r1)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -3995,20 +4398,31 @@ function GenericFilterComponent_For_2_Case_3_Case_17_Template(rf, ctx) { if (rf
 } }
 function GenericFilterComponent_For_2_Case_3_Case_18_Template(rf, ctx) { if (rf & 1) {
     const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 43);
-    i0.ɵɵlistener("change", function GenericFilterComponent_For_2_Case_3_Case_18_Template_input_change_0_listener() { i0.ɵɵrestoreView(_r23); const field_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.fieldChanged(field_r1, ctx_r2.form)); });
+    i0.ɵɵelementStart(0, "xuilib-find-work-type", 44);
+    i0.ɵɵlistener("workTypeFieldChanged", function GenericFilterComponent_For_2_Case_3_Case_18_Template_xuilib_find_work_type_workTypeFieldChanged_0_listener() { i0.ɵɵrestoreView(_r23); const field_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.inputChanged(field_r1)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
+    let tmp_20_0;
     const field_r1 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("formControlName", field_r1.name)("id", field_r1.name)("readonly", field_r1.readonly);
-    i0.ɵɵattribute("disabled", ctx_r2.disabled(field_r1, ctx_r2.form))("maxlength", field_r1.maxlength ? field_r1.maxlength : null);
+    i0.ɵɵproperty("form", ctx_r2.form)("fields", ctx_r2.config.fields)("workTypeTitle", field_r1.workTypeTitle)("enableAddWorkTypeButton", field_r1.enableAddButton)("disabled", ctx_r2.disabled(field_r1, ctx_r2.form))("disableInputField", field_r1.disable)("submitted", ctx_r2.submitted)("field", field_r1)("services", (tmp_20_0 = ctx_r2.form.get(field_r1.findWorkTypeField)) == null ? null : tmp_20_0.value)("formSubmissionEvent$", ctx_r2.formSubmissionEvent$);
 } }
 function GenericFilterComponent_For_2_Case_3_Case_19_Template(rf, ctx) { if (rf & 1) {
     const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 44);
+    i0.ɵɵelementStart(0, "input", 45);
     i0.ɵɵlistener("change", function GenericFilterComponent_For_2_Case_3_Case_19_Template_input_change_0_listener() { i0.ɵɵrestoreView(_r24); const field_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.fieldChanged(field_r1, ctx_r2.form)); });
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const field_r1 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("formControlName", field_r1.name)("id", field_r1.name)("readonly", field_r1.readonly);
+    i0.ɵɵattribute("disabled", ctx_r2.disabled(field_r1, ctx_r2.form))("maxlength", field_r1.maxlength ? field_r1.maxlength : null);
+} }
+function GenericFilterComponent_For_2_Case_3_Case_20_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 46);
+    i0.ɵɵlistener("change", function GenericFilterComponent_For_2_Case_3_Case_20_Template_input_change_0_listener() { i0.ɵɵrestoreView(_r25); const field_r1 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.fieldChanged(field_r1, ctx_r2.form)); });
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const field_r1 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r2 = i0.ɵɵnextContext();
@@ -4024,7 +4438,7 @@ function GenericFilterComponent_For_2_Case_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditionalCreate(5, GenericFilterComponent_For_2_Case_3_Conditional_5_Template, 6, 7, "span", 13);
     i0.ɵɵconditionalCreate(6, GenericFilterComponent_For_2_Case_3_Conditional_6_Template, 6, 7, "span", 13);
     i0.ɵɵelementStart(7, "div", 11);
-    i0.ɵɵconditionalCreate(8, GenericFilterComponent_For_2_Case_3_Case_8_Template, 6, 6, "select", 14)(9, GenericFilterComponent_For_2_Case_3_Case_9_Template, 6, 6, "select", 14)(10, GenericFilterComponent_For_2_Case_3_Case_10_Template, 3, 3, "div", 15)(11, GenericFilterComponent_For_2_Case_3_Case_11_Template, 3, 3, "div", 15)(12, GenericFilterComponent_For_2_Case_3_Case_12_Template, 3, 3, "div", 16)(13, GenericFilterComponent_For_2_Case_3_Case_13_Template, 3, 0, "div", 17)(14, GenericFilterComponent_For_2_Case_3_Case_14_Template, 1, 8, "xuilib-find-person", 18)(15, GenericFilterComponent_For_2_Case_3_Case_15_Template, 1, 10, "xuilib-find-location", 19)(16, GenericFilterComponent_For_2_Case_3_Case_16_Template, 1, 7, "xuilib-find-task-name", 20)(17, GenericFilterComponent_For_2_Case_3_Case_17_Template, 2, 5)(18, GenericFilterComponent_For_2_Case_3_Case_18_Template, 1, 5, "input", 21)(19, GenericFilterComponent_For_2_Case_3_Case_19_Template, 1, 4, "input", 22);
+    i0.ɵɵconditionalCreate(8, GenericFilterComponent_For_2_Case_3_Case_8_Template, 6, 6, "select", 14)(9, GenericFilterComponent_For_2_Case_3_Case_9_Template, 6, 6, "select", 14)(10, GenericFilterComponent_For_2_Case_3_Case_10_Template, 3, 3, "div", 15)(11, GenericFilterComponent_For_2_Case_3_Case_11_Template, 3, 3, "div", 15)(12, GenericFilterComponent_For_2_Case_3_Case_12_Template, 3, 3, "div", 16)(13, GenericFilterComponent_For_2_Case_3_Case_13_Template, 3, 0, "div", 17)(14, GenericFilterComponent_For_2_Case_3_Case_14_Template, 1, 8, "xuilib-find-person", 18)(15, GenericFilterComponent_For_2_Case_3_Case_15_Template, 1, 10, "xuilib-find-location", 19)(16, GenericFilterComponent_For_2_Case_3_Case_16_Template, 1, 7, "xuilib-find-task-name", 20)(17, GenericFilterComponent_For_2_Case_3_Case_17_Template, 2, 5)(18, GenericFilterComponent_For_2_Case_3_Case_18_Template, 1, 10, "xuilib-find-work-type", 21)(19, GenericFilterComponent_For_2_Case_3_Case_19_Template, 1, 5, "input", 22)(20, GenericFilterComponent_For_2_Case_3_Case_20_Template, 1, 4, "input", 23);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     let tmp_13_0;
@@ -4050,12 +4464,12 @@ function GenericFilterComponent_For_2_Case_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵclassProp("govuk-body--maxWidth480px", field_r1.maxWidth480px);
     i0.ɵɵadvance();
-    i0.ɵɵconditional((tmp_21_0 = field_r1.type) === "select" ? 8 : tmp_21_0 === "group-select" ? 9 : tmp_21_0 === "checkbox" ? 10 : tmp_21_0 === "nested-checkbox" ? 11 : tmp_21_0 === "checkbox-large" ? 12 : tmp_21_0 === "radio" ? 13 : tmp_21_0 === "find-person" ? 14 : tmp_21_0 === "find-location" ? 15 : tmp_21_0 === "find-task-name" ? 16 : tmp_21_0 === "find-service" ? 17 : tmp_21_0 === "text-input" ? 18 : tmp_21_0 === "email-input" ? 19 : -1);
+    i0.ɵɵconditional((tmp_21_0 = field_r1.type) === "select" ? 8 : tmp_21_0 === "group-select" ? 9 : tmp_21_0 === "checkbox" ? 10 : tmp_21_0 === "nested-checkbox" ? 11 : tmp_21_0 === "checkbox-large" ? 12 : tmp_21_0 === "radio" ? 13 : tmp_21_0 === "find-person" ? 14 : tmp_21_0 === "find-location" ? 15 : tmp_21_0 === "find-task-name" ? 16 : tmp_21_0 === "find-service" ? 17 : tmp_21_0 === "find-work-type" ? 18 : tmp_21_0 === "text-input" ? 19 : tmp_21_0 === "email-input" ? 20 : -1);
 } }
 function GenericFilterComponent_For_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
     i0.ɵɵconditionalCreate(1, GenericFilterComponent_For_2_Conditional_1_Template, 1, 0, "hr", 7);
-    i0.ɵɵconditionalCreate(2, GenericFilterComponent_For_2_Case_2_Template, 3, 5, "div", 8)(3, GenericFilterComponent_For_2_Case_3_Template, 20, 14, "div", 9);
+    i0.ɵɵconditionalCreate(2, GenericFilterComponent_For_2_Case_2_Template, 3, 5, "div", 8)(3, GenericFilterComponent_For_2_Case_3_Template, 21, 14, "div", 9);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_11_0;
@@ -4066,9 +4480,9 @@ function GenericFilterComponent_For_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditional((tmp_11_0 = field_r1.type) === "group-title" ? 2 : 3);
 } }
 function GenericFilterComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    const _r25 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 45);
-    i0.ɵɵlistener("click", function GenericFilterComponent_Conditional_9_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.cancelFilter()); });
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 47);
+    i0.ɵɵlistener("click", function GenericFilterComponent_Conditional_9_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.cancelFilter()); });
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -4450,7 +4864,7 @@ class GenericFilterComponent {
                 const formArray = this.buildCheckBoxFormArray(field, settings);
                 this.form.addControl(field.name, formArray);
             }
-            else if (field.type === 'find-location' || field.type === 'find-service') {
+            else if (field.type === 'find-location' || field.type === 'find-service' || (field.type === 'find-work-type' && !reset)) {
                 const formArray = this.buildFormArray(field, settings);
                 this.form.addControl(field.name, formArray);
             }
@@ -4495,6 +4909,12 @@ class GenericFilterComponent {
                         this.form.get('findTaskNameControl')?.patchValue('');
                     }
                 }
+                else if (field.type === 'find-work-type') {
+                    // note: this currently just resets the form array to empty on reset
+                    // further work may be needed here if we want to repopulate with previous selections
+                    const formArray = this.buildFormArray(field, null);
+                    this.form.addControl(field.name, formArray);
+                }
                 else if (field.type !== 'group-title') {
                     const control = new FormControl(defaultValue, validators);
                     this.form.addControl(field.name, control);
@@ -4541,7 +4961,7 @@ class GenericFilterComponent {
             const values = formValues[name];
             if (Array.isArray(values)) {
                 const field = config.fields.find((f) => f.name === name);
-                if (field.type === 'find-location' || field.type === 'find-service') {
+                if (field.type === 'find-location' || field.type === 'find-service' || field.type === 'find-work-type') {
                     return { value: values, name };
                 }
                 return { value: getValues(field.options, values), name };
@@ -4714,7 +5134,7 @@ class GenericFilterComponent {
         return sortedResults;
     }
     static { this.ɵfac = function GenericFilterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GenericFilterComponent)(i0.ɵɵdirectiveInject(FilterService), i0.ɵɵdirectiveInject(i2$3.FormBuilder), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GenericFilterComponent, selectors: [["xuilib-generic-filter"]], inputs: { config: "config", settings: "settings" }, standalone: false, decls: 10, vars: 6, consts: [[3, "ngSubmit", "formGroup"], [1, "contain-classes"], [1, "govuk-section-break", "govuk-section-break--m", "govuk-section-break--visible"], [1, "govuk-grid-row"], [1, "govuk-grid-column-full"], ["type", "submit", "id", "applyFilter", 1, "govuk-button", "govuk-!-margin-right-1", "govuk-!-margin-bottom-0", 3, "disabled"], ["type", "button", "id", "cancelFilter", 1, "govuk-button", "govuk-button--secondary", "govuk-!-margin-bottom-0"], [1, "govuk-section-break", "govuk-section-break--visible", "elevated-break"], [3, "class"], [1, "govuk-form-group", "xui-generic-filter", 3, "hidden", "id", "ngClass"], [1, "xui-generic-filter__field-title"], [1, "govuk-body"], [1, "govuk-hint", 3, "id"], [1, "govuk-error-message", 3, "id"], [1, "govuk-select", 3, "name", "id", "formControlName"], [1, "govuk-checkboxes", "govuk-checkboxes--small", 3, "formGroupName", "id"], [1, "govuk-checkboxes", 3, "formGroupName", "id"], [1, "govuk-radios"], ["subTitle", "", 3, "submitted", "disabled", "domain", "findPersonGroup", "selectedPerson", "userIncluded", "placeholderContent", "services"], [3, "form", "fields", "locationTitle", "enableAddLocationButton", "disabled", "disableInputField", "submitted", "field", "services", "formSubmissionEvent$"], ["subTitle", "", 3, "submitted", "disabled", "domain", "findTaskNameGroup", "selectedTaskName", "placeholderContent", "services"], ["type", "text", 1, "govuk-input", 3, "formControlName", "id", "readonly"], ["type", "email", 1, "govuk-input", 3, "formControlName", "id", "readonly"], [2, "margin-bottom", "0!important"], [1, "govuk-!-margin-left-2"], [1, "govuk-visually-hidden"], [1, "govuk-select", 3, "change", "name", "id", "formControlName"], ["disabled", "", "selected", "", "hidden", "", "value", ""], [3, "value"], [1, "govuk-radios__item", 3, "value"], ["selected", "", 3, "value"], [3, "label"], [1, "govuk-checkboxes__item"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "change", "formControlName", "value", "id", "name"], [1, "govuk-label", "govuk-checkboxes__label", 3, "for", "ngClass"], [1, "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "change", "formControlName", "id", "checked", "value"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["subTitle", "", 3, "personSelected", "personFieldChanged", "submitted", "disabled", "domain", "findPersonGroup", "selectedPerson", "userIncluded", "placeholderContent", "services"], [3, "locationFieldChanged", "form", "fields", "locationTitle", "enableAddLocationButton", "disabled", "disableInputField", "submitted", "field", "services", "formSubmissionEvent$"], ["subTitle", "", 3, "taskNameSelected", "taskNameFieldChanged", "submitted", "disabled", "domain", "findTaskNameGroup", "selectedTaskName", "placeholderContent", "services"], [1, "govuk-error-message"], [3, "serviceFieldChanged", "field", "form", "formSubmissionEvent$", "disabled"], ["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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GenericFilterComponent, selectors: [["xuilib-generic-filter"]], inputs: { config: "config", settings: "settings" }, standalone: false, decls: 10, vars: 6, consts: [[3, "ngSubmit", "formGroup"], [1, "contain-classes"], [1, "govuk-section-break", "govuk-section-break--m", "govuk-section-break--visible"], [1, "govuk-grid-row"], [1, "govuk-grid-column-full"], ["type", "submit", "id", "applyFilter", 1, "govuk-button", "govuk-!-margin-right-1", "govuk-!-margin-bottom-0", 3, "disabled"], ["type", "button", "id", "cancelFilter", 1, "govuk-button", "govuk-button--secondary", "govuk-!-margin-bottom-0"], [1, "govuk-section-break", "govuk-section-break--visible", "elevated-break"], [3, "class"], [1, "govuk-form-group", "xui-generic-filter", 3, "hidden", "id", "ngClass"], [1, "xui-generic-filter__field-title"], [1, "govuk-body"], [1, "govuk-hint", 3, "id"], [1, "govuk-error-message", 3, "id"], [1, "govuk-select", 3, "name", "id", "formControlName"], [1, "govuk-checkboxes", "govuk-checkboxes--small", 3, "formGroupName", "id"], [1, "govuk-checkboxes", 3, "formGroupName", "id"], [1, "govuk-radios"], ["subTitle", "", 3, "submitted", "disabled", "domain", "findPersonGroup", "selectedPerson", "userIncluded", "placeholderContent", "services"], [3, "form", "fields", "locationTitle", "enableAddLocationButton", "disabled", "disableInputField", "submitted", "field", "services", "formSubmissionEvent$"], ["subTitle", "", 3, "submitted", "disabled", "domain", "findTaskNameGroup", "selectedTaskName", "placeholderContent", "services"], [3, "form", "fields", "workTypeTitle", "enableAddWorkTypeButton", "disabled", "disableInputField", "submitted", "field", "services", "formSubmissionEvent$"], ["type", "text", 1, "govuk-input", 3, "formControlName", "id", "readonly"], ["type", "email", 1, "govuk-input", 3, "formControlName", "id", "readonly"], [2, "margin-bottom", "0!important"], [1, "govuk-!-margin-left-2"], [1, "govuk-visually-hidden"], [1, "govuk-select", 3, "change", "name", "id", "formControlName"], ["disabled", "", "selected", "", "hidden", "", "value", ""], [3, "value"], [1, "govuk-radios__item", 3, "value"], ["selected", "", 3, "value"], [3, "label"], [1, "govuk-checkboxes__item"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "change", "formControlName", "value", "id", "name"], [1, "govuk-label", "govuk-checkboxes__label", 3, "for", "ngClass"], [1, "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "change", "formControlName", "id", "checked", "value"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["subTitle", "", 3, "personSelected", "personFieldChanged", "submitted", "disabled", "domain", "findPersonGroup", "selectedPerson", "userIncluded", "placeholderContent", "services"], [3, "locationFieldChanged", "form", "fields", "locationTitle", "enableAddLocationButton", "disabled", "disableInputField", "submitted", "field", "services", "formSubmissionEvent$"], ["subTitle", "", 3, "taskNameSelected", "taskNameFieldChanged", "submitted", "disabled", "domain", "findTaskNameGroup", "selectedTaskName", "placeholderContent", "services"], [1, "govuk-error-message"], [3, "serviceFieldChanged", "field", "form", "formSubmissionEvent$", "disabled"], [3, "workTypeFieldChanged", "form", "fields", "workTypeTitle", "enableAddWorkTypeButton", "disabled", "disableInputField", "submitted", "field", "services", "formSubmissionEvent$"], ["type", "text", 1, "govuk-input", 3, "change", "formControlName", "id", "readonly"], ["type", "email", 1, "govuk-input", 3, "change", "formControlName", "id", "readonly"], ["type", "button", "id", "cancelFilter", 1, "govuk-button", "govuk-button--secondary", "govuk-!-margin-bottom-0", 3, "click"]], template: function GenericFilterComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "form", 0);
             i0.ɵɵlistener("ngSubmit", function GenericFilterComponent_Template_form_ngSubmit_0_listener() { return ctx.applyFilter(ctx.form); });
             i0.ɵɵrepeaterCreate(1, GenericFilterComponent_For_2_Template, 4, 2, "div", 1, i0.ɵɵrepeaterTrackByIdentity);
@@ -4735,11 +5155,11 @@ class GenericFilterComponent {
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 4, ctx.config.applyButtonText || "Apply"));
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.config.showCancelFilterButton ? 9 : -1);
-        } }, dependencies: [i1.NgClass, i2$3.ɵNgNoValidate, i2$3.NgSelectOption, i2$3.ɵNgSelectMultipleOption, i2$3.DefaultValueAccessor, i2$3.CheckboxControlValueAccessor, i2$3.SelectControlValueAccessor, i2$3.RadioControlValueAccessor, i2$3.NgControlStatus, i2$3.NgControlStatusGroup, i2$3.FormGroupDirective, i2$3.FormControlName, i2$3.FormGroupName, FindPersonComponent, FindLocationComponent, FindTaskNameComponent, FindServiceComponent, i1.TitleCasePipe, i2.RpxTranslatePipe, CapitalizePipe], styles: [".contain-classes .elevated-break{margin-bottom:20px}@media (min-width: 40.0625em){.contain-classes .elevated-break{margin-bottom:30px}}.contain-classes .govuk-body--maxWidth480px{max-width:480px}.contain-classes .xui-generic-filter .select-all{margin-bottom:10px}.contain-classes .xui-generic-filter .govuk-checkboxes{display:flex;flex-direction:column;flex-wrap:wrap}.contain-classes .xui-generic-filter .govuk-checkboxes>div{flex-grow:1;flex-shrink:0}.contain-classes .xui-generic-filter__field-title{display:flex;align-items:center;margin-bottom:10px}.contain-classes .govuk-select{width:100%}\n"], encapsulation: 2, changeDetection: 0 }); }
+        } }, dependencies: [i1.NgClass, i2$3.ɵNgNoValidate, i2$3.NgSelectOption, i2$3.ɵNgSelectMultipleOption, i2$3.DefaultValueAccessor, i2$3.CheckboxControlValueAccessor, i2$3.SelectControlValueAccessor, i2$3.RadioControlValueAccessor, i2$3.NgControlStatus, i2$3.NgControlStatusGroup, i2$3.FormGroupDirective, i2$3.FormControlName, i2$3.FormGroupName, FindPersonComponent, FindLocationComponent, FindTaskNameComponent, FindServiceComponent, FindWorkTypeComponent, i1.TitleCasePipe, i2.RpxTranslatePipe, CapitalizePipe], styles: [".contain-classes .elevated-break{margin-bottom:20px}@media (min-width: 40.0625em){.contain-classes .elevated-break{margin-bottom:30px}}.contain-classes .govuk-body--maxWidth480px{max-width:480px}.contain-classes .xui-generic-filter .select-all{margin-bottom:10px}.contain-classes .xui-generic-filter .govuk-checkboxes{display:flex;flex-direction:column;flex-wrap:wrap}.contain-classes .xui-generic-filter .govuk-checkboxes>div{flex-grow:1;flex-shrink:0}.contain-classes .xui-generic-filter__field-title{display:flex;align-items:center;margin-bottom:10px}.contain-classes .govuk-select{width:100%}\n"], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GenericFilterComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-generic-filter', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<form [formGroup]=\"form\" (ngSubmit)=\"applyFilter(form)\">\n  @for (field of config.fields; track field) {\n    <div class=\"contain-classes\">\n      @if (field.lineBreakBefore) {\n        <hr class=\"govuk-section-break govuk-section-break--visible elevated-break\">\n      }\n      @switch (field.type) {\n        @case ('group-title') {\n          <div [class]=\"field.titleClasses ? field.titleClasses: 'govuk-label govuk-label--m govuk-!-margin-bottom-4'\">\n            {{ field.name | capitalize }}\n          </div>\n        }\n        @default {\n          <div class=\"govuk-form-group xui-generic-filter\"\n            [hidden]=\"hidden(field, form)\"\n            [id]=\"field.name\"\n            [ngClass]=\"{'form-group-error': submitted && (form.get(field.name).errors?.required || form.get(field.name).errors?.minlength || form.get(field.name).errors?.maxLength)}\">\n            @if (field.title) {\n              <div class=\"xui-generic-filter__field-title\">\n                <h3 [class]=\"field.titleClasses ? field.titleClasses : 'govuk-heading-s'\" style=\"margin-bottom: 0!important\">\n                  {{field.title | capitalize}}\n                </h3>\n                @if (field?.titleHint) {\n                  <div class=\"govuk-!-margin-left-2\">\n                    {{ field.titleHint }}\n                  </div>\n                }\n              </div>\n            }\n            @if (field.subTitle) {\n              <p class=\"govuk-body\">{{field.subTitle}}</p>\n            }\n            @if (field.hintText) {\n              <div\n                [id]=\"field.hintText + '-hint'\" class=\"govuk-hint\">\n                {{ field.hintText | rpxTranslate }}\n              </div>\n            }\n            @if (field.displayMinSelectedError && submitted && (form.get(field.name).errors?.required || form.get(field.name).errors?.minlength)) {\n              <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\">\n                <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate}}</span> {{field.minSelectedError | rpxTranslate }}\n              </span>\n            }\n            @if (field.displayMaxSelectedError && submitted && form.get(field.name).errors?.maxLength) {\n              <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\">\n                <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate}}</span> {{field.maxSelectedError | rpxTranslate }}\n              </span>\n            }\n            @if (field.emailError && submitted && form.get(field.name).errors?.email) {\n              <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\"\n                >\n                <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }}</span> {{field.emailError | rpxTranslate }}\n              </span>\n            }\n            <div class=\"govuk-body\"  [class.govuk-body--maxWidth480px]=\"field.maxWidth480px\">\n              @switch (field.type) {\n                @case ('select') {\n                  <select class=\"govuk-select\" (change)=\"fieldChanged(field, form)\" [attr.disabled]=\"disabled(field, form)\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" [formControlName]=\"field.name\">\n                    <option disabled selected hidden value=\"\">{{field.disabledText}}</option>\n                    @if (field.defaultOption) {\n                      <option [attr.selected]=\"true\" [value]=\"field.defaultOption.key\">{{field.defaultOption.label}}</option>\n                    }\n                    @for (item of field.options; track item) {\n                      <option class=\"govuk-radios__item\" [value]=\"item.key\">{{item.label}}</option>\n                    }\n                  </select>\n                }\n                @case ('group-select') {\n                  <select class=\"govuk-select\" (change)=\"fieldChanged(field, form)\" [attr.disabled]=\"disabled(field, form)\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" [formControlName]=\"field.name\">\n                    <option disabled selected hidden value=\"\">{{field.disabledText}}</option>\n                    @if (field.defaultOption) {\n                      <option selected [value]=\"field.defaultOption.key\">{{field.defaultOption.label}}</option>\n                    }\n                    @for (grp of filteredSkillsByServices; track grp) {\n                      <optgroup label=\"{{grp.group | titlecase}}\">\n                        @for (item of grp.options; track item) {\n                          <option [value]=\"item.key\">{{item.label}}</option>\n                        }\n                      </optgroup>\n                    }\n                  </select>\n                }\n                @case ('checkbox') {\n                  <div class=\"govuk-checkboxes govuk-checkboxes--small\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n                    @for (item of field.options; track item; let i = $index) {\n                      <div class=\"govuk-checkboxes__item\">\n                        <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                          [attr.disabled]=\"disabled(field, form)\"\n                          [formControlName]=\"i\"\n                          (change)=\"toggleSelectAll($event, form, item, field)\"\n                          [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n                          [name]=\"'checkbox_' + field.name + item.key\"\n                          />\n                        <label\n                          [for]=\"'checkbox_' + field.name + item.key\"\n                          class=\"govuk-label govuk-checkboxes__label\"\n                          [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n                        >{{item.label}}</label>\n                      </div>\n                    }\n                  </div>\n                }\n                @case ('nested-checkbox') {\n                  <div class=\"govuk-checkboxes govuk-checkboxes--small\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n                    @for (item of filteredSkillsByServicesCheckbox; track item; let i = $index) {\n                      <div class=\"govuk-checkboxes__item\">\n                        <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                          [attr.disabled]=\"disabled(field, form)\"\n                          [formControlName]=\"i\"\n                          (change)=\"toggleSelectAll($event, form, item, field)\"\n                          [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n                          [name]=\"'checkbox_' + field.name + item.key\"\n                          />\n                        <label\n                          [for]=\"'checkbox_' + field.name + item.key\"\n                          class=\"govuk-label govuk-checkboxes__label\"\n                          [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n                        >{{item.label | rpxTranslate}}</label>\n                      </div>\n                    }\n                  </div>\n                }\n                @case ('checkbox-large') {\n                  <div class=\"govuk-checkboxes\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n                    @for (item of field.options; track item; let i = $index) {\n                      <div class=\"govuk-checkboxes__item\">\n                        <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                          [attr.disabled]=\"disabled(field, form)\"\n                          [formControlName]=\"i\"\n                          (change)=\"toggleSelectAll($event, form, item, field)\"\n                          [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n                          [name]=\"'checkbox_' + field.name + item.key\"\n                          />\n                        <label\n                          [for]=\"'checkbox_' + field.name + item.key\"\n                          class=\"govuk-label govuk-checkboxes__label\"\n                          [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n                        >{{item.label | rpxTranslate}}</label>\n                      </div>\n                    }\n                  </div>\n                }\n                @case ('radio') {\n                  <div class=\"govuk-radios\">\n                    @for (item of field.options; track item) {\n                      <div class=\"govuk-radios__item\">\n                        <input type=\"radio\"\n                          [formControlName]=\"field.name\"\n                          [id]=\"'radio_' + item.key\"\n                          [attr.disabled]=\"disabled(field, form)\"\n                          [checked]=\"item.key === form.get(field.name).value\"\n                          class=\"govuk-radios__input\"\n                          [value]=\"item.key\"\n                          (change)=\"fieldChanged(field, form)\"\n                          />\n                        <label [for]=\"'radio_' + item.key\" class=\"govuk-label govuk-radios__label\">{{item.label | rpxTranslate}}</label>\n                      </div>\n                    }\n                  </div>\n                }\n                @case ('find-person') {\n                  <xuilib-find-person subTitle=\"\" (personSelected)=\"updatePersonControls($event, field)\"\n                    (personFieldChanged)=\"inputChanged(field)\"\n                    [submitted]=\"submitted\"\n                    [disabled]=\"disabled(field, form)\"\n                    [domain]=\"form.get(field.domainField)?.value\"\n                    [findPersonGroup]=\"form\"\n                    [selectedPerson]=\"form.get(field.name)?.value?.email\"\n                    [userIncluded]=\"false\"\n                    [placeholderContent]=\"field.placeholderContent ? field.placeholderContent : ''\"\n                    [services]=\"form.get(field.servicesField)?.value\"\n                  ></xuilib-find-person>\n                }\n                @case ('find-location') {\n                  <xuilib-find-location (locationFieldChanged)=\"inputChanged(field)\"\n                    [form]=\"form\"\n                    [fields]=\"config.fields\"\n                    [locationTitle]=\"field.locationTitle\"\n                    [enableAddLocationButton]=\"field.enableAddButton\"\n                    [disabled]=\"disabled(field, form)\"\n                    [disableInputField]=\"field.disable\"\n                    [submitted]=\"submitted\"\n                    [field]=\"field\"\n                    [services]=\"form.get(field.findLocationField)?.value\"\n                    [formSubmissionEvent$]=\"formSubmissionEvent$\"\n                  ></xuilib-find-location>\n                }\n                @case ('find-task-name') {\n                  <xuilib-find-task-name subTitle=\"\" (taskNameSelected)=\"updateTaskNameControls($event, field)\"\n                    (taskNameFieldChanged)=\"inputChanged(field)\"\n                    [submitted]=\"submitted\"\n                    [disabled]=\"disabled(field, form)\"\n                    [domain]=\"form.get(field.domainField)?.value\"\n                    [findTaskNameGroup]=\"form\"\n                    [selectedTaskName]=\"form.get(field.name)?.value?.task_type_name\"\n                    [placeholderContent]=\"field.placeholderContent ? field.placeholderContent : ''\"\n                    [services]=\"form.get(field.servicesField)?.value\"\n                  ></xuilib-find-task-name>\n                }\n                @case ('find-service') {\n                  @if (isServiceSelected) {\n                    <span class=\"govuk-error-message\">{{serviceErrorMsg | rpxTranslate}}</span>\n                  }\n                  <xuilib-find-service (serviceFieldChanged)=\"inputServiceChanged(field)\"\n                    [field]=\"field\"\n                    [form]=\"form\"\n                    [formSubmissionEvent$]=\"formSubmissionEvent$\"\n                    [disabled]=\"disabled(field, form)\">\n                  </xuilib-find-service>\n                }\n                @case ('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                }\n                @case ('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                }\n              }\n            </div>\n          </div>\n        }\n      }\n    </div>\n  }\n  <hr class=\"govuk-section-break govuk-section-break--m govuk-section-break--visible\"/>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-full\">\n      <button\n        class=\"govuk-button govuk-!-margin-right-1 govuk-!-margin-bottom-0\"\n        type=\"submit\"\n        id=\"applyFilter\"\n        [disabled]=\"config.enableDisabledButton && form.invalid\"\n      >{{(config.applyButtonText || 'Apply') | rpxTranslate}}</button>\n      @if (config.showCancelFilterButton) {\n        <button\n          class=\"govuk-button govuk-button--secondary govuk-!-margin-bottom-0\"\n          type=\"button\"\n          id=\"cancelFilter\"\n        (click)=\"cancelFilter()\">{{ (config.cancelButtonText || 'Cancel') | rpxTranslate}}</button>\n      }\n    </div>\n  </div>\n</form>\n", styles: [".contain-classes .elevated-break{margin-bottom:20px}@media (min-width: 40.0625em){.contain-classes .elevated-break{margin-bottom:30px}}.contain-classes .govuk-body--maxWidth480px{max-width:480px}.contain-classes .xui-generic-filter .select-all{margin-bottom:10px}.contain-classes .xui-generic-filter .govuk-checkboxes{display:flex;flex-direction:column;flex-wrap:wrap}.contain-classes .xui-generic-filter .govuk-checkboxes>div{flex-grow:1;flex-shrink:0}.contain-classes .xui-generic-filter__field-title{display:flex;align-items:center;margin-bottom:10px}.contain-classes .govuk-select{width:100%}\n"] }]
+        args: [{ selector: 'xuilib-generic-filter', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<form [formGroup]=\"form\" (ngSubmit)=\"applyFilter(form)\">\n  @for (field of config.fields; track field) {\n    <div class=\"contain-classes\">\n      @if (field.lineBreakBefore) {\n        <hr class=\"govuk-section-break govuk-section-break--visible elevated-break\">\n      }\n      @switch (field.type) {\n        @case ('group-title') {\n          <div [class]=\"field.titleClasses ? field.titleClasses: 'govuk-label govuk-label--m govuk-!-margin-bottom-4'\">\n            {{ field.name | capitalize }}\n          </div>\n        }\n        @default {\n          <div class=\"govuk-form-group xui-generic-filter\"\n            [hidden]=\"hidden(field, form)\"\n            [id]=\"field.name\"\n            [ngClass]=\"{'form-group-error': submitted && (form.get(field.name).errors?.required || form.get(field.name).errors?.minlength || form.get(field.name).errors?.maxLength)}\">\n            @if (field.title) {\n              <div class=\"xui-generic-filter__field-title\">\n                <h3 [class]=\"field.titleClasses ? field.titleClasses : 'govuk-heading-s'\" style=\"margin-bottom: 0!important\">\n                  {{field.title | capitalize}}\n                </h3>\n                @if (field?.titleHint) {\n                  <div class=\"govuk-!-margin-left-2\">\n                    {{ field.titleHint }}\n                  </div>\n                }\n              </div>\n            }\n            @if (field.subTitle) {\n              <p class=\"govuk-body\">{{field.subTitle}}</p>\n            }\n            @if (field.hintText) {\n              <div\n                [id]=\"field.hintText + '-hint'\" class=\"govuk-hint\">\n                {{ field.hintText | rpxTranslate }}\n              </div>\n            }\n            @if (field.displayMinSelectedError && submitted && (form.get(field.name).errors?.required || form.get(field.name).errors?.minlength)) {\n              <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\">\n                <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate}}</span> {{field.minSelectedError | rpxTranslate }}\n              </span>\n            }\n            @if (field.displayMaxSelectedError && submitted && form.get(field.name).errors?.maxLength) {\n              <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\">\n                <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate}}</span> {{field.maxSelectedError | rpxTranslate }}\n              </span>\n            }\n            @if (field.emailError && submitted && form.get(field.name).errors?.email) {\n              <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\"\n                >\n                <span class=\"govuk-visually-hidden\">{{ 'Error:' | rpxTranslate }}</span> {{field.emailError | rpxTranslate }}\n              </span>\n            }\n            <div class=\"govuk-body\"  [class.govuk-body--maxWidth480px]=\"field.maxWidth480px\">\n              @switch (field.type) {\n                @case ('select') {\n                  <select class=\"govuk-select\" (change)=\"fieldChanged(field, form)\" [attr.disabled]=\"disabled(field, form)\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" [formControlName]=\"field.name\">\n                    <option disabled selected hidden value=\"\">{{field.disabledText}}</option>\n                    @if (field.defaultOption) {\n                      <option [attr.selected]=\"true\" [value]=\"field.defaultOption.key\">{{field.defaultOption.label}}</option>\n                    }\n                    @for (item of field.options; track item) {\n                      <option class=\"govuk-radios__item\" [value]=\"item.key\">{{item.label}}</option>\n                    }\n                  </select>\n                }\n                @case ('group-select') {\n                  <select class=\"govuk-select\" (change)=\"fieldChanged(field, form)\" [attr.disabled]=\"disabled(field, form)\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" [formControlName]=\"field.name\">\n                    <option disabled selected hidden value=\"\">{{field.disabledText}}</option>\n                    @if (field.defaultOption) {\n                      <option selected [value]=\"field.defaultOption.key\">{{field.defaultOption.label}}</option>\n                    }\n                    @for (grp of filteredSkillsByServices; track grp) {\n                      <optgroup label=\"{{grp.group | titlecase}}\">\n                        @for (item of grp.options; track item) {\n                          <option [value]=\"item.key\">{{item.label}}</option>\n                        }\n                      </optgroup>\n                    }\n                  </select>\n                }\n                @case ('checkbox') {\n                  <div class=\"govuk-checkboxes govuk-checkboxes--small\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n                    @for (item of field.options; track item; let i = $index) {\n                      <div class=\"govuk-checkboxes__item\">\n                        <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                          [attr.disabled]=\"disabled(field, form)\"\n                          [formControlName]=\"i\"\n                          (change)=\"toggleSelectAll($event, form, item, field)\"\n                          [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n                          [name]=\"'checkbox_' + field.name + item.key\"\n                          />\n                        <label\n                          [for]=\"'checkbox_' + field.name + item.key\"\n                          class=\"govuk-label govuk-checkboxes__label\"\n                          [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n                        >{{item.label}}</label>\n                      </div>\n                    }\n                  </div>\n                }\n                @case ('nested-checkbox') {\n                  <div class=\"govuk-checkboxes govuk-checkboxes--small\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n                    @for (item of filteredSkillsByServicesCheckbox; track item; let i = $index) {\n                      <div class=\"govuk-checkboxes__item\">\n                        <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                          [attr.disabled]=\"disabled(field, form)\"\n                          [formControlName]=\"i\"\n                          (change)=\"toggleSelectAll($event, form, item, field)\"\n                          [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n                          [name]=\"'checkbox_' + field.name + item.key\"\n                          />\n                        <label\n                          [for]=\"'checkbox_' + field.name + item.key\"\n                          class=\"govuk-label govuk-checkboxes__label\"\n                          [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n                        >{{item.label | rpxTranslate}}</label>\n                      </div>\n                    }\n                  </div>\n                }\n                @case ('checkbox-large') {\n                  <div class=\"govuk-checkboxes\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n                    @for (item of field.options; track item; let i = $index) {\n                      <div class=\"govuk-checkboxes__item\">\n                        <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                          [attr.disabled]=\"disabled(field, form)\"\n                          [formControlName]=\"i\"\n                          (change)=\"toggleSelectAll($event, form, item, field)\"\n                          [value]=\"item.key\" [id]=\"'checkbox_' + field.name + item.key\"\n                          [name]=\"'checkbox_' + field.name + item.key\"\n                          />\n                        <label\n                          [for]=\"'checkbox_' + field.name + item.key\"\n                          class=\"govuk-label govuk-checkboxes__label\"\n                          [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n                        >{{item.label | rpxTranslate}}</label>\n                      </div>\n                    }\n                  </div>\n                }\n                @case ('radio') {\n                  <div class=\"govuk-radios\">\n                    @for (item of field.options; track item) {\n                      <div class=\"govuk-radios__item\">\n                        <input type=\"radio\"\n                          [formControlName]=\"field.name\"\n                          [id]=\"'radio_' + item.key\"\n                          [attr.disabled]=\"disabled(field, form)\"\n                          [checked]=\"item.key === form.get(field.name).value\"\n                          class=\"govuk-radios__input\"\n                          [value]=\"item.key\"\n                          (change)=\"fieldChanged(field, form)\"\n                          />\n                        <label [for]=\"'radio_' + item.key\" class=\"govuk-label govuk-radios__label\">{{item.label | rpxTranslate}}</label>\n                      </div>\n                    }\n                  </div>\n                }\n                @case ('find-person') {\n                  <xuilib-find-person subTitle=\"\" (personSelected)=\"updatePersonControls($event, field)\"\n                    (personFieldChanged)=\"inputChanged(field)\"\n                    [submitted]=\"submitted\"\n                    [disabled]=\"disabled(field, form)\"\n                    [domain]=\"form.get(field.domainField)?.value\"\n                    [findPersonGroup]=\"form\"\n                    [selectedPerson]=\"form.get(field.name)?.value?.email\"\n                    [userIncluded]=\"false\"\n                    [placeholderContent]=\"field.placeholderContent ? field.placeholderContent : ''\"\n                    [services]=\"form.get(field.servicesField)?.value\"\n                  ></xuilib-find-person>\n                }\n                @case ('find-location') {\n                  <xuilib-find-location (locationFieldChanged)=\"inputChanged(field)\"\n                    [form]=\"form\"\n                    [fields]=\"config.fields\"\n                    [locationTitle]=\"field.locationTitle\"\n                    [enableAddLocationButton]=\"field.enableAddButton\"\n                    [disabled]=\"disabled(field, form)\"\n                    [disableInputField]=\"field.disable\"\n                    [submitted]=\"submitted\"\n                    [field]=\"field\"\n                    [services]=\"form.get(field.findLocationField)?.value\"\n                    [formSubmissionEvent$]=\"formSubmissionEvent$\"\n                  ></xuilib-find-location>\n                }\n                @case ('find-task-name') {\n                  <xuilib-find-task-name subTitle=\"\" (taskNameSelected)=\"updateTaskNameControls($event, field)\"\n                    (taskNameFieldChanged)=\"inputChanged(field)\"\n                    [submitted]=\"submitted\"\n                    [disabled]=\"disabled(field, form)\"\n                    [domain]=\"form.get(field.domainField)?.value\"\n                    [findTaskNameGroup]=\"form\"\n                    [selectedTaskName]=\"form.get(field.name)?.value?.task_type_name\"\n                    [placeholderContent]=\"field.placeholderContent ? field.placeholderContent : ''\"\n                    [services]=\"form.get(field.servicesField)?.value\"\n                  ></xuilib-find-task-name>\n                }\n                @case ('find-service') {\n                  @if (isServiceSelected) {\n                    <span class=\"govuk-error-message\">{{serviceErrorMsg | rpxTranslate}}</span>\n                  }\n                  <xuilib-find-service (serviceFieldChanged)=\"inputServiceChanged(field)\"\n                    [field]=\"field\"\n                    [form]=\"form\"\n                    [formSubmissionEvent$]=\"formSubmissionEvent$\"\n                    [disabled]=\"disabled(field, form)\">\n                  </xuilib-find-service>\n                }\n                @case ('find-work-type') {\n                  <xuilib-find-work-type (workTypeFieldChanged)=\"inputChanged(field)\"\n                    [form]=\"form\"\n                    [fields]=\"config.fields\"\n                    [workTypeTitle]=\"field.workTypeTitle\"\n                    [enableAddWorkTypeButton]=\"field.enableAddButton\"\n                    [disabled]=\"disabled(field, form)\"\n                    [disableInputField]=\"field.disable\"\n                    [submitted]=\"submitted\"\n                    [field]=\"field\"\n                    [services]=\"form.get(field.findWorkTypeField)?.value\"\n                    [formSubmissionEvent$]=\"formSubmissionEvent$\"\n                  ></xuilib-find-work-type>\n                }\n                @case ('text-input') {\n                  <input class=\"govuk-input\" type=\"text\"\n                    [formControlName]=\"field.name\"\n                    [id]=\"field.name\"\n                    [attr.disabled]=\"disabled(field, form)\"\n                    (change)=\"fieldChanged(field, form)\"\n                    [attr.maxlength]=\"field.maxlength ? field.maxlength : null\"\n                    [readonly]=\"field.readonly\"\n                    />\n                }\n                @case ('email-input') {\n                  <input class=\"govuk-input\" type=\"email\"\n                    [formControlName]=\"field.name\"\n                    [id]=\"field.name\"\n                    [attr.disabled]=\"disabled(field, form)\"\n                    (change)=\"fieldChanged(field, form)\"\n                    [readonly]=\"field.readonly\"\n                    />\n                }\n              }\n            </div>\n          </div>\n        }\n      }\n    </div>\n  }\n  <hr class=\"govuk-section-break govuk-section-break--m govuk-section-break--visible\"/>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-full\">\n      <button\n        class=\"govuk-button govuk-!-margin-right-1 govuk-!-margin-bottom-0\"\n        type=\"submit\"\n        id=\"applyFilter\"\n        [disabled]=\"config.enableDisabledButton && form.invalid\"\n      >{{(config.applyButtonText || 'Apply') | rpxTranslate}}</button>\n      @if (config.showCancelFilterButton) {\n        <button\n          class=\"govuk-button govuk-button--secondary govuk-!-margin-bottom-0\"\n          type=\"button\"\n          id=\"cancelFilter\"\n        (click)=\"cancelFilter()\">{{ (config.cancelButtonText || 'Cancel') | rpxTranslate}}</button>\n      }\n    </div>\n  </div>\n</form>\n", styles: [".contain-classes .elevated-break{margin-bottom:20px}@media (min-width: 40.0625em){.contain-classes .elevated-break{margin-bottom:30px}}.contain-classes .govuk-body--maxWidth480px{max-width:480px}.contain-classes .xui-generic-filter .select-all{margin-bottom:10px}.contain-classes .xui-generic-filter .govuk-checkboxes{display:flex;flex-direction:column;flex-wrap:wrap}.contain-classes .xui-generic-filter .govuk-checkboxes>div{flex-grow:1;flex-shrink:0}.contain-classes .xui-generic-filter__field-title{display:flex;align-items:center;margin-bottom:10px}.contain-classes .govuk-select{width:100%}\n"] }]
     }], () => [{ type: FilterService }, { type: i2$3.FormBuilder }, { type: i0.ChangeDetectorRef }], { config: [{
             type: Input
         }], settings: [{
@@ -5657,7 +6077,7 @@ function SelectedCaseComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
 function SelectedCaseComponent_Conditional_19_For_17_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "a", 27);
-    i0.ɵɵlistener("click", function SelectedCaseComponent_Conditional_19_For_17_Conditional_8_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r3); const user_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onRemove(user_r4, ctx_r1.sharedCase)); });
+    i0.ɵɵlistener("click", function SelectedCaseComponent_Conditional_19_For_17_Conditional_8_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r3); const user_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.onRemove(user_r4, ctx_r1.sharedCase); return i0.ɵɵresetView($event.preventDefault()); });
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementStart(3, "span", 28);
@@ -5674,7 +6094,7 @@ function SelectedCaseComponent_Conditional_19_For_17_Conditional_8_Template(rf,
 function SelectedCaseComponent_Conditional_19_For_17_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "a", 27);
-    i0.ɵɵlistener("click", function SelectedCaseComponent_Conditional_19_For_17_Conditional_10_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r5); const user_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCancel(user_r4, ctx_r1.sharedCase)); });
+    i0.ɵɵlistener("click", function SelectedCaseComponent_Conditional_19_For_17_Conditional_10_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const user_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.onCancel(user_r4, ctx_r1.sharedCase); return i0.ɵɵresetView($event.preventDefault()); });
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementStart(3, "span", 28);
@@ -5925,7 +6345,7 @@ class SelectedCaseComponent {
         return `${elementName}-${this.sharedCase.caseId}`;
     }
     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" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 20, vars: 25, consts: [[1, "govuk-accordion__section", 3, "id"], [1, "govuk-grid-row", "govuk-case-header"], [1, "govuk-grid-column-three-quarters"], [1, "govuk-case-title", 3, "id"], [1, "govuk-case-sub-title", 3, "id"], [1, "govuk-grid-column-ten-percent"], ["title", "Deselect case", 1, "govuk-button", "hmcts-button--secondary", 3, "id"], [1, "govuk-accordion__section-header", "govuk-grid-column-ten-percent"], [1, "govuk-accordion__section-heading"], ["type", "button", "aria-expanded", "false", 1, "govuk-accordion__section-button", 3, "id", "title"], ["aria-hidden", "true", 1, "govuk-accordion__icon"], [1, "govuk-accordion__section-content", 3, "id"], [1, "govuk-grid-row"], [1, "govuk-table"], ["title", "Deselect case", 1, "govuk-button", "hmcts-button--secondary", 3, "click", "id"], [1, "govuk-div-align-left", 3, "id"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-header", 3, "id"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-actions", 3, "id"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-label", 3, "id"], [1, "govuk-table__body"], [1, "govuk-table__cell", 3, "id"], [1, "govuk-table__cell"], ["href", "javascript:void(0);"], [1, "hmcts-badge", "hmcts-badge--red"], [1, "hmcts-badge"], ["href", "javascript:void(0);", 3, "click"], [1, "govuk-visually-hidden"]], template: function SelectedCaseComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectedCaseComponent, selectors: [["xuilib-selected-case"]], inputs: { sharedCase: "sharedCase", selectedUser: "selectedUser", opened: "opened", removeUserFromCaseToggleOn: "removeUserFromCaseToggleOn", caseCount: "caseCount" }, outputs: { unselect: "unselect", synchronizeStore: "synchronizeStore" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 20, vars: 25, consts: [[1, "govuk-accordion__section", 3, "id"], [1, "govuk-grid-row", "govuk-case-header"], [1, "govuk-grid-column-three-quarters"], [1, "govuk-case-title", 3, "id"], [1, "govuk-case-sub-title", 3, "id"], [1, "govuk-grid-column-ten-percent"], ["title", "Deselect case", 1, "govuk-button", "hmcts-button--secondary", 3, "id"], [1, "govuk-accordion__section-header", "govuk-grid-column-ten-percent"], [1, "govuk-accordion__section-heading"], ["type", "button", "aria-expanded", "false", 1, "govuk-accordion__section-button", 3, "id", "title"], ["aria-hidden", "true", 1, "govuk-accordion__icon"], [1, "govuk-accordion__section-content", 3, "id"], [1, "govuk-grid-row"], [1, "govuk-table"], ["title", "Deselect case", 1, "govuk-button", "hmcts-button--secondary", 3, "click", "id"], [1, "govuk-div-align-left", 3, "id"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-header", 3, "id"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-actions", 3, "id"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-label", 3, "id"], [1, "govuk-table__body"], [1, "govuk-table__cell", 3, "id"], [1, "govuk-table__cell"], ["href", "#"], [1, "hmcts-badge", "hmcts-badge--red"], [1, "hmcts-badge"], ["href", "#", 3, "click"], [1, "govuk-visually-hidden"]], template: function SelectedCaseComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h3", 3);
             i0.ɵɵtext(4);
             i0.ɵɵpipe(5, "rpxTranslate");
@@ -5974,7 +6394,7 @@ class SelectedCaseComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectedCaseComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-selected-case', standalone: false, template: "<div id=\"{{buildElementId('govuk-accordion__section')}}\" class=\"govuk-accordion__section\">\n  <div class=\"govuk-grid-row govuk-case-header\">\n    <div class=\"govuk-grid-column-three-quarters\">\n      <h3 id=\"{{buildElementId('case-title')}}\" class=\"govuk-case-title\">{{ sharedCase.caseTitle | rpxTranslate }}</h3>\n      <h3 id=\"{{buildElementId('case-id')}}\" class=\"govuk-case-sub-title\">{{ sharedCase.caseId | rpxTranslate }}</h3>\n    </div>\n    <div class=\"govuk-grid-column-ten-percent\">\n      @if (caseCount > 1) {\n        <button\n          id=\"{{buildElementId('btn-deselect-case')}}\"\n          class=\"govuk-button hmcts-button--secondary\"\n          (click)=\"onDeselect(sharedCase)\" title=\"Deselect case\">\n          {{'Deselect case' | rpxTranslate}}\n        </button>\n      }\n    </div>\n    <div class=\"govuk-accordion__section-header govuk-grid-column-ten-percent\">\n      <div class=\"govuk-accordion__section-heading\">\n        <button type=\"button\" id=\"{{buildElementId('accordion-with-summary-sections-heading')}}\"\n          [attr.aria-controls]=\"'accordion-with-summary-sections-content' + buildElementId('accordion-with-summary-sections-heading')\" class=\"govuk-accordion__section-button\"\n          aria-expanded=\"false\" [title]=\"'Expand or Collapse' | rpxTranslate\">\n          <span class=\"govuk-accordion__icon\" aria-hidden=\"true\"></span></button>\n        </div>\n      </div>\n    </div>\n    <div id=\"{{buildElementId('accordion-with-summary-sections-content')}}\" class=\"govuk-accordion__section-content\"\n      [attr.aria-labelledby]=\"buildElementId('accordion-with-summary-sections-heading')\" >\n      @if (showNoUsersAccessInfo()) {\n        <div class=\"govuk-grid-row\">\n          <span id=\"{{buildElementId('access-info-no-user')}}\" class=\"govuk-div-align-left\">\n            {{'No users from your organisation currently have access to this case.' | rpxTranslate}}\n          </span>\n        </div>\n      }\n      @if (showUserHasAccessInfo()) {\n        <div class=\"govuk-grid-row\">\n          <span id=\"{{buildElementId('access-info-has-users')}}\" class=\"govuk-div-align-left\">\n            {{'Users from your organisation with access to this case.' | rpxTranslate}}\n          </span>\n        </div>\n      }\n      @if (showUserAccessTable()) {\n        <table class=\"govuk-table\">\n          <thead class=\"govuk-table__head\">\n            <tr class=\"govuk-table__row\">\n              <th id=\"{{buildElementId('name-heading')}}\" class=\"govuk-table__header govuk-table-column-header\" scope=\"col\">{{'Name' | rpxTranslate}}</th>\n              <th id=\"{{buildElementId('email-heading')}}\" class=\"govuk-table__header govuk-table-column-header\" scope=\"col\">{{'Email address' | rpxTranslate}}</th>\n              <th id=\"{{buildElementId('action-heading')}}\" class=\"govuk-table__header govuk-table-column-actions\" scope=\"col\">{{'Actions' | rpxTranslate}}</th>\n              <th id=\"{{buildElementId('label-heading')}}\" class=\"govuk-table__header govuk-table-column-label\" scope=\"col\">{{ 'Status' | rpxTranslate }}</th>\n            </tr>\n          </thead>\n          <tbody class=\"govuk-table__body\">\n            @for (user of combinedSortedShares; track trackByUserId(user); let idx = $index) {\n              <tr class=\"govuk-table__row\">\n                <td id=\"user-full-name-{{ userIdSetter(canCancel(sharedCase.caseId, user) | async, idx) }}\" class=\"govuk-table__cell\">{{ user.firstName + ' ' + user.lastName }}</td>\n                <td id=\"user-email-{{ userIdSetter(canCancel(sharedCase.caseId, user) | async, idx) }}\" class=\"govuk-table__cell\">{{ user.email }}</td>\n                <td class=\"govuk-table__cell\">\n                  @if (canRemove(sharedCase.caseId, user) | async) {\n                    <a (click)=\"onRemove(user, sharedCase)\" href=\"javascript:void(0);\">{{'Remove' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{ user.firstName + ' ' + user.lastName }} {{'from case' | rpxTranslate}}</span></a>\n                  }\n                  @if (canCancel(sharedCase.caseId, user) | async) {\n                    <a (click)=\"onCancel(user, sharedCase)\" href=\"javascript:void(0);\">{{'Cancel' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'adding' | rpxTranslate}} {{ user.firstName + ' ' + user.lastName }} {{'to case' | rpxTranslate}}</span></a>\n                  }\n                </td>\n                <td class=\"govuk-table__cell\">\n                  @if (isToBeRemoved(sharedCase.caseId, user) | async) {\n                    <span class=\"hmcts-badge hmcts-badge--red\">{{'To be removed' | rpxTranslate}}</span>\n                  }\n                  @if (isToBeAdded(sharedCase.caseId, user) | async) {\n                    <span class=\"hmcts-badge\">{{'To be added' | rpxTranslate}}</span>\n                  }\n                </td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      }\n    </div>\n  </div>\n", styles: [".govuk-case-header{border-top:1px solid #bfc1c3}.govuk-case-title{font-family:nta,Arial,sans-serif;font-size:24px;color:#005ea5;font-weight:700;padding-left:0}.govuk-case-sub-title{font-family:nta,Arial,sans-serif;font-size:1rem!important;color:#6f777b;font-weight:400;padding-left:0}.govuk-grid-row{margin-left:0;margin-right:0}.govuk-grid-column-three-quarters{padding-top:5px;padding-left:0}.govuk-grid-column-twenty-percent{box-sizing:border-box;padding-top:10px;width:20%;float:left}.govuk-grid-column-ten-percent{box-sizing:border-box;padding-top:10px;width:10%;float:left}.govuk-grid-column-five-percent{box-sizing:border-box;padding-top:15px;width:5%;float:left}.govuk-table-column-header{width:38%}.govuk-table-column-actions,.govuk-table-column-label{width:12%}.govuk-div-align-left{font-family:nta,Arial,sans-serif;font-size:1.1875rem!important;line-height:1.31579!important;text-align:left;margin-bottom:20px;padding-left:0;color:#0b0c0c}.govuk-accordion__section-header{border-top:0}.govuk-accordion__section-content{padding-top:0}.govuk-accordion__section-heading,.govuk-accordion__section-button{border-top:0}\n"] }]
+        args: [{ selector: 'xuilib-selected-case', standalone: false, template: "<div id=\"{{buildElementId('govuk-accordion__section')}}\" class=\"govuk-accordion__section\">\n  <div class=\"govuk-grid-row govuk-case-header\">\n    <div class=\"govuk-grid-column-three-quarters\">\n      <h3 id=\"{{buildElementId('case-title')}}\" class=\"govuk-case-title\">{{ sharedCase.caseTitle | rpxTranslate }}</h3>\n      <h3 id=\"{{buildElementId('case-id')}}\" class=\"govuk-case-sub-title\">{{ sharedCase.caseId | rpxTranslate }}</h3>\n    </div>\n    <div class=\"govuk-grid-column-ten-percent\">\n      @if (caseCount > 1) {\n        <button\n          id=\"{{buildElementId('btn-deselect-case')}}\"\n          class=\"govuk-button hmcts-button--secondary\"\n          (click)=\"onDeselect(sharedCase)\" title=\"Deselect case\">\n          {{'Deselect case' | rpxTranslate}}\n        </button>\n      }\n    </div>\n    <div class=\"govuk-accordion__section-header govuk-grid-column-ten-percent\">\n      <div class=\"govuk-accordion__section-heading\">\n        <button type=\"button\" id=\"{{buildElementId('accordion-with-summary-sections-heading')}}\"\n          [attr.aria-controls]=\"'accordion-with-summary-sections-content' + buildElementId('accordion-with-summary-sections-heading')\" class=\"govuk-accordion__section-button\"\n          aria-expanded=\"false\" [title]=\"'Expand or Collapse' | rpxTranslate\">\n          <span class=\"govuk-accordion__icon\" aria-hidden=\"true\"></span></button>\n        </div>\n      </div>\n    </div>\n    <div id=\"{{buildElementId('accordion-with-summary-sections-content')}}\" class=\"govuk-accordion__section-content\"\n      [attr.aria-labelledby]=\"buildElementId('accordion-with-summary-sections-heading')\" >\n      @if (showNoUsersAccessInfo()) {\n        <div class=\"govuk-grid-row\">\n          <span id=\"{{buildElementId('access-info-no-user')}}\" class=\"govuk-div-align-left\">\n            {{'No users from your organisation currently have access to this case.' | rpxTranslate}}\n          </span>\n        </div>\n      }\n      @if (showUserHasAccessInfo()) {\n        <div class=\"govuk-grid-row\">\n          <span id=\"{{buildElementId('access-info-has-users')}}\" class=\"govuk-div-align-left\">\n            {{'Users from your organisation with access to this case.' | rpxTranslate}}\n          </span>\n        </div>\n      }\n      @if (showUserAccessTable()) {\n        <table class=\"govuk-table\">\n          <thead class=\"govuk-table__head\">\n            <tr class=\"govuk-table__row\">\n              <th id=\"{{buildElementId('name-heading')}}\" class=\"govuk-table__header govuk-table-column-header\" scope=\"col\">{{'Name' | rpxTranslate}}</th>\n              <th id=\"{{buildElementId('email-heading')}}\" class=\"govuk-table__header govuk-table-column-header\" scope=\"col\">{{'Email address' | rpxTranslate}}</th>\n              <th id=\"{{buildElementId('action-heading')}}\" class=\"govuk-table__header govuk-table-column-actions\" scope=\"col\">{{'Actions' | rpxTranslate}}</th>\n              <th id=\"{{buildElementId('label-heading')}}\" class=\"govuk-table__header govuk-table-column-label\" scope=\"col\">{{ 'Status' | rpxTranslate }}</th>\n            </tr>\n          </thead>\n          <tbody class=\"govuk-table__body\">\n            @for (user of combinedSortedShares; track trackByUserId(user); let idx = $index) {\n              <tr class=\"govuk-table__row\">\n                <td id=\"user-full-name-{{ userIdSetter(canCancel(sharedCase.caseId, user) | async, idx) }}\" class=\"govuk-table__cell\">{{ user.firstName + ' ' + user.lastName }}</td>\n                <td id=\"user-email-{{ userIdSetter(canCancel(sharedCase.caseId, user) | async, idx) }}\" class=\"govuk-table__cell\">{{ user.email }}</td>\n                <td class=\"govuk-table__cell\">\n                  @if (canRemove(sharedCase.caseId, user) | async) {\n                    <a (click)=\"onRemove(user, sharedCase); $event.preventDefault()\" href=\"#\">{{'Remove' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{ user.firstName + ' ' + user.lastName }} {{'from case' | rpxTranslate}}</span></a>\n                  }\n                  @if (canCancel(sharedCase.caseId, user) | async) {\n                    <a (click)=\"onCancel(user, sharedCase); $event.preventDefault()\" href=\"#\">{{'Cancel' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'adding' | rpxTranslate}} {{ user.firstName + ' ' + user.lastName }} {{'to case' | rpxTranslate}}</span></a>\n                  }\n                </td>\n                <td class=\"govuk-table__cell\">\n                  @if (isToBeRemoved(sharedCase.caseId, user) | async) {\n                    <span class=\"hmcts-badge hmcts-badge--red\">{{'To be removed' | rpxTranslate}}</span>\n                  }\n                  @if (isToBeAdded(sharedCase.caseId, user) | async) {\n                    <span class=\"hmcts-badge\">{{'To be added' | rpxTranslate}}</span>\n                  }\n                </td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      }\n    </div>\n  </div>\n", styles: [".govuk-case-header{border-top:1px solid #bfc1c3}.govuk-case-title{font-family:nta,Arial,sans-serif;font-size:24px;color:#005ea5;font-weight:700;padding-left:0}.govuk-case-sub-title{font-family:nta,Arial,sans-serif;font-size:1rem!important;color:#6f777b;font-weight:400;padding-left:0}.govuk-grid-row{margin-left:0;margin-right:0}.govuk-grid-column-three-quarters{padding-top:5px;padding-left:0}.govuk-grid-column-twenty-percent{box-sizing:border-box;padding-top:10px;width:20%;float:left}.govuk-grid-column-ten-percent{box-sizing:border-box;padding-top:10px;width:10%;float:left}.govuk-grid-column-five-percent{box-sizing:border-box;padding-top:15px;width:5%;float:left}.govuk-table-column-header{width:38%}.govuk-table-column-actions,.govuk-table-column-label{width:12%}.govuk-div-align-left{font-family:nta,Arial,sans-serif;font-size:1.1875rem!important;line-height:1.31579!important;text-align:left;margin-bottom:20px;padding-left:0;color:#0b0c0c}.govuk-accordion__section-header{border-top:0}.govuk-accordion__section-content{padding-top:0}.govuk-accordion__section-heading,.govuk-accordion__section-button{border-top:0}\n"] }]
     }], () => [{ type: CaseSharingStateService }], { sharedCase: [{
             type: Input
         }], selectedUser: [{
@@ -7884,7 +8304,7 @@ class CookieBannerComponent {
 function PaginationComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "a", 7);
-    i0.ɵɵlistener("click", function PaginationComponent_Conditional_6_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onPrevious()); });
+    i0.ɵɵlistener("click", function PaginationComponent_Conditional_6_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.onPrevious(); return i0.ɵɵresetView($event == null ? null : $event.preventDefault()); });
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -7904,7 +8324,7 @@ function PaginationComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
 function PaginationComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "a", 7);
-    i0.ɵɵlistener("click", function PaginationComponent_Conditional_9_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNext()); });
+    i0.ɵɵlistener("click", function PaginationComponent_Conditional_9_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.onNext(); return i0.ɵɵresetView($event == null ? null : $event.preventDefault()); });
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "rpxTranslate");
     i0.ɵɵelementEnd();
@@ -7933,7 +8353,7 @@ class PaginationComponent {
         this.nextPage.emit(null);
     }
     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" }, standalone: false, decls: 11, vars: 5, consts: [["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"], ["href", "javascript:void(0)", 1, "hmcts-pagination__link"], [1, "hmcts-pagination__link"], [1, "hmcts-pagination__item", "hmcts-pagination__item--next"], ["href", "javascript:void(0)", 1, "hmcts-pagination__link", 3, "click"]], template: function PaginationComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaginationComponent, selectors: [["xuilib-pagination"]], inputs: { moreItems: "moreItems", firstRecord: "firstRecord" }, outputs: { previousPage: "previousPage", nextPage: "nextPage" }, standalone: false, decls: 11, vars: 5, consts: [["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"], ["href", "#", 1, "hmcts-pagination__link"], [1, "hmcts-pagination__link"], [1, "hmcts-pagination__item", "hmcts-pagination__item--next"], ["href", "#", 1, "hmcts-pagination__link", 3, "click"]], template: function PaginationComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "nav", 0)(1, "p", 1);
             i0.ɵɵtext(2);
             i0.ɵɵpipe(3, "rpxTranslate");
@@ -7955,7 +8375,7 @@ class PaginationComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-pagination', standalone: false, template: "<nav class=\"hmcts-pagination\" id=\"pagination-label\">\n\n  <p class=\"govuk-visually-hidden\" aria-labelledby=\"pagination-label\">{{'Pagination navigation' | rpxTranslate}}</p>\n\n  <ul class=\"hmcts-pagination__list\">\n    <li class=\"hmcts-pagination__item  hmcts-pagination__item--prev\">\n      @if (firstRecord > 1) {\n        <a class=\"hmcts-pagination__link\" (click)=\"onPrevious()\" href=\"javascript:void(0)\">\n          {{'Previous page' | rpxTranslate}}\n        </a>\n      } @else {\n        <span class=\"hmcts-pagination__link\">{{'Previous page' | rpxTranslate}}</span>\n      }\n    </li>\n\n    <li class=\"hmcts-pagination__item  hmcts-pagination__item--next\">\n      @if (moreItems) {\n        <a class=\"hmcts-pagination__link\" (click)=\"onNext()\" href=\"javascript:void(0)\">{{'Next page' | rpxTranslate}}</a>\n      } @else {\n        <span class=\"hmcts-pagination__link\">{{'Next page' | rpxTranslate}}</span>\n      }\n    </li>\n  </ul>\n</nav>\n", styles: ["span.hmcts-pagination__link:hover{color:revert}\n"] }]
+        args: [{ selector: 'xuilib-pagination', standalone: false, template: "<nav class=\"hmcts-pagination\" id=\"pagination-label\">\n\n  <p class=\"govuk-visually-hidden\" aria-labelledby=\"pagination-label\">{{'Pagination navigation' | rpxTranslate}}</p>\n\n  <ul class=\"hmcts-pagination__list\">\n    <li class=\"hmcts-pagination__item  hmcts-pagination__item--prev\">\n      @if (firstRecord > 1) {\n        <a class=\"hmcts-pagination__link\" (click)=\"onPrevious(); $event?.preventDefault()\" href=\"#\">\n          {{'Previous page' | rpxTranslate}}\n        </a>\n      } @else {\n        <span class=\"hmcts-pagination__link\">{{'Previous page' | rpxTranslate}}</span>\n      }\n    </li>\n\n    <li class=\"hmcts-pagination__item  hmcts-pagination__item--next\">\n      @if (moreItems) {\n        <a class=\"hmcts-pagination__link\" (click)=\"onNext(); $event?.preventDefault()\" href=\"#\">{{'Next page' | rpxTranslate}}</a>\n      } @else {\n        <span class=\"hmcts-pagination__link\">{{'Next page' | rpxTranslate}}</span>\n      }\n    </li>\n  </ul>\n</nav>\n", styles: ["span.hmcts-pagination__link:hover{color:revert}\n"] }]
     }], () => [], { moreItems: [{
             type: Input
         }], firstRecord: [{
@@ -8621,7 +9041,7 @@ function WriteAddressFieldComponent_Conditional_2_Conditional_13_Template(rf, ct
 function WriteAddressFieldComponent_Conditional_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "a", 19);
-    i0.ɵɵlistener("click", function WriteAddressFieldComponent_Conditional_2_Conditional_14_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.blankAddress()); });
+    i0.ɵɵlistener("click", function WriteAddressFieldComponent_Conditional_2_Conditional_14_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); ctx_r0.blankAddress(); return i0.ɵɵresetView($event.preventDefault()); });
     i0.ɵɵtext(1, "I can't enter a UK postcode");
     i0.ɵɵelementEnd();
 } }
@@ -8843,7 +9263,7 @@ class WriteAddressFieldComponent {
         this.addressFormGroup.get('postcode').patchValue(postcodeNeeded ? this.formGroup.get('address').get('postCode').value : '');
     }
     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" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 5, vars: 8, consts: [[1, "govuk-form-group", 3, "formGroup", "ngClass"], [1, "govuk-error-message"], ["id", "govuk-radios", "data-module", "govuk-radios", 1, "govuk-radios"], [3, "formGroup", "isInternational", "submissionAttempted"], [1, "govuk-visually-hidden"], [1, "govuk-label"], ["id", "addressLookup", 1, "govuk-body", "postcode-lookup", 3, "ngClass"], ["for", "postcodeInput"], [1, "govuk-hint"], [1, "govuk-body"], ["type", "text", "id", "postcodeInput", "name", "postcode", "formControlName", "postcode", 1, "govuk-input", "govuk-!-width-one-third", "postcodeinput", "inline-block", 3, "ngClass"], ["type", "button", 1, "govuk-button", "find-address", 3, "click"], ["id", "selectAddress", 1, "govuk-body"], ["href", "javascript:void(0)", 1, "manual-link", "govuk-link"], [1, "govuk-body", 3, "ngClass"], ["for", "addressList", 1, "govuk-label"], [1, "form-label"], ["id", "addressList", "name", "address", "formControlName", "addressList", "focusElement", "", 1, "form-control", "govuk-select", "ccd-dropdown", "addressList", 3, "change"], [3, "ngValue"], ["href", "javascript:void(0)", 1, "manual-link", "govuk-link", 3, "click"], [1, "govuk-radios__item"], ["id", "yes", "value", "yes", "name", "ukAddress", "type", "radio", "data-aria-controls", "address-fields", "formControlName", "ukAddress", 1, "govuk-radios__input", 3, "click"], ["for", "yes", 1, "govuk-label", "govuk-radios__label"], ["id", "no", "value", "no", "name", "ukAddress", "type", "radio", "data-aria-controls", "address-fields", "formControlName", "ukAddress", 1, "govuk-radios__input", 3, "click"], ["for", "no", 1, "govuk-label", "govuk-radios__label"], ["id", "address-fields", 1, "govuk-radios__conditional"]], template: function WriteAddressFieldComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteAddressFieldComponent, selectors: [["xuilib-write-address-field"]], inputs: { formGroup: "formGroup", internationalMode: "internationalMode", isInternational: "isInternational", submissionAttempted: "submissionAttempted", startedInternational: "startedInternational", addressChosen: "addressChosen" }, outputs: { postcodeOptionSelected: "postcodeOptionSelected", internationalModeStart: "internationalModeStart", ukAddressOptionSelected: "ukAddressOptionSelected", canSelectAddress: "canSelectAddress", resetSubmission: "resetSubmission" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 5, vars: 8, consts: [[1, "govuk-form-group", 3, "formGroup", "ngClass"], [1, "govuk-error-message"], ["id", "govuk-radios", "data-module", "govuk-radios", 1, "govuk-radios"], [3, "formGroup", "isInternational", "submissionAttempted"], [1, "govuk-visually-hidden"], [1, "govuk-label"], ["id", "addressLookup", 1, "govuk-body", "postcode-lookup", 3, "ngClass"], ["for", "postcodeInput"], [1, "govuk-hint"], [1, "govuk-body"], ["type", "text", "id", "postcodeInput", "name", "postcode", "formControlName", "postcode", 1, "govuk-input", "govuk-!-width-one-third", "postcodeinput", "inline-block", 3, "ngClass"], ["type", "button", 1, "govuk-button", "find-address", 3, "click"], ["id", "selectAddress", 1, "govuk-body"], ["href", "#", 1, "manual-link", "govuk-link"], [1, "govuk-body", 3, "ngClass"], ["for", "addressList", 1, "govuk-label"], [1, "form-label"], ["id", "addressList", "name", "address", "formControlName", "addressList", "focusElement", "", 1, "form-control", "govuk-select", "ccd-dropdown", "addressList", 3, "change"], [3, "ngValue"], ["href", "#", 1, "manual-link", "govuk-link", 3, "click"], [1, "govuk-radios__item"], ["id", "yes", "value", "yes", "name", "ukAddress", "type", "radio", "data-aria-controls", "address-fields", "formControlName", "ukAddress", 1, "govuk-radios__input", 3, "click"], ["for", "yes", 1, "govuk-label", "govuk-radios__label"], ["id", "no", "value", "no", "name", "ukAddress", "type", "radio", "data-aria-controls", "address-fields", "formControlName", "ukAddress", 1, "govuk-radios__input", 3, "click"], ["for", "no", 1, "govuk-label", "govuk-radios__label"], ["id", "address-fields", 1, "govuk-radios__conditional"]], template: function WriteAddressFieldComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵconditionalCreate(1, WriteAddressFieldComponent_Conditional_1_Template, 4, 1, "p", 1);
             i0.ɵɵconditionalCreate(2, WriteAddressFieldComponent_Conditional_2_Template, 15, 9, "div");
@@ -8864,7 +9284,7 @@ class WriteAddressFieldComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteAddressFieldComponent, [{
         type: Component,
-        args: [{ selector: 'xuilib-write-address-field', standalone: false, template: "<div class=\"govuk-form-group\" [formGroup]=\"addressFormGroup\"\n  [ngClass]=\"{'govuk-form-group--error': optionErrorsPresent}\">\n  @if (optionErrorsPresent) {\n    <p class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span>{{optionErrorMessage}}\n    </p>\n  }\n  @if (postcodeLookupVisible()) {\n    <div>\n      <span class=\"govuk-label\"><strong>Provide address details</strong></span>\n      <div class=\"govuk-body postcode-lookup\" id=\"addressLookup\"\n        [ngClass]=\"{'govuk-form-group--error': missingPostcode || postcodeErrorPresent(true)}\">\n        <label for=\"postcodeInput\">\n          <span class=\"govuk-hint\">Enter a UK postcode</span>\n        </label>\n        @if (missingPostcode || postcodeErrorPresent(true)) {\n          <p class=\"govuk-error-message\">\n            <span class=\"govuk-visually-hidden\">Error:</span>{{postcodeErrorMessage}}\n          </p>\n        }\n        <div class=\"govuk-body\">\n          <input type=\"text\" [ngClass]=\"{'govuk-input--error': missingPostcode}\" id=\"postcodeInput\" name=\"postcode\"\n            class=\"govuk-input govuk-!-width-one-third postcodeinput inline-block\" formControlName=\"postcode\">\n          <button type=\"button\" class=\"govuk-button find-address\" (click)=\"findAddress()\">Find address</button>\n        </div>\n      </div>\n      @if (addressOptions) {\n        <div class=\"govuk-body\" id=\"selectAddress\">\n          <div class=\"govuk-body\" [ngClass]=\"{'govuk-form-group--error': postcodeErrorPresent(false)}\">\n            <label class=\"govuk-label\" for=\"addressList\">\n              <span class=\"form-label\">Select an address</span>\n            </label>\n            @if (postcodeErrorPresent(false)) {\n              <p class=\"govuk-error-message\">\n                <span class=\"govuk-visually-hidden\">Error:</span>{{selectErrorMessage}}\n              </p>\n            }\n            <select class=\"form-control govuk-select ccd-dropdown addressList\" id=\"addressList\" name=\"address\"\n              formControlName=\"addressList\" (change)=\"addressSelected()\" focusElement>\n              @for (addressOption of addressOptions; track addressOption) {\n                <option [ngValue]=\"addressOption.value\">\n                  {{addressOption.description}}\n                </option>\n              }\n            </select>\n          </div>\n        </div>\n      }\n      @if (!shouldShowDetailFields() || (!startedInternational && !addressChosen)) {\n        <a class=\"manual-link govuk-link\"\n        (click)=\"blankAddress()\" href=\"javascript:void(0)\">I can't enter a UK postcode</a>\n      }\n    </div>\n  }\n\n  @if (shouldShowDetailFields() && internationalMode && startedInternational && !addressChosen) {\n    <div id=\"govuk-radios\" class=\"govuk-radios\" data-module=\"govuk-radios\"\n      >\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"yes\" value=\"yes\" name=\"ukAddress\" type=\"radio\"\n          data-aria-controls=\"address-fields\" (click)=\"setInternationalAddress(false)\" formControlName=\"ukAddress\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"yes\">\n          Yes\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"no\" value=\"no\" name=\"ukAddress\" type=\"radio\"\n          data-aria-controls=\"address-fields\" (click)=\"setInternationalAddress(true)\" formControlName=\"ukAddress\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"no\">\n          No\n        </label>\n      </div>\n      <div class=\"govuk-radios__conditional\" id=\"address-fields\">\n        @if (isInternational !== undefined) {\n          <xuilib-write-address-inputs [formGroup]=\"formGroup\"\n            [isInternational]=\"isInternational\" [submissionAttempted]=\"submissionAttempted\">\n          </xuilib-write-address-inputs>\n        }\n      </div>\n    </div>\n  }\n\n  @if (shouldShowDetailFields() && (addressChosen || !internationalMode)) {\n    <xuilib-write-address-inputs\n      [formGroup]=\"formGroup\" [isInternational]=\"false\" [submissionAttempted]=\"submissionAttempted\">\n    </xuilib-write-address-inputs>\n  }\n\n</div>", styles: [".manual-link{cursor:pointer;display:block;text-decoration:underline;font-size:1.1875rem}.postcode-lookup{margin-bottom:-20px}.find-address{left:1%}:host{display:block}\n"] }]
+        args: [{ selector: 'xuilib-write-address-field', standalone: false, template: "<div class=\"govuk-form-group\" [formGroup]=\"addressFormGroup\"\n  [ngClass]=\"{'govuk-form-group--error': optionErrorsPresent}\">\n  @if (optionErrorsPresent) {\n    <p class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span>{{optionErrorMessage}}\n    </p>\n  }\n  @if (postcodeLookupVisible()) {\n    <div>\n      <span class=\"govuk-label\"><strong>Provide address details</strong></span>\n      <div class=\"govuk-body postcode-lookup\" id=\"addressLookup\"\n        [ngClass]=\"{'govuk-form-group--error': missingPostcode || postcodeErrorPresent(true)}\">\n        <label for=\"postcodeInput\">\n          <span class=\"govuk-hint\">Enter a UK postcode</span>\n        </label>\n        @if (missingPostcode || postcodeErrorPresent(true)) {\n          <p class=\"govuk-error-message\">\n            <span class=\"govuk-visually-hidden\">Error:</span>{{postcodeErrorMessage}}\n          </p>\n        }\n        <div class=\"govuk-body\">\n          <input type=\"text\" [ngClass]=\"{'govuk-input--error': missingPostcode}\" id=\"postcodeInput\" name=\"postcode\"\n            class=\"govuk-input govuk-!-width-one-third postcodeinput inline-block\" formControlName=\"postcode\">\n          <button type=\"button\" class=\"govuk-button find-address\" (click)=\"findAddress()\">Find address</button>\n        </div>\n      </div>\n      @if (addressOptions) {\n        <div class=\"govuk-body\" id=\"selectAddress\">\n          <div class=\"govuk-body\" [ngClass]=\"{'govuk-form-group--error': postcodeErrorPresent(false)}\">\n            <label class=\"govuk-label\" for=\"addressList\">\n              <span class=\"form-label\">Select an address</span>\n            </label>\n            @if (postcodeErrorPresent(false)) {\n              <p class=\"govuk-error-message\">\n                <span class=\"govuk-visually-hidden\">Error:</span>{{selectErrorMessage}}\n              </p>\n            }\n            <select class=\"form-control govuk-select ccd-dropdown addressList\" id=\"addressList\" name=\"address\"\n              formControlName=\"addressList\" (change)=\"addressSelected()\" focusElement>\n              @for (addressOption of addressOptions; track addressOption) {\n                <option [ngValue]=\"addressOption.value\">\n                  {{addressOption.description}}\n                </option>\n              }\n            </select>\n          </div>\n        </div>\n      }\n      @if (!shouldShowDetailFields() || (!startedInternational && !addressChosen)) {\n        <a class=\"manual-link govuk-link\"\n        (click)=\"blankAddress(); $event.preventDefault()\" href=\"#\">I can't enter a UK postcode</a>\n      }\n    </div>\n  }\n\n  @if (shouldShowDetailFields() && internationalMode && startedInternational && !addressChosen) {\n    <div id=\"govuk-radios\" class=\"govuk-radios\" data-module=\"govuk-radios\"\n      >\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"yes\" value=\"yes\" name=\"ukAddress\" type=\"radio\"\n          data-aria-controls=\"address-fields\" (click)=\"setInternationalAddress(false)\" formControlName=\"ukAddress\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"yes\">\n          Yes\n        </label>\n      </div>\n      <div class=\"govuk-radios__item\">\n        <input class=\"govuk-radios__input\" id=\"no\" value=\"no\" name=\"ukAddress\" type=\"radio\"\n          data-aria-controls=\"address-fields\" (click)=\"setInternationalAddress(true)\" formControlName=\"ukAddress\">\n        <label class=\"govuk-label govuk-radios__label\" for=\"no\">\n          No\n        </label>\n      </div>\n      <div class=\"govuk-radios__conditional\" id=\"address-fields\">\n        @if (isInternational !== undefined) {\n          <xuilib-write-address-inputs [formGroup]=\"formGroup\"\n            [isInternational]=\"isInternational\" [submissionAttempted]=\"submissionAttempted\">\n          </xuilib-write-address-inputs>\n        }\n      </div>\n    </div>\n  }\n\n  @if (shouldShowDetailFields() && (addressChosen || !internationalMode)) {\n    <xuilib-write-address-inputs\n      [formGroup]=\"formGroup\" [isInternational]=\"false\" [submissionAttempted]=\"submissionAttempted\">\n    </xuilib-write-address-inputs>\n  }\n\n</div>", styles: [".manual-link{cursor:pointer;display:block;text-decoration:underline;font-size:1.1875rem}.postcode-lookup{margin-bottom:-20px}.find-address{left:1%}:host{display:block}\n"] }]
     }], () => [{ type: AddressService }], { formGroup: [{
             type: Input
         }], internationalMode: [{
@@ -10024,6 +10444,8 @@ const COMMON_COMPONENTS = [
     SearchLocationComponent,
     FindServiceComponent,
     SearchServiceComponent,
+    FindWorkTypeComponent,
+    SearchWorkTypeComponent,
     SearchVenueComponent,
     PaginationComponent,
     WriteAddressFieldComponent,
@@ -10136,6 +10558,8 @@ class ExuiCommonLibModule {
         SearchLocationComponent,
         FindServiceComponent,
         SearchServiceComponent,
+        FindWorkTypeComponent,
+        SearchWorkTypeComponent,
         SearchVenueComponent,
         PaginationComponent,
         WriteAddressFieldComponent,
@@ -10200,6 +10624,8 @@ class ExuiCommonLibModule {
         SearchLocationComponent,
         FindServiceComponent,
         SearchServiceComponent,
+        FindWorkTypeComponent,
+        SearchWorkTypeComponent,
         SearchVenueComponent,
         PaginationComponent,
         WriteAddressFieldComponent,
@@ -10306,5 +10732,5 @@ function radioGroupValidator() {
  * Generated bundle index. Do not edit.
  */
 
-export { AccessibilityComponent, AddressMessageEnum, AddressModel, AddressOption, AddressService, AnonymousFeatureUser, BadgeColour, BookingCheckType, COMMON_COMPONENTS, CapitalizePipe, CheckboxListComponent, ContactDetailsComponent, CookieBannerComponent, CookieService, DateBadgeColour, DueDateComponent, ExuiCommonLibModule, ExuiPageWrapperComponent, FeatureToggleDirective, FeatureToggleGuard, FeatureToggleService, FilterService, FindLocationComponent, FindPersonComponent, FindServiceComponent, FindTaskNameComponent, GOV_UI_COMPONENTS, GenericFilterComponent, GoogleAnalyticsService, GoogleTagManagerService, GovUiService, GovUkCheckboxComponent, GovUkCheckboxesComponent, GovUkDateComponent, GovUkErrorMessageComponent, GovUkFieldsetComponent, GovUkFileUploadComponent, GovUkFormGroupWrapperComponent, GovUkInputComponent, GovUkLabelComponent, GovUkRadioComponent, GovUkRadiosComponent, GovUkSelectComponent, GovUkTextareaComponent, GovukTableColumnConfig, GovukTableComponent, HasLoadingState, HmctsBannerComponent, HmctsErrorSummaryComponent, HmctsIdentityBarComponent, HmctsMainWrapperComponent, HmctsPaginationComponent, HmctsPrimaryNavigationComponent, HmctsSessionDialogComponent, HmctsSubNavigationComponent, InviteUserFormComponent, InviteUserPermissionComponent, LaunchDarklyService, LetContext, LetDirective, LoadingService, LoadingSpinnerComponent, LoggedInFeatureUser, ManageSessionServices, PaginationComponent, PersonRole, RadioFilterFieldConfig, RefDataService, RemoveHostDirective, RoleCategory, RoleGuard, RoleMatching, RoleService, SECONDS_IN_A_DAY, SearchJudicialsComponent, SearchLocationComponent, SearchServiceComponent, SearchVenueComponent, SelectedCaseComponent, SelectedCaseConfirmComponent, SelectedCaseListComponent, ServiceMessageComponent, ServiceMessagesComponent, ShareCaseComponent, ShareCaseConfirmComponent, SharedCaseErrorMessages, TabComponent, TcConfirmComponent, TcDisplayHtmlComponent, TcDisplayPlainComponent, TermsAndConditionsComponent, TimeoutNotificationsService, UserDetailsComponent, UserListComponent, UserSelectComponent, WriteAddressFieldComponent, WriteAddressInputsComponent, checkboxesBeCheckedValidator, dateValidator, radioGroupValidator, windowProvider, windowToken };
+export { AccessibilityComponent, AddressMessageEnum, AddressModel, AddressOption, AddressService, AnonymousFeatureUser, BadgeColour, BookingCheckType, COMMON_COMPONENTS, CapitalizePipe, CheckboxListComponent, ContactDetailsComponent, CookieBannerComponent, CookieService, DateBadgeColour, DueDateComponent, ExuiCommonLibModule, ExuiPageWrapperComponent, FeatureToggleDirective, FeatureToggleGuard, FeatureToggleService, FilterService, FindLocationComponent, FindPersonComponent, FindServiceComponent, FindTaskNameComponent, FindWorkTypeComponent, GOV_UI_COMPONENTS, GenericFilterComponent, GoogleAnalyticsService, GoogleTagManagerService, GovUiService, GovUkCheckboxComponent, GovUkCheckboxesComponent, GovUkDateComponent, GovUkErrorMessageComponent, GovUkFieldsetComponent, GovUkFileUploadComponent, GovUkFormGroupWrapperComponent, GovUkInputComponent, GovUkLabelComponent, GovUkRadioComponent, GovUkRadiosComponent, GovUkSelectComponent, GovUkTextareaComponent, GovukTableColumnConfig, GovukTableComponent, HasLoadingState, HmctsBannerComponent, HmctsErrorSummaryComponent, HmctsIdentityBarComponent, HmctsMainWrapperComponent, HmctsPaginationComponent, HmctsPrimaryNavigationComponent, HmctsSessionDialogComponent, HmctsSubNavigationComponent, InviteUserFormComponent, InviteUserPermissionComponent, LaunchDarklyService, LetContext, LetDirective, LoadingService, LoadingSpinnerComponent, LocationService, LoggedInFeatureUser, ManageSessionServices, PaginationComponent, PersonRole, RadioFilterFieldConfig, RefDataService, RemoveHostDirective, RoleCategory, RoleGuard, RoleMatching, RoleService, SECONDS_IN_A_DAY, SearchJudicialsComponent, SearchLocationComponent, SearchServiceComponent, SearchVenueComponent, SearchWorkTypeComponent, SelectedCaseComponent, SelectedCaseConfirmComponent, SelectedCaseListComponent, ServiceMessageComponent, ServiceMessagesComponent, ShareCaseComponent, ShareCaseConfirmComponent, SharedCaseErrorMessages, TabComponent, TaskService, TcConfirmComponent, TcDisplayHtmlComponent, TcDisplayPlainComponent, TermsAndConditionsComponent, TimeoutNotificationsService, UserDetailsComponent, UserListComponent, UserSelectComponent, WriteAddressFieldComponent, WriteAddressInputsComponent, checkboxesBeCheckedValidator, dateValidator, radioGroupValidator, windowProvider, windowToken };
 //# sourceMappingURL=hmcts-rpx-xui-common-lib.mjs.map