@hmcts/opal-frontend-common 0.0.41 → 0.0.42

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

@@ -44,11 +44,35 @@ declare abstract class AbstractFormBaseComponent implements OnInit, OnDestroy {
     formErrors: IAbstractFormBaseFormError[];
     constructor();
     /**
-     * Scrolls to the label of the component and focuses on the field id
+     * Scrolls to a specific form field and attempts to focus on it.
      *
-     * @param fieldId - Field id of the component
+     * This method locates the target field or its associated label/legend
+     * based on the provided `fieldId`. It ensures that the field or its
+     * nested focusable element is brought into view and focused, if possible.
+     *
+     * The scrolling behavior is smooth, and the method prioritizes the following
+     * elements in order:
+     * 1. A label associated with an autocomplete field (`label[for="${fieldId}-autocomplete"]`).
+     * 2. A regular label associated with the field (`label[for="${fieldId}"]`).
+     * 3. A legend within a fieldset associated with the field (`[id="${fieldId}"] .govuk-fieldset__legend`).
+     * 4. The field itself or its nested focusable element.
+     *
+     * @param fieldId - The ID of the form field to scroll to and focus on.
      */
     private scroll;
+    /**
+     * Determines whether a given HTML element can receive focus.
+     *
+     * An element is considered focusable if:
+     * - It has a `tabIndex` greater than or equal to 0 and does not have the `disabled` attribute.
+     * - It is an anchor (`<a>`) element with a valid `href` attribute.
+     * - It is one of the following tags: `INPUT`, `SELECT`, `TEXTAREA`, or `BUTTON`,
+     *   and it is not disabled.
+     *
+     * @param element - The HTML element to check for focusability.
+     * @returns `true` if the element can receive focus, otherwise `false`.
+     */
+    private canReceiveFocus;
     /**
      * Returns the highest priority form error from the given error keys and field errors.
      * @param errorKeys - An array of error keys.

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

@@ -4,6 +4,7 @@ import { EventEmitter, OnInit } from '@angular/core';
 declare class GovukSummaryCardActionComponent {
     actionText: string;
     actionRoute: string;
+    visuallyHiddenText: string;
     clickEvent: EventEmitter<string>;
     hostClass: string;
     /**
@@ -14,7 +15,7 @@ declare class GovukSummaryCardActionComponent {
      */
     onClick(event: Event, route: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukSummaryCardActionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GovukSummaryCardActionComponent, "opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]", never, { "actionText": { "alias": "actionText"; "required": true; }; "actionRoute": { "alias": "actionRoute"; "required": true; }; }, { "clickEvent": "clickEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GovukSummaryCardActionComponent, "opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]", never, { "actionText": { "alias": "actionText"; "required": true; }; "actionRoute": { "alias": "actionRoute"; "required": true; }; "visuallyHiddenText": { "alias": "visuallyHiddenText"; "required": true; }; }, { "clickEvent": "clickEvent"; }, never, never, true, never>;
 }
 
 declare class GovukSummaryCardListComponent implements OnInit {

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

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

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

@@ -22,30 +22,67 @@ class AbstractFormBaseComponent {
     formErrors;
     constructor() { }
     /**
-     * Scrolls to the label of the component and focuses on the field id
+     * Scrolls to a specific form field and attempts to focus on it.
      *
-     * @param fieldId - Field id of the component
+     * This method locates the target field or its associated label/legend
+     * based on the provided `fieldId`. It ensures that the field or its
+     * nested focusable element is brought into view and focused, if possible.
+     *
+     * The scrolling behavior is smooth, and the method prioritizes the following
+     * elements in order:
+     * 1. A label associated with an autocomplete field (`label[for="${fieldId}-autocomplete"]`).
+     * 2. A regular label associated with the field (`label[for="${fieldId}"]`).
+     * 3. A legend within a fieldset associated with the field (`[id="${fieldId}"] .govuk-fieldset__legend`).
+     * 4. The field itself or its nested focusable element.
+     *
+     * @param fieldId - The ID of the form field to scroll to and focus on.
      */
     scroll(fieldId) {
-        let labelTarget;
-        let fieldElement;
-        const autocompleteLabel = document.querySelector(`label[for=${fieldId}-autocomplete]`);
-        const regularLabel = document.querySelector(`label[for=${fieldId}]`);
-        const fieldsetLegend = document.querySelector(`#${fieldId} .govuk-fieldset__legend`);
-        if (autocompleteLabel) {
-            labelTarget = autocompleteLabel;
-            fieldElement = document.getElementById(`${fieldId}-autocomplete`);
+        const autocompleteLabel = document.querySelector(`label[for="${fieldId}-autocomplete"]`);
+        const regularLabel = document.querySelector(`label[for="${fieldId}"]`);
+        const fieldsetLegend = document.querySelector(`[id="${fieldId}"] .govuk-fieldset__legend`);
+        const labelTarget = autocompleteLabel ?? regularLabel ?? fieldsetLegend ?? null;
+        const focusableSelector = 'input:not([type="hidden"]), select, textarea, button, [tabindex]:not([tabindex="-1"])';
+        let fieldElement = document.getElementById(`${fieldId}-autocomplete`) ?? document.getElementById(fieldId);
+        if (fieldElement && !this.canReceiveFocus(fieldElement)) {
+            const nestedFocusable = fieldElement.querySelector(focusableSelector);
+            if (nestedFocusable) {
+                fieldElement = nestedFocusable;
+            }
         }
-        else {
-            labelTarget = regularLabel || fieldsetLegend;
-            fieldElement = document.getElementById(fieldId);
+        fieldElement ??= document.querySelector(`[id="${fieldId}"] ${focusableSelector}`);
+        if (labelTarget) {
+            labelTarget.scrollIntoView({ behavior: 'smooth' });
         }
-        if (fieldElement) {
-            if (labelTarget) {
-                labelTarget.scrollIntoView({ behavior: 'smooth' });
-            }
-            fieldElement.focus();
+        else if (fieldElement) {
+            fieldElement.scrollIntoView({ behavior: 'smooth' });
+        }
+        fieldElement?.focus();
+    }
+    /**
+     * Determines whether a given HTML element can receive focus.
+     *
+     * An element is considered focusable if:
+     * - It has a `tabIndex` greater than or equal to 0 and does not have the `disabled` attribute.
+     * - It is an anchor (`<a>`) element with a valid `href` attribute.
+     * - It is one of the following tags: `INPUT`, `SELECT`, `TEXTAREA`, or `BUTTON`,
+     *   and it is not disabled.
+     *
+     * @param element - The HTML element to check for focusability.
+     * @returns `true` if the element can receive focus, otherwise `false`.
+     */
+    canReceiveFocus(element) {
+        if (element.tabIndex >= 0 && !element.hasAttribute('disabled')) {
+            return true;
+        }
+        if (element instanceof HTMLAnchorElement && element.hasAttribute('href') && element.href) {
+            return !!element.href;
+        }
+        const focusableTags = ['INPUT', 'SELECT', 'TEXTAREA', 'BUTTON'];
+        if (focusableTags.includes(element.tagName)) {
+            return !element.disabled;
         }
+        return false;
     }
     /**
      * Returns the highest priority form error from the given error keys and field errors.

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, FormRecord, 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  private readonly changeDetectorRef = inject(ChangeDetectorRef);\n  private readonly router = inject(Router);\n  private readonly activatedRoute = inject(ActivatedRoute);\n\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  protected readonly utilsService = inject(UtilsService);\n  protected fieldErrors!: IAbstractFormBaseFieldErrors;\n  protected formSubmitted = false;\n  protected readonly ngUnsubscribe = new Subject<void>();\n\n  public form!: FormGroup;\n  public formControlErrorMessages!: IAbstractFormControlErrorMessage;\n  public formErrorSummaryMessage!: IAbstractFormBaseFormErrorSummaryMessage[];\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      // Use Array.prototype.at for clarity when accessing the last segment of the control path\n      const controlKey = controlPath.at(-1);\n      const errorKeys = Object.keys(controlErrors) || [];\n      const fieldErrors = controlKey === undefined ? {} : 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      .flatMap((controlName) => {\n        const control = formControls[controlName];\n\n        if (control instanceof FormRecord) {\n          // We only support FormControls in FormRecords\n          const recordFieldErrorDetails = this.getFieldErrorDetails([...controlPath, controlName]);\n\n          return {\n            fieldId: controlName,\n            message: recordFieldErrorDetails?.message ?? null,\n            priority: recordFieldErrorDetails?.priority ?? 999999999,\n            type: recordFieldErrorDetails?.type ?? null,\n          };\n        }\n\n        if (control instanceof FormGroup) {\n          return this.getFormErrors(control, [...controlPath, controlName]);\n        }\n\n        if (control instanceof FormArray) {\n          return control.controls.flatMap((controlItem, index) => {\n            // We only support FormGroups in FormArrays\n            if (controlItem instanceof FormGroup) {\n              return this.getFormErrors(controlItem, [...controlPath, controlName, index]);\n            }\n            return [];\n          });\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\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    for (const entry of formErrors) {\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      if (index === -1) {\n        return acc;\n      }\n      return [...acc, index];\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    for (const error of formErrors) {\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    for (const field of formErrors) {\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        continue;\n      }\n      manipulatedFields.push(field);\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    for (const { controlName, validators } of controls) {\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    for (const controlName of Object.keys(formControls)) {\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 all error messages from the form.\n   */\n  protected clearAllErrorMessages(): void {\n    this.formControlErrorMessages = {};\n    this.formErrorSummaryMessage = [];\n    this.formErrors = [];\n    this.form.updateValueAndValidity({ onlySelf: false, emitEvent: false });\n  }\n\n  /**\n   * Create a plain object from a FormRecord of FormControls.\n   *\n   * What it does: copies each control's current value onto a plain object.\n   * When to use: when you need the raw values from a FormRecord (e.g. to send to an API).\n   *\n   * Example\n   * -------\n   * // record: FormRecord<FormControl<string | null>> with a single control 'firstName'\n   * const out = this.objectFromFormRecord(record, {\n   *   mapKey: k => k,            // optional (defaults to identity)\n   *   mapValue: v => v ?? ''     // turn null/undefined into ''\n   * });\n   * // out -> { firstName: '' }\n   *\n   * @typeParam T - Control value type.\n   * @typeParam U - Output value type (defaults to T).\n   * @typeParam K - Output key type (defaults to string). Control names are strings; provide `mapKey` if you need numbers.\n   */\n  protected objectFromFormRecord<T, U = T, K extends string | number = string>(\n    controlRecord: FormRecord<FormControl<T | null | undefined>>,\n    options?: {\n      mapKey?: (key: string) => K;\n      mapValue?: (value: T | null | undefined) => U;\n    },\n  ): Record<K, U> {\n    const mapKey = options?.mapKey ?? ((k: string) => k as unknown as K);\n    const mapValue = options?.mapValue ?? ((v: T | null | undefined) => v as unknown as U);\n\n    const result = {} as Record<K, U>;\n\n    for (const [name, control] of Object.entries(controlRecord.controls)) {\n      result[mapKey(name)] = mapValue(control.value);\n    }\n\n    return result;\n  }\n\n  /**\n   * Patch a FormRecord of FormControls from a plain object.\n   *\n   * What it does: for each entry in `values`, finds the matching control by name\n   * (optionally mapped via `mapKey`) and sets its value **only if** it changes.\n   * When to use: when you need to patch many controls at once, without\n   * triggering extra updates for unchanged values.\n   *\n   * Example\n   * -------\n   * // controlRecord: FormRecord<FormControl<string>> with controls 'firstName', 'lastName'\n   * this.patchFormRecordFromObject(controlRecord, { firstName: 'Ada', lastName: 'Lovelace' }, {\n   *   emitEvent: true,\n   *   isEqual: (a, b) => a === b,\n   *   // mapKey: k => `ctrl_${k as string}` // optional: map incoming keys to control names\n   * });\n   *\n   * @typeParam T - Control value type.\n   * @typeParam K - Keys present in the `values` object (string or number).\n   */\n  protected patchFormRecordFromObject<T, K extends string | number = string>(\n    controlRecord: FormRecord<FormControl<T>>,\n    values: Record<K, T>,\n    options?: {\n      emitEvent?: boolean;\n      /** How provided keys map to control names (defaults to String(key)). */\n      mapKey?: (key: K) => string;\n      /** Equality check used to avoid unnecessary writes (defaults to Object.is). */\n      isEqual?: (a: T, b: T) => boolean;\n    },\n  ): void {\n    const emitEvent = options?.emitEvent ?? false;\n    const mapKey = options?.mapKey ?? String;\n    const isEqual = options?.isEqual ?? Object.is;\n\n    for (const [k, v] of Object.entries(values) as [K, T][]) {\n      const controlName = mapKey(k);\n      const ctrl = controlRecord.get(controlName) as FormControl<T> | null;\n      if (!ctrl) {\n        // If the control isn't present, skip silently. Callers can validate separately.\n        continue;\n      }\n      if (!isEqual(ctrl.value, v)) {\n        ctrl.setValue(v, { emitEvent });\n      }\n    }\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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"}
+{"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, FormRecord, 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  private readonly changeDetectorRef = inject(ChangeDetectorRef);\n  private readonly router = inject(Router);\n  private readonly activatedRoute = inject(ActivatedRoute);\n\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  protected readonly utilsService = inject(UtilsService);\n  protected fieldErrors!: IAbstractFormBaseFieldErrors;\n  protected formSubmitted = false;\n  protected readonly ngUnsubscribe = new Subject<void>();\n\n  public form!: FormGroup;\n  public formControlErrorMessages!: IAbstractFormControlErrorMessage;\n  public formErrorSummaryMessage!: IAbstractFormBaseFormErrorSummaryMessage[];\n  public formErrors!: IAbstractFormBaseFormError[];\n\n  constructor() {}\n\n  /**\n   * Scrolls to a specific form field and attempts to focus on it.\n   *\n   * This method locates the target field or its associated label/legend\n   * based on the provided `fieldId`. It ensures that the field or its\n   * nested focusable element is brought into view and focused, if possible.\n   *\n   * The scrolling behavior is smooth, and the method prioritizes the following\n   * elements in order:\n   * 1. A label associated with an autocomplete field (`label[for=\"${fieldId}-autocomplete\"]`).\n   * 2. A regular label associated with the field (`label[for=\"${fieldId}\"]`).\n   * 3. A legend within a fieldset associated with the field (`[id=\"${fieldId}\"] .govuk-fieldset__legend`).\n   * 4. The field itself or its nested focusable element.\n   *\n   * @param fieldId - The ID of the form field to scroll to and focus on.\n   */\n  private scroll(fieldId: string): void {\n    const autocompleteLabel = document.querySelector<HTMLElement>(`label[for=\"${fieldId}-autocomplete\"]`);\n    const regularLabel = document.querySelector<HTMLElement>(`label[for=\"${fieldId}\"]`);\n    const fieldsetLegend = document.querySelector<HTMLElement>(`[id=\"${fieldId}\"] .govuk-fieldset__legend`);\n\n    const labelTarget = autocompleteLabel ?? regularLabel ?? fieldsetLegend ?? null;\n    const focusableSelector = 'input:not([type=\"hidden\"]), select, textarea, button, [tabindex]:not([tabindex=\"-1\"])';\n\n    let fieldElement = document.getElementById(`${fieldId}-autocomplete`) ?? document.getElementById(fieldId);\n\n    if (fieldElement && !this.canReceiveFocus(fieldElement)) {\n      const nestedFocusable = fieldElement.querySelector<HTMLElement>(focusableSelector);\n      if (nestedFocusable) {\n        fieldElement = nestedFocusable;\n      }\n    }\n\n    fieldElement ??= document.querySelector<HTMLElement>(`[id=\"${fieldId}\"] ${focusableSelector}`);\n\n    if (labelTarget) {\n      labelTarget.scrollIntoView({ behavior: 'smooth' });\n    } else if (fieldElement) {\n      fieldElement.scrollIntoView({ behavior: 'smooth' });\n    }\n\n    fieldElement?.focus();\n  }\n\n  /**\n   * Determines whether a given HTML element can receive focus.\n   *\n   * An element is considered focusable if:\n   * - It has a `tabIndex` greater than or equal to 0 and does not have the `disabled` attribute.\n   * - It is an anchor (`<a>`) element with a valid `href` attribute.\n   * - It is one of the following tags: `INPUT`, `SELECT`, `TEXTAREA`, or `BUTTON`,\n   *   and it is not disabled.\n   *\n   * @param element - The HTML element to check for focusability.\n   * @returns `true` if the element can receive focus, otherwise `false`.\n   */\n  private canReceiveFocus(element: HTMLElement): boolean {\n    if (element.tabIndex >= 0 && !element.hasAttribute('disabled')) {\n      return true;\n    }\n\n    if (element instanceof HTMLAnchorElement && element.hasAttribute('href') && element.href) {\n      return !!element.href;\n    }\n\n    const focusableTags = ['INPUT', 'SELECT', 'TEXTAREA', 'BUTTON'];\n    if (focusableTags.includes(element.tagName)) {\n      return !(element as HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLButtonElement).disabled;\n    }\n\n    return false;\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      // Use Array.prototype.at for clarity when accessing the last segment of the control path\n      const controlKey = controlPath.at(-1);\n      const errorKeys = Object.keys(controlErrors) || [];\n      const fieldErrors = controlKey === undefined ? {} : 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      .flatMap((controlName) => {\n        const control = formControls[controlName];\n\n        if (control instanceof FormRecord) {\n          // We only support FormControls in FormRecords\n          const recordFieldErrorDetails = this.getFieldErrorDetails([...controlPath, controlName]);\n\n          return {\n            fieldId: controlName,\n            message: recordFieldErrorDetails?.message ?? null,\n            priority: recordFieldErrorDetails?.priority ?? 999999999,\n            type: recordFieldErrorDetails?.type ?? null,\n          };\n        }\n\n        if (control instanceof FormGroup) {\n          return this.getFormErrors(control, [...controlPath, controlName]);\n        }\n\n        if (control instanceof FormArray) {\n          return control.controls.flatMap((controlItem, index) => {\n            // We only support FormGroups in FormArrays\n            if (controlItem instanceof FormGroup) {\n              return this.getFormErrors(controlItem, [...controlPath, controlName, index]);\n            }\n            return [];\n          });\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\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    for (const entry of formErrors) {\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      if (index === -1) {\n        return acc;\n      }\n      return [...acc, index];\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    for (const error of formErrors) {\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    for (const field of formErrors) {\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        continue;\n      }\n      manipulatedFields.push(field);\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    for (const { controlName, validators } of controls) {\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    for (const controlName of Object.keys(formControls)) {\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 all error messages from the form.\n   */\n  protected clearAllErrorMessages(): void {\n    this.formControlErrorMessages = {};\n    this.formErrorSummaryMessage = [];\n    this.formErrors = [];\n    this.form.updateValueAndValidity({ onlySelf: false, emitEvent: false });\n  }\n\n  /**\n   * Create a plain object from a FormRecord of FormControls.\n   *\n   * What it does: copies each control's current value onto a plain object.\n   * When to use: when you need the raw values from a FormRecord (e.g. to send to an API).\n   *\n   * Example\n   * -------\n   * // record: FormRecord<FormControl<string | null>> with a single control 'firstName'\n   * const out = this.objectFromFormRecord(record, {\n   *   mapKey: k => k,            // optional (defaults to identity)\n   *   mapValue: v => v ?? ''     // turn null/undefined into ''\n   * });\n   * // out -> { firstName: '' }\n   *\n   * @typeParam T - Control value type.\n   * @typeParam U - Output value type (defaults to T).\n   * @typeParam K - Output key type (defaults to string). Control names are strings; provide `mapKey` if you need numbers.\n   */\n  protected objectFromFormRecord<T, U = T, K extends string | number = string>(\n    controlRecord: FormRecord<FormControl<T | null | undefined>>,\n    options?: {\n      mapKey?: (key: string) => K;\n      mapValue?: (value: T | null | undefined) => U;\n    },\n  ): Record<K, U> {\n    const mapKey = options?.mapKey ?? ((k: string) => k as unknown as K);\n    const mapValue = options?.mapValue ?? ((v: T | null | undefined) => v as unknown as U);\n\n    const result = {} as Record<K, U>;\n\n    for (const [name, control] of Object.entries(controlRecord.controls)) {\n      result[mapKey(name)] = mapValue(control.value);\n    }\n\n    return result;\n  }\n\n  /**\n   * Patch a FormRecord of FormControls from a plain object.\n   *\n   * What it does: for each entry in `values`, finds the matching control by name\n   * (optionally mapped via `mapKey`) and sets its value **only if** it changes.\n   * When to use: when you need to patch many controls at once, without\n   * triggering extra updates for unchanged values.\n   *\n   * Example\n   * -------\n   * // controlRecord: FormRecord<FormControl<string>> with controls 'firstName', 'lastName'\n   * this.patchFormRecordFromObject(controlRecord, { firstName: 'Ada', lastName: 'Lovelace' }, {\n   *   emitEvent: true,\n   *   isEqual: (a, b) => a === b,\n   *   // mapKey: k => `ctrl_${k as string}` // optional: map incoming keys to control names\n   * });\n   *\n   * @typeParam T - Control value type.\n   * @typeParam K - Keys present in the `values` object (string or number).\n   */\n  protected patchFormRecordFromObject<T, K extends string | number = string>(\n    controlRecord: FormRecord<FormControl<T>>,\n    values: Record<K, T>,\n    options?: {\n      emitEvent?: boolean;\n      /** How provided keys map to control names (defaults to String(key)). */\n      mapKey?: (key: K) => string;\n      /** Equality check used to avoid unnecessary writes (defaults to Object.is). */\n      isEqual?: (a: T, b: T) => boolean;\n    },\n  ): void {\n    const emitEvent = options?.emitEvent ?? false;\n    const mapKey = options?.mapKey ?? String;\n    const isEqual = options?.isEqual ?? Object.is;\n\n    for (const [k, v] of Object.entries(values) as [K, T][]) {\n      const controlName = mapKey(k);\n      const ctrl = controlRecord.get(controlName) as FormControl<T> | null;\n      if (!ctrl) {\n        // If the control isn't present, skip silently. Callers can validate separately.\n        continue;\n      }\n      if (!isEqual(ctrl.value, v)) {\n        ctrl.setValue(v, { emitEvent });\n      }\n    }\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-alphagov-alphagov-accessible-autocomplete.mjs

@@ -135,11 +135,11 @@ class AlphagovAccessibleAutocompleteComponent {
         this.ngUnsubscribe.complete();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AlphagovAccessibleAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AlphagovAccessibleAutocompleteComponent, isStandalone: true, selector: "opal-lib-alphagov-accessible-autocomplete", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", autoCompleteItems: "autoCompleteItems", showAllValues: "showAllValues", errors: "errors", control: "control" }, viewQueries: [{ propertyName: "autocompleteContainer", first: true, predicate: ["autocomplete"], descendants: true }], ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"autoCompleteId\"> {{ labelText }} </label>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.autoCompleteId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <div #autocomplete id=\"{{ autoCompleteId }}-container\" class=\"{{ inputClasses }}\"></div>\n  <input [id]=\"inputId\" [name]=\"inputName\" type=\"hidden\" [formControl]=\"getControl\" />\n</div>\n", styles: [":host ::ng-deep .autocomplete__option{font-family:GDS Transport,arial,sans-serif}:host ::ng-deep .govuk-input--error input{border-color:#d4351c}:host ::ng-deep .autocomplete__input{background-color:#fff}:host ::ng-deep .autocomplete__dropdown-arrow-down{z-index:1!important;pointer-events:none!important}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AlphagovAccessibleAutocompleteComponent, isStandalone: true, selector: "opal-lib-alphagov-accessible-autocomplete", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", autoCompleteItems: "autoCompleteItems", showAllValues: "showAllValues", errors: "errors", control: "control" }, viewQueries: [{ propertyName: "autocompleteContainer", first: true, predicate: ["autocomplete"], descendants: true }], ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"autoCompleteId\"> {{ labelText }} </label>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.autoCompleteId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <div #autocomplete id=\"{{ autoCompleteId }}-container\" class=\"{{ inputClasses }}\"></div>\n  <input\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"hidden\"\n    [formControl]=\"getControl\"\n    [attr.aria-describedby]=\"hintText ? inputId + '-hint' : null\"\n  />\n</div>\n", styles: [":host ::ng-deep .autocomplete__option{font-family:GDS Transport,arial,sans-serif}:host ::ng-deep .govuk-input--error input{border-color:#d4351c}:host ::ng-deep .autocomplete__input{background-color:#fff}:host ::ng-deep .autocomplete__dropdown-arrow-down{z-index:1!important;pointer-events:none!important}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AlphagovAccessibleAutocompleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'opal-lib-alphagov-accessible-autocomplete', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"autoCompleteId\"> {{ labelText }} </label>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.autoCompleteId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <div #autocomplete id=\"{{ autoCompleteId }}-container\" class=\"{{ inputClasses }}\"></div>\n  <input [id]=\"inputId\" [name]=\"inputName\" type=\"hidden\" [formControl]=\"getControl\" />\n</div>\n", styles: [":host ::ng-deep .autocomplete__option{font-family:GDS Transport,arial,sans-serif}:host ::ng-deep .govuk-input--error input{border-color:#d4351c}:host ::ng-deep .autocomplete__input{background-color:#fff}:host ::ng-deep .autocomplete__dropdown-arrow-down{z-index:1!important;pointer-events:none!important}\n"] }]
+            args: [{ selector: 'opal-lib-alphagov-accessible-autocomplete', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"autoCompleteId\"> {{ labelText }} </label>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.autoCompleteId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <div #autocomplete id=\"{{ autoCompleteId }}-container\" class=\"{{ inputClasses }}\"></div>\n  <input\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"hidden\"\n    [formControl]=\"getControl\"\n    [attr.aria-describedby]=\"hintText ? inputId + '-hint' : null\"\n  />\n</div>\n", styles: [":host ::ng-deep .autocomplete__option{font-family:GDS Transport,arial,sans-serif}:host ::ng-deep .govuk-input--error input{border-color:#d4351c}:host ::ng-deep .autocomplete__input{background-color:#fff}:host ::ng-deep .autocomplete__dropdown-arrow-down{z-index:1!important;pointer-events:none!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { labelText: [{
                 type: Input,
                 args: [{ required: true }]

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-alphagov-alphagov-accessible-autocomplete.mjs","sources":["../../../projects/opal-frontend-common/components/alphagov/alphagov-accessible-autocomplete/alphagov-accessible-autocomplete.component.ts","../../../projects/opal-frontend-common/components/alphagov/alphagov-accessible-autocomplete/alphagov-accessible-autocomplete.component.html","../../../projects/opal-frontend-common/components/alphagov/alphagov-accessible-autocomplete/hmcts-opal-frontend-common-components-alphagov-alphagov-accessible-autocomplete.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  Input,\n  OnDestroy,\n  OnInit,\n  ViewChild,\n  afterNextRender,\n  inject,\n} from '@angular/core';\nimport { FormControl, AbstractControl, ReactiveFormsModule } from '@angular/forms';\nimport { IAlphagovAccessibleAutocompleteItem } from './interfaces/alphagov-accessible-autocomplete-item.interface';\nimport { AccessibleAutocompleteProps } from 'accessible-autocomplete';\nimport { Subject, pairwise, startWith, takeUntil } from 'rxjs';\n\n@Component({\n  selector: 'opal-lib-alphagov-accessible-autocomplete',\n  imports: [ReactiveFormsModule],\n  templateUrl: './alphagov-accessible-autocomplete.component.html',\n  styleUrl: './alphagov-accessible-autocomplete.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AlphagovAccessibleAutocompleteComponent implements OnInit, OnDestroy {\n  private readonly changeDetector: ChangeDetectorRef = inject(ChangeDetectorRef);\n  private _control!: FormControl;\n  private readonly ngUnsubscribe = new Subject<void>();\n\n  @Input({ required: true }) labelText!: string;\n  @Input({ required: false }) labelClasses!: string;\n  @Input({ required: true }) inputId!: string;\n  @Input({ required: true }) inputName!: string;\n  @Input({ required: false }) inputClasses!: string;\n  @Input({ required: false }) hintText!: string;\n  @Input({ required: true }) autoCompleteItems: IAlphagovAccessibleAutocompleteItem[] = [];\n  @Input() showAllValues = true;\n  @Input({ required: false }) errors: string | null = null;\n\n  @ViewChild('autocomplete') autocompleteContainer!: ElementRef<HTMLElement>;\n\n  public autoCompleteId!: string;\n\n  @Input({ required: true }) set control(abstractControl: AbstractControl | null) {\n    // Form controls are passed in as abstract controls, we need to re-cast it.\n    this._control = abstractControl as FormControl;\n  }\n\n  constructor() {\n    afterNextRender(() => {\n      // Only trigger the render of the component in the browser\n      this.configureAutoComplete();\n    });\n  }\n\n  /**\n   * Gets the control for the alphagov-accessible-autocomplete component.\n   * @returns The control for the component.\n   */\n  get getControl() {\n    return this._control;\n  }\n\n  /**\n   * Handles the confirmation of a selected name.\n   *\n   * @param selectedName - The selected name.\n   * @returns void\n   */\n\n  private handleOnConfirm(selectedName: string | undefined): void {\n    // selectedName is populated on selecting an option but is undefined onBlur, so we need to grab the input value directly from the input\n    const control = this._control;\n    const name = selectedName ?? (document.querySelector(`#${this.autoCompleteId}`) as HTMLInputElement).value;\n    const selectedItem = this.autoCompleteItems.find((item) => item.name === name) ?? null;\n    const previousValue = control.value;\n    const selectedValue = selectedItem?.value ?? null;\n\n    control.setValue(selectedValue);\n    control.markAsTouched();\n\n    // Handles initial empty state when the user clicks away from the input\n    if (selectedItem === null && previousValue === null) {\n      control.markAsPristine();\n    } else if (selectedItem?.value !== previousValue) {\n      control.markAsDirty();\n    }\n\n    control.updateValueAndValidity();\n    this.changeDetector.detectChanges();\n  }\n\n  /**\n   * Retrieves the default value for the autocomplete component.\n   *\n   * @returns The default value as a string.\n   */\n\n  private getDefaultValue() {\n    return this.autoCompleteItems.find((item) => item.value === this._control.value)?.name ?? '';\n  }\n\n  /**\n   * Builds the props object for the AccessibleAutocomplete component.\n   * @returns The props object for the AccessibleAutocomplete component.\n   */\n  private buildAutoCompleteProps(): AccessibleAutocompleteProps {\n    return {\n      id: this.autoCompleteId,\n      element: this.autocompleteContainer.nativeElement,\n      source: this.autoCompleteItems.map((item) => item.name),\n      name: this.autoCompleteId,\n      showAllValues: this.showAllValues,\n      defaultValue: this.getDefaultValue(),\n      dropdownArrow: ({ className }) => this.renderDropdownArrow(className),\n      onConfirm: (selectedName: string) => this.handleOnConfirm(selectedName),\n    };\n  }\n\n  /**\n   * Renders a custom dropdown arrow.\n   * @param className – The class to apply to the SVG.\n   * @returns An SVG string for the dropdown arrow.\n   */\n  private renderDropdownArrow(className: string): string {\n    return `\n   <svg class=\"${className}\" style=\"top: 8px;\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M256,298.3L256,298.3L256,298.3l174.2-167.2c4.3-4.2,11.4-4.1,15.8,0.2l30.6,29.9\n                    c4.4,4.3,4.5,11.3,0.2,15.5L264.1,380.9c-2.2,2.2-5.2,3.2-8.1,3c-3,0.1-5.9-0.9-8.1-3L35.2,176.7\n                    c-4.3-4.2-4.2-11.2,0.2-15.5L66,131.3c4.4-4.3,11.5-4.4,15.8-0.2L256,298.3z\"></path>\n          </svg>`;\n  }\n\n  /**\n   * Configures the auto-complete functionality using the accessible-autocomplete library.\n   */\n  private configureAutoComplete(): void {\n    import('accessible-autocomplete').then((accessibleAutocomplete) => {\n      accessibleAutocomplete.default(this.buildAutoCompleteProps());\n    });\n  }\n\n  /**\n   * Sets up the control subscription for value changes.\n   * Whenever the control value changes, this method is called to handle the changes.\n   * If the new value is null, it clears the autocomplete container and configures the autocomplete.\n   */\n  private setupControlSub(): void {\n    this._control.valueChanges\n      .pipe(startWith(null), pairwise(), takeUntil(this.ngUnsubscribe))\n      .subscribe(([prev, next]) => {\n        // If both values are null, we don't need to do anything\n        if (prev === null && next === null) {\n          return;\n        }\n\n        // Otherwise, next is null, we need to clear the autocomplete\n        if (next === null) {\n          this.autocompleteContainer.nativeElement.innerHTML = '';\n          this.configureAutoComplete();\n        }\n      });\n  }\n\n  ngOnInit(): void {\n    this.autoCompleteId = this.inputId + '-autocomplete';\n    this.setupControlSub();\n  }\n\n  ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n}\n","<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"autoCompleteId\"> {{ labelText }} </label>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.autoCompleteId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <div #autocomplete id=\"{{ autoCompleteId }}-container\" class=\"{{ inputClasses }}\"></div>\n  <input [id]=\"inputId\" [name]=\"inputName\" type=\"hidden\" [formControl]=\"getControl\" />\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-alphagov-alphagov-accessible-autocomplete.mjs","sources":["../../../projects/opal-frontend-common/components/alphagov/alphagov-accessible-autocomplete/alphagov-accessible-autocomplete.component.ts","../../../projects/opal-frontend-common/components/alphagov/alphagov-accessible-autocomplete/alphagov-accessible-autocomplete.component.html","../../../projects/opal-frontend-common/components/alphagov/alphagov-accessible-autocomplete/hmcts-opal-frontend-common-components-alphagov-alphagov-accessible-autocomplete.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  Input,\n  OnDestroy,\n  OnInit,\n  ViewChild,\n  afterNextRender,\n  inject,\n} from '@angular/core';\nimport { FormControl, AbstractControl, ReactiveFormsModule } from '@angular/forms';\nimport { IAlphagovAccessibleAutocompleteItem } from './interfaces/alphagov-accessible-autocomplete-item.interface';\nimport { AccessibleAutocompleteProps } from 'accessible-autocomplete';\nimport { Subject, pairwise, startWith, takeUntil } from 'rxjs';\n\n@Component({\n  selector: 'opal-lib-alphagov-accessible-autocomplete',\n  imports: [ReactiveFormsModule],\n  templateUrl: './alphagov-accessible-autocomplete.component.html',\n  styleUrl: './alphagov-accessible-autocomplete.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AlphagovAccessibleAutocompleteComponent implements OnInit, OnDestroy {\n  private readonly changeDetector: ChangeDetectorRef = inject(ChangeDetectorRef);\n  private _control!: FormControl;\n  private readonly ngUnsubscribe = new Subject<void>();\n\n  @Input({ required: true }) labelText!: string;\n  @Input({ required: false }) labelClasses!: string;\n  @Input({ required: true }) inputId!: string;\n  @Input({ required: true }) inputName!: string;\n  @Input({ required: false }) inputClasses!: string;\n  @Input({ required: false }) hintText!: string;\n  @Input({ required: true }) autoCompleteItems: IAlphagovAccessibleAutocompleteItem[] = [];\n  @Input() showAllValues = true;\n  @Input({ required: false }) errors: string | null = null;\n\n  @ViewChild('autocomplete') autocompleteContainer!: ElementRef<HTMLElement>;\n\n  public autoCompleteId!: string;\n\n  @Input({ required: true }) set control(abstractControl: AbstractControl | null) {\n    // Form controls are passed in as abstract controls, we need to re-cast it.\n    this._control = abstractControl as FormControl;\n  }\n\n  constructor() {\n    afterNextRender(() => {\n      // Only trigger the render of the component in the browser\n      this.configureAutoComplete();\n    });\n  }\n\n  /**\n   * Gets the control for the alphagov-accessible-autocomplete component.\n   * @returns The control for the component.\n   */\n  get getControl() {\n    return this._control;\n  }\n\n  /**\n   * Handles the confirmation of a selected name.\n   *\n   * @param selectedName - The selected name.\n   * @returns void\n   */\n\n  private handleOnConfirm(selectedName: string | undefined): void {\n    // selectedName is populated on selecting an option but is undefined onBlur, so we need to grab the input value directly from the input\n    const control = this._control;\n    const name = selectedName ?? (document.querySelector(`#${this.autoCompleteId}`) as HTMLInputElement).value;\n    const selectedItem = this.autoCompleteItems.find((item) => item.name === name) ?? null;\n    const previousValue = control.value;\n    const selectedValue = selectedItem?.value ?? null;\n\n    control.setValue(selectedValue);\n    control.markAsTouched();\n\n    // Handles initial empty state when the user clicks away from the input\n    if (selectedItem === null && previousValue === null) {\n      control.markAsPristine();\n    } else if (selectedItem?.value !== previousValue) {\n      control.markAsDirty();\n    }\n\n    control.updateValueAndValidity();\n    this.changeDetector.detectChanges();\n  }\n\n  /**\n   * Retrieves the default value for the autocomplete component.\n   *\n   * @returns The default value as a string.\n   */\n\n  private getDefaultValue() {\n    return this.autoCompleteItems.find((item) => item.value === this._control.value)?.name ?? '';\n  }\n\n  /**\n   * Builds the props object for the AccessibleAutocomplete component.\n   * @returns The props object for the AccessibleAutocomplete component.\n   */\n  private buildAutoCompleteProps(): AccessibleAutocompleteProps {\n    return {\n      id: this.autoCompleteId,\n      element: this.autocompleteContainer.nativeElement,\n      source: this.autoCompleteItems.map((item) => item.name),\n      name: this.autoCompleteId,\n      showAllValues: this.showAllValues,\n      defaultValue: this.getDefaultValue(),\n      dropdownArrow: ({ className }) => this.renderDropdownArrow(className),\n      onConfirm: (selectedName: string) => this.handleOnConfirm(selectedName),\n    };\n  }\n\n  /**\n   * Renders a custom dropdown arrow.\n   * @param className – The class to apply to the SVG.\n   * @returns An SVG string for the dropdown arrow.\n   */\n  private renderDropdownArrow(className: string): string {\n    return `\n   <svg class=\"${className}\" style=\"top: 8px;\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M256,298.3L256,298.3L256,298.3l174.2-167.2c4.3-4.2,11.4-4.1,15.8,0.2l30.6,29.9\n                    c4.4,4.3,4.5,11.3,0.2,15.5L264.1,380.9c-2.2,2.2-5.2,3.2-8.1,3c-3,0.1-5.9-0.9-8.1-3L35.2,176.7\n                    c-4.3-4.2-4.2-11.2,0.2-15.5L66,131.3c4.4-4.3,11.5-4.4,15.8-0.2L256,298.3z\"></path>\n          </svg>`;\n  }\n\n  /**\n   * Configures the auto-complete functionality using the accessible-autocomplete library.\n   */\n  private configureAutoComplete(): void {\n    import('accessible-autocomplete').then((accessibleAutocomplete) => {\n      accessibleAutocomplete.default(this.buildAutoCompleteProps());\n    });\n  }\n\n  /**\n   * Sets up the control subscription for value changes.\n   * Whenever the control value changes, this method is called to handle the changes.\n   * If the new value is null, it clears the autocomplete container and configures the autocomplete.\n   */\n  private setupControlSub(): void {\n    this._control.valueChanges\n      .pipe(startWith(null), pairwise(), takeUntil(this.ngUnsubscribe))\n      .subscribe(([prev, next]) => {\n        // If both values are null, we don't need to do anything\n        if (prev === null && next === null) {\n          return;\n        }\n\n        // Otherwise, next is null, we need to clear the autocomplete\n        if (next === null) {\n          this.autocompleteContainer.nativeElement.innerHTML = '';\n          this.configureAutoComplete();\n        }\n      });\n  }\n\n  ngOnInit(): void {\n    this.autoCompleteId = this.inputId + '-autocomplete';\n    this.setupControlSub();\n  }\n\n  ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n}\n","<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"autoCompleteId\"> {{ labelText }} </label>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.autoCompleteId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <div #autocomplete id=\"{{ autoCompleteId }}-container\" class=\"{{ inputClasses }}\"></div>\n  <input\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"hidden\"\n    [formControl]=\"getControl\"\n    [attr.aria-describedby]=\"hintText ? inputId + '-hint' : null\"\n  />\n</div>\n","/**\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-summary-card-list.mjs

@@ -4,6 +4,7 @@ import { EventEmitter, HostBinding, Output, Input, ChangeDetectionStrategy, Comp
 class GovukSummaryCardActionComponent {
     actionText;
     actionRoute;
+    visuallyHiddenText;
     clickEvent = new EventEmitter();
     hostClass = 'govuk-summary-card__action';
     /**
@@ -17,17 +18,20 @@ class GovukSummaryCardActionComponent {
         this.clickEvent.emit(route);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukSummaryCardActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: GovukSummaryCardActionComponent, isStandalone: true, selector: "opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]", inputs: { actionText: "actionText", actionRoute: "actionRoute" }, outputs: { clickEvent: "clickEvent" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionText\"\n  (click)=\"onClick($event, actionRoute)\"\n  (keyup.enter)=\"onClick($event, actionRoute)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionText }}</strong\n  ><span class=\"govuk-visually-hidden\">{{ actionText }}</span>\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: GovukSummaryCardActionComponent, isStandalone: true, selector: "opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]", inputs: { actionText: "actionText", actionRoute: "actionRoute", visuallyHiddenText: "visuallyHiddenText" }, outputs: { clickEvent: "clickEvent" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionText\"\n  (click)=\"onClick($event, actionRoute)\"\n  (keyup.enter)=\"onClick($event, actionRoute)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionText }}</strong\n  ><span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukSummaryCardActionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionText\"\n  (click)=\"onClick($event, actionRoute)\"\n  (keyup.enter)=\"onClick($event, actionRoute)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionText }}</strong\n  ><span class=\"govuk-visually-hidden\">{{ actionText }}</span>\n</a>\n" }]
+            args: [{ selector: 'opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionText\"\n  (click)=\"onClick($event, actionRoute)\"\n  (keyup.enter)=\"onClick($event, actionRoute)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionText }}</strong\n  ><span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n</a>\n" }]
         }], propDecorators: { actionText: [{
                 type: Input,
                 args: [{ required: true }]
             }], actionRoute: [{
                 type: Input,
                 args: [{ required: true }]
+            }], visuallyHiddenText: [{
+                type: Input,
+                args: [{ required: true }]
             }], clickEvent: [{
                 type: Output
             }], hostClass: [{

package/fesm2022/hmcts-opal-frontend-common-components-govuk-govuk-summary-card-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-summary-card-list.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-summary-card-list/govuk-summary-card-action/govuk-summary-card-action.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-summary-card-list/govuk-summary-card-action/govuk-summary-card-action.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-summary-card-list/govuk-summary-card-list.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-summary-card-list/govuk-summary-card-list.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-summary-card-list/hmcts-opal-frontend-common-components-govuk-govuk-summary-card-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]',\n  imports: [],\n  templateUrl: './govuk-summary-card-action.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukSummaryCardActionComponent {\n  @Input({ required: true }) actionText!: string;\n  @Input({ required: true }) actionRoute!: string;\n  @Output() clickEvent = new EventEmitter<string>();\n\n  @HostBinding('class') hostClass = 'govuk-summary-card__action';\n\n  /**\n   * Handles click events, prevents default behavior, and emits a route.\n   *\n   * @param {Event} event - The DOM event triggered by the user action.\n   * @param {string} route - The route to be emitted when the event is triggered.\n   */\n  public onClick(event: Event, route: string): void {\n    event.preventDefault();\n    this.clickEvent.emit(route);\n  }\n}\n","<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionText\"\n  (click)=\"onClick($event, actionRoute)\"\n  (keyup.enter)=\"onClick($event, actionRoute)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionText }}</strong\n  ><span class=\"govuk-visually-hidden\">{{ actionText }}</span>\n</a>\n","import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-summary-card-list',\n  imports: [],\n  templateUrl: './govuk-summary-card-list.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukSummaryCardListComponent implements OnInit {\n  @Input({ required: true }) summaryCardListId!: string;\n  @Input({ required: false }) cardTitle!: string;\n  @Input({ required: false }) contentHidden!: boolean;\n\n  public id!: string;\n\n  private setId(): void {\n    this.id = this.summaryCardListId + '-summary-card-list';\n  }\n\n  public ngOnInit(): void {\n    this.setId();\n  }\n}\n","<div class=\"govuk-summary-card\" [id]=\"id\">\n  @if (cardTitle && cardTitle.length > 0) {\n    <div class=\"govuk-summary-card__title-wrapper\">\n      <h2 class=\"govuk-summary-card__title\">{{ cardTitle }}</h2>\n      <ul class=\"govuk-summary-card__actions\" role=\"list\">\n        <ng-content select=\"[actions]\"></ng-content>\n      </ul>\n    </div>\n  }\n\n  @if (!contentHidden) {\n    <div class=\"govuk-summary-card__content govuk-white-background\">\n      <ng-content select=\"[content]\"></ng-content>\n    </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAQa,+BAA+B,CAAA;AACf,IAAA,UAAU;AACV,IAAA,WAAW;AAC5B,IAAA,UAAU,GAAG,IAAI,YAAY,EAAU;IAE3B,SAAS,GAAG,4BAA4B;AAE9D;;;;;AAKG;IACI,OAAO,CAAC,KAAY,EAAE,KAAa,EAAA;QACxC,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;IAC7B;uGAhBW,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA/B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,+BAA+B,kSCR5C,+TAWA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDHa,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAN3C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0EAA0E,EAAA,OAAA,EAC3E,EAAE,EAAA,eAAA,EAEM,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+TAAA,EAAA;8BAGpB,UAAU,EAAA,CAAA;sBAApC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACE,WAAW,EAAA,CAAA;sBAArC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACf,UAAU,EAAA,CAAA;sBAAnB;gBAEqB,SAAS,EAAA,CAAA;sBAA9B,WAAW;uBAAC,OAAO;;;MELT,6BAA6B,CAAA;AACb,IAAA,iBAAiB;AAChB,IAAA,SAAS;AACT,IAAA,aAAa;AAElC,IAAA,EAAE;IAED,KAAK,GAAA;QACX,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,iBAAiB,GAAG,oBAAoB;IACzD;IAEO,QAAQ,GAAA;QACb,IAAI,CAAC,KAAK,EAAE;IACd;uGAbW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,wMCR1C,miBAgBA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDRa,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBANzC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kCAAkC,EAAA,OAAA,EACnC,EAAE,EAAA,eAAA,EAEM,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,miBAAA,EAAA;8BAGpB,iBAAiB,EAAA,CAAA;sBAA3C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACG,SAAS,EAAA,CAAA;sBAApC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,aAAa,EAAA,CAAA;sBAAxC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;AEX5B;;AAEG;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-summary-card-list.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-summary-card-list/govuk-summary-card-action/govuk-summary-card-action.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-summary-card-list/govuk-summary-card-action/govuk-summary-card-action.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-summary-card-list/govuk-summary-card-list.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-summary-card-list/govuk-summary-card-list.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-summary-card-list/hmcts-opal-frontend-common-components-govuk-govuk-summary-card-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]',\n  imports: [],\n  templateUrl: './govuk-summary-card-action.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukSummaryCardActionComponent {\n  @Input({ required: true }) actionText!: string;\n  @Input({ required: true }) actionRoute!: string;\n  @Input({ required: true }) visuallyHiddenText!: string;\n  @Output() clickEvent = new EventEmitter<string>();\n\n  @HostBinding('class') hostClass = 'govuk-summary-card__action';\n\n  /**\n   * Handles click events, prevents default behavior, and emits a route.\n   *\n   * @param {Event} event - The DOM event triggered by the user action.\n   * @param {string} route - The route to be emitted when the event is triggered.\n   */\n  public onClick(event: Event, route: string): void {\n    event.preventDefault();\n    this.clickEvent.emit(route);\n  }\n}\n","<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionText\"\n  (click)=\"onClick($event, actionRoute)\"\n  (keyup.enter)=\"onClick($event, actionRoute)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionText }}</strong\n  ><span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n</a>\n","import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-summary-card-list',\n  imports: [],\n  templateUrl: './govuk-summary-card-list.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukSummaryCardListComponent implements OnInit {\n  @Input({ required: true }) summaryCardListId!: string;\n  @Input({ required: false }) cardTitle!: string;\n  @Input({ required: false }) contentHidden!: boolean;\n\n  public id!: string;\n\n  private setId(): void {\n    this.id = this.summaryCardListId + '-summary-card-list';\n  }\n\n  public ngOnInit(): void {\n    this.setId();\n  }\n}\n","<div class=\"govuk-summary-card\" [id]=\"id\">\n  @if (cardTitle && cardTitle.length > 0) {\n    <div class=\"govuk-summary-card__title-wrapper\">\n      <h2 class=\"govuk-summary-card__title\">{{ cardTitle }}</h2>\n      <ul class=\"govuk-summary-card__actions\" role=\"list\">\n        <ng-content select=\"[actions]\"></ng-content>\n      </ul>\n    </div>\n  }\n\n  @if (!contentHidden) {\n    <div class=\"govuk-summary-card__content govuk-white-background\">\n      <ng-content select=\"[content]\"></ng-content>\n    </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAQa,+BAA+B,CAAA;AACf,IAAA,UAAU;AACV,IAAA,WAAW;AACX,IAAA,kBAAkB;AACnC,IAAA,UAAU,GAAG,IAAI,YAAY,EAAU;IAE3B,SAAS,GAAG,4BAA4B;AAE9D;;;;;AAKG;IACI,OAAO,CAAC,KAAY,EAAE,KAAa,EAAA;QACxC,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;IAC7B;uGAjBW,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA/B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,+BAA+B,4UCR5C,uUAWA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDHa,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAN3C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0EAA0E,EAAA,OAAA,EAC3E,EAAE,EAAA,eAAA,EAEM,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,uUAAA,EAAA;8BAGpB,UAAU,EAAA,CAAA;sBAApC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACE,WAAW,EAAA,CAAA;sBAArC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACE,kBAAkB,EAAA,CAAA;sBAA5C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACf,UAAU,EAAA,CAAA;sBAAnB;gBAEqB,SAAS,EAAA,CAAA;sBAA9B,WAAW;uBAAC,OAAO;;;MENT,6BAA6B,CAAA;AACb,IAAA,iBAAiB;AAChB,IAAA,SAAS;AACT,IAAA,aAAa;AAElC,IAAA,EAAE;IAED,KAAK,GAAA;QACX,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,iBAAiB,GAAG,oBAAoB;IACzD;IAEO,QAAQ,GAAA;QACb,IAAI,CAAC,KAAK,EAAE;IACd;uGAbW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,wMCR1C,miBAgBA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDRa,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBANzC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kCAAkC,EAAA,OAAA,EACnC,EAAE,EAAA,eAAA,EAEM,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,miBAAA,EAAA;8BAGpB,iBAAiB,EAAA,CAAA;sBAA3C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACG,SAAS,EAAA,CAAA;sBAApC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,aAAa,EAAA,CAAA;sBAAxC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;AEX5B;;AAEG;;;;"}

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

@@ -5,6 +5,7 @@ import { UtilsService } from '@hmcts/opal-frontend-common/services/utils-service
 class GovukSummaryListRowActionItemComponent {
     actionName;
     actionId;
+    visuallyHiddenText;
     linkClick = new EventEmitter();
     hostClass = 'govuk-summary-list__actions-list-item govuk-link-colour';
     /**
@@ -16,17 +17,20 @@ class GovukSummaryListRowActionItemComponent {
         this.linkClick.emit(linkClicked);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukSummaryListRowActionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: GovukSummaryListRowActionItemComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]", inputs: { actionName: "actionName", actionId: "actionId" }, outputs: { linkClick: "linkClick" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionId\"\n  (click)=\"handleActionClick($event, actionId)\"\n  (keyup.enter)=\"handleActionClick($event, actionId)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionName }}</strong\n  ><span class=\"govuk-visually-hidden\">{{ actionName }}</span></a\n>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: GovukSummaryListRowActionItemComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]", inputs: { actionName: "actionName", actionId: "actionId", visuallyHiddenText: "visuallyHiddenText" }, outputs: { linkClick: "linkClick" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionId\"\n  (click)=\"handleActionClick($event, actionId)\"\n  (keyup.enter)=\"handleActionClick($event, actionId)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionName }}</strong\n  ><span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span></a\n>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukSummaryListRowActionItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionId\"\n  (click)=\"handleActionClick($event, actionId)\"\n  (keyup.enter)=\"handleActionClick($event, actionId)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionName }}</strong\n  ><span class=\"govuk-visually-hidden\">{{ actionName }}</span></a\n>\n" }]
+            args: [{ selector: 'opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionId\"\n  (click)=\"handleActionClick($event, actionId)\"\n  (keyup.enter)=\"handleActionClick($event, actionId)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionName }}</strong\n  ><span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span></a\n>\n" }]
         }], propDecorators: { actionName: [{
                 type: Input,
                 args: [{ required: true }]
             }], actionId: [{
                 type: Input,
                 args: [{ required: true }]
+            }], visuallyHiddenText: [{
+                type: Input,
+                args: [{ required: true }]
             }], linkClick: [{
                 type: Output
             }], hostClass: [{

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-summary-list.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-summary-list/govuk-summary-list-row/govuk-summary-list-row-actions/govuk-summary-list-row-action-item/govuk-summary-list-row-action-item.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-summary-list/govuk-summary-list-row/govuk-summary-list-row-actions/govuk-summary-list-row-action-item/govuk-summary-list-row-action-item.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-summary-list/govuk-summary-list-row/govuk-summary-list-row-actions/govuk-summary-list-row-actions.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-summary-list/govuk-summary-list-row/govuk-summary-list-row-actions/govuk-summary-list-row-actions.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-summary-list/govuk-summary-list-row/govuk-summary-list-row.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-summary-list/govuk-summary-list-row/govuk-summary-list-row.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-summary-list/govuk-summary-list.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-summary-list/govuk-summary-list.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-summary-list/hmcts-opal-frontend-common-components-govuk-govuk-summary-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]',\n  imports: [],\n  templateUrl: './govuk-summary-list-row-action-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukSummaryListRowActionItemComponent {\n  @Input({ required: true }) actionName!: string;\n  @Input({ required: true }) actionId!: string;\n  @Output() public linkClick = new EventEmitter<string>();\n\n  @HostBinding('class') hostClass = 'govuk-summary-list__actions-list-item govuk-link-colour';\n\n  /**\n   * Handles the click event for the action button.\n   * @param event - The click event.\n   */\n  public handleActionClick(event: Event, linkClicked: string): void {\n    event.preventDefault();\n    this.linkClick.emit(linkClicked);\n  }\n}\n","<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionId\"\n  (click)=\"handleActionClick($event, actionId)\"\n  (keyup.enter)=\"handleActionClick($event, actionId)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionName }}</strong\n  ><span class=\"govuk-visually-hidden\">{{ actionName }}</span></a\n>\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-summary-list-row-actions',\n  imports: [],\n  templateUrl: './govuk-summary-list-row-actions.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukSummaryListRowActionsComponent {}\n","<ul class=\"govuk-summary-list__actions-list govuk-body\">\n  <ng-content></ng-content>\n</ul>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  Input,\n  OnInit,\n  Output,\n  inject,\n} from '@angular/core';\nimport { UtilsService } from '@hmcts/opal-frontend-common/services/utils-service';\n\n@Component({\n  selector: 'opal-lib-govuk-summary-list-row, [opal-lib-govuk-summary-list-row]',\n  imports: [],\n  templateUrl: './govuk-summary-list-row.component.html',\n  styleUrl: './govuk-summary-list-row.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukSummaryListRowComponent implements OnInit {\n  private readonly utilService = inject(UtilsService);\n  public _summaryListRowId!: string;\n\n  @Output() public actionClick = new EventEmitter<boolean>();\n  @Input() public actionEnabled = false;\n\n  @Input({ required: true }) summaryListId!: string;\n  @Input({ required: true }) set summaryListRowId(summaryListRowId: string) {\n    this._summaryListRowId = this.utilService.upperCaseFirstLetter(summaryListRowId);\n  }\n\n  // We need to set the class and id on the host div element\n  // A div needs to be passed, otherwise we will get https://dequeuniversity.com/rules/axe/4.8/definition-list?application=RuleDescription\n  // As it doesn't like nested divs\n  @HostBinding('class') class!: string;\n  @HostBinding('id') id!: string;\n\n  /**\n   * Handles the click event for the action button.\n   * @param event - The click event.\n   */\n  public handleActionClick(event: Event): void {\n    event.preventDefault();\n    this.actionClick.emit(true);\n  }\n\n  ngOnInit() {\n    this.id = this.summaryListId + this._summaryListRowId;\n    this.class = 'govuk-summary-list__row';\n  }\n}\n","<dt class=\"govuk-summary-list__key\" [id]=\"summaryListId + _summaryListRowId + 'Key'\">\n  <ng-content select=\"[name]\"></ng-content>\n</dt>\n\n<dd class=\"govuk-summary-list__value\" [id]=\"summaryListId + _summaryListRowId + 'Value'\">\n  <ng-content select=\"[value]\"></ng-content>\n</dd>\n@if (actionEnabled) {\n  <dd class=\"govuk-summary-list__actions\" [id]=\"summaryListId + _summaryListRowId + 'Actions'\">\n    <a class=\"govuk-link\" href=\"#\" (click)=\"handleActionClick($event)\">\n      <ng-content select=\"[action]\"></ng-content>\n    </a>\n  </dd>\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-summary-list',\n  imports: [],\n  templateUrl: './govuk-summary-list.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukSummaryListComponent {\n  @Input({ required: true }) summaryListId!: string;\n  @Input({ required: false }) classes!: string;\n}\n","<dl class=\"govuk-summary-list {{ classes }}\" [id]=\"summaryListId\">\n  <ng-content></ng-content>\n</dl>\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-summary-list.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-summary-list/govuk-summary-list-row/govuk-summary-list-row-actions/govuk-summary-list-row-action-item/govuk-summary-list-row-action-item.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-summary-list/govuk-summary-list-row/govuk-summary-list-row-actions/govuk-summary-list-row-action-item/govuk-summary-list-row-action-item.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-summary-list/govuk-summary-list-row/govuk-summary-list-row-actions/govuk-summary-list-row-actions.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-summary-list/govuk-summary-list-row/govuk-summary-list-row-actions/govuk-summary-list-row-actions.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-summary-list/govuk-summary-list-row/govuk-summary-list-row.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-summary-list/govuk-summary-list-row/govuk-summary-list-row.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-summary-list/govuk-summary-list.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-summary-list/govuk-summary-list.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-summary-list/hmcts-opal-frontend-common-components-govuk-govuk-summary-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]',\n  imports: [],\n  templateUrl: './govuk-summary-list-row-action-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukSummaryListRowActionItemComponent {\n  @Input({ required: true }) actionName!: string;\n  @Input({ required: true }) actionId!: string;\n  @Input({ required: true }) visuallyHiddenText!: string;\n  @Output() public linkClick = new EventEmitter<string>();\n\n  @HostBinding('class') hostClass = 'govuk-summary-list__actions-list-item govuk-link-colour';\n\n  /**\n   * Handles the click event for the action button.\n   * @param event - The click event.\n   */\n  public handleActionClick(event: Event, linkClicked: string): void {\n    event.preventDefault();\n    this.linkClick.emit(linkClicked);\n  }\n}\n","<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionId\"\n  (click)=\"handleActionClick($event, actionId)\"\n  (keyup.enter)=\"handleActionClick($event, actionId)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionName }}</strong\n  ><span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span></a\n>\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-summary-list-row-actions',\n  imports: [],\n  templateUrl: './govuk-summary-list-row-actions.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukSummaryListRowActionsComponent {}\n","<ul class=\"govuk-summary-list__actions-list govuk-body\">\n  <ng-content></ng-content>\n</ul>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  Input,\n  OnInit,\n  Output,\n  inject,\n} from '@angular/core';\nimport { UtilsService } from '@hmcts/opal-frontend-common/services/utils-service';\n\n@Component({\n  selector: 'opal-lib-govuk-summary-list-row, [opal-lib-govuk-summary-list-row]',\n  imports: [],\n  templateUrl: './govuk-summary-list-row.component.html',\n  styleUrl: './govuk-summary-list-row.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukSummaryListRowComponent implements OnInit {\n  private readonly utilService = inject(UtilsService);\n  public _summaryListRowId!: string;\n\n  @Output() public actionClick = new EventEmitter<boolean>();\n  @Input() public actionEnabled = false;\n\n  @Input({ required: true }) summaryListId!: string;\n  @Input({ required: true }) set summaryListRowId(summaryListRowId: string) {\n    this._summaryListRowId = this.utilService.upperCaseFirstLetter(summaryListRowId);\n  }\n\n  // We need to set the class and id on the host div element\n  // A div needs to be passed, otherwise we will get https://dequeuniversity.com/rules/axe/4.8/definition-list?application=RuleDescription\n  // As it doesn't like nested divs\n  @HostBinding('class') class!: string;\n  @HostBinding('id') id!: string;\n\n  /**\n   * Handles the click event for the action button.\n   * @param event - The click event.\n   */\n  public handleActionClick(event: Event): void {\n    event.preventDefault();\n    this.actionClick.emit(true);\n  }\n\n  ngOnInit() {\n    this.id = this.summaryListId + this._summaryListRowId;\n    this.class = 'govuk-summary-list__row';\n  }\n}\n","<dt class=\"govuk-summary-list__key\" [id]=\"summaryListId + _summaryListRowId + 'Key'\">\n  <ng-content select=\"[name]\"></ng-content>\n</dt>\n\n<dd class=\"govuk-summary-list__value\" [id]=\"summaryListId + _summaryListRowId + 'Value'\">\n  <ng-content select=\"[value]\"></ng-content>\n</dd>\n@if (actionEnabled) {\n  <dd class=\"govuk-summary-list__actions\" [id]=\"summaryListId + _summaryListRowId + 'Actions'\">\n    <a class=\"govuk-link\" href=\"#\" (click)=\"handleActionClick($event)\">\n      <ng-content select=\"[action]\"></ng-content>\n    </a>\n  </dd>\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-summary-list',\n  imports: [],\n  templateUrl: './govuk-summary-list.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukSummaryListComponent {\n  @Input({ required: true }) summaryListId!: string;\n  @Input({ required: false }) classes!: string;\n}\n","<dl class=\"govuk-summary-list {{ classes }}\" [id]=\"summaryListId\">\n  <ng-content></ng-content>\n</dl>\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-text-area.mjs

@@ -34,11 +34,11 @@ class GovukTextAreaComponent {
         return this._control;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukTextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GovukTextAreaComponent, isStandalone: true, selector: "opal-lib-govuk-text-area", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", inputMode: "inputMode", errors: "errors", rows: "rows", characterCountEnabled: "characterCountEnabled", maxCharacterLimit: "maxCharacterLimit", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group govuk-character-count\" [class.govuk-form-group--error]=\"!!errors\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </h1>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <textarea\n    class=\"govuk-textarea {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [rows]=\"rows\"\n    [formControl]=\"getControl\"\n    [inputMode]=\"inputMode\"\n    [maxlength]=\"maxCharacterLimit\"\n  ></textarea>\n  @if (characterCountEnabled) {\n    <div [id]=\"inputId + '-hint'\" class=\"govuk-hint\">\n      You have {{ remainingCharacterCount() }} character{{ remainingCharacterCount() === 1 ? '' : 's' }} remaining\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GovukTextAreaComponent, isStandalone: true, selector: "opal-lib-govuk-text-area", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", inputMode: "inputMode", errors: "errors", rows: "rows", characterCountEnabled: "characterCountEnabled", maxCharacterLimit: "maxCharacterLimit", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group govuk-character-count\" [class.govuk-form-group--error]=\"!!errors\">\n  <div class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </div>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <textarea\n    class=\"govuk-textarea {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [rows]=\"rows\"\n    [formControl]=\"getControl\"\n    [inputMode]=\"inputMode\"\n    [maxlength]=\"maxCharacterLimit\"\n    [attr.aria-describedby]=\"\n      hintText ? (characterCountEnabled ? inputId + '-hint ' + inputId + '-with-hint-info' : inputId + '-hint') : null\n    \"\n  ></textarea>\n  @if (characterCountEnabled) {\n    <div [id]=\"inputId + '-with-hint-info'\" class=\"govuk-hint govuk-character-count__message govuk-visually-hidden\">\n      You can enter up to {{ maxCharacterLimit }} characters\n    </div>\n    <div class=\"govuk-hint govuk-character-count__message govuk-character-count__status\" aria-hidden=\"true\">\n      You have {{ remainingCharacterCount() }} character{{ remainingCharacterCount() === 1 ? '' : 's' }} remaining\n    </div>\n    <div class=\"govuk-character-count__sr-status govuk-visually-hidden\" aria-live=\"polite\">\n      You have {{ remainingCharacterCount() }} character{{ remainingCharacterCount() === 1 ? '' : 's' }} remaining\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukTextAreaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'opal-lib-govuk-text-area', imports: [CommonModule, ReactiveFormsModule], template: "<div class=\"govuk-form-group govuk-character-count\" [class.govuk-form-group--error]=\"!!errors\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </h1>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <textarea\n    class=\"govuk-textarea {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [rows]=\"rows\"\n    [formControl]=\"getControl\"\n    [inputMode]=\"inputMode\"\n    [maxlength]=\"maxCharacterLimit\"\n  ></textarea>\n  @if (characterCountEnabled) {\n    <div [id]=\"inputId + '-hint'\" class=\"govuk-hint\">\n      You have {{ remainingCharacterCount() }} character{{ remainingCharacterCount() === 1 ? '' : 's' }} remaining\n    </div>\n  }\n</div>\n" }]
+            args: [{ selector: 'opal-lib-govuk-text-area', imports: [CommonModule, ReactiveFormsModule], template: "<div class=\"govuk-form-group govuk-character-count\" [class.govuk-form-group--error]=\"!!errors\">\n  <div class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </div>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <textarea\n    class=\"govuk-textarea {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [rows]=\"rows\"\n    [formControl]=\"getControl\"\n    [inputMode]=\"inputMode\"\n    [maxlength]=\"maxCharacterLimit\"\n    [attr.aria-describedby]=\"\n      hintText ? (characterCountEnabled ? inputId + '-hint ' + inputId + '-with-hint-info' : inputId + '-hint') : null\n    \"\n  ></textarea>\n  @if (characterCountEnabled) {\n    <div [id]=\"inputId + '-with-hint-info'\" class=\"govuk-hint govuk-character-count__message govuk-visually-hidden\">\n      You can enter up to {{ maxCharacterLimit }} characters\n    </div>\n    <div class=\"govuk-hint govuk-character-count__message govuk-character-count__status\" aria-hidden=\"true\">\n      You have {{ remainingCharacterCount() }} character{{ remainingCharacterCount() === 1 ? '' : 's' }} remaining\n    </div>\n    <div class=\"govuk-character-count__sr-status govuk-visually-hidden\" aria-live=\"polite\">\n      You have {{ remainingCharacterCount() }} character{{ remainingCharacterCount() === 1 ? '' : 's' }} remaining\n    </div>\n  }\n</div>\n" }]
         }], propDecorators: { labelText: [{
                 type: Input,
                 args: [{ required: true }]

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-text-area.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-text-area/govuk-text-area.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-text-area/govuk-text-area.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-text-area/hmcts-opal-frontend-common-components-govuk-govuk-text-area.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, computed, DestroyRef, inject, Input, signal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { AbstractControl, FormControl, ReactiveFormsModule } from '@angular/forms';\n@Component({\n  selector: 'opal-lib-govuk-text-area',\n  imports: [CommonModule, ReactiveFormsModule],\n  templateUrl: './govuk-text-area.component.html',\n  styles: ``,\n})\nexport class GovukTextAreaComponent {\n  private readonly destroyRef = inject(DestroyRef);\n  private _control!: FormControl;\n  private readonly _controlValue = signal<string>('');\n\n  protected readonly remainingCharacterCount = computed(() => {\n    return this.maxCharacterLimit - this._controlValue().length;\n  });\n\n  @Input({ required: true }) labelText!: string;\n  @Input({ required: false }) labelClasses!: string;\n  @Input({ required: true }) inputId!: string;\n  @Input({ required: true }) inputName!: string;\n  @Input({ required: false }) inputClasses!: string;\n  @Input({ required: false }) hintText!: string;\n  @Input({ required: false }) inputMode: string = 'text';\n  @Input({ required: false }) errors: string | null = null;\n  @Input({ required: false }) rows: number = 5;\n  @Input({ required: false }) characterCountEnabled: boolean = false;\n  @Input({ required: false }) maxCharacterLimit: number = 500;\n  @Input({ required: true }) set control(abstractControl: AbstractControl | null) {\n    this._control = abstractControl as FormControl;\n\n    this._controlValue.set(this._control.value ?? '');\n\n    this._control.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((value) => {\n      this._controlValue.set(value ?? '');\n    });\n  }\n  get getControl() {\n    return this._control;\n  }\n}\n","<div class=\"govuk-form-group govuk-character-count\" [class.govuk-form-group--error]=\"!!errors\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </h1>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <textarea\n    class=\"govuk-textarea {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [rows]=\"rows\"\n    [formControl]=\"getControl\"\n    [inputMode]=\"inputMode\"\n    [maxlength]=\"maxCharacterLimit\"\n  ></textarea>\n  @if (characterCountEnabled) {\n    <div [id]=\"inputId + '-hint'\" class=\"govuk-hint\">\n      You have {{ remainingCharacterCount() }} character{{ remainingCharacterCount() === 1 ? '' : 's' }} remaining\n    </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAUa,sBAAsB,CAAA;AAChB,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AACxC,IAAA,QAAQ;AACC,IAAA,aAAa,GAAG,MAAM,CAAS,EAAE,yDAAC;AAEhC,IAAA,uBAAuB,GAAG,QAAQ,CAAC,MAAK;QACzD,OAAO,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM;AAC7D,IAAA,CAAC,mEAAC;AAEyB,IAAA,SAAS;AACR,IAAA,YAAY;AACb,IAAA,OAAO;AACP,IAAA,SAAS;AACR,IAAA,YAAY;AACZ,IAAA,QAAQ;IACR,SAAS,GAAW,MAAM;IAC1B,MAAM,GAAkB,IAAI;IAC5B,IAAI,GAAW,CAAC;IAChB,qBAAqB,GAAY,KAAK;IACtC,iBAAiB,GAAW,GAAG;IAC3D,IAA+B,OAAO,CAAC,eAAuC,EAAA;AAC5E,QAAA,IAAI,CAAC,QAAQ,GAAG,eAA8B;AAE9C,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC;QAEjD,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,KAAI;YACvF,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC;AACrC,QAAA,CAAC,CAAC;IACJ;AACA,IAAA,IAAI,UAAU,GAAA;QACZ,OAAO,IAAI,CAAC,QAAQ;IACtB;uGA/BW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVnC,4iCAkCA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED5BY,YAAY,8BAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,4EAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIhC,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,EAAA,OAAA,EAC3B,CAAC,YAAY,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAAA,4iCAAA,EAAA;8BAajB,SAAS,EAAA,CAAA;sBAAnC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACG,YAAY,EAAA,CAAA;sBAAvC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACC,OAAO,EAAA,CAAA;sBAAjC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACE,SAAS,EAAA,CAAA;sBAAnC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACG,YAAY,EAAA,CAAA;sBAAvC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,QAAQ,EAAA,CAAA;sBAAnC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,SAAS,EAAA,CAAA;sBAApC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,MAAM,EAAA,CAAA;sBAAjC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,IAAI,EAAA,CAAA;sBAA/B,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,qBAAqB,EAAA,CAAA;sBAAhD,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,iBAAiB,EAAA,CAAA;sBAA5C,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACK,OAAO,EAAA,CAAA;sBAArC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;;AE9B3B;;AAEG;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-text-area.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-text-area/govuk-text-area.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-text-area/govuk-text-area.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-text-area/hmcts-opal-frontend-common-components-govuk-govuk-text-area.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, computed, DestroyRef, inject, Input, signal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { AbstractControl, FormControl, ReactiveFormsModule } from '@angular/forms';\n@Component({\n  selector: 'opal-lib-govuk-text-area',\n  imports: [CommonModule, ReactiveFormsModule],\n  templateUrl: './govuk-text-area.component.html',\n  styles: ``,\n})\nexport class GovukTextAreaComponent {\n  private readonly destroyRef = inject(DestroyRef);\n  private _control!: FormControl;\n  private readonly _controlValue = signal<string>('');\n\n  protected readonly remainingCharacterCount = computed(() => {\n    return this.maxCharacterLimit - this._controlValue().length;\n  });\n\n  @Input({ required: true }) labelText!: string;\n  @Input({ required: false }) labelClasses!: string;\n  @Input({ required: true }) inputId!: string;\n  @Input({ required: true }) inputName!: string;\n  @Input({ required: false }) inputClasses!: string;\n  @Input({ required: false }) hintText!: string;\n  @Input({ required: false }) inputMode: string = 'text';\n  @Input({ required: false }) errors: string | null = null;\n  @Input({ required: false }) rows: number = 5;\n  @Input({ required: false }) characterCountEnabled: boolean = false;\n  @Input({ required: false }) maxCharacterLimit: number = 500;\n  @Input({ required: true }) set control(abstractControl: AbstractControl | null) {\n    this._control = abstractControl as FormControl;\n\n    this._controlValue.set(this._control.value ?? '');\n\n    this._control.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((value) => {\n      this._controlValue.set(value ?? '');\n    });\n  }\n  get getControl() {\n    return this._control;\n  }\n}\n","<div class=\"govuk-form-group govuk-character-count\" [class.govuk-form-group--error]=\"!!errors\">\n  <div class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </div>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <textarea\n    class=\"govuk-textarea {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [rows]=\"rows\"\n    [formControl]=\"getControl\"\n    [inputMode]=\"inputMode\"\n    [maxlength]=\"maxCharacterLimit\"\n    [attr.aria-describedby]=\"\n      hintText ? (characterCountEnabled ? inputId + '-hint ' + inputId + '-with-hint-info' : inputId + '-hint') : null\n    \"\n  ></textarea>\n  @if (characterCountEnabled) {\n    <div [id]=\"inputId + '-with-hint-info'\" class=\"govuk-hint govuk-character-count__message govuk-visually-hidden\">\n      You can enter up to {{ maxCharacterLimit }} characters\n    </div>\n    <div class=\"govuk-hint govuk-character-count__message govuk-character-count__status\" aria-hidden=\"true\">\n      You have {{ remainingCharacterCount() }} character{{ remainingCharacterCount() === 1 ? '' : 's' }} remaining\n    </div>\n    <div class=\"govuk-character-count__sr-status govuk-visually-hidden\" aria-live=\"polite\">\n      You have {{ remainingCharacterCount() }} character{{ remainingCharacterCount() === 1 ? '' : 's' }} remaining\n    </div>\n  }\n</div>\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-text-input.mjs

@@ -22,11 +22,11 @@ class GovukTextInputComponent {
         return this._control;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukTextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GovukTextInputComponent, isStandalone: true, selector: "opal-lib-govuk-text-input", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", hintHtml: "hintHtml", errors: "errors", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </h1>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (hintHtml) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\"><ng-content></ng-content></div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <input\n    class=\"govuk-input {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [formControl]=\"getControl\"\n  />\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GovukTextInputComponent, isStandalone: true, selector: "opal-lib-govuk-text-input", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", hintHtml: "hintHtml", errors: "errors", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <div class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </div>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (hintHtml) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\"><ng-content></ng-content></div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <input\n    class=\"govuk-input {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [formControl]=\"getControl\"\n    [attr.aria-describedby]=\"hintText ? inputId + '-hint' : null\"\n  />\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GovukTextInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'opal-lib-govuk-text-input', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </h1>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (hintHtml) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\"><ng-content></ng-content></div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <input\n    class=\"govuk-input {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [formControl]=\"getControl\"\n  />\n</div>\n" }]
+            args: [{ selector: 'opal-lib-govuk-text-input', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <div class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </div>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (hintHtml) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\"><ng-content></ng-content></div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <input\n    class=\"govuk-input {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [formControl]=\"getControl\"\n    [attr.aria-describedby]=\"hintText ? inputId + '-hint' : null\"\n  />\n</div>\n" }]
         }], propDecorators: { labelText: [{
                 type: Input,
                 args: [{ required: true }]

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-text-input.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-text-input/govuk-text-input.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-text-input/govuk-text-input.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-text-input/hmcts-opal-frontend-common-components-govuk-govuk-text-input.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { AbstractControl, FormControl, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'opal-lib-govuk-text-input',\n  imports: [CommonModule, ReactiveFormsModule],\n  templateUrl: './govuk-text-input.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukTextInputComponent {\n  private _control!: FormControl;\n\n  @Input({ required: true }) labelText!: string;\n  @Input({ required: false }) labelClasses!: string;\n  @Input({ required: true }) inputId!: string;\n  @Input({ required: true }) inputName!: string;\n  @Input({ required: false }) inputClasses!: string;\n  @Input({ required: false }) hintText!: string;\n  @Input({ required: false }) hintHtml!: boolean;\n  @Input({ required: false }) errors: string | null = null;\n  @Input({ required: true }) set control(abstractControl: AbstractControl | null) {\n    // Form controls are passed in as abstract controls, we need to re-cast it.\n    this._control = abstractControl as FormControl;\n  }\n\n  get getControl() {\n    return this._control;\n  }\n}\n","<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </h1>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (hintHtml) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\"><ng-content></ng-content></div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <input\n    class=\"govuk-input {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [formControl]=\"getControl\"\n  />\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-text-input.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-text-input/govuk-text-input.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-text-input/govuk-text-input.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-text-input/hmcts-opal-frontend-common-components-govuk-govuk-text-input.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { AbstractControl, FormControl, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'opal-lib-govuk-text-input',\n  imports: [CommonModule, ReactiveFormsModule],\n  templateUrl: './govuk-text-input.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukTextInputComponent {\n  private _control!: FormControl;\n\n  @Input({ required: true }) labelText!: string;\n  @Input({ required: false }) labelClasses!: string;\n  @Input({ required: true }) inputId!: string;\n  @Input({ required: true }) inputName!: string;\n  @Input({ required: false }) inputClasses!: string;\n  @Input({ required: false }) hintText!: string;\n  @Input({ required: false }) hintHtml!: boolean;\n  @Input({ required: false }) errors: string | null = null;\n  @Input({ required: true }) set control(abstractControl: AbstractControl | null) {\n    // Form controls are passed in as abstract controls, we need to re-cast it.\n    this._control = abstractControl as FormControl;\n  }\n\n  get getControl() {\n    return this._control;\n  }\n}\n","<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <div class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </div>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (hintHtml) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\"><ng-content></ng-content></div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <input\n    class=\"govuk-input {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [formControl]=\"getControl\"\n    [attr.aria-describedby]=\"hintText ? inputId + '-hint' : null\"\n  />\n</div>\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-moj-moj-date-picker.mjs

@@ -69,11 +69,11 @@ class MojDatePickerComponent {
         this.concatenateDisabledDates();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: MojDatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: MojDatePickerComponent, isStandalone: true, selector: "opal-lib-moj-date-picker", inputs: { labelText: "labelText", labelClasses: "labelClasses", hintText: "hintText", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", minDate: "minDate", maxDate: "maxDate", disabledDates: "disabledDates", disabledDays: "disabledDays", errors: "errors", control: "control" }, outputs: { dateChange: "dateChange" }, ngImport: i0, template: "<div\n  class=\"moj-datepicker\"\n  data-module=\"moj-date-picker\"\n  [attr.data-min-date]=\"minDate\"\n  [attr.data-max-date]=\"maxDate\"\n  [attr.data-excluded-dates]=\"disabledDatesConcatenated\"\n  [attr.data-excluded-days]=\"disabledDays\"\n>\n  <div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n\n    @if (hintText) {\n      <div id=\"date-hint\" class=\"govuk-hint\">{{ hintText }}</div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ inputId }}-date-error\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n\n    <input\n      class=\"govuk-input moj-js-datepicker-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      aria-describedby=\"date-hint\"\n      autocomplete=\"off\"\n      [formControl]=\"getControl\"\n      (change)=\"setDateValue($any($event).target.value)\"\n    />\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: MojDatePickerComponent, isStandalone: true, selector: "opal-lib-moj-date-picker", inputs: { labelText: "labelText", labelClasses: "labelClasses", hintText: "hintText", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", minDate: "minDate", maxDate: "maxDate", disabledDates: "disabledDates", disabledDays: "disabledDays", errors: "errors", control: "control" }, outputs: { dateChange: "dateChange" }, ngImport: i0, template: "<div\n  class=\"moj-datepicker\"\n  data-module=\"moj-date-picker\"\n  [attr.data-min-date]=\"minDate\"\n  [attr.data-max-date]=\"maxDate\"\n  [attr.data-excluded-dates]=\"disabledDatesConcatenated\"\n  [attr.data-excluded-days]=\"disabledDays\"\n>\n  <div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n\n    @if (hintText) {\n      <div id=\"date-hint\" class=\"govuk-hint\">{{ hintText }}</div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ inputId }}-date-error\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n\n    <input\n      class=\"govuk-input moj-js-datepicker-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      [attr.aria-describedby]=\"hintText ? inputId + '-hint' : null\"\n      autocomplete=\"off\"\n      [formControl]=\"getControl\"\n      (change)=\"setDateValue($any($event).target.value)\"\n    />\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: MojDatePickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'opal-lib-moj-date-picker', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"moj-datepicker\"\n  data-module=\"moj-date-picker\"\n  [attr.data-min-date]=\"minDate\"\n  [attr.data-max-date]=\"maxDate\"\n  [attr.data-excluded-dates]=\"disabledDatesConcatenated\"\n  [attr.data-excluded-days]=\"disabledDays\"\n>\n  <div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n\n    @if (hintText) {\n      <div id=\"date-hint\" class=\"govuk-hint\">{{ hintText }}</div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ inputId }}-date-error\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n\n    <input\n      class=\"govuk-input moj-js-datepicker-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      aria-describedby=\"date-hint\"\n      autocomplete=\"off\"\n      [formControl]=\"getControl\"\n      (change)=\"setDateValue($any($event).target.value)\"\n    />\n  </div>\n</div>\n" }]
+            args: [{ selector: 'opal-lib-moj-date-picker', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"moj-datepicker\"\n  data-module=\"moj-date-picker\"\n  [attr.data-min-date]=\"minDate\"\n  [attr.data-max-date]=\"maxDate\"\n  [attr.data-excluded-dates]=\"disabledDatesConcatenated\"\n  [attr.data-excluded-days]=\"disabledDays\"\n>\n  <div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n\n    @if (hintText) {\n      <div id=\"date-hint\" class=\"govuk-hint\">{{ hintText }}</div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ inputId }}-date-error\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n\n    <input\n      class=\"govuk-input moj-js-datepicker-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      [attr.aria-describedby]=\"hintText ? inputId + '-hint' : null\"\n      autocomplete=\"off\"\n      [formControl]=\"getControl\"\n      (change)=\"setDateValue($any($event).target.value)\"\n    />\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { labelText: [{
                 type: Input,
                 args: [{ required: true }]

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-date-picker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-date-picker.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-date-picker/moj-date-picker.component.ts","../../../projects/opal-frontend-common/components/moj/moj-date-picker/moj-date-picker.component.html","../../../projects/opal-frontend-common/components/moj/moj-date-picker/hmcts-opal-frontend-common-components-moj-moj-date-picker.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output,\n  afterNextRender,\n  inject,\n} from '@angular/core';\nimport { FormControl, AbstractControl, ReactiveFormsModule } from '@angular/forms';\nimport { DateService } from '@hmcts/opal-frontend-common/services/date-service';\nimport { addGdsBodyClass } from '@hmcts/opal-frontend-common/components/govuk/helpers';\n\n@Component({\n  selector: 'opal-lib-moj-date-picker',\n  imports: [CommonModule, ReactiveFormsModule],\n  templateUrl: './moj-date-picker.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojDatePickerComponent implements OnInit {\n  private readonly dateService = inject(DateService);\n  private _control!: FormControl;\n\n  public disabledDatesConcatenated!: string;\n\n  @Input({ required: true }) labelText!: string;\n  @Input({ required: false }) labelClasses!: string;\n  @Input({ required: false }) hintText!: string;\n  @Input({ required: true }) inputId!: string;\n  @Input({ required: true }) inputName!: string;\n  @Input({ required: false }) inputClasses!: string;\n  @Input({ required: false }) minDate!: string;\n  @Input({ required: false }) maxDate!: string;\n  @Input({ required: false }) disabledDates!: string[];\n  @Input({ required: false }) disabledDays!: string;\n  @Input({ required: false }) errors: string | null = null;\n  @Output() dateChange = new EventEmitter<string>();\n\n  @Input({ required: true }) set control(abstractControl: AbstractControl) {\n    // Form controls are passed in as abstract controls, we need to re-cast it.\n    this._control = abstractControl as FormControl;\n  }\n\n  get getControl() {\n    return this._control;\n  }\n\n  constructor() {\n    afterNextRender(() => {\n      // Only trigger the render of the component in the browser\n      this.configureDatePicker();\n    });\n  }\n\n  /**\n   * Retrieves the disabled dates and concatenates them into a single string.\n   */\n  private concatenateDisabledDates(): void {\n    this.disabledDatesConcatenated = this.disabledDates ? this.disabledDates.join(' ') : '';\n  }\n\n  /**\n   * Sets the date value and emits the updated value through the `dateChange` event.\n   *\n   * @param value - The new date value to set.\n   */\n  protected setDateValue(value: string) {\n    const parsedDate = this.dateService.getFromFormat(value, 'd/M/yyyy');\n    if (parsedDate.isValid) {\n      const formattedDate = parsedDate.toFormat('dd/MM/yyyy'); // Formats with leading zeros\n      this.dateChange.emit(formattedDate);\n    } else {\n      this.dateChange.emit(value);\n    }\n  }\n\n  /**\n   * Configures the date picker functionality using the moj library.\n   */\n  public configureDatePicker(): void {\n    import('@ministryofjustice/frontend/moj/all').then((datePicker) => {\n      addGdsBodyClass();\n      datePicker.initAll();\n    });\n  }\n\n  public ngOnInit(): void {\n    this.concatenateDisabledDates();\n  }\n}\n","<div\n  class=\"moj-datepicker\"\n  data-module=\"moj-date-picker\"\n  [attr.data-min-date]=\"minDate\"\n  [attr.data-max-date]=\"maxDate\"\n  [attr.data-excluded-dates]=\"disabledDatesConcatenated\"\n  [attr.data-excluded-days]=\"disabledDays\"\n>\n  <div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n\n    @if (hintText) {\n      <div id=\"date-hint\" class=\"govuk-hint\">{{ hintText }}</div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ inputId }}-date-error\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n\n    <input\n      class=\"govuk-input moj-js-datepicker-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      aria-describedby=\"date-hint\"\n      autocomplete=\"off\"\n      [formControl]=\"getControl\"\n      (change)=\"setDateValue($any($event).target.value)\"\n    />\n  </div>\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-moj-moj-date-picker.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-date-picker/moj-date-picker.component.ts","../../../projects/opal-frontend-common/components/moj/moj-date-picker/moj-date-picker.component.html","../../../projects/opal-frontend-common/components/moj/moj-date-picker/hmcts-opal-frontend-common-components-moj-moj-date-picker.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output,\n  afterNextRender,\n  inject,\n} from '@angular/core';\nimport { FormControl, AbstractControl, ReactiveFormsModule } from '@angular/forms';\nimport { DateService } from '@hmcts/opal-frontend-common/services/date-service';\nimport { addGdsBodyClass } from '@hmcts/opal-frontend-common/components/govuk/helpers';\n\n@Component({\n  selector: 'opal-lib-moj-date-picker',\n  imports: [CommonModule, ReactiveFormsModule],\n  templateUrl: './moj-date-picker.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojDatePickerComponent implements OnInit {\n  private readonly dateService = inject(DateService);\n  private _control!: FormControl;\n\n  public disabledDatesConcatenated!: string;\n\n  @Input({ required: true }) labelText!: string;\n  @Input({ required: false }) labelClasses!: string;\n  @Input({ required: false }) hintText!: string;\n  @Input({ required: true }) inputId!: string;\n  @Input({ required: true }) inputName!: string;\n  @Input({ required: false }) inputClasses!: string;\n  @Input({ required: false }) minDate!: string;\n  @Input({ required: false }) maxDate!: string;\n  @Input({ required: false }) disabledDates!: string[];\n  @Input({ required: false }) disabledDays!: string;\n  @Input({ required: false }) errors: string | null = null;\n  @Output() dateChange = new EventEmitter<string>();\n\n  @Input({ required: true }) set control(abstractControl: AbstractControl) {\n    // Form controls are passed in as abstract controls, we need to re-cast it.\n    this._control = abstractControl as FormControl;\n  }\n\n  get getControl() {\n    return this._control;\n  }\n\n  constructor() {\n    afterNextRender(() => {\n      // Only trigger the render of the component in the browser\n      this.configureDatePicker();\n    });\n  }\n\n  /**\n   * Retrieves the disabled dates and concatenates them into a single string.\n   */\n  private concatenateDisabledDates(): void {\n    this.disabledDatesConcatenated = this.disabledDates ? this.disabledDates.join(' ') : '';\n  }\n\n  /**\n   * Sets the date value and emits the updated value through the `dateChange` event.\n   *\n   * @param value - The new date value to set.\n   */\n  protected setDateValue(value: string) {\n    const parsedDate = this.dateService.getFromFormat(value, 'd/M/yyyy');\n    if (parsedDate.isValid) {\n      const formattedDate = parsedDate.toFormat('dd/MM/yyyy'); // Formats with leading zeros\n      this.dateChange.emit(formattedDate);\n    } else {\n      this.dateChange.emit(value);\n    }\n  }\n\n  /**\n   * Configures the date picker functionality using the moj library.\n   */\n  public configureDatePicker(): void {\n    import('@ministryofjustice/frontend/moj/all').then((datePicker) => {\n      addGdsBodyClass();\n      datePicker.initAll();\n    });\n  }\n\n  public ngOnInit(): void {\n    this.concatenateDisabledDates();\n  }\n}\n","<div\n  class=\"moj-datepicker\"\n  data-module=\"moj-date-picker\"\n  [attr.data-min-date]=\"minDate\"\n  [attr.data-max-date]=\"maxDate\"\n  [attr.data-excluded-dates]=\"disabledDatesConcatenated\"\n  [attr.data-excluded-days]=\"disabledDays\"\n>\n  <div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n\n    @if (hintText) {\n      <div id=\"date-hint\" class=\"govuk-hint\">{{ hintText }}</div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ inputId }}-date-error\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n\n    <input\n      class=\"govuk-input moj-js-datepicker-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      [attr.aria-describedby]=\"hintText ? inputId + '-hint' : null\"\n      autocomplete=\"off\"\n      [formControl]=\"getControl\"\n      (change)=\"setDateValue($any($event).target.value)\"\n    />\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/opal-frontend-common",
-  "version": "0.0.41",
+  "version": "0.0.42",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": "^18.2.0 || ^19.0.0 || ^20.0.0",