@hmcts/rpx-xui-common-lib 1.6.0-rc2 → 1.6.2-refactoring-search-location

package/bundles/hmcts-rpx-xui-common-lib.umd.js

@@ -1017,7 +1017,9 @@
                         fields: this.getSelectedValues(form.value, this.config)
                     };
                     this.filterService.givenErrors.next(null);
-                    this.filterService.persist(this.settings, this.config.persistence);
+                    /** @type {?} */
+                    var settings = __assign({}, this.settings, { reset: false });
+                    this.filterService.persist(settings, this.config.persistence);
                 }
                 else {
                     this.emitFormErrors(form);
@@ -1092,7 +1094,10 @@
                 if (this.config && this.config.cancelSetting) {
                     this._settings.fields = JSON.parse(JSON.stringify(this.config.cancelSetting.fields));
                 }
-                this.filterService.persist(this.settings, this.config.persistence);
+                /** @type {?} */
+                var settings = __assign({}, this.settings, { reset: true });
+                this.filterService.persist(settings, this.config.persistence);
+                this.filterService.givenErrors.next(null);
             };
         /**
          * @param {?} values
@@ -1130,6 +1135,85 @@
                     }
                 }
             };
+        /**
+         * @param {?} event
+         * @param {?} form
+         * @param {?} item
+         * @param {?} field
+         * @return {?}
+         */
+        GenericFilterComponent.prototype.toggleSelectAll = /**
+         * @param {?} event
+         * @param {?} form
+         * @param {?} item
+         * @param {?} field
+         * @return {?}
+         */
+            function (event, form, item, field) {
+                /** @type {?} */
+                var isChecked = event.target.checked;
+                /** @type {?} */
+                var formArray = ( /** @type {?} */(form.get(field.name)));
+                if (!item.selectAll) {
+                    /** @type {?} */
+                    var allChecked = formArray.controls.every(( /**
+                     * @param {?} control
+                     * @return {?}
+                     */function (control) { return control.value; }));
+                    /** @type {?} */
+                    var index_1 = null;
+                    /** @type {?} */
+                    var hasSelectAllOption = field.options.find(( /**
+                     * @param {?} option
+                     * @param {?} i
+                     * @return {?}
+                     */function (option, i) {
+                        if (option.hasOwnProperty('selectAll')) {
+                            index_1 = i;
+                            return true;
+                        }
+                        return false;
+                    }));
+                    // tslint:disable-next-line:variable-name
+                    /** @type {?} */
+                    var isAllCheckedExcludingTheSelectAllOption = formArray.controls.filter(( /**
+                     * @param {?} _control
+                     * @param {?} i
+                     * @return {?}
+                     */function (_control, i) { return i !== index_1; }))
+                        .every(( /**
+                 * @param {?} control
+                 * @return {?}
+                 */function (control) { return control.value; }));
+                    if (!allChecked && hasSelectAllOption && !isChecked) {
+                        formArray.controls.forEach(( /**
+                         * @param {?} control
+                         * @param {?} i
+                         * @return {?}
+                         */function (control, i) {
+                            if (index_1 === i) {
+                                control.patchValue(false);
+                                return;
+                            }
+                        }));
+                    }
+                    else if (hasSelectAllOption && !allChecked && isChecked && isAllCheckedExcludingTheSelectAllOption) {
+                        formArray.controls[index_1].patchValue(true);
+                    }
+                    return;
+                }
+                formArray.controls.forEach(( /**
+                 * @param {?} control
+                 * @return {?}
+                 */function (control) {
+                    if (isChecked) {
+                        control.patchValue(true);
+                    }
+                    else {
+                        control.patchValue(false);
+                    }
+                }));
+            };
         /**
          * @private
          * @param {?} filter
@@ -1409,10 +1493,10 @@
         GenericFilterComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'xuilib-generic-filter',
-                        template: "<form [formGroup]=\"form\" (ngSubmit)=\"applyFilter(form)\">\n  <div class=\"contain-classes\" *ngFor=\"let field of config.fields\">\n    <hr *ngIf=\"field.lineBreakBefore\" class=\"govuk-section-break govuk-section-break--visible elevated-break\">\n    <div class=\"govuk-form-group xui-generic-filter\"\n         [hidden]=\"hidden(field, form)\"\n         [ngClass]=\"{'form-group-error': submitted && (form.get(field.name).errors?.minLength || form.get(field.name).errors?.maxLength)}\">\n      <h3 *ngIf=\"field.title\" class=\"govuk-heading-s\">{{field.title}}</h3>\n      <p class=\"govuk-body\" *ngIf=\"field.subTitle\">{{field.subTitle}}</p>\n      <div class=\"govuk-body\" [ngSwitch]=\"field.type\">\n        <ng-container *ngSwitchCase=\"'select'\">\n          <select class=\"govuk-select\" (change)=\"selectChanged(field, form)\" [attr.disabled]=\"disabled(field, form)\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" [formControlName]=\"field.name\">\n            <option disabled selected hidden value=\"\">{{field.disabledText}}</option>\n            <option class=\"govuk-radios__item\" *ngFor=\"let item of field.options\" [value]=\"item.key\">{{item.label}}</option>\n          </select>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'checkbox'\">\n          <div class=\"govuk-checkboxes govuk-checkboxes--small\" [formGroupName]=\"field.name\">\n            <div *ngFor=\"let item of field.options; let i = index\" class=\"govuk-checkboxes__item\">\n              <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                     [attr.disabled]=\"disabled(field, form)\"\n                     [formControlName]=\"i\"\n                     [value]=\"item.key\" [id]=\"'checkbox_' + item.key\"\n                     [name]=\"'checkbox_' + item.key\"\n              />\n              <label [for]=\"'checkbox_' + item.key\" class=\"govuk-label govuk-checkboxes__label\">{{item.label}}</label>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'radio'\">\n          <div class=\"govuk-radios\">\n            <div *ngFor=\"let item of field.options\" class=\"govuk-radios__item\">\n              <input type=\"radio\"\n                     [formControlName]=\"field.name\"\n                     [id]=\"'radio_' + item.key\"\n                     [attr.disabled]=\"disabled(field, form)\"\n                     [checked]=\"item.key === form.get(field.name).value\"\n                     class=\"govuk-radios__input\"\n                     [value]=\"item.key\"\n                     (change)=\"radiosChanged(field)\"\n              />\n              <label [for]=\"'radio_' + item.key\" class=\"govuk-label govuk-radios__label\">{{item.label}}</label>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'find-person'\">\n          <xuilib-find-person subTitle=\"\" (personSelected)=\"updatePersonControls($event, field)\"\n                              [submitted]=\"submitted\"\n                              [disabled]=\"disabled(field, form)\"\n                              [domain]=\"field.domain\"\n                              [findPersonGroup]=\"form\"\n                              [selectedPerson]=\"form.get(field.name)?.value?.email\"\n          ></xuilib-find-person>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n  <hr class=\"govuk-section-break govuk-section-break--m govuk-section-break--visible\"/>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-full\">\n      <button\n        class=\"govuk-button govuk-!-margin-right-1 govuk-!-margin-bottom-0\"\n        type=\"submit\"\n        id=\"applyFilter\"\n        [disabled]=\"config.enableDisabledButton && form.invalid\"\n      >{{config.applyButtonText || 'Apply'}}</button>\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'}}</button>\n    </div>\n  </div>\n</form>\n",
+                        template: "<form [formGroup]=\"form\" (ngSubmit)=\"applyFilter(form)\">\n  <div class=\"contain-classes\" *ngFor=\"let field of config.fields\">\n    <hr *ngIf=\"field.lineBreakBefore\" class=\"govuk-section-break govuk-section-break--visible elevated-break\">\n    <div class=\"govuk-form-group xui-generic-filter\"\n         [hidden]=\"hidden(field, form)\"\n         [ngClass]=\"{'form-group-error': submitted && (form.get(field.name).errors?.minLength || form.get(field.name).errors?.maxLength)}\">\n      <h3 *ngIf=\"field.title\" class=\"govuk-heading-s\">{{field.title}}</h3>\n      <p class=\"govuk-body\" *ngIf=\"field.subTitle\">{{field.subTitle}}</p>\n      <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\" *ngIf=\"field.displayMinSelectedError && submitted && form.get(field.name).errors?.minLength\">\n        <span class=\"govuk-visually-hidden\">Error:</span> {{field.minSelectedError}}\n      </span>\n      <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\" *ngIf=\"field.displayMaxSelectedError && submitted && form.get(field.name).errors?.maxLength\">\n        <span class=\"govuk-visually-hidden\">Error:</span> {{field.maxSelectedError}}\n      </span>\n      <div class=\"govuk-body\" [ngSwitch]=\"field.type\">\n        <ng-container *ngSwitchCase=\"'select'\">\n          <select class=\"govuk-select\" (change)=\"selectChanged(field, form)\" [attr.disabled]=\"disabled(field, form)\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" [formControlName]=\"field.name\">\n            <option disabled selected hidden value=\"\">{{field.disabledText}}</option>\n            <option class=\"govuk-radios__item\" *ngFor=\"let item of field.options\" [value]=\"item.key\">{{item.label}}</option>\n          </select>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'checkbox'\">\n          <div class=\"govuk-checkboxes govuk-checkboxes--small\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n            <div *ngFor=\"let item of field.options; let i = index\" class=\"govuk-checkboxes__item\">\n              <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                     [attr.disabled]=\"disabled(field, form)\"\n                     [formControlName]=\"i\"\n                     (change)=\"toggleSelectAll($event, form, item, field)\"\n                     [value]=\"item.key\" [id]=\"'checkbox_' + item.key\"\n                     [name]=\"'checkbox_' + item.key\"\n              />\n              <label\n                [for]=\"'checkbox_' + item.key\"\n                class=\"govuk-label govuk-checkboxes__label\"\n                [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n              >{{item.label}}</label>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'radio'\">\n          <div class=\"govuk-radios\">\n            <div *ngFor=\"let item of field.options\" class=\"govuk-radios__item\">\n              <input type=\"radio\"\n                     [formControlName]=\"field.name\"\n                     [id]=\"'radio_' + item.key\"\n                     [attr.disabled]=\"disabled(field, form)\"\n                     [checked]=\"item.key === form.get(field.name).value\"\n                     class=\"govuk-radios__input\"\n                     [value]=\"item.key\"\n                     (change)=\"radiosChanged(field)\"\n              />\n              <label [for]=\"'radio_' + item.key\" class=\"govuk-label govuk-radios__label\">{{item.label}}</label>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'find-person'\">\n          <xuilib-find-person subTitle=\"\" (personSelected)=\"updatePersonControls($event, field)\"\n                              [submitted]=\"submitted\"\n                              [disabled]=\"disabled(field, form)\"\n                              [domain]=\"field.domain\"\n                              [findPersonGroup]=\"form\"\n                              [selectedPerson]=\"form.get(field.name)?.value?.email\"\n                              [userIncluded]=\"false\"\n          ></xuilib-find-person>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n  <hr class=\"govuk-section-break govuk-section-break--m govuk-section-break--visible\"/>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-full\">\n      <button\n        class=\"govuk-button govuk-!-margin-right-1 govuk-!-margin-bottom-0\"\n        type=\"submit\"\n        id=\"applyFilter\"\n        [disabled]=\"config.enableDisabledButton && form.invalid\"\n      >{{config.applyButtonText || 'Apply'}}</button>\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'}}</button>\n    </div>\n  </div>\n</form>\n",
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         encapsulation: i0.ViewEncapsulation.None,
-                        styles: [".contain-classes .elevated-break{position:relative;top:-10px}.contain-classes .xui-generic-filter .select-all{margin-bottom:10px}.contain-classes .xui-generic-filter .govuk-checkboxes{display:flex;flex-wrap:wrap}.contain-classes .xui-generic-filter .govuk-checkboxes>div{flex-grow:1;flex-shrink:0;flex-basis:calc(50% - 34px);width:29%}"]
+                        styles: [".contain-classes .elevated-break{position:relative;top:-10px}.contain-classes .xui-generic-filter .select-all{margin-bottom:10px}.contain-classes .xui-generic-filter .govuk-checkboxes{display:flex;flex-wrap:wrap}.contain-classes .xui-generic-filter .govuk-checkboxes>div{flex-grow:1;flex-shrink:0}"]
                     }] }
         ];
         /** @nocollapse */
