@hmcts/opal-frontend-common 0.0.14 → 0.0.16

package/components/abstract/abstract-tab-data/abstract-tab-data.d.ts

@@ -0,0 +1,83 @@
+import { ActivatedRoute } from '@angular/router';
+import { Observable } from 'rxjs';
+export declare abstract class AbstractTabData {
+    private readonly router;
+    readonly activatedRoute: ActivatedRoute;
+    activeTab: string;
+    /**
+     * Creates an observable stream that fetches and transforms data based on the current tab.
+     *
+     * It fetches data using the `fetchData` function with parameters obtained from `getParams`,
+     * transforms the result using the `transform` function, and shares the result among subscribers.
+     *
+     * @template T The type of data returned by the fetchData observable.
+     * @template U The type of the value emitted by the resulting observable.
+     * @param fragment$ - An observable emitting the current tab identifier.
+     * @param getParams - A function that returns parameters for data fetching based on the tab.
+     * @param fetchData - A function that fetches data as an observable, given the parameters.
+     * @param transform - A function to transform the fetched data before emission.
+     * @returns An observable emitting the transformed fetched data, depending on the current tab.
+     */
+    private createConditionalStream;
+    /**
+     * Returns an observable stream of the current URL fragment, starting with the initial fragment or a default tab.
+     *
+     * This method listens to changes in the route fragment and emits the fragment value as a string.
+     * It starts with the current fragment (or the provided default tab if none exists), filters out falsy values,
+     * ensures only distinct values are emitted, and completes when the provided `destroy$` observable emits.
+     *
+     * @param defaultTab - The default tab to use if no fragment is present in the route snapshot.
+     * @param destroy$ - An observable that signals when to complete the fragment stream.
+     * @returns An observable emitting the current fragment string, updating on changes, and completing on destroy.
+     */
+    protected getFragmentStream(defaultTab: string, destroy$: Observable<void>): Observable<string>;
+    /**
+     * Wraps a fragment stream and executes the provided callback on each tab change.
+     *
+     * @param fragment$ - The fragment observable stream.
+     * @param clearFn - A function to execute when the tab changes.
+     * @returns The fragment stream with a side-effect to run `clearFn` on each emission.
+     */
+    protected clearCacheOnTabChange(fragment$: Observable<string>, clearFn: () => void): Observable<string>;
+    /**
+     * Creates an observable data stream for a tab, transforming the fetched data as needed.
+     *
+     * @template T The type of the data fetched.
+     * @template R The type of the transformed data.
+     * @param fragment$ An observable emitting the current tab fragment.
+     * @param getParams A function that returns fetch parameters based on the tab.
+     * @param fetchData A function that fetches data given the parameters.
+     * @param transform A function to transform the fetched data.
+     * @returns An observable emitting the transformed data for the current tab.
+     */
+    createTabDataStream<T, R>(fragment$: Observable<string>, getParams: (tab?: string) => any, fetchData: (params: any) => Observable<T>, transform: (data: T) => R): Observable<R>;
+    /**
+     * Creates an observable stream that emits a formatted count string based on the current tab and fragment.
+     *
+     * @template T - The type of the data returned by the fetchCount observable.
+     * @param fragment$ - An observable emitting the current fragment or tab identifier.
+     * @param getParams - A function that returns the parameters required for fetching the count.
+     * @param fetchCount - A function that takes the parameters and returns an observable emitting the count data.
+     * @param extractCount - A function that extracts the numeric count from the fetched data.
+     * @param formatFn - (Optional) A function to format the count as a string. Defaults to a simple string conversion.
+     * @returns An observable that emits the formatted count string whenever the fragment or parameters change.
+     */
+    createCountStream<T>(fragment$: Observable<string>, getParams: (tab?: string) => any, fetchCount: (params: any) => Observable<T>, extractCount: (data: T) => number, formatFn?: (count: number) => string): Observable<string>;
+    /**
+     * Handles the tab switch by updating the active tab and triggering a router fragment update.
+     *
+     * @param fragment - The identifier of the tab to activate.
+     */
+    handleTabSwitch(fragment: string): void;
+    /**
+     * Formats a count value, capping it at a specified maximum.
+     *
+     * If the count exceeds the cap, returns a string in the format "{cap}+".
+     * Otherwise, returns the count as a string.
+     *
+     * @param count - The number to format.
+     * @param cap - The maximum value to display before capping.
+     * @returns A string representing the count, capped if necessary.
+     */
+    formatCountWithCap(count: number, cap: number): string;
+}

package/components/abstract/abstract-tab-data/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@hmcts/opal-frontend-common/components/abstract/abstract-tab-data" />
+export * from './public-api';

package/components/abstract/abstract-tab-data/public-api.d.ts

@@ -0,0 +1 @@
+export * from './abstract-tab-data';

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-alias-base.mjs

