@hmcts/opal-frontend-common 0.0.107 → 0.0.109

package/fesm2022/hmcts-opal-frontend-common-services-session-service.mjs

@@ -25,10 +25,10 @@ class SessionService {
         }), shareReplay(1));
         return this.tokenExpiryCache$;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SessionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SessionService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SessionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SessionService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SessionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SessionService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/fesm2022/hmcts-opal-frontend-common-services-sort-service.mjs

@@ -79,10 +79,10 @@ class SortService {
     arraySortDesc(array) {
         return sort(array).desc();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SortService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SortService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SortService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SortService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SortService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SortService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/hmcts-opal-frontend-common-services-transfer-state-service.mjs

@@ -82,10 +82,10 @@ class TransferStateService {
             this.globalStore.setFeatureFlags(featureFlagConfig.releases);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: TransferStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: TransferStateService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TransferStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TransferStateService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: TransferStateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TransferStateService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/hmcts-opal-frontend-common-services-transformation-service.mjs

@@ -89,10 +89,10 @@ class TransformationService {
         }
         return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: TransformationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: TransformationService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TransformationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TransformationService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: TransformationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TransformationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/hmcts-opal-frontend-common-services-utils-service.mjs

@@ -177,10 +177,10 @@ class UtilsService {
     hasSetProperty(value) {
         return Object.values(value ?? {}).some((v) => (typeof v === 'boolean' ? v === true : v !== null && v !== ''));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: UtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: UtilsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: UtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: UtilsService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: UtilsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: UtilsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/{hmcts-opal-frontend-common-sign-in-stub.component-BIgTV7f1.mjs → hmcts-opal-frontend-common-sign-in-stub.component-BKGzFqXC.mjs}

@@ -28,10 +28,10 @@ class SignInStubComponent {
     ngOnInit() {
         this.setupSignInForm();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SignInStubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: SignInStubComponent, isStandalone: true, selector: "opal-lib-sign-in-stub", outputs: { signInFormSubmit: "signInFormSubmit" }, ngImport: i0, template: "<form (submit)=\"handleFormSubmit()\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <fieldset class=\"govuk-fieldset\">\n      <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n        <h1 class=\"govuk-fieldset__heading\">Sign in</h1>\n      </legend>\n\n      <div [formGroup]=\"signInForm\">\n        <opal-lib-govuk-text-input\n          labelText=\"Email\"\n          inputId=\"email\"\n          inputName=\"email\"\n          inputClasses=\"govuk-!-width-one-half\"\n          [control]=\"signInForm.controls['email']\"\n        ></opal-lib-govuk-text-input>\n      </div>\n    </fieldset>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-one-third\">\n        <opal-lib-govuk-button buttonId=\"submitForm\" type=\"submit\"> Sign in</opal-lib-govuk-button>\n      </div>\n    </div>\n  </div>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: GovukTextInputComponent, selector: "opal-lib-govuk-text-input", inputs: ["labelText", "labelClasses", "inputId", "inputName", "inputClasses", "hintText", "hintHtml", "errors", "autoComplete", "autoCompleteValue", "control"] }, { kind: "component", type: GovukButtonComponent, selector: "opal-lib-govuk-button", inputs: ["buttonId", "type", "buttonClasses"], outputs: ["buttonClickEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SignInStubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: SignInStubComponent, isStandalone: true, selector: "opal-lib-sign-in-stub", outputs: { signInFormSubmit: "signInFormSubmit" }, ngImport: i0, template: "<form (submit)=\"handleFormSubmit()\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <fieldset class=\"govuk-fieldset\">\n      <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n        <h1 class=\"govuk-fieldset__heading\">Sign in</h1>\n      </legend>\n\n      <div [formGroup]=\"signInForm\">\n        <opal-lib-govuk-text-input\n          labelText=\"Email\"\n          inputId=\"email\"\n          inputName=\"email\"\n          inputClasses=\"govuk-!-width-one-half\"\n          [control]=\"signInForm.controls['email']\"\n        ></opal-lib-govuk-text-input>\n      </div>\n    </fieldset>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-one-third\">\n        <opal-lib-govuk-button buttonId=\"submitForm\" type=\"submit\"> Sign in</opal-lib-govuk-button>\n      </div>\n    </div>\n  </div>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: GovukTextInputComponent, selector: "opal-lib-govuk-text-input", inputs: ["labelText", "labelClasses", "inputId", "inputName", "inputClasses", "hintText", "hintHtml", "errors", "autoComplete", "autoCompleteValue", "control"] }, { kind: "component", type: GovukButtonComponent, selector: "opal-lib-govuk-button", inputs: ["buttonId", "type", "buttonClasses"], outputs: ["buttonClickEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SignInStubComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SignInStubComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-sign-in-stub', imports: [FormsModule, ReactiveFormsModule, GovukTextInputComponent, GovukButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form (submit)=\"handleFormSubmit()\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <fieldset class=\"govuk-fieldset\">\n      <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n        <h1 class=\"govuk-fieldset__heading\">Sign in</h1>\n      </legend>\n\n      <div [formGroup]=\"signInForm\">\n        <opal-lib-govuk-text-input\n          labelText=\"Email\"\n          inputId=\"email\"\n          inputName=\"email\"\n          inputClasses=\"govuk-!-width-one-half\"\n          [control]=\"signInForm.controls['email']\"\n        ></opal-lib-govuk-text-input>\n      </div>\n    </fieldset>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-one-third\">\n        <opal-lib-govuk-button buttonId=\"submitForm\" type=\"submit\"> Sign in</opal-lib-govuk-button>\n      </div>\n    </div>\n  </div>\n</form>\n" }]
         }], propDecorators: { signInFormSubmit: [{
@@ -39,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImpo
             }] } });
 
 export { SignInStubComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-sign-in-stub.component-BIgTV7f1.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-sign-in-stub.component-BKGzFqXC.mjs.map

package/fesm2022/{hmcts-opal-frontend-common-sign-in.component-BxUlQIYI.mjs → hmcts-opal-frontend-common-sign-in.component-BZz2kmre.mjs}

@@ -16,13 +16,13 @@ class SignInComponent {
     handleStubSignInFormSubmit(formData) {
         this.document.location.href = `${SSO_ENDPOINTS.login}?email=${formData.email}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SignInComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: SignInComponent, isStandalone: true, selector: "opal-lib-sign-in", ngImport: i0, template: "@defer (when !globalStore.ssoEnabled()) {\n  <opal-lib-sign-in-stub (signInFormSubmit)=\"handleStubSignInFormSubmit($event)\"></opal-lib-sign-in-stub>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('./hmcts-opal-frontend-common-sign-in-stub.component-BIgTV7f1.mjs').then(m => m.SignInStubComponent)]] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SignInComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: SignInComponent, isStandalone: true, selector: "opal-lib-sign-in", ngImport: i0, template: "@defer (when !globalStore.ssoEnabled()) {\n  <opal-lib-sign-in-stub (signInFormSubmit)=\"handleStubSignInFormSubmit($event)\"></opal-lib-sign-in-stub>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('./hmcts-opal-frontend-common-sign-in-stub.component-BKGzFqXC.mjs').then(m => m.SignInStubComponent)]] });
 }
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.21", ngImport: i0, type: SignInComponent, resolveDeferredDeps: () => [import('./hmcts-opal-frontend-common-sign-in-stub.component-BIgTV7f1.mjs').then(m => m.SignInStubComponent)], resolveMetadata: SignInStubComponent => ({ decorators: [{
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.23", ngImport: i0, type: SignInComponent, resolveDeferredDeps: () => [import('./hmcts-opal-frontend-common-sign-in-stub.component-BKGzFqXC.mjs').then(m => m.SignInStubComponent)], resolveMetadata: SignInStubComponent => ({ decorators: [{
                 type: Component,
                 args: [{ selector: 'opal-lib-sign-in', imports: [SignInStubComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@defer (when !globalStore.ssoEnabled()) {\n  <opal-lib-sign-in-stub (signInFormSubmit)=\"handleStubSignInFormSubmit($event)\"></opal-lib-sign-in-stub>\n}\n" }]
             }], ctorParameters: null, propDecorators: null }) });
 
 export { SignInComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-sign-in.component-BxUlQIYI.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-sign-in.component-BZz2kmre.mjs.map

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

@@ -36,39 +36,39 @@ const routing = [
     { path: '', redirectTo: 'dashboard', pathMatch: 'full' },
     {
         path: PAGES_ROUTING_PATHS.children.accessDenied,
-        loadComponent: () => import('./hmcts-opal-frontend-common-access-denied.component-BDTGvQ4J.mjs').then((c) => c.AccessDeniedComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-access-denied.component-DeYZkvfj.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-D43W-peK.mjs').then((c) => c.ConcurrencyFailureComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-concurrency-failure.component-BfPeI980.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-CNGPX5k_.mjs').then((c) => c.PermissionDeniedComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-permission-denied.component-C28WmjEQ.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-DftC2eY-.mjs').then((c) => c.InternalServerErrorComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-internal-server-error.component-DzHlkMqq.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-BxUlQIYI.mjs').then((c) => c.SignInComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-sign-in.component-BZz2kmre.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-6jzTqXSI.mjs').then((c) => c.AccountCreated),
+        loadComponent: () => import('./hmcts-opal-frontend-common-account-created.component-DUd7qbuq.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.107",
+  "version": "0.0.109",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -16,7 +16,7 @@
     "@angular/forms": "^18.2.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
     "@angular/platform-browser": "^18.2.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
     "@angular/router": "^18.2.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
-    "@ngrx/signals": "^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
+    "@ngrx/signals": "^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
     "rxjs": "^7.8.0"
   },
   "peerDependenciesMeta": {
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "@microsoft/applicationinsights-web": "^3.3.6",
-    "@ministryofjustice/frontend": "^10.0.0",
+    "@ministryofjustice/frontend": "^11.0.0",
     "accessible-autocomplete": "^3.0.1",
     "fast-sort": "^3.4.1",
     "govuk-frontend": "^6.0.0",

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

@@ -21,6 +21,8 @@ declare class AlphagovAccessibleAutocompleteComponent implements OnInit, OnDestr
     hintText: string;
     autoCompleteItems: IAlphagovAccessibleAutocompleteItem[];
     showAllValues: boolean;
+    /** Formats suggestion HTML only; option names remain unchanged for input values and matching. */
+    suggestionTemplate?: (label: string) => string;
     errors: string | null;
     autocompleteContainer: ElementRef<HTMLElement>;
     autoCompleteId: string;
@@ -89,7 +91,7 @@ declare class AlphagovAccessibleAutocompleteComponent implements OnInit, OnDestr
     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>;
+    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; }; "suggestionTemplate": { "alias": "suggestionTemplate"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "control": { "alias": "control"; "required": true; }; }, {}, never, never, true, never>;
 }
 
 export { AlphagovAccessibleAutocompleteComponent };

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

@@ -4,25 +4,47 @@ import { EventEmitter } from '@angular/core';
 type MojAlertType = 'success' | 'warning' | 'information' | 'error';
 
 declare class MojAlertComponent {
-    ariaLabel: string;
+    /**
+     * Accessible label used for live announcements.
+     *
+     * Required when `enableLiveAnnouncement` is true.
+     */
+    ariaLabel?: string;
+    /**
+     * Controls whether the alert creates a live-region announcement.
+     *
+     * Defaults to `true`. When enabled, `ariaLabel` must be provided.
+     */
+    enableLiveAnnouncement: boolean;
     type: MojAlertType;
     showDismiss: boolean;
     dismissed: EventEmitter<void>;
+    /**
+     * Controls the visibility of the alert.
+     *
+     * Defaults to `true` and is set to `false` when the alert is dismissed.
+     */
     isVisible: boolean;
     get hostClass(): string;
     dataModule: string;
+    /**
+     * Returns the message used for the live-region announcement.
+     *
+     * @returns The alert type and accessible label formatted as an announcement message.
+     * @throws {Error} If `ariaLabel` is missing, empty, or contains only whitespace.
+     */
     get announcementMessage(): string;
     get announcementRole(): 'alert' | 'status';
     /**
      * Dismisses the alert component.
      *
-     * This method emits the dismissed event to it's parent and
+     * This method emits the dismissed event to its parent and
      * sets the component's visibility state to false,
      * effectively hiding the alert from view.
      */
     dismiss(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MojAlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MojAlertComponent, "opal-lib-moj-alert, [opal-lib-moj-alert]", never, { "ariaLabel": { "alias": "ariaLabel"; "required": true; }; "type": { "alias": "type"; "required": true; }; "showDismiss": { "alias": "showDismiss"; "required": false; }; }, { "dismissed": "dismissed"; }, never, ["[icon]", "[content]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MojAlertComponent, "opal-lib-moj-alert, [opal-lib-moj-alert]", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "enableLiveAnnouncement": { "alias": "enableLiveAnnouncement"; "required": false; }; "type": { "alias": "type"; "required": true; }; "showDismiss": { "alias": "showDismiss"; "required": false; }; }, { "dismissed": "dismissed"; }, never, ["[icon]", "[content]"], true, never>;
 }
 
 declare class MojAlertIconComponent {