@hmcts/opal-frontend-common 0.0.55 → 0.0.57

package/fesm2022/hmcts-opal-frontend-common-validators-amount.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-validators-amount.mjs","sources":["../../../projects/opal-frontend-common/validators/amount/amount.validator.ts","../../../projects/opal-frontend-common/validators/amount/hmcts-opal-frontend-common-validators-amount.ts"],"sourcesContent":["import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\n\nexport function amountValidator(maxIntegers: number, maxDecimals: number): ValidatorFn {\n  return (control: AbstractControl): ValidationErrors | null => {\n    if (control.value === null || control.value === undefined || control.value === '') {\n      return null;\n    }\n\n    // Ensure the value is numerical, allowing only digits and optionally one decimal point\n    if (Number.isNaN(Number(control.value))) {\n      return { invalidAmountValue: true };\n    }\n\n    // Regex to match numbers with the specified integer and decimal places\n    const regex = new RegExp(`^-?(0|[1-9]\\\\d{0,${maxIntegers - 1}})(\\\\.\\\\d{0,${maxDecimals}})?$`);\n\n    return regex.test(control.value) ? null : { invalidAmount: true };\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAEM,SAAU,eAAe,CAAC,WAAmB,EAAE,WAAmB,EAAA;IACtE,OAAO,CAAC,OAAwB,KAA6B;AAC3D,QAAA,IAAI,OAAO,CAAC,KAAK,KAAK,IAAI,IAAI,OAAO,CAAC,KAAK,KAAK,SAAS,IAAI,OAAO,CAAC,KAAK,KAAK,EAAE,EAAE;AACjF,YAAA,OAAO,IAAI;QACb;;AAGA,QAAA,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE;AACvC,YAAA,OAAO,EAAE,kBAAkB,EAAE,IAAI,EAAE;QACrC;;AAGA,QAAA,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,CAAA,iBAAA,EAAoB,WAAW,GAAG,CAAC,CAAA,YAAA,EAAe,WAAW,CAAA,IAAA,CAAM,CAAC;QAE7F,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE;AACnE,IAAA,CAAC;AACH;;AClBA;;AAEG;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-validators-amount.mjs","sources":["../../../projects/opal-frontend-common/validators/amount/amount.validator.ts","../../../projects/opal-frontend-common/validators/amount/hmcts-opal-frontend-common-validators-amount.ts"],"sourcesContent":["import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\n\nexport function amountValidator(maxIntegers: number, maxDecimals: number): ValidatorFn {\n  return (control: AbstractControl): ValidationErrors | null => {\n    if (control.value === null || control.value === undefined || control.value === '') {\n      return null;\n    }\n\n    // Ensure the value is numerical, allowing only digits and optionally one decimal point\n    if (Number.isNaN(Number(control.value))) {\n      return { invalidAmountValue: true };\n    }\n\n    // Regex to match numbers with the specified integer and decimal places\n    const regex = new RegExp(String.raw`^-?(0|[1-9]\\d{0,${maxIntegers - 1}})(.\\d{0,${maxDecimals}})?$`);\n\n    return regex.test(control.value) ? null : { invalidAmount: true };\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAEM,SAAU,eAAe,CAAC,WAAmB,EAAE,WAAmB,EAAA;IACtE,OAAO,CAAC,OAAwB,KAA6B;AAC3D,QAAA,IAAI,OAAO,CAAC,KAAK,KAAK,IAAI,IAAI,OAAO,CAAC,KAAK,KAAK,SAAS,IAAI,OAAO,CAAC,KAAK,KAAK,EAAE,EAAE;AACjF,YAAA,OAAO,IAAI;QACb;;AAGA,QAAA,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE;AACvC,YAAA,OAAO,EAAE,kBAAkB,EAAE,IAAI,EAAE;QACrC;;AAGA,QAAA,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,MAAM,CAAC,GAAG,CAAA,CAAA,gBAAA,EAAmB,WAAW,GAAG,CAAC,YAAY,WAAW,CAAA,IAAA,CAAM,CAAC;QAEnG,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE;AACnE,IAAA,CAAC;AACH;;AClBA;;AAEG;;;;"}

package/fesm2022/hmcts-opal-frontend-common.mjs

@@ -31,39 +31,39 @@ const routing = [
     { path: '', redirectTo: 'dashboard', pathMatch: 'full' },
     {
         path: PAGES_ROUTING_PATHS.children.accessDenied,
-        loadComponent: () => import('./hmcts-opal-frontend-common-access-denied.component-GXcZeEZc.mjs').then((c) => c.AccessDeniedComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-access-denied.component-Bh_bwG8W.mjs').then((c) => c.AccessDeniedComponent),
         canActivate: [authGuard, accountGuard],
         data: { title: PAGES_ROUTING_TITLES.children.accessDenied },
         resolve: { title: TitleResolver },
     },
     {
         path: PAGES_ROUTING_PATHS.children.concurrencyFailure,
-        loadComponent: () => import('./hmcts-opal-frontend-common-concurrency-failure.component-CMrT3Rgc.mjs').then((c) => c.ConcurrencyFailureComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-concurrency-failure.component-DlRSu1M1.mjs').then((c) => c.ConcurrencyFailureComponent),
         data: { title: PAGES_ROUTING_TITLES.children.concurrencyFailure },
         resolve: { title: TitleResolver },
     },
     {
         path: PAGES_ROUTING_PATHS.children.permissionDenied,
-        loadComponent: () => import('./hmcts-opal-frontend-common-permission-denied.component-DkLF7y3R.mjs').then((c) => c.PermissionDeniedComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-permission-denied.component-D2ftUh_2.mjs').then((c) => c.PermissionDeniedComponent),
         data: { title: PAGES_ROUTING_TITLES.children.permissionDenied },
         resolve: { title: TitleResolver },
     },
     {
         path: PAGES_ROUTING_PATHS.children.internalServerError,
-        loadComponent: () => import('./hmcts-opal-frontend-common-internal-server-error.component-2YW-gEtF.mjs').then((c) => c.InternalServerErrorComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-internal-server-error.component-CUrAQABP.mjs').then((c) => c.InternalServerErrorComponent),
         data: { title: PAGES_ROUTING_TITLES.children.internalServerError },
         resolve: { title: TitleResolver },
     },
     {
         path: PAGES_ROUTING_PATHS.children.signIn,
-        loadComponent: () => import('./hmcts-opal-frontend-common-sign-in.component-D9_GhRtz.mjs').then((c) => c.SignInComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-sign-in.component-D5yCVKi6.mjs').then((c) => c.SignInComponent),
         canActivate: [signedInGuard],
         data: { title: PAGES_ROUTING_TITLES.children.signIn },
         resolve: { title: TitleResolver },
     },
     {
         path: PAGES_ROUTING_PATHS.children.accountCreated,
-        loadComponent: () => import('./hmcts-opal-frontend-common-account-created.component-CnWM00dp.mjs').then((c) => c.AccountCreated),
+        loadComponent: () => import('./hmcts-opal-frontend-common-account-created.component-DyJukw2Z.mjs').then((c) => c.AccountCreated),
         canActivate: [authGuard],
         data: { title: PAGES_ROUTING_TITLES.children.accountCreated },
         resolve: { title: TitleResolver },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/opal-frontend-common",
-  "version": "0.0.55",
+  "version": "0.0.57",
   "license": "MIT",
   "repository": {
     "type": "git",

package/types/hmcts-opal-frontend-common-components-alphagov-alphagov-accessible-autocomplete.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnInit, OnDestroy, ElementRef } from '@angular/core';
+import { OnInit, OnDestroy, OnChanges, ElementRef, SimpleChanges } from '@angular/core';
 import { AbstractControl, FormControl } from '@angular/forms';
 
 interface IAlphagovAccessibleAutocompleteItem {
@@ -7,10 +7,12 @@ interface IAlphagovAccessibleAutocompleteItem {
     value: string | number;
 }
 
-declare class AlphagovAccessibleAutocompleteComponent implements OnInit, OnDestroy {
+declare class AlphagovAccessibleAutocompleteComponent implements OnInit, OnDestroy, OnChanges {
     private readonly changeDetector;
     private _control;
     private readonly ngUnsubscribe;
+    private describedByObserver;
+    private containerObserver;
     labelText: string;
     labelClasses: string;
     inputId: string;
@@ -57,6 +59,26 @@ declare class AlphagovAccessibleAutocompleteComponent implements OnInit, OnDestr
      * Configures the auto-complete functionality using the accessible-autocomplete library.
      */
     private configureAutoComplete;
+    /**
+     * Gets the rendered autocomplete text input, if present.
+     */
+    private getVisibleInput;
+    /**
+     * Builds the hint/error ids to apply to aria-describedby.
+     */
+    private buildDescribedByIds;
+    /**
+     * Updates aria-describedby on the visible input, preserving any non-managed ids.
+     */
+    private applyDescribedBy;
+    /**
+     * Observes aria-describedby changes on the visible input to reapply managed ids.
+     */
+    private observeDescribedBy;
+    /**
+     * Waits for the visible input to appear, then applies describedby and observers.
+     */
+    private waitForInputAndApply;
     /**
      * Sets up the control subscription for value changes.
      * Whenever the control value changes, this method is called to handle the changes.
@@ -64,6 +86,7 @@ declare class AlphagovAccessibleAutocompleteComponent implements OnInit, OnDestr
      */
     private setupControlSub;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlphagovAccessibleAutocompleteComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AlphagovAccessibleAutocompleteComponent, "opal-lib-alphagov-accessible-autocomplete", never, { "labelText": { "alias": "labelText"; "required": true; }; "labelClasses": { "alias": "labelClasses"; "required": false; }; "inputId": { "alias": "inputId"; "required": true; }; "inputName": { "alias": "inputName"; "required": true; }; "inputClasses": { "alias": "inputClasses"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "autoCompleteItems": { "alias": "autoCompleteItems"; "required": true; }; "showAllValues": { "alias": "showAllValues"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "control": { "alias": "control"; "required": true; }; }, {}, never, never, true, never>;

package/types/hmcts-opal-frontend-common-components-govuk-govuk-accordion.d.ts

@@ -1,16 +1,65 @@
 import * as i0 from '@angular/core';
-import { AfterViewInit } from '@angular/core';
+import { TemplateRef, EventEmitter } from '@angular/core';
 
-declare class GovukAccordionComponent implements AfterViewInit {
-    private readonly platformId;
+interface GovukAccordionSection {
+    id?: string;
+    heading: string;
+    content?: string | TemplateRef<unknown>;
+    expanded?: boolean;
+}
+declare class GovukAccordionComponent {
+    private _sections;
+    private expandedStates;
+    accordionId: string;
+    /**
+     * Sets accordion sections and syncs default expanded states.
+     */
+    set sections(value: GovukAccordionSection[]);
+    /**
+     * Returns the current accordion sections.
+     */
+    get sections(): GovukAccordionSection[];
+    expand: EventEmitter<string>;
+    collapse: EventEmitter<string>;
+    /**
+     * Resolves the unique section ID for a given index.
+     */
+    private getSectionId;
+    /**
+     * Toggles a section by its resolved ID.
+     */
+    toggleSection(sectionId: string): void;
+    /**
+     * Expands all sections and emits expand events.
+     */
+    expandAllSections(): void;
+    /**
+     * Collapses all sections and emits collapse events.
+     */
+    collapseAllSections(): void;
+    /**
+     * Returns whether a section is expanded by index.
+     */
+    isExpanded(index: number): boolean;
+    /**
+     * Toggles a section by index and emits the appropriate event.
+     */
+    toggleSectionByIndex(index: number): void;
+    /**
+     * Builds the heading ID for a section.
+     */
+    getHeadingId(index: number): string;
+    /**
+     * Builds the content ID for a section.
+     */
+    getContentId(index: number): string;
     /**
-     * Lifecycle hook that is called after Angular has fully initialized the component's view.
-     * It is called only once after the first ngAfterContentChecked.
-     * We use it to initialize the govuk-frontend component.
+     * Type guard for template content.
      */
-    ngAfterViewInit(): void;
+    isTemplateRef(content: GovukAccordionSection['content']): content is TemplateRef<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukAccordionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GovukAccordionComponent, "opal-lib-govuk-accordion", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GovukAccordionComponent, "opal-lib-govuk-accordion", never, { "accordionId": { "alias": "accordionId"; "required": false; }; "sections": { "alias": "sections"; "required": true; }; }, { "expand": "expand"; "collapse": "collapse"; }, never, never, true, never>;
 }
 
 export { GovukAccordionComponent };
+export type { GovukAccordionSection };

package/types/hmcts-opal-frontend-common-components-govuk-govuk-checkboxes.d.ts

@@ -38,6 +38,7 @@ declare class GovukCheckboxesComponent {
     legendClasses: string;
     checkboxClasses: string;
     errors: string | null;
+    get describedBy(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukCheckboxesComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GovukCheckboxesComponent, "opal-lib-govuk-checkboxes", never, { "fieldSetId": { "alias": "fieldSetId"; "required": true; }; "legendText": { "alias": "legendText"; "required": true; }; "legendHint": { "alias": "legendHint"; "required": false; }; "legendClasses": { "alias": "legendClasses"; "required": false; }; "checkboxClasses": { "alias": "checkboxClasses"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/types/hmcts-opal-frontend-common-components-govuk-govuk-date-input.d.ts

@@ -25,6 +25,7 @@ declare class GovukDateInputComponent {
     dateInputs: IGovUkDateInput;
     set group(abstractControl: AbstractControl | null);
     get getGroup(): FormGroup<any>;
+    get describedBy(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukDateInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GovukDateInputComponent, "opal-lib-govuk-date-input", never, { "fieldSetId": { "alias": "fieldSetId"; "required": true; }; "legendText": { "alias": "legendText"; "required": true; }; "legendHint": { "alias": "legendHint"; "required": false; }; "legendClasses": { "alias": "legendClasses"; "required": false; }; "errorDay": { "alias": "errorDay"; "required": false; }; "errorMonth": { "alias": "errorMonth"; "required": false; }; "errorYear": { "alias": "errorYear"; "required": false; }; "dateInputs": { "alias": "dateInputs"; "required": true; }; "group": { "alias": "group"; "required": true; }; }, {}, never, never, true, never>;
 }

package/types/hmcts-opal-frontend-common-components-govuk-govuk-notification-banner.d.ts

@@ -2,12 +2,18 @@ import * as i0 from '@angular/core';
 
 type GovukBannerType = 'success' | 'information';
 declare class GovukNotificationBannerComponent {
+    private readonly generatedTitleId;
     titleText: string;
     headingText: string;
     messageText: string;
     type: GovukBannerType;
+    titleId?: string;
+    /**
+     * Resolves the title ID, preferring the provided one.
+     */
+    get computedTitleId(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukNotificationBannerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GovukNotificationBannerComponent, "opal-lib-govuk-notification-banner", never, { "titleText": { "alias": "titleText"; "required": true; }; "headingText": { "alias": "headingText"; "required": true; }; "messageText": { "alias": "messageText"; "required": true; }; "type": { "alias": "type"; "required": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GovukNotificationBannerComponent, "opal-lib-govuk-notification-banner", never, { "titleText": { "alias": "titleText"; "required": true; }; "headingText": { "alias": "headingText"; "required": true; }; "messageText": { "alias": "messageText"; "required": true; }; "type": { "alias": "type"; "required": true; }; "titleId": { "alias": "titleId"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 export { GovukNotificationBannerComponent };

package/types/hmcts-opal-frontend-common-components-govuk-govuk-radio.d.ts

@@ -40,6 +40,7 @@ declare class GovukRadioComponent {
     legendClasses: string;
     radioClasses: string;
     errors: string | null;
+    get describedBy(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukRadioComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GovukRadioComponent, "opal-lib-govuk-radio", never, { "fieldSetId": { "alias": "fieldSetId"; "required": true; }; "legendText": { "alias": "legendText"; "required": false; }; "legendHint": { "alias": "legendHint"; "required": false; }; "legendClasses": { "alias": "legendClasses"; "required": false; }; "radioClasses": { "alias": "radioClasses"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/types/hmcts-opal-frontend-common-components-govuk-govuk-select.d.ts

@@ -18,6 +18,7 @@ declare class GovukSelectComponent {
     options: IGovUkSelectOptions[];
     set control(abstractControl: AbstractControl);
     get getControl(): FormControl<any>;
+    get describedBy(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukSelectComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GovukSelectComponent, "opal-lib-govuk-select", never, { "labelText": { "alias": "labelText"; "required": true; }; "labelClasses": { "alias": "labelClasses"; "required": false; }; "selectId": { "alias": "selectId"; "required": true; }; "selectName": { "alias": "selectName"; "required": true; }; "selectClasses": { "alias": "selectClasses"; "required": false; }; "selectHint": { "alias": "selectHint"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "options": { "alias": "options"; "required": true; }; "control": { "alias": "control"; "required": true; }; }, {}, never, never, true, never>;
 }

package/types/hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-list-item.d.ts

@@ -3,19 +3,32 @@ import * as i0 from '@angular/core';
 declare class GovukTabsListItemComponent {
     private readonly router;
     private readonly route;
-    tabItemId: string;
+    private readonly elementRef;
+    tabItemId?: string;
     tabItemFragment: string;
     activeTabItemFragment: string;
     get hostClass(): string;
-    get hostId(): string;
+    get hostRole(): string;
+    /**
+     * Resolves the tab item ID, using the tabs prefix when none is provided.
+     */
+    get resolvedTabItemId(): string;
+    /**
+     * Indicates whether this tab matches the active fragment.
+     */
+    get isActive(): boolean;
     /**
      * Handles the click event of a sub-navigation item.
      * @param event - The click event.
      * @param item - The item string.
      */
     handleItemClick(event: Event, item: string): void;
+    /**
+     * Navigates to the provided fragment.
+     */
+    activate(fragment: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukTabsListItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GovukTabsListItemComponent, "opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]", never, { "tabItemId": { "alias": "tabItemId"; "required": true; }; "tabItemFragment": { "alias": "tabItemFragment"; "required": true; }; "activeTabItemFragment": { "alias": "activeTabItemFragment"; "required": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GovukTabsListItemComponent, "opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]", never, { "tabItemId": { "alias": "tabItemId"; "required": false; }; "tabItemFragment": { "alias": "tabItemFragment"; "required": true; }; "activeTabItemFragment": { "alias": "activeTabItemFragment"; "required": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { GovukTabsListItemComponent };

package/types/hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-panel.d.ts

@@ -1,8 +1,17 @@
 import * as i0 from '@angular/core';
 
 declare class GovukTabsPanelComponent {
+    private readonly elementRef;
+    tabItemId?: string;
+    hostClass: string;
+    role: string;
+    /**
+     * Ensures the panel renders as a block element so GOV.UK padding/border styles wrap content correctly.
+     */
+    display: string;
+    get ariaLabelledBy(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukTabsPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GovukTabsPanelComponent, "opal-lib-govuk-tabs-panel", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GovukTabsPanelComponent, "opal-lib-govuk-tabs-panel", never, { "tabItemId": { "alias": "tabItemId"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 export { GovukTabsPanelComponent };

package/types/hmcts-opal-frontend-common-components-govuk-govuk-tabs.d.ts

@@ -5,7 +5,16 @@ declare class GovukTabsComponent implements OnInit, OnDestroy {
     private readonly route;
     private readonly ngUnsubscribe;
     tabId: string;
+    titleText: string;
     activeTabFragmentChange: EventEmitter<string>;
+    /**
+     * Returns the ID for the tabs title element.
+     */
+    get titleId(): string;
+    get role(): string;
+    /**
+     * Subscribes to URL fragment changes and emits active tab updates.
+     */
     private setupListeners;
     /**
      * Angular lifecycle hook that is called after the component's data-bound properties have been initialized.
@@ -21,7 +30,7 @@ declare class GovukTabsComponent implements OnInit, OnDestroy {
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukTabsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GovukTabsComponent, "opal-lib-govuk-tabs", never, { "tabId": { "alias": "tabId"; "required": true; }; }, { "activeTabFragmentChange": "activeTabFragmentChange"; }, never, ["[tab-list-items]", "[tab-panels]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GovukTabsComponent, "opal-lib-govuk-tabs", never, { "tabId": { "alias": "tabId"; "required": false; }; "titleText": { "alias": "titleText"; "required": false; }; }, { "activeTabFragmentChange": "activeTabFragmentChange"; }, never, ["[tab-list-items]", "[tab-panels]"], true, never>;
 }
 
 export { GovukTabsComponent };

package/types/hmcts-opal-frontend-common-components-govuk-govuk-text-area.d.ts

@@ -19,6 +19,7 @@ declare class GovukTextAreaComponent {
     maxCharacterLimit: number;
     set control(abstractControl: AbstractControl | null);
     get getControl(): FormControl<any>;
+    get describedBy(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukTextAreaComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GovukTextAreaComponent, "opal-lib-govuk-text-area", never, { "labelText": { "alias": "labelText"; "required": true; }; "labelClasses": { "alias": "labelClasses"; "required": false; }; "inputId": { "alias": "inputId"; "required": true; }; "inputName": { "alias": "inputName"; "required": true; }; "inputClasses": { "alias": "inputClasses"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "characterCountEnabled": { "alias": "characterCountEnabled"; "required": false; }; "maxCharacterLimit": { "alias": "maxCharacterLimit"; "required": false; }; "control": { "alias": "control"; "required": true; }; }, {}, never, never, true, never>;
 }

package/types/hmcts-opal-frontend-common-components-govuk-govuk-text-input-prefix-suffix.d.ts

@@ -18,6 +18,7 @@ declare class GovukTextInputPrefixSuffixComponent {
      */
     onBlurFormatToTwoDecimalPlaces(): void;
     get getControl(): FormControl<any>;
+    get describedBy(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukTextInputPrefixSuffixComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GovukTextInputPrefixSuffixComponent, "opal-lib-govuk-text-input-prefix-suffix", never, { "labelText": { "alias": "labelText"; "required": true; }; "labelClasses": { "alias": "labelClasses"; "required": false; }; "inputId": { "alias": "inputId"; "required": true; }; "inputName": { "alias": "inputName"; "required": true; }; "inputClasses": { "alias": "inputClasses"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "prefixText": { "alias": "prefixText"; "required": false; }; "suffixText": { "alias": "suffixText"; "required": false; }; "forceTwoDecimalPoints": { "alias": "forceTwoDecimalPoints"; "required": false; }; "control": { "alias": "control"; "required": true; }; }, {}, never, never, true, never>;
 }

package/types/hmcts-opal-frontend-common-components-govuk-govuk-text-input.d.ts

@@ -13,6 +13,7 @@ declare class GovukTextInputComponent {
     errors: string | null;
     set control(abstractControl: AbstractControl | null);
     get getControl(): FormControl<any>;
+    get describedBy(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukTextInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GovukTextInputComponent, "opal-lib-govuk-text-input", never, { "labelText": { "alias": "labelText"; "required": true; }; "labelClasses": { "alias": "labelClasses"; "required": false; }; "inputId": { "alias": "inputId"; "required": true; }; "inputName": { "alias": "inputName"; "required": true; }; "inputClasses": { "alias": "inputClasses"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "hintHtml": { "alias": "hintHtml"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "control": { "alias": "control"; "required": true; }; }, {}, never, ["*"], true, never>;
 }

package/types/hmcts-opal-frontend-common-components-hod-hod-loading-spinner.d.ts

@@ -2,10 +2,11 @@ import * as i0 from '@angular/core';
 
 declare class HodLoadingSpinnerComponent {
     spinnerId: string;
+    statusText: string;
     hostClasses: string;
     role: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<HodLoadingSpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HodLoadingSpinnerComponent, "opal-lib-hod-loading-spinner, [opal-lib-hod-loading-spinner]", never, { "spinnerId": { "alias": "spinnerId"; "required": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HodLoadingSpinnerComponent, "opal-lib-hod-loading-spinner, [opal-lib-hod-loading-spinner]", never, { "spinnerId": { "alias": "spinnerId"; "required": true; }; "statusText": { "alias": "statusText"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 export { HodLoadingSpinnerComponent };

package/types/hmcts-opal-frontend-common-components-moj-moj-button-menu.d.ts

@@ -1,9 +1,8 @@
 import * as i0 from '@angular/core';
-import { ElementRef } from '@angular/core';
 
 declare class MojButtonMenuComponent {
     menuButtonTitle: string;
-    menuButton: ElementRef<HTMLElement>;
+    menuId: string;
     hostClasses: string;
     dataModule: string;
     get dataButtonText(): string;
@@ -21,7 +20,7 @@ declare class MojButtonMenuComponent {
      */
     toggleButtonMenu(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MojButtonMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MojButtonMenuComponent, "opal-lib-moj-button-menu", never, { "menuButtonTitle": { "alias": "menuButtonTitle"; "required": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MojButtonMenuComponent, "opal-lib-moj-button-menu", never, { "menuButtonTitle": { "alias": "menuButtonTitle"; "required": true; }; "menuId": { "alias": "menuId"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 export { MojButtonMenuComponent };

package/types/hmcts-opal-frontend-common-components-moj-moj-date-picker.d.ts

@@ -20,6 +20,7 @@ declare class MojDatePickerComponent implements OnInit {
     dateChange: EventEmitter<string>;
     set control(abstractControl: AbstractControl);
     get getControl(): FormControl<any>;
+    get describedBy(): string | null;
     constructor();
     /**
      * Retrieves the disabled dates and concatenates them into a single string.

package/types/hmcts-opal-frontend-common-components-moj-moj-filter.d.ts

@@ -2,6 +2,7 @@ import * as i0 from '@angular/core';
 
 declare class MojFilterComponent {
     showFilter: boolean;
+    filterId: string;
     /**
      * Toggles the visibility of the filter panel.
      *
@@ -10,7 +11,7 @@ declare class MojFilterComponent {
      */
     toggleFilter(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MojFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MojFilterComponent, "opal-lib-moj-filter", never, { "showFilter": { "alias": "showFilter"; "required": false; }; }, {}, never, ["[mojFilterPanel]", "[mojFilterContent]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MojFilterComponent, "opal-lib-moj-filter", never, { "showFilter": { "alias": "showFilter"; "required": false; }; "filterId": { "alias": "filterId"; "required": false; }; }, {}, never, ["[mojFilterPanel]", "[mojFilterContent]"], true, never>;
 }
 
 export { MojFilterComponent };