@@ -190,10 +190,10 @@ class AbstractFormAliasBaseComponent extends AbstractFormBaseComponent {
         this['ngUnsubscribe'].complete();
         super.ngOnDestroy();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AbstractFormAliasBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: AbstractFormAliasBaseComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AbstractFormAliasBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AbstractFormAliasBaseComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AbstractFormAliasBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AbstractFormAliasBaseComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-array-base.mjs

@@ -234,10 +234,10 @@ class AbstractFormArrayBaseComponent extends AbstractFormBaseComponent {
         this.ngUnsubscribe.complete();
         super.ngOnDestroy();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AbstractFormArrayBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: AbstractFormArrayBaseComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AbstractFormArrayBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AbstractFormArrayBaseComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AbstractFormArrayBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AbstractFormArrayBaseComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-array-removal-base.mjs

@@ -77,10 +77,10 @@ class AbstractFormArrayRemovalComponent {
             this.router.navigate([route], { relativeTo: this.activatedRoute.parent });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AbstractFormArrayRemovalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: AbstractFormArrayRemovalComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AbstractFormArrayRemovalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AbstractFormArrayRemovalComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AbstractFormArrayRemovalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AbstractFormArrayRemovalComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-form-base.mjs

@@ -471,10 +471,10 @@ class AbstractFormBaseComponent {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AbstractFormBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: AbstractFormBaseComponent, isStandalone: true, selector: "ng-component", outputs: { unsavedChanges: "unsavedChanges", formSubmit: "formSubmit" }, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AbstractFormBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AbstractFormBaseComponent, isStandalone: true, selector: "ng-component", outputs: { unsavedChanges: "unsavedChanges", formSubmit: "formSubmit" }, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AbstractFormBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AbstractFormBaseComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-sortable-table-pagination.mjs

@@ -45,10 +45,10 @@ class AbstractSortableTablePaginationComponent extends AbstractSortableTableComp
         const totalPages = Math.ceil(this.abstractTableDataSignal().length / this.itemsPerPageSignal());
         this.currentPageSignal.set(Math.max(1, Math.min(newPage, totalPages)));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AbstractSortableTablePaginationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: AbstractSortableTablePaginationComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AbstractSortableTablePaginationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AbstractSortableTablePaginationComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AbstractSortableTablePaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AbstractSortableTablePaginationComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-sortable-table.mjs

@@ -125,10 +125,10 @@ class AbstractSortableTableComponent {
     ngOnInit() {
         this.initialiseSortState();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AbstractSortableTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: AbstractSortableTableComponent, isStandalone: true, selector: "ng-component", outputs: { abstractSortState: "abstractSortState" }, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AbstractSortableTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AbstractSortableTableComponent, isStandalone: true, selector: "ng-component", outputs: { abstractSortState: "abstractSortState" }, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AbstractSortableTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AbstractSortableTableComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-tab-data.mjs

@@ -0,0 +1,122 @@
+import { inject } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { switchMap, map, shareReplay, startWith, filter, distinctUntilChanged, takeUntil, tap } from 'rxjs';
+
+class AbstractTabData {
+    router = inject(Router);
+    activatedRoute = inject(ActivatedRoute);
+    activeTab;
+    /**
+     * Creates an observable stream that fetches and transforms data based on the current tab.
+     *
+     * It fetches data using the `fetchData` function with parameters obtained from `getParams`,
+     * transforms the result using the `transform` function, and shares the result among subscribers.
+     *
+     * @template T The type of data returned by the fetchData observable.
+     * @template U The type of the value emitted by the resulting observable.
+     * @param fragment$ - An observable emitting the current tab identifier.
+     * @param getParams - A function that returns parameters for data fetching based on the tab.
+     * @param fetchData - A function that fetches data as an observable, given the parameters.
+     * @param transform - A function to transform the fetched data before emission.
+     * @returns An observable emitting the transformed fetched data, depending on the current tab.
+     */
+    createConditionalStream(fragment$, 
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    getParams, 
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    fetchData, transform) {
+        return fragment$.pipe(switchMap((tab) => fetchData(getParams(tab)).pipe(map(transform), shareReplay(1))));
+    }
+    /**
+     * Returns an observable stream of the current URL fragment, starting with the initial fragment or a default tab.
+     *
+     * This method listens to changes in the route fragment and emits the fragment value as a string.
+     * It starts with the current fragment (or the provided default tab if none exists), filters out falsy values,
+     * ensures only distinct values are emitted, and completes when the provided `destroy$` observable emits.
+     *
+     * @param defaultTab - The default tab to use if no fragment is present in the route snapshot.
+     * @param destroy$ - An observable that signals when to complete the fragment stream.
+     * @returns An observable emitting the current fragment string, updating on changes, and completing on destroy.
+     */
+    getFragmentStream(defaultTab, destroy$) {
+        return this.activatedRoute.fragment.pipe(startWith(this.activatedRoute.snapshot.fragment ?? defaultTab), filter((frag) => !!frag), map((tab) => tab), distinctUntilChanged(), takeUntil(destroy$));
+    }
+    /**
+     * Wraps a fragment stream and executes the provided callback on each tab change.
+     *
+     * @param fragment$ - The fragment observable stream.
+     * @param clearFn - A function to execute when the tab changes.
+     * @returns The fragment stream with a side-effect to run `clearFn` on each emission.
+     */
+    clearCacheOnTabChange(fragment$, clearFn) {
+        return fragment$.pipe(tap(() => clearFn()));
+    }
+    /**
+     * Creates an observable data stream for a tab, transforming the fetched data as needed.
+     *
+     * @template T The type of the data fetched.
+     * @template R The type of the transformed data.
+     * @param fragment$ An observable emitting the current tab fragment.
+     * @param getParams A function that returns fetch parameters based on the tab.
+     * @param fetchData A function that fetches data given the parameters.
+     * @param transform A function to transform the fetched data.
+     * @returns An observable emitting the transformed data for the current tab.
+     */
+    createTabDataStream(fragment$, 
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    getParams, 
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    fetchData, transform) {
+        return this.createConditionalStream(fragment$, getParams, fetchData, transform);
+    }
+    /**
+     * Creates an observable stream that emits a formatted count string based on the current tab and fragment.
+     *
+     * @template T - The type of the data returned by the fetchCount observable.
+     * @param fragment$ - An observable emitting the current fragment or tab identifier.
+     * @param getParams - A function that returns the parameters required for fetching the count.
+     * @param fetchCount - A function that takes the parameters and returns an observable emitting the count data.
+     * @param extractCount - A function that extracts the numeric count from the fetched data.
+     * @param formatFn - (Optional) A function to format the count as a string. Defaults to a simple string conversion.
+     * @returns An observable that emits the formatted count string whenever the fragment or parameters change.
+     */
+    createCountStream(fragment$, 
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    getParams, 
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    fetchCount, extractCount, formatFn = (c) => `${c}`) {
+        return fragment$.pipe(switchMap((tab) => fetchCount(getParams(tab)).pipe(map((data) => formatFn(extractCount(data))), shareReplay(1))));
+    }
+    /**
+     * Handles the tab switch by updating the active tab and triggering a router fragment update.
+     *
+     * @param fragment - The identifier of the tab to activate.
+     */
+    handleTabSwitch(fragment) {
+        this.activeTab = fragment;
+        this.router.navigate([], {
+            relativeTo: this.activatedRoute.parent,
+            fragment,
+        });
+    }
+    /**
+     * Formats a count value, capping it at a specified maximum.
+     *
+     * If the count exceeds the cap, returns a string in the format "{cap}+".
+     * Otherwise, returns the count as a string.
+     *
+     * @param count - The number to format.
+     * @param cap - The maximum value to display before capping.
+     * @returns A string representing the count, capped if necessary.
+     */
+    formatCountWithCap(count, cap) {
+        return count > cap ? `${cap}+` : `${count}`;
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AbstractTabData };
+//# sourceMappingURL=hmcts-opal-frontend-common-components-abstract-abstract-tab-data.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-tab-data.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-components-abstract-abstract-tab-data.mjs","sources":["../../../projects/opal-frontend-common/components/abstract/abstract-tab-data/abstract-tab-data.ts","../../../projects/opal-frontend-common/components/abstract/abstract-tab-data/hmcts-opal-frontend-common-components-abstract-abstract-tab-data.ts"],"sourcesContent":["import { inject } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Observable, switchMap, map, shareReplay, distinctUntilChanged, filter, startWith, takeUntil, tap } from 'rxjs';\n\nexport abstract class AbstractTabData {\n  private readonly router = inject(Router);\n  public readonly activatedRoute = inject(ActivatedRoute);\n  public activeTab!: string;\n\n  /**\n   * Creates an observable stream that fetches and transforms data based on the current tab.\n   *\n   * It fetches data using the `fetchData` function with parameters obtained from `getParams`,\n   * transforms the result using the `transform` function, and shares the result among subscribers.\n   *\n   * @template T The type of data returned by the fetchData observable.\n   * @template U The type of the value emitted by the resulting observable.\n   * @param fragment$ - An observable emitting the current tab identifier.\n   * @param getParams - A function that returns parameters for data fetching based on the tab.\n   * @param fetchData - A function that fetches data as an observable, given the parameters.\n   * @param transform - A function to transform the fetched data before emission.\n   * @returns An observable emitting the transformed fetched data, depending on the current tab.\n   */\n  private createConditionalStream<T, U>(\n    fragment$: Observable<string>,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    getParams: (tab?: string) => any,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    fetchData: (params: any) => Observable<T>,\n    transform: (data: T) => U,\n  ): Observable<U> {\n    return fragment$.pipe(switchMap((tab) => fetchData(getParams(tab)).pipe(map(transform), shareReplay(1))));\n  }\n\n  /**\n   * Returns an observable stream of the current URL fragment, starting with the initial fragment or a default tab.\n   *\n   * This method listens to changes in the route fragment and emits the fragment value as a string.\n   * It starts with the current fragment (or the provided default tab if none exists), filters out falsy values,\n   * ensures only distinct values are emitted, and completes when the provided `destroy$` observable emits.\n   *\n   * @param defaultTab - The default tab to use if no fragment is present in the route snapshot.\n   * @param destroy$ - An observable that signals when to complete the fragment stream.\n   * @returns An observable emitting the current fragment string, updating on changes, and completing on destroy.\n   */\n  protected getFragmentStream(defaultTab: string, destroy$: Observable<void>): Observable<string> {\n    return this.activatedRoute.fragment.pipe(\n      startWith(this.activatedRoute.snapshot.fragment ?? defaultTab),\n      filter((frag): frag is string => !!frag),\n      map((tab) => tab),\n      distinctUntilChanged(),\n      takeUntil(destroy$),\n    );\n  }\n\n  /**\n   * Wraps a fragment stream and executes the provided callback on each tab change.\n   *\n   * @param fragment$ - The fragment observable stream.\n   * @param clearFn - A function to execute when the tab changes.\n   * @returns The fragment stream with a side-effect to run `clearFn` on each emission.\n   */\n  protected clearCacheOnTabChange(fragment$: Observable<string>, clearFn: () => void): Observable<string> {\n    return fragment$.pipe(tap(() => clearFn()));\n  }\n\n  /**\n   * Creates an observable data stream for a tab, transforming the fetched data as needed.\n   *\n   * @template T The type of the data fetched.\n   * @template R The type of the transformed data.\n   * @param fragment$ An observable emitting the current tab fragment.\n   * @param getParams A function that returns fetch parameters based on the tab.\n   * @param fetchData A function that fetches data given the parameters.\n   * @param transform A function to transform the fetched data.\n   * @returns An observable emitting the transformed data for the current tab.\n   */\n  public createTabDataStream<T, R>(\n    fragment$: Observable<string>,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    getParams: (tab?: string) => any,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    fetchData: (params: any) => Observable<T>,\n    transform: (data: T) => R,\n  ): Observable<R> {\n    return this.createConditionalStream<T, R>(fragment$, getParams, fetchData, transform);\n  }\n\n  /**\n   * Creates an observable stream that emits a formatted count string based on the current tab and fragment.\n   *\n   * @template T - The type of the data returned by the fetchCount observable.\n   * @param fragment$ - An observable emitting the current fragment or tab identifier.\n   * @param getParams - A function that returns the parameters required for fetching the count.\n   * @param fetchCount - A function that takes the parameters and returns an observable emitting the count data.\n   * @param extractCount - A function that extracts the numeric count from the fetched data.\n   * @param formatFn - (Optional) A function to format the count as a string. Defaults to a simple string conversion.\n   * @returns An observable that emits the formatted count string whenever the fragment or parameters change.\n   */\n  public createCountStream<T>(\n    fragment$: Observable<string>,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    getParams: (tab?: string) => any,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    fetchCount: (params: any) => Observable<T>,\n    extractCount: (data: T) => number,\n    formatFn: (count: number) => string = (c) => `${c}`,\n  ): Observable<string> {\n    return fragment$.pipe(\n      switchMap((tab) =>\n        fetchCount(getParams(tab)).pipe(\n          map((data) => formatFn(extractCount(data))),\n          shareReplay(1),\n        ),\n      ),\n    );\n  }\n\n  /**\n   * Handles the tab switch by updating the active tab and triggering a router fragment update.\n   *\n   * @param fragment - The identifier of the tab to activate.\n   */\n  public handleTabSwitch(fragment: string): void {\n    this.activeTab = fragment;\n    this.router.navigate([], {\n      relativeTo: this.activatedRoute.parent,\n      fragment,\n    });\n  }\n\n  /**\n   * Formats a count value, capping it at a specified maximum.\n   *\n   * If the count exceeds the cap, returns a string in the format \"{cap}+\".\n   * Otherwise, returns the count as a string.\n   *\n   * @param count - The number to format.\n   * @param cap - The maximum value to display before capping.\n   * @returns A string representing the count, capped if necessary.\n   */\n  public formatCountWithCap(count: number, cap: number): string {\n    return count > cap ? `${cap}+` : `${count}`;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAIsB,eAAe,CAAA;AAClB,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACxB,IAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;AAChD,IAAA,SAAS;AAEhB;;;;;;;;;;;;;AAaG;AACK,IAAA,uBAAuB,CAC7B,SAA6B;;IAE7B,SAAgC;;AAEhC,IAAA,SAAyC,EACzC,SAAyB,EAAA;AAEzB,QAAA,OAAO,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,KAAK,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;AAG3G;;;;;;;;;;AAUG;IACO,iBAAiB,CAAC,UAAkB,EAAE,QAA0B,EAAA;QACxE,OAAO,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CACtC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,QAAQ,IAAI,UAAU,CAAC,EAC9D,MAAM,CAAC,CAAC,IAAI,KAAqB,CAAC,CAAC,IAAI,CAAC,EACxC,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EACjB,oBAAoB,EAAE,EACtB,SAAS,CAAC,QAAQ,CAAC,CACpB;;AAGH;;;;;;AAMG;IACO,qBAAqB,CAAC,SAA6B,EAAE,OAAmB,EAAA;AAChF,QAAA,OAAO,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,OAAO,EAAE,CAAC,CAAC;;AAG7C;;;;;;;;;;AAUG;AACI,IAAA,mBAAmB,CACxB,SAA6B;;IAE7B,SAAgC;;AAEhC,IAAA,SAAyC,EACzC,SAAyB,EAAA;AAEzB,QAAA,OAAO,IAAI,CAAC,uBAAuB,CAAO,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;;AAGvF;;;;;;;;;;AAUG;AACI,IAAA,iBAAiB,CACtB,SAA6B;;IAE7B,SAAgC;;IAEhC,UAA0C,EAC1C,YAAiC,EACjC,QAAsC,GAAA,CAAC,CAAC,KAAK,CAAG,EAAA,CAAC,CAAE,CAAA,EAAA;QAEnD,OAAO,SAAS,CAAC,IAAI,CACnB,SAAS,CAAC,CAAC,GAAG,KACZ,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAC7B,GAAG,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAC3C,WAAW,CAAC,CAAC,CAAC,CACf,CACF,CACF;;AAGH;;;;AAIG;AACI,IAAA,eAAe,CAAC,QAAgB,EAAA;AACrC,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ;AACzB,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE;AACvB,YAAA,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM;YACtC,QAAQ;AACT,SAAA,CAAC;;AAGJ;;;;;;;;;AASG;IACI,kBAAkB,CAAC,KAAa,EAAE,GAAW,EAAA;AAClD,QAAA,OAAO,KAAK,GAAG,GAAG,GAAG,CAAA,EAAG,GAAG,CAAA,CAAA,CAAG,GAAG,CAAG,EAAA,KAAK,EAAE;;AAE9C;;AChJD;;AAEG;;;;"}

package/fesm2022/hmcts-opal-frontend-common-components-alphagov-alphagov-accessible-autocomplete.mjs

@@ -120,10 +120,10 @@ class AlphagovAccessibleAutocompleteComponent {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AlphagovAccessibleAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: AlphagovAccessibleAutocompleteComponent, isStandalone: true, selector: "opal-lib-alphagov-accessible-autocomplete", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", autoCompleteItems: "autoCompleteItems", showAllValues: "showAllValues", errors: "errors", control: "control" }, viewQueries: [{ propertyName: "autocompleteContainer", first: true, predicate: ["autocomplete"], descendants: true }], ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"autoCompleteId\"> {{ labelText }} </label>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.autoCompleteId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <div #autocomplete id=\"{{ autoCompleteId }}-container\" class=\"{{ inputClasses }}\"></div>\n  <input [id]=\"inputId\" [name]=\"inputName\" type=\"hidden\" [formControl]=\"getControl\" />\n</div>\n", styles: [":host ::ng-deep .autocomplete__option{font-family:GDS Transport,arial,sans-serif}:host ::ng-deep .govuk-input--error input{border-color:#d4351c}:host ::ng-deep .autocomplete__input{background-color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AlphagovAccessibleAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: AlphagovAccessibleAutocompleteComponent, isStandalone: true, selector: "opal-lib-alphagov-accessible-autocomplete", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", autoCompleteItems: "autoCompleteItems", showAllValues: "showAllValues", errors: "errors", control: "control" }, viewQueries: [{ propertyName: "autocompleteContainer", first: true, predicate: ["autocomplete"], descendants: true }], ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"autoCompleteId\"> {{ labelText }} </label>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.autoCompleteId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <div #autocomplete id=\"{{ autoCompleteId }}-container\" class=\"{{ inputClasses }}\"></div>\n  <input [id]=\"inputId\" [name]=\"inputName\" type=\"hidden\" [formControl]=\"getControl\" />\n</div>\n", styles: [":host ::ng-deep .autocomplete__option{font-family:GDS Transport,arial,sans-serif}:host ::ng-deep .govuk-input--error input{border-color:#d4351c}:host ::ng-deep .autocomplete__input{background-color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AlphagovAccessibleAutocompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AlphagovAccessibleAutocompleteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-alphagov-accessible-autocomplete', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"autoCompleteId\"> {{ labelText }} </label>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.autoCompleteId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <div #autocomplete id=\"{{ autoCompleteId }}-container\" class=\"{{ inputClasses }}\"></div>\n  <input [id]=\"inputId\" [name]=\"inputName\" type=\"hidden\" [formControl]=\"getControl\" />\n</div>\n", styles: [":host ::ng-deep .autocomplete__option{font-family:GDS Transport,arial,sans-serif}:host ::ng-deep .govuk-input--error input{border-color:#d4351c}:host ::ng-deep .autocomplete__input{background-color:#fff}\n"] }]
         }], ctorParameters: () => [], propDecorators: { labelText: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-accordion.mjs

@@ -16,10 +16,10 @@ class GovukAccordionComponent {
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: GovukAccordionComponent, isStandalone: true, selector: "opal-lib-govuk-accordion", ngImport: i0, template: "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-default\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-1\"> Writing well for the web </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-1\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-1\"\n    >\n      <p class=\"govuk-body\">This is the content for Writing well for the web.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-2\">\n          Writing well for specialists\n        </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-2\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-2\"\n    >\n      <p class=\"govuk-body\">This is the content for Writing well for specialists.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-3\"> Know your audience </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-3\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-3\"\n    >\n      <p class=\"govuk-body\">This is the content for Know your audience.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-4\"> How people read </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-4\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-4\"\n    >\n      <p class=\"govuk-body\">This is the content for How people read.</p>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GovukAccordionComponent, isStandalone: true, selector: "opal-lib-govuk-accordion", ngImport: i0, template: "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-default\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-1\"> Writing well for the web </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-1\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-1\"\n    >\n      <p class=\"govuk-body\">This is the content for Writing well for the web.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-2\">\n          Writing well for specialists\n        </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-2\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-2\"\n    >\n      <p class=\"govuk-body\">This is the content for Writing well for specialists.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-3\"> Know your audience </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-3\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-3\"\n    >\n      <p class=\"govuk-body\">This is the content for Know your audience.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-4\"> How people read </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-4\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-4\"\n    >\n      <p class=\"govuk-body\">This is the content for How people read.</p>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukAccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukAccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-accordion', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-default\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-1\"> Writing well for the web </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-1\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-1\"\n    >\n      <p class=\"govuk-body\">This is the content for Writing well for the web.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-2\">\n          Writing well for specialists\n        </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-2\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-2\"\n    >\n      <p class=\"govuk-body\">This is the content for Writing well for specialists.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-3\"> Know your audience </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-3\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-3\"\n    >\n      <p class=\"govuk-body\">This is the content for Know your audience.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-4\"> How people read </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-4\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-4\"\n    >\n      <p class=\"govuk-body\">This is the content for How people read.</p>\n    </div>\n  </div>\n</div>\n" }]
         }] });

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-back-link.mjs

@@ -13,10 +13,10 @@ class GovukBackLinkComponent {
         event.preventDefault();
         this.clickEvent.emit(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukBackLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: GovukBackLinkComponent, isStandalone: true, selector: "opal-lib-govuk-back-link", outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<a href=\"#\" class=\"govuk-back-link\" (click)=\"onBack($event)\">Back</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukBackLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GovukBackLinkComponent, isStandalone: true, selector: "opal-lib-govuk-back-link", outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<a href=\"#\" class=\"govuk-back-link\" (click)=\"onBack($event)\">Back</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukBackLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukBackLinkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-back-link', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a href=\"#\" class=\"govuk-back-link\" (click)=\"onBack($event)\">Back</a>\n" }]
         }], propDecorators: { clickEvent: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-button.mjs

@@ -14,10 +14,10 @@ class GovukButtonComponent {
     handleButtonClick() {
         this.buttonClickEvent.emit(true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: GovukButtonComponent, isStandalone: true, selector: "opal-lib-govuk-button", inputs: { buttonId: "buttonId", type: "type", buttonClasses: "buttonClasses" }, outputs: { buttonClickEvent: "buttonClickEvent" }, ngImport: i0, template: "<button\n  [id]=\"buttonId\"\n  [type]=\"type\"\n  class=\"govuk-button {{ buttonClasses }}\"\n  data-module=\"govuk-button\"\n  (click)=\"handleButtonClick()\"\n>\n  <ng-content></ng-content>\n</button>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GovukButtonComponent, isStandalone: true, selector: "opal-lib-govuk-button", inputs: { buttonId: "buttonId", type: "type", buttonClasses: "buttonClasses" }, outputs: { buttonClickEvent: "buttonClickEvent" }, ngImport: i0, template: "<button\n  [id]=\"buttonId\"\n  [type]=\"type\"\n  class=\"govuk-button {{ buttonClasses }}\"\n  data-module=\"govuk-button\"\n  (click)=\"handleButtonClick()\"\n>\n  <ng-content></ng-content>\n</button>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-button', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  [id]=\"buttonId\"\n  [type]=\"type\"\n  class=\"govuk-button {{ buttonClasses }}\"\n  data-module=\"govuk-button\"\n  (click)=\"handleButtonClick()\"\n>\n  <ng-content></ng-content>\n</button>\n" }]
         }], propDecorators: { buttonId: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-cancel-link.mjs

@@ -10,10 +10,10 @@ class GovukCancelLinkComponent {
     handleClick() {
         this.linkClickEvent.emit(true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukCancelLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: GovukCancelLinkComponent, isStandalone: true, selector: "opal-lib-govuk-cancel-link", inputs: { cancelLinkText: "cancelLinkText" }, outputs: { linkClickEvent: "linkClickEvent" }, ngImport: i0, template: "<a (keyup.enter)=\"handleClick()\" (click)=\"handleClick()\" class=\"govuk-link button-link\" role=\"link\" tabindex=\"0\">{{\n  cancelLinkText\n}}</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukCancelLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GovukCancelLinkComponent, isStandalone: true, selector: "opal-lib-govuk-cancel-link", inputs: { cancelLinkText: "cancelLinkText" }, outputs: { linkClickEvent: "linkClickEvent" }, ngImport: i0, template: "<a (keyup.enter)=\"handleClick()\" (click)=\"handleClick()\" class=\"govuk-link button-link\" role=\"link\" tabindex=\"0\">{{\n  cancelLinkText\n}}</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukCancelLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukCancelLinkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-cancel-link', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a (keyup.enter)=\"handleClick()\" (click)=\"handleClick()\" class=\"govuk-link button-link\" role=\"link\" tabindex=\"0\">{{\n  cancelLinkText\n}}</a>\n" }]
         }], propDecorators: { cancelLinkText: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-checkboxes.mjs

@@ -11,10 +11,10 @@ class GovukCheckboxesConditionalComponent {
     ngOnInit() {
         this.id = `${this.conditionalId}-conditional`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukCheckboxesConditionalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: GovukCheckboxesConditionalComponent, isStandalone: true, selector: "opal-lib-govuk-checkboxes-conditional, [opal-lib-govuk-checkboxes-conditional]", inputs: { conditionalId: "conditionalId" }, host: { properties: { "class": "this.class", "id": "this.id" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukCheckboxesConditionalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GovukCheckboxesConditionalComponent, isStandalone: true, selector: "opal-lib-govuk-checkboxes-conditional, [opal-lib-govuk-checkboxes-conditional]", inputs: { conditionalId: "conditionalId" }, host: { properties: { "class": "this.class", "id": "this.id" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukCheckboxesConditionalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukCheckboxesConditionalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-checkboxes-conditional, [opal-lib-govuk-checkboxes-conditional]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { conditionalId: [{
@@ -29,10 +29,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
             }] } });
 
 class GovukCheckboxesDividerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukCheckboxesDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: GovukCheckboxesDividerComponent, isStandalone: true, selector: "opal-lib-govuk-checkboxes-divider", ngImport: i0, template: "<div class=\"govuk-checkboxes__divider\"><ng-content></ng-content></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukCheckboxesDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GovukCheckboxesDividerComponent, isStandalone: true, selector: "opal-lib-govuk-checkboxes-divider", ngImport: i0, template: "<div class=\"govuk-checkboxes__divider\"><ng-content></ng-content></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukCheckboxesDividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukCheckboxesDividerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-checkboxes-divider', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-checkboxes__divider\"><ng-content></ng-content></div>\n" }]
         }] });
