@hmcts/opal-frontend-common 0.0.10 → 0.0.12

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

@@ -125,10 +125,10 @@ class AbstractSortableTableComponent {
     ngOnInit() {
         this.initialiseSortState();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AbstractSortableTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: AbstractSortableTableComponent, isStandalone: true, selector: "ng-component", outputs: { abstractSortState: "abstractSortState" }, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AbstractSortableTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: AbstractSortableTableComponent, isStandalone: true, selector: "ng-component", outputs: { abstractSortState: "abstractSortState" }, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AbstractSortableTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AbstractSortableTableComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-abstract-abstract-sortable-table.mjs","sources":["../../../projects/opal-frontend-common/components/abstract/abstract-sortable-table/abstract-sortable-table.component.ts","../../../projects/opal-frontend-common/components/abstract/abstract-sortable-table/hmcts-opal-frontend-common-components-abstract-abstract-sortable-table.ts"],"sourcesContent":["import { Component, EventEmitter, OnInit, Output, inject, signal } from '@angular/core';\nimport {\n  IAbstractSortState,\n  IAbstractTableData,\n} from '@hmcts/opal-frontend-common/components/abstract/abstract-sortable-table/interfaces';\nimport { SortService } from '@hmcts/opal-frontend-common/services/sort-service';\nimport {\n  SortableValuesType,\n  SortDirectionType,\n} from '@hmcts/opal-frontend-common/components/abstract/abstract-sortable-table/types';\n\n@Component({\n  template: '',\n})\nexport abstract class AbstractSortableTableComponent implements OnInit {\n  private readonly sortService = inject(SortService);\n\n  public abstractTableDataSignal = signal<IAbstractTableData<SortableValuesType>[]>([]);\n  public abstractExistingSortState: IAbstractSortState | null = null;\n  public sortStateSignal = signal<IAbstractSortState>({});\n  public sortedColumnTitleSignal = signal<string>('');\n  public sortedColumnDirectionSignal = signal<SortDirectionType>('none');\n\n  @Output() abstractSortState = new EventEmitter<IAbstractSortState>();\n\n  /**\n   * Creates an initial sort state for a table based on the provided table data.\n   *\n   * @param tableData - Array of table data objects representing table rows.\n   * @returns Initial sort state object with column names as keys and 'none' as values.\n   */\n  private createSortState(tableData: IAbstractTableData<SortableValuesType>[] | null): IAbstractSortState {\n    return tableData?.length\n      ? Object.keys(tableData[0]).reduce<IAbstractSortState>((state, key) => {\n          state[key] = 'none';\n          return state;\n        }, {})\n      : {};\n  }\n  /**\n   * Initializes the sort state for the sortable table component.\n   *\n   * This method sets the initial sort state based on the existing sort state or creates a new one\n   * if none exists. It then updates the sort state signal with the initial sort state.\n   *\n   * If an existing sort state is found, it iterates over each entry and triggers the sort change\n   * for each key that has a sort type other than 'none'.\n   *\n   * @private\n   * @returns {void}\n   */\n  private initialiseSortState(): void {\n    const existingSortState = this.abstractExistingSortState;\n    const initialSortState = existingSortState || this.createSortState(this.abstractTableDataSignal());\n\n    this.sortStateSignal.set(initialSortState);\n\n    if (existingSortState) {\n      Object.entries(existingSortState).forEach(([key, sortType]) => {\n        if (sortType !== 'none') {\n          this.onSortChange({ key, sortType });\n        }\n      });\n    }\n    this.getSortedColumn();\n  }\n\n  /**\n   * Updates the sort state for a given column key and sort type.\n   * Resets the sort state for all other columns to 'none'.\n   *\n   * @param key - The column to sort by.\n   * @param sortType - Sorting order ('ascending' or 'descending').\n   */\n  private updateSortState(key: string, sortType: 'ascending' | 'descending'): void {\n    this.sortStateSignal.set(\n      Object.keys(this.sortStateSignal()).reduce<IAbstractSortState>((state, columnKey) => {\n        state[columnKey] = columnKey === key ? sortType : 'none';\n        return state;\n      }, {}),\n    );\n  }\n\n  /**\n   * Retrieves the sorted table data based on the specified key and sort type.\n   *\n   * @param key - The key of the property to sort by.\n   * @param sortType - The type of sorting to apply, either 'ascending' or 'descending'.\n   * @returns An array of sorted table data objects.\n   */\n  private getSortedTableData(\n    key: string,\n    sortType: 'ascending' | 'descending',\n  ): IAbstractTableData<SortableValuesType>[] {\n    return sortType === 'ascending'\n      ? (this.sortService.sortObjectArrayAsc(\n          this.abstractTableDataSignal(),\n          key,\n        ) as IAbstractTableData<SortableValuesType>[])\n      : (this.sortService.sortObjectArrayDesc(\n          this.abstractTableDataSignal(),\n          key,\n        ) as IAbstractTableData<SortableValuesType>[]);\n  }\n\n  /**\n   * Determines the first column with a sort state other than 'none' and updates the sorted column signals accordingly.\n   *\n   * - If a sorted column is found, updates the `sortedColumnTitleSignal` and `sortedColumnDirectionSignal` with the column key and state.\n   * - If no sorted column is found, sets the `sortedColumnTitleSignal` to an empty string and `sortedColumnDirectionSignal` to 'none'.\n   *\n   * @private\n   * @returns {void}\n   */\n  private getSortedColumn(): void {\n    // Find the first column that has a sort state other than 'none'\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const sortedColumn = Object.entries(this.sortStateSignal()).find(([_, state]) => state !== 'none');\n\n    // If a sorted column is found, set the signal to the sorted column key and state\n    if (sortedColumn) {\n      const [columnKey, state] = sortedColumn;\n      this.sortedColumnTitleSignal.set(columnKey);\n      this.sortedColumnDirectionSignal.set(state);\n    } else {\n      // Otherwise, set the signal to null\n      this.sortedColumnTitleSignal.set('');\n      this.sortedColumnDirectionSignal.set('none');\n    }\n  }\n\n  /**\n   * Handles the change in sorting for the table.\n   *\n   * @param event - An object containing the key to sort by and the sort type.\n   * @param event.key - The key of the column to sort.\n   * @param event.sortType - The type of sorting to apply ('ascending' or 'descending').\n   *\n   * This method updates the sort state, sorts the table data based on the provided key and sort type,\n   * updates the table data signal, and emits the updated sort state.\n   */\n  protected onSortChange(event: { key: string; sortType: 'ascending' | 'descending' }): void {\n    const { key, sortType } = event;\n\n    this.updateSortState(key, sortType);\n    this.getSortedColumn();\n    const sortedData = this.getSortedTableData(key, sortType);\n\n    // Update the table data signal\n    this.abstractTableDataSignal.set(sortedData);\n\n    // Emit the updated sort state\n    this.abstractSortState.emit(this.sortStateSignal());\n  }\n\n  /**\n   * Lifecycle hook to initialise the sort state.\n   */\n  public ngOnInit(): void {\n    this.initialiseSortState();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"hmcts-opal-frontend-common-components-abstract-abstract-sortable-table.mjs","sources":["../../../projects/opal-frontend-common/components/abstract/abstract-sortable-table/abstract-sortable-table.component.ts","../../../projects/opal-frontend-common/components/abstract/abstract-sortable-table/hmcts-opal-frontend-common-components-abstract-abstract-sortable-table.ts"],"sourcesContent":["import { Component, EventEmitter, OnInit, Output, inject, signal } from '@angular/core';\nimport {\n  IAbstractSortState,\n  IAbstractTableData,\n} from '@hmcts/opal-frontend-common/components/abstract/abstract-sortable-table/interfaces';\nimport { SortService } from '@hmcts/opal-frontend-common/services/sort-service';\nimport {\n  SortableValuesType,\n  SortDirectionType,\n} from '@hmcts/opal-frontend-common/components/abstract/abstract-sortable-table/types';\n\n@Component({\n  template: '',\n})\nexport abstract class AbstractSortableTableComponent implements OnInit {\n  private readonly sortService = inject(SortService);\n\n  public abstractTableDataSignal = signal<IAbstractTableData<SortableValuesType>[]>([]);\n  public abstractExistingSortState: IAbstractSortState | null = null;\n  public sortStateSignal = signal<IAbstractSortState>({});\n  public sortedColumnTitleSignal = signal<string>('');\n  public sortedColumnDirectionSignal = signal<SortDirectionType>('none');\n\n  @Output() abstractSortState = new EventEmitter<IAbstractSortState>();\n\n  /**\n   * Creates an initial sort state for a table based on the provided table data.\n   *\n   * @param tableData - Array of table data objects representing table rows.\n   * @returns Initial sort state object with column names as keys and 'none' as values.\n   */\n  private createSortState(tableData: IAbstractTableData<SortableValuesType>[] | null): IAbstractSortState {\n    return tableData?.length\n      ? Object.keys(tableData[0]).reduce<IAbstractSortState>((state, key) => {\n          state[key] = 'none';\n          return state;\n        }, {})\n      : {};\n  }\n  /**\n   * Initializes the sort state for the sortable table component.\n   *\n   * This method sets the initial sort state based on the existing sort state or creates a new one\n   * if none exists. It then updates the sort state signal with the initial sort state.\n   *\n   * If an existing sort state is found, it iterates over each entry and triggers the sort change\n   * for each key that has a sort type other than 'none'.\n   *\n   * @private\n   * @returns {void}\n   */\n  private initialiseSortState(): void {\n    const existingSortState = this.abstractExistingSortState;\n    const initialSortState = existingSortState || this.createSortState(this.abstractTableDataSignal());\n\n    this.sortStateSignal.set(initialSortState);\n\n    if (existingSortState) {\n      Object.entries(existingSortState).forEach(([key, sortType]) => {\n        if (sortType !== 'none') {\n          this.onSortChange({ key, sortType });\n        }\n      });\n    }\n    this.getSortedColumn();\n  }\n\n  /**\n   * Updates the sort state for a given column key and sort type.\n   * Resets the sort state for all other columns to 'none'.\n   *\n   * @param key - The column to sort by.\n   * @param sortType - Sorting order ('ascending' or 'descending').\n   */\n  private updateSortState(key: string, sortType: 'ascending' | 'descending'): void {\n    this.sortStateSignal.set(\n      Object.keys(this.sortStateSignal()).reduce<IAbstractSortState>((state, columnKey) => {\n        state[columnKey] = columnKey === key ? sortType : 'none';\n        return state;\n      }, {}),\n    );\n  }\n\n  /**\n   * Retrieves the sorted table data based on the specified key and sort type.\n   *\n   * @param key - The key of the property to sort by.\n   * @param sortType - The type of sorting to apply, either 'ascending' or 'descending'.\n   * @returns An array of sorted table data objects.\n   */\n  private getSortedTableData(\n    key: string,\n    sortType: 'ascending' | 'descending',\n  ): IAbstractTableData<SortableValuesType>[] {\n    return sortType === 'ascending'\n      ? (this.sortService.sortObjectArrayAsc(\n          this.abstractTableDataSignal(),\n          key,\n        ) as IAbstractTableData<SortableValuesType>[])\n      : (this.sortService.sortObjectArrayDesc(\n          this.abstractTableDataSignal(),\n          key,\n        ) as IAbstractTableData<SortableValuesType>[]);\n  }\n\n  /**\n   * Determines the first column with a sort state other than 'none' and updates the sorted column signals accordingly.\n   *\n   * - If a sorted column is found, updates the `sortedColumnTitleSignal` and `sortedColumnDirectionSignal` with the column key and state.\n   * - If no sorted column is found, sets the `sortedColumnTitleSignal` to an empty string and `sortedColumnDirectionSignal` to 'none'.\n   *\n   * @private\n   * @returns {void}\n   */\n  private getSortedColumn(): void {\n    // Find the first column that has a sort state other than 'none'\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const sortedColumn = Object.entries(this.sortStateSignal()).find(([_, state]) => state !== 'none');\n\n    // If a sorted column is found, set the signal to the sorted column key and state\n    if (sortedColumn) {\n      const [columnKey, state] = sortedColumn;\n      this.sortedColumnTitleSignal.set(columnKey);\n      this.sortedColumnDirectionSignal.set(state);\n    } else {\n      // Otherwise, set the signal to null\n      this.sortedColumnTitleSignal.set('');\n      this.sortedColumnDirectionSignal.set('none');\n    }\n  }\n\n  /**\n   * Handles the change in sorting for the table.\n   *\n   * @param event - An object containing the key to sort by and the sort type.\n   * @param event.key - The key of the column to sort.\n   * @param event.sortType - The type of sorting to apply ('ascending' or 'descending').\n   *\n   * This method updates the sort state, sorts the table data based on the provided key and sort type,\n   * updates the table data signal, and emits the updated sort state.\n   */\n  protected onSortChange(event: { key: string; sortType: 'ascending' | 'descending' }): void {\n    const { key, sortType } = event;\n\n    this.updateSortState(key, sortType);\n    this.getSortedColumn();\n    const sortedData = this.getSortedTableData(key, sortType);\n\n    // Update the table data signal\n    this.abstractTableDataSignal.set(sortedData);\n\n    // Emit the updated sort state\n    this.abstractSortState.emit(this.sortStateSignal());\n  }\n\n  /**\n   * Lifecycle hook to initialise the sort state.\n   */\n  public ngOnInit(): void {\n    this.initialiseSortState();\n  }\n}\n","/**\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

@@ -120,10 +120,10 @@ class AlphagovAccessibleAutocompleteComponent {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: AlphagovAccessibleAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", 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}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AlphagovAccessibleAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", 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}\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: "19.2.9", ngImport: i0, type: AlphagovAccessibleAutocompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", 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}\n"] }]
         }], ctorParameters: () => [], propDecorators: { labelText: [{

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  @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 = false;\n  @Input({ required: false }) errors: string | null = null;\n\n  @ViewChild('autocomplete') autocompleteContainer!: ElementRef<HTMLElement>;\n\n  private readonly changeDetector: ChangeDetectorRef = inject(ChangeDetectorRef);\n  private _control!: FormControl;\n  private readonly ngUnsubscribe = new Subject<void>();\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      onConfirm: (selectedName: string) => this.handleOnConfirm(selectedName),\n    };\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  @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 = false;\n  @Input({ required: false }) errors: string | null = null;\n\n  @ViewChild('autocomplete') autocompleteContainer!: ElementRef<HTMLElement>;\n\n  private readonly changeDetector: ChangeDetectorRef = inject(ChangeDetectorRef);\n  private _control!: FormControl;\n  private readonly ngUnsubscribe = new Subject<void>();\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      onConfirm: (selectedName: string) => this.handleOnConfirm(selectedName),\n    };\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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"}

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

@@ -16,10 +16,10 @@ class GovukAccordionComponent {
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GovukAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: GovukAccordionComponent, isStandalone: true, selector: "opal-lib-govuk-accordion", ngImport: i0, template: "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-default\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-1\"> Writing well for the web </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-1\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-1\"\n    >\n      <p class=\"govuk-body\">This is the content for Writing well for the web.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-2\">\n          Writing well for specialists\n        </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-2\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-2\"\n    >\n      <p class=\"govuk-body\">This is the content for Writing well for specialists.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-3\"> Know your audience </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-3\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-3\"\n    >\n      <p class=\"govuk-body\">This is the content for Know your audience.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-4\"> How people read </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-4\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-4\"\n    >\n      <p class=\"govuk-body\">This is the content for How people read.</p>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: GovukAccordionComponent, isStandalone: true, selector: "opal-lib-govuk-accordion", ngImport: i0, template: "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-default\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-1\"> Writing well for the web </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-1\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-1\"\n    >\n      <p class=\"govuk-body\">This is the content for Writing well for the web.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-2\">\n          Writing well for specialists\n        </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-2\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-2\"\n    >\n      <p class=\"govuk-body\">This is the content for Writing well for specialists.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-3\"> Know your audience </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-3\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-3\"\n    >\n      <p class=\"govuk-body\">This is the content for Know your audience.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-4\"> How people read </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-4\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-4\"\n    >\n      <p class=\"govuk-body\">This is the content for How people read.</p>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GovukAccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukAccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-accordion', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-default\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-1\"> Writing well for the web </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-1\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-1\"\n    >\n      <p class=\"govuk-body\">This is the content for Writing well for the web.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-2\">\n          Writing well for specialists\n        </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-2\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-2\"\n    >\n      <p class=\"govuk-body\">This is the content for Writing well for specialists.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-3\"> Know your audience </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-3\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-3\"\n    >\n      <p class=\"govuk-body\">This is the content for Know your audience.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-4\"> How people read </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-4\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-4\"\n    >\n      <p class=\"govuk-body\">This is the content for How people read.</p>\n    </div>\n  </div>\n</div>\n" }]
         }] });

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-accordion.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-accordion/govuk-accordion.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-accordion/govuk-accordion.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-accordion/hmcts-opal-frontend-common-components-govuk-govuk-accordion.ts"],"sourcesContent":["import { AfterViewInit, ChangeDetectionStrategy, Component, inject, PLATFORM_ID } from '@angular/core';\nimport { CommonModule, isPlatformBrowser } from '@angular/common';\n@Component({\n  selector: 'opal-lib-govuk-accordion',\n  imports: [CommonModule],\n  templateUrl: './govuk-accordion.component.html',\n\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukAccordionComponent implements AfterViewInit {\n  private readonly platformId = inject(PLATFORM_ID);\n\n  /**\n   * Lifecycle hook that is called after Angular has fully initialized the component's view.\n   * It is called only once after the first ngAfterContentChecked.\n   * We use it to initialize the govuk-frontend component.\n   */\n  ngAfterViewInit() {\n    if (isPlatformBrowser(this.platformId)) {\n      import('govuk-frontend').then((govuk) => {\n        govuk.initAll();\n      });\n    }\n  }\n}\n","<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-default\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-1\"> Writing well for the web </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-1\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-1\"\n    >\n      <p class=\"govuk-body\">This is the content for Writing well for the web.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-2\">\n          Writing well for specialists\n        </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-2\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-2\"\n    >\n      <p class=\"govuk-body\">This is the content for Writing well for specialists.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-3\"> Know your audience </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-3\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-3\"\n    >\n      <p class=\"govuk-body\">This is the content for Know your audience.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-4\"> How people read </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-4\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-4\"\n    >\n      <p class=\"govuk-body\">This is the content for How people read.</p>\n    </div>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MASa,uBAAuB,CAAA;AACjB,IAAA,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC;AAEjD;;;;AAIG;IACH,eAAe,GAAA;AACb,QAAA,IAAI,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YACtC,OAAO,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAI;gBACtC,KAAK,CAAC,OAAO,EAAE;AACjB,aAAC,CAAC;;;uGAZK,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECTpC,01EA4DA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDxDY,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAKX,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAPnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,WAC3B,CAAC,YAAY,CAAC,EAGN,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,01EAAA,EAAA;;;AEPjD;;AAEG;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-accordion.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-accordion/govuk-accordion.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-accordion/govuk-accordion.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-accordion/hmcts-opal-frontend-common-components-govuk-govuk-accordion.ts"],"sourcesContent":["import { AfterViewInit, ChangeDetectionStrategy, Component, inject, PLATFORM_ID } from '@angular/core';\nimport { CommonModule, isPlatformBrowser } from '@angular/common';\n@Component({\n  selector: 'opal-lib-govuk-accordion',\n  imports: [CommonModule],\n  templateUrl: './govuk-accordion.component.html',\n\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukAccordionComponent implements AfterViewInit {\n  private readonly platformId = inject(PLATFORM_ID);\n\n  /**\n   * Lifecycle hook that is called after Angular has fully initialized the component's view.\n   * It is called only once after the first ngAfterContentChecked.\n   * We use it to initialize the govuk-frontend component.\n   */\n  ngAfterViewInit() {\n    if (isPlatformBrowser(this.platformId)) {\n      import('govuk-frontend').then((govuk) => {\n        govuk.initAll();\n      });\n    }\n  }\n}\n","<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-default\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-1\"> Writing well for the web </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-1\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-1\"\n    >\n      <p class=\"govuk-body\">This is the content for Writing well for the web.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-2\">\n          Writing well for specialists\n        </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-2\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-2\"\n    >\n      <p class=\"govuk-body\">This is the content for Writing well for specialists.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-3\"> Know your audience </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-3\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-3\"\n    >\n      <p class=\"govuk-body\">This is the content for Know your audience.</p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-default-heading-4\"> How people read </span>\n      </h2>\n    </div>\n    <div\n      id=\"accordion-default-content-4\"\n      class=\"govuk-accordion__section-content\"\n      aria-labelledby=\"accordion-default-heading-4\"\n    >\n      <p class=\"govuk-body\">This is the content for How people read.</p>\n    </div>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MASa,uBAAuB,CAAA;AACjB,IAAA,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC;AAEjD;;;;AAIG;IACH,eAAe,GAAA;AACb,QAAA,IAAI,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YACtC,OAAO,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAI;gBACtC,KAAK,CAAC,OAAO,EAAE;AACjB,aAAC,CAAC;;;wGAZK,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECTpC,01EA4DA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDxDY,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAKX,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAPnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,WAC3B,CAAC,YAAY,CAAC,EAGN,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,01EAAA,EAAA;;;AEPjD;;AAEG;;;;"}

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

@@ -13,10 +13,10 @@ class GovukBackLinkComponent {
         event.preventDefault();
         this.clickEvent.emit(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GovukBackLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: GovukBackLinkComponent, isStandalone: true, selector: "opal-lib-govuk-back-link", outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<a href=\"#\" class=\"govuk-back-link\" (click)=\"onBack($event)\">Back</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukBackLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: GovukBackLinkComponent, isStandalone: true, selector: "opal-lib-govuk-back-link", outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<a href=\"#\" class=\"govuk-back-link\" (click)=\"onBack($event)\">Back</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GovukBackLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukBackLinkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-back-link', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a href=\"#\" class=\"govuk-back-link\" (click)=\"onBack($event)\">Back</a>\n" }]
         }], propDecorators: { clickEvent: [{

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-back-link.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-back-link/govuk-back-link.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-back-link/govuk-back-link.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-back-link/hmcts-opal-frontend-common-components-govuk-govuk-back-link.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-back-link',\n  imports: [],\n  templateUrl: './govuk-back-link.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukBackLinkComponent {\n  @Output() clickEvent = new EventEmitter<Event>();\n\n  /**\n   * Handles the back navigation for the component by emitting an event.\n   * This method prevents the default action of the event.\n   *\n   * @param {Event} event - The event object representing the user's action.\n   */\n  public onBack(event: Event): void {\n    event.preventDefault();\n    this.clickEvent.emit(event);\n  }\n}\n","<a href=\"#\" class=\"govuk-back-link\" (click)=\"onBack($event)\">Back</a>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAQa,sBAAsB,CAAA;AACvB,IAAA,UAAU,GAAG,IAAI,YAAY,EAAS;AAEhD;;;;;AAKG;AACI,IAAA,MAAM,CAAC,KAAY,EAAA;QACxB,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;;uGAXlB,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,2HCRnC,+EACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDOa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,EAC3B,OAAA,EAAA,EAAE,EAEM,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+EAAA,EAAA;8BAGrC,UAAU,EAAA,CAAA;sBAAnB;;;AETH;;AAEG;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-back-link.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-back-link/govuk-back-link.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-back-link/govuk-back-link.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-back-link/hmcts-opal-frontend-common-components-govuk-govuk-back-link.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-back-link',\n  imports: [],\n  templateUrl: './govuk-back-link.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukBackLinkComponent {\n  @Output() clickEvent = new EventEmitter<Event>();\n\n  /**\n   * Handles the back navigation for the component by emitting an event.\n   * This method prevents the default action of the event.\n   *\n   * @param {Event} event - The event object representing the user's action.\n   */\n  public onBack(event: Event): void {\n    event.preventDefault();\n    this.clickEvent.emit(event);\n  }\n}\n","<a href=\"#\" class=\"govuk-back-link\" (click)=\"onBack($event)\">Back</a>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAQa,sBAAsB,CAAA;AACvB,IAAA,UAAU,GAAG,IAAI,YAAY,EAAS;AAEhD;;;;;AAKG;AACI,IAAA,MAAM,CAAC,KAAY,EAAA;QACxB,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;;wGAXlB,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,SAAA,EAAA,IAAA,EAAA,sBAAsB,2HCRnC,+EACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDOa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,EAC3B,OAAA,EAAA,EAAE,EAEM,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+EAAA,EAAA;8BAGrC,UAAU,EAAA,CAAA;sBAAnB;;;AETH;;AAEG;;;;"}

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

@@ -14,10 +14,10 @@ class GovukButtonComponent {
     handleButtonClick() {
         this.buttonClickEvent.emit(true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GovukButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: GovukButtonComponent, isStandalone: true, selector: "opal-lib-govuk-button", inputs: { buttonId: "buttonId", type: "type", buttonClasses: "buttonClasses" }, outputs: { buttonClickEvent: "buttonClickEvent" }, ngImport: i0, template: "<button\n  [id]=\"buttonId\"\n  [type]=\"type\"\n  class=\"govuk-button {{ buttonClasses }}\"\n  data-module=\"govuk-button\"\n  (click)=\"handleButtonClick()\"\n>\n  <ng-content></ng-content>\n</button>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: GovukButtonComponent, isStandalone: true, selector: "opal-lib-govuk-button", inputs: { buttonId: "buttonId", type: "type", buttonClasses: "buttonClasses" }, outputs: { buttonClickEvent: "buttonClickEvent" }, ngImport: i0, template: "<button\n  [id]=\"buttonId\"\n  [type]=\"type\"\n  class=\"govuk-button {{ buttonClasses }}\"\n  data-module=\"govuk-button\"\n  (click)=\"handleButtonClick()\"\n>\n  <ng-content></ng-content>\n</button>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GovukButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-button', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  [id]=\"buttonId\"\n  [type]=\"type\"\n  class=\"govuk-button {{ buttonClasses }}\"\n  data-module=\"govuk-button\"\n  (click)=\"handleButtonClick()\"\n>\n  <ng-content></ng-content>\n</button>\n" }]
         }], propDecorators: { buttonId: [{

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-button.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-button/govuk-button.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-button/govuk-button.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-button/hmcts-opal-frontend-common-components-govuk-govuk-button.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'opal-lib-govuk-button',\n  imports: [CommonModule, ReactiveFormsModule],\n  templateUrl: './govuk-button.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukButtonComponent {\n  @Input({ required: true }) buttonId!: string;\n  @Input({ required: false }) type = 'button';\n  @Input({ required: false }) buttonClasses!: string;\n\n  @Output() buttonClickEvent = new EventEmitter<boolean>();\n\n  /**\n   * Handles the button click event.\n   */\n  public handleButtonClick(): void {\n    this.buttonClickEvent.emit(true);\n  }\n}\n","<button\n  [id]=\"buttonId\"\n  [type]=\"type\"\n  class=\"govuk-button {{ buttonClasses }}\"\n  data-module=\"govuk-button\"\n  (click)=\"handleButtonClick()\"\n>\n  <ng-content></ng-content>\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAUa,oBAAoB,CAAA;AACJ,IAAA,QAAQ;IACP,IAAI,GAAG,QAAQ;AACf,IAAA,aAAa;AAE/B,IAAA,gBAAgB,GAAG,IAAI,YAAY,EAAW;AAExD;;AAEG;IACI,iBAAiB,GAAA;AACtB,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;;uGAXvB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,ECVjC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,OAAA,EAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,+MASA,EDHY,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BAAE,mBAAmB,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAIhC,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;+BACE,uBAAuB,EAAA,OAAA,EACxB,CAAC,YAAY,EAAE,mBAAmB,CAAC,EAAA,eAAA,EAE3B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+MAAA,EAAA;8BAGpB,QAAQ,EAAA,CAAA;sBAAlC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACG,IAAI,EAAA,CAAA;sBAA/B,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,aAAa,EAAA,CAAA;sBAAxC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBAEhB,gBAAgB,EAAA,CAAA;sBAAzB;;;AEfH;;AAEG;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-button.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-button/govuk-button.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-button/govuk-button.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-button/hmcts-opal-frontend-common-components-govuk-govuk-button.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'opal-lib-govuk-button',\n  imports: [CommonModule, ReactiveFormsModule],\n  templateUrl: './govuk-button.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukButtonComponent {\n  @Input({ required: true }) buttonId!: string;\n  @Input({ required: false }) type = 'button';\n  @Input({ required: false }) buttonClasses!: string;\n\n  @Output() buttonClickEvent = new EventEmitter<boolean>();\n\n  /**\n   * Handles the button click event.\n   */\n  public handleButtonClick(): void {\n    this.buttonClickEvent.emit(true);\n  }\n}\n","<button\n  [id]=\"buttonId\"\n  [type]=\"type\"\n  class=\"govuk-button {{ buttonClasses }}\"\n  data-module=\"govuk-button\"\n  (click)=\"handleButtonClick()\"\n>\n  <ng-content></ng-content>\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAUa,oBAAoB,CAAA;AACJ,IAAA,QAAQ;IACP,IAAI,GAAG,QAAQ;AACf,IAAA,aAAa;AAE/B,IAAA,gBAAgB,GAAG,IAAI,YAAY,EAAW;AAExD;;AAEG;IACI,iBAAiB,GAAA;AACtB,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;;wGAXvB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,ECVjC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,OAAA,EAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,+MASA,EDHY,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BAAE,mBAAmB,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAIhC,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;+BACE,uBAAuB,EAAA,OAAA,EACxB,CAAC,YAAY,EAAE,mBAAmB,CAAC,EAAA,eAAA,EAE3B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+MAAA,EAAA;8BAGpB,QAAQ,EAAA,CAAA;sBAAlC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACG,IAAI,EAAA,CAAA;sBAA/B,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBACE,aAAa,EAAA,CAAA;sBAAxC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBAEhB,gBAAgB,EAAA,CAAA;sBAAzB;;;AEfH;;AAEG;;;;"}

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

@@ -10,10 +10,10 @@ class GovukCancelLinkComponent {
     handleClick() {
         this.linkClickEvent.emit(true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GovukCancelLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: GovukCancelLinkComponent, isStandalone: true, selector: "opal-lib-govuk-cancel-link", inputs: { cancelLinkText: "cancelLinkText" }, outputs: { linkClickEvent: "linkClickEvent" }, ngImport: i0, template: "<a (keyup.enter)=\"handleClick()\" (click)=\"handleClick()\" class=\"govuk-link button-link\" role=\"link\" tabindex=\"0\">{{\n  cancelLinkText\n}}</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukCancelLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: GovukCancelLinkComponent, isStandalone: true, selector: "opal-lib-govuk-cancel-link", inputs: { cancelLinkText: "cancelLinkText" }, outputs: { linkClickEvent: "linkClickEvent" }, ngImport: i0, template: "<a (keyup.enter)=\"handleClick()\" (click)=\"handleClick()\" class=\"govuk-link button-link\" role=\"link\" tabindex=\"0\">{{\n  cancelLinkText\n}}</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GovukCancelLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukCancelLinkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-cancel-link', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a (keyup.enter)=\"handleClick()\" (click)=\"handleClick()\" class=\"govuk-link button-link\" role=\"link\" tabindex=\"0\">{{\n  cancelLinkText\n}}</a>\n" }]
         }], propDecorators: { cancelLinkText: [{

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-cancel-link.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-cancel-link/govuk-cancel-link.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-cancel-link/govuk-cancel-link.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-cancel-link/hmcts-opal-frontend-common-components-govuk-govuk-cancel-link.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-cancel-link',\n  imports: [],\n  templateUrl: './govuk-cancel-link.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukCancelLinkComponent {\n  @Input({ required: false }) cancelLinkText = 'Cancel';\n  @Output() linkClickEvent = new EventEmitter<boolean>();\n\n  /**\n   * Handles the button click event.\n   */\n  public handleClick(): void {\n    this.linkClickEvent.emit(true);\n  }\n}\n","<a (keyup.enter)=\"handleClick()\" (click)=\"handleClick()\" class=\"govuk-link button-link\" role=\"link\" tabindex=\"0\">{{\n  cancelLinkText\n}}</a>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAQa,wBAAwB,CAAA;IACP,cAAc,GAAG,QAAQ;AAC3C,IAAA,cAAc,GAAG,IAAI,YAAY,EAAW;AAEtD;;AAEG;IACI,WAAW,GAAA;AAChB,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;;uGARrB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,mLCRrC,2JAGA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDKa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,4BAA4B,EAC7B,OAAA,EAAA,EAAE,EAEM,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2JAAA,EAAA;8BAGnB,cAAc,EAAA,CAAA;sBAAzC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBAChB,cAAc,EAAA,CAAA;sBAAvB;;;AEVH;;AAEG;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-cancel-link.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-cancel-link/govuk-cancel-link.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-cancel-link/govuk-cancel-link.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-cancel-link/hmcts-opal-frontend-common-components-govuk-govuk-cancel-link.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-cancel-link',\n  imports: [],\n  templateUrl: './govuk-cancel-link.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukCancelLinkComponent {\n  @Input({ required: false }) cancelLinkText = 'Cancel';\n  @Output() linkClickEvent = new EventEmitter<boolean>();\n\n  /**\n   * Handles the button click event.\n   */\n  public handleClick(): void {\n    this.linkClickEvent.emit(true);\n  }\n}\n","<a (keyup.enter)=\"handleClick()\" (click)=\"handleClick()\" class=\"govuk-link button-link\" role=\"link\" tabindex=\"0\">{{\n  cancelLinkText\n}}</a>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAQa,wBAAwB,CAAA;IACP,cAAc,GAAG,QAAQ;AAC3C,IAAA,cAAc,GAAG,IAAI,YAAY,EAAW;AAEtD;;AAEG;IACI,WAAW,GAAA;AAChB,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;;wGARrB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,mLCRrC,2JAGA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDKa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,4BAA4B,EAC7B,OAAA,EAAA,EAAE,EAEM,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2JAAA,EAAA;8BAGnB,cAAc,EAAA,CAAA;sBAAzC,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;gBAChB,cAAc,EAAA,CAAA;sBAAvB;;;AEVH;;AAEG;;;;"}

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

@@ -11,10 +11,10 @@ class GovukCheckboxesConditionalComponent {
     ngOnInit() {
         this.id = `${this.conditionalId}-conditional`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GovukCheckboxesConditionalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: GovukCheckboxesConditionalComponent, isStandalone: true, selector: "opal-lib-govuk-checkboxes-conditional, [opal-lib-govuk-checkboxes-conditional]", inputs: { conditionalId: "conditionalId" }, host: { properties: { "class": "this.class", "id": "this.id" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukCheckboxesConditionalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: GovukCheckboxesConditionalComponent, isStandalone: true, selector: "opal-lib-govuk-checkboxes-conditional, [opal-lib-govuk-checkboxes-conditional]", inputs: { conditionalId: "conditionalId" }, host: { properties: { "class": "this.class", "id": "this.id" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GovukCheckboxesConditionalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukCheckboxesConditionalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-checkboxes-conditional, [opal-lib-govuk-checkboxes-conditional]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { conditionalId: [{
@@ -29,10 +29,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
             }] } });
 
 class GovukCheckboxesDividerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GovukCheckboxesDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: GovukCheckboxesDividerComponent, isStandalone: true, selector: "opal-lib-govuk-checkboxes-divider", ngImport: i0, template: "<div class=\"govuk-checkboxes__divider\"><ng-content></ng-content></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukCheckboxesDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: GovukCheckboxesDividerComponent, isStandalone: true, selector: "opal-lib-govuk-checkboxes-divider", ngImport: i0, template: "<div class=\"govuk-checkboxes__divider\"><ng-content></ng-content></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GovukCheckboxesDividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukCheckboxesDividerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-checkboxes-divider', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-checkboxes__divider\"><ng-content></ng-content></div>\n" }]
         }] });
@@ -53,10 +53,10 @@ class GovukCheckboxesItemComponent {
     get getControl() {
         return this._control;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GovukCheckboxesItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: GovukCheckboxesItemComponent, isStandalone: true, selector: "opal-lib-govuk-checkboxes-item, [opal-lib-govuk-checkboxes-item]", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", ariaControls: "ariaControls", control: "control" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<input\n  class=\"govuk-checkboxes__input {{ inputClasses }}\"\n  [id]=\"inputId\"\n  [name]=\"inputName\"\n  type=\"checkbox\"\n  [formControl]=\"getControl\"\n  [attr.data-aria-controls]=\"ariaControls\"\n/>\n\n<label class=\"govuk-label govuk-checkboxes__label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukCheckboxesItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: GovukCheckboxesItemComponent, isStandalone: true, selector: "opal-lib-govuk-checkboxes-item, [opal-lib-govuk-checkboxes-item]", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", ariaControls: "ariaControls", control: "control" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<input\n  class=\"govuk-checkboxes__input {{ inputClasses }}\"\n  [id]=\"inputId\"\n  [name]=\"inputName\"\n  type=\"checkbox\"\n  [formControl]=\"getControl\"\n  [attr.data-aria-controls]=\"ariaControls\"\n/>\n\n<label class=\"govuk-label govuk-checkboxes__label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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: "19.2.9", ngImport: i0, type: GovukCheckboxesItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukCheckboxesItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-checkboxes-item, [opal-lib-govuk-checkboxes-item]', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n  class=\"govuk-checkboxes__input {{ inputClasses }}\"\n  [id]=\"inputId\"\n  [name]=\"inputName\"\n  type=\"checkbox\"\n  [formControl]=\"getControl\"\n  [attr.data-aria-controls]=\"ariaControls\"\n/>\n\n<label class=\"govuk-label govuk-checkboxes__label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n" }]
         }], propDecorators: { labelText: [{
@@ -91,10 +91,10 @@ class GovukCheckboxesComponent {
     legendHint;
     legendClasses;
     checkboxClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GovukCheckboxesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: GovukCheckboxesComponent, isStandalone: true, selector: "opal-lib-govuk-checkboxes", inputs: { fieldSetId: "fieldSetId", legendText: "legendText", legendHint: "legendHint", legendClasses: "legendClasses", checkboxClasses: "checkboxClasses" }, ngImport: i0, template: "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"fieldSetId\">\n    <legend class=\"govuk-fieldset__legend {{ legendClasses }}\" [attr.describedby]=\"fieldSetId\">\n      {{ legendText }}\n    </legend>\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + 'Hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n\n    <div class=\"govuk-checkboxes {{ checkboxClasses }}\" data-module=\"govuk-checkboxes\">\n      <ng-content></ng-content>\n    </div>\n  </fieldset>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukCheckboxesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: GovukCheckboxesComponent, isStandalone: true, selector: "opal-lib-govuk-checkboxes", inputs: { fieldSetId: "fieldSetId", legendText: "legendText", legendHint: "legendHint", legendClasses: "legendClasses", checkboxClasses: "checkboxClasses" }, ngImport: i0, template: "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"fieldSetId\">\n    <legend class=\"govuk-fieldset__legend {{ legendClasses }}\" [attr.describedby]=\"fieldSetId\">\n      {{ legendText }}\n    </legend>\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + 'Hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n\n    <div class=\"govuk-checkboxes {{ checkboxClasses }}\" data-module=\"govuk-checkboxes\">\n      <ng-content></ng-content>\n    </div>\n  </fieldset>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GovukCheckboxesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukCheckboxesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-checkboxes', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"fieldSetId\">\n    <legend class=\"govuk-fieldset__legend {{ legendClasses }}\" [attr.describedby]=\"fieldSetId\">\n      {{ legendText }}\n    </legend>\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + 'Hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n\n    <div class=\"govuk-checkboxes {{ checkboxClasses }}\" data-module=\"govuk-checkboxes\">\n      <ng-content></ng-content>\n    </div>\n  </fieldset>\n</div>\n" }]
         }], propDecorators: { fieldSetId: [{

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-checkboxes.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-checkboxes/govuk-checkboxes-conditional/govuk-checkboxes-conditional.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-checkboxes/govuk-checkboxes-conditional/govuk-checkboxes-conditional.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-checkboxes/govuk-checkboxes-divider/govuk-checkboxes-divider.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-checkboxes/govuk-checkboxes-divider/govuk-checkboxes-divider.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-checkboxes/govuk-checkboxes-item/govuk-checkboxes-item.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-checkboxes/govuk-checkboxes-item/govuk-checkboxes-item.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-checkboxes/govuk-checkboxes.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-checkboxes/govuk-checkboxes.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-checkboxes/hmcts-opal-frontend-common-components-govuk-govuk-checkboxes.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-checkboxes-conditional, [opal-lib-govuk-checkboxes-conditional]',\n  imports: [],\n  templateUrl: './govuk-checkboxes-conditional.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukCheckboxesConditionalComponent implements OnInit {\n  @Input({ required: true }) conditionalId!: string;\n\n  @HostBinding('class') class = 'govuk-checkboxes__conditional';\n  @HostBinding('id') id!: string;\n\n  ngOnInit() {\n    this.id = `${this.conditionalId}-conditional`;\n  }\n}\n","<ng-content></ng-content>\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-checkboxes-divider',\n  imports: [],\n  templateUrl: './govuk-checkboxes-divider.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukCheckboxesDividerComponent {}\n","<div class=\"govuk-checkboxes__divider\"><ng-content></ng-content></div>\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { FormControl, AbstractControl, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'opal-lib-govuk-checkboxes-item, [opal-lib-govuk-checkboxes-item]',\n  imports: [CommonModule, ReactiveFormsModule],\n  templateUrl: './govuk-checkboxes-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukCheckboxesItemComponent {\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 }) ariaControls!: 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  @HostBinding('class') class = 'govuk-checkboxes__item';\n\n  get getControl() {\n    return this._control;\n  }\n}\n","<input\n  class=\"govuk-checkboxes__input {{ inputClasses }}\"\n  [id]=\"inputId\"\n  [name]=\"inputName\"\n  type=\"checkbox\"\n  [formControl]=\"getControl\"\n  [attr.data-aria-controls]=\"ariaControls\"\n/>\n\n<label class=\"govuk-label govuk-checkboxes__label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-checkboxes',\n  imports: [CommonModule],\n  templateUrl: './govuk-checkboxes.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukCheckboxesComponent {\n  @Input({ required: true }) fieldSetId!: string;\n\n  @Input({ required: true }) legendText!: string;\n  @Input({ required: false }) legendHint!: string;\n  @Input({ required: false }) legendClasses!: string;\n  @Input({ required: false }) checkboxClasses!: string;\n}\n","<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"fieldSetId\">\n    <legend class=\"govuk-fieldset__legend {{ legendClasses }}\" [attr.describedby]=\"fieldSetId\">\n      {{ legendText }}\n    </legend>\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + 'Hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n\n    <div class=\"govuk-checkboxes {{ checkboxClasses }}\" data-module=\"govuk-checkboxes\">\n      <ng-content></ng-content>\n    </div>\n  </fieldset>\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-checkboxes.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-checkboxes/govuk-checkboxes-conditional/govuk-checkboxes-conditional.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-checkboxes/govuk-checkboxes-conditional/govuk-checkboxes-conditional.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-checkboxes/govuk-checkboxes-divider/govuk-checkboxes-divider.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-checkboxes/govuk-checkboxes-divider/govuk-checkboxes-divider.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-checkboxes/govuk-checkboxes-item/govuk-checkboxes-item.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-checkboxes/govuk-checkboxes-item/govuk-checkboxes-item.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-checkboxes/govuk-checkboxes.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-checkboxes/govuk-checkboxes.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-checkboxes/hmcts-opal-frontend-common-components-govuk-govuk-checkboxes.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-checkboxes-conditional, [opal-lib-govuk-checkboxes-conditional]',\n  imports: [],\n  templateUrl: './govuk-checkboxes-conditional.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukCheckboxesConditionalComponent implements OnInit {\n  @Input({ required: true }) conditionalId!: string;\n\n  @HostBinding('class') class = 'govuk-checkboxes__conditional';\n  @HostBinding('id') id!: string;\n\n  ngOnInit() {\n    this.id = `${this.conditionalId}-conditional`;\n  }\n}\n","<ng-content></ng-content>\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-checkboxes-divider',\n  imports: [],\n  templateUrl: './govuk-checkboxes-divider.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukCheckboxesDividerComponent {}\n","<div class=\"govuk-checkboxes__divider\"><ng-content></ng-content></div>\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { FormControl, AbstractControl, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'opal-lib-govuk-checkboxes-item, [opal-lib-govuk-checkboxes-item]',\n  imports: [CommonModule, ReactiveFormsModule],\n  templateUrl: './govuk-checkboxes-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukCheckboxesItemComponent {\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 }) ariaControls!: 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  @HostBinding('class') class = 'govuk-checkboxes__item';\n\n  get getControl() {\n    return this._control;\n  }\n}\n","<input\n  class=\"govuk-checkboxes__input {{ inputClasses }}\"\n  [id]=\"inputId\"\n  [name]=\"inputName\"\n  type=\"checkbox\"\n  [formControl]=\"getControl\"\n  [attr.data-aria-controls]=\"ariaControls\"\n/>\n\n<label class=\"govuk-label govuk-checkboxes__label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-checkboxes',\n  imports: [CommonModule],\n  templateUrl: './govuk-checkboxes.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukCheckboxesComponent {\n  @Input({ required: true }) fieldSetId!: string;\n\n  @Input({ required: true }) legendText!: string;\n  @Input({ required: false }) legendHint!: string;\n  @Input({ required: false }) legendClasses!: string;\n  @Input({ required: false }) checkboxClasses!: string;\n}\n","<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"fieldSetId\">\n    <legend class=\"govuk-fieldset__legend {{ legendClasses }}\" [attr.describedby]=\"fieldSetId\">\n      {{ legendText }}\n    </legend>\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + 'Hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n\n    <div class=\"govuk-checkboxes {{ checkboxClasses }}\" data-module=\"govuk-checkboxes\">\n      <ng-content></ng-content>\n    </div>\n  </fieldset>\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-date-input.mjs

@@ -20,10 +20,10 @@ class GovukDateInputComponent {
     get getGroup() {
         return this._group;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GovukDateInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: GovukDateInputComponent, isStandalone: true, selector: "opal-lib-govuk-date-input", inputs: { fieldSetId: "fieldSetId", legendText: "legendText", legendHint: "legendHint", legendClasses: "legendClasses", errorDay: "errorDay", errorMonth: "errorMonth", errorYear: "errorYear", dateInputs: "dateInputs", group: "group" }, ngImport: i0, template: "<div\n  class=\"govuk-form-group\"\n  [formGroup]=\"getGroup\"\n  [class.govuk-form-group--error]=\"!!errorDay || !!errorMonth || !!errorYear\"\n>\n  <fieldset class=\"govuk-fieldset\" role=\"group\" [id]=\"fieldSetId\">\n    <legend\n      class=\"govuk-fieldset__legend {{ legendClasses }}\"\n      [attr.describedby]=\"legendHint ? fieldSetId + 'Hint' : ''\"\n    >\n      {{ legendText }}\n    </legend>\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + 'Hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n    @if (errorDay || errorMonth || errorYear) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errorDay || errorMonth || errorYear }}\n      </p>\n    }\n    <div class=\"govuk-date-input\" id=\"passport-issued\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.day.inputId\">\n            {{ dateInputs.day.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.day.inputClasses }}\"\n            [class.govuk-input--error]=\"errorDay && errorDay !== null\"\n            [id]=\"dateInputs.day.inputId\"\n            [name]=\"dateInputs.day.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.day.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.month.inputId\">\n            {{ dateInputs.month.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.month.inputClasses }}\"\n            [class.govuk-input--error]=\"errorMonth && errorMonth !== null\"\n            [id]=\"dateInputs.month.inputId\"\n            [name]=\"dateInputs.month.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.month.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.year.inputId\">\n            {{ dateInputs.year.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.year.inputClasses }}\"\n            [class.govuk-input--error]=\"errorYear && errorYear !== null\"\n            [id]=\"dateInputs.year.inputId\"\n            [name]=\"dateInputs.year.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.year.inputId }}\"\n          />\n        </div>\n      </div>\n    </div>\n  </fieldset>\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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukDateInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: GovukDateInputComponent, isStandalone: true, selector: "opal-lib-govuk-date-input", inputs: { fieldSetId: "fieldSetId", legendText: "legendText", legendHint: "legendHint", legendClasses: "legendClasses", errorDay: "errorDay", errorMonth: "errorMonth", errorYear: "errorYear", dateInputs: "dateInputs", group: "group" }, ngImport: i0, template: "<div\n  class=\"govuk-form-group\"\n  [formGroup]=\"getGroup\"\n  [class.govuk-form-group--error]=\"!!errorDay || !!errorMonth || !!errorYear\"\n>\n  <fieldset class=\"govuk-fieldset\" role=\"group\" [id]=\"fieldSetId\">\n    <legend\n      class=\"govuk-fieldset__legend {{ legendClasses }}\"\n      [attr.describedby]=\"legendHint ? fieldSetId + 'Hint' : ''\"\n    >\n      {{ legendText }}\n    </legend>\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + 'Hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n    @if (errorDay || errorMonth || errorYear) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errorDay || errorMonth || errorYear }}\n      </p>\n    }\n    <div class=\"govuk-date-input\" id=\"passport-issued\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.day.inputId\">\n            {{ dateInputs.day.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.day.inputClasses }}\"\n            [class.govuk-input--error]=\"errorDay && errorDay !== null\"\n            [id]=\"dateInputs.day.inputId\"\n            [name]=\"dateInputs.day.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.day.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.month.inputId\">\n            {{ dateInputs.month.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.month.inputClasses }}\"\n            [class.govuk-input--error]=\"errorMonth && errorMonth !== null\"\n            [id]=\"dateInputs.month.inputId\"\n            [name]=\"dateInputs.month.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.month.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.year.inputId\">\n            {{ dateInputs.year.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.year.inputClasses }}\"\n            [class.govuk-input--error]=\"errorYear && errorYear !== null\"\n            [id]=\"dateInputs.year.inputId\"\n            [name]=\"dateInputs.year.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.year.inputId }}\"\n          />\n        </div>\n      </div>\n    </div>\n  </fieldset>\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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GovukDateInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukDateInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-date-input', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"govuk-form-group\"\n  [formGroup]=\"getGroup\"\n  [class.govuk-form-group--error]=\"!!errorDay || !!errorMonth || !!errorYear\"\n>\n  <fieldset class=\"govuk-fieldset\" role=\"group\" [id]=\"fieldSetId\">\n    <legend\n      class=\"govuk-fieldset__legend {{ legendClasses }}\"\n      [attr.describedby]=\"legendHint ? fieldSetId + 'Hint' : ''\"\n    >\n      {{ legendText }}\n    </legend>\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + 'Hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n    @if (errorDay || errorMonth || errorYear) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errorDay || errorMonth || errorYear }}\n      </p>\n    }\n    <div class=\"govuk-date-input\" id=\"passport-issued\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.day.inputId\">\n            {{ dateInputs.day.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.day.inputClasses }}\"\n            [class.govuk-input--error]=\"errorDay && errorDay !== null\"\n            [id]=\"dateInputs.day.inputId\"\n            [name]=\"dateInputs.day.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.day.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.month.inputId\">\n            {{ dateInputs.month.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.month.inputClasses }}\"\n            [class.govuk-input--error]=\"errorMonth && errorMonth !== null\"\n            [id]=\"dateInputs.month.inputId\"\n            [name]=\"dateInputs.month.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.month.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.year.inputId\">\n            {{ dateInputs.year.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.year.inputClasses }}\"\n            [class.govuk-input--error]=\"errorYear && errorYear !== null\"\n            [id]=\"dateInputs.year.inputId\"\n            [name]=\"dateInputs.year.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.year.inputId }}\"\n          />\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>\n" }]
         }], propDecorators: { fieldSetId: [{

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-date-input.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-date-input/govuk-date-input.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-date-input/govuk-date-input.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-date-input/hmcts-opal-frontend-common-components-govuk-govuk-date-input.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormGroup, AbstractControl, ReactiveFormsModule } from '@angular/forms';\nimport { IGovUkDateInput } from './interfaces/govuk-date-input.interface';\n\n@Component({\n  selector: 'opal-lib-govuk-date-input',\n  imports: [CommonModule, ReactiveFormsModule],\n  templateUrl: './govuk-date-input.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukDateInputComponent {\n  private _group!: FormGroup;\n\n  @Input({ required: true }) fieldSetId!: string;\n\n  @Input({ required: true }) legendText!: string;\n  @Input({ required: false }) legendHint!: string;\n  @Input({ required: false }) legendClasses!: string;\n\n  @Input({ required: false }) errorDay: string | null = null;\n  @Input({ required: false }) errorMonth: string | null = null;\n  @Input({ required: false }) errorYear: string | null = null;\n\n  @Input({ required: true }) dateInputs!: IGovUkDateInput;\n  @Input({ required: true }) set group(abstractControl: AbstractControl | null) {\n    this._group = abstractControl as FormGroup;\n  }\n\n  get getGroup() {\n    return this._group;\n  }\n}\n","<div\n  class=\"govuk-form-group\"\n  [formGroup]=\"getGroup\"\n  [class.govuk-form-group--error]=\"!!errorDay || !!errorMonth || !!errorYear\"\n>\n  <fieldset class=\"govuk-fieldset\" role=\"group\" [id]=\"fieldSetId\">\n    <legend\n      class=\"govuk-fieldset__legend {{ legendClasses }}\"\n      [attr.describedby]=\"legendHint ? fieldSetId + 'Hint' : ''\"\n    >\n      {{ legendText }}\n    </legend>\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + 'Hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n    @if (errorDay || errorMonth || errorYear) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errorDay || errorMonth || errorYear }}\n      </p>\n    }\n    <div class=\"govuk-date-input\" id=\"passport-issued\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.day.inputId\">\n            {{ dateInputs.day.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.day.inputClasses }}\"\n            [class.govuk-input--error]=\"errorDay && errorDay !== null\"\n            [id]=\"dateInputs.day.inputId\"\n            [name]=\"dateInputs.day.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.day.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.month.inputId\">\n            {{ dateInputs.month.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.month.inputClasses }}\"\n            [class.govuk-input--error]=\"errorMonth && errorMonth !== null\"\n            [id]=\"dateInputs.month.inputId\"\n            [name]=\"dateInputs.month.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.month.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.year.inputId\">\n            {{ dateInputs.year.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.year.inputClasses }}\"\n            [class.govuk-input--error]=\"errorYear && errorYear !== null\"\n            [id]=\"dateInputs.year.inputId\"\n            [name]=\"dateInputs.year.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.year.inputId }}\"\n          />\n        </div>\n      </div>\n    </div>\n  </fieldset>\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-date-input.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-date-input/govuk-date-input.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-date-input/govuk-date-input.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-date-input/hmcts-opal-frontend-common-components-govuk-govuk-date-input.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormGroup, AbstractControl, ReactiveFormsModule } from '@angular/forms';\nimport { IGovUkDateInput } from './interfaces/govuk-date-input.interface';\n\n@Component({\n  selector: 'opal-lib-govuk-date-input',\n  imports: [CommonModule, ReactiveFormsModule],\n  templateUrl: './govuk-date-input.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukDateInputComponent {\n  private _group!: FormGroup;\n\n  @Input({ required: true }) fieldSetId!: string;\n\n  @Input({ required: true }) legendText!: string;\n  @Input({ required: false }) legendHint!: string;\n  @Input({ required: false }) legendClasses!: string;\n\n  @Input({ required: false }) errorDay: string | null = null;\n  @Input({ required: false }) errorMonth: string | null = null;\n  @Input({ required: false }) errorYear: string | null = null;\n\n  @Input({ required: true }) dateInputs!: IGovUkDateInput;\n  @Input({ required: true }) set group(abstractControl: AbstractControl | null) {\n    this._group = abstractControl as FormGroup;\n  }\n\n  get getGroup() {\n    return this._group;\n  }\n}\n","<div\n  class=\"govuk-form-group\"\n  [formGroup]=\"getGroup\"\n  [class.govuk-form-group--error]=\"!!errorDay || !!errorMonth || !!errorYear\"\n>\n  <fieldset class=\"govuk-fieldset\" role=\"group\" [id]=\"fieldSetId\">\n    <legend\n      class=\"govuk-fieldset__legend {{ legendClasses }}\"\n      [attr.describedby]=\"legendHint ? fieldSetId + 'Hint' : ''\"\n    >\n      {{ legendText }}\n    </legend>\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + 'Hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n    @if (errorDay || errorMonth || errorYear) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errorDay || errorMonth || errorYear }}\n      </p>\n    }\n    <div class=\"govuk-date-input\" id=\"passport-issued\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.day.inputId\">\n            {{ dateInputs.day.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.day.inputClasses }}\"\n            [class.govuk-input--error]=\"errorDay && errorDay !== null\"\n            [id]=\"dateInputs.day.inputId\"\n            [name]=\"dateInputs.day.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.day.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.month.inputId\">\n            {{ dateInputs.month.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.month.inputClasses }}\"\n            [class.govuk-input--error]=\"errorMonth && errorMonth !== null\"\n            [id]=\"dateInputs.month.inputId\"\n            [name]=\"dateInputs.month.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.month.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.year.inputId\">\n            {{ dateInputs.year.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.year.inputClasses }}\"\n            [class.govuk-input--error]=\"errorYear && errorYear !== null\"\n            [id]=\"dateInputs.year.inputId\"\n            [name]=\"dateInputs.year.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            formControlName=\"{{ dateInputs.year.inputId }}\"\n          />\n        </div>\n      </div>\n    </div>\n  </fieldset>\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-details.mjs

@@ -3,10 +3,10 @@ import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
 
 class GovukDetailsComponent {
     summaryText;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GovukDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: GovukDetailsComponent, isStandalone: true, selector: "opal-lib-govuk-details", inputs: { summaryText: "summaryText" }, ngImport: i0, template: "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\"> {{ summaryText }} </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    <ng-content></ng-content>\n  </div>\n</details>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: GovukDetailsComponent, isStandalone: true, selector: "opal-lib-govuk-details", inputs: { summaryText: "summaryText" }, ngImport: i0, template: "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\"> {{ summaryText }} </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    <ng-content></ng-content>\n  </div>\n</details>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GovukDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: GovukDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-details', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\"> {{ summaryText }} </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    <ng-content></ng-content>\n  </div>\n</details>\n" }]
         }], propDecorators: { summaryText: [{

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-details.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-details/govuk-details.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-details/govuk-details.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-details/hmcts-opal-frontend-common-components-govuk-govuk-details.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-details',\n  imports: [],\n  templateUrl: './govuk-details.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukDetailsComponent {\n  @Input({ required: true }) summaryText!: string;\n}\n","<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\"> {{ summaryText }} </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    <ng-content></ng-content>\n  </div>\n</details>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAQa,qBAAqB,CAAA;AACL,IAAA,WAAW;uGAD3B,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,0HCRlC,yQAQA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDAa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,EACzB,OAAA,EAAA,EAAE,EAEM,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,yQAAA,EAAA;8BAGpB,WAAW,EAAA,CAAA;sBAArC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;;AET3B;;AAEG;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-details.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-details/govuk-details.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-details/govuk-details.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-details/hmcts-opal-frontend-common-components-govuk-govuk-details.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-details',\n  imports: [],\n  templateUrl: './govuk-details.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukDetailsComponent {\n  @Input({ required: true }) summaryText!: string;\n}\n","<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\"> {{ summaryText }} </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    <ng-content></ng-content>\n  </div>\n</details>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAQa,qBAAqB,CAAA;AACL,IAAA,WAAW;wGAD3B,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,0HCRlC,yQAQA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDAa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,EACzB,OAAA,EAAA,EAAE,EAEM,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,yQAAA,EAAA;8BAGpB,WAAW,EAAA,CAAA;sBAArC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;;AET3B;;AAEG;;;;"}