@@ -2864,18 +2948,6 @@
          * @return {?}
          */
             function (user) {
-                if (user.email) {
-                    user.email = user.email.trim();
-                }
-                if (user.firstName) {
-                    user.firstName = user.firstName.trim();
-                }
-                if (user.lastName) {
-                    user.lastName = user.lastName.trim();
-                }
-                if (user.idamId) {
-                    user.idamId = user.idamId.trim();
-                }
                 this.selectedUser = user;
             };
         /**
@@ -3511,6 +3583,324 @@
         return CookieBannerComponent;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: lib/services/locations/location.service.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var LocationService = /** @class */ (function () {
+        function LocationService(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<LocationByEPIMSModel[]>: Array of locationModel in Observable
+         */
+        /**
+         * \@description getAllLocations from service Ids/location type/search term
+         * @param {?} serviceIds
+         * @param {?} locationType
+         * @param {?} searchTerm
+         * @return {?} Observable<LocationByEPIMSModel[]>: Array of locationModel in Observable
+         */
+        LocationService.prototype.getAllLocations = /**
+         * \@description getAllLocations from service Ids/location type/search term
+         * @param {?} serviceIds
+         * @param {?} locationType
+         * @param {?} searchTerm
+         * @return {?} Observable<LocationByEPIMSModel[]>: Array of locationModel in Observable
+         */
+            function (serviceIds, locationType, searchTerm) {
+                return this.http.get("api/locations/getLocations?serviceIds=" + serviceIds + "&locationType=" + locationType + "&searchTerm=" + searchTerm);
+            };
+        LocationService.decorators = [
+            { type: i0.Injectable, args: [{
+                        providedIn: 'root'
+                    },] }
+        ];
+        /** @nocollapse */
+        LocationService.ctorParameters = function () {
+            return [
+                { type: i1.HttpClient }
+            ];
+        };
+        /** @nocollapse */ LocationService.ngInjectableDef = i0.defineInjectable({ factory: function LocationService_Factory() { return new LocationService(i0.inject(i1.HttpClient)); }, token: LocationService, providedIn: "root" });
+        return LocationService;
+    }());
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: lib/components/search-location/search-location.component.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var SearchLocationComponent = /** @class */ (function () {
+        function SearchLocationComponent(locationService, fb) {
+            this.locationService = locationService;
+            this.disabled = null;
+            this.locationType = '';
+            this.serviceIds = '';
+            this.submitted = true;
+            this.showAutocomplete = false;
+            this.locationChanged = new i0.EventEmitter();
+            this.minSearchCharacters = 3;
+            this.keyUpSubject$ = new rxjs.Subject();
+            this.readyAfterContent = false;
+            this.findLocationFormGroup = fb.group({
+                findLocationFormControl: [null],
+                locationSelectedFormControl: [null]
+            });
+            this.selectedLocations = [];
+        }
+        /**
+         * @return {?}
+         */
+        SearchLocationComponent.prototype.ngAfterContentInit = /**
+         * @return {?}
+         */
+            function () {
+                this.readyAfterContent = true;
+            };
+        /**
+         * @return {?}
+         */
+        SearchLocationComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+            function () {
+                var _this = this;
+                this.locationsDisplayedInDrop = [];
+                if (this.control) {
+                    if (this.findLocationFormGroup && this.findLocationFormGroup.controls) {
+                        this.findLocationFormGroup.controls.locationSelectedFormControl = this.control;
+                    }
+                }
+                this.keyUpSubject$.pipe(operators.debounceTime(500)).subscribe(( /**
+                 * @param {?} searchValue
+                 * @return {?}
+                 */function (searchValue) { return _this.search(( /** @type {?} */(searchValue))); }));
+            };
+        /**
+         * @return {?}
+         */
+        SearchLocationComponent.prototype.onKeyDown = /**
+         * @return {?}
+         */
+            function () {
+                this.locationChanged.emit();
+            };
+        /**
+         * @param {?} event
+         * @return {?}
+         */
+        SearchLocationComponent.prototype.onKeyUp = /**
+         * @param {?} event
+         * @return {?}
+         */
+            function (event) {
+                this.keyUpSubject$.next(event.target.value);
+            };
+        Object.defineProperty(SearchLocationComponent.prototype, "locationsDisplayedInDropDuplicationFiltered", {
+            get: /**
+             * @return {?}
+             */ function () {
+                var _this = this;
+                return this.locationsDisplayedInDrop.filter(( /**
+                 * @param {?} location
+                 * @return {?}
+                 */function (location) {
+                    return !_this.selectedLocations.map(( /**
+                     * @param {?} selectedLocation
+                     * @return {?}
+                     */function (selectedLocation) { return selectedLocation.epims_id; })).includes(location.epims_id) && location.court_name;
+                }));
+            },
+            enumerable: true,
+            configurable: true
+        });
+        /**
+         * @param {?} term
+         * @return {?}
+         */
+        SearchLocationComponent.prototype.filter = /**
+         * @param {?} term
+         * @return {?}
+         */
+            function (term) {
+                var _this = this;
+                this.getLocations(term).pipe(operators.mergeMap(( /**
+                 * @param {?} apiData
+                 * @return {?}
+                 */function (apiData) {
+                    /** @type {?} */
+                    var apiFilter = apiData.filter(( /**
+                     * @param {?} apiLocation
+                     * @return {?}
+                     */function (apiLocation) {
+                        return !_this.selectedLocations.map(( /**
+                         * @param {?} selectedLocation
+                         * @return {?}
+                         */function (selectedLocation) { return selectedLocation.epims_id; })).includes(apiLocation.epims_id);
+                    }));
+                    console.log('apiDataFiltered', apiFilter.length);
+                    _this.locationsDisplayedInDrop = apiFilter;
+                    return apiFilter;
+                }))).subscribe(( /**
+                 * @param {?} location
+                 * @return {?}
+                 */function (location) {
+                    if (term === location.court_name) {
+                        _this.findLocationFormGroup.controls.locationSelectedFormControl.setValue(location);
+                        _this.locationsDisplayedInDrop = [];
+                        _this.locationChanged.emit(location);
+                        _this.showAutocomplete = false;
+                    }
+                }));
+            };
+        /**
+         * @param {?=} selection
+         * @return {?}
+         */
+        SearchLocationComponent.prototype.onSelectionChange = /**
+         * @param {?=} selection
+         * @return {?}
+         */
+            function (selection) {
+                if (this.findLocationFormGroup.controls.findLocationFormControl instanceof forms.FormArray) {
+                    (( /** @type {?} */(this.findLocationFormGroup.controls.locationSelectedFormControl))).push(new forms.FormControl(selection.epims_id));
+                }
+                else {
+                    this.findLocationFormGroup.controls.locationSelectedFormControl.setValue(selection);
+                }
+                this.locationChanged.emit(selection);
+            };
+        /**
+         * @param {?} currentValue
+         * @return {?}
+         */
+        SearchLocationComponent.prototype.search = /**
+         * @param {?} currentValue
+         * @return {?}
+         */
+            function (currentValue) {
+                this.showAutocomplete = !!currentValue && (currentValue.length >= this.minSearchCharacters);
+                if (!currentValue || !currentValue.length) {
+                    this.findLocationFormGroup.controls.locationSelectedFormControl.markAsPristine();
+                    this.findLocationFormGroup.controls.locationSelectedFormControl.reset();
+                }
+                if (this.showAutocomplete) {
+                    this.filter(currentValue);
+                }
+            };
+        /**
+         * @param {?} selectedLocation
+         * @return {?}
+         */
+        SearchLocationComponent.prototype.getDisplayName = /**
+         * @param {?} selectedLocation
+         * @return {?}
+         */
+            function (selectedLocation) {
+                return selectedLocation.court_name;
+            };
+        /**
+         * @param {?} term
+         * @return {?}
+         */
+        SearchLocationComponent.prototype.getLocations = /**
+         * @param {?} term
+         * @return {?}
+         */
+            function (term) {
+                return this.locationService.getAllLocations(this.serviceIds, this.locationType, term);
+            };
+        /**
+         * @return {?}
+         */
+        SearchLocationComponent.prototype.getControlCourtNameValue = /**
+         * @return {?}
+         */
+            function () {
+                return this.findLocationFormGroup && this.findLocationFormGroup.controls && this.findLocationFormGroup.controls.locationSelectedFormControl.value ?
+                    (( /** @type {?} */(this.findLocationFormGroup.controls.locationSelectedFormControl.value))).court_name : '';
+            };
+        SearchLocationComponent.decorators = [
+            { type: i0.Component, args: [{
+                        selector: 'exui-search-location',
+                        template: "<div class=\"auto-complete-container\">\n  <div *ngIf=\"readyAfterContent\" class=\"autocomplete__wrapper\">\n    <input\n      [formControl]=\"findLocationFormGroup.controls.findLocationFormControl\"\n      [matAutocomplete]=\"autoSearchLocation\"\n      (keydown)=\"onKeyDown()\"\n      (keyup)=\"onKeyUp($event)\"\n      class=\"autocomplete__input autocomplete__input--default search-box\"\n      [attr.disabled]=\"!disabled ? null: disabled\"\n      [value]=\"getControlCourtNameValue()\"\n      #inputSelectedLocation>\n    <mat-autocomplete class=\"mat-autocomplete-panel-extend\" autoActiveFirstOption #autoSearchLocation=\"matAutocomplete\">\n      <mat-option *ngFor=\"let location of locationsDisplayedInDropDuplicationFiltered\"\n      [value]=\"getDisplayName(location)\"\n      (onSelectionChange)=\"onSelectionChange(location)\"\n      [ngClass]=\"{'hide-autocomplete': !showAutocomplete}\">\n      {{ getDisplayName(location) }}\n      </mat-option>\n      <mat-option *ngIf=\"!locationsDisplayedInDropDuplicationFiltered?.length && showAutocomplete\">{{ 'No results found' }}</mat-option>\n    </mat-autocomplete>\n  </div>\n</div>",
+                        styles: [".autocomplete__input{-webkit-appearance:none;border:2px solid #0b0c0c;border-radius:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:0;width:100%;background-color:transparent;position:relative}.autocomplete__hint{color:#b1b4b6;position:absolute}.autocomplete__input--default{padding:5px}.autocomplete__input--focused{outline:#fd0 solid 3px;outline-offset:0;box-shadow:inset 0 0 0 2px}.autocomplete__input--show-all-values{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:100%;width:calc(100% - 4px)}.autocomplete__menu--visible{display:block}.autocomplete__menu--hidden{display:none}.autocomplete__menu--overlay{box-shadow:rgba(0,0,0,.256863) 0 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline{position:relative}.autocomplete__option{border-bottom:solid #b1b4b6;border-width:1px 0;cursor:pointer;display:block;position:relative}.autocomplete__option>*{pointer-events:none}.autocomplete__option:first-of-type{border-top-width:0}.autocomplete__option:last-of-type{border-bottom-width:0}.autocomplete__option--odd{background-color:#fafafa}.autocomplete__option--focused,.autocomplete__option:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:13px;line-height:1.25}.autocomplete__hint,.autocomplete__option{padding:5px}@media (min-width:641px){.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:13px;line-height:1.31579}}.div-action{display:inline-block}.add-location{display:inline}.remove-location-button{margin:5px}.hide-autocomplete{display:none}.auto-complete-container{min-width:550px;display:inline-block;margin-right:4px}.autocomplete__input{line-height:24px;font-size:19px}"]
+                    }] }
+        ];
+        /** @nocollapse */
+        SearchLocationComponent.ctorParameters = function () {
+            return [
+                { type: LocationService },
+                { type: forms.FormBuilder }
+            ];
+        };
+        SearchLocationComponent.propDecorators = {
+            control: [{ type: i0.Input }],
+            disabled: [{ type: i0.Input }],
+            locationType: [{ type: i0.Input }],
+            selectedLocations: [{ type: i0.Input }],
+            serviceIds: [{ type: i0.Input }],
+            submitted: [{ type: i0.Input }],
+            autoCompleteInputBox: [{ type: i0.ViewChild, args: ['inputSelectedLocation', { read: i0.ElementRef },] }],
+            showAutocomplete: [{ type: i0.Input }],
+            locationsDisplayedInDrop: [{ type: i0.Input }],
+            locationChanged: [{ type: i0.Output }]
+        };
+        return SearchLocationComponent;
+    }());
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: lib/components/pagination/pagination.component.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var PaginationComponent = /** @class */ (function () {
+        function PaginationComponent() {
+            this.previousPage = new i0.EventEmitter();
+            this.nextPage = new i0.EventEmitter();
+        }
+        /**
+         * @return {?}
+         */
+        PaginationComponent.prototype.onPrevious = /**
+         * @return {?}
+         */
+            function () {
+                this.previousPage.emit(null);
+            };
+        /**
+         * @return {?}
+         */
+        PaginationComponent.prototype.onNext = /**
+         * @return {?}
+         */
+            function () {
+                this.nextPage.emit(null);
+            };
+        PaginationComponent.decorators = [
+            { type: i0.Component, args: [{
+                        selector: 'xuilib-pagination',
+                        template: "<nav class=\"hmcts-pagination\" id=\"pagination-label\">\n\n  <p class=\"govuk-visually-hidden\" aria-labelledby=\"pagination-label\">Pagination navigation</p>\n\n  <ul class=\"hmcts-pagination__list\">\n    <li class=\"hmcts-pagination__item  hmcts-pagination__item--prev\">\n      <a *ngIf=\"firstRecord > 1; else noPrevious\" class=\"hmcts-pagination__link\" (click)=\"onPrevious()\" href=\"javascript:void(0)\">\n        Previous page\n      </a>\n      <ng-template #noPrevious>\n        <span class=\"hmcts-pagination__link\">Previous page</span>\n      </ng-template>\n    </li>\n\n    <li class=\"hmcts-pagination__item  hmcts-pagination__item--next\">\n      <a *ngIf=\"moreItems; else noNext\" class=\"hmcts-pagination__link\" (click)=\"onNext()\" href=\"javascript:void(0)\">Next page</a>\n      <ng-template #noNext>\n        <span class=\"hmcts-pagination__link\">Next page</span>\n      </ng-template>\n    </li>\n  </ul>\n</nav>\n",
+                        styles: ["span.hmcts-pagination__link:hover{color:revert}"]
+                    }] }
+        ];
+        /** @nocollapse */
+        PaginationComponent.ctorParameters = function () { return []; };
+        PaginationComponent.propDecorators = {
+            moreItems: [{ type: i0.Input }],
+            firstRecord: [{ type: i0.Input }],
+            previousPage: [{ type: i0.Output }],
+            nextPage: [{ type: i0.Output }]
+        };
+        return PaginationComponent;
+    }());
+
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/components/public_api.ts
@@ -3871,7 +4261,14 @@
          * @return {?}
          */
             function (searchOptions) {
-                return this.http.post('/workallocation2/findPerson', { searchOptions: searchOptions });
+                /** @type {?} */
+                var userInfoStr = this.sessionStorageService.getItem('userDetails');
+                if (userInfoStr && !searchOptions.userIncluded) {
+                    /** @type {?} */
+                    var userInfo = JSON.parse(userInfoStr);
+                    this.userId = userInfo.id ? userInfo.id : userInfo.uid;
+                }
+                return this.http.post('/workallocation2/findPerson', { searchOptions: searchOptions, userId: this.userId });
             };
         /**
          * @param {?} searchOptions
@@ -3883,6 +4280,13 @@
          */
             function (searchOptions) {
                 var _this = this;
+                /** @type {?} */
+                var userInfoStr = this.sessionStorageService.getItem('userDetails');
+                if (userInfoStr) {
+                    /** @type {?} */
+                    var userInfo = JSON.parse(userInfoStr);
+                    this.userId = userInfo.id ? userInfo.id : userInfo.uid;
+                }
                 if (!this.sessionStorageService.getItem(FindAPersonService.caseworkersKey)) {
                     this.http.get('/workallocation2/caseworker').pipe(operators.tap(( /**
                      * @param {?} caseworkerList
@@ -3900,10 +4304,15 @@
                 var people = caseworkers ? this.mapCaseworkers(caseworkers, roleCategory) : [];
                 /** @type {?} */
                 var searchTerm = searchOptions && searchOptions.searchTerm ? searchOptions.searchTerm.toLowerCase() : '';
-                return rxjs.of(people.filter(( /**
+                /** @type {?} */
+                var finalPeopleList = people.filter(( /**
+                 * @param {?} person
+                 * @return {?}
+                 */function (person) { return person && person.name && person.name.toLowerCase().includes(searchTerm); }));
+                return searchOptions.userIncluded ? rxjs.of(finalPeopleList) : rxjs.of(finalPeopleList.filter(( /**
                  * @param {?} person
                  * @return {?}
-                 */function (person) { return person && person.name && person.name.toLowerCase().includes(searchTerm); })));
+                 */function (person) { return person && person.id !== _this.userId; })));
             };
         /**
          * @param {?} caseworkers
@@ -3966,6 +4375,10 @@
             this.domain = PersonRole.ALL;
             this.submitted = true;
             this.disabled = null;
+            this.userIncluded = false;
+            this.placeholderContent = '';
+            this.isNoResultsShown = false;
+            this.showUpdatedColor = false;
             this.showAutocomplete = false;
             this.findPersonControl = new forms.FormControl();
             this.minSearchCharacters = 2;
@@ -4080,8 +4493,8 @@
         FindPersonComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'xuilib-find-person',
-                        template: "<h1 class=\"govuk-heading-l\" *ngIf=\"title && title.length\">\n  <span class=\"govuk-caption-l\">{{title}}</span>\n  {{boldTitle}}\n</h1>\n<div class=\"govuk-form-group\" [formGroup]=\"findPersonGroup\"\n     [ngClass]=\"{'form-group-error': !findPersonGroup.valid && submitted}\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"sub-title-hint\">\n    <div id=\"sub-title-hint\" class=\"govuk-hint\" *ngIf=\"subTitle && subTitle.length\">\n      {{subTitle}}\n    </div>\n    <span id=\"validation-error\" class=\"govuk-error-message\" *ngIf=\"findPersonGroup && findPersonGroup.errors\">\n        <span class=\"govuk-visually-hidden\">Error:</span>You must select a name\n    </span>\n    <input id=\"inputSelectPerson\" type=\"text\" aria-label=\"select a person\" matInput\n           formControlName=\"findPersonControl\"\n           [matAutocomplete]=\"auto\"\n           class=\"govuk-input govuk-!-width-one-third\"\n           (ngModelChange)=\"updatedVal($event)\"\n           [attr.disabled]=\"disabled\"\n           [value]=\"selectedPerson\">\n    <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\">\n      <mat-option *ngFor=\"let option of filteredOptions | async\"\n                  [value]=\"getDisplayName(option)\"\n                  (onSelectionChange)=\"onSelectionChange(option)\"\n                  [ngClass]=\"{'hide-autocomplete': !showAutocomplete}\">\n        {{getDisplayName(option)}}\n      </mat-option>\n    </mat-autocomplete>\n  </fieldset>\n</div>\n",
-                        styles: [".mat-option:hover{background:#2596be}.hide-autocomplete{display:none}"]
+                        template: "<h1 class=\"govuk-heading-l\" *ngIf=\"title && title.length\">\n  <span class=\"govuk-caption-l\">{{title}}</span>\n  {{boldTitle}}\n</h1>\n<div class=\"govuk-form-group\" [formGroup]=\"findPersonGroup\"\n     [ngClass]=\"{'form-group-error': !findPersonGroup.valid && submitted}\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"sub-title-hint\">\n    <div id=\"sub-title-hint\" class=\"govuk-hint\" *ngIf=\"subTitle && subTitle.length\">\n      {{subTitle}}\n    </div>\n    <span id=\"validation-error\" class=\"govuk-error-message\" *ngIf=\"findPersonGroup && findPersonGroup.errors\">\n        <span class=\"govuk-visually-hidden\">Error:</span>You must select a name\n    </span>\n    <input id=\"inputSelectPerson\" type=\"text\" aria-label=\"select a person\" matInput\n           formControlName=\"findPersonControl\"\n           [matAutocomplete]=\"auto\"\n           class=\"govuk-input govuk-!-width-one-third\"\n           (ngModelChange)=\"updatedVal($event)\"\n           [placeholder]=\"placeholderContent\"\n           [attr.disabled]=\"disabled\"\n           [value]=\"selectedPerson\">\n    <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\">\n      <mat-option *ngFor=\"let option of filteredOptions | async\"\n                  [value]=\"getDisplayName(option)\"\n                  (onSelectionChange)=\"onSelectionChange(option)\"\n                  [ngClass]=\"{'hide-autocomplete': !showAutocomplete, 'select-option': showUpdatedColor}\">\n        {{getDisplayName(option)}}\n      </mat-option>\n      <mat-option [ngClass]=\"{'select-option': showUpdatedColor}\" *ngIf=\"isNoResultsShown && !(filteredOptions | async)?.length && showAutocomplete\">{{ 'No results found' }}</mat-option>\n    </mat-autocomplete>\n  </fieldset>\n</div>\n",
+                        styles: [".mat-option:hover{background:#2596be}.mat-option.select-option:hover{background:#1d70b8;color:#fff}.hide-autocomplete{display:none}"]
                     }] }
         ];
         /** @nocollapse */
@@ -4099,7 +4512,11 @@
             findPersonGroup: [{ type: i0.Input }],
             selectedPerson: [{ type: i0.Input }],
             submitted: [{ type: i0.Input }],
-            disabled: [{ type: i0.Input }]
+            disabled: [{ type: i0.Input }],
+            userIncluded: [{ type: i0.Input }],
+            placeholderContent: [{ type: i0.Input }],
+            isNoResultsShown: [{ type: i0.Input }],
+            showUpdatedColor: [{ type: i0.Input }]
         };
         return FindPersonComponent;
     }());
@@ -4181,13 +4598,14 @@
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /*
-    * Gov UK Date Component
-    * Responsible for displaying 3 input fields:
-    * day / month / year
-    * displaying errorMessage messages
-    * */
+     * Gov UK Date Component
+     * Responsible for displaying 3 input fields:
+     * day / month / year
+     * displaying errorMessage messages
+     * */
     var GovUkDateComponent = /** @class */ (function () {
         function GovUkDateComponent() {
+            this.isOptional = false;
         }
         /**
          * @return {?}
@@ -4196,11 +4614,86 @@
          * @return {?}
          */
             function () {
+                this.day = this.config.id + "_day";
+                this.month = this.config.id + "_month";
+                this.year = this.config.id + "_year";
+                /** @type {?} */
+                var dateValidator = this.DateValidator();
+                this.formGroup.get(this.day).setValidators(dateValidator);
+            };
+        /**
+         * @private
+         * @param {?} d
+         * @param {?} month
+         * @param {?} year
+         * @return {?}
+         */
+        GovUkDateComponent.prototype.isValidDate = /**
+         * @private
+         * @param {?} d
+         * @param {?} month
+         * @param {?} year
+         * @return {?}
+         */
+            function (d, month, year) {
+                /** @type {?} */
+                var dateCheck = !isNaN(d.getTime());
+                // Month mismatch occurs if the provided day or month are invalid, or either is omitted. **Note:** This is insufficient for
+                // checking date validity when the year is omitted because it defaults to 1900 - an extra check is required
+                /** @type {?} */
+                var monthMatch = d.getMonth() === month;
+                /** @type {?} */
+                var yearMatch = d.getFullYear() === year;
+                return dateCheck && monthMatch && yearMatch;
+            };
+        /**
+         * @private
+         * @param {?} value
+         * @return {?}
+         */
+        GovUkDateComponent.prototype.isEmpty = /**
+         * @private
+         * @param {?} value
+         * @return {?}
+         */
+            function (value) {
+                // Note: Intentional use of == to check for null or undefined
+                /* eslint-disable eqeqeq */
+                /* tslint:disable:triple-equals */
+                // NaN and < 0 checks required for month field
+                return value == null || value === '' || isNaN(value) || value < 0;
+                /* eslint-enable eqeqeq */
+                /* tslint:enable:triple-equals */
+            };
+        /**
+         * @return {?}
+         */
+        GovUkDateComponent.prototype.DateValidator = /**
+         * @return {?}
+         */
+            function () {
+                var _this = this;
+                return ( /**
+                 * @return {?}
+                 */function () {
+                    /** @type {?} */
+                    var day = _this.formGroup.get(_this.day).value;
+                    /** @type {?} */
+                    var month = _this.formGroup.get(_this.month).value - 1;
+                    /** @type {?} */
+                    var year = _this.formGroup.get(_this.year).value;
+                    // Validation should pass if the date field is optional and day, month, and year are all empty
+                    if (_this.isOptional && _this.isEmpty(day) && _this.isEmpty(month) && _this.isEmpty(year)) {
+                        return null;
+                    }
+                    // + to coerce year to a number
+                    return !_this.isValidDate(new Date(year, month, day), month, +year) ? { dateComponent: true } : null;
+                });
             };
         GovUkDateComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'xuilib-gov-uk-date',
-                        template: "<div class=\"govuk-form-group\" [ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\" [formGroup]=\"formGroup\">\n  <div class=\"date-input-container\">\n    <xuilib-gov-uk-fieldset\n      [config]=\"{\n        legend: config.label || 'Date component',\n        classes: config.classes || 'govuk-label--m',\n        id: config.id,\n        hint: config.hint != null ? config.hint : 'For example, 12 11 2007',\n        isPageHeading: config.isPageHeading || false}\"\n      [errorMessage]=\"errorMessage\">\n      <xuilib-gov-uk-error-message\n        [config]=\"{id: 'passport'}\"\n        *ngIf=\"errorMessage\"\n        [errorMessage]=\"errorMessage\">\n      </xuilib-gov-uk-error-message>\n\n      <div class=\"govuk-date-input\" [id]=\"config.id+'-date'\">\n        <div class=\"govuk-date-input__item\">\n          <div class=\"govuk-form-group\">\n            <xuilib-gov-label\n              [config]=\"{label: 'Day', name: config.id+'-day', id: config.id+'-day', classes: 'govuk-date-input__label'}\">\n            </xuilib-gov-label>\n            <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\"\n                   [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n                   [id]=\"config.id\"\n                   [name]=\"config.id+'-day'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n                   [formControlName]=\"config.id+'_day'\">\n          </div>\n        </div>\n        <div class=\"govuk-date-input__item\">\n          <div class=\"govuk-form-group\">\n            <xuilib-gov-label\n              [config]=\"{label: 'Month', name: config.id+'-month', id: config.id+'-month', classes: 'govuk-date-input__label'}\">\n            </xuilib-gov-label>\n            <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\"\n                   [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n                   [id]=\"config.id+'-month'\"\n                   [name]=\"config.id+'-month'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n                   [formControlName]=\"config.id+'_month'\">\n          </div>\n        </div>\n        <div class=\"govuk-date-input__item\">\n          <div class=\"govuk-form-group\">\n            <xuilib-gov-label\n              [config]=\"{label: 'Year', name: config.id+'-year', id: config.id+'-year', classes: 'govuk-date-input__label'}\">\n            </xuilib-gov-label>\n            <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\"\n                   [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n                   [id]=\"config.id+'-year'\"\n                   [name]=\"config.id+'-year'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n                   [formControlName]=\"config.id+'_year'\">\n          </div>\n        </div>\n      </div>\n    </xuilib-gov-uk-fieldset>\n  </div>\n</div>\n",
+                        template: "<div class=\"govuk-form-group\" [ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\" [formGroup]=\"formGroup\">\n  <div class=\"date-input-container\">\n    <xuilib-gov-uk-fieldset\n      [config]=\"{\n        legend: config.label || 'Date component',\n        classes: config.classes || 'govuk-label--m',\n        id: config.id,\n        hint: config.hint != null ? config.hint : 'For example, 12 11 2007',\n        isPageHeading: config.isPageHeading || false}\"\n      [errorMessage]=\"errorMessage\">\n      <xuilib-gov-uk-error-message\n        [config]=\"{id: 'passport'}\"\n        *ngIf=\"errorMessage\"\n        [errorMessage]=\"errorMessage\">\n      </xuilib-gov-uk-error-message>\n      <div class=\"govuk-date-input\" [id]=\"config.id+'-date'\">\n        <div class=\"govuk-date-input__item\">\n          <div class=\"govuk-form-group\">\n            <xuilib-gov-label\n              [config]=\"{label: 'Day', name: config.id+'-day', id: config.id+'-day', classes: 'govuk-date-input__label'}\">\n            </xuilib-gov-label>\n            <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\"\n                   [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n                   [id]=\"config.id\"\n                   [name]=\"config.id+'-day'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n                   [formControlName]=\"config.id+'_day'\">\n          </div>\n        </div>\n        <div class=\"govuk-date-input__item\">\n          <div class=\"govuk-form-group\">\n            <xuilib-gov-label\n              [config]=\"{label: 'Month', name: config.id+'-month', id: config.id+'-month', classes: 'govuk-date-input__label'}\">\n            </xuilib-gov-label>\n            <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\"\n                   [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n                   [id]=\"config.id+'-month'\"\n                   [name]=\"config.id+'-month'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n                   [formControlName]=\"config.id+'_month'\">\n          </div>\n        </div>\n        <div class=\"govuk-date-input__item\">\n          <div class=\"govuk-form-group\">\n            <xuilib-gov-label\n              [config]=\"{label: 'Year', name: config.id+'-year', id: config.id+'-year', classes: 'govuk-date-input__label'}\">\n            </xuilib-gov-label>\n            <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\"\n                   [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n                   [id]=\"config.id+'-year'\"\n                   [name]=\"config.id+'-year'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n                   [formControlName]=\"config.id+'_year'\">\n          </div>\n        </div>\n      </div>\n    </xuilib-gov-uk-fieldset>\n  </div>\n</div>\n",
                         styles: [".govuk-form-group .date-input-container{margin-bottom:30px}.govuk-form-group .date-input-container .govuk-date-input .govuk-date-input__item .govuk-form-group{margin-bottom:0}"]
                     }] }
         ];
