@hmcts/opal-frontend-common 0.0.19 → 0.0.20

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

@@ -164,12 +164,12 @@ declare abstract class AbstractFormBaseComponent implements OnInit, OnDestroy {
      */
     protected hasUnsavedChanges(): boolean;
     /**
-     * Sets the value of a specified form control and marks it as touched.
+     * Sets the value of a form control specified by its path and marks it as touched.
      *
-     * @param {string} value - The value to set for the form control.
-     * @param {string} control - The name of the form control to update.
+     * @param value - The value to set for the form control.
+     * @param controlPath - The dot-delimited path to the form control within the form group.
      */
-    protected setInputValue(value: string, control: string): void;
+    protected setInputValue(value: string, controlPath: string): void;
     /**
      * Handles the form errors for the date input fields.
      * @param formErrors - An array of form errors.
@@ -229,7 +229,7 @@ declare abstract class AbstractFormBaseComponent implements OnInit, OnDestroy {
      * @param route string of route
      * @param nonRelative boolean indicating if route is relative to the parent
      */
-    handleRoute(route: string, nonRelative?: boolean, event?: Event): void;
+    handleRoute(route: string, nonRelative?: boolean, event?: Event, routeData?: any): void;
     /**
      * Handles the form submission event.
      *

package/components/govuk/govuk-tabs/govuk-tabs-list-item/README.md

@@ -0,0 +1,64 @@
+# GOV.UK Tab List Item Component
+
+This Angular component renders a single `<li>` element with the appropriate GOV.UK class for use within a tabbed navigation structure. It wraps a projected `<a>` tag that acts as the tab link.
+
+## Table of Contents
+
+- [Installation](#installation)
+- [Usage](#usage)
+- [Testing](#testing)
+- [Contributing](#contributing)
+
+## Installation
+
+Each component in the `govuk-tabs` group is exported individually:
+
+```typescript
+import { GovukTabListItemComponent } from 'opal-frontend-common/components/govuk/govuk-tabs/govuk-tab-list-item';
+```
+
+## Usage
+
+This component renders a `<li>` with appropriate GOV.UK classes for use within a tabs list. It wraps a projected `<a>` element.
+
+You must provide the following inputs:
+
+- `tabItemFragment` — a unique string fragment to identify this tab
+- `activeTabItemFragment` — the currently selected fragment (e.g. from the route or state)
+- `tabItemId` — the unique ID for accessibility
+
+The link text inside the `<a>` is projected using `<ng-content>`.
+
+### Example
+
+```html
+<opal-lib-govuk-tabs-list-item
+  [tabItemFragment]="'panel-individuals'"
+  [activeTabItemFragment]="activeTabFragment"
+  [tabItemId]="'tab-individuals'"
+>
+  <ng-content [linkText]>Individuals</ng-content>
+</opal-lib-govuk-tabs-list-item>
+```
+
+This results in:
+
+```html
+<li class="govuk-tabs__list-item govuk-tabs__list-item--selected" id="tab-individuals">
+  <a id="tab-individuals" href="#panel-individuals" class="govuk-tabs__tab">Individuals</a>
+</li>
+```
+
+The `govuk-tabs__list-item--selected` class is applied automatically when `tabItemFragment` matches `activeTabItemFragment`.
+
+## Testing
+
+Unit tests for this component can be found in the `govuk-tab-list-item.component.spec.ts` file. To run the tests:
+
+```bash
+ng test
+```
+
+## Contributing
+
+Feel free to submit issues or pull requests to improve this component.

package/components/govuk/govuk-tabs/govuk-tabs-list-item/index.d.ts

@@ -0,0 +1,21 @@
+import * as i0 from '@angular/core';
+
+declare class GovukTabsListItemComponent {
+    private readonly router;
+    private readonly route;
+    tabItemId: string;
+    tabItemFragment: string;
+    activeTabItemFragment: string;
+    get hostClass(): string;
+    get hostId(): string;
+    /**
+     * Handles the click event of a sub-navigation item.
+     * @param event - The click event.
+     * @param item - The item string.
+     */
+    handleItemClick(event: Event, item: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GovukTabsListItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GovukTabsListItemComponent, "opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]", never, { "tabItemId": { "alias": "tabItemId"; "required": true; }; "tabItemFragment": { "alias": "tabItemFragment"; "required": true; }; "activeTabItemFragment": { "alias": "activeTabItemFragment"; "required": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { GovukTabsListItemComponent };

package/components/govuk/govuk-tabs/govuk-tabs-panel/README.md

@@ -0,0 +1,52 @@
+# GOV.UK Tab Panel Component
+
+This Angular component renders a GOV.UK-styled tab panel, used in conjunction with `govuk-tabs` and `govuk-tab-list-item`. It wraps content in a `<div>` with the appropriate GOV.UK class.
+
+## Table of Contents
+
+- [Installation](#installation)
+- [Usage](#usage)
+- [Testing](#testing)
+- [Contributing](#contributing)
+
+## Installation
+
+Each component in the `govuk-tabs` group is exported individually:
+
+```typescript
+import { GovukTabPanelComponent } from 'opal-frontend-common/components/govuk/govuk-tabs/govuk-tab-panel';
+```
+
+## Usage
+
+Wrap your tab content in this component and provide a unique ID to link it with the corresponding tab.
+
+### Example
+
+```html
+<opal-lib-govuk-tab-panel id="panel-individuals">
+  <h2 class="govuk-heading-m">Individuals</h2>
+  <p>This is content for the Individuals tab.</p>
+</opal-lib-govuk-tab-panel>
+```
+
+This renders:
+
+```html
+<div class="govuk-tabs__panel" id="panel-individuals">
+  <h2 class="govuk-heading-m">Individuals</h2>
+  <p>This is content for the Individuals tab.</p>
+</div>
+```
+
+## Testing
+
+Unit tests for this component can be found in the `govuk-tab-panel.component.spec.ts` file. To run the tests:
+
+```bash
+ng test
+```
+
+## Contributing
+
+Feel free to submit issues or pull requests to improve this component.

package/components/govuk/govuk-tabs/govuk-tabs-panel/index.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from '@angular/core';
+
+declare class GovukTabsPanelComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GovukTabsPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GovukTabsPanelComponent, "opal-lib-govuk-tabs-panel", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { GovukTabsPanelComponent };

package/components/govuk/govuk-tabs/index.d.ts

@@ -1,39 +1,27 @@
 import * as i0 from '@angular/core';
-import { AfterViewInit } from '@angular/core';
+import { OnInit, OnDestroy, EventEmitter } from '@angular/core';
 
-declare class GovukTabListItemComponent {
-    private readonly utilService;
-    _tabsListItemId: string;
-    tabsId: string;
-    set tabsListItemId(tabsListItemId: string);
-    tabListItemHref: string;
-    tabListItemName: string;
-    hostClass: string;
-    hostId: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GovukTabListItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GovukTabListItemComponent, "opal-lib-govuk-tab-list-item, [opal-lib-govuk-tab-list-item]", never, { "tabsId": { "alias": "tabsId"; "required": true; }; "tabsListItemId": { "alias": "tabsListItemId"; "required": true; }; "tabListItemHref": { "alias": "tabListItemHref"; "required": true; }; "tabListItemName": { "alias": "tabListItemName"; "required": true; }; }, {}, never, never, true, never>;
-}
-
-declare class GovukTabPanelComponent {
-    private readonly utilService;
-    _tabsPanelId: string;
-    tabsId: string;
-    set tabsPanelId(tabsPanelId: string);
-    static ɵfac: i0.ɵɵFactoryDeclaration<GovukTabPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GovukTabPanelComponent, "opal-lib-govuk-tab-panel", never, { "tabsId": { "alias": "tabsId"; "required": true; }; "tabsPanelId": { "alias": "tabsPanelId"; "required": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class GovukTabsComponent implements AfterViewInit {
-    private readonly platformId;
-    tabsId: string;
+declare class GovukTabsComponent implements OnInit, OnDestroy {
+    private readonly route;
+    private readonly ngUnsubscribe;
+    tabId: string;
+    activeTabFragmentChange: EventEmitter<string>;
+    private setupListeners;
+    /**
+     * Angular lifecycle hook that is called after the component's data-bound properties have been initialized.
+     * Initializes the component by setting up necessary event listeners.
+     *
+     * @remarks
+     * This method is part of the Angular OnInit lifecycle interface.
+     */
+    ngOnInit(): void;
     /**
-     * Lifecycle hook that is called after Angular has fully initialized the component's view.
-     * It is called only once after the first ngAfterContentChecked.
-     * We use it to initialize the govuk-frontend component.
+     * Lifecycle hook that is called when the component is about to be destroyed.
+     * Unsubscribes from the route fragment subscription.
      */
-    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukTabsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GovukTabsComponent, "opal-lib-govuk-tabs", never, { "tabsId": { "alias": "tabsId"; "required": true; }; }, {}, never, ["[items]", "[panels]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GovukTabsComponent, "opal-lib-govuk-tabs", never, { "tabId": { "alias": "tabId"; "required": true; }; }, { "activeTabFragmentChange": "activeTabFragmentChange"; }, never, ["[tab-list-items]", "[tab-panels]"], true, never>;
 }
 
-export { GovukTabListItemComponent, GovukTabPanelComponent, GovukTabsComponent };
+export { GovukTabsComponent };

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

@@ -311,14 +311,17 @@ class AbstractFormBaseComponent {
         return this.form.dirty && !this.formSubmitted;
     }
     /**
-     * Sets the value of a specified form control and marks it as touched.
+     * Sets the value of a form control specified by its path and marks it as touched.
      *
-     * @param {string} value - The value to set for the form control.
-     * @param {string} control - The name of the form control to update.
+     * @param value - The value to set for the form control.
+     * @param controlPath - The dot-delimited path to the form control within the form group.
      */
-    setInputValue(value, control) {
-        this.form.controls[control].patchValue(value);
-        this.form.controls[control].markAsTouched();
+    setInputValue(value, controlPath) {
+        const control = this.form.get(controlPath);
+        if (control) {
+            control.patchValue(value);
+            control.markAsTouched();
+        }
     }
     /**
      * Handles the form errors for the date input fields.
@@ -422,17 +425,17 @@ class AbstractFormBaseComponent {
      * @param route string of route
      * @param nonRelative boolean indicating if route is relative to the parent
      */
-    handleRoute(route, nonRelative = false, event) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    handleRoute(route, nonRelative = false, event, routeData) {
         if (event) {
             event.preventDefault();
         }
         this.unsavedChanges.emit(this.hasUnsavedChanges());
-        if (nonRelative) {
-            this.router.navigate([route]);
-        }
-        else {
-            this.router.navigate([route], { relativeTo: this.activatedRoute.parent });
-        }
+        const navigationExtras = {
+            ...(nonRelative ? {} : { relativeTo: this.activatedRoute.parent }),
+            ...(routeData !== undefined ? { state: routeData } : {}),
+        };
+        this.router.navigate([route], navigationExtras);
     }
     /**
      * Handles the form submission event.

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-abstract-abstract-form-base.mjs","sources":["../../../projects/opal-frontend-common/components/abstract/abstract-form-base/abstract-form-base.component.ts","../../../projects/opal-frontend-common/components/abstract/abstract-form-base/hmcts-opal-frontend-common-components-abstract-abstract-form-base.ts"],"sourcesContent":["import { ChangeDetectorRef, Component, EventEmitter, OnDestroy, OnInit, Output, inject } from '@angular/core';\nimport { FormArray, FormControl, FormGroup, ValidatorFn } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Subject, takeUntil } from 'rxjs';\nimport { IAbstractFormBaseFieldError } from './interfaces/abstract-form-base-field-error.interface';\nimport { IAbstractFormBaseFieldErrors } from './interfaces/abstract-form-base-field-errors.interface';\nimport { IAbstractFormBaseFormError } from './interfaces/abstract-form-base-form-error.interface';\nimport {\n  IAbstractFormBaseFormErrorSummaryMessage,\n  IAbstractFormControlErrorMessage,\n  IAbstractFormArrayControlValidation,\n} from '@hmcts/opal-frontend-common/components/abstract/interfaces';\nimport { IAbstractFormBaseHighPriorityFormError } from './interfaces/abstract-form-base-high-priority-form-error.interface';\nimport { IAbstractFormBaseForm } from './interfaces/abstract-form-base-form.interface';\nimport { UtilsService } from '@hmcts/opal-frontend-common/services/utils-service';\n\n@Component({\n  template: '',\n})\nexport abstract class AbstractFormBaseComponent implements OnInit, OnDestroy {\n  @Output() protected unsavedChanges = new EventEmitter<boolean>();\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  @Output() protected formSubmit = new EventEmitter<IAbstractFormBaseForm<any>>();\n\n  private readonly changeDetectorRef = inject(ChangeDetectorRef);\n  private readonly router = inject(Router);\n  private readonly activatedRoute = inject(ActivatedRoute);\n  protected readonly utilsService = inject(UtilsService);\n\n  public form!: FormGroup;\n  public formControlErrorMessages!: IAbstractFormControlErrorMessage;\n  public formErrorSummaryMessage!: IAbstractFormBaseFormErrorSummaryMessage[];\n  protected fieldErrors!: IAbstractFormBaseFieldErrors;\n  protected formSubmitted = false;\n  protected readonly ngUnsubscribe = new Subject<void>();\n  public formErrors!: IAbstractFormBaseFormError[];\n\n  constructor() {}\n\n  /**\n   * Scrolls to the label of the component and focuses on the field id\n   *\n   * @param fieldId - Field id of the component\n   */\n  private scroll(fieldId: string): void {\n    let labelTarget;\n    let fieldElement;\n\n    const autocompleteLabel = document.querySelector(`label[for=${fieldId}-autocomplete]`);\n    const regularLabel = document.querySelector(`label[for=${fieldId}]`);\n    const fieldsetLegend = document.querySelector(`#${fieldId} .govuk-fieldset__legend`);\n\n    if (autocompleteLabel) {\n      labelTarget = autocompleteLabel;\n      fieldElement = document.getElementById(`${fieldId}-autocomplete`);\n    } else {\n      labelTarget = regularLabel || fieldsetLegend;\n      fieldElement = document.getElementById(fieldId);\n    }\n\n    if (fieldElement) {\n      if (labelTarget) {\n        labelTarget.scrollIntoView({ behavior: 'smooth' });\n      }\n      fieldElement.focus();\n    }\n  }\n\n  /**\n   * Returns the highest priority form error from the given error keys and field errors.\n   * @param errorKeys - An array of error keys.\n   * @param fieldErrors - An object containing field errors.\n   * @returns The highest priority form error or null if no errors are found.\n   */\n  private getHighestPriorityError(\n    errorKeys: string[] = [],\n    fieldErrors: IAbstractFormBaseFieldError = {},\n  ): IAbstractFormBaseHighPriorityFormError | null {\n    if (errorKeys.length && Object.keys(fieldErrors).length) {\n      const errors = errorKeys.map((errorType: string) => {\n        return {\n          ...fieldErrors[errorType],\n          type: errorType,\n        };\n      });\n\n      const sortedErrors = [...errors].sort((a, b) => a.priority - b.priority);\n\n      return sortedErrors[0];\n    }\n    return null;\n  }\n\n  /**\n   * Retrieves the details of the highest priority form error for a given control path.\n   * @param controlPath - The path to the control in the form.\n   * @returns The details of the highest priority form error, or null if there are no errors.\n   */\n  private getFieldErrorDetails(controlPath: (string | number)[]): IAbstractFormBaseHighPriorityFormError | null {\n    // Get the control\n    const control = this.form.get(controlPath);\n\n    // If we have errors\n    const controlErrors = control?.errors;\n\n    if (controlErrors) {\n      /// Get all the error keys\n      const controlKey = controlPath[controlPath.length - 1];\n      const errorKeys = Object.keys(controlErrors) || [];\n      const fieldErrors = this.fieldErrors[controlKey] || {};\n\n      if (errorKeys.length && Object.keys(fieldErrors).length) {\n        return this.getHighestPriorityError(errorKeys, fieldErrors);\n      }\n    }\n    return null;\n  }\n\n  /**\n   * Retrieves all form errors from the provided form and its nested form groups.\n   *\n   * @param form - The form group to retrieve errors from.\n   * @param controlPath - An optional array representing the path to the current control within the form group.\n   * @returns An array of form errors, each containing the field ID, error message, priority, and type.\n   */\n  private getFormErrors(form: FormGroup, controlPath: (string | number)[] = []): IAbstractFormBaseFormError[] {\n    // recursively get all errors from all controls in the form including nested form group controls\n    const formControls = form.controls;\n\n    const errorSummary = Object.keys(formControls)\n      .filter((controlName) => formControls[controlName].invalid)\n      .map((controlName) => {\n        const control = formControls[controlName];\n\n        if (control instanceof FormGroup) {\n          return this.getFormErrors(control, [...controlPath, controlName]);\n        }\n\n        if (control instanceof FormArray) {\n          return control.controls\n            .map((controlItem, index) => {\n              // We only support FormGroups in FormArrays\n              if (controlItem instanceof FormGroup) {\n                return this.getFormErrors(controlItem, [...controlPath, controlName, index]);\n              }\n\n              return [];\n            })\n            .flat();\n        }\n\n        const getFieldErrorDetails = this.getFieldErrorDetails([...controlPath, controlName]);\n\n        // Return the error summary entry\n        // If we don't have the error details, return a null message\n        return {\n          fieldId: controlName,\n          message: getFieldErrorDetails?.message ?? null,\n          priority: getFieldErrorDetails?.priority ?? 999999999,\n          type: getFieldErrorDetails?.type ?? null,\n        };\n      })\n      .flat();\n\n    // Remove any null errors\n    return errorSummary.filter((item) => item?.message !== null);\n  }\n\n  /**\n   * Sets the error messages for the form controls and error summary based on the provided form errors.\n   * @param formErrors - An array of form errors containing field IDs and error messages.\n   */\n  private setErrorMessages(formErrors: IAbstractFormBaseFormError[]) {\n    // Reset the form error messages\n    this.formControlErrorMessages = {};\n    this.formErrorSummaryMessage = [];\n\n    // Set the form error messages based on the error summary entries\n    formErrors.forEach((entry) => {\n      this.formControlErrorMessages[entry.fieldId] = entry.message;\n      this.formErrorSummaryMessage.push({ fieldId: entry.fieldId, message: entry.message });\n    });\n  }\n\n  /**\n   * Gets the indexes of the date fields to remove based on the form error summary message.\n   * @returns An array of indexes representing the date fields to remove.\n   */\n  private getDateFieldsToRemoveIndexes(): number[] {\n    const indexesToRemove: number[] = [];\n    // The order of the field ids is important\n    // this is the order in which we want to remove them\n    const foundIndexes = this.getFormErrorSummaryIndex(\n      ['dayOfMonth', 'monthOfYear', 'year'],\n      this.formErrorSummaryMessage,\n    );\n\n    // Determine which indexes to remove based on the found fields\n    switch (foundIndexes.length) {\n      case 3:\n        // All three date fields are present\n        indexesToRemove.push(foundIndexes[1], foundIndexes[2]);\n        break;\n      case 2:\n        // Two date fields are present\n        indexesToRemove.push(foundIndexes[1]);\n        break;\n    }\n\n    return indexesToRemove;\n  }\n\n  /**\n   * Returns an array of indices corresponding to the positions of the given field IDs in the form error summary message array.\n   *\n   * @param fieldIds - An array of field IDs to search for in the form error summary message array.\n   * @param formErrorSummaryMessage - An array of form error summary messages.\n   * @returns An array of indices corresponding to the positions of the field IDs in the form error summary message array.\n   */\n  private getFormErrorSummaryIndex(\n    fieldIds: string[],\n    formErrorSummaryMessage: IAbstractFormBaseFormErrorSummaryMessage[],\n  ): number[] {\n    return fieldIds.reduce((acc: number[], field) => {\n      const index = formErrorSummaryMessage.findIndex((error) => error.fieldId === field);\n      return index !== -1 ? [...acc, index] : acc;\n    }, []);\n  }\n\n  /**\n   * Removes error summary messages from the given array based on the specified indexes.\n   *\n   * @param formErrorSummaryMessage - The array of error summary messages.\n   * @param indexes - The indexes of the error summary messages to be removed.\n   * @returns The updated array of error summary messages.\n   */\n  private removeErrorSummaryMessages(\n    formErrorSummaryMessage: IAbstractFormBaseFormErrorSummaryMessage[],\n    indexes: number[],\n  ): IAbstractFormBaseFormErrorSummaryMessage[] {\n    return formErrorSummaryMessage.filter((_, index) => !indexes.includes(index));\n  }\n\n  /**\n   * Splits the form errors into two arrays based on the provided field IDs.\n   * Errors with field IDs included in the fieldIds array will be moved to the removedFormErrors array,\n   * while the remaining errors will be moved to the cleanFormErrors array.\n   *\n   * @param fieldIds - An array of field IDs to filter the form errors.\n   * @param formErrors - An array of form errors to be split.\n   * @returns An array containing two arrays: cleanFormErrors and removedFormErrors.\n   */\n  private splitFormErrors(\n    fieldIds: string[],\n    formErrors: IAbstractFormBaseFormError[],\n  ): IAbstractFormBaseFormError[][] {\n    const cleanFormErrors: IAbstractFormBaseFormError[] = [];\n    const removedFormErrors: IAbstractFormBaseFormError[] = [];\n\n    formErrors.forEach((error) => {\n      if (fieldIds.includes(error.fieldId)) {\n        removedFormErrors.push(error);\n      } else {\n        cleanFormErrors.push(error);\n      }\n    });\n\n    return [cleanFormErrors, removedFormErrors];\n  }\n\n  /**\n   * Manipulates the error message for specific fields in the formErrors array.\n   * @param fields - An array of field IDs to target for error message manipulation.\n   * @param messageOverride - The new error message to be used for the targeted fields.\n   * @param errorType - The type of error to match for the targeted fields.\n   * @param formErrors - An array of IFormError objects representing the form errors.\n   * @returns An array of IFormError objects with the manipulated error messages.\n   */\n  private manipulateFormErrorMessage(\n    fields: string[],\n    messageOverride: string,\n    errorType: string,\n    formErrors: IAbstractFormBaseFormError[],\n  ): IAbstractFormBaseFormError[] {\n    const manipulatedFields: IAbstractFormBaseFormError[] = [];\n    formErrors.forEach((field) => {\n      if (fields.includes(field.fieldId)) {\n        if (field.type === errorType) {\n          manipulatedFields.push({ ...field, message: messageOverride });\n        } else {\n          manipulatedFields.push(field);\n        }\n      } else {\n        manipulatedFields.push(field);\n      }\n    });\n\n    return manipulatedFields;\n  }\n\n  /**\n   * Retrieves the form errors with the highest priority.\n   *\n   * @param formErrors - An array of form errors.\n   * @returns An array of form errors with the highest priority.\n   */\n  private getHighPriorityFormErrors(formErrors: IAbstractFormBaseFormError[]): IAbstractFormBaseFormError[] {\n    // Get the lowest priority (1 is the highest priority, 3 is the lowest priority)\n    const lowestPriority = Math.min(...formErrors.map((item) => item.priority));\n    return formErrors.filter((item) => item.priority === lowestPriority);\n  }\n\n  /**\n   * Focuses on the error summary element and scrolls to the top of the page.\n   *\n   * This method first triggers change detection to ensure the view is up-to-date.\n   * It then selects the error summary element with the class 'govuk-error-summary'.\n   * If the error summary element is found, it sets focus on it without scrolling the page.\n   * Finally, it calls a utility service to scroll to the top of the page.\n   *\n   * @private\n   */\n  private focusAndScrollToErrorSummary(): void {\n    this.changeDetectorRef.detectChanges();\n\n    const errorSummary = document.querySelector('.govuk-error-summary') as HTMLElement;\n    if (errorSummary) {\n      errorSummary.focus({ preventScroll: true });\n      this.utilsService.scrollToTop();\n    }\n  }\n\n  /**\n   * Setup listener for the form value changes and to emit hasUnsavedChanges\n   */\n  private setupListener(): void {\n    this.form.valueChanges.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      this.unsavedChanges.emit(this.hasUnsavedChanges());\n    });\n  }\n\n  /**\n   * Adds controls to a form group.\n   *\n   * @param formGroup - The form group to add controls to.\n   * @param controls - An array of form array control validations.\n   * @param index - The index of the form array control.\n   */\n  protected addControlsToFormGroup(\n    formGroup: FormGroup,\n    controls: IAbstractFormArrayControlValidation[],\n    index: number,\n  ): void {\n    controls.forEach(({ controlName, validators }) => {\n      formGroup.addControl(`${controlName}_${index}`, new FormControl(null, validators));\n    });\n  }\n\n  /**\n   * Creates a form control with the specified validators and initial value.\n   *\n   * @param validators - An array of validator functions.\n   * @param initialValue - The initial value for the form control. Defaults to null.\n   * @returns The created form control.\n   */\n  protected createFormControl(validators: ValidatorFn[], initialValue: string | null = null): FormControl {\n    return new FormControl(initialValue, { validators: [...validators] });\n  }\n\n  /**\n   * Handles the error messages and populates the relevant variables\n   */\n  protected handleErrorMessages(): void {\n    this.formErrors = this.getFormErrors(this.form);\n\n    this.setErrorMessages(this.formErrors);\n\n    this.formErrorSummaryMessage = this.removeErrorSummaryMessages(\n      this.formErrorSummaryMessage,\n      this.getDateFieldsToRemoveIndexes(),\n    );\n  }\n\n  /**\n   * Checks whether the form has been touched and submitted\n   *\n   * @returns boolean\n   */\n  protected hasUnsavedChanges(): boolean {\n    return this.form.dirty && !this.formSubmitted;\n  }\n\n  /**\n   * Sets the value of a specified form control and marks it as touched.\n   *\n   * @param {string} value - The value to set for the form control.\n   * @param {string} control - The name of the form control to update.\n   */\n  protected setInputValue(value: string, control: string) {\n    this.form.controls[control].patchValue(value);\n    this.form.controls[control].markAsTouched();\n  }\n\n  /**\n   * Handles the form errors for the date input fields.\n   * @param formErrors - An array of form errors.\n   * @returns An array of form errors with the manipulated error messages.\n   */\n  protected handleDateInputFormErrors() {\n    const dateInputFields = ['dayOfMonth', 'monthOfYear', 'year'];\n    const splitFormErrors = this.splitFormErrors(dateInputFields, this.formErrors);\n    const highPriorityDateControlErrors = this.getHighPriorityFormErrors(splitFormErrors[1]);\n    let manipulatedFormErrors: IAbstractFormBaseFormError[] = highPriorityDateControlErrors;\n\n    // If we have more than one error then we want to manipulate the error message\n    if (highPriorityDateControlErrors.length > 1) {\n      manipulatedFormErrors = this.manipulateFormErrorMessage(\n        dateInputFields,\n        'Please enter a DOB',\n        'required',\n        manipulatedFormErrors,\n      );\n    }\n\n    return [...splitFormErrors[0], ...manipulatedFormErrors];\n  }\n\n  /**\n   * Sets the initial error messages for the form controls.\n   *\n   * @param form - The FormGroup instance.\n   */\n  protected setInitialErrorMessages(): void {\n    const formControls = this.form.controls;\n    const initialFormControlErrorMessages: IAbstractFormControlErrorMessage = {};\n\n    Object.keys(formControls).forEach((controlName) => {\n      initialFormControlErrorMessages[controlName] = null;\n    });\n\n    this.formControlErrorMessages = initialFormControlErrorMessages;\n    this.formErrorSummaryMessage = [];\n  }\n\n  /**\n   * Repopulates the search form with the data from the account enquiry search.\n   * @param state - The state object containing the search form data.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  protected rePopulateForm(state: any): void {\n    this.form.patchValue(state);\n  }\n\n  /**\n   * Adds a new form control to the form group.\n   *\n   * @param controlName - The name of the control to add.\n   * @param validators - An array of validators to apply to the control.\n   */\n  protected createControl(controlName: string, validators: ValidatorFn[]): void {\n    this.form.addControl(controlName, new FormControl(null, validators));\n  }\n\n  /**\n   * Updates the validators of an existing form control.\n   *\n   * @param controlName - The name of the control to update.\n   * @param validators - An array of validators to apply to the control.\n   */\n  protected updateControl(controlName: string, validators: ValidatorFn[]): void {\n    const control = this.form.get(controlName);\n    if (control) {\n      control.setValidators(validators);\n      control.updateValueAndValidity();\n    } else {\n      this.createControl(controlName, validators);\n    }\n  }\n\n  /**\n   * Removes a control from the form.\n   *\n   * @param controlName - The name of the control to remove.\n   */\n  protected removeControl(controlName: string): void {\n    if (this.formControlErrorMessages[controlName]) {\n      this.removeControlErrors(controlName);\n    }\n    this.form.removeControl(controlName);\n  }\n\n  /**\n   * Removes the error message associated with the specified control name from the formControlErrorMessages object.\n   *\n   * @param controlName - The name of the control for which to remove the error message.\n   */\n  protected removeControlErrors(controlName: string): void {\n    delete this.formControlErrorMessages[controlName];\n  }\n\n  /**\n   * Clears the search form.\n   */\n  public handleClearForm(): void {\n    this.form.reset();\n  }\n\n  /**\n   * Handles the scroll of the component error from the summary\n   *\n   * @param fieldId - Field id of the component\n   */\n  public scrollTo(fieldId: string): void {\n    this['scroll'](fieldId);\n  }\n\n  /**\n   * Handles route with the supplied route\n   *\n   * @param route string of route\n   * @param nonRelative boolean indicating if route is relative to the parent\n   */\n  public handleRoute(route: string, nonRelative: boolean = false, event?: Event): void {\n    if (event) {\n      event.preventDefault();\n    }\n    this.unsavedChanges.emit(this.hasUnsavedChanges());\n    if (nonRelative) {\n      this.router.navigate([route]);\n    } else {\n      this.router.navigate([route], { relativeTo: this.activatedRoute.parent });\n    }\n  }\n\n  /**\n   * Handles the form submission event.\n   *\n   * @param event - The form submission event.\n   * @returns void\n   */\n  public handleFormSubmit(event: SubmitEvent): void {\n    this.handleErrorMessages();\n\n    if (this.form.valid) {\n      this.formSubmitted = true;\n      const nestedFlow = event.submitter ? event.submitter.className.includes('nested-flow') : false;\n      this.unsavedChanges.emit(this.hasUnsavedChanges());\n      this.formSubmit.emit({ formData: this.form.value, nestedFlow: nestedFlow });\n    } else {\n      this.focusAndScrollToErrorSummary();\n    }\n  }\n\n  /**\n   * Handles the input event to convert all letters in the input value to uppercase.\n   * This method is triggered by an input event and modifies the input value directly.\n   *\n   * @param event - The input event triggered by the user.\n   */\n  public handleUppercaseInputMask(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    input.value = this.utilsService.upperCaseAllLetters(input.value);\n  }\n\n  public ngOnInit(): void {\n    if (this.form) {\n      this.setupListener();\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\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-base.mjs","sources":["../../../projects/opal-frontend-common/components/abstract/abstract-form-base/abstract-form-base.component.ts","../../../projects/opal-frontend-common/components/abstract/abstract-form-base/hmcts-opal-frontend-common-components-abstract-abstract-form-base.ts"],"sourcesContent":["import { ChangeDetectorRef, Component, EventEmitter, OnDestroy, OnInit, Output, inject } from '@angular/core';\nimport { FormArray, FormControl, FormGroup, ValidatorFn } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Subject, takeUntil } from 'rxjs';\nimport { IAbstractFormBaseFieldError } from './interfaces/abstract-form-base-field-error.interface';\nimport { IAbstractFormBaseFieldErrors } from './interfaces/abstract-form-base-field-errors.interface';\nimport { IAbstractFormBaseFormError } from './interfaces/abstract-form-base-form-error.interface';\nimport {\n  IAbstractFormBaseFormErrorSummaryMessage,\n  IAbstractFormControlErrorMessage,\n  IAbstractFormArrayControlValidation,\n} from '@hmcts/opal-frontend-common/components/abstract/interfaces';\nimport { IAbstractFormBaseHighPriorityFormError } from './interfaces/abstract-form-base-high-priority-form-error.interface';\nimport { IAbstractFormBaseForm } from './interfaces/abstract-form-base-form.interface';\nimport { UtilsService } from '@hmcts/opal-frontend-common/services/utils-service';\n\n@Component({\n  template: '',\n})\nexport abstract class AbstractFormBaseComponent implements OnInit, OnDestroy {\n  @Output() protected unsavedChanges = new EventEmitter<boolean>();\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  @Output() protected formSubmit = new EventEmitter<IAbstractFormBaseForm<any>>();\n\n  private readonly changeDetectorRef = inject(ChangeDetectorRef);\n  private readonly router = inject(Router);\n  private readonly activatedRoute = inject(ActivatedRoute);\n  protected readonly utilsService = inject(UtilsService);\n\n  public form!: FormGroup;\n  public formControlErrorMessages!: IAbstractFormControlErrorMessage;\n  public formErrorSummaryMessage!: IAbstractFormBaseFormErrorSummaryMessage[];\n  protected fieldErrors!: IAbstractFormBaseFieldErrors;\n  protected formSubmitted = false;\n  protected readonly ngUnsubscribe = new Subject<void>();\n  public formErrors!: IAbstractFormBaseFormError[];\n\n  constructor() {}\n\n  /**\n   * Scrolls to the label of the component and focuses on the field id\n   *\n   * @param fieldId - Field id of the component\n   */\n  private scroll(fieldId: string): void {\n    let labelTarget;\n    let fieldElement;\n\n    const autocompleteLabel = document.querySelector(`label[for=${fieldId}-autocomplete]`);\n    const regularLabel = document.querySelector(`label[for=${fieldId}]`);\n    const fieldsetLegend = document.querySelector(`#${fieldId} .govuk-fieldset__legend`);\n\n    if (autocompleteLabel) {\n      labelTarget = autocompleteLabel;\n      fieldElement = document.getElementById(`${fieldId}-autocomplete`);\n    } else {\n      labelTarget = regularLabel || fieldsetLegend;\n      fieldElement = document.getElementById(fieldId);\n    }\n\n    if (fieldElement) {\n      if (labelTarget) {\n        labelTarget.scrollIntoView({ behavior: 'smooth' });\n      }\n      fieldElement.focus();\n    }\n  }\n\n  /**\n   * Returns the highest priority form error from the given error keys and field errors.\n   * @param errorKeys - An array of error keys.\n   * @param fieldErrors - An object containing field errors.\n   * @returns The highest priority form error or null if no errors are found.\n   */\n  private getHighestPriorityError(\n    errorKeys: string[] = [],\n    fieldErrors: IAbstractFormBaseFieldError = {},\n  ): IAbstractFormBaseHighPriorityFormError | null {\n    if (errorKeys.length && Object.keys(fieldErrors).length) {\n      const errors = errorKeys.map((errorType: string) => {\n        return {\n          ...fieldErrors[errorType],\n          type: errorType,\n        };\n      });\n\n      const sortedErrors = [...errors].sort((a, b) => a.priority - b.priority);\n\n      return sortedErrors[0];\n    }\n    return null;\n  }\n\n  /**\n   * Retrieves the details of the highest priority form error for a given control path.\n   * @param controlPath - The path to the control in the form.\n   * @returns The details of the highest priority form error, or null if there are no errors.\n   */\n  private getFieldErrorDetails(controlPath: (string | number)[]): IAbstractFormBaseHighPriorityFormError | null {\n    // Get the control\n    const control = this.form.get(controlPath);\n\n    // If we have errors\n    const controlErrors = control?.errors;\n\n    if (controlErrors) {\n      /// Get all the error keys\n      const controlKey = controlPath[controlPath.length - 1];\n      const errorKeys = Object.keys(controlErrors) || [];\n      const fieldErrors = this.fieldErrors[controlKey] || {};\n\n      if (errorKeys.length && Object.keys(fieldErrors).length) {\n        return this.getHighestPriorityError(errorKeys, fieldErrors);\n      }\n    }\n    return null;\n  }\n\n  /**\n   * Retrieves all form errors from the provided form and its nested form groups.\n   *\n   * @param form - The form group to retrieve errors from.\n   * @param controlPath - An optional array representing the path to the current control within the form group.\n   * @returns An array of form errors, each containing the field ID, error message, priority, and type.\n   */\n  private getFormErrors(form: FormGroup, controlPath: (string | number)[] = []): IAbstractFormBaseFormError[] {\n    // recursively get all errors from all controls in the form including nested form group controls\n    const formControls = form.controls;\n\n    const errorSummary = Object.keys(formControls)\n      .filter((controlName) => formControls[controlName].invalid)\n      .map((controlName) => {\n        const control = formControls[controlName];\n\n        if (control instanceof FormGroup) {\n          return this.getFormErrors(control, [...controlPath, controlName]);\n        }\n\n        if (control instanceof FormArray) {\n          return control.controls\n            .map((controlItem, index) => {\n              // We only support FormGroups in FormArrays\n              if (controlItem instanceof FormGroup) {\n                return this.getFormErrors(controlItem, [...controlPath, controlName, index]);\n              }\n\n              return [];\n            })\n            .flat();\n        }\n\n        const getFieldErrorDetails = this.getFieldErrorDetails([...controlPath, controlName]);\n\n        // Return the error summary entry\n        // If we don't have the error details, return a null message\n        return {\n          fieldId: controlName,\n          message: getFieldErrorDetails?.message ?? null,\n          priority: getFieldErrorDetails?.priority ?? 999999999,\n          type: getFieldErrorDetails?.type ?? null,\n        };\n      })\n      .flat();\n\n    // Remove any null errors\n    return errorSummary.filter((item) => item?.message !== null);\n  }\n\n  /**\n   * Sets the error messages for the form controls and error summary based on the provided form errors.\n   * @param formErrors - An array of form errors containing field IDs and error messages.\n   */\n  private setErrorMessages(formErrors: IAbstractFormBaseFormError[]) {\n    // Reset the form error messages\n    this.formControlErrorMessages = {};\n    this.formErrorSummaryMessage = [];\n\n    // Set the form error messages based on the error summary entries\n    formErrors.forEach((entry) => {\n      this.formControlErrorMessages[entry.fieldId] = entry.message;\n      this.formErrorSummaryMessage.push({ fieldId: entry.fieldId, message: entry.message });\n    });\n  }\n\n  /**\n   * Gets the indexes of the date fields to remove based on the form error summary message.\n   * @returns An array of indexes representing the date fields to remove.\n   */\n  private getDateFieldsToRemoveIndexes(): number[] {\n    const indexesToRemove: number[] = [];\n    // The order of the field ids is important\n    // this is the order in which we want to remove them\n    const foundIndexes = this.getFormErrorSummaryIndex(\n      ['dayOfMonth', 'monthOfYear', 'year'],\n      this.formErrorSummaryMessage,\n    );\n\n    // Determine which indexes to remove based on the found fields\n    switch (foundIndexes.length) {\n      case 3:\n        // All three date fields are present\n        indexesToRemove.push(foundIndexes[1], foundIndexes[2]);\n        break;\n      case 2:\n        // Two date fields are present\n        indexesToRemove.push(foundIndexes[1]);\n        break;\n    }\n\n    return indexesToRemove;\n  }\n\n  /**\n   * Returns an array of indices corresponding to the positions of the given field IDs in the form error summary message array.\n   *\n   * @param fieldIds - An array of field IDs to search for in the form error summary message array.\n   * @param formErrorSummaryMessage - An array of form error summary messages.\n   * @returns An array of indices corresponding to the positions of the field IDs in the form error summary message array.\n   */\n  private getFormErrorSummaryIndex(\n    fieldIds: string[],\n    formErrorSummaryMessage: IAbstractFormBaseFormErrorSummaryMessage[],\n  ): number[] {\n    return fieldIds.reduce((acc: number[], field) => {\n      const index = formErrorSummaryMessage.findIndex((error) => error.fieldId === field);\n      return index !== -1 ? [...acc, index] : acc;\n    }, []);\n  }\n\n  /**\n   * Removes error summary messages from the given array based on the specified indexes.\n   *\n   * @param formErrorSummaryMessage - The array of error summary messages.\n   * @param indexes - The indexes of the error summary messages to be removed.\n   * @returns The updated array of error summary messages.\n   */\n  private removeErrorSummaryMessages(\n    formErrorSummaryMessage: IAbstractFormBaseFormErrorSummaryMessage[],\n    indexes: number[],\n  ): IAbstractFormBaseFormErrorSummaryMessage[] {\n    return formErrorSummaryMessage.filter((_, index) => !indexes.includes(index));\n  }\n\n  /**\n   * Splits the form errors into two arrays based on the provided field IDs.\n   * Errors with field IDs included in the fieldIds array will be moved to the removedFormErrors array,\n   * while the remaining errors will be moved to the cleanFormErrors array.\n   *\n   * @param fieldIds - An array of field IDs to filter the form errors.\n   * @param formErrors - An array of form errors to be split.\n   * @returns An array containing two arrays: cleanFormErrors and removedFormErrors.\n   */\n  private splitFormErrors(\n    fieldIds: string[],\n    formErrors: IAbstractFormBaseFormError[],\n  ): IAbstractFormBaseFormError[][] {\n    const cleanFormErrors: IAbstractFormBaseFormError[] = [];\n    const removedFormErrors: IAbstractFormBaseFormError[] = [];\n\n    formErrors.forEach((error) => {\n      if (fieldIds.includes(error.fieldId)) {\n        removedFormErrors.push(error);\n      } else {\n        cleanFormErrors.push(error);\n      }\n    });\n\n    return [cleanFormErrors, removedFormErrors];\n  }\n\n  /**\n   * Manipulates the error message for specific fields in the formErrors array.\n   * @param fields - An array of field IDs to target for error message manipulation.\n   * @param messageOverride - The new error message to be used for the targeted fields.\n   * @param errorType - The type of error to match for the targeted fields.\n   * @param formErrors - An array of IFormError objects representing the form errors.\n   * @returns An array of IFormError objects with the manipulated error messages.\n   */\n  private manipulateFormErrorMessage(\n    fields: string[],\n    messageOverride: string,\n    errorType: string,\n    formErrors: IAbstractFormBaseFormError[],\n  ): IAbstractFormBaseFormError[] {\n    const manipulatedFields: IAbstractFormBaseFormError[] = [];\n    formErrors.forEach((field) => {\n      if (fields.includes(field.fieldId)) {\n        if (field.type === errorType) {\n          manipulatedFields.push({ ...field, message: messageOverride });\n        } else {\n          manipulatedFields.push(field);\n        }\n      } else {\n        manipulatedFields.push(field);\n      }\n    });\n\n    return manipulatedFields;\n  }\n\n  /**\n   * Retrieves the form errors with the highest priority.\n   *\n   * @param formErrors - An array of form errors.\n   * @returns An array of form errors with the highest priority.\n   */\n  private getHighPriorityFormErrors(formErrors: IAbstractFormBaseFormError[]): IAbstractFormBaseFormError[] {\n    // Get the lowest priority (1 is the highest priority, 3 is the lowest priority)\n    const lowestPriority = Math.min(...formErrors.map((item) => item.priority));\n    return formErrors.filter((item) => item.priority === lowestPriority);\n  }\n\n  /**\n   * Focuses on the error summary element and scrolls to the top of the page.\n   *\n   * This method first triggers change detection to ensure the view is up-to-date.\n   * It then selects the error summary element with the class 'govuk-error-summary'.\n   * If the error summary element is found, it sets focus on it without scrolling the page.\n   * Finally, it calls a utility service to scroll to the top of the page.\n   *\n   * @private\n   */\n  private focusAndScrollToErrorSummary(): void {\n    this.changeDetectorRef.detectChanges();\n\n    const errorSummary = document.querySelector('.govuk-error-summary') as HTMLElement;\n    if (errorSummary) {\n      errorSummary.focus({ preventScroll: true });\n      this.utilsService.scrollToTop();\n    }\n  }\n\n  /**\n   * Setup listener for the form value changes and to emit hasUnsavedChanges\n   */\n  private setupListener(): void {\n    this.form.valueChanges.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      this.unsavedChanges.emit(this.hasUnsavedChanges());\n    });\n  }\n\n  /**\n   * Adds controls to a form group.\n   *\n   * @param formGroup - The form group to add controls to.\n   * @param controls - An array of form array control validations.\n   * @param index - The index of the form array control.\n   */\n  protected addControlsToFormGroup(\n    formGroup: FormGroup,\n    controls: IAbstractFormArrayControlValidation[],\n    index: number,\n  ): void {\n    controls.forEach(({ controlName, validators }) => {\n      formGroup.addControl(`${controlName}_${index}`, new FormControl(null, validators));\n    });\n  }\n\n  /**\n   * Creates a form control with the specified validators and initial value.\n   *\n   * @param validators - An array of validator functions.\n   * @param initialValue - The initial value for the form control. Defaults to null.\n   * @returns The created form control.\n   */\n  protected createFormControl(validators: ValidatorFn[], initialValue: string | null = null): FormControl {\n    return new FormControl(initialValue, { validators: [...validators] });\n  }\n\n  /**\n   * Handles the error messages and populates the relevant variables\n   */\n  protected handleErrorMessages(): void {\n    this.formErrors = this.getFormErrors(this.form);\n\n    this.setErrorMessages(this.formErrors);\n\n    this.formErrorSummaryMessage = this.removeErrorSummaryMessages(\n      this.formErrorSummaryMessage,\n      this.getDateFieldsToRemoveIndexes(),\n    );\n  }\n\n  /**\n   * Checks whether the form has been touched and submitted\n   *\n   * @returns boolean\n   */\n  protected hasUnsavedChanges(): boolean {\n    return this.form.dirty && !this.formSubmitted;\n  }\n\n  /**\n   * Sets the value of a form control specified by its path and marks it as touched.\n   *\n   * @param value - The value to set for the form control.\n   * @param controlPath - The dot-delimited path to the form control within the form group.\n   */\n  protected setInputValue(value: string, controlPath: string): void {\n    const control = this.form.get(controlPath);\n    if (control) {\n      control.patchValue(value);\n      control.markAsTouched();\n    }\n  }\n\n  /**\n   * Handles the form errors for the date input fields.\n   * @param formErrors - An array of form errors.\n   * @returns An array of form errors with the manipulated error messages.\n   */\n  protected handleDateInputFormErrors() {\n    const dateInputFields = ['dayOfMonth', 'monthOfYear', 'year'];\n    const splitFormErrors = this.splitFormErrors(dateInputFields, this.formErrors);\n    const highPriorityDateControlErrors = this.getHighPriorityFormErrors(splitFormErrors[1]);\n    let manipulatedFormErrors: IAbstractFormBaseFormError[] = highPriorityDateControlErrors;\n\n    // If we have more than one error then we want to manipulate the error message\n    if (highPriorityDateControlErrors.length > 1) {\n      manipulatedFormErrors = this.manipulateFormErrorMessage(\n        dateInputFields,\n        'Please enter a DOB',\n        'required',\n        manipulatedFormErrors,\n      );\n    }\n\n    return [...splitFormErrors[0], ...manipulatedFormErrors];\n  }\n\n  /**\n   * Sets the initial error messages for the form controls.\n   *\n   * @param form - The FormGroup instance.\n   */\n  protected setInitialErrorMessages(): void {\n    const formControls = this.form.controls;\n    const initialFormControlErrorMessages: IAbstractFormControlErrorMessage = {};\n\n    Object.keys(formControls).forEach((controlName) => {\n      initialFormControlErrorMessages[controlName] = null;\n    });\n\n    this.formControlErrorMessages = initialFormControlErrorMessages;\n    this.formErrorSummaryMessage = [];\n  }\n\n  /**\n   * Repopulates the search form with the data from the account enquiry search.\n   * @param state - The state object containing the search form data.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  protected rePopulateForm(state: any): void {\n    this.form.patchValue(state);\n  }\n\n  /**\n   * Adds a new form control to the form group.\n   *\n   * @param controlName - The name of the control to add.\n   * @param validators - An array of validators to apply to the control.\n   */\n  protected createControl(controlName: string, validators: ValidatorFn[]): void {\n    this.form.addControl(controlName, new FormControl(null, validators));\n  }\n\n  /**\n   * Updates the validators of an existing form control.\n   *\n   * @param controlName - The name of the control to update.\n   * @param validators - An array of validators to apply to the control.\n   */\n  protected updateControl(controlName: string, validators: ValidatorFn[]): void {\n    const control = this.form.get(controlName);\n    if (control) {\n      control.setValidators(validators);\n      control.updateValueAndValidity();\n    } else {\n      this.createControl(controlName, validators);\n    }\n  }\n\n  /**\n   * Removes a control from the form.\n   *\n   * @param controlName - The name of the control to remove.\n   */\n  protected removeControl(controlName: string): void {\n    if (this.formControlErrorMessages[controlName]) {\n      this.removeControlErrors(controlName);\n    }\n    this.form.removeControl(controlName);\n  }\n\n  /**\n   * Removes the error message associated with the specified control name from the formControlErrorMessages object.\n   *\n   * @param controlName - The name of the control for which to remove the error message.\n   */\n  protected removeControlErrors(controlName: string): void {\n    delete this.formControlErrorMessages[controlName];\n  }\n\n  /**\n   * Clears the search form.\n   */\n  public handleClearForm(): void {\n    this.form.reset();\n  }\n\n  /**\n   * Handles the scroll of the component error from the summary\n   *\n   * @param fieldId - Field id of the component\n   */\n  public scrollTo(fieldId: string): void {\n    this['scroll'](fieldId);\n  }\n\n  /**\n   * Handles route with the supplied route\n   *\n   * @param route string of route\n   * @param nonRelative boolean indicating if route is relative to the parent\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public handleRoute(route: string, nonRelative: boolean = false, event?: Event, routeData?: any): void {\n    if (event) {\n      event.preventDefault();\n    }\n\n    this.unsavedChanges.emit(this.hasUnsavedChanges());\n\n    const navigationExtras = {\n      ...(nonRelative ? {} : { relativeTo: this.activatedRoute.parent }),\n      ...(routeData !== undefined ? { state: routeData } : {}),\n    };\n\n    this.router.navigate([route], navigationExtras);\n  }\n\n  /**\n   * Handles the form submission event.\n   *\n   * @param event - The form submission event.\n   * @returns void\n   */\n  public handleFormSubmit(event: SubmitEvent): void {\n    this.handleErrorMessages();\n\n    if (this.form.valid) {\n      this.formSubmitted = true;\n      const nestedFlow = event.submitter ? event.submitter.className.includes('nested-flow') : false;\n      this.unsavedChanges.emit(this.hasUnsavedChanges());\n      this.formSubmit.emit({ formData: this.form.value, nestedFlow: nestedFlow });\n    } else {\n      this.focusAndScrollToErrorSummary();\n    }\n  }\n\n  /**\n   * Handles the input event to convert all letters in the input value to uppercase.\n   * This method is triggered by an input event and modifies the input value directly.\n   *\n   * @param event - The input event triggered by the user.\n   */\n  public handleUppercaseInputMask(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    input.value = this.utilsService.upperCaseAllLetters(input.value);\n  }\n\n  public ngOnInit(): void {\n    if (this.form) {\n      this.setupListener();\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\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-govuk-govuk-tabs-govuk-tabs-list-item.mjs

@@ -0,0 +1,56 @@
+import * as i0 from '@angular/core';
+import { inject, HostBinding, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+
+class GovukTabsListItemComponent {
+    router = inject(Router);
+    route = inject(ActivatedRoute);
+    tabItemId;
+    tabItemFragment;
+    activeTabItemFragment;
+    get hostClass() {
+        return this.activeTabItemFragment === this.tabItemFragment
+            ? 'govuk-tabs__list-item govuk-tabs__list-item--selected'
+            : 'govuk-tabs__list-item';
+    }
+    get hostId() {
+        return this.tabItemId;
+    }
+    /**
+     * Handles the click event of a sub-navigation item.
+     * @param event - The click event.
+     * @param item - The item string.
+     */
+    handleItemClick(event, item) {
+        event.preventDefault();
+        this.router.navigate(['./'], { relativeTo: this.route, fragment: item });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukTabsListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GovukTabsListItemComponent, isStandalone: true, selector: "opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]", inputs: { tabItemId: "tabItemId", tabItemFragment: "tabItemFragment", activeTabItemFragment: "activeTabItemFragment" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId" } }, ngImport: i0, template: "<a\n  class=\"govuk-tabs__tab\"\n  (click)=\"handleItemClick($event, tabItemFragment)\"\n  (keyup.enter)=\"handleItemClick($event, tabItemFragment)\"\n  tabindex=\"0\"\n  href=\"#\"\n>\n  <ng-content [linkText]></ng-content>\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukTabsListItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  class=\"govuk-tabs__tab\"\n  (click)=\"handleItemClick($event, tabItemFragment)\"\n  (keyup.enter)=\"handleItemClick($event, tabItemFragment)\"\n  tabindex=\"0\"\n  href=\"#\"\n>\n  <ng-content [linkText]></ng-content>\n</a>\n" }]
+        }], propDecorators: { tabItemId: [{
+                type: Input,
+                args: [{ required: true }]
+            }], tabItemFragment: [{
+                type: Input,
+                args: [{ required: true }]
+            }], activeTabItemFragment: [{
+                type: Input,
+                args: [{ required: true }]
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], hostId: [{
+                type: HostBinding,
+                args: ['id']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GovukTabsListItemComponent };
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-list-item.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-list-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-list-item.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tabs-list-item/govuk-tabs-list-item.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tabs-list-item/govuk-tabs-list-item.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tabs-list-item/hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-list-item.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, inject, Input } from '@angular/core';\nimport { Router, ActivatedRoute } from '@angular/router';\n\n@Component({\n  selector: 'opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]',\n  templateUrl: './govuk-tabs-list-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukTabsListItemComponent {\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n\n  @Input({ required: true }) public tabItemId!: string;\n  @Input({ required: true }) public tabItemFragment!: string;\n  @Input({ required: true }) public activeTabItemFragment!: string;\n\n  @HostBinding('class')\n  get hostClass(): string {\n    return this.activeTabItemFragment === this.tabItemFragment\n      ? 'govuk-tabs__list-item govuk-tabs__list-item--selected'\n      : 'govuk-tabs__list-item';\n  }\n  @HostBinding('id')\n  get hostId(): string {\n    return this.tabItemId;\n  }\n\n  /**\n   * Handles the click event of a sub-navigation item.\n   * @param event - The click event.\n   * @param item - The item string.\n   */\n  public handleItemClick(event: Event, item: string): void {\n    event.preventDefault();\n    this.router.navigate(['./'], { relativeTo: this.route, fragment: item });\n  }\n}\n","<a\n  class=\"govuk-tabs__tab\"\n  (click)=\"handleItemClick($event, tabItemFragment)\"\n  (keyup.enter)=\"handleItemClick($event, tabItemFragment)\"\n  tabindex=\"0\"\n  href=\"#\"\n>\n  <ng-content [linkText]></ng-content>\n</a>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAQa,0BAA0B,CAAA;AACpB,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAEb,IAAA,SAAS;AACT,IAAA,eAAe;AACf,IAAA,qBAAqB;AAEvD,IAAA,IACI,SAAS,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,qBAAqB,KAAK,IAAI,CAAC;AACzC,cAAE;cACA,uBAAuB;;AAE7B,IAAA,IACI,MAAM,GAAA;QACR,OAAO,IAAI,CAAC,SAAS;;AAGvB;;;;AAIG;IACI,eAAe,CAAC,KAAY,EAAE,IAAY,EAAA;QAC/C,KAAK,CAAC,cAAc,EAAE;QACtB,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;;wGA1B/D,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,4TCRvC,0OASA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDDa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBALtC,SAAS;+BACE,gEAAgE,EAAA,eAAA,EAEzD,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,0OAAA,EAAA;8BAMb,SAAS,EAAA,CAAA;sBAA1C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACS,eAAe,EAAA,CAAA;sBAAhD,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACS,qBAAqB,EAAA,CAAA;sBAAtD,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBAGrB,SAAS,EAAA,CAAA;sBADZ,WAAW;uBAAC,OAAO;gBAOhB,MAAM,EAAA,CAAA;sBADT,WAAW;uBAAC,IAAI;;;AEtBnB;;AAEG;;;;"}

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

@@ -0,0 +1,18 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+class GovukTabsPanelComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukTabsPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GovukTabsPanelComponent, isStandalone: true, selector: "opal-lib-govuk-tabs-panel", ngImport: i0, template: "<div class=\"govuk-tabs__panel\">\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukTabsPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-govuk-tabs-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-tabs__panel\">\n  <ng-content></ng-content>\n</div>\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GovukTabsPanelComponent };
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-panel.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-panel.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tabs-panel/govuk-tabs-panel.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tabs-panel/govuk-tabs-panel.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tabs-panel/hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-panel.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-tabs-panel',\n  templateUrl: './govuk-tabs-panel.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukTabsPanelComponent {}\n","<div class=\"govuk-tabs__panel\">\n  <ng-content></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAOa,uBAAuB,CAAA;wGAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,qFCPpC,0EAGA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDIa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;+BACE,2BAA2B,EAAA,eAAA,EAEpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,0EAAA,EAAA;;;AELjD;;AAEG;;;;"}

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

@@ -1,95 +1,54 @@
 import * as i0 from '@angular/core';
-import { inject, HostBinding, Input, ChangeDetectionStrategy, Component, PLATFORM_ID } from '@angular/core';
-import { UtilsService } from '@hmcts/opal-frontend-common/services/utils-service';
-import { isPlatformBrowser } from '@angular/common';
+import { inject, EventEmitter, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { Subject, takeUntil } from 'rxjs';
 
-class GovukTabListItemComponent {
-    utilService = inject(UtilsService);
-    _tabsListItemId;
-    tabsId;
-    set tabsListItemId(tabsListItemId) {
-        this._tabsListItemId = this.utilService.upperCaseFirstLetter(tabsListItemId);
+class GovukTabsComponent {
+    route = inject(ActivatedRoute);
+    ngUnsubscribe = new Subject();
+    tabId;
+    activeTabFragmentChange = new EventEmitter();
+    setupListeners() {
+        this.route.fragment.pipe(takeUntil(this.ngUnsubscribe)).subscribe((fragment) => {
+            if (fragment) {
+                this.activeTabFragmentChange.emit(fragment);
+            }
+        });
     }
-    tabListItemHref;
-    tabListItemName;
-    hostClass = 'govuk-tabs__list-item';
-    hostId = `${this.tabsId}_${this._tabsListItemId}`;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukTabListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GovukTabListItemComponent, isStandalone: true, selector: "opal-lib-govuk-tab-list-item, [opal-lib-govuk-tab-list-item]", inputs: { tabsId: "tabsId", tabsListItemId: "tabsListItemId", tabListItemHref: "tabListItemHref", tabListItemName: "tabListItemName" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId" } }, ngImport: i0, template: "<a class=\"govuk-tabs__tab\" [href]=\"tabListItemHref\"> {{ tabListItemName }} </a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukTabListItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-tab-list-item, [opal-lib-govuk-tab-list-item]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a class=\"govuk-tabs__tab\" [href]=\"tabListItemHref\"> {{ tabListItemName }} </a>\n" }]
-        }], propDecorators: { tabsId: [{
-                type: Input,
-                args: [{ required: true }]
-            }], tabsListItemId: [{
-                type: Input,
-                args: [{ required: true }]
-            }], tabListItemHref: [{
-                type: Input,
-                args: [{ required: true }]
-            }], tabListItemName: [{
-                type: Input,
-                args: [{ required: true }]
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }], hostId: [{
-                type: HostBinding,
-                args: ['id']
-            }] } });
-
-class GovukTabPanelComponent {
-    utilService = inject(UtilsService);
-    _tabsPanelId;
-    tabsId;
-    set tabsPanelId(tabsPanelId) {
-        this._tabsPanelId = this.utilService.upperCaseFirstLetter(tabsPanelId);
+    /**
+     * Angular lifecycle hook that is called after the component's data-bound properties have been initialized.
+     * Initializes the component by setting up necessary event listeners.
+     *
+     * @remarks
+     * This method is part of the Angular OnInit lifecycle interface.
+     */
+    ngOnInit() {
+        this.setupListeners();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukTabPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GovukTabPanelComponent, isStandalone: true, selector: "opal-lib-govuk-tab-panel", inputs: { tabsId: "tabsId", tabsPanelId: "tabsPanelId" }, ngImport: i0, template: "<div class=\"govuk-tabs__panel\" [id]=\"tabsId + _tabsPanelId\">\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukTabPanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-tab-panel', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-tabs__panel\" [id]=\"tabsId + _tabsPanelId\">\n  <ng-content></ng-content>\n</div>\n" }]
-        }], propDecorators: { tabsId: [{
-                type: Input,
-                args: [{ required: true }]
-            }], tabsPanelId: [{
-                type: Input,
-                args: [{ required: true }]
-            }] } });
-
-class GovukTabsComponent {
-    platformId = inject(PLATFORM_ID);
-    tabsId;
     /**
-     * Lifecycle hook that is called after Angular has fully initialized the component's view.
-     * It is called only once after the first ngAfterContentChecked.
-     * We use it to initialize the govuk-frontend component.
+     * Lifecycle hook that is called when the component is about to be destroyed.
+     * Unsubscribes from the route fragment subscription.
      */
-    ngAfterViewInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            import('govuk-frontend').then((govuk) => {
-                govuk.initAll();
-            });
-        }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GovukTabsComponent, isStandalone: true, selector: "opal-lib-govuk-tabs", inputs: { tabsId: "tabsId" }, ngImport: i0, template: "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\" [id]=\"tabsId\">\n  <h2 class=\"govuk-tabs__title\">Contents</h2>\n  <ul class=\"govuk-tabs__list\">\n    <ng-content select=\"[items]\"></ng-content>\n  </ul>\n  <ng-content select=\"[panels]\"></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GovukTabsComponent, isStandalone: true, selector: "opal-lib-govuk-tabs", inputs: { tabId: "tabId" }, outputs: { activeTabFragmentChange: "activeTabFragmentChange" }, ngImport: i0, template: "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\" [id]=\"tabId\">\n  <h2 class=\"govuk-tabs__title\">Contents</h2>\n  <ul class=\"govuk-tabs__list\">\n    <ng-content select=\"[tab-list-items]\"></ng-content>\n  </ul>\n  <ng-content select=\"[tab-panels]\"></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GovukTabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'opal-lib-govuk-tabs', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\" [id]=\"tabsId\">\n  <h2 class=\"govuk-tabs__title\">Contents</h2>\n  <ul class=\"govuk-tabs__list\">\n    <ng-content select=\"[items]\"></ng-content>\n  </ul>\n  <ng-content select=\"[panels]\"></ng-content>\n</div>\n" }]
-        }], propDecorators: { tabsId: [{
+            args: [{ selector: 'opal-lib-govuk-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\" [id]=\"tabId\">\n  <h2 class=\"govuk-tabs__title\">Contents</h2>\n  <ul class=\"govuk-tabs__list\">\n    <ng-content select=\"[tab-list-items]\"></ng-content>\n  </ul>\n  <ng-content select=\"[tab-panels]\"></ng-content>\n</div>\n" }]
+        }], propDecorators: { tabId: [{
                 type: Input,
                 args: [{ required: true }]
+            }], activeTabFragmentChange: [{
+                type: Output
             }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { GovukTabListItemComponent, GovukTabPanelComponent, GovukTabsComponent };
+export { GovukTabsComponent };
 //# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-tabs.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-tabs.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tab-list-item/govuk-tab-list-item.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tab-list-item/govuk-tab-list-item.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tab-panel/govuk-tab-panel.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tab-panel/govuk-tab-panel.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tabs.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tabs.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-tabs/hmcts-opal-frontend-common-components-govuk-govuk-tabs.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input, inject } from '@angular/core';\nimport { UtilsService } from '@hmcts/opal-frontend-common/services/utils-service';\n\n@Component({\n  selector: 'opal-lib-govuk-tab-list-item, [opal-lib-govuk-tab-list-item]',\n  imports: [],\n  templateUrl: './govuk-tab-list-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukTabListItemComponent {\n  private readonly utilService = inject(UtilsService);\n  public _tabsListItemId!: string;\n\n  @Input({ required: true }) public tabsId!: string;\n  @Input({ required: true }) set tabsListItemId(tabsListItemId: string) {\n    this._tabsListItemId = this.utilService.upperCaseFirstLetter(tabsListItemId);\n  }\n\n  @Input({ required: true }) public tabListItemHref!: string;\n  @Input({ required: true }) public tabListItemName!: string;\n\n  @HostBinding('class') hostClass = 'govuk-tabs__list-item';\n  @HostBinding('id') hostId = `${this.tabsId}_${this._tabsListItemId}`;\n}\n","<a class=\"govuk-tabs__tab\" [href]=\"tabListItemHref\"> {{ tabListItemName }} </a>\n","import { ChangeDetectionStrategy, Component, Input, inject } from '@angular/core';\nimport { UtilsService } from '@hmcts/opal-frontend-common/services/utils-service';\n\n@Component({\n  selector: 'opal-lib-govuk-tab-panel',\n  imports: [],\n  templateUrl: './govuk-tab-panel.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukTabPanelComponent {\n  private readonly utilService = inject(UtilsService);\n  public _tabsPanelId!: string;\n\n  @Input({ required: true }) public tabsId!: string;\n  @Input({ required: true }) set tabsPanelId(tabsPanelId: string) {\n    this._tabsPanelId = this.utilService.upperCaseFirstLetter(tabsPanelId);\n  }\n}\n","<div class=\"govuk-tabs__panel\" [id]=\"tabsId + _tabsPanelId\">\n  <ng-content></ng-content>\n</div>\n","import { isPlatformBrowser } from '@angular/common';\nimport { AfterViewInit, ChangeDetectionStrategy, Component, Input, PLATFORM_ID, inject } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-tabs',\n  imports: [],\n  templateUrl: './govuk-tabs.component.html',\n\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukTabsComponent implements AfterViewInit {\n  private readonly platformId = inject(PLATFORM_ID);\n\n  @Input({ required: true }) public tabsId!: string;\n  /**\n   * Lifecycle hook that is called after Angular has fully initialized the component's view.\n   * It is called only once after the first ngAfterContentChecked.\n   * We use it to initialize the govuk-frontend component.\n   */\n  ngAfterViewInit() {\n    if (isPlatformBrowser(this.platformId)) {\n      import('govuk-frontend').then((govuk) => {\n        govuk.initAll();\n      });\n    }\n  }\n}\n","<div class=\"govuk-tabs\" data-module=\"govuk-tabs\" [id]=\"tabsId\">\n  <h2 class=\"govuk-tabs__title\">Contents</h2>\n  <ul class=\"govuk-tabs__list\">\n    <ng-content select=\"[items]\"></ng-content>\n  </ul>\n  <ng-content select=\"[panels]\"></ng-content>\n</div>\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-govuk-govuk-tabs.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tabs.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tabs.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-tabs/hmcts-opal-frontend-common-components-govuk-govuk-tabs.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  inject,\n} from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { Subject, takeUntil } from 'rxjs';\n\n@Component({\n  selector: 'opal-lib-govuk-tabs',\n  templateUrl: './govuk-tabs.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukTabsComponent implements OnInit, OnDestroy {\n  private readonly route = inject(ActivatedRoute);\n  private readonly ngUnsubscribe = new Subject<void>();\n\n  @Input({ required: true }) public tabId!: string;\n  @Output() public activeTabFragmentChange = new EventEmitter<string>();\n\n  private setupListeners(): void {\n    this.route.fragment.pipe(takeUntil(this.ngUnsubscribe)).subscribe((fragment) => {\n      if (fragment) {\n        this.activeTabFragmentChange.emit(fragment);\n      }\n    });\n  }\n\n  /**\n   * Angular lifecycle hook that is called after the component's data-bound properties have been initialized.\n   * Initializes the component by setting up necessary event listeners.\n   *\n   * @remarks\n   * This method is part of the Angular OnInit lifecycle interface.\n   */\n  public ngOnInit(): void {\n    this.setupListeners();\n  }\n\n  /**\n   * Lifecycle hook that is called when the component is about to be destroyed.\n   * Unsubscribes from the route fragment subscription.\n   */\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n}\n","<div class=\"govuk-tabs\" data-module=\"govuk-tabs\" [id]=\"tabId\">\n  <h2 class=\"govuk-tabs__title\">Contents</h2>\n  <ul class=\"govuk-tabs__list\">\n    <ng-content select=\"[tab-list-items]\"></ng-content>\n  </ul>\n  <ng-content select=\"[tab-panels]\"></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAkBa,kBAAkB,CAAA;AACZ,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAC9B,IAAA,aAAa,GAAG,IAAI,OAAO,EAAQ;AAElB,IAAA,KAAK;AACtB,IAAA,uBAAuB,GAAG,IAAI,YAAY,EAAU;IAE7D,cAAc,GAAA;QACpB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,QAAQ,KAAI;YAC7E,IAAI,QAAQ,EAAE;AACZ,gBAAA,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC;;AAE/C,SAAC,CAAC;;AAGJ;;;;;;AAMG;IACI,QAAQ,GAAA;QACb,IAAI,CAAC,cAAc,EAAE;;AAGvB;;;AAGG;IACI,WAAW,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;AACzB,QAAA,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE;;wGAhCpB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,4KClB/B,6RAOA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDWa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;+BACE,qBAAqB,EAAA,eAAA,EAEd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6RAAA,EAAA;8BAMb,KAAK,EAAA,CAAA;sBAAtC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACR,uBAAuB,EAAA,CAAA;sBAAvC;;;AEvBH;;AAEG;;;;"}

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

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=hmcts-opal-frontend-common-services-date-service-interfaces.mjs.map

package/fesm2022/hmcts-opal-frontend-common-services-date-service-interfaces.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-services-date-service-interfaces.mjs","sources":["../../../projects/opal-frontend-common/services/date-service/interfaces/hmcts-opal-frontend-common-services-date-service-interfaces.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG"}

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

@@ -58,6 +58,29 @@ class TransformationService {
         }
         return obj;
     }
+    /**
+     * replaces the keys in the object provided
+     * by replacing the current prefix with a new prefix.
+     * Useful when mapping object keys to a different format or structure.
+     * @param data - The data object containing key-value pairs.
+     * @param currentPrefix - The prefix to be replaced in the keys.
+     * @param replacementPrefix - The prefix to replace the current prefix with.
+     * @returns A new object with the keys replaced.
+     * @template T - The type of the form data object.
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    replaceKeys(data, currentPrefix, replacementPrefix) {
+        if (typeof data !== 'object' || data === null) {
+            return {};
+        }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const result = {};
+        for (const [key, value] of Object.entries(data)) {
+            const newKey = key.replace(currentPrefix, replacementPrefix);
+            result[newKey] = value;
+        }
+        return result;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TransformationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TransformationService, providedIn: 'root' });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-services-transformation-service.mjs","sources":["../../../projects/opal-frontend-common/services/transformation-service/transformation.service.ts","../../../projects/opal-frontend-common/services/transformation-service/hmcts-opal-frontend-common-services-transformation-service.ts"],"sourcesContent":["import { inject, Injectable } from '@angular/core';\nimport { ITransformItem } from '@hmcts/opal-frontend-common/services/transformation-service/interfaces';\nimport { DateService } from '@hmcts/opal-frontend-common/services/date-service';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class TransformationService {\n  private readonly dateService = inject(DateService);\n\n  /**\n   * Applies a transformation to the given value based on the specified transformation configuration.\n   *\n   * @param value - The value to be transformed.\n   * @param transformItem - The configuration for the transformation, including the type of transformation and any necessary format details.\n   * @returns The transformed value, or the original value if no transformation is applied.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private applyTransformation(value: any, transformItem: ITransformItem): any {\n    if (!value) {\n      return value;\n    }\n\n    if (transformItem.transformType === 'date') {\n      if (transformItem.dateInputFormat !== null && transformItem.dateOutputFormat !== null) {\n        const parsedDate = this.dateService.getFromFormat(value, transformItem.dateInputFormat);\n        if (this.dateService.isValidDate(parsedDate)) {\n          return this.dateService.toFormat(parsedDate, transformItem.dateOutputFormat);\n        }\n      }\n      return value;\n    }\n\n    return value;\n  }\n\n  /**\n   * Transforms the values of an object based on a given transformation configuration.\n   *\n   * @param obj - The object whose values need to be transformed. It should be a non-null object.\n   * @param toTransform - An array of transformation configurations, where each configuration specifies\n   *                      the key to transform and the transformation details.\n   * @returns The transformed object with values modified according to the transformation configuration.\n   *\n   * @remarks\n   * - If the input `obj` is not an object or is null, it returns the input as is.\n   * - The function recursively processes nested objects.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public transformObjectValues(obj: { [key: string]: any }, toTransform: ITransformItem[]): any {\n    if (typeof obj !== 'object' || obj === null) {\n      return obj;\n    }\n\n    for (const [key, value] of Object.entries(obj)) {\n      const transformItem = toTransform.find((item) => item.key === key);\n\n      if (transformItem) {\n        obj[key] = this.applyTransformation(value, transformItem);\n      } else if (Array.isArray(value)) {\n        obj[key] = value.map((item) =>\n          typeof item === 'object' ? this.transformObjectValues(item, toTransform) : item,\n        );\n      } else if (typeof value === 'object') {\n        obj[key] = this.transformObjectValues(value, toTransform); // Recursive call\n      }\n    }\n    return obj;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,qBAAqB,CAAA;AACf,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AAElD;;;;;;AAMG;;IAEK,mBAAmB,CAAC,KAAU,EAAE,aAA6B,EAAA;QACnE,IAAI,CAAC,KAAK,EAAE;AACV,YAAA,OAAO,KAAK;;AAGd,QAAA,IAAI,aAAa,CAAC,aAAa,KAAK,MAAM,EAAE;AAC1C,YAAA,IAAI,aAAa,CAAC,eAAe,KAAK,IAAI,IAAI,aAAa,CAAC,gBAAgB,KAAK,IAAI,EAAE;AACrF,gBAAA,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC;gBACvF,IAAI,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE;AAC5C,oBAAA,OAAO,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,UAAU,EAAE,aAAa,CAAC,gBAAgB,CAAC;;;AAGhF,YAAA,OAAO,KAAK;;AAGd,QAAA,OAAO,KAAK;;AAGd;;;;;;;;;;;AAWG;;IAEI,qBAAqB,CAAC,GAA2B,EAAE,WAA6B,EAAA;QACrF,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,EAAE;AAC3C,YAAA,OAAO,GAAG;;AAGZ,QAAA,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;AAC9C,YAAA,MAAM,aAAa,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,KAAK,GAAG,CAAC;YAElE,IAAI,aAAa,EAAE;AACjB,gBAAA,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,aAAa,CAAC;;AACpD,iBAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AAC/B,gBAAA,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KACxB,OAAO,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,WAAW,CAAC,GAAG,IAAI,CAChF;;AACI,iBAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACpC,gBAAA,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;;;AAG9D,QAAA,OAAO,GAAG;;wGA5DD,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAArB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,cAFpB,MAAM,EAAA,CAAA;;4FAEP,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAHjC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;ACND;;AAEG;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-services-transformation-service.mjs","sources":["../../../projects/opal-frontend-common/services/transformation-service/transformation.service.ts","../../../projects/opal-frontend-common/services/transformation-service/hmcts-opal-frontend-common-services-transformation-service.ts"],"sourcesContent":["import { inject, Injectable } from '@angular/core';\nimport { ITransformItem } from '@hmcts/opal-frontend-common/services/transformation-service/interfaces';\nimport { DateService } from '@hmcts/opal-frontend-common/services/date-service';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class TransformationService {\n  private readonly dateService = inject(DateService);\n\n  /**\n   * Applies a transformation to the given value based on the specified transformation configuration.\n   *\n   * @param value - The value to be transformed.\n   * @param transformItem - The configuration for the transformation, including the type of transformation and any necessary format details.\n   * @returns The transformed value, or the original value if no transformation is applied.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private applyTransformation(value: any, transformItem: ITransformItem): any {\n    if (!value) {\n      return value;\n    }\n\n    if (transformItem.transformType === 'date') {\n      if (transformItem.dateInputFormat !== null && transformItem.dateOutputFormat !== null) {\n        const parsedDate = this.dateService.getFromFormat(value, transformItem.dateInputFormat);\n        if (this.dateService.isValidDate(parsedDate)) {\n          return this.dateService.toFormat(parsedDate, transformItem.dateOutputFormat);\n        }\n      }\n      return value;\n    }\n\n    return value;\n  }\n\n  /**\n   * Transforms the values of an object based on a given transformation configuration.\n   *\n   * @param obj - The object whose values need to be transformed. It should be a non-null object.\n   * @param toTransform - An array of transformation configurations, where each configuration specifies\n   *                      the key to transform and the transformation details.\n   * @returns The transformed object with values modified according to the transformation configuration.\n   *\n   * @remarks\n   * - If the input `obj` is not an object or is null, it returns the input as is.\n   * - The function recursively processes nested objects.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public transformObjectValues(obj: { [key: string]: any }, toTransform: ITransformItem[]): any {\n    if (typeof obj !== 'object' || obj === null) {\n      return obj;\n    }\n\n    for (const [key, value] of Object.entries(obj)) {\n      const transformItem = toTransform.find((item) => item.key === key);\n\n      if (transformItem) {\n        obj[key] = this.applyTransformation(value, transformItem);\n      } else if (Array.isArray(value)) {\n        obj[key] = value.map((item) =>\n          typeof item === 'object' ? this.transformObjectValues(item, toTransform) : item,\n        );\n      } else if (typeof value === 'object') {\n        obj[key] = this.transformObjectValues(value, toTransform); // Recursive call\n      }\n    }\n    return obj;\n  }\n\n  /**\n   * replaces the keys in the object provided\n   * by replacing the current prefix with a new prefix.\n   * Useful when mapping object keys to a different format or structure.\n   * @param data - The data object containing key-value pairs.\n   * @param currentPrefix - The prefix to be replaced in the keys.\n   * @param replacementPrefix - The prefix to replace the current prefix with.\n   * @returns A new object with the keys replaced.\n   * @template T - The type of the form data object.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public replaceKeys<T extends object>(data: T, currentPrefix: string, replacementPrefix: string): Record<string, any> {\n    if (typeof data !== 'object' || data === null) {\n      return {};\n    }\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const result: Record<string, any> = {};\n\n    for (const [key, value] of Object.entries(data)) {\n      const newKey = key.replace(currentPrefix, replacementPrefix);\n      result[newKey] = value;\n    }\n\n    return result;\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-validators-pattern-validator.mjs

@@ -0,0 +1,28 @@
+/**
+ * Returns a validator function that tests a form control's value against a given regular expression.
+ * If the value does not match the pattern, it returns a validation error with the provided error key.
+ * Returns null for empty or valid values.
+ *
+ * @param pattern - The regular expression to test the control's value against.
+ * @param errorKey - The key to use in the returned validation error object (defaults to 'patternInvalid').
+ * @returns A ValidatorFn that returns a validation error object or null.
+ */
+function patternValidator(pattern, errorKey = 'patternInvalid') {
+    return (control) => {
+        if (!control.value) {
+            return null;
+        }
+        return pattern.test(control.value)
+            ? null
+            : {
+                [errorKey]: true,
+            };
+    };
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { patternValidator };
+//# sourceMappingURL=hmcts-opal-frontend-common-validators-pattern-validator.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-validators-pattern-validator.mjs","sources":["../../../projects/opal-frontend-common/validators/pattern-validator/pattern.validator.ts","../../../projects/opal-frontend-common/validators/pattern-validator/hmcts-opal-frontend-common-validators-pattern-validator.ts"],"sourcesContent":["import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\n\n/**\n * Returns a validator function that tests a form control's value against a given regular expression.\n * If the value does not match the pattern, it returns a validation error with the provided error key.\n * Returns null for empty or valid values.\n *\n * @param pattern - The regular expression to test the control's value against.\n * @param errorKey - The key to use in the returned validation error object (defaults to 'patternInvalid').\n * @returns A ValidatorFn that returns a validation error object or null.\n */\nexport function patternValidator(pattern: RegExp, errorKey: string = 'patternInvalid'): ValidatorFn {\n  return (control: AbstractControl): ValidationErrors | null => {\n    if (!control.value) {\n      return null;\n    }\n\n    return pattern.test(control.value)\n      ? null\n      : {\n          [errorKey]: true,\n        };\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAEA;;;;;;;;AAQG;SACa,gBAAgB,CAAC,OAAe,EAAE,WAAmB,gBAAgB,EAAA;IACnF,OAAO,CAAC,OAAwB,KAA6B;AAC3D,QAAA,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;AAClB,YAAA,OAAO,IAAI;;AAGb,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK;AAC/B,cAAE;AACF,cAAE;gBACE,CAAC,QAAQ,GAAG,IAAI;aACjB;AACP,KAAC;AACH;;ACvBA;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/opal-frontend-common",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": "^18.2.0 || ^19.0.0",
@@ -241,6 +241,16 @@
       "types": "./components/govuk/govuk-tabs/index.d.ts",
       "default": "./fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-tabs.mjs"
     },
+    "./components/govuk/govuk-tabs/govuk-tabs-list-item": {
+      "import": "./fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-list-item.mjs",
+      "types": "./components/govuk/govuk-tabs/govuk-tabs-list-item/index.d.ts",
+      "default": "./fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-list-item.mjs"
+    },
+    "./components/govuk/govuk-tabs/govuk-tabs-panel": {
+      "import": "./fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-panel.mjs",
+      "types": "./components/govuk/govuk-tabs/govuk-tabs-panel/index.d.ts",
+      "default": "./fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-panel.mjs"
+    },
     "./components/govuk/govuk-tags": {
       "import": "./fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-tags.mjs"
     },
@@ -475,6 +485,11 @@
       "types": "./services/date-service/index.d.ts",
       "default": "./fesm2022/hmcts-opal-frontend-common-services-date-service.mjs"
     },
+    "./services/date-service/interfaces": {
+      "import": "./fesm2022/hmcts-opal-frontend-common-services-date-service-interfaces.mjs",
+      "types": "./services/date-service/interfaces/index.d.ts",
+      "default": "./fesm2022/hmcts-opal-frontend-common-services-date-service-interfaces.mjs"
+    },
     "./services/permissions-service": {
       "import": "./fesm2022/hmcts-opal-frontend-common-services-permissions-service.mjs",
       "types": "./services/permissions-service/index.d.ts",
@@ -618,6 +633,11 @@
       "types": "./validators/past-date/index.d.ts",
       "default": "./fesm2022/hmcts-opal-frontend-common-validators-past-date.mjs"
     },
+    "./validators/pattern-validator": {
+      "import": "./fesm2022/hmcts-opal-frontend-common-validators-pattern-validator.mjs",
+      "types": "./validators/pattern-validator/index.d.ts",
+      "default": "./fesm2022/hmcts-opal-frontend-common-validators-pattern-validator.mjs"
+    },
     "./validators/special-characters": {
       "import": "./fesm2022/hmcts-opal-frontend-common-validators-special-characters.mjs",
       "types": "./validators/special-characters/index.d.ts",

package/services/date-service/interfaces/index.d.ts

@@ -0,0 +1,10 @@
+interface IDateRange {
+    to: string;
+    from: string;
+}
+interface IAgeObject {
+    value: number;
+    group: string;
+}
+
+export type { IAgeObject, IDateRange };

package/services/transformation-service/index.d.ts

@@ -26,6 +26,17 @@ declare class TransformationService {
     transformObjectValues(obj: {
         [key: string]: any;
     }, toTransform: ITransformItem[]): any;
+    /**
+     * replaces the keys in the object provided
+     * by replacing the current prefix with a new prefix.
+     * Useful when mapping object keys to a different format or structure.
+     * @param data - The data object containing key-value pairs.
+     * @param currentPrefix - The prefix to be replaced in the keys.
+     * @param replacementPrefix - The prefix to replace the current prefix with.
+     * @returns A new object with the keys replaced.
+     * @template T - The type of the form data object.
+     */
+    replaceKeys<T extends object>(data: T, currentPrefix: string, replacementPrefix: string): Record<string, any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TransformationService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TransformationService>;
 }

package/validators/pattern-validator/index.d.ts

@@ -0,0 +1,14 @@
+import { ValidatorFn } from '@angular/forms';
+
+/**
+ * Returns a validator function that tests a form control's value against a given regular expression.
+ * If the value does not match the pattern, it returns a validation error with the provided error key.
+ * Returns null for empty or valid values.
+ *
+ * @param pattern - The regular expression to test the control's value against.
+ * @param errorKey - The key to use in the returned validation error object (defaults to 'patternInvalid').
+ * @returns A ValidatorFn that returns a validation error object or null.
+ */
+declare function patternValidator(pattern: RegExp, errorKey?: string): ValidatorFn;
+
+export { patternValidator };