@hmcts/opal-frontend-common 0.0.65 → 0.0.67

package/fesm2022/{hmcts-opal-frontend-common-access-denied.component-CWImMW7J.mjs → hmcts-opal-frontend-common-access-denied.component-B14ZVnte.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: "21.2.1", ngImport: i0, type: AccessDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", 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: "21.2.6", ngImport: i0, type: AccessDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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: "21.2.1", ngImport: i0, type: AccessDeniedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", 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-CWImMW7J.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-access-denied.component-B14ZVnte.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-access-denied.component-CWImMW7J.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-B14ZVnte.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-account-created.component-C-iCns7b.mjs → hmcts-opal-frontend-common-account-created.component-DMjRN8Y1.mjs}

@@ -3,13 +3,13 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { GovukPanelComponent } from '@hmcts/opal-frontend-common/components/govuk/govuk-panel';
 
 class AccountCreated {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AccountCreated, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: AccountCreated, isStandalone: true, selector: "opal-lib-account-created", ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <opal-lib-govuk-panel panelTitle=\"User account created\"></opal-lib-govuk-panel>\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      <h2 class=\"govuk-fieldset__heading\">Next steps</h2>\n    </legend>\n    <p class=\"govuk-body\">\n      Your Opal account has been created but is not yet live. <br />\n      Contact your team lead to activate it fully.\n    </p>\n  </fieldset>\n</div>\n", dependencies: [{ kind: "component", type: GovukPanelComponent, selector: "opal-lib-govuk-panel", inputs: ["panelTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: AccountCreated, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: AccountCreated, isStandalone: true, selector: "opal-lib-account-created", ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <opal-lib-govuk-panel panelTitle=\"User account created\"></opal-lib-govuk-panel>\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      <h2 class=\"govuk-fieldset__heading\">Next steps</h2>\n    </legend>\n    <p class=\"govuk-body\">\n      Your Opal account has been created but is not yet live. <br />\n      Contact your team lead to activate it fully.\n    </p>\n  </fieldset>\n</div>\n", dependencies: [{ kind: "component", type: GovukPanelComponent, selector: "opal-lib-govuk-panel", inputs: ["panelTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AccountCreated, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: AccountCreated, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-account-created', imports: [GovukPanelComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <opal-lib-govuk-panel panelTitle=\"User account created\"></opal-lib-govuk-panel>\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      <h2 class=\"govuk-fieldset__heading\">Next steps</h2>\n    </legend>\n    <p class=\"govuk-body\">\n      Your Opal account has been created but is not yet live. <br />\n      Contact your team lead to activate it fully.\n    </p>\n  </fieldset>\n</div>\n" }]
         }] });
 
 export { AccountCreated };
-//# sourceMappingURL=hmcts-opal-frontend-common-account-created.component-C-iCns7b.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-account-created.component-DMjRN8Y1.mjs.map

package/fesm2022/{hmcts-opal-frontend-common-account-created.component-C-iCns7b.mjs.map → hmcts-opal-frontend-common-account-created.component-DMjRN8Y1.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-account-created.component-C-iCns7b.mjs","sources":["../../../projects/opal-frontend-common/pages/account-created/account-created.component.ts","../../../projects/opal-frontend-common/pages/account-created/account-created.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { GovukPanelComponent } from '@hmcts/opal-frontend-common/components/govuk/govuk-panel';\n\n@Component({\n  selector: 'opal-lib-account-created',\n  imports: [GovukPanelComponent],\n  templateUrl: './account-created.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AccountCreated {}\n","<div class=\"govuk-grid-column-two-thirds\">\n  <opal-lib-govuk-panel panelTitle=\"User account created\"></opal-lib-govuk-panel>\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      <h2 class=\"govuk-fieldset__heading\">Next steps</h2>\n    </legend>\n    <p class=\"govuk-body\">\n      Your Opal account has been created but is not yet live. <br />\n      Contact your team lead to activate it fully.\n    </p>\n  </fieldset>\n</div>\n"],"names":[],"mappings":";;;;MASa,cAAc,CAAA;uGAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECT3B,0fAYA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDPY,mBAAmB,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAIlB,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,WAC3B,CAAC,mBAAmB,CAAC,EAAA,eAAA,EAEb,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,0fAAA,EAAA;;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-account-created.component-DMjRN8Y1.mjs","sources":["../../../projects/opal-frontend-common/pages/account-created/account-created.component.ts","../../../projects/opal-frontend-common/pages/account-created/account-created.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { GovukPanelComponent } from '@hmcts/opal-frontend-common/components/govuk/govuk-panel';\n\n@Component({\n  selector: 'opal-lib-account-created',\n  imports: [GovukPanelComponent],\n  templateUrl: './account-created.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AccountCreated {}\n","<div class=\"govuk-grid-column-two-thirds\">\n  <opal-lib-govuk-panel panelTitle=\"User account created\"></opal-lib-govuk-panel>\n  <fieldset class=\"govuk-fieldset\">\n    <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n      <h2 class=\"govuk-fieldset__heading\">Next steps</h2>\n    </legend>\n    <p class=\"govuk-body\">\n      Your Opal account has been created but is not yet live. <br />\n      Contact your team lead to activate it fully.\n    </p>\n  </fieldset>\n</div>\n"],"names":[],"mappings":";;;;MASa,cAAc,CAAA;uGAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECT3B,0fAYA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDPY,mBAAmB,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAIlB,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,WAC3B,CAAC,mBAAmB,CAAC,EAAA,eAAA,EAEb,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,0fAAA,EAAA;;;;;"}

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

@@ -199,8 +199,10 @@ class AbstractFormAliasBaseComponent extends AbstractFormBaseComponent {
      *
      * @param index - The index of the alias to remove.
      * @param formArrayName - The name of the form array.
+     * @param event - The event object from the click event, used to prevent default behavior.
      */
-    removeAlias(index, formArrayName) {
+    removeAlias(index, formArrayName, event) {
+        event?.preventDefault();
         this.aliasControls = this.removeFormAliasControls(index, formArrayName, this.aliasControls, this.aliasFields);
     }
     ngOnInit() {
@@ -211,10 +213,10 @@ class AbstractFormAliasBaseComponent extends AbstractFormBaseComponent {
         this['ngUnsubscribe'].complete();
         super.ngOnDestroy();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AbstractFormAliasBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: AbstractFormAliasBaseComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "aliasFirstField", predicate: ["aliasFirstField"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: AbstractFormAliasBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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: "21.2.1", ngImport: i0, type: AbstractFormAliasBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: AbstractFormAliasBaseComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

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, 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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"}
+{"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   * @param event - The event object from the click event, used to prevent default behavior.\n   */\n  public removeAlias(index: number, formArrayName: string, event?: Event): void {\n    event?.preventDefault();\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: "21.2.1", ngImport: i0, type: AbstractFormArrayBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: AbstractFormArrayBaseComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: AbstractFormArrayBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: AbstractFormArrayBaseComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AbstractFormArrayBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", 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: "21.2.1", ngImport: i0, type: AbstractFormArrayRemovalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: AbstractFormArrayRemovalComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: AbstractFormArrayRemovalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: AbstractFormArrayRemovalComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AbstractFormArrayRemovalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: AbstractFormArrayRemovalComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

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

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

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

@@ -4,14 +4,14 @@ import { AbstractSortableTableComponent } from '@hmcts/opal-frontend-common/comp
 
 class AbstractSortableTablePaginationComponent extends AbstractSortableTableComponent {
     // Signal for the current page. Used to calculate the start and end indices for pagination.
-    currentPageSignal = signal(1, ...(ngDevMode ? [{ debugName: "currentPageSignal" }] : []));
+    currentPageSignal = signal(1, ...(ngDevMode ? [{ debugName: "currentPageSignal" }] : /* istanbul ignore next */ []));
     // Signal for the number of items per page. Determines how many items are displayed on each page.
-    itemsPerPageSignal = signal(10, ...(ngDevMode ? [{ debugName: "itemsPerPageSignal" }] : []));
+    itemsPerPageSignal = signal(10, ...(ngDevMode ? [{ debugName: "itemsPerPageSignal" }] : /* istanbul ignore next */ []));
     // Signal for the start index (1-based). Automatically updates when `currentPageSignal` or `itemsPerPageSignal` changes.
     startIndexComputed = computed(() => {
         const currentPage = this.currentPageSignal();
         return (currentPage - 1) * this.itemsPerPageSignal() + 1;
-    }, ...(ngDevMode ? [{ debugName: "startIndexComputed" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "startIndexComputed" }] : /* istanbul ignore next */ []));
     /**
      * Computes the end index for the current page of the sorted table data.
      * Ensures the end index does not exceed the total number of items.
@@ -20,12 +20,12 @@ class AbstractSortableTablePaginationComponent extends AbstractSortableTableComp
      */
     endIndexComputed = computed(() => {
         return Math.min(this.sortedTableDataSignal().length, this.startIndexComputed() + this.itemsPerPageSignal() - 1);
-    }, ...(ngDevMode ? [{ debugName: "endIndexComputed" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "endIndexComputed" }] : /* istanbul ignore next */ []));
     // Computed signal for paginated table data. Reactively slices `displayTableDataSignal` based on `startIndexComputed` and `endIndexComputed`.
     paginatedTableDataComputed = computed(() => {
         const data = this.sortedTableDataSignal(); // Full table data
         return data.slice(this.startIndexComputed() - 1, this.endIndexComputed()); // Return paginated data subset
-    }, ...(ngDevMode ? [{ debugName: "paginatedTableDataComputed" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "paginatedTableDataComputed" }] : /* istanbul ignore next */ []));
     /**
      * Handles sorting changes and resets the page to the first page.
      *
@@ -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: "21.2.1", ngImport: i0, type: AbstractSortableTablePaginationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: AbstractSortableTablePaginationComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: AbstractSortableTablePaginationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: AbstractSortableTablePaginationComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AbstractSortableTablePaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: AbstractSortableTablePaginationComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-abstract-abstract-sortable-table-pagination.mjs","sources":["../../../projects/opal-frontend-common/components/abstract/abstract-sortable-table-pagination/abstract-sortable-table-pagination.component.ts","../../../projects/opal-frontend-common/components/abstract/abstract-sortable-table-pagination/hmcts-opal-frontend-common-components-abstract-abstract-sortable-table-pagination.ts"],"sourcesContent":["import { Component, computed, signal } from '@angular/core';\nimport { AbstractSortableTableComponent } from '@hmcts/opal-frontend-common/components/abstract/abstract-sortable-table';\n\n@Component({\n  template: '',\n})\nexport abstract class AbstractSortableTablePaginationComponent extends AbstractSortableTableComponent {\n  // Signal for the current page. Used to calculate the start and end indices for pagination.\n  public currentPageSignal = signal(1);\n\n  // Signal for the number of items per page. Determines how many items are displayed on each page.\n  public itemsPerPageSignal = signal(10);\n\n  // Signal for the start index (1-based). Automatically updates when `currentPageSignal` or `itemsPerPageSignal` changes.\n  public startIndexComputed = computed(() => {\n    const currentPage = this.currentPageSignal();\n    return (currentPage - 1) * this.itemsPerPageSignal() + 1;\n  });\n\n  /**\n   * Computes the end index for the current page of the sorted table data.\n   * Ensures the end index does not exceed the total number of items.\n   *\n   * @returns The zero-based index of the last item to display on the current page.\n   */\n  public endIndexComputed = computed(() => {\n    return Math.min(this.sortedTableDataSignal().length, this.startIndexComputed() + this.itemsPerPageSignal() - 1);\n  });\n\n  // Computed signal for paginated table data. Reactively slices `displayTableDataSignal` based on `startIndexComputed` and `endIndexComputed`.\n  public paginatedTableDataComputed = computed(() => {\n    const data = this.sortedTableDataSignal(); // Full table data\n\n    return data.slice(this.startIndexComputed() - 1, this.endIndexComputed()); // Return paginated data subset\n  });\n\n  /**\n   * Handles sorting changes and resets the page to the first page.\n   *\n   * @param event - The sorting event containing:\n   *   - `key`: The column key to sort by.\n   *   - `sortType`: The sorting order, either 'ascending' or 'descending'.\n   *\n   * Resets `currentPageSignal` to 1 and triggers re-sorting of `displayTableDataSignal`.\n   */\n  public override onSortChange(event: { key: string; sortType: 'ascending' | 'descending' }): void {\n    super.onSortChange(event); // Update the sort state and sort the data\n    this.currentPageSignal.set(1); // Reset the page to the first page\n  }\n\n  /**\n   * Applies the current filters to the table data.\n   *\n   * Overrides the base implementation to additionally reset the pagination to the first page\n   * after filters are applied.\n   *\n   * @override\n   */\n  public override onApplyFilters(): void {\n    super.onApplyFilters();\n    this.currentPageSignal.set(1); // Reset to first page after filtering\n  }\n\n  /**\n   * Handles the event when the page is changed.\n   *\n   * @param newPage - The new page number to set. If the provided page number is out of range,\n   * it will be clamped between 1 and the total number of pages.\n   */\n  public onPageChange(newPage: number): void {\n    const totalPages = Math.ceil(this.displayTableDataSignal().length / this.itemsPerPageSignal());\n    this.currentPageSignal.set(Math.max(1, Math.min(newPage, totalPages)));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAMM,MAAgB,wCAAyC,SAAQ,8BAA8B,CAAA;;AAE5F,IAAA,iBAAiB,GAAG,MAAM,CAAC,CAAC,6DAAC;;AAG7B,IAAA,kBAAkB,GAAG,MAAM,CAAC,EAAE,8DAAC;;AAG/B,IAAA,kBAAkB,GAAG,QAAQ,CAAC,MAAK;AACxC,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,EAAE;AAC5C,QAAA,OAAO,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,kBAAkB,EAAE,GAAG,CAAC;AAC1D,IAAA,CAAC,8DAAC;AAEF;;;;;AAKG;AACI,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAK;QACtC,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAAE,GAAG,IAAI,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;AACjH,IAAA,CAAC,4DAAC;;AAGK,IAAA,0BAA0B,GAAG,QAAQ,CAAC,MAAK;QAChD,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;AAE1C,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,EAAE,GAAG,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAC5E,IAAA,CAAC,sEAAC;AAEF;;;;;;;;AAQG;AACa,IAAA,YAAY,CAAC,KAA4D,EAAA;AACvF,QAAA,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAC1B,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAChC;AAEA;;;;;;;AAOG;IACa,cAAc,GAAA;QAC5B,KAAK,CAAC,cAAc,EAAE;QACtB,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAChC;AAEA;;;;;AAKG;AACI,IAAA,YAAY,CAAC,OAAe,EAAA;AACjC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC9F,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IACxE;uGAlEoB,wCAAwC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wCAAwC,+FAFlD,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAEQ,wCAAwC,EAAA,UAAA,EAAA,CAAA;kBAH7D,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,EAAE;AACb,iBAAA;;;ACLD;;AAEG;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-components-abstract-abstract-sortable-table-pagination.mjs","sources":["../../../projects/opal-frontend-common/components/abstract/abstract-sortable-table-pagination/abstract-sortable-table-pagination.component.ts","../../../projects/opal-frontend-common/components/abstract/abstract-sortable-table-pagination/hmcts-opal-frontend-common-components-abstract-abstract-sortable-table-pagination.ts"],"sourcesContent":["import { Component, computed, signal } from '@angular/core';\nimport { AbstractSortableTableComponent } from '@hmcts/opal-frontend-common/components/abstract/abstract-sortable-table';\n\n@Component({\n  template: '',\n})\nexport abstract class AbstractSortableTablePaginationComponent extends AbstractSortableTableComponent {\n  // Signal for the current page. Used to calculate the start and end indices for pagination.\n  public currentPageSignal = signal(1);\n\n  // Signal for the number of items per page. Determines how many items are displayed on each page.\n  public itemsPerPageSignal = signal(10);\n\n  // Signal for the start index (1-based). Automatically updates when `currentPageSignal` or `itemsPerPageSignal` changes.\n  public startIndexComputed = computed(() => {\n    const currentPage = this.currentPageSignal();\n    return (currentPage - 1) * this.itemsPerPageSignal() + 1;\n  });\n\n  /**\n   * Computes the end index for the current page of the sorted table data.\n   * Ensures the end index does not exceed the total number of items.\n   *\n   * @returns The zero-based index of the last item to display on the current page.\n   */\n  public endIndexComputed = computed(() => {\n    return Math.min(this.sortedTableDataSignal().length, this.startIndexComputed() + this.itemsPerPageSignal() - 1);\n  });\n\n  // Computed signal for paginated table data. Reactively slices `displayTableDataSignal` based on `startIndexComputed` and `endIndexComputed`.\n  public paginatedTableDataComputed = computed(() => {\n    const data = this.sortedTableDataSignal(); // Full table data\n\n    return data.slice(this.startIndexComputed() - 1, this.endIndexComputed()); // Return paginated data subset\n  });\n\n  /**\n   * Handles sorting changes and resets the page to the first page.\n   *\n   * @param event - The sorting event containing:\n   *   - `key`: The column key to sort by.\n   *   - `sortType`: The sorting order, either 'ascending' or 'descending'.\n   *\n   * Resets `currentPageSignal` to 1 and triggers re-sorting of `displayTableDataSignal`.\n   */\n  public override onSortChange(event: { key: string; sortType: 'ascending' | 'descending' }): void {\n    super.onSortChange(event); // Update the sort state and sort the data\n    this.currentPageSignal.set(1); // Reset the page to the first page\n  }\n\n  /**\n   * Applies the current filters to the table data.\n   *\n   * Overrides the base implementation to additionally reset the pagination to the first page\n   * after filters are applied.\n   *\n   * @override\n   */\n  public override onApplyFilters(): void {\n    super.onApplyFilters();\n    this.currentPageSignal.set(1); // Reset to first page after filtering\n  }\n\n  /**\n   * Handles the event when the page is changed.\n   *\n   * @param newPage - The new page number to set. If the provided page number is out of range,\n   * it will be clamped between 1 and the total number of pages.\n   */\n  public onPageChange(newPage: number): void {\n    const totalPages = Math.ceil(this.displayTableDataSignal().length / this.itemsPerPageSignal());\n    this.currentPageSignal.set(Math.max(1, Math.min(newPage, totalPages)));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAMM,MAAgB,wCAAyC,SAAQ,8BAA8B,CAAA;;AAE5F,IAAA,iBAAiB,GAAG,MAAM,CAAC,CAAC,wFAAC;;AAG7B,IAAA,kBAAkB,GAAG,MAAM,CAAC,EAAE,yFAAC;;AAG/B,IAAA,kBAAkB,GAAG,QAAQ,CAAC,MAAK;AACxC,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,EAAE;AAC5C,QAAA,OAAO,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,kBAAkB,EAAE,GAAG,CAAC;AAC1D,IAAA,CAAC,yFAAC;AAEF;;;;;AAKG;AACI,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAK;QACtC,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAAE,GAAG,IAAI,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;AACjH,IAAA,CAAC,uFAAC;;AAGK,IAAA,0BAA0B,GAAG,QAAQ,CAAC,MAAK;QAChD,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;AAE1C,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,EAAE,GAAG,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAC5E,IAAA,CAAC,iGAAC;AAEF;;;;;;;;AAQG;AACa,IAAA,YAAY,CAAC,KAA4D,EAAA;AACvF,QAAA,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAC1B,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAChC;AAEA;;;;;;;AAOG;IACa,cAAc,GAAA;QAC5B,KAAK,CAAC,cAAc,EAAE;QACtB,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAChC;AAEA;;;;;AAKG;AACI,IAAA,YAAY,CAAC,OAAe,EAAA;AACjC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC9F,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IACxE;uGAlEoB,wCAAwC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wCAAwC,+FAFlD,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAEQ,wCAAwC,EAAA,UAAA,EAAA,CAAA;kBAH7D,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,EAAE;AACb,iBAAA;;;ACLD;;AAEG;;;;"}

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

@@ -22,14 +22,14 @@ class AbstractSortableTableComponent extends AbstractTableFilterComponent {
             // No sort applied – use filtered data directly
             this.sortedTableDataSignal.set([...filtered]);
         }
-    }, ...(ngDevMode ? [{ debugName: "syncSortedDataEffect" }] : []));
-    displayTableDataSignal = signal([], ...(ngDevMode ? [{ debugName: "displayTableDataSignal" }] : []));
-    filteredTableDataSignal = signal([], ...(ngDevMode ? [{ debugName: "filteredTableDataSignal" }] : []));
-    sortedTableDataSignal = signal([], ...(ngDevMode ? [{ debugName: "sortedTableDataSignal" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "syncSortedDataEffect" }] : /* istanbul ignore next */ []));
+    displayTableDataSignal = signal([], ...(ngDevMode ? [{ debugName: "displayTableDataSignal" }] : /* istanbul ignore next */ []));
+    filteredTableDataSignal = signal([], ...(ngDevMode ? [{ debugName: "filteredTableDataSignal" }] : /* istanbul ignore next */ []));
+    sortedTableDataSignal = signal([], ...(ngDevMode ? [{ debugName: "sortedTableDataSignal" }] : /* istanbul ignore next */ []));
     abstractExistingSortState = null;
-    sortStateSignal = signal({}, ...(ngDevMode ? [{ debugName: "sortStateSignal" }] : []));
-    sortedColumnTitleSignal = signal('', ...(ngDevMode ? [{ debugName: "sortedColumnTitleSignal" }] : []));
-    sortedColumnDirectionSignal = signal('none', ...(ngDevMode ? [{ debugName: "sortedColumnDirectionSignal" }] : []));
+    sortStateSignal = signal({}, ...(ngDevMode ? [{ debugName: "sortStateSignal" }] : /* istanbul ignore next */ []));
+    sortedColumnTitleSignal = signal('', ...(ngDevMode ? [{ debugName: "sortedColumnTitleSignal" }] : /* istanbul ignore next */ []));
+    sortedColumnDirectionSignal = signal('none', ...(ngDevMode ? [{ debugName: "sortedColumnDirectionSignal" }] : /* istanbul ignore next */ []));
     abstractSortState = new EventEmitter();
     /**
      * Creates an initial sort state for a table based on the provided table data.
@@ -185,10 +185,10 @@ class AbstractSortableTableComponent extends AbstractTableFilterComponent {
             this.onSortChange({ key, sortType });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AbstractSortableTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", 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: "21.2.6", ngImport: i0, type: AbstractSortableTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: AbstractSortableTableComponent, isStandalone: true, selector: "ng-component", outputs: { abstractSortState: "abstractSortState" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AbstractSortableTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: AbstractSortableTableComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-abstract-abstract-sortable-table.mjs","sources":["../../../projects/opal-frontend-common/components/abstract/abstract-sortable-table/abstract-sortable-table.component.ts","../../../projects/opal-frontend-common/components/abstract/abstract-sortable-table/hmcts-opal-frontend-common-components-abstract-abstract-sortable-table.ts"],"sourcesContent":["import { Component, EventEmitter, OnInit, Output, effect, inject, signal } from '@angular/core';\nimport {\n  IAbstractSortState,\n  IAbstractTableData,\n} from '@hmcts/opal-frontend-common/components/abstract/abstract-sortable-table/interfaces';\nimport { SortService } from '@hmcts/opal-frontend-common/services/sort-service';\nimport {\n  SortableValuesType,\n  SortDirectionType,\n} from '@hmcts/opal-frontend-common/components/abstract/abstract-sortable-table/types';\nimport { AbstractTableFilterComponent } from '@hmcts/opal-frontend-common/components/abstract/abstract-table-filter';\n\n@Component({\n  template: '',\n})\nexport abstract class AbstractSortableTableComponent extends AbstractTableFilterComponent implements OnInit {\n  private readonly sortService = inject(SortService);\n\n  /**\n   * Synchronizes the sorted table data with the current filter and sort state.\n   *\n   * This effect observes changes to the filtered table data and the sort state signals.\n   * If no active sort key is found (i.e., no sorting is applied), it sets the sorted table data\n   * to a shallow copy of the filtered data. Otherwise, sorting logic should be applied elsewhere.\n   *\n   * @protected\n   */\n  protected syncSortedDataEffect = effect(() => {\n    const filtered = this.filteredTableDataSignal();\n    const currentSort = this.sortStateSignal();\n\n    const activeSortKey = Object.keys(currentSort).find((k) => currentSort[k] !== 'none');\n\n    if (!activeSortKey) {\n      // No sort applied – use filtered data directly\n      this.sortedTableDataSignal.set([...filtered]);\n    }\n  });\n\n  public override displayTableDataSignal = signal<IAbstractTableData<SortableValuesType>[]>([]);\n  public override filteredTableDataSignal = signal<IAbstractTableData<SortableValuesType>[]>([]);\n  public sortedTableDataSignal = signal<IAbstractTableData<SortableValuesType>[]>([]);\n  public abstractExistingSortState: IAbstractSortState | null = null;\n  public sortStateSignal = signal<IAbstractSortState>({});\n  public sortedColumnTitleSignal = signal<string>('');\n  public sortedColumnDirectionSignal = signal<SortDirectionType>('none');\n\n  @Output() abstractSortState = new EventEmitter<IAbstractSortState>();\n\n  /**\n   * Creates an initial sort state for a table based on the provided table data.\n   *\n   * @param tableData - Array of table data objects representing table rows.\n   * @returns Initial sort state object with column names as keys and 'none' as values.\n   */\n  private createSortState(tableData: IAbstractTableData<SortableValuesType>[] | null): IAbstractSortState {\n    return tableData?.length\n      ? Object.keys(tableData[0]).reduce<IAbstractSortState>((state, key) => {\n          state[key] = 'none';\n          return state;\n        }, {})\n      : {};\n  }\n  /**\n   * Initializes the sort state for the sortable table component.\n   *\n   * This method sets the initial sort state based on the existing sort state or creates a new one\n   * if none exists. It then updates the sort state signal with the initial sort state.\n   *\n   * If an existing sort state is found, it iterates over each entry and triggers the sort change\n   * for each key that has a sort type other than 'none'.\n   *\n   * @private\n   * @returns {void}\n   */\n  private initialiseSortState(): void {\n    const existingSortState = this.abstractExistingSortState;\n    const initialSortState = existingSortState || this.createSortState(this.displayTableDataSignal());\n    this.applyFilterState();\n\n    this.sortStateSignal.set(initialSortState);\n\n    if (existingSortState) {\n      for (const [key, sortType] of Object.entries(existingSortState)) {\n        if (sortType !== 'none') {\n          this.onSortChange({ key, sortType });\n        }\n      }\n    }\n    this.getSortedColumn();\n  }\n\n  /**\n   * Updates the sort state for a given column key and sort type.\n   * Resets the sort state for all other columns to 'none'.\n   *\n   * @param key - The column to sort by.\n   * @param sortType - Sorting order ('ascending' or 'descending').\n   */\n  private updateSortState(key: string, sortType: 'ascending' | 'descending'): void {\n    this.sortStateSignal.set(\n      Object.keys(this.sortStateSignal()).reduce<IAbstractSortState>((state, columnKey) => {\n        state[columnKey] = columnKey === key ? sortType : 'none';\n        return state;\n      }, {}),\n    );\n  }\n\n  /**\n   * Retrieves the sorted table data based on the specified key and sort type.\n   *\n   * @param key - The key of the property to sort by.\n   * @param sortType - The type of sorting to apply, either 'ascending' or 'descending'.\n   * @returns An array of sorted table data objects.\n   */\n  private getSortedTableData(\n    key: string,\n    sortType: 'ascending' | 'descending',\n  ): IAbstractTableData<SortableValuesType>[] {\n    return sortType === 'ascending'\n      ? (this.sortService.sortObjectArrayAsc(\n          this.filteredTableDataSignal(),\n          key,\n        ) as IAbstractTableData<SortableValuesType>[])\n      : (this.sortService.sortObjectArrayDesc(\n          this.filteredTableDataSignal(),\n          key,\n        ) as IAbstractTableData<SortableValuesType>[]);\n  }\n\n  /**\n   * Determines the first column with a sort state other than 'none' and updates the sorted column signals accordingly.\n   *\n   * - If a sorted column is found, updates the `sortedColumnTitleSignal` and `sortedColumnDirectionSignal` with the column key and state.\n   * - If no sorted column is found, sets the `sortedColumnTitleSignal` to an empty string and `sortedColumnDirectionSignal` to 'none'.\n   *\n   * @private\n   * @returns {void}\n   */\n  private getSortedColumn(): void {\n    // Find the first column that has a sort state other than 'none'\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const sortedColumn = Object.entries(this.sortStateSignal()).find(([_, state]) => state !== 'none');\n\n    // If a sorted column is found, set the signal to the sorted column key and state\n    if (sortedColumn) {\n      const [columnKey, state] = sortedColumn;\n      this.sortedColumnTitleSignal.set(columnKey);\n      this.sortedColumnDirectionSignal.set(state);\n    } else {\n      // Otherwise, set the signal to null\n      this.sortedColumnTitleSignal.set('');\n      this.sortedColumnDirectionSignal.set('none');\n    }\n  }\n\n  /**\n   * Handles the change in sorting for the table.\n   *\n   * @param event - An object containing the key to sort by and the sort type.\n   * @param event.key - The key of the column to sort.\n   * @param event.sortType - The type of sorting to apply ('ascending' or 'descending').\n   *\n   * This method updates the sort state, sorts the table data based on the provided key and sort type,\n   * updates the table data signal, and emits the updated sort state.\n   */\n  protected onSortChange(event: { key: string; sortType: 'ascending' | 'descending' }): void {\n    const { key, sortType } = event;\n\n    this.updateSortState(key, sortType);\n    this.getSortedColumn();\n    const sortedData = this.getSortedTableData(key, sortType);\n\n    // Update the table data signal\n    this.sortedTableDataSignal.set(sortedData);\n\n    // Emit the updated sort state\n    this.abstractSortState.emit(this.sortStateSignal());\n  }\n\n  /**\n   * Lifecycle hook to initialise the sort state.\n   */\n  public ngOnInit(): void {\n    this.initialiseSortState();\n  }\n  /**\n   * Applies the current filters to the table data and updates the sorted data accordingly.\n   *\n   * This method overrides the parent implementation to additionally handle sorting.\n   * If there is an active sort key, it applies the corresponding sort to the filtered data.\n   * If no sort key is active, it simply updates the sorted data to match the filtered data.\n   *\n   * @override\n   */\n  public override onApplyFilters(): void {\n    super.onApplyFilters();\n\n    const key = this.sortedColumnTitleSignal();\n    const sortType = this.sortedColumnDirectionSignal();\n\n    if (!key || sortType === 'none') {\n      this.sortedTableDataSignal.set([...this.filteredTableDataSignal()]);\n    } else {\n      this.onSortChange({ key, sortType });\n    }\n  }\n\n  /**\n   * Clears all filters applied to the table and restores the data to its unfiltered state.\n   * If a sort is currently active, re-applies the sort after clearing filters.\n   * Otherwise, resets the sorted table data to match the filtered data.\n   *\n   * @override\n   */\n  public override clearAllFilters(): void {\n    super.clearAllFilters();\n\n    const key = this.sortedColumnTitleSignal();\n    const sortType = this.sortedColumnDirectionSignal();\n\n    if (!key || sortType === 'none') {\n      this.sortedTableDataSignal.set([...this.filteredTableDataSignal()]);\n    } else {\n      this.onSortChange({ key, sortType });\n    }\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-sortable-table.mjs","sources":["../../../projects/opal-frontend-common/components/abstract/abstract-sortable-table/abstract-sortable-table.component.ts","../../../projects/opal-frontend-common/components/abstract/abstract-sortable-table/hmcts-opal-frontend-common-components-abstract-abstract-sortable-table.ts"],"sourcesContent":["import { Component, EventEmitter, OnInit, Output, effect, inject, signal } from '@angular/core';\nimport {\n  IAbstractSortState,\n  IAbstractTableData,\n} from '@hmcts/opal-frontend-common/components/abstract/abstract-sortable-table/interfaces';\nimport { SortService } from '@hmcts/opal-frontend-common/services/sort-service';\nimport {\n  SortableValuesType,\n  SortDirectionType,\n} from '@hmcts/opal-frontend-common/components/abstract/abstract-sortable-table/types';\nimport { AbstractTableFilterComponent } from '@hmcts/opal-frontend-common/components/abstract/abstract-table-filter';\n\n@Component({\n  template: '',\n})\nexport abstract class AbstractSortableTableComponent extends AbstractTableFilterComponent implements OnInit {\n  private readonly sortService = inject(SortService);\n\n  /**\n   * Synchronizes the sorted table data with the current filter and sort state.\n   *\n   * This effect observes changes to the filtered table data and the sort state signals.\n   * If no active sort key is found (i.e., no sorting is applied), it sets the sorted table data\n   * to a shallow copy of the filtered data. Otherwise, sorting logic should be applied elsewhere.\n   *\n   * @protected\n   */\n  protected syncSortedDataEffect = effect(() => {\n    const filtered = this.filteredTableDataSignal();\n    const currentSort = this.sortStateSignal();\n\n    const activeSortKey = Object.keys(currentSort).find((k) => currentSort[k] !== 'none');\n\n    if (!activeSortKey) {\n      // No sort applied – use filtered data directly\n      this.sortedTableDataSignal.set([...filtered]);\n    }\n  });\n\n  public override displayTableDataSignal = signal<IAbstractTableData<SortableValuesType>[]>([]);\n  public override filteredTableDataSignal = signal<IAbstractTableData<SortableValuesType>[]>([]);\n  public sortedTableDataSignal = signal<IAbstractTableData<SortableValuesType>[]>([]);\n  public abstractExistingSortState: IAbstractSortState | null = null;\n  public sortStateSignal = signal<IAbstractSortState>({});\n  public sortedColumnTitleSignal = signal<string>('');\n  public sortedColumnDirectionSignal = signal<SortDirectionType>('none');\n\n  @Output() abstractSortState = new EventEmitter<IAbstractSortState>();\n\n  /**\n   * Creates an initial sort state for a table based on the provided table data.\n   *\n   * @param tableData - Array of table data objects representing table rows.\n   * @returns Initial sort state object with column names as keys and 'none' as values.\n   */\n  private createSortState(tableData: IAbstractTableData<SortableValuesType>[] | null): IAbstractSortState {\n    return tableData?.length\n      ? Object.keys(tableData[0]).reduce<IAbstractSortState>((state, key) => {\n          state[key] = 'none';\n          return state;\n        }, {})\n      : {};\n  }\n  /**\n   * Initializes the sort state for the sortable table component.\n   *\n   * This method sets the initial sort state based on the existing sort state or creates a new one\n   * if none exists. It then updates the sort state signal with the initial sort state.\n   *\n   * If an existing sort state is found, it iterates over each entry and triggers the sort change\n   * for each key that has a sort type other than 'none'.\n   *\n   * @private\n   * @returns {void}\n   */\n  private initialiseSortState(): void {\n    const existingSortState = this.abstractExistingSortState;\n    const initialSortState = existingSortState || this.createSortState(this.displayTableDataSignal());\n    this.applyFilterState();\n\n    this.sortStateSignal.set(initialSortState);\n\n    if (existingSortState) {\n      for (const [key, sortType] of Object.entries(existingSortState)) {\n        if (sortType !== 'none') {\n          this.onSortChange({ key, sortType });\n        }\n      }\n    }\n    this.getSortedColumn();\n  }\n\n  /**\n   * Updates the sort state for a given column key and sort type.\n   * Resets the sort state for all other columns to 'none'.\n   *\n   * @param key - The column to sort by.\n   * @param sortType - Sorting order ('ascending' or 'descending').\n   */\n  private updateSortState(key: string, sortType: 'ascending' | 'descending'): void {\n    this.sortStateSignal.set(\n      Object.keys(this.sortStateSignal()).reduce<IAbstractSortState>((state, columnKey) => {\n        state[columnKey] = columnKey === key ? sortType : 'none';\n        return state;\n      }, {}),\n    );\n  }\n\n  /**\n   * Retrieves the sorted table data based on the specified key and sort type.\n   *\n   * @param key - The key of the property to sort by.\n   * @param sortType - The type of sorting to apply, either 'ascending' or 'descending'.\n   * @returns An array of sorted table data objects.\n   */\n  private getSortedTableData(\n    key: string,\n    sortType: 'ascending' | 'descending',\n  ): IAbstractTableData<SortableValuesType>[] {\n    return sortType === 'ascending'\n      ? (this.sortService.sortObjectArrayAsc(\n          this.filteredTableDataSignal(),\n          key,\n        ) as IAbstractTableData<SortableValuesType>[])\n      : (this.sortService.sortObjectArrayDesc(\n          this.filteredTableDataSignal(),\n          key,\n        ) as IAbstractTableData<SortableValuesType>[]);\n  }\n\n  /**\n   * Determines the first column with a sort state other than 'none' and updates the sorted column signals accordingly.\n   *\n   * - If a sorted column is found, updates the `sortedColumnTitleSignal` and `sortedColumnDirectionSignal` with the column key and state.\n   * - If no sorted column is found, sets the `sortedColumnTitleSignal` to an empty string and `sortedColumnDirectionSignal` to 'none'.\n   *\n   * @private\n   * @returns {void}\n   */\n  private getSortedColumn(): void {\n    // Find the first column that has a sort state other than 'none'\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const sortedColumn = Object.entries(this.sortStateSignal()).find(([_, state]) => state !== 'none');\n\n    // If a sorted column is found, set the signal to the sorted column key and state\n    if (sortedColumn) {\n      const [columnKey, state] = sortedColumn;\n      this.sortedColumnTitleSignal.set(columnKey);\n      this.sortedColumnDirectionSignal.set(state);\n    } else {\n      // Otherwise, set the signal to null\n      this.sortedColumnTitleSignal.set('');\n      this.sortedColumnDirectionSignal.set('none');\n    }\n  }\n\n  /**\n   * Handles the change in sorting for the table.\n   *\n   * @param event - An object containing the key to sort by and the sort type.\n   * @param event.key - The key of the column to sort.\n   * @param event.sortType - The type of sorting to apply ('ascending' or 'descending').\n   *\n   * This method updates the sort state, sorts the table data based on the provided key and sort type,\n   * updates the table data signal, and emits the updated sort state.\n   */\n  protected onSortChange(event: { key: string; sortType: 'ascending' | 'descending' }): void {\n    const { key, sortType } = event;\n\n    this.updateSortState(key, sortType);\n    this.getSortedColumn();\n    const sortedData = this.getSortedTableData(key, sortType);\n\n    // Update the table data signal\n    this.sortedTableDataSignal.set(sortedData);\n\n    // Emit the updated sort state\n    this.abstractSortState.emit(this.sortStateSignal());\n  }\n\n  /**\n   * Lifecycle hook to initialise the sort state.\n   */\n  public ngOnInit(): void {\n    this.initialiseSortState();\n  }\n  /**\n   * Applies the current filters to the table data and updates the sorted data accordingly.\n   *\n   * This method overrides the parent implementation to additionally handle sorting.\n   * If there is an active sort key, it applies the corresponding sort to the filtered data.\n   * If no sort key is active, it simply updates the sorted data to match the filtered data.\n   *\n   * @override\n   */\n  public override onApplyFilters(): void {\n    super.onApplyFilters();\n\n    const key = this.sortedColumnTitleSignal();\n    const sortType = this.sortedColumnDirectionSignal();\n\n    if (!key || sortType === 'none') {\n      this.sortedTableDataSignal.set([...this.filteredTableDataSignal()]);\n    } else {\n      this.onSortChange({ key, sortType });\n    }\n  }\n\n  /**\n   * Clears all filters applied to the table and restores the data to its unfiltered state.\n   * If a sort is currently active, re-applies the sort after clearing filters.\n   * Otherwise, resets the sorted table data to match the filtered data.\n   *\n   * @override\n   */\n  public override clearAllFilters(): void {\n    super.clearAllFilters();\n\n    const key = this.sortedColumnTitleSignal();\n    const sortType = this.sortedColumnDirectionSignal();\n\n    if (!key || sortType === 'none') {\n      this.sortedTableDataSignal.set([...this.filteredTableDataSignal()]);\n    } else {\n      this.onSortChange({ key, sortType });\n    }\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-table-filter.mjs

@@ -2,12 +2,12 @@ import * as i0 from '@angular/core';
 import { signal, computed, Component } from '@angular/core';
 
 class AbstractTableFilterComponent {
-    displayTableDataSignal = signal([], ...(ngDevMode ? [{ debugName: "displayTableDataSignal" }] : []));
-    filteredTableDataSignal = signal([], ...(ngDevMode ? [{ debugName: "filteredTableDataSignal" }] : []));
-    filterTags = signal([], ...(ngDevMode ? [{ debugName: "filterTags" }] : []));
-    keyword = signal('', ...(ngDevMode ? [{ debugName: "keyword" }] : []));
-    appliedFilterTags = signal([], ...(ngDevMode ? [{ debugName: "appliedFilterTags" }] : []));
-    appliedKeyword = signal('', ...(ngDevMode ? [{ debugName: "appliedKeyword" }] : []));
+    displayTableDataSignal = signal([], ...(ngDevMode ? [{ debugName: "displayTableDataSignal" }] : /* istanbul ignore next */ []));
+    filteredTableDataSignal = signal([], ...(ngDevMode ? [{ debugName: "filteredTableDataSignal" }] : /* istanbul ignore next */ []));
+    filterTags = signal([], ...(ngDevMode ? [{ debugName: "filterTags" }] : /* istanbul ignore next */ []));
+    keyword = signal('', ...(ngDevMode ? [{ debugName: "keyword" }] : /* istanbul ignore next */ []));
+    appliedFilterTags = signal([], ...(ngDevMode ? [{ debugName: "appliedFilterTags" }] : /* istanbul ignore next */ []));
+    appliedKeyword = signal('', ...(ngDevMode ? [{ debugName: "appliedKeyword" }] : /* istanbul ignore next */ []));
     /**
      * A computed signal that returns the currently selected filter tags.
      * It filters the filterTags signal to include only those options that are selected,
@@ -15,7 +15,7 @@ class AbstractTableFilterComponent {
      *
      * @returns An array of filter categories each containing only the selected options.
      */
-    abstractSelectedTags = computed(() => this.getSelectedOptionsFromTags(this.filterTags()), ...(ngDevMode ? [{ debugName: "abstractSelectedTags" }] : []));
+    abstractSelectedTags = computed(() => this.getSelectedOptionsFromTags(this.filterTags()), ...(ngDevMode ? [{ debugName: "abstractSelectedTags" }] : /* istanbul ignore next */ []));
     /**
      * Determines whether a given item matches a specific filter option within a category.
      * @param item The data item to test.
@@ -168,10 +168,10 @@ class AbstractTableFilterComponent {
         this.appliedKeyword.set(keyword);
         this.applyFilterState();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AbstractTableFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: AbstractTableFilterComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: AbstractTableFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: AbstractTableFilterComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AbstractTableFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: AbstractTableFilterComponent, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }] });

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-abstract-abstract-table-filter.mjs","sources":["../../../projects/opal-frontend-common/components/abstract/abstract-table-filter/abstract-table-filter.component.ts","../../../projects/opal-frontend-common/components/abstract/abstract-table-filter/hmcts-opal-frontend-common-components-abstract-abstract-table-filter.ts"],"sourcesContent":["import { Component, signal, computed, Signal } from '@angular/core';\nimport {\n  IAbstractTableData,\n  IAbstractTableFilterCategory,\n  IAbstractTableFilterOption,\n} from '@hmcts/opal-frontend-common/components/abstract/abstract-table-filter/interfaces';\nimport { SortableValuesType } from '@hmcts/opal-frontend-common/components/abstract/abstract-table-filter/types';\n\n@Component({ template: '' })\nexport abstract class AbstractTableFilterComponent {\n  public displayTableDataSignal = signal<IAbstractTableData<SortableValuesType>[]>([]);\n  public filteredTableDataSignal = signal<IAbstractTableData<SortableValuesType>[]>([]);\n  public filterTags = signal<IAbstractTableFilterCategory[]>([]);\n  public keyword = signal<string>('');\n  public appliedFilterTags = signal<IAbstractTableFilterCategory[]>([]);\n  public appliedKeyword = signal<string>('');\n\n  /**\n   * A computed signal that returns the currently selected filter tags.\n   * It filters the filterTags signal to include only those options that are selected,\n   * grouped by their category name.\n   *\n   * @returns An array of filter categories each containing only the selected options.\n   */\n  public abstractSelectedTags: Signal<IAbstractTableFilterCategory[]> = computed(() =>\n    this.getSelectedOptionsFromTags(this.filterTags()),\n  );\n\n  /**\n   * Determines whether a given item matches a specific filter option within a category.\n   * @param item The data item to test.\n   * @param categoryName The category name to check within the item.\n   * @param option The filter option to match against.\n   * @returns True if the item's value for the category matches the option's value; otherwise false.\n   */\n  protected matchItemWithFilterOption(\n    item: IAbstractTableData<SortableValuesType>,\n    categoryName: string,\n    option: IAbstractTableFilterOption,\n  ): boolean {\n    return item?.[categoryName] === option.value;\n  }\n\n  /**\n   * Determines whether a given item matches the keyword filter.\n   * Checks if any value in the item contains the keyword (case-insensitive).\n   * @param item The data item to test.\n   * @param keyword The keyword to match against.\n   * @returns True if any value in the item contains the keyword; otherwise false.\n   */\n  protected matchItemWithKeyword(item: IAbstractTableData<SortableValuesType>, keyword: string): boolean {\n    return Object.values(item).some((value) => value?.toString().toLowerCase().includes(keyword));\n  }\n\n  /**\n   * Extracts and returns categories from the provided tags that have at least one selected option.\n   *\n   * For each category in the input array, this method filters its options to include only those marked as selected.\n   * Only categories with at least one selected option are included in the returned array.\n   *\n   * @param tags - An array of category objects, each containing a list of options.\n   * @returns An array of category objects, each with only the selected options, and only categories with at least one selected option.\n   */\n  protected getSelectedOptionsFromTags(tags: IAbstractTableFilterCategory[]): IAbstractTableFilterCategory[] {\n    return tags\n      .map((group) => ({\n        categoryName: group.categoryName,\n        options: group.options.filter((option) => option.selected),\n      }))\n      .filter((group) => group.options.length > 0);\n  }\n\n  /**\n   * Updates the keyword used to filter the table data.\n   * @param newKeyword The new keyword string to filter by.\n   */\n  public onKeywordChange(newKeyword: string): void {\n    this.keyword.set(newKeyword);\n  }\n\n  /**\n   * Updates the selection state of a filter option within a category.\n   * @param categoryName The name of the filter category.\n   * @param optionValue The value of the filter option to update.\n   * @param selected Whether the option is selected (true) or deselected (false).\n   */\n  public onCategoryCheckboxChange(categoryName: string, optionValue: string | number, selected: boolean): void {\n    const updatedFilterTags = this.filterTags().map((group) => {\n      if (group.categoryName === categoryName) {\n        return {\n          ...group,\n          options: group.options.map((option) => (option.value === optionValue ? { ...option, selected } : option)),\n        };\n      }\n      return group;\n    });\n    this.filterTags.set(updatedFilterTags);\n  }\n\n  /**\n   * Removes a selected filter tag by deselecting the corresponding filter option.\n   * @param categoryName The name of the filter category.\n   * @param optionValue The value of the filter option to remove.\n   */\n  public removeTag(categoryName: string, optionValue: string | number): void {\n    this.onCategoryCheckboxChange(categoryName, optionValue, false);\n  }\n\n  /**\n   * Clears all applied filters and resets the filter state.\n   *\n   * This method performs the following actions:\n   * - Resets the keyword and applied keyword to empty strings.\n   * - Iterates through all filter tag groups and sets each option's `selected` property to `false`.\n   * - Updates both the current and applied filter tags with the cleared state.\n   * - Applies the updated filter state.\n   */\n  public clearAllFilters(): void {\n    this.keyword.set('');\n    this.appliedKeyword.set('');\n\n    const clearedFilterTags = this.filterTags().map((group) => ({\n      ...group,\n      options: group.options.map((option) => ({ ...option, selected: false })),\n    }));\n\n    this.filterTags.set(clearedFilterTags);\n    this.appliedFilterTags.set(clearedFilterTags);\n\n    this.applyFilterState();\n  }\n\n  /**\n   * Initializes and updates the filtered table data based on the currently applied keyword and filter tags.\n   *\n   * This method performs the following steps:\n   * 1. Retrieves the current table data, applied keyword, and filter tags.\n   * 2. If filter tags are present, filters the data to include only items that match all selected filter options.\n   * 3. If a keyword is present, further filters the data to include only items that match the keyword.\n   * 4. Updates the filtered table data signal with the resulting filtered data.\n   *\n   * @remarks\n   * - Filtering by tags requires each item to match every group of filter tags.\n   * - Filtering by keyword is case-insensitive and trims whitespace.\n   */\n  public applyFilterState(): void {\n    const data = this.displayTableDataSignal();\n    const keyword = this.appliedKeyword().toLowerCase().trim();\n    const tags = this.appliedFilterTags();\n\n    const selectedTagGroups = this.getSelectedOptionsFromTags(tags);\n\n    let filtered = data;\n\n    if (selectedTagGroups.length > 0) {\n      filtered = filtered.filter((item) =>\n        selectedTagGroups.every((group) =>\n          group.options.some((option) => this.matchItemWithFilterOption(item, group.categoryName, option)),\n        ),\n      );\n    }\n\n    if (keyword) {\n      filtered = filtered.filter((item) => this.matchItemWithKeyword(item, keyword));\n    }\n\n    this.filteredTableDataSignal.set(filtered);\n  }\n\n  /**\n   * Applies the current filter tags and keyword to the table data.\n   *\n   * This method updates the `appliedFilterTags` and `appliedKeyword` properties\n   * with the current filter values, then re-initialises the filtered data set\n   * by invoking `applyFilterState()`.\n   *\n   * Typically called when the user confirms or applies filter changes in the UI.\n   */\n  public onApplyFilters(): void {\n    this.appliedFilterTags.set(this.filterTags());\n    this.appliedKeyword.set(this.keyword());\n    this.applyFilterState();\n  }\n\n  /**\n   * Sets the data to be displayed in the table.\n   *\n   * @param data - An array of table data objects conforming to the `IAbstractTableData<SortableValuesType>` interface.\n   */\n  public setTableData(data: IAbstractTableData<SortableValuesType>[]): void {\n    this.displayTableDataSignal.set(data);\n  }\n\n  /**\n   * Resets the filter and keyword state to the provided values and reapplies them.\n   *\n   * @param tags - The filter tag state to apply (including selected values).\n   * @param keyword - The keyword string to apply (optional, defaults to empty).\n   */\n  public resetFiltersTo(tags: IAbstractTableFilterCategory[], keyword: string = ''): void {\n    this.filterTags.set(tags);\n    this.keyword.set(keyword);\n    this.appliedFilterTags.set(tags);\n    this.appliedKeyword.set(keyword);\n    this.applyFilterState();\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-table-filter.mjs","sources":["../../../projects/opal-frontend-common/components/abstract/abstract-table-filter/abstract-table-filter.component.ts","../../../projects/opal-frontend-common/components/abstract/abstract-table-filter/hmcts-opal-frontend-common-components-abstract-abstract-table-filter.ts"],"sourcesContent":["import { Component, signal, computed, Signal } from '@angular/core';\nimport {\n  IAbstractTableData,\n  IAbstractTableFilterCategory,\n  IAbstractTableFilterOption,\n} from '@hmcts/opal-frontend-common/components/abstract/abstract-table-filter/interfaces';\nimport { SortableValuesType } from '@hmcts/opal-frontend-common/components/abstract/abstract-table-filter/types';\n\n@Component({ template: '' })\nexport abstract class AbstractTableFilterComponent {\n  public displayTableDataSignal = signal<IAbstractTableData<SortableValuesType>[]>([]);\n  public filteredTableDataSignal = signal<IAbstractTableData<SortableValuesType>[]>([]);\n  public filterTags = signal<IAbstractTableFilterCategory[]>([]);\n  public keyword = signal<string>('');\n  public appliedFilterTags = signal<IAbstractTableFilterCategory[]>([]);\n  public appliedKeyword = signal<string>('');\n\n  /**\n   * A computed signal that returns the currently selected filter tags.\n   * It filters the filterTags signal to include only those options that are selected,\n   * grouped by their category name.\n   *\n   * @returns An array of filter categories each containing only the selected options.\n   */\n  public abstractSelectedTags: Signal<IAbstractTableFilterCategory[]> = computed(() =>\n    this.getSelectedOptionsFromTags(this.filterTags()),\n  );\n\n  /**\n   * Determines whether a given item matches a specific filter option within a category.\n   * @param item The data item to test.\n   * @param categoryName The category name to check within the item.\n   * @param option The filter option to match against.\n   * @returns True if the item's value for the category matches the option's value; otherwise false.\n   */\n  protected matchItemWithFilterOption(\n    item: IAbstractTableData<SortableValuesType>,\n    categoryName: string,\n    option: IAbstractTableFilterOption,\n  ): boolean {\n    return item?.[categoryName] === option.value;\n  }\n\n  /**\n   * Determines whether a given item matches the keyword filter.\n   * Checks if any value in the item contains the keyword (case-insensitive).\n   * @param item The data item to test.\n   * @param keyword The keyword to match against.\n   * @returns True if any value in the item contains the keyword; otherwise false.\n   */\n  protected matchItemWithKeyword(item: IAbstractTableData<SortableValuesType>, keyword: string): boolean {\n    return Object.values(item).some((value) => value?.toString().toLowerCase().includes(keyword));\n  }\n\n  /**\n   * Extracts and returns categories from the provided tags that have at least one selected option.\n   *\n   * For each category in the input array, this method filters its options to include only those marked as selected.\n   * Only categories with at least one selected option are included in the returned array.\n   *\n   * @param tags - An array of category objects, each containing a list of options.\n   * @returns An array of category objects, each with only the selected options, and only categories with at least one selected option.\n   */\n  protected getSelectedOptionsFromTags(tags: IAbstractTableFilterCategory[]): IAbstractTableFilterCategory[] {\n    return tags\n      .map((group) => ({\n        categoryName: group.categoryName,\n        options: group.options.filter((option) => option.selected),\n      }))\n      .filter((group) => group.options.length > 0);\n  }\n\n  /**\n   * Updates the keyword used to filter the table data.\n   * @param newKeyword The new keyword string to filter by.\n   */\n  public onKeywordChange(newKeyword: string): void {\n    this.keyword.set(newKeyword);\n  }\n\n  /**\n   * Updates the selection state of a filter option within a category.\n   * @param categoryName The name of the filter category.\n   * @param optionValue The value of the filter option to update.\n   * @param selected Whether the option is selected (true) or deselected (false).\n   */\n  public onCategoryCheckboxChange(categoryName: string, optionValue: string | number, selected: boolean): void {\n    const updatedFilterTags = this.filterTags().map((group) => {\n      if (group.categoryName === categoryName) {\n        return {\n          ...group,\n          options: group.options.map((option) => (option.value === optionValue ? { ...option, selected } : option)),\n        };\n      }\n      return group;\n    });\n    this.filterTags.set(updatedFilterTags);\n  }\n\n  /**\n   * Removes a selected filter tag by deselecting the corresponding filter option.\n   * @param categoryName The name of the filter category.\n   * @param optionValue The value of the filter option to remove.\n   */\n  public removeTag(categoryName: string, optionValue: string | number): void {\n    this.onCategoryCheckboxChange(categoryName, optionValue, false);\n  }\n\n  /**\n   * Clears all applied filters and resets the filter state.\n   *\n   * This method performs the following actions:\n   * - Resets the keyword and applied keyword to empty strings.\n   * - Iterates through all filter tag groups and sets each option's `selected` property to `false`.\n   * - Updates both the current and applied filter tags with the cleared state.\n   * - Applies the updated filter state.\n   */\n  public clearAllFilters(): void {\n    this.keyword.set('');\n    this.appliedKeyword.set('');\n\n    const clearedFilterTags = this.filterTags().map((group) => ({\n      ...group,\n      options: group.options.map((option) => ({ ...option, selected: false })),\n    }));\n\n    this.filterTags.set(clearedFilterTags);\n    this.appliedFilterTags.set(clearedFilterTags);\n\n    this.applyFilterState();\n  }\n\n  /**\n   * Initializes and updates the filtered table data based on the currently applied keyword and filter tags.\n   *\n   * This method performs the following steps:\n   * 1. Retrieves the current table data, applied keyword, and filter tags.\n   * 2. If filter tags are present, filters the data to include only items that match all selected filter options.\n   * 3. If a keyword is present, further filters the data to include only items that match the keyword.\n   * 4. Updates the filtered table data signal with the resulting filtered data.\n   *\n   * @remarks\n   * - Filtering by tags requires each item to match every group of filter tags.\n   * - Filtering by keyword is case-insensitive and trims whitespace.\n   */\n  public applyFilterState(): void {\n    const data = this.displayTableDataSignal();\n    const keyword = this.appliedKeyword().toLowerCase().trim();\n    const tags = this.appliedFilterTags();\n\n    const selectedTagGroups = this.getSelectedOptionsFromTags(tags);\n\n    let filtered = data;\n\n    if (selectedTagGroups.length > 0) {\n      filtered = filtered.filter((item) =>\n        selectedTagGroups.every((group) =>\n          group.options.some((option) => this.matchItemWithFilterOption(item, group.categoryName, option)),\n        ),\n      );\n    }\n\n    if (keyword) {\n      filtered = filtered.filter((item) => this.matchItemWithKeyword(item, keyword));\n    }\n\n    this.filteredTableDataSignal.set(filtered);\n  }\n\n  /**\n   * Applies the current filter tags and keyword to the table data.\n   *\n   * This method updates the `appliedFilterTags` and `appliedKeyword` properties\n   * with the current filter values, then re-initialises the filtered data set\n   * by invoking `applyFilterState()`.\n   *\n   * Typically called when the user confirms or applies filter changes in the UI.\n   */\n  public onApplyFilters(): void {\n    this.appliedFilterTags.set(this.filterTags());\n    this.appliedKeyword.set(this.keyword());\n    this.applyFilterState();\n  }\n\n  /**\n   * Sets the data to be displayed in the table.\n   *\n   * @param data - An array of table data objects conforming to the `IAbstractTableData<SortableValuesType>` interface.\n   */\n  public setTableData(data: IAbstractTableData<SortableValuesType>[]): void {\n    this.displayTableDataSignal.set(data);\n  }\n\n  /**\n   * Resets the filter and keyword state to the provided values and reapplies them.\n   *\n   * @param tags - The filter tag state to apply (including selected values).\n   * @param keyword - The keyword string to apply (optional, defaults to empty).\n   */\n  public resetFiltersTo(tags: IAbstractTableFilterCategory[], keyword: string = ''): void {\n    this.filterTags.set(tags);\n    this.keyword.set(keyword);\n    this.appliedFilterTags.set(tags);\n    this.appliedKeyword.set(keyword);\n    this.applyFilterState();\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-alphagov-alphagov-accessible-autocomplete.mjs

@@ -221,10 +221,10 @@ class AlphagovAccessibleAutocompleteComponent {
         this.describedByObserver?.disconnect();
         this.containerObserver?.disconnect();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AlphagovAccessibleAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", 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 }], usesOnChanges: 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: "21.2.6", ngImport: i0, type: AlphagovAccessibleAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", 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 }], usesOnChanges: 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: "21.2.1", ngImport: i0, type: AlphagovAccessibleAutocompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", 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: [{