@@ -4209,7 +4702,8 @@
         GovUkDateComponent.propDecorators = {
             config: [{ type: i0.Input }],
             errorMessage: [{ type: i0.Input }],
-            formGroup: [{ type: i0.Input }]
+            formGroup: [{ type: i0.Input }],
+            isOptional: [{ type: i0.Input }]
         };
         return GovUkDateComponent;
     }());
@@ -5061,7 +5555,9 @@
         LoadingSpinnerComponent,
         GenericFilterComponent,
         CookieBannerComponent,
-        FindPersonComponent
+        FindPersonComponent,
+        SearchLocationComponent,
+        PaginationComponent
     ];
     /** @type {?} */
     var GOV_UI_COMPONENTS = [
@@ -6133,6 +6629,8 @@
     exports.UserDetailsComponent = UserDetailsComponent;
     exports.UserListComponent = UserListComponent;
     exports.CookieBannerComponent = CookieBannerComponent;
+    exports.SearchLocationComponent = SearchLocationComponent;
+    exports.PaginationComponent = PaginationComponent;
     exports.FeatureToggleDirective = FeatureToggleDirective;
     exports.LetContext = LetContext;
     exports.LetDirective = LetDirective;
@@ -6180,6 +6678,8 @@
     exports.ɵo = InviteUserFormComponent;
     exports.ɵn = InviteUserPermissionComponent;
     exports.ɵbc = LoadingSpinnerComponent;
+    exports.ɵbm = PaginationComponent;
+    exports.ɵbk = SearchLocationComponent;
     exports.ɵv = SelectedCaseConfirmComponent;
     exports.ɵt = SelectedCaseListComponent;
     exports.ɵu = SelectedCaseComponent;
@@ -6198,32 +6698,33 @@
     exports.ɵg = FeatureToggleDirective;
     exports.ɵi = LetContext;
     exports.ɵj = LetDirective;
-    exports.ɵbs = GovUkCheckboxComponent;
-    exports.ɵby = GovUkCheckboxesComponent;
-    exports.ɵbx = GovUkDateComponent;
-    exports.ɵbv = GovUkErrorMessageComponent;
-    exports.ɵbw = GovUkFieldsetComponent;
-    exports.ɵcd = GovUkFileUploadComponent;
-    exports.ɵbt = GovUkFormGroupWrapperComponent;
-    exports.ɵbr = GovUkInputComponent;
-    exports.ɵbu = GovUkLabelComponent;
-    exports.ɵbz = GovUkRadioComponent;
-    exports.ɵca = GovUkRadiosComponent;
-    exports.ɵcb = GovUkSelectComponent;
-    exports.ɵbq = GovukTableComponent;
-    exports.ɵcc = GovUkTextareaComponent;
-    exports.ɵbp = HmctsBannerComponent;
-    exports.ɵbn = HmctsErrorSummaryComponent;
-    exports.ɵbk = HmctsIdentityBarComponent;
-    exports.ɵbo = HmctsMainWrapperComponent;
-    exports.ɵbm = HmctsPrimaryNavigationComponent;
-    exports.ɵbl = HmctsSubNavigationComponent;
-    exports.ɵce = RemoveHostDirective;
+    exports.ɵbv = GovUkCheckboxComponent;
+    exports.ɵcb = GovUkCheckboxesComponent;
+    exports.ɵca = GovUkDateComponent;
+    exports.ɵby = GovUkErrorMessageComponent;
+    exports.ɵbz = GovUkFieldsetComponent;
+    exports.ɵcg = GovUkFileUploadComponent;
+    exports.ɵbw = GovUkFormGroupWrapperComponent;
+    exports.ɵbu = GovUkInputComponent;
+    exports.ɵbx = GovUkLabelComponent;
+    exports.ɵcc = GovUkRadioComponent;
+    exports.ɵcd = GovUkRadiosComponent;
+    exports.ɵce = GovUkSelectComponent;
+    exports.ɵbt = GovukTableComponent;
+    exports.ɵcf = GovUkTextareaComponent;
+    exports.ɵbs = HmctsBannerComponent;
+    exports.ɵbq = HmctsErrorSummaryComponent;
+    exports.ɵbn = HmctsIdentityBarComponent;
+    exports.ɵbr = HmctsMainWrapperComponent;
+    exports.ɵbp = HmctsPrimaryNavigationComponent;
+    exports.ɵbo = HmctsSubNavigationComponent;
+    exports.ɵch = RemoveHostDirective;
     exports.ɵr = CaseSharingStateService;
     exports.ɵbg = CookieService;
     exports.ɵh = FeatureToggleService;
     exports.ɵbe = FilterService;
     exports.ɵbi = FindAPersonService;
+    exports.ɵbl = LocationService;
     exports.ɵbj = SessionStorageService;
 
     Object.defineProperty(exports, '__esModule', { value: true });