@hmcts/opal-frontend-common 0.0.42 → 0.0.44

package/components/abstract/abstract-form-alias-base/index.d.ts

@@ -1,11 +1,13 @@
 import { ValidatorFn, FormControl, FormArray } from '@angular/forms';
 import * as i0 from '@angular/core';
-import { OnInit, OnDestroy } from '@angular/core';
+import { OnInit, OnDestroy, QueryList } from '@angular/core';
 import { IAbstractFormAliasBaseAliasControls } from '@hmcts/opal-frontend-common/components/abstract/abstract-form-alias-base/interfaces';
 import { AbstractFormBaseComponent } from '@hmcts/opal-frontend-common/components/abstract/abstract-form-base';
 import { IAbstractFormArrayControlValidation, IAbstractFormArrayControls, IAbstractFormArrayControl } from '@hmcts/opal-frontend-common/components/abstract/interfaces';
+import { GovukTextInputComponent } from '@hmcts/opal-frontend-common/components/govuk/govuk-text-input';
 
 declare abstract class AbstractFormAliasBaseComponent extends AbstractFormBaseComponent implements OnInit, OnDestroy {
+    aliasFirstField: QueryList<GovukTextInputComponent>;
     aliasControls: IAbstractFormAliasBaseAliasControls[];
     aliasControlsValidation: IAbstractFormArrayControlValidation[];
     aliasFields: string[];
@@ -86,6 +88,10 @@ declare abstract class AbstractFormAliasBaseComponent extends AbstractFormBaseCo
      * @param formArrayName - The name of the form array control in the form.
      */
     protected setUpAliasCheckboxListener(formCheckboxName: string, formArrayName: string): void;
+    /**
+     * Sets focus to the first input field of a newly added alias row.
+     */
+    focusFirstAliasField(): void;
     /**
      * Removes a form alias control from a form array and updates the list of form array controls.
      * @param index - The index of the form alias control to be removed.
@@ -97,6 +103,7 @@ declare abstract class AbstractFormAliasBaseComponent extends AbstractFormBaseCo
     removeFormAliasControls(index: number, formArrayName: string, formArrayControls: IAbstractFormArrayControls[], fieldNames: string[]): IAbstractFormArrayControls[];
     /**
      * Adds an alias to the specified index of the form array.
+     * Sets user focus to the first field of the newly added alias.
      *
      * @param index - The index at which to add the alias.
      * @param formArrayName - The name of the form array.

package/components/govuk/govuk-heading-with-caption/index.d.ts

@@ -1,3 +1,4 @@
+import { HeadingLevel } from '@hmcts/opal-frontend-common/types';
 import * as i0 from '@angular/core';
 
 declare class GovukHeadingWithCaptionComponent {
@@ -5,8 +6,9 @@ declare class GovukHeadingWithCaptionComponent {
     headingText: string;
     headingClasses: string;
     captionClasses: string;
+    headingLevel: HeadingLevel;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukHeadingWithCaptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GovukHeadingWithCaptionComponent, "opal-lib-govuk-heading-with-caption", never, { "captionText": { "alias": "captionText"; "required": true; }; "headingText": { "alias": "headingText"; "required": true; }; "headingClasses": { "alias": "headingClasses"; "required": false; }; "captionClasses": { "alias": "captionClasses"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GovukHeadingWithCaptionComponent, "opal-lib-govuk-heading-with-caption", never, { "captionText": { "alias": "captionText"; "required": true; }; "headingText": { "alias": "headingText"; "required": true; }; "headingClasses": { "alias": "headingClasses"; "required": false; }; "captionClasses": { "alias": "captionClasses"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 export { GovukHeadingWithCaptionComponent };

package/components/govuk/govuk-heading-with-caption/types/index.d.ts

@@ -0,0 +1,3 @@
+type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+
+export type { HeadingLevel };

package/components/govuk/govuk-summary-card-list/index.d.ts

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, OnInit } from '@angular/core';
+import { HeadingLevel } from '@hmcts/opal-frontend-common/types';
 
 declare class GovukSummaryCardActionComponent {
     actionText: string;
@@ -15,18 +16,19 @@ declare class GovukSummaryCardActionComponent {
      */
     onClick(event: Event, route: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukSummaryCardActionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GovukSummaryCardActionComponent, "opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]", never, { "actionText": { "alias": "actionText"; "required": true; }; "actionRoute": { "alias": "actionRoute"; "required": true; }; "visuallyHiddenText": { "alias": "visuallyHiddenText"; "required": true; }; }, { "clickEvent": "clickEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GovukSummaryCardActionComponent, "opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]", never, { "actionText": { "alias": "actionText"; "required": true; }; "actionRoute": { "alias": "actionRoute"; "required": true; }; "visuallyHiddenText": { "alias": "visuallyHiddenText"; "required": false; }; }, { "clickEvent": "clickEvent"; }, never, never, true, never>;
 }
 
 declare class GovukSummaryCardListComponent implements OnInit {
     summaryCardListId: string;
     cardTitle: string;
     contentHidden: boolean;
+    headingLevel: HeadingLevel;
     id: string;
     private setId;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukSummaryCardListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GovukSummaryCardListComponent, "opal-lib-govuk-summary-card-list", never, { "summaryCardListId": { "alias": "summaryCardListId"; "required": true; }; "cardTitle": { "alias": "cardTitle"; "required": false; }; "contentHidden": { "alias": "contentHidden"; "required": false; }; }, {}, never, ["[actions]", "[content]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GovukSummaryCardListComponent, "opal-lib-govuk-summary-card-list", never, { "summaryCardListId": { "alias": "summaryCardListId"; "required": true; }; "cardTitle": { "alias": "cardTitle"; "required": false; }; "contentHidden": { "alias": "contentHidden"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; }, {}, never, ["[actions]", "[content]"], true, never>;
 }
 
 export { GovukSummaryCardActionComponent, GovukSummaryCardListComponent };

package/components/govuk/govuk-summary-list/index.d.ts

@@ -13,7 +13,7 @@ declare class GovukSummaryListRowActionItemComponent {
      */
     handleActionClick(event: Event, linkClicked: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukSummaryListRowActionItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GovukSummaryListRowActionItemComponent, "opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]", never, { "actionName": { "alias": "actionName"; "required": true; }; "actionId": { "alias": "actionId"; "required": true; }; "visuallyHiddenText": { "alias": "visuallyHiddenText"; "required": true; }; }, { "linkClick": "linkClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GovukSummaryListRowActionItemComponent, "opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]", never, { "actionName": { "alias": "actionName"; "required": true; }; "actionId": { "alias": "actionId"; "required": true; }; "visuallyHiddenText": { "alias": "visuallyHiddenText"; "required": false; }; }, { "linkClick": "linkClick"; }, never, never, true, never>;
 }
 
 declare class GovukSummaryListRowActionsComponent {

package/fesm2022/{hmcts-opal-frontend-common-access-denied.component-G2a2VrN1.mjs → hmcts-opal-frontend-common-access-denied.component-BxdRViEF.mjs}

@@ -9,13 +9,13 @@ class AccessDeniedComponent {
         // For now, test page will act as our 'Dashboard' page
         this.router.navigate(['/']);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AccessDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: AccessDeniedComponent, isStandalone: true, selector: "opal-lib-access-denied", ngImport: i0, template: "<div class=\"govuk-grid-row\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <h1 class=\"govuk-heading-l\">Access Denied</h1>\n    <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n    <p class=\"govuk-body\">\n      <opal-lib-govuk-button\n        buttonClasses=\"govuk-button--secondary\"\n        buttonId=\"go-back\"\n        (buttonClickEvent)=\"handleGoBackButtonClick()\"\n      >\n        Back to dashboard</opal-lib-govuk-button\n      >\n    </p>\n  </div>\n</div>\n", dependencies: [{ 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: "20.3.4", ngImport: i0, type: AccessDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AccessDeniedComponent, isStandalone: true, selector: "opal-lib-access-denied", ngImport: i0, template: "<div class=\"govuk-grid-row\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <h1 class=\"govuk-heading-l\">Access Denied</h1>\n    <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n    <p class=\"govuk-body\">\n      <opal-lib-govuk-button\n        buttonClasses=\"govuk-button--secondary\"\n        buttonId=\"go-back\"\n        (buttonClickEvent)=\"handleGoBackButtonClick()\"\n      >\n        Back to dashboard</opal-lib-govuk-button\n      >\n    </p>\n  </div>\n</div>\n", dependencies: [{ 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: "20.3.3", ngImport: i0, type: AccessDeniedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AccessDeniedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-access-denied', imports: [GovukButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-row\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <h1 class=\"govuk-heading-l\">Access Denied</h1>\n    <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n    <p class=\"govuk-body\">\n      <opal-lib-govuk-button\n        buttonClasses=\"govuk-button--secondary\"\n        buttonId=\"go-back\"\n        (buttonClickEvent)=\"handleGoBackButtonClick()\"\n      >\n        Back to dashboard</opal-lib-govuk-button\n      >\n    </p>\n  </div>\n</div>\n" }]
         }] });
 
 export { AccessDeniedComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-access-denied.component-G2a2VrN1.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-access-denied.component-BxdRViEF.mjs.map

package/fesm2022/{hmcts-opal-frontend-common-access-denied.component-G2a2VrN1.mjs.map → hmcts-opal-frontend-common-access-denied.component-BxdRViEF.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-access-denied.component-G2a2VrN1.mjs","sources":["../../../projects/opal-frontend-common/pages/access-denied/access-denied.component.ts","../../../projects/opal-frontend-common/pages/access-denied/access-denied.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { GovukButtonComponent } from '@hmcts/opal-frontend-common/components/govuk/govuk-button';\n\n@Component({\n  selector: 'opal-lib-access-denied',\n  imports: [GovukButtonComponent],\n  templateUrl: './access-denied.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AccessDeniedComponent {\n  private readonly router = inject(Router);\n\n  public handleGoBackButtonClick(): void {\n    // For now, test page will act as our 'Dashboard' page\n    this.router.navigate(['/']);\n  }\n}\n","<div class=\"govuk-grid-row\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <h1 class=\"govuk-heading-l\">Access Denied</h1>\n    <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n    <p class=\"govuk-body\">\n      <opal-lib-govuk-button\n        buttonClasses=\"govuk-button--secondary\"\n        buttonId=\"go-back\"\n        (buttonClickEvent)=\"handleGoBackButtonClick()\"\n      >\n        Back to dashboard</opal-lib-govuk-button\n      >\n    </p>\n  </div>\n</div>\n"],"names":[],"mappings":";;;;;MAUa,qBAAqB,CAAA;AACf,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAEjC,uBAAuB,GAAA;;QAE5B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC;IAC7B;uGANW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVlC,ihBAeA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDTY,oBAAoB,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAInB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,WACzB,CAAC,oBAAoB,CAAC,EAAA,eAAA,EAEd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ihBAAA,EAAA;;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-access-denied.component-BxdRViEF.mjs","sources":["../../../projects/opal-frontend-common/pages/access-denied/access-denied.component.ts","../../../projects/opal-frontend-common/pages/access-denied/access-denied.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { GovukButtonComponent } from '@hmcts/opal-frontend-common/components/govuk/govuk-button';\n\n@Component({\n  selector: 'opal-lib-access-denied',\n  imports: [GovukButtonComponent],\n  templateUrl: './access-denied.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AccessDeniedComponent {\n  private readonly router = inject(Router);\n\n  public handleGoBackButtonClick(): void {\n    // For now, test page will act as our 'Dashboard' page\n    this.router.navigate(['/']);\n  }\n}\n","<div class=\"govuk-grid-row\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <h1 class=\"govuk-heading-l\">Access Denied</h1>\n    <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n    <p class=\"govuk-body\">\n      <opal-lib-govuk-button\n        buttonClasses=\"govuk-button--secondary\"\n        buttonId=\"go-back\"\n        (buttonClickEvent)=\"handleGoBackButtonClick()\"\n      >\n        Back to dashboard</opal-lib-govuk-button\n      >\n    </p>\n  </div>\n</div>\n"],"names":[],"mappings":";;;;;MAUa,qBAAqB,CAAA;AACf,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAEjC,uBAAuB,GAAA;;QAE5B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC;IAC7B;uGANW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVlC,ihBAeA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDTY,oBAAoB,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAInB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,WACzB,CAAC,oBAAoB,CAAC,EAAA,eAAA,EAEd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ihBAAA,EAAA;;;;;"}

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

@@ -1,10 +1,11 @@
 import { FormGroup, FormArray } from '@angular/forms';
 import { takeUntil } from 'rxjs';
 import * as i0 from '@angular/core';
-import { Component } from '@angular/core';
+import { ViewChildren, Component } from '@angular/core';
 import { AbstractFormBaseComponent } from '@hmcts/opal-frontend-common/components/abstract/abstract-form-base';
 
 class AbstractFormAliasBaseComponent extends AbstractFormBaseComponent {
+    aliasFirstField;
     aliasControls = [];
     aliasControlsValidation = [];
     aliasFields = [];
@@ -141,11 +142,29 @@ class AbstractFormAliasBaseComponent extends AbstractFormBaseComponent {
             return;
         }
         addAliasControl.valueChanges.pipe(takeUntil(this['ngUnsubscribe'])).subscribe((shouldAddAlias) => {
-            this.aliasControls = shouldAddAlias
-                ? this.buildFormAliasControls([0], formArrayName, this.aliasFields, this.aliasControlsValidation)
-                : this.removeAllFormAliasControls(this.aliasControls, formArrayName, this.aliasFields);
+            if (shouldAddAlias) {
+                this.aliasControls = this.buildFormAliasControls([0], formArrayName, this.aliasFields, this.aliasControlsValidation);
+                this.focusFirstAliasField();
+            }
+            else {
+                this.aliasControls = this.removeAllFormAliasControls(this.aliasControls, formArrayName, this.aliasFields);
+            }
         });
     }
+    /**
+     * Sets focus to the first input field of a newly added alias row.
+     */
+    focusFirstAliasField() {
+        this['changeDetectorRef'].detectChanges();
+        setTimeout(() => {
+            const index = this.aliasControls.length - 1;
+            const inputId = this.aliasFirstField.get(index)?.inputId;
+            if (inputId) {
+                const el = document.getElementById(inputId);
+                el?.focus();
+            }
+        }, 0);
+    }
     /**
      * Removes a form alias control from a form array and updates the list of form array controls.
      * @param index - The index of the form alias control to be removed.
@@ -166,12 +185,14 @@ class AbstractFormAliasBaseComponent extends AbstractFormBaseComponent {
     }
     /**
      * Adds an alias to the specified index of the form array.
+     * Sets user focus to the first field of the newly added alias.
      *
      * @param index - The index at which to add the alias.
      * @param formArrayName - The name of the form array.
      */
     addAlias(index, formArrayName) {
         this.aliasControls.push(this.addAliasControls(index, formArrayName, this.aliasFields, this.aliasControlsValidation));
+        this.focusFirstAliasField();
     }
     /**
      * Removes an alias from the form array.
@@ -190,15 +211,18 @@ class AbstractFormAliasBaseComponent extends AbstractFormBaseComponent {
         this['ngUnsubscribe'].complete();
         super.ngOnDestroy();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AbstractFormAliasBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: AbstractFormAliasBaseComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AbstractFormAliasBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AbstractFormAliasBaseComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "aliasFirstField", predicate: ["aliasFirstField"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AbstractFormAliasBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AbstractFormAliasBaseComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',
                 }]
-        }] });
+        }], propDecorators: { aliasFirstField: [{
+                type: ViewChildren,
+                args: ['aliasFirstField']
+            }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-abstract-abstract-form-alias-base.mjs","sources":["../../../projects/opal-frontend-common/components/abstract/abstract-form-alias-base/abstract-form-alias-base.component.ts","../../../projects/opal-frontend-common/components/abstract/abstract-form-alias-base/hmcts-opal-frontend-common-components-abstract-abstract-form-alias-base.ts"],"sourcesContent":["import { FormArray, FormControl, FormGroup, ValidatorFn } from '@angular/forms';\nimport { takeUntil } from 'rxjs';\nimport { Component, OnDestroy, OnInit } from '@angular/core';\nimport { IAbstractFormAliasBaseAliasControls } from '@hmcts/opal-frontend-common/components/abstract/abstract-form-alias-base/interfaces';\nimport { AbstractFormBaseComponent } from '@hmcts/opal-frontend-common/components/abstract/abstract-form-base';\nimport {\n  IAbstractFormArrayControlValidation,\n  IAbstractFormArrayControls,\n  IAbstractFormArrayControl,\n} from '@hmcts/opal-frontend-common/components/abstract/interfaces';\n\n@Component({\n  template: '',\n})\nexport abstract class AbstractFormAliasBaseComponent extends AbstractFormBaseComponent implements OnInit, OnDestroy {\n  public aliasControls: IAbstractFormAliasBaseAliasControls[] = [];\n  public aliasControlsValidation: IAbstractFormArrayControlValidation[] = [];\n  public aliasFields: string[] = [];\n\n  /**\n   * Builds an array of form controls for the given form array.\n   *\n   * @param formControlCount - An array of numbers representing the number of form controls to create.\n   * @param formArrayName - The name of the form array.\n   * @param fieldNames - An array of field names.\n   * @param controlValidation - An array of control validation objects.\n   * @returns An array of form controls for the given form array.\n   */\n  private buildFormAliasControls(\n    formControlCount: number[],\n    formArrayName: string,\n    fieldNames: string[],\n    controlValidation: IAbstractFormArrayControlValidation[],\n  ): IAbstractFormArrayControls[] {\n    // Directly map each index to a control\n    return formControlCount.map((_element, index) =>\n      this.addAliasControls(index, formArrayName, fieldNames, controlValidation),\n    );\n  }\n\n  /**\n   * Adds alias controls to the form array.\n   *\n   * @param index - The index of the form array.\n   * @param formArrayName - The name of the form array.\n   * @param fieldNames - The names of the fields for the alias controls.\n   * @param controlValidation - The validation rules for the alias controls.\n   * @returns An object containing the form controls.\n   */\n  private addAliasControls(\n    index: number,\n    formArrayName: string,\n    fieldNames: string[],\n    controlValidation: IAbstractFormArrayControlValidation[],\n  ): { [key: string]: IAbstractFormArrayControl } {\n    const formAliases = this.form.get(formArrayName) as FormArray;\n    const formAliasesFormGroup = new FormGroup({});\n\n    // Create the form controls...\n    const controls = this.createAliasControls(fieldNames, index);\n\n    // Add the controls to the form group...\n    this.addControlsToFormGroup(formAliasesFormGroup, controlValidation, index);\n\n    // Add the form group to the form array...\n    formAliases.push(formAliasesFormGroup);\n\n    // Return the form controls...\n    return controls;\n  }\n\n  /**\n   * Removes all form alias controls from a FormArray and clears any associated error messages.\n   *\n   * @param formArrayControls - An array of form array controls.\n   * @param formArrayName - The name of the FormArray.\n   * @param fieldNames - An array of field names associated with the form array controls.\n   * @returns An empty array of form array controls.\n   */\n  private removeAllFormAliasControls(\n    formArrayControls: IAbstractFormArrayControls[],\n    formArrayName: string,\n    fieldNames: string[],\n  ): [] {\n    const control = this.form.get(formArrayName) as FormArray;\n\n    // Clear the error messages...\n    for (const [index] of formArrayControls.entries()) {\n      this.removeFormAliasControlsErrors(index, formArrayControls, fieldNames);\n    }\n\n    // Reset the form array controls...\n    control.clear();\n\n    // Return en empty array of form array controls...\n    return [];\n  }\n\n  /**\n   * Creates a FormArray with the specified validators and controls.\n   *\n   * @param validators - An array of validators to apply to the FormArray.\n   * @param controls - An optional array of initial FormControl instances to add to the FormArray.\n   * @returns A new FormArray instance.\n   */\n  protected createFormAlias(validators: ValidatorFn[], controls: FormControl[] = []): FormArray {\n    return new FormArray(controls, { validators: [...validators] });\n  }\n\n  /**\n   * Removes a form alias control at the specified index from the given form array controls.\n   *\n   * @param index - The index of the form alias control to remove.\n   * @param formArrayControls - The array of form array controls.\n   * @returns The updated array of form array controls after removing the specified control.\n   */\n  protected removeFormAliasControl(\n    index: number,\n    formArrayControls: IAbstractFormArrayControls[],\n  ): IAbstractFormArrayControls[] {\n    formArrayControls.splice(index, 1);\n    return formArrayControls;\n  }\n\n  /**\n   * Sets up the alias form controls based on the provided alias count array and form array name.\n   * If there are any aliases, the alias controls will be re-populated.\n   *\n   * @param aliasCountArray - An array containing the count of aliases.\n   * @param formArrayName - The name of the form array.\n   */\n  protected setupAliasFormControls(aliasCountArray: number[], formArrayName: string): void {\n    // Re-populate the alias controls if there are any aliases\n    if (aliasCountArray.length) {\n      this.aliasControls = this.buildFormAliasControls(\n        aliasCountArray,\n        formArrayName,\n        this.aliasFields,\n        this.aliasControlsValidation,\n      );\n    }\n  }\n\n  /**\n   * Removes the form alias controls errors for a specific index in a form array.\n   *\n   * @param index - The index of the form array control.\n   * @param formArrayControls - An array of form array controls.\n   * @param fieldNames - An array of field names to remove errors from.\n   */\n  protected removeFormAliasControlsErrors(\n    index: number,\n    formArrayControls: IAbstractFormArrayControls[],\n    fieldNames: string[],\n  ): void {\n    const formArrayControl = formArrayControls[index];\n\n    if (formArrayControl) {\n      for (const field of fieldNames) {\n        delete this.formControlErrorMessages?.[formArrayControl[field].controlName];\n      }\n    }\n  }\n\n  /**\n   * Creates alias controls for the given fields and index.\n   * @param fields - The list of fields for which alias controls need to be created.\n   * @param index - The index value used to generate unique identifiers for the controls.\n   * @returns An object containing the alias controls.\n   */\n  protected createAliasControls(fields: string[], index: number): { [key: string]: IAbstractFormArrayControl } {\n    return fields.reduce(\n      (controls, field) => ({\n        ...controls,\n        [field]: {\n          inputId: `${field}_${index}`,\n          inputName: `${field}_${index}`,\n          controlName: `${field}_${index}`,\n        },\n      }),\n      {},\n    );\n  }\n\n  /**\n   * Sets up the alias checkbox listener.\n   *\n   * @param formCheckboxName - The name of the checkbox control in the form.\n   * @param formArrayName - The name of the form array control in the form.\n   */\n  protected setUpAliasCheckboxListener(formCheckboxName: string, formArrayName: string): void {\n    // Ensure any existing subscription is cleared to avoid memory leaks\n    this['ngUnsubscribe'].next();\n    this['ngUnsubscribe'].complete();\n\n    const addAliasControl = this.form.get(formCheckboxName);\n    if (!addAliasControl) {\n      return;\n    }\n\n    addAliasControl.valueChanges.pipe(takeUntil(this['ngUnsubscribe'])).subscribe((shouldAddAlias) => {\n      this.aliasControls = shouldAddAlias\n        ? this.buildFormAliasControls([0], formArrayName, this.aliasFields, this.aliasControlsValidation)\n        : this.removeAllFormAliasControls(this.aliasControls, formArrayName, this.aliasFields);\n    });\n  }\n\n  /**\n   * Removes a form alias control from a form array and updates the list of form array controls.\n   * @param index - The index of the form alias control to be removed.\n   * @param formArrayName - The name of the form array.\n   * @param formArrayControls - The list of form array controls.\n   * @param fieldNames - The names of the fields associated with the form array controls.\n   * @returns The updated list of form array controls after removing the specified control.\n   */\n  public removeFormAliasControls(\n    index: number,\n    formArrayName: string,\n    formArrayControls: IAbstractFormArrayControls[],\n    fieldNames: string[],\n  ): IAbstractFormArrayControls[] {\n    // Get the form array...\n    const control = this.form.get(formArrayName) as FormArray;\n\n    // Remove the form array control based on index\n    control.removeAt(index);\n\n    // Then remove the form array controls errors...\n    this.removeFormAliasControlsErrors(index, formArrayControls, fieldNames);\n\n    // Return the new list of form array controls...\n    return this.removeFormAliasControl(index, formArrayControls);\n  }\n\n  /**\n   * Adds an alias to the specified index of the form array.\n   *\n   * @param index - The index at which to add the alias.\n   * @param formArrayName - The name of the form array.\n   */\n  public addAlias(index: number, formArrayName: string): void {\n    this.aliasControls.push(\n      this.addAliasControls(index, formArrayName, this.aliasFields, this.aliasControlsValidation),\n    );\n  }\n\n  /**\n   * Removes an alias from the form array.\n   *\n   * @param index - The index of the alias to remove.\n   * @param formArrayName - The name of the form array.\n   */\n  public removeAlias(index: number, formArrayName: string): void {\n    this.aliasControls = this.removeFormAliasControls(index, formArrayName, this.aliasControls, this.aliasFields);\n  }\n\n  public override ngOnInit(): void {\n    super.ngOnInit();\n  }\n\n  public override ngOnDestroy(): void {\n    this['ngUnsubscribe'].next();\n    this['ngUnsubscribe'].complete();\n    super.ngOnDestroy();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"hmcts-opal-frontend-common-components-abstract-abstract-form-alias-base.mjs","sources":["../../../projects/opal-frontend-common/components/abstract/abstract-form-alias-base/abstract-form-alias-base.component.ts","../../../projects/opal-frontend-common/components/abstract/abstract-form-alias-base/hmcts-opal-frontend-common-components-abstract-abstract-form-alias-base.ts"],"sourcesContent":["import { FormArray, FormControl, FormGroup, ValidatorFn } from '@angular/forms';\nimport { takeUntil } from 'rxjs';\nimport { Component, OnDestroy, OnInit, QueryList, ViewChildren } from '@angular/core';\nimport { IAbstractFormAliasBaseAliasControls } from '@hmcts/opal-frontend-common/components/abstract/abstract-form-alias-base/interfaces';\nimport { AbstractFormBaseComponent } from '@hmcts/opal-frontend-common/components/abstract/abstract-form-base';\nimport {\n  IAbstractFormArrayControlValidation,\n  IAbstractFormArrayControls,\n  IAbstractFormArrayControl,\n} from '@hmcts/opal-frontend-common/components/abstract/interfaces';\nimport { GovukTextInputComponent } from '@hmcts/opal-frontend-common/components/govuk/govuk-text-input';\n\n@Component({\n  template: '',\n})\nexport abstract class AbstractFormAliasBaseComponent extends AbstractFormBaseComponent implements OnInit, OnDestroy {\n  @ViewChildren('aliasFirstField') aliasFirstField!: QueryList<GovukTextInputComponent>;\n  public aliasControls: IAbstractFormAliasBaseAliasControls[] = [];\n  public aliasControlsValidation: IAbstractFormArrayControlValidation[] = [];\n  public aliasFields: string[] = [];\n\n  /**\n   * Builds an array of form controls for the given form array.\n   *\n   * @param formControlCount - An array of numbers representing the number of form controls to create.\n   * @param formArrayName - The name of the form array.\n   * @param fieldNames - An array of field names.\n   * @param controlValidation - An array of control validation objects.\n   * @returns An array of form controls for the given form array.\n   */\n  private buildFormAliasControls(\n    formControlCount: number[],\n    formArrayName: string,\n    fieldNames: string[],\n    controlValidation: IAbstractFormArrayControlValidation[],\n  ): IAbstractFormArrayControls[] {\n    // Directly map each index to a control\n    return formControlCount.map((_element, index) =>\n      this.addAliasControls(index, formArrayName, fieldNames, controlValidation),\n    );\n  }\n\n  /**\n   * Adds alias controls to the form array.\n   *\n   * @param index - The index of the form array.\n   * @param formArrayName - The name of the form array.\n   * @param fieldNames - The names of the fields for the alias controls.\n   * @param controlValidation - The validation rules for the alias controls.\n   * @returns An object containing the form controls.\n   */\n  private addAliasControls(\n    index: number,\n    formArrayName: string,\n    fieldNames: string[],\n    controlValidation: IAbstractFormArrayControlValidation[],\n  ): { [key: string]: IAbstractFormArrayControl } {\n    const formAliases = this.form.get(formArrayName) as FormArray;\n    const formAliasesFormGroup = new FormGroup({});\n\n    // Create the form controls...\n    const controls = this.createAliasControls(fieldNames, index);\n\n    // Add the controls to the form group...\n    this.addControlsToFormGroup(formAliasesFormGroup, controlValidation, index);\n\n    // Add the form group to the form array...\n    formAliases.push(formAliasesFormGroup);\n\n    // Return the form controls...\n    return controls;\n  }\n\n  /**\n   * Removes all form alias controls from a FormArray and clears any associated error messages.\n   *\n   * @param formArrayControls - An array of form array controls.\n   * @param formArrayName - The name of the FormArray.\n   * @param fieldNames - An array of field names associated with the form array controls.\n   * @returns An empty array of form array controls.\n   */\n  private removeAllFormAliasControls(\n    formArrayControls: IAbstractFormArrayControls[],\n    formArrayName: string,\n    fieldNames: string[],\n  ): [] {\n    const control = this.form.get(formArrayName) as FormArray;\n\n    // Clear the error messages...\n    for (const [index] of formArrayControls.entries()) {\n      this.removeFormAliasControlsErrors(index, formArrayControls, fieldNames);\n    }\n\n    // Reset the form array controls...\n    control.clear();\n\n    // Return en empty array of form array controls...\n    return [];\n  }\n\n  /**\n   * Creates a FormArray with the specified validators and controls.\n   *\n   * @param validators - An array of validators to apply to the FormArray.\n   * @param controls - An optional array of initial FormControl instances to add to the FormArray.\n   * @returns A new FormArray instance.\n   */\n  protected createFormAlias(validators: ValidatorFn[], controls: FormControl[] = []): FormArray {\n    return new FormArray(controls, { validators: [...validators] });\n  }\n\n  /**\n   * Removes a form alias control at the specified index from the given form array controls.\n   *\n   * @param index - The index of the form alias control to remove.\n   * @param formArrayControls - The array of form array controls.\n   * @returns The updated array of form array controls after removing the specified control.\n   */\n  protected removeFormAliasControl(\n    index: number,\n    formArrayControls: IAbstractFormArrayControls[],\n  ): IAbstractFormArrayControls[] {\n    formArrayControls.splice(index, 1);\n    return formArrayControls;\n  }\n\n  /**\n   * Sets up the alias form controls based on the provided alias count array and form array name.\n   * If there are any aliases, the alias controls will be re-populated.\n   *\n   * @param aliasCountArray - An array containing the count of aliases.\n   * @param formArrayName - The name of the form array.\n   */\n  protected setupAliasFormControls(aliasCountArray: number[], formArrayName: string): void {\n    // Re-populate the alias controls if there are any aliases\n    if (aliasCountArray.length) {\n      this.aliasControls = this.buildFormAliasControls(\n        aliasCountArray,\n        formArrayName,\n        this.aliasFields,\n        this.aliasControlsValidation,\n      );\n    }\n  }\n\n  /**\n   * Removes the form alias controls errors for a specific index in a form array.\n   *\n   * @param index - The index of the form array control.\n   * @param formArrayControls - An array of form array controls.\n   * @param fieldNames - An array of field names to remove errors from.\n   */\n  protected removeFormAliasControlsErrors(\n    index: number,\n    formArrayControls: IAbstractFormArrayControls[],\n    fieldNames: string[],\n  ): void {\n    const formArrayControl = formArrayControls[index];\n\n    if (formArrayControl) {\n      for (const field of fieldNames) {\n        delete this.formControlErrorMessages?.[formArrayControl[field].controlName];\n      }\n    }\n  }\n\n  /**\n   * Creates alias controls for the given fields and index.\n   * @param fields - The list of fields for which alias controls need to be created.\n   * @param index - The index value used to generate unique identifiers for the controls.\n   * @returns An object containing the alias controls.\n   */\n  protected createAliasControls(fields: string[], index: number): { [key: string]: IAbstractFormArrayControl } {\n    return fields.reduce(\n      (controls, field) => ({\n        ...controls,\n        [field]: {\n          inputId: `${field}_${index}`,\n          inputName: `${field}_${index}`,\n          controlName: `${field}_${index}`,\n        },\n      }),\n      {},\n    );\n  }\n\n  /**\n   * Sets up the alias checkbox listener.\n   *\n   * @param formCheckboxName - The name of the checkbox control in the form.\n   * @param formArrayName - The name of the form array control in the form.\n   */\n  protected setUpAliasCheckboxListener(formCheckboxName: string, formArrayName: string): void {\n    // Ensure any existing subscription is cleared to avoid memory leaks\n    this['ngUnsubscribe'].next();\n    this['ngUnsubscribe'].complete();\n\n    const addAliasControl = this.form.get(formCheckboxName);\n    if (!addAliasControl) {\n      return;\n    }\n\n    addAliasControl.valueChanges.pipe(takeUntil(this['ngUnsubscribe'])).subscribe((shouldAddAlias) => {\n      if (shouldAddAlias) {\n        this.aliasControls = this.buildFormAliasControls(\n          [0],\n          formArrayName,\n          this.aliasFields,\n          this.aliasControlsValidation,\n        );\n        this.focusFirstAliasField();\n      } else {\n        this.aliasControls = this.removeAllFormAliasControls(this.aliasControls, formArrayName, this.aliasFields);\n      }\n    });\n  }\n\n  /**\n   * Sets focus to the first input field of a newly added alias row.\n   */\n  public focusFirstAliasField(): void {\n    this['changeDetectorRef'].detectChanges();\n    setTimeout(() => {\n      const index = this.aliasControls.length - 1;\n      const inputId = this.aliasFirstField.get(index)?.inputId;\n      if (inputId) {\n        const el = document.getElementById(inputId);\n        el?.focus();\n      }\n    }, 0);\n  }\n\n  /**\n   * Removes a form alias control from a form array and updates the list of form array controls.\n   * @param index - The index of the form alias control to be removed.\n   * @param formArrayName - The name of the form array.\n   * @param formArrayControls - The list of form array controls.\n   * @param fieldNames - The names of the fields associated with the form array controls.\n   * @returns The updated list of form array controls after removing the specified control.\n   */\n  public removeFormAliasControls(\n    index: number,\n    formArrayName: string,\n    formArrayControls: IAbstractFormArrayControls[],\n    fieldNames: string[],\n  ): IAbstractFormArrayControls[] {\n    // Get the form array...\n    const control = this.form.get(formArrayName) as FormArray;\n\n    // Remove the form array control based on index\n    control.removeAt(index);\n\n    // Then remove the form array controls errors...\n    this.removeFormAliasControlsErrors(index, formArrayControls, fieldNames);\n\n    // Return the new list of form array controls...\n    return this.removeFormAliasControl(index, formArrayControls);\n  }\n\n  /**\n   * Adds an alias to the specified index of the form array.\n   * Sets user focus to the first field of the newly added alias.\n   *\n   * @param index - The index at which to add the alias.\n   * @param formArrayName - The name of the form array.\n   */\n  public addAlias(index: number, formArrayName: string): void {\n    this.aliasControls.push(\n      this.addAliasControls(index, formArrayName, this.aliasFields, this.aliasControlsValidation),\n    );\n    this.focusFirstAliasField();\n  }\n\n  /**\n   * Removes an alias from the form array.\n   *\n   * @param index - The index of the alias to remove.\n   * @param formArrayName - The name of the form array.\n   */\n  public removeAlias(index: number, formArrayName: string): void {\n    this.aliasControls = this.removeFormAliasControls(index, formArrayName, this.aliasControls, this.aliasFields);\n  }\n\n  public override ngOnInit(): void {\n    super.ngOnInit();\n  }\n\n  public override ngOnDestroy(): void {\n    this['ngUnsubscribe'].next();\n    this['ngUnsubscribe'].complete();\n    super.ngOnDestroy();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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: "20.3.3", ngImport: i0, type: AbstractFormArrayBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: AbstractFormArrayBaseComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AbstractFormArrayBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AbstractFormArrayBaseComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AbstractFormArrayBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", 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: "20.3.3", ngImport: i0, type: AbstractFormArrayRemovalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: AbstractFormArrayRemovalComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AbstractFormArrayRemovalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AbstractFormArrayRemovalComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AbstractFormArrayRemovalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AbstractFormArrayRemovalComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

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

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

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

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

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

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

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

@@ -185,10 +185,10 @@ class AbstractSortableTableComponent extends AbstractTableFilterComponent {
             this.onSortChange({ key, sortType });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AbstractSortableTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: AbstractSortableTableComponent, isStandalone: true, selector: "ng-component", outputs: { abstractSortState: "abstractSortState" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AbstractSortableTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AbstractSortableTableComponent, isStandalone: true, selector: "ng-component", outputs: { abstractSortState: "abstractSortState" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AbstractSortableTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AbstractSortableTableComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

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

@@ -168,10 +168,10 @@ class AbstractTableFilterComponent {
         this.appliedKeyword.set(keyword);
         this.applyFilterState();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AbstractTableFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: AbstractTableFilterComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AbstractTableFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AbstractTableFilterComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AbstractTableFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AbstractTableFilterComponent, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }] });

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

@@ -134,10 +134,10 @@ class AlphagovAccessibleAutocompleteComponent {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AlphagovAccessibleAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", 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\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"hidden\"\n    [formControl]=\"getControl\"\n    [attr.aria-describedby]=\"hintText ? inputId + '-hint' : null\"\n  />\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}:host ::ng-deep .autocomplete__dropdown-arrow-down{z-index:1!important;pointer-events:none!important}\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: "20.3.4", ngImport: i0, type: AlphagovAccessibleAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", 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\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"hidden\"\n    [formControl]=\"getControl\"\n    [attr.aria-describedby]=\"hintText ? inputId + '-hint' : null\"\n  />\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}:host ::ng-deep .autocomplete__dropdown-arrow-down{z-index:1!important;pointer-events:none!important}\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: "20.3.3", ngImport: i0, type: AlphagovAccessibleAutocompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", 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\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"hidden\"\n    [formControl]=\"getControl\"\n    [attr.aria-describedby]=\"hintText ? inputId + '-hint' : null\"\n  />\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}:host ::ng-deep .autocomplete__dropdown-arrow-down{z-index:1!important;pointer-events:none!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { labelText: [{

package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-account-information-custom-account-information-item-custom-account-information-item-label.mjs

@@ -3,10 +3,10 @@ import { HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';
 
 class CustomAccountInformationItemLabelComponent {
     hostClass = 'govuk-body govuk-!-font-size-16 govuk-!-font-weight-bold govuk-!-margin-0';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: CustomAccountInformationItemLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: CustomAccountInformationItemLabelComponent, isStandalone: true, selector: "opal-lib-custom-account-information-item-label, [opal-lib-custom-account-information-item-label]", host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CustomAccountInformationItemLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: CustomAccountInformationItemLabelComponent, isStandalone: true, selector: "opal-lib-custom-account-information-item-label, [opal-lib-custom-account-information-item-label]", host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: CustomAccountInformationItemLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CustomAccountInformationItemLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-custom-account-information-item-label, [opal-lib-custom-account-information-item-label]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { hostClass: [{

package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-account-information-custom-account-information-item-custom-account-information-item-value.mjs

@@ -3,10 +3,10 @@ import { HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';
 
 class CustomAccountInformationItemValueComponent {
     hostClass = 'govuk-body govuk-!-font-size-16 govuk-!-margin-0';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: CustomAccountInformationItemValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: CustomAccountInformationItemValueComponent, isStandalone: true, selector: "opal-lib-custom-account-information-item-value, [opal-lib-custom-account-information-item-value]", host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CustomAccountInformationItemValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: CustomAccountInformationItemValueComponent, isStandalone: true, selector: "opal-lib-custom-account-information-item-value, [opal-lib-custom-account-information-item-value]", host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: CustomAccountInformationItemValueComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CustomAccountInformationItemValueComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-custom-account-information-item-value, [opal-lib-custom-account-information-item-value]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { hostClass: [{

package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-account-information-custom-account-information-item.mjs

@@ -6,10 +6,10 @@ class CustomAccountInformationItemComponent {
     get hostClass() {
         return this.itemClasses;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: CustomAccountInformationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: CustomAccountInformationItemComponent, isStandalone: true, selector: "opal-lib-custom-account-information-item", inputs: { itemClasses: "itemClasses" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CustomAccountInformationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: CustomAccountInformationItemComponent, isStandalone: true, selector: "opal-lib-custom-account-information-item", inputs: { itemClasses: "itemClasses" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: CustomAccountInformationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CustomAccountInformationItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-custom-account-information-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { itemClasses: [{

package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-account-information.mjs

@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 
 class CustomAccountInformationComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: CustomAccountInformationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: CustomAccountInformationComponent, isStandalone: true, selector: "opal-lib-custom-account-information, [opal-lib-custom-account-information]", ngImport: i0, template: "<div class=\"govuk-grid-row\">\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CustomAccountInformationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: CustomAccountInformationComponent, isStandalone: true, selector: "opal-lib-custom-account-information, [opal-lib-custom-account-information]", ngImport: i0, template: "<div class=\"govuk-grid-row\">\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: CustomAccountInformationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CustomAccountInformationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-custom-account-information, [opal-lib-custom-account-information]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-row\">\n  <ng-content></ng-content>\n</div>\n" }]
         }] });

package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-action-links.mjs

@@ -10,10 +10,10 @@ class CustomActionLinksComponent {
     get hostClass() {
         return this.classSize;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: CustomActionLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: CustomActionLinksComponent, isStandalone: true, selector: "opal-lib-custom-action-links", inputs: { id: "id", classSize: "classSize" }, host: { properties: { "attr.id": "this.hostId", "class": "this.hostClass" } }, ngImport: i0, template: "<hr class=\"govuk-section-break govuk-section-break--m govuk-section-break--visible custom-section-break--2px\" />\n<ng-content select=\"[heading]\"></ng-content>\n<ng-content select=\"[links]\"></ng-content>\n" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CustomActionLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: CustomActionLinksComponent, isStandalone: true, selector: "opal-lib-custom-action-links", inputs: { id: "id", classSize: "classSize" }, host: { properties: { "attr.id": "this.hostId", "class": "this.hostClass" } }, ngImport: i0, template: "<hr class=\"govuk-section-break govuk-section-break--m govuk-section-break--visible custom-section-break--2px\" />\n<ng-content select=\"[heading]\"></ng-content>\n<ng-content select=\"[links]\"></ng-content>\n" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: CustomActionLinksComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CustomActionLinksComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-custom-action-links', template: "<hr class=\"govuk-section-break govuk-section-break--m govuk-section-break--visible custom-section-break--2px\" />\n<ng-content select=\"[heading]\"></ng-content>\n<ng-content select=\"[links]\"></ng-content>\n" }]
         }], propDecorators: { id: [{

package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-horizontal-scroll-pane.mjs

@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
 import { Component } from '@angular/core';
 
 class CustomHorizontalScrollPaneComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: CustomHorizontalScrollPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: CustomHorizontalScrollPaneComponent, isStandalone: true, selector: "opal-lib-custom-horizontal-scroll-pane", ngImport: i0, template: "<div class=\"custom-horizontal-scroll-pane\">\n  <ng-content></ng-content>\n</div>\n", styles: [".custom-horizontal-scroll-pane{overflow-x:auto;overflow-y:hidden;width:100%}\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CustomHorizontalScrollPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: CustomHorizontalScrollPaneComponent, isStandalone: true, selector: "opal-lib-custom-horizontal-scroll-pane", ngImport: i0, template: "<div class=\"custom-horizontal-scroll-pane\">\n  <ng-content></ng-content>\n</div>\n", styles: [".custom-horizontal-scroll-pane{overflow-x:auto;overflow-y:hidden;width:100%}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: CustomHorizontalScrollPaneComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CustomHorizontalScrollPaneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-custom-horizontal-scroll-pane', template: "<div class=\"custom-horizontal-scroll-pane\">\n  <ng-content></ng-content>\n</div>\n", styles: [".custom-horizontal-scroll-pane{overflow-x:auto;overflow-y:hidden;width:100%}\n"] }]
         }] });

package/fesm2022/hmcts-opal-frontend-common-components-custom-custom-page-header.mjs

@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 
 class CustomPageHeaderComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: CustomPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: CustomPageHeaderComponent, isStandalone: true, selector: "opal-lib-custom-page-header", ngImport: i0, template: "<div class=\"govuk-grid-row custom-grid-class\">\n  <div class=\"govuk-grid-column-one-half\">\n    <ng-content select=\"[pageHeaderHeading]\"></ng-content>\n  </div>\n  <div class=\"govuk-grid-column-one-half custom-column-class\">\n    <div class=\"moj-button-group moj-button-group--inline custom-button-group-class\">\n      <ng-content select=\"[pageHeaderButtons]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".custom-grid-class{display:flex}.custom-column-class{display:flex;flex-direction:column;justify-content:end}.custom-button-group-class{justify-content:right}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CustomPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: CustomPageHeaderComponent, isStandalone: true, selector: "opal-lib-custom-page-header", ngImport: i0, template: "<div class=\"govuk-grid-row custom-grid-class\">\n  <div class=\"govuk-grid-column-one-half\">\n    <ng-content select=\"[pageHeaderHeading]\"></ng-content>\n  </div>\n  <div class=\"govuk-grid-column-one-half custom-column-class\">\n    <div class=\"moj-button-group moj-button-group--inline custom-button-group-class\">\n      <ng-content select=\"[pageHeaderButtons]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".custom-grid-class{display:flex}.custom-column-class{display:flex;flex-direction:column;justify-content:end}.custom-button-group-class{justify-content:right}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: CustomPageHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CustomPageHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-custom-page-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-row custom-grid-class\">\n  <div class=\"govuk-grid-column-one-half\">\n    <ng-content select=\"[pageHeaderHeading]\"></ng-content>\n  </div>\n  <div class=\"govuk-grid-column-one-half custom-column-class\">\n    <div class=\"moj-button-group moj-button-group--inline custom-button-group-class\">\n      <ng-content select=\"[pageHeaderButtons]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".custom-grid-class{display:flex}.custom-column-class{display:flex;flex-direction:column;justify-content:end}.custom-button-group-class{justify-content:right}\n"] }]
         }] });