@@ -53,10 +53,10 @@ class GovukCheckboxesItemComponent {
     get getControl() {
         return this._control;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukCheckboxesItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: GovukCheckboxesItemComponent, isStandalone: true, selector: "opal-lib-govuk-checkboxes-item, [opal-lib-govuk-checkboxes-item]", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", ariaControls: "ariaControls", control: "control" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<input\n  class=\"govuk-checkboxes__input {{ inputClasses }}\"\n  [id]=\"inputId\"\n  [name]=\"inputName\"\n  type=\"checkbox\"\n  [formControl]=\"getControl\"\n  [attr.data-aria-controls]=\"ariaControls\"\n/>\n\n<label class=\"govuk-label govuk-checkboxes__label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukCheckboxesItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GovukCheckboxesItemComponent, isStandalone: true, selector: "opal-lib-govuk-checkboxes-item, [opal-lib-govuk-checkboxes-item]", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", ariaControls: "ariaControls", control: "control" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<input\n  class=\"govuk-checkboxes__input {{ inputClasses }}\"\n  [id]=\"inputId\"\n  [name]=\"inputName\"\n  type=\"checkbox\"\n  [formControl]=\"getControl\"\n  [attr.data-aria-controls]=\"ariaControls\"\n/>\n\n<label class=\"govuk-label govuk-checkboxes__label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukCheckboxesItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukCheckboxesItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-checkboxes-item, [opal-lib-govuk-checkboxes-item]', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n  class=\"govuk-checkboxes__input {{ inputClasses }}\"\n  [id]=\"inputId\"\n  [name]=\"inputName\"\n  type=\"checkbox\"\n  [formControl]=\"getControl\"\n  [attr.data-aria-controls]=\"ariaControls\"\n/>\n\n<label class=\"govuk-label govuk-checkboxes__label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n" }]
         }], propDecorators: { labelText: [{
@@ -91,10 +91,10 @@ class GovukCheckboxesComponent {
     legendHint;
     legendClasses;
     checkboxClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukCheckboxesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: GovukCheckboxesComponent, isStandalone: true, selector: "opal-lib-govuk-checkboxes", inputs: { fieldSetId: "fieldSetId", legendText: "legendText", legendHint: "legendHint", legendClasses: "legendClasses", checkboxClasses: "checkboxClasses" }, ngImport: i0, template: "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"fieldSetId\">\n    <legend class=\"govuk-fieldset__legend {{ legendClasses }}\" [attr.describedby]=\"fieldSetId\">\n      {{ legendText }}\n    </legend>\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + 'Hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n\n    <div class=\"govuk-checkboxes {{ checkboxClasses }}\" data-module=\"govuk-checkboxes\">\n      <ng-content></ng-content>\n    </div>\n  </fieldset>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukCheckboxesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: GovukCheckboxesComponent, isStandalone: true, selector: "opal-lib-govuk-checkboxes", inputs: { fieldSetId: "fieldSetId", legendText: "legendText", legendHint: "legendHint", legendClasses: "legendClasses", checkboxClasses: "checkboxClasses" }, ngImport: i0, template: "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"fieldSetId\">\n    <legend class=\"govuk-fieldset__legend {{ legendClasses }}\" [attr.describedby]=\"fieldSetId\">\n      {{ legendText }}\n    </legend>\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + 'Hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n\n    <div class=\"govuk-checkboxes {{ checkboxClasses }}\" data-module=\"govuk-checkboxes\">\n      <ng-content></ng-content>\n    </div>\n  </fieldset>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukCheckboxesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukCheckboxesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-checkboxes', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"fieldSetId\">\n    <legend class=\"govuk-fieldset__legend {{ legendClasses }}\" [attr.describedby]=\"fieldSetId\">\n      {{ legendText }}\n    </legend>\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + 'Hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n\n    <div class=\"govuk-checkboxes {{ checkboxClasses }}\" data-module=\"govuk-checkboxes\">\n      <ng-content></ng-content>\n    </div>\n  </fieldset>\n</div>\n" }]
         }], propDecorators: { fieldSetId: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-date-input.mjs

@@ -20,10 +20,10 @@ class GovukDateInputComponent {
     get getGroup() {
         return this._group;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukDateInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: GovukDateInputComponent, isStandalone: true, selector: "opal-lib-govuk-date-input", inputs: { fieldSetId: "fieldSetId", legendText: "legendText", legendHint: "legendHint", legendClasses: "legendClasses", errorDay: "errorDay", errorMonth: "errorMonth", errorYear: "errorYear", dateInputs: "dateInputs", group: "group" }, ngImport: i0, template: "<div\n  class=\"govuk-form-group\"\n  [formGroup]=\"getGroup\"\n  [class.govuk-form-group--error]=\"!!errorDay || !!errorMonth || !!errorYear\"\n>\n  <fieldset class=\"govuk-fieldset\" role=\"group\" [id]=\"fieldSetId\">\n    <legend\n      class=\"govuk-fieldset__legend {{ legendClasses }}\"\n      [attr.describedby]=\"legendHint ? fieldSetId + 'Hint' : ''\"\n    >\n      {{ legendText }}\n    </legend>\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + 'Hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n    @if (errorDay || errorMonth || errorYear) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errorDay || errorMonth || errorYear }}\n      </p>\n    }\n    <div class=\"govuk-date-input\" id=\"passport-issued\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.day.inputId\">\n            {{ dateInputs.day.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.day.inputClasses }}\"\n            [class.govuk-input--error]=\"errorDay && errorDay !== null\"\n            [id]=\"dateInputs.day.inputId\"\n            [name]=\"dateInputs.day.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.day.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.month.inputId\">\n            {{ dateInputs.month.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.month.inputClasses }}\"\n            [class.govuk-input--error]=\"errorMonth && errorMonth !== null\"\n            [id]=\"dateInputs.month.inputId\"\n            [name]=\"dateInputs.month.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.month.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.year.inputId\">\n            {{ dateInputs.year.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.year.inputClasses }}\"\n            [class.govuk-input--error]=\"errorYear && errorYear !== null\"\n            [id]=\"dateInputs.year.inputId\"\n            [name]=\"dateInputs.year.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.year.inputId }}\"\n          />\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukDateInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: GovukDateInputComponent, isStandalone: true, selector: "opal-lib-govuk-date-input", inputs: { fieldSetId: "fieldSetId", legendText: "legendText", legendHint: "legendHint", legendClasses: "legendClasses", errorDay: "errorDay", errorMonth: "errorMonth", errorYear: "errorYear", dateInputs: "dateInputs", group: "group" }, ngImport: i0, template: "<div\n  class=\"govuk-form-group\"\n  [formGroup]=\"getGroup\"\n  [class.govuk-form-group--error]=\"!!errorDay || !!errorMonth || !!errorYear\"\n>\n  <fieldset class=\"govuk-fieldset\" role=\"group\" [id]=\"fieldSetId\">\n    <legend\n      class=\"govuk-fieldset__legend {{ legendClasses }}\"\n      [attr.describedby]=\"legendHint ? fieldSetId + 'Hint' : ''\"\n    >\n      {{ legendText }}\n    </legend>\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + 'Hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n    @if (errorDay || errorMonth || errorYear) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errorDay || errorMonth || errorYear }}\n      </p>\n    }\n    <div class=\"govuk-date-input\" id=\"passport-issued\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.day.inputId\">\n            {{ dateInputs.day.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.day.inputClasses }}\"\n            [class.govuk-input--error]=\"errorDay && errorDay !== null\"\n            [id]=\"dateInputs.day.inputId\"\n            [name]=\"dateInputs.day.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.day.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.month.inputId\">\n            {{ dateInputs.month.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.month.inputClasses }}\"\n            [class.govuk-input--error]=\"errorMonth && errorMonth !== null\"\n            [id]=\"dateInputs.month.inputId\"\n            [name]=\"dateInputs.month.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.month.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.year.inputId\">\n            {{ dateInputs.year.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.year.inputClasses }}\"\n            [class.govuk-input--error]=\"errorYear && errorYear !== null\"\n            [id]=\"dateInputs.year.inputId\"\n            [name]=\"dateInputs.year.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.year.inputId }}\"\n          />\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukDateInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukDateInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-date-input', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"govuk-form-group\"\n  [formGroup]=\"getGroup\"\n  [class.govuk-form-group--error]=\"!!errorDay || !!errorMonth || !!errorYear\"\n>\n  <fieldset class=\"govuk-fieldset\" role=\"group\" [id]=\"fieldSetId\">\n    <legend\n      class=\"govuk-fieldset__legend {{ legendClasses }}\"\n      [attr.describedby]=\"legendHint ? fieldSetId + 'Hint' : ''\"\n    >\n      {{ legendText }}\n    </legend>\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + 'Hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n    @if (errorDay || errorMonth || errorYear) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errorDay || errorMonth || errorYear }}\n      </p>\n    }\n    <div class=\"govuk-date-input\" id=\"passport-issued\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.day.inputId\">\n            {{ dateInputs.day.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.day.inputClasses }}\"\n            [class.govuk-input--error]=\"errorDay && errorDay !== null\"\n            [id]=\"dateInputs.day.inputId\"\n            [name]=\"dateInputs.day.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.day.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.month.inputId\">\n            {{ dateInputs.month.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.month.inputClasses }}\"\n            [class.govuk-input--error]=\"errorMonth && errorMonth !== null\"\n            [id]=\"dateInputs.month.inputId\"\n            [name]=\"dateInputs.month.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.month.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.year.inputId\">\n            {{ dateInputs.year.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.year.inputClasses }}\"\n            [class.govuk-input--error]=\"errorYear && errorYear !== null\"\n            [id]=\"dateInputs.year.inputId\"\n            [name]=\"dateInputs.year.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.year.inputId }}\"\n          />\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>\n" }]
         }], propDecorators: { fieldSetId: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-details.mjs

@@ -3,10 +3,10 @@ import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
 
 class GovukDetailsComponent {
     summaryText;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: GovukDetailsComponent, isStandalone: true, selector: "opal-lib-govuk-details", inputs: { summaryText: "summaryText" }, ngImport: i0, template: "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\"> {{ summaryText }} </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    <ng-content></ng-content>\n  </div>\n</details>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GovukDetailsComponent, isStandalone: true, selector: "opal-lib-govuk-details", inputs: { summaryText: "summaryText" }, ngImport: i0, template: "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\"> {{ summaryText }} </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    <ng-content></ng-content>\n  </div>\n</details>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-details', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\"> {{ summaryText }} </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    <ng-content></ng-content>\n  </div>\n</details>\n" }]
         }], propDecorators: { summaryText: [{