@hmcts/rpx-xui-common-lib 2.1.4-angular-upgrade-11 → 2.1.4

package/fesm2015/hmcts-rpx-xui-common-lib.js

@@ -1,3922 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, EventEmitter, ViewEncapsulation, Input, Output, Injectable, Inject, InjectionToken, ChangeDetectorRef, ViewChild, ChangeDetectionStrategy, ElementRef, Directive, ViewContainerRef, TemplateRef, NgModule } from '@angular/core';
-import * as i4 from '@angular/common';
-import { DOCUMENT, formatDate, CommonModule } from '@angular/common';
-import { FormBuilder, FormControl, FormGroup, Validators, FormArray, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { map, tap, filter, debounceTime, mergeMap, switchMap, catchError, distinctUntilChanged, delay } from 'rxjs/operators';
-import * as i1 from '@angular/common/http';
-import { HttpClient } from '@angular/common/http';
-import { of, zip, BehaviorSubject, Subject, combineLatest } from 'rxjs';
-import * as i1$1 from '@angular/router';
-import { Router, NavigationEnd, RouterModule } from '@angular/router';
-import * as LDClient from 'launchdarkly-js-client-sdk';
-import * as i2 from '@angular/platform-browser';
-import { Title } from '@angular/platform-browser';
-import * as i1$2 from '@ng-idle/core';
-import { DocumentInterruptSource, Idle } from '@ng-idle/core';
-import * as i2$1 from '@ng-idle/keepalive';
-import { Keepalive } from '@ng-idle/keepalive';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatInputModule } from '@angular/material/input';
-import { MatTabsModule } from '@angular/material/tabs';
-import { NgxPaginationModule, PaginatePipe } from 'ngx-pagination';
-
-class AccessibilityComponent {
-    constructor() {
-    }
-}
-AccessibilityComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-accessibility',
-                template: "<h1 class=\"govuk-heading-xl\" id=\"Accessibility-statement-for-Expert-UI\">Accessibility statement for Expert UI</h1>\n\n<ul class=\"govuk-list\">\n  <li><a href=\"accessibility#immigration\">Immigration and Asylum</a></li>\n  <li><a href=\"accessibility#family\">Family Public Law </a></li>\n</ul>\n\n<p class=\"govuk-body\">This website is run by HM Courts & Tribunals Service. We want as many people as possible to be\n  able to use this website. For example, you should be able to:</p>\n\n<ul class=\"govuk-list govuk-list--bullet\">\n  <li>change colours, contrast levels and fonts</li>\n  <li>zoom in up to 300% without the text spilling off the screen</li>\n  <li>navigate most of the website using just a keyboard</li>\n  <li>navigate most of the website using speech recognition software</li>\n  <li>listen to most of the website using a screen reader (including the most recent versions of JAWS, NVDA and\n    VoiceOver)\n  </li>\n</ul>\n\n<p class=\"govuk-body\">We\u2019ve also made the website text as simple as possible to understand.</p>\n\n<p class=\"govuk-body\"><a rel=\"noopener noreferrer\" target=\"_blank\" href=\"https://mcmw.abilitynet.org.uk/\">AbilityNet</a>\n  has advice on making your device easier to use if you have a disability.</p>\n\n<h2 class=\"govuk-heading-l\" id=\"How-accessible-this-website-is\">How accessible this website is</h2>\n\n<p class=\"govuk-body\">We know some parts of the website are not fully accessible:</p>\n\n<ul class=\"govuk-list govuk-list--bullet\">\n  <li>some pages are difficult to navigate using just a keyboard</li>\n  <li>some pages can\u2019t be listened to in full using a screen reader</li>\n  <li>some pages have problems with colour contrasts between text and background</li>\n  <li>some PDFs may not be fully accessible to a screen reader</li>\n</ul>\n\n<h2 class=\"govuk-heading-l\" id=\"What-to-do-if-you-cannot-access-parts-of-this-website\">Feedback and contact\n  information</h2>\n\n<p class=\"govuk-body\">If you need information on this website in a different format like accessible PDF, large print,\n  easy read, audio recording or braille, you can:</p>\n\n<ul class=\"govuk-list govuk-list--bullet\">\n  <li>email: <a href=\"mailto:HMCTSforms@justice.gov.uk\"> HMCTSforms@justice.gov.uk</a></li>\n  <li>call: +44 (0) 300 123 1711</li>\n  <li>contact your service representative</li>\n</ul>\n\n<p class=\"govuk-body\">We\u2019ll consider your request and get back to you in 10 working days.</p>\n\n<h2 class=\"govuk-heading-l\" id=\"Reporting-accessibility-problems-with-this-website\">Reporting accessibility problems\n  with this website</h2>\n\n<p class=\"govuk-body\">We\u2019re always looking to improve the accessibility of this website. If you find any problems not\n  listed on this page or think we\u2019re not meeting accessibility requirements, contact:</p>\n\n<ul class=\"govuk-list govuk-list--bullet\">\n  <li>email: <a href=\"mailto:customer.service@justice.gov.uk\"> customer.service@justice.gov.uk</a></li>\n  <li>telephone: +44 (0) 300 123 1711</li>\n</ul>\n\n<h2 class=\"govuk-heading-l\" id=\"Enforcement-procedure \">Enforcement procedure</h2>\n\n<p class=\"govuk-body\">The Equality and Human Rights Commission (EHRC) is responsible for enforcing the Public Sector\n  Bodies (Websites and Mobile Applications) (No. 2) Accessibility Regulations 2018 (the \u2018accessibility\n  regulations\u2019). </p>\n\n<p class=\"govuk-body\">If you\u2019re not happy with how we respond to your complaint, <a rel=\"noopener noreferrer\"\n                                                                                    target=\"_blank\"\n                                                                                    href=\"https://www.equalityadvisoryservice.com/\">contact\n  the Equality Advisory and Support Service (EASS).</a></p>\n\n<h1 class=\"govuk-heading-l\" id=\"Contacting-us-by-phone-or-visiting-us-in-person\">Contacting us by phone or visiting us\n  in person</h1>\n\n<p class=\"govuk-body\">We provide a text relay service for people who are D/deaf, hearing impaired or have a speech\n  impediment.</p>\n\n<p class=\"govuk-body\">Our offices and tribunal venues have audio induction loops, or if you contact us before your visit\n  we can arrange a British Sign Language (BSL) interpreter. You can also request step-free access or a foreign language\n  interpreter.</p>\n\n<p class=\"govuk-body\">If you have a question about accessibility in our Tribunal venues, you can contact the First-tier\n  Tribunal enquiry line: +44 (0) 300 123 1711. You can <a target=\"_blank\"\n                                                          href=\"https://courttribunalfinder.service.gov.uk/search/\">find\n    the contact details for court and tribunal venues</a>. </p>\n\n<p class=\"govuk-body\">You can also contact your service representative for more information.</p>\n\n<h1 class=\"govuk-heading-l\" id=\"Technical-information-about-this-website\u2019s-accessibility\">Technical information about\n  this website\u2019s accessibility</h1>\n\n<p class=\"govuk-body\">HMCTS is committed to making its website accessible, in accordance with the Public Sector Bodies\n  (Websites and Mobile Applications) (No.2) Accessibility Regulations 2018.</p>\n\n<p class=\"govuk-body\">This website is partially compliant with the <a rel=\"noopener noreferrer\" target=\"_blank\"\n                                                                      href=\"https://www.w3.org/TR/WCAG21/\">Web Content\n  Accessibility Guidelines version 2.1</a>, due to the non-compliances listed below.</p>\n\n<h1 class=\"govuk-heading-l\" id=\"Non-accessible-content\">Non-accessible content </h1>\n\n<p class=\"govuk-body\">The content listed below is non-compliant for the following reasons.</p>\n\n<h2 class=\"govuk-heading-l\" id=\"Non-compliance-with-the-accessibility-regulations\">Non-compliance with the accessibility\n  regulations</h2>\n\n<p class=\"govuk-body\">Some pages cannot be navigated completely using just a keyboard, so some people won\u2019t be able to\n  tab through the pages. This fails WCAG 2.1 success criterion 2.1 (keyboard accessible).</p>\n\n<p class=\"govuk-body\">Some pages can\u2019t be listened to in full using a screen reader, so some people won\u2019t be able to\n  access the information. This fails WCAG 2.1 success criterion 1.2.5 (audio description \u2013 prerecorded).</p>\n\n<p class=\"govuk-body\">Some of the contrast ratios don\u2019t meet the current accessibility requirements. This fails WCAG 2.1\n  success criterion 1.4.3 (contrast \u2013 minimum).</p>\n\n<h3 class=\"govuk-heading-m\" id=\"immigration\">Immigration and Asylum</h3>\n\n<p class=\"govuk-body\">Some of the images on the service include text and are not accessible for some low vision users.\n  We have identified a solution for this issue that we will implement as soon as possible.</p>\n\n<h3 class=\"govuk-heading-m\" id=\"family\">Family Public Law </h3>\n\n<ol class=\"govuk-list govuk-list--alpha\">\n  <li>The navigation system used in family public law cannot be rendered well by screen readers, so features can\u2019t be\n    listened to in full\n  </li>\n  <li>Some essential functions within the family public law digital service cannot be accessed properly using screen\n    readers\n  </li>\n  <li>Some complex forms within the service will not be rendered correctly or cannot be listened to by screen readers\n  </li>\n</ol>\n\n<h2 class=\"govuk-heading-m\" id=\"Disproportionate burden \">Disproportionate burden </h2>\n\n<p class=\"govuk-body\">For Manage organisation, Register organisation, Approve organisations and Manage cases, we found\n  the following issues that are currently being triaged to find out if there is a disproportionate burden:</p>\n\n<ol class=\"govuk-list govuk-list--alpha\">\n  <li>Screen readers can\u2019t switch between headers, read content in tabs and buttons</li>\n  <li>Screen readers can\u2019t tab between radio buttons, read links or content</li>\n  <li>Colour contrast ratios uneven between page background and content</li>\n  <li>Some labels, fields, error messages and other content can\u2019t be clearly identified by screen readers and voice\n    activation software\n  </li>\n  <li>Some page headings and titles don\u2019t follow a logical structure for screen readers</li>\n  <li>The navigation of some pages isn\u2019t clear</li>\n  <li>Some headings, links and button labels aren\u2019t clearly descriptive</li>\n</ol>\n\n<h2 class=\"govuk-heading-m\" id=\"Content-that\u2019s-not-within-the-scope-of-the-accessibility-regulations\">Content that\u2019s not\n  within the scope of the accessibility regulations </h2>\n\n<p class=\"govuk-body\">PDFs, documents and attachments to email notifications published before 23 September 2018 may not\n  meet accessibility standards. For example, they may not be structured so they\u2019re accessible to a screen reader.</p>\n\n<p class=\"govuk-body\">Any new PDFs or Word documents we publish will meet accessibility standards.</p>\n\n<h1 class=\"govuk-heading-l\" id=\"what-to-improve-accessibility\">What we\u2019re doing to improve accessibility</h1>\n\n<p class=\"govuk-body\">We\u2019re committed to ensuring our services are accessible to all our users and that they comply with\n  level AA of the Web Content Accessibility Guidelines \u2013 WCAG 2.1.</p>\n\n<p class=\"govuk-body\">We\u2019re actively working to improve the identified issues and make them AA-compliant by 23 September\n  2020. We\u2019re also continuing to improve all other AAA-level accessibility issues as we iterate the service.</p>\n\n<h1 class=\"govuk-heading-l\" id=\"preparation-of-this-accessibility-statement\">Preparation of this accessibility\n  statement</h1>\n\n<p class=\"govuk-body\">This statement was prepared on 16 September 2019. It was last reviewed on 16 September 2020.</p>\n\n<p class=\"govuk-body\">This website was last tested on 19 May 2020. The test was carried out by the <a target=\"_blank\"\n                                                                                                      href=\"https://digitalaccessibilitycentre.org/\">Digital\n  Accessibility Centre (DAC)</a>.</p>\n\n<h3 class=\"govuk-heading-m\">Family Private Law:</h3>\n\n<p class=\"govuk-body\">This service has not yet been tested for accessibility issues. In the future, we will conduct an\n  accessibility audit in order to find out if there are any accessibility issues. The accessibility statement will be\n  updated with any relevant changes that we find.</p>\n\n<p class=\"govuk-body\">If there are any issues with accessing information or using this website please contact:</p>\n\n<ol class=\"govuk-list govuk-list--bullet\">\n  <li>Nicola Whitcher - 02380 384324</li>\n  <li>Hannah Townley - 02380 384313</li>\n</ol>",
-                styles: [".govuk-list--alpha{padding-left:20px;list-style-type:lower-alpha}"]
-            },] }
-];
-AccessibilityComponent.ctorParameters = () => [];
-
-class CheckboxListComponent {
-    constructor() {
-        /**
-         * The options to show checkboxes for. Note that the type
-         * within the array corresponds to the one for the component.
-         */
-        this.options = [];
-        /**
-         * Whenever the selection changes, this event fires. What is dispatched
-         * is the current selection, also retrievable from .selection.
-         */
-        this.selectionChange = new EventEmitter();
-    }
-    /**
-     * The currently selected values.
-     * Note: This array is immutable, which means pushing and popping will
-     * have no effect on which checkboxes are selected.
-     */
-    get selection() {
-        return this.pSelection ? [...this.pSelection] : [];
-    }
-    set selection(value) {
-        this.pSelection = this.getSelection(value);
-    }
-    /**
-     * Indicates whether or not all of the items are selected.
-     */
-    get allSelected() {
-        return this.selection.length === this.options.length;
-    }
-    // Catch any changes to any of the Input() properties.
-    ngOnChanges() {
-        // Set up the pre-selected values.
-        this.setupPreselection();
-        // Now check the current selection to make sure it's valid.
-        this.checkSelection();
-    }
-    /**
-     * Indicates whether or not there are any options to render.
-     */
-    get hasOptions() {
-        return this.options && this.options.length > 0;
-    }
-    get isFunctional() {
-        return this.labelFunction && this.hasOptions;
-    }
-    /**
-     * Indicates whether or not an item is part of the current selection.
-     * @param item The item in question.
-     */
-    isSelected(item) {
-        return this.selection.includes(item);
-    }
-    /**
-     * If an item is already selected, it will be removed from the selection.
-     * Otherwise, it will be added to the selection..
-     */
-    toggleItemSelection(item) {
-        if (this.pSelection === undefined) {
-            // If we don't have any selection at all yet, make it just this item.
-            this.pSelection = [item];
-        }
-        else if (this.isSelected(item)) {
-            // If this item is already selected, remove it.
-            this.pSelection.splice(this.pSelection.indexOf(item), 1);
-        }
-        else {
-            // If it's not selected, add it.
-            this.pSelection.push(item);
-        }
-        // Indicate that the user has now made an active selection.
-        this.pSelectionMade = true;
-        // Now emit an event so any containers know about the change to selection.
-        this.selectionChange.emit(this.selection);
-    }
-    /**
-     * If all of the items are selected, deselect them all.
-     * Otherwise, select them all.
-     */
-    toggleSelectAll() {
-        // Do we already have them all selected?
-        if (this.allSelected) {
-            // If so, clear out the selection.
-            this.pSelection = [];
-        }
-        else {
-            // If not, select all of them.
-            this.pSelection = [...this.options];
-        }
-        // Indicate that the user has now made an active selection.
-        this.pSelectionMade = true;
-        // Now emit an event so any containers know about the change to selection.
-        this.selectionChange.emit(this.pSelection);
-    }
-    /**
-     * Use the labelFunction to determine whether the options include the item.
-     * This is to handle partial objects being set in the pre-selection where
-     * they may not be available by the same mechanism as the options.
-     *
-     * @param items The array of items in which to look for the item.
-     * @param item The item to check in the options.
-     */
-    containsItem(items, item) {
-        if (this.isFunctional) {
-            const itemLabel = this.labelFunction(item);
-            return items.some(opt => {
-                return this.labelFunction(opt) === itemLabel;
-            });
-        }
-        return false;
-    }
-    // Simple utility function to indicate whether there is an active preselection.
-    get hasPreselection() {
-        return this.preselection && this.preselection.length > 0;
-    }
-    // Set up the initially selected values.
-    // NOTE: If the preselection changes and the user has NOT made an active selection,
-    // the current selection will also be changed. As soon as the user has made an
-    // active selection, however, the preselection is no longer relevant.
-    setupPreselection() {
-        if (this.isFunctional && !this.pSelectionMade && this.hasPreselection) {
-            let changed = true; // Assume this is a change.
-            if (this.pSelection) {
-                // If there is no difference between the arrays, this is not a change.
-                changed = this.pSelection.filter((item) => {
-                    return !this.containsItem(this.preselection, item);
-                }).length > 0;
-            }
-            // If this is a change, update the selection and then emit an
-            // event so any containers know about the change to selection.
-            if (changed) {
-                this.pSelection = this.getSelection(this.preselection);
-                this.selectionChange.emit(this.selection);
-            }
-        }
-    }
-    getSelection(items) {
-        return [
-            ...this.options.filter(opt => {
-                return this.containsItem(items, opt);
-            })
-        ];
-    }
-    // The options have changed. Let's make sure the selection
-    // doesn't contain anything that's not currently an option.
-    checkSelection() {
-        if (this.isFunctional) {
-            // Check which of the currently selected items are actually options.
-            const allowedSelection = this.selection.filter((item) => {
-                return this.containsItem(this.options, item);
-            });
-            // If any have dropped out, change the selection.
-            if (allowedSelection.length !== this.selection.length) {
-                this.pSelection = [...allowedSelection];
-                // And emit an event so any containers know about the change to selection.
-                this.selectionChange.emit(this.selection);
-            }
-        }
-    }
-}
-CheckboxListComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-checkbox-list',
-                template: "<div class=\"xui-checkbox-list govuk-checkboxes govuk-checkboxes--small\" *ngIf=\"isFunctional\">\n  <div class=\"select-all govuk-checkboxes__item\">\n    <input type=\"checkbox\" id=\"select_all\" class=\"govuk-checkboxes__input\" [checked]=\"allSelected\"\n           (change)=\"toggleSelectAll()\" />\n    <label for=\"select_all\" class=\"govuk-label govuk-checkboxes__label\">Select all / Deselect all</label>\n  </div>\n  <div class=\"checkbox-items\">\n    <div *ngFor=\"let item of options; let i = index\" class=\"govuk-checkboxes__item\">\n      <input type=\"checkbox\" [id]=\"'select_' + i\" class=\"govuk-checkboxes__input\" [checked]=\"isSelected(item)\"\n             (change)=\"toggleItemSelection(item)\" />\n      <label [for]=\"'select_' + i\" class=\"govuk-label govuk-checkboxes__label\">{{labelFunction(item)}}</label>\n    </div>\n  </div>\n</div>\n",
-                encapsulation: ViewEncapsulation.None,
-                styles: [".xui-checkbox-list .select-all{margin-bottom:10px}.xui-checkbox-list .checkbox-items{display:flex;flex-direction:column;flex-wrap:wrap;height:100%;max-height:100%;align-items:flex-start;align-content:flex-start;width:100%;max-width:100%;overflow-x:scroll}"]
-            },] }
-];
-CheckboxListComponent.propDecorators = {
-    options: [{ type: Input }],
-    preselection: [{ type: Input }],
-    labelFunction: [{ type: Input }],
-    selectionChange: [{ type: Output }],
-    selection: [{ type: Input }]
-};
-
-class ContactDetailsComponent {
-    constructor() {
-    }
-}
-ContactDetailsComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-contact-details',
-                template: "<div class=\"contact-details\" *ngIf=\"data\">\n  <h3 class=\"govuk-heading-m\" *ngIf=\"data.title\">{{ data.title }}</h3>\n  <p *ngIf=\"data.badgeText\"><span [className]=\"'hmcts-badge ' + data.badgeColour\">{{ data.badgeText }}</span></p>\n  <div class=\"email\" *ngIf=\"data.email\"><span class=\"govuk-!-font-weight-bold\">Email: </span> <a href=\"mailto:{{ data.email }}\">{{ data.email }}</a></div>\n  <div class=\"phone\" *ngIf=\"data.phone\"><span class=\"govuk-!-font-weight-bold\">Phone: </span>{{ data.phone }}</div>\n  <div class=\"opening-times\" *ngIf=\"data.openingTimes\"><span class=\"govuk-!-font-weight-bold\">Opening times: </span>{{ data.openingTimes}}</div>\n</div>\n\n",
-                styles: [".contact-details{margin-top:30px}.contact-details h3,.contact-details p{margin-bottom:10px}"]
-            },] }
-];
-ContactDetailsComponent.ctorParameters = () => [];
-ContactDetailsComponent.propDecorators = {
-    data: [{ type: Input }]
-};
-
-class CookieService {
-    constructor(doc) {
-        this.document = doc;
-    }
-    setCookie(key, value, expiryDate) {
-        const expiry = expiryDate ? ` expires=${expiryDate}` : '';
-        const cookie = `${key}=${value};${expiry}`;
-        this.document.cookie = cookie;
-    }
-    getCookie(key) {
-        const cookieValue = this.document.cookie
-            .split('; ')
-            .find(row => row.startsWith(`${key}=`))
-            .split('=')[1];
-        return cookieValue;
-    }
-    deleteCookie(key, path, domain) {
-        const pathValue = path ? `; path=${path}` : '';
-        const domainValue = domain ? `; domain=${domain}` : '';
-        this.document.cookie = `${key}=${pathValue}${domainValue}; expires=Thu, 01 Jan 1970 00:00:01 GMT; max-age=0`;
-    }
-    deleteCookieByPartialMatch(key, path, domain) {
-        this.document.cookie
-            .split('; ')
-            .filter(row => row.startsWith(`${key}`))
-            .forEach(element => {
-            this.deleteCookie(element.split('=')[0], path, domain);
-        });
-    }
-    checkCookie(key) {
-        return this.document.cookie.split('; ').some(item => item.trim().startsWith(`${key}=`));
-    }
-}
-CookieService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CookieService_Factory() { return new CookieService(i0.ɵɵinject(i4.DOCUMENT)); }, token: CookieService, providedIn: "root" });
-CookieService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-CookieService.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
-];
-
-const windowToken = new InjectionToken('Window');
-function windowProvider() { return window; }
-
-class CookieBannerComponent {
-    constructor(cookieService, window) {
-        this.cookieService = cookieService;
-        this.rejectionNotifier = new EventEmitter();
-        this.acceptanceNotifier = new EventEmitter();
-        this.isCookieBannerVisible = false;
-        this.window = window;
-    }
-    ngOnInit() {
-        this.setState();
-    }
-    acceptCookie() {
-        this.cookieService.setCookie(this.identifier, 'true', this.getExpiryDate());
-        this.setState(true);
-    }
-    rejectCookie() {
-        this.cookieService.setCookie(this.identifier, 'false', this.getExpiryDate());
-        this.setState(true);
-    }
-    setState(reload = false) {
-        this.isCookieBannerVisible = !this.cookieService.checkCookie(this.identifier);
-        if (this.areCookiesAccepted()) {
-            this.notifyAcceptance();
-        }
-        else {
-            this.notifyRejection();
-        }
-        if (reload) { // reload if any of the buttons are pressed
-            this.window.location.reload();
-        }
-    }
-    areCookiesAccepted() {
-        return this.cookieService.checkCookie(this.identifier) && this.cookieService.getCookie(this.identifier) === 'true';
-    }
-    notifyRejection() {
-        this.rejectionNotifier.emit();
-    }
-    notifyAcceptance() {
-        this.acceptanceNotifier.emit();
-    }
-    getExpiryDate() {
-        const now = new Date();
-        const time = now.getTime();
-        const expireTime = time + 31536000000; //  in 365 days = 3600 * 1000 * 24 * 365
-        now.setTime(expireTime);
-        return now.toUTCString();
-    }
-}
-CookieBannerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-cookie-banner',
-                template: "<div class=\"govuk-cookie-banner \" role=\"region\" attr.aria-label=\"'Cookies on {{appName}}'\" *ngIf=\"isCookieBannerVisible\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">Cookies on {{appName}}</h2>\n\n        <div class=\"govuk-cookie-banner__content\">\n          <p>We use some essential cookies to make this service work.</p>\n          <p>We\u2019d also like to use analytics cookies so we can understand how you use the service and make improvements.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"button\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\" (click)=\"acceptCookie()\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"button\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\" (click)=\"rejectCookie()\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" routerLink=\"/cookies\">View cookies</a>\n    </div>\n  </div>\n</div>"
-            },] }
-];
-CookieBannerComponent.ctorParameters = () => [
-    { type: CookieService },
-    { type: undefined, decorators: [{ type: Inject, args: [windowToken,] }] }
-];
-CookieBannerComponent.propDecorators = {
-    identifier: [{ type: Input }],
-    appName: [{ type: Input }],
-    rejectionNotifier: [{ type: Output }],
-    acceptanceNotifier: [{ type: Output }]
-};
-
-var DateBadgeColour;
-(function (DateBadgeColour) {
-    DateBadgeColour["RED"] = "hmcts-badge--red";
-    DateBadgeColour["ORANGE"] = "hmcts-badge--orange";
-    DateBadgeColour["GREEN"] = "hmcts-badge--green";
-})(DateBadgeColour || (DateBadgeColour = {}));
-const SECONDS_IN_A_DAY = 60 * 60 * 24;
-
-class DueDateComponent {
-    constructor() {
-        /**
-         * This should be considered HIGH urgency if there are fewer than this
-         * many days until the due date.
-         *    * Set to 0 if you want it to show HIGH if it was due yesterday.
-         *    * Set to 1 if you want it to show HIGH if it's due today.
-         *    * Set to 2 if you want it to show HIGH if it's due tomorrow.
-         *
-         * Defaults to 0 (ZERO), which means it won't show as HIGH urgency until the
-         * due date is in the past.
-         *
-         * NOTE: If this is higher than the mediumUrgencyCutoff value, MEDIUM urgency
-         * will never be shown.
-         *
-         * ALSO NOTE: Anything overdue is automatically considered HIGH urgency.
-         */
-        this.highUrgencyCutoff = 0; // Default
-        /**
-         * This should be considered MEDIUM urgency if there are fewer than this
-         * many days until the due date.
-         *    * Set to 1 if you want it to show MEDIUM if it's due today.
-         *    * Set to 2 if you want it to show MEDIUM if it's due tomorrow.
-         *    * Set to 3 if you want it to show MEDIUM if it's due the day after tomorrow.
-         *
-         * Defaults to 2, which means it won't show as MEDIUM urgency unless the
-         * due date is today or tomorrow.
-         *
-         * NOTE: If this is lower than the highUrgencyCutoff value, MEDIUM urgency
-         * will never be shown.
-         */
-        this.mediumUrgencyCutoff = 2;
-    }
-    get badge() {
-        return this.pBadge;
-    }
-    get label() {
-        return this.pLabel;
-    }
-    get accessibleLabel() {
-        return this.pAccessibleLabel;
-    }
-    get daysDiff() {
-        return this.pDaysDiff;
-    }
-    // Catch any changes to any of the Input() properties.
-    ngOnChanges() {
-        this.handleInputChanges();
-    }
-    // Set up the label, urgency class, and accessibility fields.
-    handleInputChanges() {
-        // If we don't have a dueDate, skip out of here.
-        if (!this.dueDate) {
-            return;
-        }
-        // How many days from today is the due date?
-        // Already happened means daysDiff > 0;
-        // Today means daysDiff = 0;
-        // Yet to come means daysDiff < 0;
-        this.pDaysDiff = this.getDaysDifference(this.dueDate, new Date());
-        // Is it overdue?
-        if (this.daysDiff > 0) {
-            this.pBadge = DateBadgeColour.RED;
-            const daysLabel = this.daysDiff === 1 ? 'day' : 'days';
-            this.pLabel = `+${this.daysDiff} ${daysLabel}`;
-            this.pAccessibleLabel = `This task is ${this.daysDiff} ${daysLabel} past its due date`;
-        }
-        else {
-            // Special label for "Today".
-            if (this.daysDiff === 0) {
-                this.pLabel = 'TODAY';
-                this.pAccessibleLabel = 'This task is due to be completed today';
-            }
-            else {
-                this.pLabel = `${formatDate(this.dueDate, 'd MMM', 'en-GB')}`;
-                this.pAccessibleLabel = `This task is due to be completed by ${formatDate(this.dueDate, 'd MMMM y', 'en-GB')}`;
-            }
-            if (this.daysDiff + this.highUrgencyCutoff > 0) {
-                this.pBadge = DateBadgeColour.RED;
-            }
-            else if (this.daysDiff + this.mediumUrgencyCutoff > 0) {
-                this.pBadge = DateBadgeColour.ORANGE;
-            }
-            else {
-                this.pBadge = DateBadgeColour.GREEN;
-            }
-        }
-    }
-    // This will return the difference between two dates.
-    // If fromDate is BEFORE toDate, it will be a positive number.
-    // If fromDate is AFTER toDate, it will be a negative number.
-    getDaysDifference(fromDate, toDate) {
-        const fromEpoch = fromDate.getTime();
-        const toEpoch = toDate.getTime();
-        const diffSecs = Math.floor((toEpoch - fromEpoch) / 1000);
-        return Math.floor(diffSecs / SECONDS_IN_A_DAY);
-    }
-}
-DueDateComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-due-date',
-                template: "<span *ngIf=\"dueDate\" class=\"due-date hmcts-badge\" [ngClass]=\"badge\"\n      [title]=\"accessibleLabel\" [attr.aria-label]=\"accessibleLabel\">\n  {{label}}\n</span>",
-                encapsulation: ViewEncapsulation.None,
-                styles: [".due-date{white-space:nowrap}.due-date.hmcts-badge--orange{color:#f47738;border-color:#f47738}"]
-            },] }
-];
-DueDateComponent.propDecorators = {
-    dueDate: [{ type: Input }],
-    highUrgencyCutoff: [{ type: Input }],
-    mediumUrgencyCutoff: [{ type: Input }]
-};
-
-/**
- * Main Page Wrapper
- * Responsible for:
- * Wrapping content within the gov-uk html elements bellow
- * @prop showBackLink - switch for back link
- * @prop appHeaderTitle = appHeaderTitle
- * @prop appFunctionalTitle = appFunctionalTitle
- * @prop summaryErrors list of errors
- * @prop back link, appHeaderTitle (appHeaderTitle), summaryErrors (array of errors)
- */
-class ExuiPageWrapperComponent {
-    constructor() { }
-}
-ExuiPageWrapperComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'exui-page-wrapper',
-                template: "<div class=\"page\">\n  <a *ngIf=\"backLink\" [routerLink]=\"backLink\" class=\"govuk-back-link\">Back</a>\n  <div class=\"govuk-width-container\">\n    <main id=\"content\" role=\"main\" class=\"govuk-main-wrapper\">\n      <div class=\"govuk-grid-row\">\n        <h1 *ngIf=\"title\" class=\"govuk-heading-xl\">\n          <span *ngIf=\"fnTitle\" class=\"govuk-caption-xl\">{{fnTitle}}</span>\n          {{title}}\n        </h1>\n        <ng-content>\n\n        </ng-content>\n      </div>\n    </main>\n  </div>\n</div>\n",
-                styles: [".page{width:100%}"]
-            },] }
-];
-ExuiPageWrapperComponent.ctorParameters = () => [];
-ExuiPageWrapperComponent.propDecorators = {
-    backLink: [{ type: Input }],
-    title: [{ type: Input }],
-    fnTitle: [{ type: Input }]
-};
-
-function minSelectedValidator(min) {
-    return (control) => {
-        const values = control.value;
-        return values.length && values.filter(value => value).length >= min ? null : { minLength: true };
-    };
-}
-function maxSelectedValidator(max) {
-    return (control) => {
-        const values = control.value;
-        return values.length && values.filter(value => value).length <= max ? null : { maxLength: true };
-    };
-}
-function getValues(options, values) {
-    return options.reduce((acc, option, index) => {
-        if (values[index]) {
-            return [...acc, option.key];
-        }
-        return acc;
-    }, []);
-}
-
-var BadgeColour;
-(function (BadgeColour) {
-    BadgeColour["BADGE_RED"] = "hmcts-badge--red";
-    BadgeColour["BADGE_BLUE"] = "hmcts-badge--blue";
-    BadgeColour["BADGE_GREEN"] = "hmcts-badge--green";
-})(BadgeColour || (BadgeColour = {}));
-
-class AnonymousFeatureUser {
-}
-class LoggedInFeatureUser {
-}
-
-var BookingCheckType;
-(function (BookingCheckType) {
-    BookingCheckType["NO_CHECK"] = "NO_CHECK";
-    BookingCheckType["BOOKINGS_AND_BASE"] = "BOOKINGS_AND_BASE";
-    BookingCheckType["POSSIBLE_BOOKINGS"] = "POSSIBLE_BOOKINGS";
-})(BookingCheckType || (BookingCheckType = {}));
-
-var PersonRole;
-(function (PersonRole) {
-    PersonRole["JUDICIAL"] = "Judicial";
-    PersonRole["CASEWORKER"] = "Legal Ops";
-    PersonRole["ADMIN"] = "Admin";
-    PersonRole["ALL"] = "All";
-})(PersonRole || (PersonRole = {}));
-// Note: RoleCategory could replace PersonRole possibly
-// However a lot of webapp logic is based on current PersonRole understanding
-var RoleCategory;
-(function (RoleCategory) {
-    RoleCategory["JUDICIAL"] = "JUDICIAL";
-    RoleCategory["CASEWORKER"] = "LEGAL_OPERATIONS";
-    RoleCategory["ADMIN"] = "ADMIN";
-    RoleCategory["ALL"] = "ALL";
-})(RoleCategory || (RoleCategory = {}));
-
-class RadioFilterFieldConfig {
-}
-
-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(serviceIds, locationType, searchTerm, userLocations, bookingLocations) {
-        return this.http.post(`api/locations/getLocations`, { serviceIds, locationType, searchTerm, userLocations, bookingLocations });
-    }
-    /**
-     * @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}`);
-    }
-}
-LocationService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LocationService_Factory() { return new LocationService(i0.ɵɵinject(i1.HttpClient)); }, token: LocationService, providedIn: "root" });
-LocationService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-LocationService.ctorParameters = () => [
-    { type: HttpClient }
-];
-
-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();
-    }
-}
-SessionStorageService.ɵprov = i0.ɵɵdefineInjectable({ factory: function SessionStorageService_Factory() { return new SessionStorageService(); }, token: SessionStorageService, providedIn: "root" });
-SessionStorageService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-
-class SearchLocationComponent {
-    constructor(locationService, sessionStorageService, fb, cd) {
-        this.locationService = locationService;
-        this.sessionStorageService = sessionStorageService;
-        this.fb = fb;
-        this.cd = cd;
-        this.disabled = null;
-        this.singleMode = false;
-        this.locationType = '';
-        this.serviceIds = '';
-        this.submitted = true;
-        this.delay = 500;
-        this.showAutocomplete = false;
-        this.locations = [];
-        this.locationSelected = new EventEmitter();
-        this.locationInputChanged = new EventEmitter();
-        this.searchLocationChanged = new EventEmitter();
-        this.minSearchCharacters = 3;
-        this.term = '';
-        this.pSelectedLocations = [];
-        this.pReset = true;
-        this.form = this.fb.group({
-            searchTerm: ['']
-        });
-    }
-    get reset() {
-        return this.pReset;
-    }
-    set reset(value) {
-        this.pReset = value;
-        this.resetSearchTerm();
-    }
-    get selectedLocations() {
-        return this.pSelectedLocations;
-    }
-    set selectedLocations(value) {
-        this.pSelectedLocations = value;
-    }
-    ngOnInit() {
-        if (this.singleMode && this.selectedLocations.length > 0) {
-            const location = this.selectedLocations[0];
-            this.form.controls.searchTerm.patchValue(location.site_name, { emitEvent: false, onlySelf: true });
-        }
-        this.search();
-    }
-    filter(term) {
-        this.getLocations(term).pipe(map((locations) => this.removeSelectedLocations(locations)));
-    }
-    onSelectionChange(location) {
-        this.form.controls.searchTerm.patchValue(location.site_name, { emitEvent: false, onlySelf: true });
-        this.locationSelected.emit(location);
-    }
-    search() {
-        this.form.controls.searchTerm.valueChanges
-            .pipe(tap((term) => this.locationInputChanged.next(term)), tap(() => this.locations = []), tap((term) => this.term = term), filter(term => !!term && term.length >= this.minSearchCharacters), debounceTime(this.delay), mergeMap(value => this.getLocations(value)), map((locations) => this.removeSelectedLocations(locations))).subscribe(locations => {
-            this.locations = locations;
-            this.cd.markForCheck();
-            if (locations.length === 1 && this.term === locations[0].site_name && !this.singleMode) {
-                this.locationSelected.emit(locations[0]);
-                this.showAutocomplete = false;
-                return;
-            }
-            this.showAutocomplete = true;
-        });
-    }
-    onInput() {
-        this.searchLocationChanged.emit();
-    }
-    getLocations(term) {
-        let userLocations;
-        let bookingLocations;
-        // Booking type info - can create more
-        // NO_CHECK - All work - Do not filter out locations - Default assumption
-        // ONLY_BOOKINGS - My work - Try to only show base locations/booking locations
-        // POSSIBLE_BOOKINGS - Create booking screen - Show only potential bookings
-        if (this.bookingCheck === BookingCheckType.BOOKINGS_AND_BASE) {
-            userLocations = JSON.parse(this.sessionStorageService.getItem('userLocations'));
-            bookingLocations = JSON.parse(this.sessionStorageService.getItem('bookingLocations'));
-        }
-        else if (this.bookingCheck === BookingCheckType.POSSIBLE_BOOKINGS) {
-            userLocations = JSON.parse(this.sessionStorageService.getItem('userLocations'));
-            this.serviceIds = JSON.parse(this.sessionStorageService.getItem('bookableServices'));
-        }
-        return this.locationService.getAllLocations(this.serviceIds, this.locationType, term, userLocations, bookingLocations);
-    }
-    resetSearchTerm() {
-        this.form.controls.searchTerm.patchValue('', { emitEvent: false, onlySelf: true });
-    }
-    removeSelectedLocations(locations) {
-        if (this.singleMode) {
-            return locations;
-        }
-        return locations.filter(location => !this.selectedLocations.map(selectedLocation => selectedLocation.epimms_id).includes(location.epimms_id) && location.site_name);
-    }
-}
-SearchLocationComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'exui-search-location',
-                template: "<div class=\"auto-complete-container\">\n  <input\n    id=\"inputLocationSearch\"\n    (input)=\"onInput()\"\n    [formControl]=\"form.controls.searchTerm\"\n    [matAutocomplete]=\"autoSearchLocation\"\n    class=\"govuk-input\"\n    [attr.disabled]=\"disabled\">\n  <mat-autocomplete class=\"mat-autocomplete-panel-extend\" autoActiveFirstOption #autoSearchLocation=\"matAutocomplete\">\n    <mat-option *ngFor=\"let location of locations\"\n                (onSelectionChange)=\"onSelectionChange(location)\">\n      {{ location.site_name }}\n    </mat-option>\n    <mat-option *ngIf=\"!locations.length && showAutocomplete && term && term.length >= this.minSearchCharacters\">No results found</mat-option>\n  </mat-autocomplete>\n</div>\n",
-                styles: [".autocomplete__input--show-all-values{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:100%;width:calc(100% - 4px)}.autocomplete__menu--visible{display:block}.autocomplete__menu--hidden{display:none}.autocomplete__menu--overlay{box-shadow:0 2px 6px rgba(0,0,0,.256863);left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline{position:relative}.autocomplete__option{border-left-width:0;border-bottom:1px solid #b1b4b6;border-right-width:0;border-top-width:1px;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}"]
-            },] }
-];
-SearchLocationComponent.ctorParameters = () => [
-    { type: LocationService },
-    { type: SessionStorageService },
-    { type: FormBuilder },
-    { type: ChangeDetectorRef }
-];
-SearchLocationComponent.propDecorators = {
-    control: [{ type: Input }],
-    disabled: [{ type: Input }],
-    singleMode: [{ type: Input }],
-    locationType: [{ type: Input }],
-    serviceIds: [{ type: Input }],
-    submitted: [{ type: Input }],
-    delay: [{ type: Input }],
-    form: [{ type: Input }],
-    showAutocomplete: [{ type: Input }],
-    locations: [{ type: Input }],
-    bookingCheck: [{ type: Input }],
-    locationSelected: [{ type: Output }],
-    locationInputChanged: [{ type: Output }],
-    searchLocationChanged: [{ type: Output }],
-    reset: [{ type: Input }],
-    selectedLocations: [{ type: Input }]
-};
-
-class FindLocationComponent {
-    constructor() {
-        this.locationFieldChanged = new EventEmitter();
-        this.selectedLocations = [];
-        this.submitted = true;
-        this.enableAddLocationButton = true;
-        this.locationTitle = 'Search for a location by name';
-        this.disableInputField = false;
-        this.locations = [];
-        this.tempSelectedLocation = null;
-        this.serviceIds = 'SSCS,IA';
-        this.pServices = [];
-        this.pDisabled = false;
-    }
-    get disabled() {
-        return this.pDisabled;
-    }
-    set disabled(value) {
-        if (value) {
-            this.searchLocationComponent.resetSearchTerm();
-            this.removeSelectedValues();
-        }
-        this.pDisabled = this.disableInputField === true ? true : null;
-    }
-    get services() {
-        return this.pServices;
-    }
-    set services(value) {
-        this.pServices = value;
-        const field = this.fields.find(f => f.name === this.field.findLocationField);
-        if (field) {
-            if (typeof value === 'string') {
-                this.serviceIds = value;
-            }
-            else {
-                this.serviceIds = getValues(field.options, value).filter(x => x !== 'services_all').join(',');
-            }
-        }
-    }
-    ngOnInit() {
-        // implemented to get rid of undefined values
-        this.selectedLocations = this.selectedLocations.filter(location => location.epimms_id);
-    }
-    addLocation() {
-        if (this.tempSelectedLocation) {
-            this.selectedLocations = [...this.selectedLocations, this.tempSelectedLocation];
-            this.addSelectedLocationsToForm([this.tempSelectedLocation]);
-            this.tempSelectedLocation = null;
-            this.locations = [];
-            this.searchLocationComponent.resetSearchTerm();
-        }
-    }
-    removeLocation(location) {
-        if (location.epimms_id) {
-            this.selectedLocations = this.selectedLocations.filter(selectedLocation => selectedLocation.epimms_id !== location.epimms_id);
-            const formArray = this.form.get(this.field.name);
-            const index = formArray.value.findIndex(selectedLocation => selectedLocation.epimms_id === location.epimms_id);
-            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.locationFieldChanged.emit();
-    }
-    onLocationSelected(location) {
-        if (this.field.maxSelected === 1) {
-            this.removeSelectedValues();
-            this.addSelectedLocationsToForm([location]);
-        }
-        else {
-            if (!this.selectedLocations.find(x => x.epimms_id === location.epimms_id)) {
-                if (location.epimms_id) {
-                    this.tempSelectedLocation = location;
-                }
-            }
-        }
-    }
-    removeSelectedValues() {
-        const formArray = this.form.get(this.field.name);
-        for (let i = 0; i < formArray.length; i++) {
-            formArray.removeAt(i);
-        }
-        this.selectedLocations = [];
-    }
-    addSelectedLocationsToForm(locations) {
-        const formArray = this.form.get(this.field.name);
-        for (const location of locations) {
-            formArray.push(new FormControl(location));
-        }
-    }
-}
-FindLocationComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-find-location',
-                template: "<div class=\"location-picker-custom\">\n  <div class=\"search-location\">\n    <div>\n      <label id=\"input-selected-location-label\" *ngIf=\"locationTitle\">{{locationTitle}}</label>\n    </div>\n    <exui-search-location class=\"search-location\"\n                          [locations]=\"locations\"\n                          [selectedLocations]=\"selectedLocations\"\n                          [singleMode]=\"field.maxSelected === 1\"\n                          [bookingCheck]=\"field.bookingCheckType\"\n                          [delay]=\"300\"\n                          [disabled]=\"disabled\"\n                          [serviceIds]=\"serviceIds\"\n                          (locationInputChanged)=\"onInputChanged($event)\"\n                          (locationSelected)=\"onLocationSelected($event)\"\n                          (searchLocationChanged)=\"onSearchInputChanged()\"\n                          [locationType]=\"'case-management'\"></exui-search-location>\n    <a href=\"javascript:void(0)\" (click)=\"addLocation()\" class=\"govuk-button\" data-module=\"govuk-button\" *ngIf=\"enableAddLocationButton\">\n      Add location\n    </a>\n  </div>\n  <ul class=\"hmcts-filter-tags selection-container\" *ngIf=\"field.maxSelected != 1\">\n    <li class=\"location-selection\"  *ngFor=\"let selection of selectedLocations\">\n      <a class=\"hmcts-filter__tag\" (click)=\"removeLocation(selection)\" href=\"javascript:void(0)\">\n        {{ selection.site_name }}\n      </a>\n    </li>\n  </ul>\n</div>\n",
-                styles: [""]
-            },] }
-];
-FindLocationComponent.propDecorators = {
-    locationFieldChanged: [{ type: Output }],
-    selectedLocations: [{ type: Input }],
-    submitted: [{ type: Input }],
-    enableAddLocationButton: [{ type: Input }],
-    form: [{ type: Input }],
-    field: [{ type: Input }],
-    fields: [{ type: Input }],
-    locationTitle: [{ type: Input }],
-    disableInputField: [{ type: Input }],
-    searchLocationComponent: [{ type: ViewChild, args: [SearchLocationComponent, { static: true },] }],
-    disabled: [{ type: Input }],
-    services: [{ type: Input }]
-};
-
-const getAllCaseworkersFromServices = (caseworkersByService) => {
-    let allCaseworkers = [];
-    caseworkersByService.forEach(caseworkerListByService => {
-        allCaseworkers = allCaseworkers.concat(caseworkerListByService.caseworkers);
-    });
-    return allCaseworkers;
-};
-const getSessionStorageKeyForServiceId = (serviceId) => {
-    return `${serviceId}-caseworkers`;
-};
-const getCaseworkers = (serviceId, sessionStorageService) => {
-    const sessionKey = getSessionStorageKeyForServiceId(serviceId);
-    const value = sessionStorageService.getItem(sessionKey);
-    if (value) {
-        return JSON.parse(value);
-    }
-};
-const setCaseworkers = (serviceId, caseworkers, sessionStorageService) => {
-    const sessionKey = getSessionStorageKeyForServiceId(serviceId);
-    sessionStorageService.setItem(sessionKey, JSON.stringify(caseworkers));
-};
-
-class FindAPersonService {
-    constructor(http, sessionStorageService) {
-        this.http = http;
-        this.sessionStorageService = sessionStorageService;
-    }
-    find(searchOptions) {
-        const userInfoStr = this.sessionStorageService.getItem('userDetails');
-        if (userInfoStr && !searchOptions.userIncluded) {
-            const userInfo = JSON.parse(userInfoStr);
-            this.userId = userInfo.id ? userInfo.id : userInfo.uid;
-        }
-        this.assignedUser = searchOptions.assignedUser ? searchOptions.assignedUser : null;
-        return this.http.post('/workallocation/findPerson', { searchOptions })
-            .pipe(map(judiciary => judiciary.filter(judge => !([this.assignedUser, this.userId].includes(judge.id)))));
-    }
-    findCaseworkers(searchOptions) {
-        const userInfoStr = this.sessionStorageService.getItem('userDetails');
-        if (userInfoStr) {
-            const userInfo = JSON.parse(userInfoStr);
-            this.userId = userInfo.id ? userInfo.id : userInfo.uid;
-        }
-        this.assignedUser = searchOptions.assignedUser ? searchOptions.assignedUser : null;
-        const fullServices = searchOptions.services;
-        const storedServices = [];
-        const newServices = [];
-        const storedCaseworkersByService = [];
-        fullServices.forEach(serviceId => {
-            const serviceKey = getSessionStorageKeyForServiceId(serviceId);
-            if (this.sessionStorageService.getItem(serviceKey)) {
-                storedServices.push(serviceId);
-                storedCaseworkersByService.push({ service: serviceId, caseworkers: JSON.parse(this.sessionStorageService.getItem(serviceKey)) });
-            }
-            else {
-                newServices.push(serviceId);
-            }
-        });
-        // if all services are stored then return the stored caseworkers by service
-        if (storedServices.length === fullServices.length) {
-            const storedCaseworkers = getAllCaseworkersFromServices(storedCaseworkersByService);
-            return of(this.searchInCaseworkers(storedCaseworkers, searchOptions));
-        }
-        // all serviceIds passed in as node layer getting used anyway and caseworkers also stored there
-        return this.http.post('/workallocation/retrieveCaseWorkersForServices', { fullServices }).pipe(tap(caseworkersByService => {
-            caseworkersByService.forEach(caseworkerListByService => {
-                // for any new service, ensure that they are then stored in the session
-                if (newServices.includes(caseworkerListByService.service)) {
-                    setCaseworkers(caseworkerListByService.service, caseworkerListByService.caseworkers, this.sessionStorageService);
-                }
-            });
-        }), map(caseworkersByService => {
-            const givenCaseworkers = getAllCaseworkersFromServices(caseworkersByService);
-            return this.searchInCaseworkers(givenCaseworkers, searchOptions);
-        }));
-    }
-    mapCaseworkers(caseworkers, roleCategory) {
-        const people = [];
-        caseworkers.forEach((caseworker) => {
-            const thisPerson = {
-                email: caseworker.email,
-                name: `${caseworker.firstName} ${caseworker.lastName}`,
-                id: caseworker.idamId,
-                domain: caseworker.roleCategory === RoleCategory.CASEWORKER ? PersonRole.CASEWORKER : PersonRole.ADMIN,
-            };
-            if (caseworker.roleCategory === roleCategory || roleCategory === RoleCategory.ALL) {
-                people.push(thisPerson);
-            }
-        });
-        return people;
-    }
-    searchInCaseworkers(caseworkers, searchOptions) {
-        let roleCategory = RoleCategory.ALL;
-        if (!(searchOptions.userRole === PersonRole.ALL)) {
-            roleCategory = searchOptions.userRole === PersonRole.CASEWORKER ? RoleCategory.CASEWORKER : RoleCategory.ADMIN;
-        }
-        const searchTerm = searchOptions && searchOptions.searchTerm ? searchOptions.searchTerm.toLowerCase() : '';
-        const people = caseworkers ? this.mapCaseworkers(caseworkers, roleCategory) : [];
-        const finalPeopleList = people.filter(person => person && person.name && person.name.toLowerCase().includes(searchTerm));
-        return searchOptions.userIncluded ? finalPeopleList.filter(person => person && person.id !== this.assignedUser)
-            : finalPeopleList.filter(person => person && person.id !== this.userId && person.id !== this.assignedUser);
-    }
-    searchJudicial(value, serviceId) {
-        return this.http.post('api/prd/judicial/getJudicialUsersSearch', { searchString: value, serviceCode: serviceId });
-    }
-}
-FindAPersonService.caseworkersKey = 'caseworkers';
-FindAPersonService.ɵprov = i0.ɵɵdefineInjectable({ factory: function FindAPersonService_Factory() { return new FindAPersonService(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(SessionStorageService)); }, token: FindAPersonService, providedIn: "root" });
-FindAPersonService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-FindAPersonService.ctorParameters = () => [
-    { type: HttpClient },
-    { type: SessionStorageService }
-];
-
-class FindPersonComponent {
-    constructor(findPersonService, cd) {
-        this.findPersonService = findPersonService;
-        this.cd = cd;
-        this.personSelected = new EventEmitter();
-        this.personFieldChanged = new EventEmitter();
-        this.boldTitle = 'Find the person';
-        this.subTitle = 'Type the name of the person and select them.';
-        this.domain = PersonRole.ALL;
-        this.findPersonGroup = new FormGroup({});
-        this.submitted = true;
-        this.userIncluded = false;
-        this.placeholderContent = '';
-        this.isNoResultsShown = true;
-        this.showUpdatedColor = false;
-        this.selectedPersons = [];
-        this.errorMessage = 'You must select a name';
-        this.idValue = '';
-        this.services = ['IA'];
-        this.disabled = null;
-        this.showAutocomplete = false;
-        this.filteredOptions = [];
-        this.minSearchCharacters = 2;
-    }
-    ngOnDestroy() {
-        if (this.sub) {
-            this.sub.unsubscribe();
-        }
-    }
-    ngOnInit() {
-        this.findPersonControl = new FormControl(this.selectedPerson);
-        this.findPersonGroup.addControl('findPersonControl', this.findPersonControl);
-        this.sub = this.findPersonControl.valueChanges.pipe(tap(() => this.showAutocomplete = false), tap(() => this.filteredOptions = []), debounceTime(300), tap((searchTerm) => typeof searchTerm === 'string' ? this.personSelected.emit(null) : void 0), filter((searchTerm) => searchTerm && searchTerm.length > this.minSearchCharacters), switchMap((searchTerm) => this.filter(searchTerm).pipe(tap(() => this.showAutocomplete = true), catchError(() => this.filteredOptions = [])))).subscribe((people) => {
-            this.filteredOptions = people;
-            this.cd.detectChanges();
-        });
-    }
-    filter(searchTerm) {
-        const findJudicialPeople = this.findPersonService.find({ searchTerm, userRole: this.domain, services: this.services, userIncluded: this.userIncluded, assignedUser: this.assignedUser });
-        const findCaseworkersOrAdmins = this.findPersonService.findCaseworkers({ searchTerm, userRole: this.domain, services: this.services, userIncluded: this.userIncluded, assignedUser: this.assignedUser });
-        if (searchTerm && searchTerm.length > this.minSearchCharacters) {
-            switch (this.domain) {
-                case PersonRole.JUDICIAL: {
-                    return findJudicialPeople.pipe(map(persons => {
-                        const ids = this.selectedPersons.map(({ id }) => id);
-                        return persons.filter(({ id }) => !ids.includes(id));
-                    }));
-                }
-                case PersonRole.ALL: {
-                    return zip(findJudicialPeople, findCaseworkersOrAdmins).pipe(map(separatePeople => separatePeople[0].concat(separatePeople[1])));
-                }
-                case PersonRole.CASEWORKER:
-                case PersonRole.ADMIN: {
-                    return findCaseworkersOrAdmins;
-                }
-                default: {
-                    return of([]);
-                }
-            }
-        }
-        return of([]);
-    }
-    onSelectionChange(selectedPerson) {
-        this.personSelected.emit(selectedPerson);
-        this.findPersonControl.setValue(this.getDisplayName(selectedPerson), { emitEvent: false, onlySelf: true });
-    }
-    getDisplayName(selectedPerson) {
-        if (!selectedPerson) {
-            return '';
-        }
-        if (selectedPerson.domain === PersonRole.JUDICIAL && selectedPerson.knownAs) {
-            return `${selectedPerson.knownAs} (${selectedPerson.email})`;
-        }
-        return selectedPerson.email ? `${selectedPerson.name} (${selectedPerson.email})` : selectedPerson.name;
-    }
-    onInput() {
-        this.personFieldChanged.emit();
-    }
-}
-FindPersonComponent.decorators = [
-    { type: 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.get('findPersonControl').invalid && 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>{{findPersonGroup.errors.error ? findPersonGroup.errors.error : errorMessage}}\n    </span>\n    <input id=\"inputSelectPerson{{idValue}}\" type=\"text\" aria-label=\"select a person\"\n           formControlName=\"findPersonControl\"\n           [matAutocomplete]=\"auto\"\n           class=\"govuk-input govuk-!-width-one-third\"\n           [placeholder]=\"placeholderContent\"\n           [attr.disabled]=\"disabled\"\n           (input)=\"onInput()\">\n    <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"onSelectionChange($event.option.value)\">\n      <mat-option *ngFor=\"let option of filteredOptions\"\n                  [value]=\"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.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}"]
-            },] }
-];
-FindPersonComponent.ctorParameters = () => [
-    { type: FindAPersonService },
-    { type: ChangeDetectorRef }
-];
-FindPersonComponent.propDecorators = {
-    personSelected: [{ type: Output }],
-    personFieldChanged: [{ type: Output }],
-    title: [{ type: Input }],
-    boldTitle: [{ type: Input }],
-    subTitle: [{ type: Input }],
-    domain: [{ type: Input }],
-    findPersonGroup: [{ type: Input }],
-    selectedPerson: [{ type: Input }],
-    submitted: [{ type: Input }],
-    userIncluded: [{ type: Input }],
-    assignedUser: [{ type: Input }],
-    placeholderContent: [{ type: Input }],
-    isNoResultsShown: [{ type: Input }],
-    showUpdatedColor: [{ type: Input }],
-    selectedPersons: [{ type: Input }],
-    errorMessage: [{ type: Input }],
-    idValue: [{ type: Input }],
-    services: [{ type: Input }],
-    disabled: [{ type: Input }]
-};
-
-class FilterService {
-    constructor() {
-        this.givenErrors = new BehaviorSubject(null);
-        this.isInitialSetting = false;
-        this.filterSettings = {};
-        this.streams = {};
-    }
-    persist(setting, persistence) {
-        switch (persistence) {
-            case 'local':
-                this.persistLocal(setting);
-                break;
-            case 'session':
-                this.persistSession(setting);
-                break;
-            default:
-                break;
-        }
-        this.persistMemory(setting);
-        this.updateStreams(setting);
-    }
-    get(id) {
-        if (this.filterSettings[id]) {
-            return this.filterSettings[id];
-        }
-        if (sessionStorage.getItem(id)) {
-            return JSON.parse(window.sessionStorage.getItem(id));
-        }
-        if (localStorage.getItem(id)) {
-            return JSON.parse(window.localStorage.getItem(id));
-        }
-        return null;
-    }
-    getStream(id) {
-        if (!this.streams[id]) {
-            this.streams[id] = new BehaviorSubject(this.get(id));
-        }
-        return this.streams[id].asObservable();
-    }
-    persistLocal(setting) {
-        window.localStorage.setItem(setting.id, JSON.stringify(setting));
-    }
-    persistSession(setting) {
-        window.sessionStorage.setItem(setting.id, JSON.stringify(setting));
-    }
-    persistMemory(setting) {
-        this.filterSettings[setting.id] = setting;
-    }
-    updateStreams(setting) {
-        if (this.streams[setting.id]) {
-            this.streams[setting.id].next(setting);
-        }
-    }
-}
-FilterService.ɵprov = i0.ɵɵdefineInjectable({ factory: function FilterService_Factory() { return new FilterService(); }, token: FilterService, providedIn: "root" });
-FilterService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-
-class GenericFilterComponent {
-    constructor(filterService, fb) {
-        this.filterService = filterService;
-        this.fb = fb;
-        this.submitted = false;
-    }
-    get config() {
-        return this._config;
-    }
-    set config(value) {
-        this._config = Object.assign(Object.assign({}, value), { fields: value.fields.map(field => (Object.assign(Object.assign({}, field), { displayMinSelectedError: false, displayMaxSelectedError: false }))) });
-        this._config = value;
-    }
-    get settings() {
-        return this._settings;
-    }
-    set settings(value) {
-        if (!value) {
-            this.getSettings();
-        }
-        if (value && value.fields) {
-            this.mergeDefaultFields(value);
-        }
-        this._settings = value;
-    }
-    static addFormValidators(field) {
-        const validators = [];
-        if (field && field.minSelected) {
-            validators.push(minSelectedValidator(field.minSelected));
-        }
-        if (field && field.maxSelected) {
-            validators.push(maxSelectedValidator(field.maxSelected));
-        }
-        return validators;
-    }
-    ngOnInit() {
-        if (!this.settings) {
-            this.getSettings();
-        }
-        this.mergeDefaultFields(this.settings);
-        this.buildForm(this.config, this.settings);
-        this.formSub = this.form.valueChanges.subscribe(() => this.submitted = false);
-    }
-    ngOnDestroy() {
-        if (this.formSub) {
-            this.formSub.unsubscribe();
-        }
-    }
-    hidden(field, form) {
-        if (!field.showCondition) {
-            return false;
-        }
-        if (typeof field.showCondition === 'string') {
-            const control = form.get(field.name);
-            const [name, value] = field.showCondition.split('=');
-            if (form.value && form.value[name] === value) {
-                if (field.type === 'find-person') {
-                    control.get('email').setValidators(Validators.required);
-                    control.get('email').updateValueAndValidity();
-                }
-                else {
-                    control.setValidators(Validators.required);
-                    control.updateValueAndValidity();
-                }
-                return false;
-            }
-            else {
-                if (field.type === 'find-person') {
-                    control.get('email').clearValidators();
-                    control.get('email').updateValueAndValidity();
-                }
-                else {
-                    control.clearValidators();
-                    control.updateValueAndValidity();
-                }
-            }
-        }
-        return true;
-    }
-    disabled(field, form) {
-        if (!field.enableCondition) {
-            return null;
-        }
-        if (typeof field.enableCondition === 'string') {
-            const control = form.get(field.name);
-            const [name, value] = field.enableCondition.split('=');
-            if (form.value && form.value[name] === value) {
-                if (field.type === 'find-person') {
-                    control.get('email').setValidators(Validators.required);
-                    control.get('email').updateValueAndValidity();
-                }
-                else {
-                    control.setValidators(Validators.required);
-                    control.updateValueAndValidity();
-                }
-                return null;
-            }
-            else {
-                if (field.type === 'find-person') {
-                    control.get('email').clearValidators();
-                    control.get('email').updateValueAndValidity();
-                }
-                else {
-                    control.clearValidators();
-                    control.updateValueAndValidity();
-                }
-            }
-        }
-        // find-location is special case where need to reset textbox (by existing disabling functionality)
-        // field.disable referred to component itself
-        if (field.type === 'find-location') {
-            return true;
-        }
-        // Note: field.disable decides whether to actually disable or not
-        return field.disable ? field.disable : null;
-    }
-    applyFilter(form) {
-        this.submitted = true;
-        form.markAsTouched();
-        if (form.valid) {
-            this._settings = {
-                id: this.config.id,
-                fields: this.getSelectedValues(form.value, this.config)
-            };
-            this.filterService.givenErrors.next(null);
-            const settings = Object.assign(Object.assign({}, this.settings), { reset: false });
-            this.filterService.persist(settings, this.config.persistence);
-        }
-        else {
-            this.emitFormErrors(form);
-        }
-    }
-    // when domain changes ensure that person field is reset
-    fieldChanged(field, form) {
-        // TODO - Do similar with jurisdiction/service for caseworkers by services
-        if (field.changeResetFields && field.changeResetFields.length) {
-            for (const resetField of field.changeResetFields) {
-                this.resetField(resetField, form);
-            }
-        }
-    }
-    // when user enters input change radio button
-    inputChanged(field) {
-        if (field.radioSelectionChange && typeof field.radioSelectionChange === 'string') {
-            const [name, value] = field.enableCondition.split('=');
-            this.form.get(name).patchValue(value);
-        }
-    }
-    cancelFilter() {
-        this.buildForm(this.config, this.settings, true);
-        if (this.config && this.config.cancelSetting) {
-            this._settings.fields = JSON.parse(JSON.stringify(this.config.cancelSetting.fields));
-        }
-        const settings = Object.assign(Object.assign({}, this.settings), { reset: true });
-        this.filterService.persist(settings, this.config.persistence);
-        this.filterService.givenErrors.next(null);
-        this.submitted = false;
-    }
-    updatePersonControls(values, field) {
-        let keys;
-        if (!values) {
-            keys = Object.keys(this.form.get(field.name).value);
-        }
-        else {
-            keys = Object.keys(values);
-        }
-        for (const key of keys) {
-            if (this.form.get(field.name) && this.form.get(field.name).get(key)) {
-                const value = values && values[key] ? values[key] : null;
-                this.form.get(field.name).get(key).patchValue(value);
-            }
-        }
-    }
-    toggleSelectAll(event, form, item, field) {
-        const isChecked = event.target.checked;
-        const formArray = form.get(field.name);
-        if (!item.selectAll) {
-            const allChecked = formArray.controls.every((control) => control.value);
-            let index = null;
-            const hasSelectAllOption = field.options.find((option, i) => {
-                if (option.hasOwnProperty('selectAll')) {
-                    index = i;
-                    return true;
-                }
-                return false;
-            });
-            // tslint:disable-next-line:variable-name
-            const isAllCheckedExcludingTheSelectAllOption = formArray.controls.filter((_control, i) => i !== index)
-                .every((control) => control.value);
-            if (!allChecked && hasSelectAllOption && !isChecked) {
-                formArray.controls.forEach((control, i) => {
-                    if (index === i) {
-                        control.patchValue(false);
-                        return;
-                    }
-                });
-            }
-            else if (hasSelectAllOption && !allChecked && isChecked && isAllCheckedExcludingTheSelectAllOption) {
-                formArray.controls[index].patchValue(true);
-            }
-        }
-        else {
-            formArray.controls.forEach((control) => {
-                if (isChecked) {
-                    control.patchValue(true);
-                }
-                else {
-                    control.patchValue(false);
-                }
-            });
-        }
-        if (field.changeResetFields && field.changeResetFields.length) {
-            for (const resetField of field.changeResetFields) {
-                this.resetField(resetField, form);
-            }
-        }
-    }
-    resetField(resetField, form) {
-        const control = form.get(resetField);
-        const defaultValue = this.config.cancelSetting.fields.find((f) => f.name === resetField);
-        if (control instanceof FormArray) {
-            for (let i = 0; i < control.length; i++) {
-                control.removeAt(i);
-            }
-        }
-        else if (control instanceof FormGroup) {
-            const keys = Object.keys(control.value);
-            for (const key of keys) {
-                this.resetField(key, control);
-            }
-        }
-        else if (control instanceof FormControl) {
-            const value = defaultValue && defaultValue.value && defaultValue.value.length ? defaultValue.value[0] : null;
-            control.setValue(value);
-        }
-    }
-    mergeDefaultFields(filter) {
-        if (filter) {
-            filter.fields = this.filterService.get(this.config.id) ? this.filterService.get(this.config.id).fields : filter.fields;
-        }
-        else if (this.config && this.config.cancelSetting) {
-            this._settings = {
-                id: this.config.id,
-                fields: JSON.parse(JSON.stringify(this.config.cancelSetting.fields))
-            };
-        }
-    }
-    getSettings() {
-        this._settings = this.filterService.get(this.config.id);
-    }
-    buildForm(config, settings, reset) {
-        const findPersonControl = this.form ? this.form.get('findPersonControl') : null;
-        this.form = this.fb.group({});
-        if (findPersonControl) {
-            // in order to maintain find person component, control needs to be kept
-            this.form.addControl('findPersonControl', findPersonControl);
-        }
-        for (const field of config.fields) {
-            if (field.type === 'checkbox' || field.type === 'checkbox-large') {
-                const formArray = this.buildCheckBoxFormArray(field, settings);
-                this.form.addControl(field.name, formArray);
-            }
-            else if (field.type === 'find-location') {
-                const formArray = this.buildFindLocationFormArray(field, settings);
-                this.form.addControl(field.name, formArray);
-            }
-            else {
-                const validators = [];
-                if (field.minSelected && field.minSelected > 0) {
-                    validators.push(Validators.required);
-                }
-                let defaultValue = null;
-                if (reset && config.cancelSetting) {
-                    const cancelField = config.cancelSetting.fields.find((f) => f.name === field.name);
-                    defaultValue = cancelField && cancelField.value ? cancelField.value[0] : '';
-                }
-                else if (settings && settings.fields) {
-                    const lastSavedValue = settings.fields.find((f) => f.name === field.name);
-                    defaultValue = lastSavedValue && lastSavedValue ? lastSavedValue.value[0] : '';
-                }
-                // if field is find-person build a form group;
-                if (field.type === 'find-person') {
-                    const formGroup = new FormGroup({
-                        domain: new FormControl(''),
-                        email: new FormControl(defaultValue && defaultValue.hasOwnProperty('email') ? defaultValue.email : '', validators),
-                        id: new FormControl(''),
-                        name: new FormControl(''),
-                        knownAs: new FormControl(''),
-                    });
-                    this.form.addControl(field.name, formGroup);
-                }
-                else {
-                    const control = new FormControl(defaultValue, validators);
-                    this.form.addControl(field.name, control);
-                }
-                // if field updates find person component set the initial domain
-                if (field.findPersonField) {
-                    this.fieldChanged(field, this.form);
-                }
-            }
-        }
-    }
-    buildCheckBoxFormArray(field, settings) {
-        const validators = GenericFilterComponent.addFormValidators(field);
-        const formArray = this.fb.array([], validators);
-        let defaultValues;
-        if (settings && settings.fields) {
-            defaultValues = settings.fields.find((f) => f.name === field.name);
-        }
-        for (const option of field.options) {
-            let checked = false;
-            if (defaultValues && Array.isArray(defaultValues.value)) {
-                checked = !!defaultValues.value.find((value) => value === option.key);
-            }
-            formArray.push(new FormControl(checked));
-        }
-        return formArray;
-    }
-    buildFindLocationFormArray(field, settings) {
-        const validators = GenericFilterComponent.addFormValidators(field);
-        const formArray = this.fb.array([], validators);
-        let defaultValues;
-        if (settings && settings.fields) {
-            defaultValues = settings.fields.find((f) => f.name === field.name);
-            if (defaultValues && defaultValues.value && defaultValues.value.length > 0) {
-                for (const defaultValue of defaultValues.value) {
-                    formArray.push(new FormControl(defaultValue));
-                }
-            }
-        }
-        return formArray;
-    }
-    getSelectedValues(formValues, config) {
-        return Object.keys(formValues).map((name) => {
-            const values = formValues[name];
-            if (Array.isArray(values)) {
-                const field = config.fields.find(f => f.name === name);
-                if (field.type === 'find-location') {
-                    return { value: values, name };
-                }
-                else {
-                    return { value: getValues(field.options, values), name };
-                }
-            }
-            else {
-                return { value: [values], name };
-            }
-        });
-    }
-    emitFormErrors(form) {
-        const errors = [];
-        for (const field of this.config.fields) {
-            const formGroup = form.get(field.name);
-            if (formGroup && formGroup.errors && formGroup.errors.minLength) {
-                errors.push({ name: field.name, error: field.minSelectedError });
-            }
-            if (formGroup && formGroup.errors && formGroup.errors.maxLength) {
-                errors.push({ name: field.name, error: field.minSelectedError });
-            }
-        }
-        if (errors.length) {
-            this.filterService.givenErrors.next(errors);
-        }
-    }
-}
-GenericFilterComponent.decorators = [
-    { type: 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         [id]=\"field.name\"\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)=\"fieldChanged(field, form)\" [attr.disabled]=\"disabled(field, form)\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" [formControlName]=\"field.name\">\n            <option disabled selected hidden value=\"\">{{field.disabledText}}</option>\n            <option 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=\"'checkbox-large'\">\n          <div class=\"govuk-checkboxes\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n            <div *ngFor=\"let item of field.options; let i = index\" class=\"govuk-checkboxes__item\">\n              <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                     [attr.disabled]=\"disabled(field, form)\"\n                     [formControlName]=\"i\"\n                     (change)=\"toggleSelectAll($event, form, item, field)\"\n                     [value]=\"item.key\" [id]=\"'checkbox_' + 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)=\"fieldChanged(field, form)\"\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                              (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          ></xuilib-find-person>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'find-location'\">\n          <xuilib-find-location (locationFieldChanged)=\"inputChanged(field)\"\n                                [form]=\"form\"\n                                [fields]=\"config.fields\"\n                                [locationTitle]=\"field.locationTitle\"\n                                [enableAddLocationButton]=\"field.enableAddLocationButton\"\n                                [disabled]=\"disabled(field, form)\"\n                                [disableInputField]=\"field.disable\"\n                                [selectedLocations]=\"form.get(field.name)?.value\"\n                                [submitted]=\"submitted\"\n                                [services]=\"form.get(field.findLocationField)?.value\"\n                                [field]=\"field\"\n          ></xuilib-find-location>\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 *ngIf=\"config.showCancelFilterButton\"\n        class=\"govuk-button govuk-button--secondary govuk-!-margin-bottom-0\"\n        type=\"button\"\n        id=\"cancelFilter\"\n        (click)=\"cancelFilter()\">{{ config.cancelButtonText || 'Cancel'}}</button>\n    </div>\n  </div>\n</form>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: 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}"]
-            },] }
-];
-GenericFilterComponent.ctorParameters = () => [
-    { type: FilterService },
-    { type: FormBuilder }
-];
-GenericFilterComponent.propDecorators = {
-    config: [{ type: Input }],
-    settings: [{ type: Input }]
-};
-
-/*
-* Gov UK Dialog Component
-* Responsible for displaying dialog layout
-* using ng-content to display content from parent
-* */
-class HmctsSessionDialogComponent {
-    constructor() {
-        this.close = new EventEmitter();
-    }
-    onClose() {
-        this.close.emit();
-    }
-}
-HmctsSessionDialogComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-session-dialog',
-                template: "<div class=\"gem-c-modal-dialogue\" data-module=\"modal-dialogue\" id=\"modal-default\" style=\"display: block;\">\n  <div class=\"gem-c-modal-dialogue__overlay\"></div>\n  <dialog class=\"gem-c-modal-dialogue__box\" aria-modal=\"true\" role=\"dialog\" tabindex=\"0\" [ngStyle]=\"{'margin-top': positionTop}\">\n    <div class=\"gem-c-modal-dialogue__header\">\n      <svg role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 38 38\" height=\"33\" width=\"33\">\n        <style type=\"text/css\">\n          .st0{fill:#FFFFFF;}\n        </style>\n        <g id=\"_4_-_granular_components_warning_icon\" transform=\"translate(0.5 0.5)\">\n          <g id=\"Warning_icon\" transform=\"translate(0)\">\n            <path id=\"Exclusion_1\" class=\"st0\" d=\"M18.5,37.5c-5.04,0.01-9.88-1.99-13.44-5.57C1.49,28.38-0.51,23.54-0.5,18.5\n              c-0.01-5.04,1.99-9.88,5.56-13.43C8.62,1.49,13.46-0.51,18.5-0.5c5.04-0.01,9.88,1.99,13.44,5.56c3.57,3.56,5.58,8.39,5.56,13.44\n              c0.01,5.04-1.99,9.88-5.56,13.44C28.38,35.51,23.54,37.51,18.5,37.5z M18.52,24.29c-0.4,0-0.8,0.08-1.17,0.23\n              c-0.36,0.15-0.69,0.37-0.97,0.64c-0.28,0.27-0.5,0.59-0.65,0.95c-0.16,0.36-0.24,0.76-0.23,1.15c0,0.4,0.08,0.8,0.23,1.17\n              c0.15,0.36,0.37,0.68,0.65,0.96c0.28,0.27,0.61,0.49,0.97,0.64c0.37,0.16,0.77,0.24,1.17,0.24c0.4,0,0.79-0.08,1.15-0.24\n              c0.35-0.15,0.67-0.37,0.95-0.64c0.27-0.27,0.49-0.6,0.64-0.96c0.16-0.37,0.24-0.77,0.23-1.17c0-0.4-0.08-0.79-0.23-1.15\n              c-0.15-0.35-0.37-0.67-0.64-0.95c-0.27-0.27-0.6-0.49-0.95-0.64C19.31,24.37,18.92,24.29,18.52,24.29L18.52,24.29z M16.11,7.5\n              l0.42,14.87h3.91L20.86,7.5H16.11z\"/>\n          </g>\n        </g>\n      </svg>\n      <div class=\"gem-c-modal-dialogue__title\">We are about to sign you out</div>\n    </div>\n    <div class=\"gem-c-modal-dialogue__content\">\n      <ng-content></ng-content>\n    </div>\n  </dialog>\n</div>\n",
-                styles: [".gem-c-modal-dialogue{display:none;z-index:1000;overflow-x:hidden;overflow-y:scroll;outline:0}.gem-c-modal-dialogue,.gem-c-modal-dialogue__box{position:fixed;top:0;left:0;width:100%;height:100%}.gem-c-modal-dialogue__box{display:block;background:#fff;right:0;bottom:0;margin:0;padding:0;overflow-y:auto;border:0;font-family:GDS Transport,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:16px;font-size:1rem;line-height:1.25;color:#0b0c0c}.gem-c-modal-dialogue__box:focus{outline:3px solid #fd0}@media print{.gem-c-modal-dialogue__box{font-family:sans-serif}}@media (min-width:40.0625em){.gem-c-modal-dialogue__box{font-size:1.1875rem;line-height:1.3157894737}}@media print{.gem-c-modal-dialogue__box{font-size:14pt;line-height:1.15;color:#000}}@media (min-width:40.0625em){.gem-c-modal-dialogue__box{position:relative;top:inherit;right:inherit;bottom:inherit;left:inherit;width:auto;max-width:640px;height:auto;margin:30px auto;border:2px solid #0b0c0c}}@media (min-width:40.0625em){.gem-c-modal-dialogue__box--wide{max-width:960px}}@media (min-width:40.0625em) and (max-width:64em){.gem-c-modal-dialogue__box--wide{margin:30px}}.gem-c-modal-dialogue__overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.8;background:#0b0c0c;pointer-events:none;touch-action:none}@media screen{.gem-o-template--modal{overflow-y:inherit}}.gem-o-template__body--modal{overflow:hidden}.gem-o-template__body--blur .govuk-footer,.gem-o-template__body--blur .govuk-header,.gem-o-template__body--blur .govuk-main-wrapper,.gem-o-template__body--blur .govuk-phase-banner,.gem-o-template__body--blur .govuk-skip-link,.gem-o-template__body--blur .govuk-width-container .govuk-back-link{filter:blur(2px)}.govuk-warning-text__icon{margin:0 0 0 12px}.gem-c-modal-dialogue__header{padding:9px 15px 10px;color:#fff;background:#d4351d;display:flex}.gem-c-modal-dialogue__title{margin:5px 0 4px 12px}.gem-c-modal-dialogue__logotype-crown{fill:currentColor;vertical-align:middle}.gem-c-modal-dialogue__logotype-crown-fallback-image{width:30px;height:26px;border:0;vertical-align:middle}.gem-c-modal-dialogue__content{padding:15px;background:#fff}.gem-c-modal-dialogue__close-button{position:absolute;top:0;right:0;width:44px;height:44px;border:0;color:#fff;background:none;cursor:pointer;font-family:GDS Transport,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:1.5rem;line-height:1.3}@media print{.gem-c-modal-dialogue__close-button{font-family:sans-serif}}@media (min-width:40.0625em){.gem-c-modal-dialogue__close-button{font-size:2.25rem;line-height:1.3}}@media print{.gem-c-modal-dialogue__close-button{font-size:24pt;line-height:1.3}}@media (max-width:40.0525em){.gem-c-modal-dialogue__close-button{font-size:36px;line-height:1.3}}.gem-c-modal-dialogue__close-button:focus,.gem-c-modal-dialogue__close-button:hover{color:#0b0c0c;box-shadow:0 -2px #fd0,0 4px #0b0c0c;text-decoration:none;outline:none;background:#fd0}"]
-            },] }
-];
-HmctsSessionDialogComponent.ctorParameters = () => [];
-HmctsSessionDialogComponent.propDecorators = {
-    positionTop: [{ type: Input }],
-    close: [{ type: Output }]
-};
-
-class InviteUserFormComponent {
-    constructor() {
-        this.submitForm = new EventEmitter();
-    }
-    set errorMessages(value) {
-        this.isInvalid = value || {};
-    }
-    onSubmit() {
-        this.submitForm.emit();
-    }
-}
-InviteUserFormComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-invite-user-form',
-                template: "\n<form [formGroup]=\"inviteUserForm\" (ngSubmit)=\"onSubmit()\" >\n\n  <xuilib-gov-uk-input\n    [config]=\"{label: 'First name', hint: 'Include all middle names.', name: 'firstName', id: 'firstName', type: 'text', classes: 'testClass'}\"\n    [errorMessage]=\"isInvalid.firstName\"\n    [group]=\"inviteUserForm\">\n  </xuilib-gov-uk-input>\n\n  <xuilib-gov-uk-input\n    [config]=\"{label: 'Last name', name: 'lastName', id: 'lastName', type: 'text'}\"\n    [errorMessage]=\"isInvalid.lastName\"\n    [group]=\"inviteUserForm\">\n  </xuilib-gov-uk-input>\n\n  <xuilib-gov-uk-input\n    [config]=\"{label: 'Email address', name: 'email', id: 'email', type: 'email'}\"\n    [errorMessage]=\"isInvalid.email\"\n    [group]=\"inviteUserForm\">\n  </xuilib-gov-uk-input>\n\n  <xuilib-invite-permission-form [inviteUserForm]=\"inviteUserForm\" [errorMessages]=\"isInvalid.roles\">\n  </xuilib-invite-permission-form>\n\n  <button type=\"submit\" class=\"govuk-button\">\n    Send invitation\n  </button>\n</form>\n"
-            },] }
-];
-InviteUserFormComponent.propDecorators = {
-    submitForm: [{ type: Output }],
-    inviteUserForm: [{ type: Input }],
-    errorMessages: [{ type: Input }]
-};
-
-class InviteUserPermissionComponent {
-    constructor() {
-        this.isPuiCaseManager = false;
-        this.isPuiUserManager = false;
-        this.isPuiOrganisationManager = false;
-        this.isPuiFinanceManager = false;
-    }
-}
-InviteUserPermissionComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-invite-permission-form',
-                template: "  <!--permissions -->\n  <ng-container [formGroup]=\"inviteUserForm\">\n  <xuilib-gov-uk-form-group-wrapper\n    [config]=\"{hint: 'Choose what the user will be able to do. You can change this later.', legend: 'Permissions', key: 'roles'}\"\n    [formGroupName]=\"'roles'\"\n    [error]=\"errorMessages\">\n\n    <div class=\"govuk-checkboxes\">\n      <xuilib-gov-checkbox\n        [group]=\"inviteUserForm.controls['roles']\"\n        [isChecked]=\"isPuiCaseManager\"\n        [config]=\"{value: 'pui-case-manager',  label: 'Manage Cases', name: 'roles', hint: 'View, create and progress cases.', focusOn: 'roles'}\">\n      </xuilib-gov-checkbox>\n\n      <xuilib-gov-checkbox\n        [group]=\"inviteUserForm.controls['roles']\"\n        [isChecked]=\"isPuiUserManager\"\n        [config]=\"{value: 'pui-user-manager', label: 'Manage Users', name: 'roles',\n        hint: 'Invite users.'}\">\n      </xuilib-gov-checkbox>\n\n      <xuilib-gov-checkbox\n        [group]=\"inviteUserForm.controls['roles']\"\n        [isChecked]=\"isPuiOrganisationManager\"\n        [config]=\"{value: 'pui-organisation-manager', label: 'Manage Organisation', name: 'roles',\n        hint: 'View organisation name and addresses.'}\">\n      </xuilib-gov-checkbox>\n\n      <!-- <xuilib-gov-checkbox\n        [group]=\"inviteUserForm.controls['roles']\"\n        [isChecked]=\"isPuiFinanceManager\"\n        [config]=\"{value: 'pui-finance-manager', label: 'Manage Payments', name: 'roles',\n        hint: 'View account balances, available credit and transactions.'}\">\n      </xuilib-gov-checkbox> -->\n    </div>\n\n  </xuilib-gov-uk-form-group-wrapper>\n</ng-container>"
-            },] }
-];
-InviteUserPermissionComponent.propDecorators = {
-    inviteUserForm: [{ type: Input }],
-    isPuiCaseManager: [{ type: Input }],
-    isPuiUserManager: [{ type: Input }],
-    isPuiOrganisationManager: [{ type: Input }],
-    isPuiFinanceManager: [{ type: Input }],
-    errorMessages: [{ type: Input }]
-};
-
-class LoadingSpinnerComponent {
-    constructor() {
-        this.loadingText = 'Loading';
-    }
-}
-LoadingSpinnerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-loading-spinner',
-                template: "<div class=\"spinner-container\">\n    <div class=\"spinner-inner-container\">\n        <p>{{loadingText}}</p>\n        <div class=\"spinner\" style=\"margin: auto;\"></div>\n    </div>\n</div>\n",
-                encapsulation: ViewEncapsulation.None,
-                styles: [".spinner-container{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:hsla(0,0%,100%,.5);z-index:99}.spinner-container .spinner-inner-container p{text-align:center}.spinner-container .spinner-inner-container .spinner{border:10px solid #ddd;border-top-color:#000;border-radius:50%;width:40px;height:40px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}"]
-            },] }
-];
-LoadingSpinnerComponent.propDecorators = {
-    loadingText: [{ type: Input }]
-};
-
-class PaginationComponent {
-    constructor() {
-        this.previousPage = new EventEmitter();
-        this.nextPage = new EventEmitter();
-    }
-    onPrevious() {
-        this.previousPage.emit(null);
-    }
-    onNext() {
-        this.nextPage.emit(null);
-    }
-}
-PaginationComponent.decorators = [
-    { type: 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}"]
-            },] }
-];
-PaginationComponent.ctorParameters = () => [];
-PaginationComponent.propDecorators = {
-    moreItems: [{ type: Input }],
-    firstRecord: [{ type: Input }],
-    previousPage: [{ type: Output }],
-    nextPage: [{ type: Output }]
-};
-
-class SearchJudicialsComponent {
-    constructor(judicialService, fb) {
-        this.judicialService = judicialService;
-        this.disabled = null;
-        this.selectedJudicials = [];
-        this.submitted = true;
-        this.placeholderContent = '';
-        this.showAutocomplete = false;
-        this.judicialChanged = new EventEmitter();
-        this.idValue = '';
-        this.errorMessage = 'You must select a name';
-        this.serviceId = '';
-        this.minSearchCharacters = 3;
-        this.keyUpSubject$ = new Subject();
-        this.searchInProgress = false;
-        this.formGroup = fb.group({
-            formControl: [null],
-            selectedFormControl: [null]
-        });
-    }
-    ngOnInit() {
-        this.displayedJudicials = [];
-        if (this.control) {
-            if (this.formGroup && this.formGroup.controls) {
-                this.formGroup.controls.selectedFormControl = this.control;
-                this.formGroup.controls.formControl.setValue(this.getControlValueDisplayText());
-            }
-        }
-        this.keyUpSubject$.pipe(debounceTime(500)).subscribe(searchValue => this.search(searchValue));
-    }
-    onKeyDown() {
-        this.judicialChanged.emit();
-    }
-    onKeyUp(event) {
-        this.showAutocomplete = false;
-        this.keyUpSubject$.next(event.target.value);
-    }
-    onFocus() {
-        this.showAutocomplete = false;
-    }
-    get displayedJudicialsDuplicationFiltered() {
-        return this.displayedJudicials.filter(judicial => !this.selectedJudicials.map(selectedJudicial => selectedJudicial.idamId).includes(judicial.idamId));
-    }
-    filter(term) {
-        this.searchJudicials(term, this.serviceId).pipe(mergeMap((apiData) => {
-            const apiFilter = apiData.filter(apiJudicial => !this.selectedJudicials.map(selectedJudicial => selectedJudicial.idamId).includes(apiJudicial.idamId));
-            this.displayedJudicials = apiFilter;
-            this.searchInProgress = false;
-            return apiFilter;
-        })).subscribe(judicial => {
-            if (term === judicial.knownAs) {
-                this.formGroup.controls.selectedFormControl.setValue(judicial);
-                this.displayedJudicials = [];
-                this.judicialChanged.emit(judicial);
-                this.showAutocomplete = false;
-            }
-            this.searchInProgress = false;
-        });
-    }
-    onSelectionChange(selection) {
-        if (this.formGroup.controls.formControl instanceof FormArray) {
-            this.formGroup.controls.selectedFormControl.push(new FormControl(selection.idamId));
-        }
-        else {
-            this.formGroup.controls.selectedFormControl.setValue(selection);
-        }
-        this.judicialChanged.emit(selection);
-    }
-    search(currentValue) {
-        this.searchInProgress = true;
-        this.showAutocomplete = !!currentValue && (currentValue.length >= this.minSearchCharacters);
-        if (!!currentValue) {
-            this.formGroup.controls.selectedFormControl.markAsDirty();
-        }
-        else {
-            this.formGroup.controls.selectedFormControl.reset();
-        }
-        if (this.showAutocomplete) {
-            this.filter(currentValue);
-        }
-        else {
-            this.searchInProgress = false;
-        }
-    }
-    getDisplayName(selectedJudicial) {
-        return `${selectedJudicial.knownAs} (${selectedJudicial.emailId})`;
-    }
-    searchJudicials(term, serviceId) {
-        return this.judicialService.searchJudicial(term, serviceId);
-    }
-    getControlValueDisplayText() {
-        return this.formGroup && this.formGroup.controls && this.formGroup.controls.selectedFormControl.value ?
-            this.getDisplayName(this.formGroup.controls.selectedFormControl.value) : '';
-    }
-}
-SearchJudicialsComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-search-judicials',
-                template: "<div class=\"govuk-form-group\">\n  <input id=\"inputSelectPerson{{idValue}}\" [placeholder]=\"placeholderContent\" [formControl]=\"formGroup.controls.formControl\"\n    [matAutocomplete]=\"autoComplete\" (keydown)=\"onKeyDown()\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus()\"\n    class=\"govuk-input\" [attr.disabled]=\"!disabled ? null: disabled\" [value]=\"getControlValueDisplayText()\"\n    #inputSelection>\n  <mat-autocomplete autoActiveFirstOption #autoComplete=\"matAutocomplete\">\n    <mat-option *ngFor=\"let judicial of displayedJudicialsDuplicationFiltered\" class=\"select-option\"\n      [value]=\"getDisplayName(judicial)\" (onSelectionChange)=\"onSelectionChange(judicial)\"\n      [ngClass]=\"{'hide-autocomplete': !showAutocomplete}\">\n      {{ getDisplayName(judicial) }}\n    </mat-option>\n    <mat-option class=\"select-option\"\n      *ngIf=\"!displayedJudicialsDuplicationFiltered?.length && showAutocomplete && !searchInProgress\">\n      {{ 'No results found' }}</mat-option>\n  </mat-autocomplete>\n</div>\n",
-                styles: [".hide-autocomplete{display:none}.mat-option:hover{background:#2596be}.mat-option.select-option:hover{background:#1d70b8;color:#fff}"]
-            },] }
-];
-SearchJudicialsComponent.ctorParameters = () => [
-    { type: FindAPersonService },
-    { type: FormBuilder }
-];
-SearchJudicialsComponent.propDecorators = {
-    control: [{ type: Input }],
-    disabled: [{ type: Input }],
-    selectedJudicials: [{ type: Input }],
-    submitted: [{ type: Input }],
-    placeholderContent: [{ type: Input }],
-    showAutocomplete: [{ type: Input }],
-    displayedJudicials: [{ type: Input }],
-    judicialChanged: [{ type: Output }],
-    idValue: [{ type: Input }],
-    errorMessage: [{ type: Input }],
-    serviceId: [{ type: Input }],
-    autoCompleteInputBox: [{ type: ViewChild, args: ['inputSelection', { read: ElementRef, static: true },] }]
-};
-
-class SearchVenueComponent {
-    constructor(locationService, fb) {
-        this.locationService = locationService;
-        this.disabled = null;
-        this.locationType = '';
-        this.serviceIds = '';
-        this.submitted = true;
-        this.showAutocomplete = false;
-        this.locationChanged = new EventEmitter();
-        this.minSearchCharacters = 3;
-        this.keyUpSubject$ = new Subject();
-        this.readyAfterContent = false;
-        this.searchInProgress = false;
-        this.findLocationFormGroup = fb.group({
-            findLocationFormControl: [null],
-            locationSelectedFormControl: [null]
-        });
-        this.selectedLocations = [];
-    }
-    ngAfterContentInit() {
-        this.readyAfterContent = true;
-    }
-    ngOnInit() {
-        this.displayedLocations = [];
-        if (this.control) {
-            if (this.findLocationFormGroup && this.findLocationFormGroup.controls) {
-                this.findLocationFormGroup.controls.locationSelectedFormControl = this.control;
-            }
-        }
-        this.keyUpSubject$.pipe(debounceTime(500)).subscribe(searchValue => this.search(searchValue));
-    }
-    onKeyDown() {
-        this.locationChanged.emit();
-    }
-    onKeyUp(event) {
-        this.showAutocomplete = false;
-        this.keyUpSubject$.next(event.target.value);
-    }
-    onFocus() {
-        this.showAutocomplete = false;
-    }
-    get displayedLocationsDuplicationFiltered() {
-        return this.displayedLocations.filter(location => !this.selectedLocations.map(selectedLocation => selectedLocation.epimms_id).includes(location.epimms_id) && location.court_name);
-    }
-    filter(term) {
-        this.searchLocations(term).pipe(mergeMap((apiData) => {
-            const apiFilter = apiData.filter(apiLocation => !this.selectedLocations.map(selectedLocation => selectedLocation.epimms_id).includes(apiLocation.epimms_id));
-            this.displayedLocations = apiFilter;
-            this.searchInProgress = false;
-            return apiFilter;
-        })).subscribe(location => {
-            if (term === location.court_name) {
-                this.findLocationFormGroup.controls.locationSelectedFormControl.setValue(location);
-                this.displayedLocations = [];
-                this.locationChanged.emit(location);
-                this.showAutocomplete = false;
-            }
-            this.searchInProgress = false;
-        });
-    }
-    onSelectionChange(selection) {
-        if (this.findLocationFormGroup.controls.findLocationFormControl instanceof FormArray) {
-            this.findLocationFormGroup.controls.locationSelectedFormControl.push(new FormControl(selection.epimms_id));
-        }
-        else {
-            this.findLocationFormGroup.controls.locationSelectedFormControl.setValue(selection);
-        }
-        this.locationChanged.emit(selection);
-    }
-    search(currentValue) {
-        this.searchInProgress = true;
-        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);
-        }
-        else {
-            this.searchInProgress = false;
-        }
-    }
-    getDisplayName(selectedLocation) {
-        return selectedLocation.court_name;
-    }
-    searchLocations(term) {
-        return this.locationService.searchLocations(this.serviceIds, this.locationType, term);
-    }
-    getControlCourtNameValue() {
-        return this.findLocationFormGroup && this.findLocationFormGroup.controls && this.findLocationFormGroup.controls.locationSelectedFormControl.value ?
-            this.findLocationFormGroup.controls.locationSelectedFormControl.value.court_name : '';
-    }
-}
-SearchVenueComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-search-venue',
-                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      (focus)=\"onFocus()\"\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 displayedLocationsDuplicationFiltered\"\n                  [value]=\"getDisplayName(location)\"\n                  (onSelectionChange)=\"onSelectionChange(location)\"\n                  [ngClass]=\"{'hide-autocomplete': !showAutocomplete}\">\n        {{ getDisplayName(location) }}\n      </mat-option>\n      <mat-option *ngIf=\"!displayedLocationsDuplicationFiltered?.length && showAutocomplete && !searchInProgress\">{{ 'No results found' }}</mat-option>\n    </mat-autocomplete>\n  </div>\n</div>\n",
-                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%;line-height:24px;font-size:19px;background-color:transparent;position:relative}.autocomplete__hint{color:#b1b4b6;position:absolute}.autocomplete__input--default{padding:5px}.autocomplete__input--focused{outline:3px solid #fd0;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:0 2px 6px rgba(0,0,0,.256863);left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline{position:relative}.autocomplete__option{border-left-width:0;border-bottom:1px solid #b1b4b6;border-right-width:0;border-top-width:1px;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}"]
-            },] }
-];
-SearchVenueComponent.ctorParameters = () => [
-    { type: LocationService },
-    { type: FormBuilder }
-];
-SearchVenueComponent.propDecorators = {
-    control: [{ type: Input }],
-    disabled: [{ type: Input }],
-    locationType: [{ type: Input }],
-    selectedLocations: [{ type: Input }],
-    serviceIds: [{ type: Input }],
-    submitted: [{ type: Input }],
-    autoCompleteInputBox: [{ type: ViewChild, args: ['inputSelectedLocation', { read: ElementRef },] }],
-    showAutocomplete: [{ type: Input }],
-    displayedLocations: [{ type: Input }],
-    locationChanged: [{ type: Output }]
-};
-
-class CaseSharingStateService {
-    constructor() {
-        this.caseState = [];
-        this.subject = new BehaviorSubject(this.caseState);
-    }
-    get state() {
-        return this.subject.asObservable().pipe(distinctUntilChanged());
-    }
-    setCases(cases) {
-        this.caseState = [];
-        cases.forEach(aCase => {
-            this.caseState.push({ caseId: aCase.caseId, caseTitle: aCase.caseTitle, caseTypeId: aCase.caseTypeId, roles: aCase.roles,
-                sharedWith: aCase.sharedWith, pendingShares: aCase.pendingShares, pendingUnshares: aCase.pendingUnshares });
-        });
-        this.subject.next(this.caseState);
-    }
-    getCases() {
-        return this.caseState;
-    }
-    requestShare(user) {
-        const oldSharedCases = this.caseState.slice();
-        const newSharedCases = [];
-        for (const sharedCase of oldSharedCases) {
-            if (!sharedCase.pendingShares) {
-                sharedCase.pendingShares = [];
-            }
-            const newPendingShares = sharedCase.pendingShares.slice();
-            if (!sharedCase.pendingUnshares) {
-                sharedCase.pendingUnshares = [];
-            }
-            const newPendingUnshares = sharedCase.pendingUnshares.slice();
-            if (!this.userHasAccess(sharedCase, user)) {
-                if (!newPendingShares.some(u => u.email === user.email)) {
-                    newPendingShares.push(user);
-                }
-            }
-            else {
-                for (let u = 0, ul = newPendingUnshares.length; u < ul; u++) {
-                    if (newPendingUnshares[u].email === user.email) {
-                        newPendingUnshares.splice(u, 1);
-                        break;
-                    }
-                }
-            }
-            const newSharedCase = Object.assign(Object.assign({}, sharedCase), { pendingUnshares: newPendingUnshares, pendingShares: newPendingShares });
-            newSharedCases.push(newSharedCase);
-        }
-        this.subject.next(newSharedCases);
-        return newSharedCases;
-    }
-    requestUnshare(caseId, user) {
-        const newSharedCases = [];
-        for (const sharedCase of this.caseState) {
-            if (sharedCase.caseId === caseId) {
-                if (!sharedCase.pendingUnshares) {
-                    sharedCase.pendingUnshares = [];
-                }
-                const newPendingUnshares = sharedCase.pendingUnshares.slice();
-                if (newPendingUnshares) {
-                    if (!newPendingUnshares.some(u => u.email === user.email)) {
-                        newPendingUnshares.push(user);
-                    }
-                }
-                else {
-                    newPendingUnshares.push(user);
-                }
-                const newSharedCase = Object.assign(Object.assign({}, sharedCase), { pendingUnshares: newPendingUnshares });
-                newSharedCases.push(newSharedCase);
-            }
-            else {
-                newSharedCases.push(sharedCase);
-            }
-        }
-        this.subject.next(newSharedCases);
-        return;
-    }
-    requestCancel(caseId, user) {
-        const newSharedCases = [];
-        for (const sharedCase of this.caseState) {
-            if (sharedCase.caseId === caseId) {
-                if (!sharedCase.pendingUnshares) {
-                    sharedCase.pendingUnshares = [];
-                }
-                const newPendingUnshares = sharedCase.pendingUnshares.slice();
-                for (let iPendingUnshares = 0; iPendingUnshares < newPendingUnshares.length; iPendingUnshares++) {
-                    if (newPendingUnshares[iPendingUnshares].email === user.email) {
-                        newPendingUnshares.splice(iPendingUnshares, 1);
-                        break;
-                    }
-                }
-                if (!sharedCase.pendingShares) {
-                    sharedCase.pendingShares = [];
-                }
-                const newPendingShares = sharedCase.pendingShares.slice();
-                for (let iPendingShares = 0; iPendingShares < newPendingShares.length; iPendingShares++) {
-                    if (newPendingShares[iPendingShares].email === user.email) {
-                        newPendingShares.splice(iPendingShares, 1);
-                        break;
-                    }
-                }
-                const newSharedCase = Object.assign(Object.assign({}, sharedCase), { pendingUnshares: newPendingUnshares, pendingShares: newPendingShares });
-                newSharedCases.push(newSharedCase);
-            }
-            else {
-                newSharedCases.push(sharedCase);
-            }
-        }
-        this.subject.next(newSharedCases);
-        return;
-    }
-    removeCase(caseId) {
-        for (let i = 0, l = this.caseState.length; i < l; i++) {
-            if (this.caseState[i].caseId === caseId) {
-                this.caseState.splice(i, 1);
-                this.subject.next(this.caseState);
-                return;
-            }
-        }
-    }
-    userHasAccess(c, user) {
-        if (!c.sharedWith) {
-            return false;
-        }
-        for (let i = 0, l = c.sharedWith.length; i < l; i++) {
-            if (c.sharedWith[i].email === user.email) {
-                return true;
-            }
-        }
-        return false;
-    }
-}
-CaseSharingStateService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CaseSharingStateService_Factory() { return new CaseSharingStateService(); }, token: CaseSharingStateService, providedIn: "root" });
-CaseSharingStateService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-CaseSharingStateService.ctorParameters = () => [];
-
-class SelectedCaseConfirmComponent {
-    constructor(stateService) {
-        this.stateService = stateService;
-        this.changeLink = '';
-    }
-    ngOnInit() {
-        this.shareCases$ = this.stateService.state;
-        this.shareCases$.subscribe(shareCases => this.shareCases = shareCases);
-    }
-    trackByUserId(user) {
-        return user.idamId;
-    }
-    showUserAccessBlock() {
-        if (this.sharedCase.pendingShares && this.sharedCase.pendingShares.length > 0) {
-            return true;
-        }
-        return this.sharedCase.pendingUnshares && this.sharedCase.pendingUnshares.length > 0;
-    }
-}
-SelectedCaseConfirmComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-selected-case-confirm',
-                template: "<div id=\"user-access-block-{{ sharedCase.caseId }}\" *ngIf=\"showUserAccessBlock()\">\n  <h2 class=\"govuk-heading-m case-share-confirm__title\">{{ sharedCase.caseTitle }}</h2>\n  <div class=\"case-share-confirm__caption-area\">\n    <div class=\"govuk-caption-m case-share-confirm__caption\">\n      {{ sharedCase.caseId }}\n    </div>\n    <a [routerLink]=\"changeLink\" class=\"case-share-confirm__change-link govuk-link govuk-!-font-size-19\">Change</a>\n  </div>\n  <table class=\"govuk-table\">\n    <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th class=\"govuk-table__header govuk-table-column-header\" scope=\"col\">Name</th>\n      <th class=\"govuk-table__header govuk-table-column-header\" scope=\"col\">Email address</th>\n      <th class=\"govuk-table__header govuk-table-column-actions\" scope=\"col\">Actions</th>\n    </tr>\n    </thead>\n    <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\" *ngFor=\"let user of sharedCase.pendingShares; trackBy: trackByUserId\">\n      <td class=\"govuk-table__cell\">{{ user.firstName + ' ' + user.lastName }}</td>\n      <td class=\"govuk-table__cell\">{{ user.email }}</td>\n      <td class=\"govuk-table__cell\">\n        <span class=\"hmcts-badge\">To be added</span>\n      </td>\n    </tr>\n    <tr class=\"govuk-table__row\" *ngFor=\"let user of sharedCase.pendingUnshares; trackBy: trackByUserId\">\n      <td class=\"govuk-table__cell\">{{ user.firstName + ' ' + user.lastName }}</td>\n      <td class=\"govuk-table__cell\">{{ user.email }}</td>\n      <td class=\"govuk-table__cell\">\n        <span class=\"hmcts-badge hmcts-badge--red\">to be removed</span>\n      </td>\n    </tr>\n    </tbody>\n  </table>\n</div>\n",
-                styles: [".case-share-confirm__title{margin-bottom:0}.case-share-confirm__caption-area{border-bottom:1px solid #b1b4b6;padding-bottom:10px;display:inline-block;width:100%;clear:both}.case-share-confirm__caption{float:left}.case-share-confirm__change-link{float:right}.govuk-table-column-header{width:45%}.govuk-table-column-actions{width:10%}"]
-            },] }
-];
-SelectedCaseConfirmComponent.ctorParameters = () => [
-    { type: CaseSharingStateService }
-];
-SelectedCaseConfirmComponent.propDecorators = {
-    sharedCase: [{ type: Input }],
-    changeLink: [{ type: Input }]
-};
-
-class SelectedCaseListComponent {
-    constructor(stateService) {
-        this.stateService = stateService;
-        this.shareCases = [];
-        this.toConfirm = false;
-        this.changeLink = '';
-        this.unselect = new EventEmitter();
-        this.synchronizeStore = new EventEmitter();
-    }
-    ngOnInit() {
-        this.shareCases$ = this.stateService.state;
-        this.shareCases$.subscribe(shareCases => this.shareCases = shareCases);
-    }
-    onUnselect(sharedCase) {
-        this.unselect.emit(sharedCase);
-    }
-    onSynchronizeStore(event) {
-        this.synchronizeStore.emit(event);
-    }
-    trackByCaseId(sharedCase) {
-        return sharedCase.caseId;
-    }
-}
-SelectedCaseListComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-selected-case-list',
-                template: "<ng-container *ngIf=\"!toConfirm\">\n  <xuilib-selected-case\n    *ngFor=\"let sharedCase of (shareCases$ | async); trackBy: trackByCaseId\"\n    [sharedCase]=\"sharedCase\"\n    [removeUserFromCaseToggleOn]=\"removeUserFromCaseToggleOn\"\n    (unselect)=\"onUnselect($event)\"\n    (synchronizeStore)=\"onSynchronizeStore($event)\"\n    >\n  </xuilib-selected-case>\n</ng-container>\n\n<ng-container *ngIf=\"toConfirm\">\n  <xuilib-selected-case-confirm\n    *ngFor=\"let sharedCase of (shareCases$ | async); trackBy: trackByCaseId\"\n    [sharedCase]=\"sharedCase\"\n    [changeLink]=\"changeLink\">\n  </xuilib-selected-case-confirm>\n</ng-container>\n",
-                styles: [""]
-            },] }
-];
-SelectedCaseListComponent.ctorParameters = () => [
-    { type: CaseSharingStateService }
-];
-SelectedCaseListComponent.propDecorators = {
-    shareCases$: [{ type: Input }],
-    removeUserFromCaseToggleOn: [{ type: Input }],
-    toConfirm: [{ type: Input }],
-    changeLink: [{ type: Input }],
-    unselect: [{ type: Output }],
-    synchronizeStore: [{ type: Output }]
-};
-
-class SelectedCaseComponent {
-    constructor(stateService) {
-        this.stateService = stateService;
-        this.opened = false;
-        this.unselect = new EventEmitter();
-        this.synchronizeStore = new EventEmitter();
-    }
-    ngOnInit() {
-        this.shareCases$ = this.stateService.state;
-        this.shareCases$.subscribe(shareCases => this.shareCases = shareCases);
-    }
-    ngOnChanges(changes) {
-        if (changes.sharedCase) {
-            const sharedWith = this.sharedCase.sharedWith ? this.sharedCase.sharedWith : [];
-            const pendingShares = this.sharedCase.pendingShares ? this.sharedCase.pendingShares : [];
-            this.combinedSortedShares = this.combineAndSortShares(sharedWith, pendingShares);
-        }
-    }
-    onUnselect() {
-        this.unselect.emit(this.sharedCase);
-    }
-    onDeselect(c) {
-        this.unselect.emit(c);
-    }
-    trackByUserId(user) {
-        return user.idamId;
-    }
-    canRemove(caseId, user) {
-        return this.shareCases$.pipe(map(cases => {
-            if (this.removeUserFromCaseToggleOn) {
-                for (const aCase of cases) {
-                    if (aCase.caseId === caseId) {
-                        if (aCase.pendingUnshares && aCase.pendingUnshares.some(u => u.idamId === user.idamId)) {
-                            return false;
-                        }
-                        if (aCase.sharedWith && aCase.sharedWith.some(u => u.idamId === user.idamId)) {
-                            return true;
-                        }
-                    }
-                }
-            }
-            return false;
-        }));
-    }
-    canCancel(caseId, user) {
-        return this.shareCases$.pipe(map(cases => {
-            for (const aCase of cases) {
-                if (aCase.caseId === caseId) {
-                    if (aCase.pendingShares && aCase.pendingShares.some(u => u.idamId === user.idamId)) {
-                        return true;
-                    }
-                    if (aCase.pendingUnshares && aCase.pendingUnshares.some(u => u.idamId === user.idamId)) {
-                        return true;
-                    }
-                    return false;
-                }
-            }
-        }));
-    }
-    isToBeRemoved(caseId, user) {
-        return this.shareCases$.pipe(map(cases => {
-            for (const aCase of cases) {
-                if (aCase.caseId === caseId) {
-                    return aCase.pendingUnshares && aCase.pendingUnshares.some(u => u.idamId === user.idamId);
-                }
-            }
-        }));
-    }
-    isToBeAdded(caseId, user) {
-        return this.shareCases$.pipe(map(cases => {
-            for (const aCase of cases) {
-                if (aCase.caseId === caseId) {
-                    return aCase.pendingShares && aCase.pendingShares.some(u => u.idamId === user.idamId);
-                }
-            }
-        }));
-    }
-    onRemove(user, sharedCase) {
-        this.stateService.requestUnshare(sharedCase.caseId, user);
-        this.synchronizeStore.emit(this.shareCases);
-    }
-    onCancel(user, sharedCase) {
-        this.stateService.requestCancel(sharedCase.caseId, user);
-        this.synchronizeStore.emit(this.shareCases);
-    }
-    showNoUsersAccessInfo() {
-        // A user is added to a case
-        if (this.sharedCase.pendingShares) {
-            if (this.sharedCase.pendingShares.length > 0) {
-                return false;
-            }
-        }
-        // A case has 0 users with access to it
-        if (this.sharedCase.sharedWith) {
-            if (this.sharedCase.sharedWith.length === 0) {
-                return true;
-            }
-        }
-        // Access to the last user is removed
-        if (this.sharedCase.sharedWith && this.sharedCase.pendingUnshares) {
-            if (this.sharedCase.pendingUnshares.length > 0
-                && this.sharedCase.sharedWith.length === this.sharedCase.pendingUnshares.length) {
-                return true;
-            }
-        }
-        return false;
-    }
-    showUserHasAccessInfo() {
-        return !this.showNoUsersAccessInfo();
-    }
-    showUserAccessTable() {
-        if (this.sharedCase.pendingShares) {
-            if (this.sharedCase.pendingShares.length > 0) {
-                return true;
-            }
-        }
-        if (this.sharedCase.sharedWith) {
-            if (this.sharedCase.sharedWith.length > 0) {
-                return true;
-            }
-        }
-        return false;
-    }
-    combineAndSortShares(sharedWith, pendingShares) {
-        return [
-            ...sharedWith,
-            ...pendingShares
-        ].sort((user1, user2) => {
-            return user1.firstName.toLowerCase() > user2.firstName.toLowerCase() ? 1 : (user2.firstName.toLowerCase() > user1.firstName.toLowerCase() ? -1 : 0);
-        });
-    }
-    userIdSetter(isPending, id) {
-        return isPending ? `pendingShares-${id}` : `${id}`;
-    }
-    buildElementId(elementName) {
-        return `${elementName}-${this.sharedCase.caseId}`;
-    }
-}
-SelectedCaseComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-selected-case',
-                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 }}</h3>\n      <h1 id=\"{{buildElementId('case-id')}}\" class=\"govuk-case-sub-title\">{{ sharedCase.caseId }}</h1>\n    </div>\n    <div class=\"govuk-grid-column-twenty-percent\">\n      <button id=\"{{buildElementId('btn-deselect-case')}}\" class=\"govuk-button hmcts-button--secondary\" (click)=\"onDeselect(sharedCase)\" title=\"Deselect case\">Deselect case</button>\n    </div>\n    <div class=\"govuk-accordion__section-header govuk-grid-column-five-percent\">\n      <div class=\"govuk-accordion__section-heading\">\n        <button type=\"button\" id=\"{{buildElementId('accordion-with-summary-sections-heading')}}\"\n              aria-controls=\"accordion-with-summary-sections-content-1\" class=\"govuk-accordion__section-button\"\n              aria-describedby=\"accordion-with-summary-sections-summary-1\" aria-expanded=\"false\" title=\"Expand or Collapse\">\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       aria-labelledby=\"buildElementId('accordion-with-summary-sections-heading')\" >\n    <div class=\"govuk-grid-row\" *ngIf=\"showNoUsersAccessInfo()\">\n      <span id=\"{{buildElementId('access-info-no-user')}}\" class=\"govuk-div-align-left\">No users from your organisation currently have access to this case.</span>\n    </div>\n    <div class=\"govuk-grid-row\" *ngIf=\"showUserHasAccessInfo()\">\n      <span id=\"{{buildElementId('access-info-has-users')}}\" class=\"govuk-div-align-left\">Users from your organisation with access to this case.</span>\n    </div>\n    <table class=\"govuk-table\" *ngIf=\"showUserAccessTable()\">\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</th>\n        <th id=\"{{buildElementId('email-heading')}}\" class=\"govuk-table__header govuk-table-column-header\" scope=\"col\">Email address</th>\n        <th id=\"{{buildElementId('action-heading')}}\" class=\"govuk-table__header govuk-table-column-actions\" scope=\"col\">Actions</th>\n        <th id=\"{{buildElementId('label-heading')}}\" class=\"govuk-table__header govuk-table-column-label\" scope=\"col\">&nbsp;&nbsp;</th>\n      </tr>\n      </thead>\n      <tbody class=\"govuk-table__body\">\n        <tr class=\"govuk-table__row\" *ngFor=\"let user of combinedSortedShares; index as idx; trackBy: trackByUserId\">\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            <a *ngIf=\"canRemove(sharedCase.caseId, user) | async\" (click)=\"onRemove(user, sharedCase)\" href=\"javascript:void(0);\">Remove <span class=\"govuk-visually-hidden\">{{ user.firstName + ' ' + user.lastName }} from case</span></a>\n            <a *ngIf=\"canCancel(sharedCase.caseId, user) | async\" (click)=\"onCancel(user, sharedCase)\" href=\"javascript:void(0);\">Cancel <span class=\"govuk-visually-hidden\">adding {{ user.firstName + ' ' + user.lastName }} to case</span></a>\n          </td>\n          <td class=\"govuk-table__cell\">\n            <span *ngIf=\"isToBeRemoved(sharedCase.caseId, user) | async\" class=\"hmcts-badge hmcts-badge--red\">To be removed</span>\n            <span *ngIf=\"isToBeAdded(sharedCase.caseId, user) | async\" class=\"hmcts-badge\">To be added</span>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</div>\n",
-                styles: [".govuk-case-header{border-top:1px solid #bfc1c3}.govuk-case-title{font-size:24px;color:#005ea5;font-weight:700}.govuk-case-sub-title,.govuk-case-title{font-family:nta,Arial,sans-serif;padding-left:0}.govuk-case-sub-title{font-size:1rem!important;color:#6f777b;font-weight:400}.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-five-percent{box-sizing:border-box;padding-top:15px;width:5%;float:left}.govuk-table-column-header{width:40%}.govuk-table-column-actions,.govuk-table-column-label{width:10%}.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}"]
-            },] }
-];
-SelectedCaseComponent.ctorParameters = () => [
-    { type: CaseSharingStateService }
-];
-SelectedCaseComponent.propDecorators = {
-    sharedCase: [{ type: Input }],
-    selectedUser: [{ type: Input }],
-    opened: [{ type: Input }],
-    removeUserFromCaseToggleOn: [{ type: Input }],
-    unselect: [{ type: Output }],
-    synchronizeStore: [{ type: Output }]
-};
-
-class ServiceMessageComponent {
-    constructor() {
-        this.hideMessage = new EventEmitter();
-    }
-    onHideMessageEvent(key) {
-        this.hideMessage.emit(key);
-    }
-}
-ServiceMessageComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-service-message',
-                template: "<div class=\"hmcts-banner hmcts-banner--warning\">\n\n    <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n        xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n        <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\" />\n    </svg>\n\n    <div class=\"hmcts-banner__message\">\n        <span class=\"hmcts-banner__assistive\">Warning</span>\n        <h2 class=\"govuk-heading-s\" [innerHTML]=\"message\"></h2>\n        <a [routerLink]=\"\" class=\"govuk-link--no-visited-state\" (click)=\"onHideMessageEvent(key)\">Hide message</a>\n    </div>\n\n</div>"
-            },] }
-];
-ServiceMessageComponent.ctorParameters = () => [];
-ServiceMessageComponent.propDecorators = {
-    message: [{ type: Input }],
-    key: [{ type: Input }],
-    hideMessage: [{ type: Output }]
-};
-
-class FeatureToggleService {
-    // tslint:disable-next-line: variable-name
-    initialize(_user, _clientId) {
-        throw new Error('Not implemented');
-    }
-    // tslint:disable-next-line: variable-name
-    isEnabled(_feature) {
-        throw new Error('Not implemented');
-    }
-    // tslint:disable-next-line: variable-name
-    getValue(_key, _defaultValue) {
-        throw new Error('Not implemented');
-    }
-    // tslint:disable-next-line: variable-name
-    getValueOnce(_key, _defaultValue) {
-        throw new Error('Not implemented');
-    }
-}
-FeatureToggleService.ɵprov = i0.ɵɵdefineInjectable({ factory: function FeatureToggleService_Factory() { return new FeatureToggleService(); }, token: FeatureToggleService, providedIn: "root" });
-FeatureToggleService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-
-class ServiceMessagesComponent {
-    constructor(featureToggleService) {
-        this.featureToggleService = featureToggleService;
-        this.filteredMessages = new Map();
-    }
-    ngOnInit() {
-        this.getServiceMessages();
-    }
-    getServiceMessages() {
-        this.featureToggleService.getValue(this.featureToggleKey, null)
-            .subscribe(messages => {
-            if (!!messages) {
-                this.createFilteredMessages(messages);
-            }
-        });
-    }
-    createFilteredMessages(messages) {
-        this.hiddenBanners = JSON.parse(window.sessionStorage.getItem(this.serviceMessageCookie)) || [];
-        Object.keys(messages).forEach(key => {
-            const regEx = new RegExp(key);
-            if (this.userRoles.some(e => regEx.test(e)) && this.hiddenBanners.indexOf(key) === -1) {
-                this.filteredMessages.set(key, messages[key]);
-            }
-        });
-    }
-    hideMessage(key) {
-        this.filteredMessages.delete(key);
-        this.hiddenBanners.push(key);
-        window.sessionStorage.setItem(this.serviceMessageCookie, JSON.stringify(this.hiddenBanners));
-    }
-}
-ServiceMessagesComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-service-messages',
-                template: "<div *ngIf=\"filteredMessages?.size > 0\" class=\"govuk-width-container govuk-!-margin-top-6\">\n    <xuilib-service-message *ngFor=\"let message of filteredMessages | keyvalue\" [key]=\"message.key\"\n        [message]=\"message.value\" (hideMessage)=\"hideMessage($event)\"></xuilib-service-message>\n</div>"
-            },] }
-];
-ServiceMessagesComponent.ctorParameters = () => [
-    { type: FeatureToggleService }
-];
-ServiceMessagesComponent.propDecorators = {
-    userRoles: [{ type: Input }],
-    featureToggleKey: [{ type: Input }],
-    serviceMessageCookie: [{ type: Input }]
-};
-
-class ShareCaseConfirmComponent {
-    constructor(stateService) {
-        this.stateService = stateService;
-        this.shareCases = []; // cases selected for sharing
-        this.changeLink = '';
-        this.completeLink = '';
-    }
-    ngOnInit() {
-        this.shareCases$.subscribe(shareCases => {
-            this.shareCases = shareCases;
-            this.stateService.setCases(shareCases);
-        });
-        this.shareCases$ = this.stateService.state;
-    }
-}
-ShareCaseConfirmComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-share-case-confirm',
-                template: "<div id=\"casesToConfirm\">\n  <h3 class=\"govuk-heading-l\">Cases</h3>\n  <div *ngIf=\"shareCases && shareCases.length > 0\" id=\"summarySections\">\n    <xuilib-selected-case-list\n      [shareCases$]=\"shareCases$\"\n      [toConfirm]=\"true\"\n      [changeLink]=\"changeLink\">\n    </xuilib-selected-case-list>\n  </div>\n\n  <div id=\"noCaseDisplay\" *ngIf=\"shareCases && shareCases.length === 0\" class=\"govuk-hint\">\n    No cases to display.\n  </div>\n\n</div>\n\n<div id=\"share-case-nav\" *ngIf=\"shareCases && shareCases.length > 0\">\n  <button class=\"govuk-button\" title=\"Confirm\" [routerLink]=\"completeLink\">Confirm</button>\n</div>\n",
-                styles: [""]
-            },] }
-];
-ShareCaseConfirmComponent.ctorParameters = () => [
-    { type: CaseSharingStateService }
-];
-ShareCaseConfirmComponent.propDecorators = {
-    shareCases$: [{ type: Input }],
-    changeLink: [{ type: Input }],
-    completeLink: [{ type: Input }]
-};
-
-class UserSelectComponent {
-    constructor() {
-        this.selected = new EventEmitter();
-        this.control = new FormControl();
-    }
-    ngOnInit() {
-        this.filteredUsers = this.control.valueChanges.pipe(map(value => typeof value === typeof 'string' ? this.filterUsers(value) : this.users));
-        this.selected.emit(null);
-    }
-    displayValue(user) {
-        return user ? `${user.firstName} ${user.lastName} - ${user.email}` : '';
-    }
-    onSelected(e) {
-        this.selected.emit(e.option.value);
-    }
-    clear() {
-        this.control.setValue(null);
-    }
-    onUserChange(newUserValue) {
-        if (!newUserValue || !newUserValue.email) {
-            this.selected.emit(null);
-        }
-    }
-    filterUsers(value) {
-        if (value) {
-            value = value.toLowerCase();
-            return this.users.filter(user => {
-                if (user.firstName.toLowerCase().includes(value)) {
-                    return true;
-                }
-                if (user.lastName.toLowerCase().includes(value)) {
-                    return true;
-                }
-                if (user.email.toLowerCase().includes(value)) {
-                    return true;
-                }
-                return false;
-            });
-        }
-        return [];
-    }
-}
-UserSelectComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-user-select',
-                template: "<input class=\"govuk-input\" type=\"text\" [matAutocomplete]=\"dropdown\" [formControl]=\"control\" (ngModelChange)=\"onUserChange($event)\" aria-labelledby=\"add-user-hint\">\n\n<mat-autocomplete #dropdown=\"matAutocomplete\" [displayWith]=\"displayValue\" autoActiveFirstOption (optionSelected)=\"onSelected($event)\">\n  <mat-option *ngFor=\"let user of filteredUsers | async\" [value]=\"user\">\n    {{ user.firstName }} {{ user.lastName }} - {{ user.email }}\n  </mat-option>\n</mat-autocomplete>",
-                styles: [""]
-            },] }
-];
-UserSelectComponent.ctorParameters = () => [];
-UserSelectComponent.propDecorators = {
-    users: [{ type: Input }],
-    selected: [{ type: Output }]
-};
-
-class ShareCaseComponent {
-    constructor(stateService) {
-        this.stateService = stateService;
-        this.shareCases = []; // cases selected for sharing
-        this.removeUserFromCaseToggleOn = false;
-        this.users = []; // users of this organisation the cases can be shared with
-        this.confirmLink = '';
-        this.unselect = new EventEmitter();
-        this.synchronizeStore = new EventEmitter();
-    }
-    ngOnInit() {
-        this.shareCases$.subscribe(shareCases => {
-            this.shareCases = shareCases;
-            this.stateService.setCases(shareCases);
-        });
-        this.shareCases$ = this.stateService.state;
-    }
-    onUnselect(c) {
-        this.unselect.emit(c);
-        this.stateService.removeCase(c.caseId);
-    }
-    onSynchronizeStore(event) {
-        this.synchronizeStore.emit(event);
-    }
-    onSelectedUser(user) {
-        this.selectedUser = user;
-    }
-    addUser() {
-        const newSharedCases = this.stateService.requestShare(this.selectedUser);
-        this.selectedUser = null;
-        if (this.userSelect) {
-            this.userSelect.clear();
-        }
-        this.synchronizeStore.emit(newSharedCases);
-    }
-    isDisabledAdd() {
-        return this.selectedUser === null || this.shareCases.length === 0;
-    }
-    isDisabledContinue() {
-        let isDisabled = true;
-        this.shareCases$.subscribe(shareCases => {
-            for (const caseState of shareCases) {
-                if (caseState.pendingShares && caseState.pendingShares.length > 0) {
-                    isDisabled = false;
-                    break;
-                }
-                if (caseState.pendingUnshares && caseState.pendingUnshares.length > 0) {
-                    isDisabled = false;
-                    break;
-                }
-            }
-        });
-        return isDisabled;
-    }
-    onDeselect(sharedCase) {
-        if (sharedCase !== null) {
-            const updated = [];
-            for (const element of this.shareCases) {
-                if (element.caseId !== sharedCase.caseId) {
-                    updated.push(element);
-                }
-            }
-            this.shareCases = updated;
-        }
-        this.stateService.setCases(this.shareCases);
-    }
-}
-ShareCaseComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-share-case',
-                template: "<div id=\"add-user\">\n  <label class=\"govuk-label govuk-!-font-weight-bold\" for=\"add-user-input\">Enter email address</label>\n  <span id=\"add-user-hint\" class=\"govuk-hint\">\n    Search by name or email address. You can only add people from your organisation individually - but you can add as many as you like.\n  </span>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-two-thirds\">\n      <xuilib-user-select\n        id=\"add-user-input\"\n        aria-describedby=\"add-user-hint\"\n        [users]=\"users\"\n        (selected)=\"onSelectedUser($event)\">\n      </xuilib-user-select>\n    </div>\n    <div class=\"govuk-grid-column-one-thirds\">\n      <button id=\"btn-add-user\" (click)=\"addUser()\" class=\"govuk-button\" [disabled]=\"isDisabledAdd()\" title=\"Add user to the case\">Add</button>\n    </div>\n  </div>\n  <details id=\"add-user-help\" class=\"govuk-details\" data-module=\"govuk-details\">\n    <summary class=\"govuk-details__summary\">\n    <span id=\"content-why-can-not-find-email\" class=\"govuk-details__summary-text\">\n      Can\u2019t find an email address?\n    </span>\n    </summary>\n    <div id=\"content-reason-can-not-find-email\" class=\"govuk-details__text\">\n      If you can\u2019t find your colleague\u2019s email address, they will need to complete their registration. Contact your\n      administrator for help.\n    </div>\n  </details>\n</div>\n\n<div id=\"cases\">\n  <h3 id=\"title-selected-cases\" class=\"govuk-heading-m\">Selected cases</h3>\n  <div *ngIf=\"shareCases && shareCases.length > 0\"  class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-with-summary-sections\">\n    <xuilib-selected-case-list\n      [shareCases$]=\"shareCases$\"\n      [removeUserFromCaseToggleOn]=\"removeUserFromCaseToggleOn\"\n      (unselect)=\"onUnselect($event)\"\n      (synchronizeStore)=\"onSynchronizeStore($event)\"\n    >\n    </xuilib-selected-case-list>\n  </div>\n\n  <div id=\"noCaseDisplay\" *ngIf=\"shareCases && shareCases.length === 0\" class=\"govuk-hint\">\n    No cases to display.\n  </div>\n\n</div>\n\n<div id=\"share-case-nav\">\n  <button class=\"govuk-button\" [disabled]=\"isDisabledContinue()\" title=\"Continue\" [routerLink]=\"confirmLink\">Continue</button>\n</div>\n",
-                styles: [""]
-            },] }
-];
-ShareCaseComponent.ctorParameters = () => [
-    { type: CaseSharingStateService }
-];
-ShareCaseComponent.propDecorators = {
-    removeUserFromCaseToggleOn: [{ type: Input }],
-    shareCases$: [{ type: Input }],
-    users: [{ type: Input }],
-    confirmLink: [{ type: Input }],
-    unselect: [{ type: Output }],
-    synchronizeStore: [{ type: Output }],
-    userSelect: [{ type: ViewChild, args: [UserSelectComponent, { static: true },] }]
-};
-
-class TabComponent {
-    constructor() {
-        this.tabChange = new EventEmitter();
-    }
-    tabChanged(event) {
-        this.tabChange.emit(event);
-    }
-}
-TabComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-tab',
-                template: "<mat-tab-group animationDuration=\"0ms\" (selectedTabChange)=\"tabChanged($event)\">\n    <mat-tab *ngFor=\"let tabItem of tabItems; let last = last;\" [label]=\"tabItem.text\">\n    </mat-tab>\n</mat-tab-group>"
-            },] }
-];
-TabComponent.ctorParameters = () => [];
-TabComponent.propDecorators = {
-    tabItems: [{ type: Input }],
-    tabChange: [{ type: Output }]
-};
-
-class TcConfirmComponent {
-    constructor() {
-        this.confirm = new EventEmitter();
-    }
-    onClick() {
-        this.confirm.emit();
-    }
-}
-TcConfirmComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-tc-confirm',
-                template: "<div class=\"govuk-width-container\">\n  <main role=\"main\" class=\"govuk-main-wrapper\">\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"column-two-thirds\">\n          <h1 class=\"govuk-heading-xl\">Using this service</h1>\n          <h2 class=\"govuk-heading-m\">Terms and conditions</h2>\n          <p>We've recently updated the\n            <a\n              routerLink=\"/terms-and-conditions\"\n              rel=\"noopener noreferrer\"\n              target=\"_blank\"\n              >terms and conditions</a\n            >.\n          </p>\n          <p>You must review and accept them.\n          </p>\n          <p>\n            <button class=\"govuk-button\" (click)=\"onClick()\">\n              {{ buttonText }}\n            </button>\n          </p>\n        </div>\n      </div>\n    </div>\n    <div class=\"govuk-grid-column-one-third\"></div>\n  </main>\n</div>\n",
-                styles: [""]
-            },] }
-];
-TcConfirmComponent.ctorParameters = () => [];
-TcConfirmComponent.propDecorators = {
-    buttonText: [{ type: Input }],
-    confirm: [{ type: Output }]
-};
-
-class TcDisplayHtmlComponent {
-    constructor() { }
-}
-TcDisplayHtmlComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-tc-display-html',
-                template: "<ng-content></ng-content>",
-                styles: [":host{display:block;width:100%}"]
-            },] }
-];
-TcDisplayHtmlComponent.ctorParameters = () => [];
-
-class TcDisplayPlainComponent {
-    constructor() { }
-}
-TcDisplayPlainComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-tc-display-plain',
-                template: "<ng-content></ng-content>",
-                styles: [":host{display:block;width:100%}"]
-            },] }
-];
-TcDisplayPlainComponent.ctorParameters = () => [];
-
-class TermsAndConditionsComponent {
-    constructor() { }
-}
-TermsAndConditionsComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-terms-and-conditions',
-                template: "<ng-container [ngSwitch]=\"document.mimeType\">\n  <xuilib-tc-display-html *ngSwitchCase=\"'text/html'\">\n    <div [innerHTML]=\"document.content\"></div>\n  </xuilib-tc-display-html>\n  <xuilib-tc-display-plain *ngSwitchCase=\"'text/plain'\">\n    {{ document.content }}\n  </xuilib-tc-display-plain>\n  <div *ngSwitchDefault>\n    An error occured. Please try again.\n  </div>\n</ng-container>\n",
-                styles: [":host{display:block;width:100%}"]
-            },] }
-];
-TermsAndConditionsComponent.ctorParameters = () => [];
-TermsAndConditionsComponent.propDecorators = {
-    document: [{ type: Input }]
-};
-
-class UserDetailsComponent {
-    constructor() {
-        this.showEditLink = false;
-        this.showHelpLink = false;
-        this.suspendUserEvent = new EventEmitter();
-        this.showSuspendUserButton = false;
-        this.reinvite = new EventEmitter();
-    }
-    reinviteClick(user) {
-        this.reinvite.emit(user);
-    }
-    suspendUser(suspendUser) {
-        this.suspendUserEvent.emit(suspendUser);
-    }
-    userHasRole(theRole) {
-        if (this.user && this.user.roles) {
-            return this.user.roles.includes(theRole);
-        }
-        return false;
-    }
-}
-UserDetailsComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-user-details',
-                template: "<div class=\"govuk-warning-text\" *ngIf=\"warningTitle && warningTitle !== ''\">\n<span class=\"govuk-warning-text__icon\">!</span>\n<strong class=\"govuk-warning-text__text\">\n    {{ warningTitle }}\n</strong>\n</div>\n<table class=\"govuk-table\" *ngIf=\"user\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n        <th class=\"govuk-table__header\" scope=\"row\">Name</th>\n        <td class=\"govuk-table__cell\">{{user.fullName}}</td>\n        <td class=\"govuk-table__cell\"></td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n        <th class=\"govuk-table__header\" scope=\"row\">Email address</th>\n        <td class=\"govuk-table__cell\">{{user.email}}</td>\n        <td class=\"govuk-table__cell\"></td>\n    </tr>\n    <tr class=\"govuk-table__row\" *ngIf=\"!user.resendInvite\">\n        <th class=\"govuk-table__header\" scope=\"row\">Permissions</th>\n        <td class=\"govuk-table__cell\">\n          <div *ngIf=\"user.manageOrganisations === 'Yes'\">Manage organisations</div>\n          <div *ngIf=\"user.manageUsers === 'Yes'\">Manage users</div>\n          <div *ngIf=\"user.manageCases === 'Yes'\">Manage cases</div>\n          <div *ngIf=\"userHasRole('pui-caa')\">Case access administrator</div>\n          <div *ngIf=\"userHasRole('pui-finance-manager')\">Manage fee accounts</div>\n        </td>\n        <td class=\"govuk-table__cell\"><a *ngIf=\"editPermissionRouterLink && showEditLink\" [routerLink]=\"editPermissionRouterLink\">Change <span class=\"govuk-visually-hidden\">roles</span></a></td>\n    </tr>\n  </tbody>\n</table>\n<button *ngIf=\"showSuspendUserButton\" class=\"govuk-button govuk-button--warning\" (click)=\"suspendUser(user)\">\n  Suspend account\n</button>\n<div *ngIf=\"user && user.resendInvite\">\n  <div class=\"govuk-inset-text\">\n    <p>This user has already been invited but has not activated their account.</p>\n    <p>If you resend an invitation, they'll receive an email from HM Courts and Tribunals to finish setting up their account.</p>\n    <p>You can't invite the same user more than once an hour.</p>\n  </div>\n  <a role=\"button\" draggable=\"false\" class=\"govuk-button\" (click)=\"reinviteClick(user)\" id=\"resend-invite-button\">\n      Resend invitation\n  </a>\n</div>\n<p class=\"govuk-body\" *ngIf=\"showHelpLink && suspendHelpLink\"><a [routerLink]=\"suspendHelpLink\" target=\"_blank\">Get help</a> to reactivate this account.</p>\n",
-                styles: [":host{display:block}"]
-            },] }
-];
-UserDetailsComponent.propDecorators = {
-    user: [{ type: Input }],
-    editPermissionRouterLink: [{ type: Input }],
-    warningTitle: [{ type: Input }],
-    showEditLink: [{ type: Input }],
-    showHelpLink: [{ type: Input }],
-    suspendHelpLink: [{ type: Input }],
-    suspendUserEvent: [{ type: Output }],
-    showSuspendUserButton: [{ type: Input }],
-    reinvite: [{ type: Output }]
-};
-
-class UserListComponent {
-    constructor() {
-        this.users = [];
-        this.userClick = new EventEmitter();
-        this.pageChange = new EventEmitter();
-    }
-    ngOnInit() {
-        this.pagination = { itemsPerPage: 50, currentPage: this.currentPageNumber, totalItems: this.pageTotalSize };
-    }
-    onUserClick(user) {
-        this.userClick.emit(user);
-    }
-    emitPageClickEvent(pageNumber) {
-        this.currentPageNumber = pageNumber;
-        this.pageChange.emit(pageNumber);
-    }
-}
-UserListComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-user-list',
-                template: "<table class=\"govuk-table\">\n\n    <thead clas=\"govuk-table__head\">\n        <tr class=\"govuk-table__row\">\n            <th class=\"govuk-table__header\" scope=\"col\">Name</th>\n            <th class=\"govuk-table__header\" scope=\"col\">Email</th>\n            <th class=\"govuk-table__header\" scope=\"col\">Status</th>\n        </tr>\n    </thead>\n    <tbody class=\"govuk-table__body\">\n      <ng-container *ngFor=\"let u of users | paginate: { itemsPerPage: pagination.itemsPerPage, currentPage: currentPageNumber, totalItems: pagination.totalItems }\">\n        <tr class=\"govuk-table__row\" data-selector=\"table-row\">\n            <td class=\"govuk-table__cell\" data-selector=\"table-cell\">\n              <a class=\"govuk-link\" [attr.title]=\"u.routerLinkTitle\" [routerLink]=\"u.routerLink\" (click)=\"onUserClick(u)\">{{ u.fullName }}</a>\n            </td>\n            <td class=\"govuk-table__cell\" data-selector=\"table-cell\">{{ u.email }}</td>\n            <td class=\"govuk-table__cell\" data-selector=\"table-cell\">{{ u.status }}</td>\n        </tr>\n      </ng-container>\n    </tbody>\n</table>\n<xuilib-hmcts-pagination (pageChange)=\"emitPageClickEvent($event)\" [pageSize]=\"pagination.itemsPerPage\"></xuilib-hmcts-pagination>\n",
-                styles: [":host{display:block}"]
-            },] }
-];
-UserListComponent.propDecorators = {
-    users: [{ type: Input }],
-    currentPageNumber: [{ type: Input }],
-    pageTotalSize: [{ type: Input }],
-    userClick: [{ type: Output }],
-    pageChange: [{ type: Output }]
-};
-
-class FeatureToggleDirective {
-    constructor(service, viewContainer, templateRef) {
-        this.service = service;
-        this.viewContainer = viewContainer;
-        this.templateRef = templateRef;
-    }
-    set xuilibFeatureToggle(feature) {
-        this.feature = feature;
-        this.updateSubscription();
-    }
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-    updateSubscription() {
-        this.subscription = this.service.isEnabled(this.feature).subscribe(enabled => {
-            if (enabled) {
-                this.viewContainer.createEmbeddedView(this.templateRef);
-            }
-            else {
-                this.viewContainer.clear();
-            }
-        });
-    }
-}
-FeatureToggleDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[xuilibFeatureToggle]'
-            },] }
-];
-FeatureToggleDirective.ctorParameters = () => [
-    { type: FeatureToggleService },
-    { type: ViewContainerRef },
-    { type: TemplateRef }
-];
-FeatureToggleDirective.propDecorators = {
-    xuilibFeatureToggle: [{ type: Input }]
-};
-
-class LetContext {
-    constructor() {
-        this.$implicit = null;
-        this.xuilibLet = null;
-    }
-}
-class LetDirective {
-    constructor(viewContainer, templateRef) {
-        this.viewContainer = viewContainer;
-        this.context = new LetContext();
-        this.viewContainer.createEmbeddedView(templateRef, this.context);
-    }
-    set xuilibLet(condition) {
-        this.context.$implicit = this.context.xuilibLet = condition;
-    }
-}
-LetDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[xuilibLet]'
-            },] }
-];
-LetDirective.ctorParameters = () => [
-    { type: ViewContainerRef },
-    { type: TemplateRef }
-];
-LetDirective.propDecorators = {
-    xuilibLet: [{ type: Input }]
-};
-
-/*
-* Gov Uk Checkbox Dumb Component responsible for
-* displaying checkbox input and hint
-*
-* */
-class GovUkCheckboxComponent {
-    constructor() {
-        this.isChecked = false;
-    }
-    ngOnInit() {
-        const id = this.config.focusOn ? this.config.focusOn : this.config.value;
-        this.config.id = id;
-        this.config.classes = this.config.classes ?
-            this.config.classes.concat(' govuk-checkboxes__label') : 'govuk-checkboxes__label';
-    }
-}
-GovUkCheckboxComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-gov-checkbox',
-                template: "<div class=\"govuk-checkboxes__item\" [formGroup]=\"group\">\n  <input class=\"govuk-checkboxes__input\" type=\"checkbox\" [attr.aria-describedby]=\"config.hint ? config.value+'-item-hint' : null\"\n  [id]=\"config.id\" [name]=\"config.name\" [formControlName]=\"config.value\" [checked]=\"isChecked\">\n  <xuilib-gov-label appRemoveHost [config]=\"config\"></xuilib-gov-label>\n  <span [id]=\"config.value+'-item-hint'\" class=\"govuk-hint govuk-checkboxes__hint\">\n    {{config.hint}}\n  </span>\n</div>"
-            },] }
-];
-GovUkCheckboxComponent.ctorParameters = () => [];
-GovUkCheckboxComponent.propDecorators = {
-    group: [{ type: Input }],
-    config: [{ type: Input }],
-    isChecked: [{ type: Input }]
-};
-
-/*
-* CheckBox component - state less
-* Responsible for displaying a list of gov-uk-checkboxes
-* @param: options - object with data for wrapper (fieldset) and
-* array of items for gov-uk-checkboxes
-* @param: errors - array of error stings
-* */
-class GovUkCheckboxesComponent {
-}
-GovUkCheckboxesComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-gov-uk-checkboxes',
-                template: "<xuilib-gov-uk-form-group-wrapper\n[error]=\"errors\"\n[config]=\"options.config\"\n[group]=\"options.key\">\n<div class=\"govuk-checkboxes\">\n  <xuilib-gov-checkbox *ngFor=\"let item of options.items\"\n    [group]=\"item.group\"\n    [config]=\"item.config\">\n  </xuilib-gov-checkbox>\n</div>\n</xuilib-gov-uk-form-group-wrapper>"
-            },] }
-];
-GovUkCheckboxesComponent.propDecorators = {
-    options: [{ type: Input }],
-    errors: [{ type: Input }]
-};
-
-/*
- * Gov UK Date Component
- * Responsible for displaying 3 input fields:
- * day / month / year
- * displaying errorMessage messages
- * */
-class GovUkDateComponent {
-    constructor() {
-        this.isOptional = false;
-    }
-    ngOnInit() {
-        this.day = `${this.config.id}_day`;
-        this.month = `${this.config.id}_month`;
-        this.year = `${this.config.id}_year`;
-        const dateValidator = this.DateValidator();
-        this.formGroup.get(this.day).setValidators(dateValidator);
-    }
-    isValidDate(d, month, year) {
-        const 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
-        const monthMatch = d.getMonth() === month;
-        const yearMatch = d.getFullYear() === year;
-        return dateCheck && monthMatch && yearMatch;
-    }
-    isEmpty(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 */
-    }
-    DateValidator() {
-        return () => {
-            const day = this.formGroup.get(this.day).value;
-            const month = this.formGroup.get(this.month).value - 1;
-            const 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: 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      <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}"]
-            },] }
-];
-GovUkDateComponent.ctorParameters = () => [];
-GovUkDateComponent.propDecorators = {
-    config: [{ type: Input }],
-    errorMessage: [{ type: Input }],
-    formGroup: [{ type: Input }],
-    isOptional: [{ type: Input }]
-};
-
-/*
-* Gov UK Error Message
-* Responsible for displaying in-line error messages
-* @prop config - obj with properties
-* @prop errorMessage - all error bject with messages property that is arry of strings.
-* */
-class GovUkErrorMessageComponent {
-    constructor() { }
-}
-GovUkErrorMessageComponent.decorators = [
-    { type: Component, args: [{
-                selector: ' xuilib-gov-uk-error-message',
-                template: "<span class=\"govuk-error-message\" [id]=\"config.id + '-error'\" *ngFor=\"let message of errorMessage?.messages\">\n  <span class=\"govuk-visually-hidden\">Error:</span>{{message}}\n</span>"
-            },] }
-];
-GovUkErrorMessageComponent.ctorParameters = () => [];
-GovUkErrorMessageComponent.propDecorators = {
-    config: [{ type: Input }],
-    errorMessage: [{ type: Input }]
-};
-
-/*
- * Helper Class
- * Used for dynamic templates manipulation
- * */
-class HtmlTemplatesHelper {
-    /*
-    * Sets described by string depending if
-    * there is an error, error and hit or nothing
-    * */
-    static setDescribedBy(errorMessage, config) {
-        if (!errorMessage) {
-            return config.hint ? `${config.id}-hint` : null;
-        }
-        else if (errorMessage && errorMessage.isInvalid) {
-            return config.hint ? `${config.id}-hint ${config.id}-error` : `${config.id}-error`;
-        }
-        else {
-            return config.hint ? `${config.id}-hint` : null;
-        }
-    }
-}
-
-/*
-* Gov Uk Fieldset Component
-* Used to wrap group fieldset elements
-* it can conditionally display h1 tag
-* @param config
-* @param isHeading
-* @param errorMessage - used for aria tag
-* */
-class GovUkFieldsetComponent {
-    constructor() { }
-    setDescribedBy() {
-        return HtmlTemplatesHelper.setDescribedBy(this.errorMessage, this.config);
-    }
-}
-GovUkFieldsetComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-gov-uk-fieldset',
-                template: "<fieldset class=\"govuk-fieldset\" [attr.aria-describedby]=\"setDescribedBy()\">\n  <legend [class]=\"config.classes + ' govuk-fieldset__legend'\" *ngIf=\"!config.isPageHeading\">\n    {{config.legend}}\n  </legend>\n\n  <legend [class]=\"config.classes + ' govuk-fieldset__legend'\" *ngIf=\"config.isPageHeading\">\n    <h1>{{config.legend}}</h1>\n  </legend>\n\n  <span [id]=\"config.id+'-hint'\" class=\"govuk-hint\" *ngIf=\"config.hint\">\n    {{config.hint}}\n  </span>\n  <ng-content></ng-content>\n</fieldset>"
-            },] }
-];
-GovUkFieldsetComponent.ctorParameters = () => [];
-GovUkFieldsetComponent.propDecorators = {
-    config: [{ type: Input }],
-    errorMessage: [{ type: Input }]
-};
-
-/*
-* Gov UK Input component
-* Responsible for displaying input, hint and error messages
-* @prop errorMessages - array of messages
-* @prop focusOn - passing the FormGroup
-* @prop config - adding configuration
-* */
-class GovUkFileUploadComponent {
-    constructor() {
-        // { label: string, hint: string; name: string; id: string, type: string; isPageHeading: boolean, classes: string };
-        this.reloadInput = true;
-    }
-    ngOnInit() {
-        this.config.classes = 'govuk-label--m';
-    }
-    setDescribedBy() {
-        return HtmlTemplatesHelper.setDescribedBy(this.errorMessage, this.config);
-    }
-}
-GovUkFileUploadComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-gov-uk-file-upload',
-                template: "<div class=\"govuk-form-group\" [formGroup]=\"group\"\n         [ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\">\n\n      <xuilib-gov-label [config]=\"config\"></xuilib-gov-label>\n\n      <span *ngIf=\"config.hint\" [id]=\"config.id +'-hint'\" class=\"govuk-hint\">\n          {{config.hint}}\n      </span>\n\n      <xuilib-gov-uk-error-message [config]=\"config\" [errorMessage]=\"errorMessage\"></xuilib-gov-uk-error-message>\n\n      <input class=\"govuk-file-upload\"\n             *ngIf=\"reloadInput\"\n             [formControlName]=\"config.id\"\n             [ngClass]=\"{'govuk-file-upload--error': errorMessage?.isInvalid}\"\n             [id]=\"config.id\" [name]=\"config.name\"\n             [attr.aria-describedby]=\"setDescribedBy()\"\n             type=\"file\">\n    </div>"
-            },] }
-];
-GovUkFileUploadComponent.ctorParameters = () => [];
-GovUkFileUploadComponent.propDecorators = {
-    errorMessage: [{ type: Input }],
-    group: [{ type: Input }],
-    config: [{ type: Input }]
-};
-
-/*
-* Gov Uk Form Group Wrapper
-* Used to wrap group form elements in html tags below such as
-* gov-uk-checkboxes and radio buttons
-* and errorMessage messages
-* */
-class GovUkFormGroupWrapperComponent {
-    constructor() { }
-}
-GovUkFormGroupWrapperComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-gov-uk-form-group-wrapper',
-                template: "<div class=\"govuk-form-group\" [attr.formGroupName]=\"group\" [ngClass]=\"{'govuk-form-group--error': (error?.isInvalid)}\">\n  <xuilib-gov-uk-fieldset\n    [config]=\"{legend: config.legend, classes: 'govuk-label--m', id: config.key, hint: config.hint, isPageHeading: config.isPageHeading}\"\n    [errorMessage]=\"error\">\n\n    <xuilib-gov-uk-error-message [config]=\"{id: group}\" [errorMessage]=\"error\"></xuilib-gov-uk-error-message>\n\n    <ng-content></ng-content>\n\n  </xuilib-gov-uk-fieldset>\n</div>"
-            },] }
-];
-GovUkFormGroupWrapperComponent.ctorParameters = () => [];
-GovUkFormGroupWrapperComponent.propDecorators = {
-    error: [{ type: Input }],
-    group: [{ type: Input }],
-    config: [{ type: Input }]
-};
-
-/*
-* Gov UK Input component
-* Responsible for displaying input, hint and error messages
-* @prop errorMessages - array of messages
-* @prop focusOn - passing the FormGroup
-* @prop config - adding configuration
-* */
-class GovUkInputComponent {
-    constructor() { }
-    // { label: string, hint: string; name: string; id: string, type: string; isPageHeading: boolean, classes: string };
-    ngOnInit() {
-        this.config.classes = 'govuk-label--m';
-    }
-    setDescribedBy() {
-        return HtmlTemplatesHelper.setDescribedBy(this.errorMessage, this.config);
-    }
-}
-GovUkInputComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-gov-uk-input',
-                template: "<div class=\"govuk-form-group gov-uk-input\" [formGroup]=\"group\"\n[ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\">\n\n<xuilib-gov-label [config]=\"config\"></xuilib-gov-label>\n\n<span *ngIf=\"config.hint\" [id]=\"config.id +'-hint'\" class=\"govuk-hint\">\n  {{config.hint}}\n</span>\n\n<xuilib-gov-uk-error-message [config]=\"config\" [errorMessage]=\"errorMessage\"></xuilib-gov-uk-error-message>\n\n<input class=\"govuk-input\"\n       [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n       [id]=\"config.id\"\n       [name]=\"config.name\"\n       [type]=\"config.type\"\n       [attr.aria-invalid]=\"errorMessage?.isInvalid\"\n       [formControlName]=\"config.name\"\n       [attr.aria-describedby]='setDescribedBy()'>\n</div>\n",
-                styles: [".gov-uk-input input:disabled{background:#b1b4b6}"]
-            },] }
-];
-GovUkInputComponent.ctorParameters = () => [];
-GovUkInputComponent.propDecorators = {
-    errorMessage: [{ type: Input }],
-    group: [{ type: Input }],
-    config: [{ type: Input }]
-};
-
-/*
-* Gov UK Label component
-* Responsible for displaying label tag
-* @prop isPageHading - boolean to display h1
-* @prop config - obj with properties
-* */
-class GovUkLabelComponent {
-    constructor() { }
-}
-GovUkLabelComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-gov-label',
-                template: "<h1 *ngIf=\"config.isPageHeading else noHeading\">\n  <label *ngIf=\"config.label\" [class]=\"config.classes + ' govuk-label'\"\n         [for]=\"config.id\" [innerHTML]=\"config.label\">\n  </label>\n</h1>\n<ng-template #noHeading>\n  <label *ngIf=\"config.label\" [class]=\"config.classes + ' govuk-label'\"\n         [for]=\"config.id\" [innerHTML]=\"config.label\">\n  </label>\n</ng-template>"
-            },] }
-];
-GovUkLabelComponent.ctorParameters = () => [];
-GovUkLabelComponent.propDecorators = {
-    config: [{ type: Input }]
-};
-
-/*
-* Gov Uk Radio state-less  Component responsible for
-* displaying radios input and hint
-*
-* */
-class GovUkRadioComponent {
-    constructor() { }
-    /*
-     * ngOnInIt
-     * needed to manage the focus id if passed on in config
-     * si it can focus on element when user clicks on error message in the header.
-     **/
-    ngOnInit() {
-        const id = this.config.focusOn ? this.config.focusOn : this.config.value;
-        this.config.id = id;
-        this.config.classes = this.config.classes ?
-            this.config.classes.concat(' govuk-radios__label') : 'govuk-radios__label';
-    }
-}
-GovUkRadioComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-gov-radio',
-                template: "<div class=\"govuk-radios__item\" [formGroup]=\"group\">\n  <input [className]=\"'govuk-radios__input ' + config.classes\"\n         [id]=\"config.id\"\n         [value]=\"config.value\" type=\"radio\"\n         [attr.data-aria-controls]=\"config.id\"\n         [name]=\"config.name\"\n         [formControl]=\"group.controls[config.name]\">\n  <xuilib-gov-label appRemoveHost [config]=\"config\"></xuilib-gov-label>\n</div>"
-            },] }
-];
-GovUkRadioComponent.ctorParameters = () => [];
-GovUkRadioComponent.propDecorators = {
-    group: [{ type: Input }],
-    config: [{ type: Input }]
-};
-
-/*
-* Radios component - state less
-* Responsible for displaying a list of gov-uk-radio components
-* @param: options - object with data for wrapper (fieldset) and
-* array of items for gov-uk-checkboxes
-* @param: errors - array of error stings
-* */
-class GovUkRadiosComponent {
-}
-GovUkRadiosComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-gov-uk-radios',
-                template: "<xuilib-gov-uk-form-group-wrapper\n[error]=\"errors\"\n[config]=\"options.config\"\n[group]=\"options.key\">\n<div class=\"govuk-radios\">\n  <xuilib-gov-radio\n    appRemoveHost\n    *ngFor=\"let item of options.items\"\n    [group]=\"options.group\"\n    [config]=\"item.config\">\n  </xuilib-gov-radio>\n</div>\n</xuilib-gov-uk-form-group-wrapper>"
-            },] }
-];
-GovUkRadiosComponent.propDecorators = {
-    options: [{ type: Input }],
-    errors: [{ type: Input }]
-};
-
-/*
-* Gov Uk Select Dumb Component responsible for
-* dropdown input.
-* */
-class GovUkSelectComponent {
-    constructor() { }
-    setDescribedBy() {
-        return HtmlTemplatesHelper.setDescribedBy(this.errorMessage, this.config);
-    }
-}
-GovUkSelectComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-gov-select',
-                template: "<div class=\"govuk-form-group\" [formGroup]=\"group\"\n[ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\">\n<xuilib-gov-label [config]=\"config\"></xuilib-gov-label>\n<span *ngIf=\"config.hint\" [id]=\"config.id +'-hint'\" class=\"govuk-hint\">\n {{config.hint}}\n</span>\n<xuilib-gov-uk-error-message [config]=\"config\" [errorMessage]=\"errorMessage\"></xuilib-gov-uk-error-message>\n\n<select class=\"govuk-select\" [id]=\"config.id\" [name]=\"config.id\" [formControlName]=\"config.id\" [attr.aria-describedby]='setDescribedBy()'>\n<option value=\"{{item.value}}\" *ngFor=\"let item of items\">{{item.label}}</option>\n</select>\n</div>"
-            },] }
-];
-GovUkSelectComponent.ctorParameters = () => [];
-GovUkSelectComponent.propDecorators = {
-    errorMessage: [{ type: Input }],
-    group: [{ type: Input }],
-    config: [{ type: Input }],
-    items: [{ type: Input }]
-};
-
-class GovukTableComponent {
-    constructor() {
-        this.classes = '';
-        this.caption = 'Dates and amounts';
-        this.firstCellIsHeader = true;
-        this.columnConfig = [
-            { header: 'Date', key: 'date', type: 'text' },
-            { header: 'Amount', key: 'amount' }
-        ];
-    }
-    formatDate(date) {
-        return formatDate(date, 'dd/MM/yyyy', 'en-UK');
-    }
-}
-GovukTableComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-gov-uk-table',
-                template: "<table class=\"{{'govuk-table ' + classes}}\">\n    <caption class=\"govuk-table__caption\">{{caption}}</caption>\n    <thead class=\"govuk-table__head\" >\n    <tr class=\"govuk-table__row\">\n        <th class=\"govuk-table__header\" scope=\"col\" *ngFor=\"let h of columnConfig\">{{h.header}}</th>\n    </tr>\n    </thead>\n    <tbody class=\"govuk-table__body\">\n    <tr data-selector=\"table-row\" class=\"govuk-table__row\" *ngFor=\"let r of rows\">\n        <ng-container *ngFor=\"let col of columnConfig; first as isFirst\">\n            <th data-selector=\"table-header\" class=\"govuk-table__header\" scope=\"row\"  *ngIf=\"isFirst && firstCellIsHeader\">\n                <ng-container *ngIf=\"!col.type || col.type === 'text' || !r.routerLink\">{{r[col.key]}}</ng-container>\n                <ng-container *ngIf=\"col.type === 'link' && r.routerLink\">\n                    <a class=\"govuk-link\" [routerLink]=\"r.routerLink\">{{r[col.key]}}</a>\n                </ng-container>\n            </th>\n            <td data-selector=\"table-cell\" class=\"govuk-table__cell\"  *ngIf=\"!(isFirst && firstCellIsHeader)\">\n                <ng-container *ngIf=\"col.type === 'date'\">{{formatDate(r[col.key])}}</ng-container>\n                <ng-container *ngIf=\"!col.type || col.type === 'text' || !r.routerLink\">{{r[col.key]}}</ng-container>\n                <ng-container *ngIf=\"col.type === 'link' && r.routerLink\">\n                    <a class=\"govuk-link\" [routerLink]=\"r.routerLink\">{{r[col.key]}}</a>\n                </ng-container>\n            </td>\n        </ng-container>\n    </tr>\n    </tbody>\n</table>\n",
-                styles: [""]
-            },] }
-];
-GovukTableComponent.ctorParameters = () => [];
-GovukTableComponent.propDecorators = {
-    classes: [{ type: Input }],
-    caption: [{ type: Input }],
-    firstCellIsHeader: [{ type: Input }],
-    rows: [{ type: Input }],
-    columnConfig: [{ type: Input }]
-};
-class GovukTableColumnConfig {
-    constructor() {
-        this.header = '';
-        this.key = '';
-        this.type = 'text';
-    }
-}
-
-/*
-* CheckBox component - state less
-* Responsible for displaying a list of gov-uk-checkboxes
-* @param: options - object with data for wrapper (fieldset) and
-* array of items for gov-uk-checkboxes
-* @param: errors - array of errorMessage
-* */
-class GovUkTextareaComponent {
-    setDescribedBy() {
-        return HtmlTemplatesHelper.setDescribedBy(this.errorMessage, this.config);
-    }
-}
-GovUkTextareaComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-gov-uk-textarea',
-                template: "<div [formGroup]=\"group\" \nclass=\"govuk-form-group\" [ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\">\n<xuilib-gov-label [config]=\"config\"></xuilib-gov-label>\n<span id=\"more-detail-hint\" class=\"govuk-hint\">\n  {{config.hint}}\n</span>\n<xuilib-gov-uk-error-message [config]=\"config\" [errorMessage]=\"errorMessage\"></xuilib-gov-uk-error-message>\n<textarea\n  class=\"govuk-textarea\" [formControlName]=\"config.key\"\n  [ngClass]=\"{'govuk-textarea--error': errorMessage?.isInvalid}\"\n  [id]=\"config.id\" name=\"more-detail\" [rows]=\"config.rows\" [attr.aria-describedby]=\"setDescribedBy()\"></textarea>\n</div>"
-            },] }
-];
-GovUkTextareaComponent.propDecorators = {
-    config: [{ type: Input }],
-    errorMessage: [{ type: Input }],
-    group: [{ type: Input }]
-};
-
-/*
-* Hmcts Banner
-* Responsible for displaying prominent message and related actions
-* @prop message to display
-* @prop type
-* */
-class HmctsBannerComponent {
-    constructor() { }
-}
-HmctsBannerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-hmcts-banner',
-                template: "<div class=\"hmcts-banner hmcts-banner--{{type}}\">\n  <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n      <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\" /></svg>\n  <div class=\"hmcts-banner__message\">\n      <span class=\"hmcts-banner__assistive\">{{type}}</span>\n      {{message}}\n  </div>\n</div>",
-                styles: [":host{display:block;width:100%}"]
-            },] }
-];
-HmctsBannerComponent.ctorParameters = () => [];
-HmctsBannerComponent.propDecorators = {
-    type: [{ type: Input }],
-    message: [{ type: Input }]
-};
-
-/*
-  Error Summary component
-  State Less component
-  @property errorMessages that is array of messages.
-  Component is also responsible for scrolling. Up and Down the page when user click on links
-*/
-class HmctsErrorSummaryComponent {
-    constructor(document) {
-        this.document = document;
-    }
-    set errorMessages(value) {
-        this.messages = value;
-    }
-    ngAfterViewInit() {
-        this.scrollTo('errorSummary');
-    }
-    ngOnChanges(changes) {
-        if (changes.errorMessages) {
-            this.scrollTo('errorSummary');
-        }
-    }
-    scrollTo(selector) {
-        if (this.document.querySelector(`#${selector}`)) {
-            const el = this.document.querySelector(`#${selector}`);
-            el.focus();
-        }
-    }
-    hasElement(selector) {
-        return this.document.querySelector(`#${selector}`);
-    }
-}
-HmctsErrorSummaryComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-hmcts-error-summary',
-                template: "<div *ngIf=\"!showWarningMessage && messages && messages.length > 0\" id=\"errorSummary\" class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\"\n      data-module=\"error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    {{header}}\n  </h2>\n  <div class=\"govuk-error-summary__body\">\n    <ul class=\"govuk-list govuk-error-summary__list\">\n      <li *ngFor=\"let message of messages\">\n        <a (click)=\"scrollTo(message['id'])\" [routerLink]=\"\" [fragment]=\"message['id']\"\n          *ngIf=\"hasElement(message['id'])\">{{message['message']}}</a>\n        <span *ngIf=\"!hasElement(message['id'])\">{{message['message']}}</span>\n      </li>\n    </ul>\n  </div>\n</div>\n<div *ngIf=\"showWarningMessage\" class=\"hmcts-banner hmcts-banner--warning\">\n  <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n  <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\" /></svg>\n  <div class=\"hmcts-banner__message\">\n      <span class=\"hmcts-banner__assistive\">Warning</span>\n      <p class=\"govuk-body\" *ngFor=\"let message of messages\">{{ message['message'] }}</p>\n  </div>\n</div>"
-            },] }
-];
-HmctsErrorSummaryComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
-];
-HmctsErrorSummaryComponent.propDecorators = {
-    errorMessages: [{ type: Input }],
-    header: [{ type: Input }],
-    showWarningMessage: [{ type: Input }]
-};
-
-class HmctsIdentityBarComponent {
-    constructor() { }
-    set content(value) {
-        this.value = value.name;
-    }
-}
-HmctsIdentityBarComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-hmcts-identity-bar',
-                template: "<div class=\"hmcts-identity-bar\" *ngIf=\"value\">\n\n    <div class=\"hmcts-identity-bar__container\">\n\n        <div class=\"hmcts-identity-bar__details\">\n        \n            <span class=\"hmcts-identity-bar__title\">{{value}}</span>\n        \n        </div>        \n\n    </div>\n\n</div>",
-                styles: [""]
-            },] }
-];
-HmctsIdentityBarComponent.ctorParameters = () => [];
-HmctsIdentityBarComponent.propDecorators = {
-    content: [{ type: Input }]
-};
-
-/*
-* Main Content wrapper
-* Responsible for:
- * Wrapping content within the gov-uk html elements bellow
- * @prop showBackLink - switch for back link
- * @prop title = title
- * @prop summaryErrors list of errors
-* @prop back link, title (title), summaryErrors (array of errors)
-* */
-class HmctsMainWrapperComponent {
-    constructor() {
-        this.backEvent = new EventEmitter();
-    }
-    set banner(value) {
-        this.bannerData = value;
-    }
-    ngOnInit() {
-        this.hasBackLink = this.backLink !== undefined || this.backEvent.observers.length > 0;
-    }
-    onGoBack() {
-        this.backEvent.emit();
-    }
-}
-HmctsMainWrapperComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-hmcts-main-wrapper',
-                template: "<a *ngIf=\"hasBackLink\" [routerLink]=\"backLink\" (click)=\"onGoBack()\" class=\"govuk-back-link\">Back</a>\n<main id=\"content\" role=\"main\" class=\"govuk-main-wrapper\">\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-two-thirds\">\n      <xuilib-hmcts-error-summary\n        *ngIf=\"summaryErrors && !summaryErrors.isFromValid\"\n        [errorMessages]=\"summaryErrors.items\"\n        [header]=\"summaryErrors.header\"\n        [showWarningMessage]=\"showWarningMessage\">\n      </xuilib-hmcts-error-summary>\n      <xuilib-hmcts-banner *ngIf=\"bannerData\" [message]=\"bannerData.message\" [type]=\"bannerData.type\"></xuilib-hmcts-banner>\n      <h1 *ngIf=\"title\" class=\"govuk-heading-xl\">{{title}}</h1>\n      <ng-content></ng-content>\n    </div>\n    <div class=\"govuk-grid-column-one-third\" *ngIf=\"actionButtons?.length > 0\">\n      <div class=\"hmcts-page-heading__actions-wrapper\">\n        <a\n          *ngFor=\"let actionButton of actionButtons\"\n          (click)=\"actionButton.action()\"\n          role=\"button\"\n          draggable=\"false\"\n          class=\"govuk-button {{ actionButton.class }}\"\n        >{{ actionButton.name }}</a>\n      </div>\n    </div>\n  </div>\n</main>\n"
-            },] }
-];
-HmctsMainWrapperComponent.ctorParameters = () => [];
-HmctsMainWrapperComponent.propDecorators = {
-    backLink: [{ type: Input }],
-    title: [{ type: Input }],
-    summaryErrors: [{ type: Input }],
-    banner: [{ type: Input }],
-    actionButtons: [{ type: Input }],
-    showWarningMessage: [{ type: Input }],
-    backEvent: [{ type: Output }]
-};
-
-class HmctsPaginationComponent {
-    constructor() {
-        this.maxSize = 7;
-        this.pageSize = 10;
-        this.showPageNumbers = true;
-        this.showResultCount = true;
-        this.pageChange = new EventEmitter();
-        this.pageBoundsCorrection = new EventEmitter();
-    }
-}
-HmctsPaginationComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-hmcts-pagination',
-                template: "<pagination-template #p=\"paginationApi\" [id]=\"id\" [maxSize]=\"maxSize\" (pageChange)=\"pageChange.emit($event)\"\n  (pageBoundsCorrection)=\"pageBoundsCorrection.emit($event)\">\n\n  <nav class=\"hmcts-pagination\" id=\"pagination-label\">\n    <p class=\"govuk-visually-hidden\" aria-labelledby=\"pagination-label\">Pagination navigation</p>\n    <ul class=\"hmcts-pagination__list\" *ngIf=\"!(p.pages.length <= 1)\">\n\n      <li class=\"hmcts-pagination__item  hmcts-pagination__item--prev\" [class.disabled]=\"p.isFirstPage()\">\n        <a [routerLink]=\"\" class=\"hmcts-pagination__link\" *ngIf=\"1 < p.getCurrent()\" (keyup.enter)=\"p.previous()\"\n          (click)=\"p.previous()\">Previous <span class=\"govuk-visually-hidden\">set of pages</span></a>\n      </li>\n\n      <ng-container *ngIf=\"showPageNumbers\">\n        <li class=\"hmcts-pagination__item\" [class.hmcts-pagination__item--active]=\"p.getCurrent() === page.value\"\n          [class.hmcts-pagination__item--dots]=\"page.label === '...'\" *ngFor=\"let page of p.pages\">\n          <a class=\"hmcts-pagination__link\" [routerLink]=\"\" (keyup.enter)=\"p.setCurrent(page.value)\"\n            (click)=\"p.setCurrent(page.value)\" *ngIf=\"p.getCurrent() !== page.value\">\n            <span class=\"govuk-visually-hidden\">page </span>\n            <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\n          </a>\n          <ng-container *ngIf=\"p.getCurrent() === page.value\">\n            <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\n          </ng-container>\n        </li>\n      </ng-container>\n\n      <li class=\"hmcts-pagination__item  hmcts-pagination__item--next\" [class.disabled]=\"p.isLastPage()\">\n        <a [routerLink]=\"\" class=\"hmcts-pagination__link\" *ngIf=\"!p.isLastPage()\" (keyup.enter)=\"p.next()\"\n          (click)=\"p.next()\">Next<span class=\"govuk-visually-hidden\"> page</span></a>\n      </li>\n\n    </ul>\n    <p class=\"hmcts-pagination__results\" *ngIf=\"showResultCount\">Showing <b>{{(p.getCurrent() * pageSize) - pageSize + 1}}</b>\n      to <b>{{ p.getCurrent() * pageSize > p.getTotalItems() ? p.getTotalItems() : p.getCurrent() *\n        pageSize}}</b> of <b>{{p.getTotalItems()}}</b> results</p>\n  </nav>\n\n</pagination-template>",
-                styles: [".hmcts-pagination__results{float:right}"]
-            },] }
-];
-HmctsPaginationComponent.propDecorators = {
-    id: [{ type: Input }],
-    maxSize: [{ type: Input }],
-    pageSize: [{ type: Input }],
-    showPageNumbers: [{ type: Input }],
-    showResultCount: [{ type: Input }],
-    pageChange: [{ type: Output }],
-    pageBoundsCorrection: [{ type: Output }]
-};
-
-class HmctsPrimaryNavigationComponent {
-    constructor() {
-    }
-    set userLoggedIn(value) {
-        this.isUserLoggedIn = value;
-    }
-}
-HmctsPrimaryNavigationComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-hmcts-primary-navigation',
-                template: "<nav *ngIf=\"isUserLoggedIn\" class=\"hmcts-primary-navigation\" [attr.aria-label]=\"label\">\n  <div class=\"hmcts-primary-navigation__container\">\n    <div class=\"govuk-header__logo\" *ngIf=\"isBrandedHeader\"></div>\n    <ul class=\"hmcts-primary-navigation__list\">\n      <li class=\"hmcts-primary-navigation__item\"  *ngFor=\"let item of items\">\n          <a class=\"hmcts-primary-navigation__link\" [attr.aria-current]=\"item.active ? true: null\" [routerLink]=\"item.href\" [innerHTML]=\"item.text\"></a>\n      </li>\n    </ul>\n  </div>\n</nav>\n",
-                styles: [""]
-            },] }
-];
-HmctsPrimaryNavigationComponent.ctorParameters = () => [];
-HmctsPrimaryNavigationComponent.propDecorators = {
-    userLoggedIn: [{ type: Input }],
-    label: [{ type: Input }],
-    items: [{ type: Input }],
-    isBrandedHeader: [{ type: Input }]
-};
-
-class HmctsSubNavigationComponent {
-}
-HmctsSubNavigationComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'xuilib-hmcts-sub-navigation',
-                template: "<nav class=\"hmcts-sub-navigation\" attr.aria-label=\"{{label}}\" role=\"navigation\" *ngIf=\"items\">\n    <ul class=\"hmcts-sub-navigation__list\">\n        <li class=\"hmcts-sub-navigation__item\" *ngFor=\"let item of items\">\n            <a data-selector=\"sub-nav-link\" class=\"hmcts-sub-navigation__link\" [routerLink]=\"item.href\"\n               [attr.aria-current]=\"item.active ? 'page' : null\">\n                {{item.text}}\n\n                <span *ngIf=\"item.roundel && item.roundel > 0 \" class=\"xui-alert-link__number\"> {{item.roundel}} </span>\n            </a>\n        </li>\n    </ul>\n</nav>\n",
-                styles: [".xui-alert-link__number{font-family:nta,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:14px;font-size:.875rem;line-height:1.78571;border-radius:50%;background-color:#1d70b8;color:#fff;font-weight:700;width:25px;height:25px;margin-left:5px;text-align:center;display:inline-block;text-decoration:none}"]
-            },] }
-];
-HmctsSubNavigationComponent.propDecorators = {
-    label: [{ type: Input }],
-    items: [{ type: Input }]
-};
-
-/*
-* Remove Host Directive
-* Used to remove native angular host tags tags
-* sometimes needed because of CSS dependencies
-* */
-class RemoveHostDirective {
-    constructor(el) {
-        this.el = el;
-    }
-    ngOnInit() {
-        const nativeElement = this.el.nativeElement;
-        const parentElement = nativeElement.parentElement;
-        // move all children out of the element
-        while (nativeElement.firstChild) {
-            parentElement.insertBefore(nativeElement.firstChild, nativeElement);
-        }
-        parentElement.removeChild(nativeElement);
-    }
-}
-RemoveHostDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[appRemoveHost]'
-            },] }
-];
-RemoveHostDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-
-class FeatureToggleGuard {
-    constructor(featureToggleService, router) {
-        this.featureToggleService = featureToggleService;
-        this.router = router;
-    }
-    /**
-     * Usage: Add the FeatureToggleGuard as the Guard for a route, and provide the following
-     * in the data array for the route:
-     * - needsFeaturesEnabled: An array of feature keys that need to be enabled for this route
-     * - featureDisabledRedirect: the URL to redirect to when the this route is not accessible due to disabled features
-     * @param route Automatically provided by Angular
-     */
-    canActivate(route) {
-        return combineLatest(...route.data.needsFeaturesEnabled.map(feature => this.featureToggleService.getValueOnce(feature, false))).pipe(map(featureStatuses => featureStatuses.every(status => status)), map(status => status || this.router.parseUrl(route.data.featureDisabledRedirect)));
-    }
-}
-FeatureToggleGuard.ɵprov = i0.ɵɵdefineInjectable({ factory: function FeatureToggleGuard_Factory() { return new FeatureToggleGuard(i0.ɵɵinject(FeatureToggleService), i0.ɵɵinject(i1$1.Router)); }, token: FeatureToggleGuard, providedIn: "root" });
-FeatureToggleGuard.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-FeatureToggleGuard.ctorParameters = () => [
-    { type: FeatureToggleService },
-    { type: Router }
-];
-
-class LaunchDarklyService {
-    constructor() {
-        this.ready = new BehaviorSubject(false);
-        this.features = {};
-        this.user = { anonymous: true };
-        this.clientId = '';
-    }
-    initialize(user = { anonymous: true }, clientId) {
-        this.ready.next(false);
-        this.user = user;
-        this.clientId = clientId;
-        this.client = LDClient.initialize(this.clientId, this.user, {});
-        this.client.on('ready', () => {
-            this.client.identify(this.user).then(() => this.ready.next(true));
-        });
-    }
-    isEnabled(feature) {
-        return this.getValue(feature, false);
-    }
-    getArray(feature) {
-        return this.getValue(feature, []);
-    }
-    getValue(feature, defaultValue) {
-        if (!this.features.hasOwnProperty(feature)) {
-            this.features[feature] = new BehaviorSubject(defaultValue);
-            this.ready.pipe(filter(ready => ready), map(() => this.client.variation(feature, defaultValue))).subscribe(value => {
-                this.features[feature].next(value);
-                this.client.on(`change:${feature}`, (val) => {
-                    this.features[feature].next(val);
-                });
-            });
-        }
-        return this.features[feature].pipe(distinctUntilChanged());
-    }
-    /**
-     * This method returns an observable that will only get the state of the feature toggle
-     * once. It calls the LD SDK directly, and should only be used in circumstances where
-     * only one value should be emitted, that value coming directly from LD. This will likely
-     * only apply for Guards, and should be used only when absolutely necessary.
-     * @see getValue for regular usage.
-     * @param feature string
-     * @param defaultValue R
-     */
-    getValueOnce(feature, defaultValue) {
-        return this.ready.pipe(filter(ready => ready), map(() => this.client.variation(feature, defaultValue)));
-    }
-}
-LaunchDarklyService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LaunchDarklyService_Factory() { return new LaunchDarklyService(); }, token: LaunchDarklyService, providedIn: "root" });
-LaunchDarklyService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-
-class GoogleAnalyticsService {
-    constructor(router, title, window, document) {
-        this.router = router;
-        this.title = title;
-        this.window = window;
-        this.document = document;
-    }
-    init(googleAnalyticsKey) {
-        this.googleAnalyticsKey = googleAnalyticsKey;
-        try {
-            const script1 = this.document.createElement('script');
-            script1.async = true;
-            script1.src = `https://www.googletagmanager.com/gtag/js?id=${this.googleAnalyticsKey}`;
-            this.document.head.appendChild(script1);
-            const script2 = this.document.createElement('script');
-            script2.innerHTML = `
-        window.dataLayer = window.dataLayer || [];
-        function gtag(){dataLayer.push(arguments);}
-        gtag('js', new Date());
-        gtag('config', '${this.googleAnalyticsKey}', {'send_page_view': false});
-      `;
-            this.document.head.appendChild(script2);
-        }
-        catch (ex) {
-            console.error('Error appending google analytics');
-            console.error(ex);
-        }
-        this.listenForRouteChanges();
-    }
-    listenForRouteChanges() {
-        if (this.googleAnalyticsKey) {
-            this.router.events.subscribe(event => {
-                if (event instanceof NavigationEnd) {
-                    this.window.gtag('config', this.googleAnalyticsKey, {
-                        page_path: event.urlAfterRedirects,
-                        page_title: this.title.getTitle(),
-                    });
-                }
-            });
-        }
-    }
-    event(eventName, params) {
-        this.window.gtag('event', eventName, params);
-    }
-}
-GoogleAnalyticsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function GoogleAnalyticsService_Factory() { return new GoogleAnalyticsService(i0.ɵɵinject(i1$1.Router), i0.ɵɵinject(i2.Title), i0.ɵɵinject(windowToken), i0.ɵɵinject(i4.DOCUMENT)); }, token: GoogleAnalyticsService, providedIn: "root" });
-GoogleAnalyticsService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-GoogleAnalyticsService.ctorParameters = () => [
-    { type: Router },
-    { type: Title },
-    { type: undefined, decorators: [{ type: Inject, args: [windowToken,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
-];
-
-class GoogleTagManagerService {
-    constructor(router, title, window, document) {
-        this.router = router;
-        this.title = title;
-        this.window = window;
-        this.document = document;
-    }
-    init(googleTagManagerKey) {
-        this.googleTagManagerKey = googleTagManagerKey;
-        try {
-            this.window.dataLayer = this.window.dataLayer || [];
-            this.window.dataLayer.push({
-                'gtm.start': new Date().getTime(),
-                event: 'gtm.js'
-            });
-            const script = this.document.createElement('script');
-            script.async = true;
-            script.src = `https://www.googletagmanager.com/gtm.js?id=${this.googleTagManagerKey}`;
-            this.document.head.appendChild(script);
-        }
-        catch (ex) {
-            console.error('Error appending google tag manager');
-            console.error(ex);
-        }
-        this.listenForRouteChanges();
-    }
-    listenForRouteChanges() {
-        if (this.googleTagManagerKey) {
-            this.router.events.subscribe(event => {
-                if (event instanceof NavigationEnd) {
-                    this.window.dataLayer.push({
-                        event: 'pageview',
-                        page: {
-                            path: event.urlAfterRedirects,
-                            title: this.title.getTitle()
-                        }
-                    });
-                }
-            });
-        }
-    }
-    event(eventName, params) {
-        this.window.dataLayer.push({
-            event: eventName,
-            params
-        });
-    }
-}
-GoogleTagManagerService.ɵprov = i0.ɵɵdefineInjectable({ factory: function GoogleTagManagerService_Factory() { return new GoogleTagManagerService(i0.ɵɵinject(i1$1.Router), i0.ɵɵinject(i2.Title), i0.ɵɵinject(windowToken), i0.ɵɵinject(i4.DOCUMENT)); }, token: GoogleTagManagerService, providedIn: "root" });
-GoogleTagManagerService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-GoogleTagManagerService.ctorParameters = () => [
-    { type: Router },
-    { type: Title },
-    { type: undefined, decorators: [{ type: Inject, args: [windowToken,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
-];
-
-class ManageSessionServices {
-    constructor(idle, keepalive) {
-        this.idle = idle;
-        this.keepalive = keepalive;
-        this.appStateEmitter = new Subject();
-    }
-    init(idleConfig) {
-        this.idle.setIdleName(idleConfig.idleServiceName);
-        this.idle.setTimeout(idleConfig.timeout);
-        const interrupt = new DocumentInterruptSource('mousedown keydown DOMMouseScroll mousewheel touchstart touchmove scroll');
-        this.idle.setInterrupts([interrupt]);
-        // adding delay so that user can click on sign out before the modal shuts
-        this.idle.onIdleEnd.pipe(delay(250)).subscribe(() => {
-            this.appStateEmitter.next({ type: 'modal', countdown: undefined, isVisible: false });
-        });
-        this.idle.onTimeout.subscribe(() => {
-            this.appStateEmitter.next({ type: 'signout' });
-        });
-        this.idle.onTimeoutWarning.pipe(map(sec => (sec > 60) ? `${Math.ceil(sec / 60)} minutes` : `${sec} seconds`), distinctUntilChanged()).subscribe((countdown) => {
-            this.appStateEmitter.next({ type: 'modal', countdown, isVisible: true });
-        });
-        this.keepalive.interval(idleConfig.keepAliveInSeconds);
-        this.keepalive.onPing.subscribe(() => {
-            this.appStateEmitter.next({ type: 'keepalive' });
-        });
-        const idleInSeconds = Math.floor((idleConfig.idleMilliseconds / 1000)) - idleConfig.timeout;
-        this.idle.setIdle(idleInSeconds);
-        this.idle.watch();
-    }
-    appStateChanges() {
-        return this.appStateEmitter.asObservable();
-    }
-}
-ManageSessionServices.ɵprov = i0.ɵɵdefineInjectable({ factory: function ManageSessionServices_Factory() { return new ManageSessionServices(i0.ɵɵinject(i1$2.Idle), i0.ɵɵinject(i2$1.Keepalive)); }, token: ManageSessionServices, providedIn: "root" });
-ManageSessionServices.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-ManageSessionServices.ctorParameters = () => [
-    { type: Idle },
-    { type: Keepalive }
-];
-
-/**
- * TimeoutNotificationsService
- *
- * The Timeout Notification Service allows your application to receive notifications
- * when a User is approaching the the total time that a User has been idle for.
- *
- * This can be set by your application using the Timeout Notification Config object.
- *
- * Your application will then have to listen to events coming from the Timeout Notification Service,
- * and handle these events within your application.
- *
- * @see README.md for implementation details and code, on how to implement the Timeout Notification
- * Service within your application.
- */
-class TimeoutNotificationsService {
-    constructor(idle, keepalive) {
-        this.idle = idle;
-        this.keepalive = keepalive;
-        /**
-         * Convert milliseconds to seconds.
-         *
-         * @param milliseconds - 1000
-         * @return seconds - 1
-         */
-        this.millisecondsToSeconds = (milliseconds) => milliseconds / 1000;
-        this.eventEmitter = new Subject();
-    }
-    /**
-     * Initialise
-     *
-     * Initialise the Timeout Notification Events.
-     *
-     * I made the decision not to make ' minutes' and ' seconds' configurable via input parameters -
-     * As I made an assumption that any Reform team would not need to change these to 'secs, mins' or 's, m'.
-     *
-     * idleModalDisplayTime and totalIdleTime need to be passed in, in milliseconds.
-     *
-     * @see README.md for more information on TimeoutNotificationService.
-     */
-    initialise(config) {
-        const DOCUMENT_INTERRUPTS = 'mousedown keydown DOMMouseScroll mousewheel touchstart touchmove scroll';
-        const MINUTES = ' minutes';
-        const SECONDS = ' seconds';
-        const SIGNOUT_EVENT = 'sign-out';
-        const COUNTDOWN_EVENT = 'countdown';
-        const KEEP_ALIVE_EVENT = 'keep-alive';
-        const { idleServiceName, idleModalDisplayTime, totalIdleTime } = config;
-        this.idle.setIdleName(idleServiceName);
-        const idleModalDisplayTimeInSeconds = this.millisecondsToSeconds(idleModalDisplayTime);
-        const totalIdleTimeInSeconds = this.millisecondsToSeconds(totalIdleTime);
-        this.idle.setTimeout(idleModalDisplayTimeInSeconds);
-        const interrupt = new DocumentInterruptSource(DOCUMENT_INTERRUPTS);
-        this.idle.setInterrupts([interrupt]);
-        this.idle.onTimeout.subscribe(() => {
-            this.eventEmitter.next({ eventType: SIGNOUT_EVENT });
-        });
-        this.idle.onTimeoutWarning.pipe(map(sec => (sec > 60) ? Math.ceil(sec / 60) + MINUTES : sec + SECONDS), distinctUntilChanged()).subscribe((countdown) => {
-            this.eventEmitter.next({ eventType: COUNTDOWN_EVENT, readableCountdown: countdown });
-        });
-        this.keepalive.onPing.subscribe(() => {
-            this.eventEmitter.next({ eventType: KEEP_ALIVE_EVENT });
-        });
-        const idleInSeconds = Math.floor(totalIdleTimeInSeconds) - idleModalDisplayTimeInSeconds;
-        this.idle.setIdle(idleInSeconds);
-        this.idle.watch();
-    }
-    /**
-     * Expose the notification events, so that a 3rd party service can listen to the notifications.
-     */
-    notificationOnChange() {
-        return this.eventEmitter.asObservable();
-    }
-}
-TimeoutNotificationsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TimeoutNotificationsService_Factory() { return new TimeoutNotificationsService(i0.ɵɵinject(i1$2.Idle), i0.ɵɵinject(i2$1.Keepalive)); }, token: TimeoutNotificationsService, providedIn: "root" });
-TimeoutNotificationsService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-TimeoutNotificationsService.ctorParameters = () => [
-    { type: Idle },
-    { type: Keepalive }
-];
-
-class RoleService {
-    constructor() {
-        this.pRoles = [];
-    }
-    get roles() {
-        return this.pRoles;
-    }
-    set roles(roles) {
-        this.pRoles = roles;
-    }
-}
-RoleService.ɵprov = i0.ɵɵdefineInjectable({ factory: function RoleService_Factory() { return new RoleService(); }, token: RoleService, providedIn: "root" });
-RoleService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-
-var RoleMatching;
-(function (RoleMatching) {
-    RoleMatching[RoleMatching["ALL"] = 0] = "ALL";
-    RoleMatching[RoleMatching["ANY"] = 1] = "ANY";
-})(RoleMatching || (RoleMatching = {}));
-class RoleGuard {
-    constructor(roleService, router) {
-        this.roleService = roleService;
-        this.router = router;
-    }
-    canActivate(route) {
-        const roles = route.data.needsRole;
-        const check = (roleRegEx) => {
-            const regex = new RegExp(roleRegEx);
-            return this.roleService.roles.some(role => regex.test(role));
-        };
-        const match = route.data.roleMatching === RoleMatching.ALL ? roles.every(check) : roles.some(check);
-        return match || this.router.parseUrl(route.data.noRoleMatchRedirect);
-    }
-}
-RoleGuard.ɵprov = i0.ɵɵdefineInjectable({ factory: function RoleGuard_Factory() { return new RoleGuard(i0.ɵɵinject(RoleService), i0.ɵɵinject(i1$1.Router)); }, token: RoleGuard, providedIn: "root" });
-RoleGuard.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-RoleGuard.ctorParameters = () => [
-    { type: RoleService },
-    { type: Router }
-];
-
-class HasLoadingState {
-    get isLoading() {
-        return;
-    }
-}
-class LoadingService {
-    constructor() {
-        this.registered = new Map();
-        this.loading = new BehaviorSubject(false);
-    }
-    get isLoading() {
-        return this.loading.asObservable().pipe(distinctUntilChanged());
-    }
-    register() {
-        const token = this.generateToken();
-        this.registered.set(token, token);
-        this.loading.next(true);
-        return token;
-    }
-    unregister(token) {
-        this.registered.delete(token);
-        this.loading.next(this.registered.size > 0);
-    }
-    generateToken() {
-        const timestamp = window.performance.now();
-        return `common-lib-loading-${timestamp}`; // format: [source-library]-[unique incrementing number]
-    }
-}
-LoadingService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LoadingService_Factory() { return new LoadingService(); }, token: LoadingService, providedIn: "root" });
-LoadingService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-
-const COMMON_COMPONENTS = [
-    ExuiPageWrapperComponent,
-    TermsAndConditionsComponent,
-    TcDisplayHtmlComponent,
-    TcDisplayPlainComponent,
-    TcConfirmComponent,
-    ContactDetailsComponent,
-    FeatureToggleDirective,
-    LetDirective,
-    HmctsSessionDialogComponent,
-    UserListComponent,
-    UserDetailsComponent,
-    InviteUserPermissionComponent,
-    InviteUserFormComponent,
-    ShareCaseComponent,
-    ShareCaseConfirmComponent,
-    SelectedCaseListComponent,
-    SelectedCaseComponent,
-    SelectedCaseConfirmComponent,
-    UserSelectComponent,
-    TabComponent,
-    AccessibilityComponent,
-    DueDateComponent,
-    CheckboxListComponent,
-    ServiceMessageComponent,
-    ServiceMessagesComponent,
-    LoadingSpinnerComponent,
-    GenericFilterComponent,
-    CookieBannerComponent,
-    FindPersonComponent,
-    SearchJudicialsComponent,
-    FindLocationComponent,
-    SearchLocationComponent,
-    SearchVenueComponent,
-    PaginationComponent
-];
-const GOV_UI_COMPONENTS = [
-    HmctsIdentityBarComponent,
-    HmctsPaginationComponent,
-    HmctsSubNavigationComponent,
-    HmctsPrimaryNavigationComponent,
-    HmctsErrorSummaryComponent,
-    HmctsMainWrapperComponent,
-    HmctsBannerComponent,
-    GovukTableComponent,
-    GovUkInputComponent,
-    GovUkCheckboxComponent,
-    GovUkFormGroupWrapperComponent,
-    GovUkLabelComponent,
-    GovUkErrorMessageComponent,
-    GovUkFieldsetComponent,
-    GovUkDateComponent,
-    GovUkCheckboxesComponent,
-    GovUkRadioComponent,
-    GovUkRadiosComponent,
-    GovUkSelectComponent,
-    GovUkTextareaComponent,
-    GovUkFileUploadComponent,
-    RemoveHostDirective
-];
-const COMMON_SERVICES = [
-    CaseSharingStateService,
-    CookieService,
-    LaunchDarklyService,
-    FilterService,
-    FindAPersonService,
-    FeatureToggleService,
-    GoogleAnalyticsService,
-    GoogleTagManagerService,
-    LoadingService,
-    LocationService,
-    ManageSessionServices,
-    SessionStorageService,
-    RoleService,
-    TimeoutNotificationsService
-];
-const ɵ0 = windowProvider;
-class ExuiCommonLibModule {
-}
-ExuiCommonLibModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    ...COMMON_COMPONENTS,
-                    ...GOV_UI_COMPONENTS
-                ],
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                    ReactiveFormsModule,
-                    RouterModule.forChild([]),
-                    MatAutocompleteModule,
-                    MatTabsModule,
-                    MatInputModule,
-                    NgxPaginationModule
-                ],
-                providers: [
-                    ...COMMON_SERVICES,
-                    { provide: windowToken, useFactory: ɵ0 }
-                ],
-                exports: [
-                    ...COMMON_COMPONENTS,
-                    ...GOV_UI_COMPONENTS,
-                    PaginatePipe,
-                ]
-            },] }
-];
-
-/*
- * Public API Surface of exui-common-lib
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AccessibilityComponent, BadgeColour, CaseSharingStateService, CheckboxListComponent, ContactDetailsComponent, CookieBannerComponent, CookieService, DueDateComponent, ExuiCommonLibModule, ExuiPageWrapperComponent, FeatureToggleDirective, FeatureToggleGuard, FeatureToggleService, FilterService, FindAPersonService, FindLocationComponent, FindPersonComponent, GenericFilterComponent, GoogleAnalyticsService, GoogleTagManagerService, GovUkCheckboxComponent, GovUkCheckboxesComponent, GovUkDateComponent, GovUkErrorMessageComponent, GovUkFieldsetComponent, GovUkFileUploadComponent, GovUkFormGroupWrapperComponent, GovUkInputComponent, GovUkLabelComponent, GovUkRadioComponent, GovUkRadiosComponent, GovUkSelectComponent, GovUkTextareaComponent, GovukTableComponent, HmctsBannerComponent, HmctsErrorSummaryComponent, HmctsIdentityBarComponent, HmctsMainWrapperComponent, HmctsPaginationComponent, HmctsPrimaryNavigationComponent, HmctsSessionDialogComponent, HmctsSubNavigationComponent, InviteUserFormComponent, InviteUserPermissionComponent, LaunchDarklyService, LetDirective, LoadingService, LoadingSpinnerComponent, LocationService, ManageSessionServices, PaginationComponent, PersonRole, RemoveHostDirective, RoleGuard, RoleMatching, RoleService, SearchJudicialsComponent, SearchLocationComponent, SearchVenueComponent, SelectedCaseComponent, SelectedCaseConfirmComponent, SelectedCaseListComponent, ServiceMessageComponent, ServiceMessagesComponent, SessionStorageService, ShareCaseComponent, ShareCaseConfirmComponent, TabComponent, TcConfirmComponent, TcDisplayHtmlComponent, TcDisplayPlainComponent, TermsAndConditionsComponent, TimeoutNotificationsService, UserDetailsComponent, UserListComponent, UserSelectComponent, LetContext as ɵa, windowToken as ɵb, windowProvider as ɵc };
-//# sourceMappingURL=hmcts-rpx-xui-common-lib.js.map