@hmcts/opal-frontend-common 0.0.56 → 0.0.58

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

@@ -1,31 +1,24 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { Input, ChangeDetectionStrategy, Component, HostBinding, inject, ElementRef, afterNextRender } from '@angular/core';
+import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
 
 class GovukRadiosConditionalComponent {
+    /**
+     * Id used by aria-controls to connect a radio input to this conditional panel.
+     */
     conditionalId;
-    class = 'govuk-radios__conditional';
-    id;
-    ngOnInit() {
-        this.id = `${this.conditionalId}-conditional`;
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GovukRadiosConditionalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: GovukRadiosConditionalComponent, isStandalone: true, selector: "opal-lib-govuk-radios-conditional, [opal-lib-govuk-radios-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 ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: GovukRadiosConditionalComponent, isStandalone: true, selector: "opal-lib-govuk-radios-conditional, [opal-lib-govuk-radios-conditional]", inputs: { conditionalId: "conditionalId" }, ngImport: i0, template: "<div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" [id]=\"conditionalId\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GovukRadiosConditionalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'opal-lib-govuk-radios-conditional, [opal-lib-govuk-radios-conditional]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
+            args: [{ selector: 'opal-lib-govuk-radios-conditional, [opal-lib-govuk-radios-conditional]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" [id]=\"conditionalId\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { conditionalId: [{
                 type: Input,
                 args: [{ required: true }]
-            }], class: [{
-                type: HostBinding,
-                args: ['class']
-            }], id: [{
-                type: HostBinding,
-                args: ['id']
             }] } });
 
 class GovukRadiosDividerComponent {
@@ -47,20 +40,71 @@ class GovukRadiosItemComponent {
     inputValue;
     inputValueHint;
     ariaControls;
+    /**
+     * Assigns the FormControl used to bind the radio input.
+     * @param abstractControl - Control instance from the parent form group.
+     * @remarks Casts to FormControl for template binding.
+     */
     set control(abstractControl) {
         // Form controls are passed in as abstract controls, we need to re-cast it.
         this._control = abstractControl;
     }
     class = 'govuk-radios__item';
+    /**
+     * Exposes the bound FormControl to the template.
+     */
     get getControl() {
         return this._control;
     }
+    /**
+     * Normalizes the input name for safe binding.
+     * @returns Trimmed input name or empty string.
+     */
+    get resolvedInputName() {
+        return this.inputName?.trim() ?? '';
+    }
+    /**
+     * Ensures the radio input id is prefixed with the input name when needed.
+     * @returns Normalized id used by the input and label.
+     */
+    get resolvedInputId() {
+        const baseId = this.inputId?.trim() ?? '';
+        const inputName = this.resolvedInputName;
+        const prefix = inputName ? `${inputName}-` : '';
+        if (!baseId || !prefix || baseId === inputName || baseId.startsWith(prefix)) {
+            return baseId;
+        }
+        return `${prefix}${baseId}`;
+    }
+    /**
+     * Normalizes aria-controls to avoid empty attributes.
+     * @returns Trimmed value or null when not provided.
+     */
+    get dataAriaControls() {
+        const controls = this.ariaControls?.trim();
+        return controls || null;
+    }
+    /**
+     * Exposes the radio value for Angular's RadioControlValueAccessor.
+     * IMPORTANT: keep the original type (e.g. boolean) so Reactive Forms emits the correct value.
+     */
+    get resolvedInputValue() {
+        return this.inputValue;
+    }
+    /**
+     * Normalizes the radio value to a string for the HTML attribute binding.
+     * @returns String value for the input's `value` attribute.
+     */
+    get resolvedInputValueAttr() {
+        const v = this.inputValue;
+        return typeof v === 'string' ? v : String(v);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GovukRadiosItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: GovukRadiosItemComponent, isStandalone: true, selector: "opal-lib-govuk-radios-item, [opal-lib-govuk-radios-item]", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", inputValue: "inputValue", inputValueHint: "inputValueHint", ariaControls: "ariaControls", control: "control" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<input\n  class=\"govuk-radios__input {{ inputClasses }}\"\n  [id]=\"inputId\"\n  [name]=\"inputName\"\n  [formControl]=\"getControl\"\n  type=\"radio\"\n  [value]=\"inputValue\"\n  [attr.data-aria-controls]=\"ariaControls\"\n  [attr.aria-describedby]=\"inputValueHint ? inputId + '-item-hint' : null\"\n/>\n<label class=\"govuk-label govuk-radios__label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n@if (inputValueHint) {\n  <div id=\"{{ inputId }}-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n    {{ inputValueHint }}\n  </div>\n}\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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: GovukRadiosItemComponent, isStandalone: true, selector: "opal-lib-govuk-radios-item, [opal-lib-govuk-radios-item]", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", inputValue: "inputValue", inputValueHint: "inputValueHint", ariaControls: "ariaControls", control: "control" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<input\n  class=\"govuk-radios__input {{ inputClasses }}\"\n  [id]=\"resolvedInputId\"\n  [name]=\"resolvedInputName\"\n  [attr.name]=\"resolvedInputName\"\n  [formControl]=\"getControl\"\n  type=\"radio\"\n  [value]=\"resolvedInputValue\"\n  [attr.value]=\"resolvedInputValueAttr\"\n  [attr.aria-controls]=\"dataAriaControls || null\"\n  [attr.aria-describedby]=\"inputValueHint ? resolvedInputId + '-item-hint' : null\"\n/>\n<label class=\"govuk-label govuk-radios__label {{ labelClasses }}\" [for]=\"resolvedInputId\"> {{ labelText }} </label>\n@if (inputValueHint) {\n  <div id=\"{{ resolvedInputId }}-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n    {{ inputValueHint }}\n  </div>\n}\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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GovukRadiosItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'opal-lib-govuk-radios-item, [opal-lib-govuk-radios-item]', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n  class=\"govuk-radios__input {{ inputClasses }}\"\n  [id]=\"inputId\"\n  [name]=\"inputName\"\n  [formControl]=\"getControl\"\n  type=\"radio\"\n  [value]=\"inputValue\"\n  [attr.data-aria-controls]=\"ariaControls\"\n  [attr.aria-describedby]=\"inputValueHint ? inputId + '-item-hint' : null\"\n/>\n<label class=\"govuk-label govuk-radios__label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n@if (inputValueHint) {\n  <div id=\"{{ inputId }}-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n    {{ inputValueHint }}\n  </div>\n}\n" }]
+            args: [{ selector: 'opal-lib-govuk-radios-item, [opal-lib-govuk-radios-item]', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n  class=\"govuk-radios__input {{ inputClasses }}\"\n  [id]=\"resolvedInputId\"\n  [name]=\"resolvedInputName\"\n  [attr.name]=\"resolvedInputName\"\n  [formControl]=\"getControl\"\n  type=\"radio\"\n  [value]=\"resolvedInputValue\"\n  [attr.value]=\"resolvedInputValueAttr\"\n  [attr.aria-controls]=\"dataAriaControls || null\"\n  [attr.aria-describedby]=\"inputValueHint ? resolvedInputId + '-item-hint' : null\"\n/>\n<label class=\"govuk-label govuk-radios__label {{ labelClasses }}\" [for]=\"resolvedInputId\"> {{ labelText }} </label>\n@if (inputValueHint) {\n  <div id=\"{{ resolvedInputId }}-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n    {{ inputValueHint }}\n  </div>\n}\n" }]
         }], propDecorators: { labelText: [{
                 type: Input,
                 args: [{ required: true }]
@@ -94,12 +138,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             }] } });
 
 class GovukRadioComponent {
+    elementRef = inject((ElementRef));
     fieldSetId;
     legendText;
     legendHint;
     legendClasses;
     radioClasses;
     errors;
+    /**
+     * Builds the aria-describedby value for the fieldset based on hint/error ids.
+     * @returns Space-separated id list or null when there is nothing to describe.
+     */
     get describedBy() {
         const ids = [];
         if (this.legendHint) {
@@ -110,13 +159,67 @@ class GovukRadioComponent {
         }
         return ids.length ? ids.join(' ') : null;
     }
+    constructor() {
+        afterNextRender(() => {
+            // Only trigger the render of the component in the browser
+            this.initOuterRadios();
+        });
+    }
+    /**
+     * Initializes govuk-frontend radios behavior for this component's radio group.
+     * Side effects: dynamically imports govuk-frontend, mutates dataset, logs warnings on fallback.
+     */
+    initOuterRadios() {
+        const host = this.elementRef.nativeElement;
+        const rootRadios = host.querySelector('.govuk-radios');
+        if (!rootRadios)
+            return;
+        if (rootRadios.dataset['opalGovukRadiosInitialised'] === 'true')
+            return;
+        rootRadios.dataset['opalGovukRadiosInitialised'] = 'true';
+        this.loadGovukFrontend()
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            .then((module) => {
+            // Prefer Radios constructor for a scoped init
+            const Radios = module.Radios ?? module.radios ?? module.default?.Radios;
+            if (typeof Radios === 'function') {
+                try {
+                    // scoped init for just this root
+                    // eslint-disable-next-line no-new
+                    new Radios(rootRadios);
+                    return;
+                }
+                catch (e) {
+                    console.warn('Govuk Radios constructor failed for rootRadios, falling back to initAll', e);
+                }
+            }
+            // Fallback: prefer module.initAll({ scope }) when available
+            const initAll = module.initAll ?? module.default?.initAll;
+            if (typeof initAll === 'function') {
+                initAll({ scope: rootRadios });
+                return;
+            }
+            console.warn('govuk-frontend radios init not found for rootRadios', module);
+        })
+            .catch((err) => {
+            console.error('Failed to import govuk-frontend for rootRadios init', err);
+        });
+    }
+    /**
+     * Loads the govuk-frontend module.
+     * Wrapped for testability so unit tests can stub the dynamic import.
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    loadGovukFrontend() {
+        return import('govuk-frontend');
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GovukRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: GovukRadioComponent, isStandalone: true, selector: "opal-lib-govuk-radio", inputs: { fieldSetId: "fieldSetId", legendText: "legendText", legendHint: "legendHint", legendClasses: "legendClasses", radioClasses: "radioClasses", errors: "errors" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"describedBy\">\n    @if (legendText) {\n      <legend class=\"govuk-fieldset__legend {{ legendClasses }}\">\n        {{ legendText }}\n      </legend>\n    }\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + '-hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n    <div class=\"govuk-radios {{ radioClasses }}\" data-module=\"govuk-radios\">\n      <ng-content></ng-content>\n    </div>\n  </fieldset>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: GovukRadioComponent, isStandalone: true, selector: "opal-lib-govuk-radio", inputs: { fieldSetId: "fieldSetId", legendText: "legendText", legendHint: "legendHint", legendClasses: "legendClasses", radioClasses: "radioClasses", errors: "errors" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"describedBy\">\n    @if (legendText) {\n      <legend class=\"govuk-fieldset__legend {{ legendClasses }}\">\n        {{ legendText }}\n      </legend>\n    }\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + '-hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n\n    <!-- single reusable radios template -->\n    <ng-template #radiosGroup>\n      <div class=\"govuk-radios {{ radioClasses }}\" data-module=\"govuk-radios\">\n        <ng-content></ng-content>\n      </div>\n    </ng-template>\n\n    <!-- render the radiosGroup inside the fieldset -->\n    <ng-container *ngTemplateOutlet=\"radiosGroup\"></ng-container>\n  </fieldset>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GovukRadioComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'opal-lib-govuk-radio', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"describedBy\">\n    @if (legendText) {\n      <legend class=\"govuk-fieldset__legend {{ legendClasses }}\">\n        {{ legendText }}\n      </legend>\n    }\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + '-hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n    <div class=\"govuk-radios {{ radioClasses }}\" data-module=\"govuk-radios\">\n      <ng-content></ng-content>\n    </div>\n  </fieldset>\n</div>\n" }]
-        }], propDecorators: { fieldSetId: [{
+            args: [{ selector: 'opal-lib-govuk-radio', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"describedBy\">\n    @if (legendText) {\n      <legend class=\"govuk-fieldset__legend {{ legendClasses }}\">\n        {{ legendText }}\n      </legend>\n    }\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + '-hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n\n    <!-- single reusable radios template -->\n    <ng-template #radiosGroup>\n      <div class=\"govuk-radios {{ radioClasses }}\" data-module=\"govuk-radios\">\n        <ng-content></ng-content>\n      </div>\n    </ng-template>\n\n    <!-- render the radiosGroup inside the fieldset -->\n    <ng-container *ngTemplateOutlet=\"radiosGroup\"></ng-container>\n  </fieldset>\n</div>\n" }]
+        }], ctorParameters: () => [], propDecorators: { fieldSetId: [{
                 type: Input,
                 args: [{ required: true }]
             }], legendText: [{

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-radio.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-radio/govuk-radios-conditional/govuk-radios-conditional.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-radio/govuk-radios-conditional/govuk-radios-conditional.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-radio/govuk-radios-divider/govuk-radios-divider.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-radio/govuk-radios-divider/govuk-radios-divider.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-radio/govuk-radios-item/govuk-radios-item.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-radio/govuk-radios-item/govuk-radios-item.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-radio/govuk-radio.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-radio/govuk-radio.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-radio/hmcts-opal-frontend-common-components-govuk-govuk-radio.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-radios-conditional, [opal-lib-govuk-radios-conditional]',\n  imports: [],\n  templateUrl: './govuk-radios-conditional.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukRadiosConditionalComponent implements OnInit {\n  @Input({ required: true }) conditionalId!: string;\n\n  @HostBinding('class') class = 'govuk-radios__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-radios-divider',\n  imports: [],\n  templateUrl: './govuk-radios-divider.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukRadiosDividerComponent {}\n","<div class=\"govuk-radios__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-radios-item, [opal-lib-govuk-radios-item]',\n  imports: [CommonModule, ReactiveFormsModule],\n  templateUrl: './govuk-radios-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukRadiosItemComponent {\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: true }) inputValue!: string | boolean;\n  @Input({ required: false }) inputValueHint!: 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-radios__item';\n\n  get getControl() {\n    return this._control;\n  }\n}\n","<input\n  class=\"govuk-radios__input {{ inputClasses }}\"\n  [id]=\"inputId\"\n  [name]=\"inputName\"\n  [formControl]=\"getControl\"\n  type=\"radio\"\n  [value]=\"inputValue\"\n  [attr.data-aria-controls]=\"ariaControls\"\n  [attr.aria-describedby]=\"inputValueHint ? inputId + '-item-hint' : null\"\n/>\n<label class=\"govuk-label govuk-radios__label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n@if (inputValueHint) {\n  <div id=\"{{ inputId }}-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n    {{ inputValueHint }}\n  </div>\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-radio',\n  imports: [],\n  templateUrl: './govuk-radio.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukRadioComponent {\n  @Input({ required: true }) fieldSetId!: string;\n\n  @Input({ required: false }) legendText!: string;\n  @Input({ required: false }) legendHint!: string;\n  @Input({ required: false }) legendClasses!: string;\n  @Input({ required: false }) radioClasses!: string;\n  @Input({ required: false }) errors!: string | null;\n\n  get describedBy(): string | null {\n    const ids: string[] = [];\n\n    if (this.legendHint) {\n      ids.push(`${this.fieldSetId}-hint`);\n    }\n\n    if (this.errors) {\n      ids.push(`${this.fieldSetId}-error-message`);\n    }\n\n    return ids.length ? ids.join(' ') : null;\n  }\n}\n","<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"describedBy\">\n    @if (legendText) {\n      <legend class=\"govuk-fieldset__legend {{ legendClasses }}\">\n        {{ legendText }}\n      </legend>\n    }\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + '-hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n    <div class=\"govuk-radios {{ radioClasses }}\" data-module=\"govuk-radios\">\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-radio.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-radio/govuk-radios-conditional/govuk-radios-conditional.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-radio/govuk-radios-conditional/govuk-radios-conditional.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-radio/govuk-radios-divider/govuk-radios-divider.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-radio/govuk-radios-divider/govuk-radios-divider.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-radio/govuk-radios-item/govuk-radios-item.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-radio/govuk-radios-item/govuk-radios-item.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-radio/govuk-radio.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-radio/govuk-radio.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-radio/hmcts-opal-frontend-common-components-govuk-govuk-radio.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-radios-conditional, [opal-lib-govuk-radios-conditional]',\n  imports: [],\n  templateUrl: './govuk-radios-conditional.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styleUrls: ['./govuk-radios-conditional.component.scss'],\n})\nexport class GovukRadiosConditionalComponent {\n  /**\n   * Id used by aria-controls to connect a radio input to this conditional panel.\n   */\n  @Input({ required: true }) conditionalId!: string;\n}\n","<div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" [id]=\"conditionalId\">\n  <ng-content></ng-content>\n</div>\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-govuk-radios-divider',\n  imports: [],\n  templateUrl: './govuk-radios-divider.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukRadiosDividerComponent {}\n","<div class=\"govuk-radios__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-radios-item, [opal-lib-govuk-radios-item]',\n  imports: [CommonModule, ReactiveFormsModule],\n  templateUrl: './govuk-radios-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukRadiosItemComponent {\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: true }) inputValue!: string | boolean;\n  @Input({ required: false }) inputValueHint!: string;\n  @Input({ required: false }) ariaControls!: string;\n\n  /**\n   * Assigns the FormControl used to bind the radio input.\n   * @param abstractControl - Control instance from the parent form group.\n   * @remarks Casts to FormControl for template binding.\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-radios__item';\n\n  /**\n   * Exposes the bound FormControl to the template.\n   */\n  get getControl() {\n    return this._control;\n  }\n\n  /**\n   * Normalizes the input name for safe binding.\n   * @returns Trimmed input name or empty string.\n   */\n  get resolvedInputName(): string {\n    return this.inputName?.trim() ?? '';\n  }\n\n  /**\n   * Ensures the radio input id is prefixed with the input name when needed.\n   * @returns Normalized id used by the input and label.\n   */\n  get resolvedInputId(): string {\n    const baseId = this.inputId?.trim() ?? '';\n    const inputName = this.resolvedInputName;\n    const prefix = inputName ? `${inputName}-` : '';\n\n    if (!baseId || !prefix || baseId === inputName || baseId.startsWith(prefix)) {\n      return baseId;\n    }\n\n    return `${prefix}${baseId}`;\n  }\n\n  /**\n   * Normalizes aria-controls to avoid empty attributes.\n   * @returns Trimmed value or null when not provided.\n   */\n  get dataAriaControls(): string | null {\n    const controls = this.ariaControls?.trim();\n    return controls || null;\n  }\n\n  /**\n   * Exposes the radio value for Angular's RadioControlValueAccessor.\n   * IMPORTANT: keep the original type (e.g. boolean) so Reactive Forms emits the correct value.\n   */\n  get resolvedInputValue(): string | boolean {\n    return this.inputValue;\n  }\n\n  /**\n   * Normalizes the radio value to a string for the HTML attribute binding.\n   * @returns String value for the input's `value` attribute.\n   */\n  get resolvedInputValueAttr(): string {\n    const v = this.inputValue;\n    return typeof v === 'string' ? v : String(v);\n  }\n}\n","<input\n  class=\"govuk-radios__input {{ inputClasses }}\"\n  [id]=\"resolvedInputId\"\n  [name]=\"resolvedInputName\"\n  [attr.name]=\"resolvedInputName\"\n  [formControl]=\"getControl\"\n  type=\"radio\"\n  [value]=\"resolvedInputValue\"\n  [attr.value]=\"resolvedInputValueAttr\"\n  [attr.aria-controls]=\"dataAriaControls || null\"\n  [attr.aria-describedby]=\"inputValueHint ? resolvedInputId + '-item-hint' : null\"\n/>\n<label class=\"govuk-label govuk-radios__label {{ labelClasses }}\" [for]=\"resolvedInputId\"> {{ labelText }} </label>\n@if (inputValueHint) {\n  <div id=\"{{ resolvedInputId }}-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n    {{ inputValueHint }}\n  </div>\n}\n","import { afterNextRender, ChangeDetectionStrategy, Component, ElementRef, inject, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'opal-lib-govuk-radio',\n  imports: [CommonModule, ReactiveFormsModule],\n  templateUrl: './govuk-radio.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukRadioComponent {\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n  @Input({ required: true }) fieldSetId!: string;\n  @Input({ required: false }) legendText!: string;\n  @Input({ required: false }) legendHint!: string;\n  @Input({ required: false }) legendClasses!: string;\n  @Input({ required: false }) radioClasses!: string;\n  @Input({ required: false }) errors!: string | null;\n\n  /**\n   * Builds the aria-describedby value for the fieldset based on hint/error ids.\n   * @returns Space-separated id list or null when there is nothing to describe.\n   */\n  get describedBy(): string | null {\n    const ids: string[] = [];\n\n    if (this.legendHint) {\n      ids.push(`${this.fieldSetId}-hint`);\n    }\n\n    if (this.errors) {\n      ids.push(`${this.fieldSetId}-error-message`);\n    }\n\n    return ids.length ? ids.join(' ') : null;\n  }\n\n  constructor() {\n    afterNextRender(() => {\n      // Only trigger the render of the component in the browser\n      this.initOuterRadios();\n    });\n  }\n\n  /**\n   * Initializes govuk-frontend radios behavior for this component's radio group.\n   * Side effects: dynamically imports govuk-frontend, mutates dataset, logs warnings on fallback.\n   */\n  private initOuterRadios(): void {\n    const host = this.elementRef.nativeElement;\n    const rootRadios = host.querySelector('.govuk-radios') as HTMLElement | null;\n    if (!rootRadios) return;\n\n    if (rootRadios.dataset['opalGovukRadiosInitialised'] === 'true') return;\n    rootRadios.dataset['opalGovukRadiosInitialised'] = 'true';\n\n    this.loadGovukFrontend()\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      .then((module: any) => {\n        // Prefer Radios constructor for a scoped init\n        const Radios = module.Radios ?? module.radios ?? module.default?.Radios;\n        if (typeof Radios === 'function') {\n          try {\n            // scoped init for just this root\n            // eslint-disable-next-line no-new\n            new Radios(rootRadios);\n            return;\n          } catch (e) {\n            console.warn('Govuk Radios constructor failed for rootRadios, falling back to initAll', e);\n          }\n        }\n\n        // Fallback: prefer module.initAll({ scope }) when available\n        const initAll = module.initAll ?? module.default?.initAll;\n        if (typeof initAll === 'function') {\n          initAll({ scope: rootRadios });\n          return;\n        }\n\n        console.warn('govuk-frontend radios init not found for rootRadios', module);\n      })\n      .catch((err) => {\n        console.error('Failed to import govuk-frontend for rootRadios init', err);\n      });\n  }\n\n  /**\n   * Loads the govuk-frontend module.\n   * Wrapped for testability so unit tests can stub the dynamic import.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  protected loadGovukFrontend(): Promise<any> {\n    return import('govuk-frontend');\n  }\n}\n","<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <fieldset class=\"govuk-fieldset\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"describedBy\">\n    @if (legendText) {\n      <legend class=\"govuk-fieldset__legend {{ legendClasses }}\">\n        {{ legendText }}\n      </legend>\n    }\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + '-hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n\n    @if (errors) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n      </p>\n    }\n\n    <!-- single reusable radios template -->\n    <ng-template #radiosGroup>\n      <div class=\"govuk-radios {{ radioClasses }}\" data-module=\"govuk-radios\">\n        <ng-content></ng-content>\n      </div>\n    </ng-template>\n\n    <!-- render the radiosGroup inside the fieldset -->\n    <ng-container *ngTemplateOutlet=\"radiosGroup\"></ng-container>\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-tabs-govuk-tabs-list-item.mjs

@@ -12,6 +12,9 @@ class GovukTabsListItemComponent {
     get hostClass() {
         return this.isActive ? 'govuk-tabs__list-item govuk-tabs__list-item--selected' : 'govuk-tabs__list-item';
     }
+    get hostRole() {
+        return 'presentation';
+    }
     /**
      * Resolves the tab item ID, using the tabs prefix when none is provided.
      */
@@ -44,7 +47,7 @@ class GovukTabsListItemComponent {
         this.router.navigate(['./'], { relativeTo: this.route, fragment });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GovukTabsListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: GovukTabsListItemComponent, isStandalone: true, selector: "opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]", inputs: { tabItemId: "tabItemId", tabItemFragment: "tabItemFragment", activeTabItemFragment: "activeTabItemFragment" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n  #tabLink\n  class=\"govuk-tabs__tab\"\n  (click)=\"handleItemClick($event, tabItemFragment)\"\n  [attr.href]=\"'#' + tabItemFragment\"\n  [id]=\"resolvedTabItemId\"\n  role=\"tab\"\n  [attr.aria-controls]=\"tabItemFragment\"\n  [attr.aria-selected]=\"isActive ? 'true' : 'false'\"\n  [attr.tabindex]=\"isActive ? 0 : -1\"\n>\n  <ng-content></ng-content>\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: GovukTabsListItemComponent, isStandalone: true, selector: "opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]", inputs: { tabItemId: "tabItemId", tabItemFragment: "tabItemFragment", activeTabItemFragment: "activeTabItemFragment" }, host: { properties: { "class": "this.hostClass", "attr.role": "this.hostRole" } }, ngImport: i0, template: "<a\n  #tabLink\n  class=\"govuk-tabs__tab\"\n  (click)=\"handleItemClick($event, tabItemFragment)\"\n  [attr.href]=\"'#' + tabItemFragment\"\n  [id]=\"resolvedTabItemId\"\n  role=\"tab\"\n  [attr.aria-controls]=\"tabItemFragment\"\n  [attr.aria-selected]=\"isActive ? 'true' : 'false'\"\n  [attr.tabindex]=\"isActive ? 0 : -1\"\n>\n  <ng-content></ng-content>\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GovukTabsListItemComponent, decorators: [{
             type: Component,
@@ -61,6 +64,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             }], hostClass: [{
                 type: HostBinding,
                 args: ['class']
+            }], hostRole: [{
+                type: HostBinding,
+                args: ['attr.role']
             }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-list-item.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tabs-list-item/govuk-tabs-list-item.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tabs-list-item/govuk-tabs-list-item.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tabs-list-item/hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-list-item.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, inject } from '@angular/core';\nimport { Router, ActivatedRoute } from '@angular/router';\n\n@Component({\n  selector: 'opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]',\n  templateUrl: './govuk-tabs-list-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukTabsListItemComponent {\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n  @Input({ required: false }) public tabItemId?: string;\n  @Input({ required: true }) public tabItemFragment!: string;\n  @Input({ required: true }) public activeTabItemFragment!: string;\n\n  @HostBinding('class')\n  /**\n   * Returns the host class based on active state.\n   */\n  get hostClass(): string {\n    return this.isActive ? 'govuk-tabs__list-item govuk-tabs__list-item--selected' : 'govuk-tabs__list-item';\n  }\n\n  /**\n   * Resolves the tab item ID, using the tabs prefix when none is provided.\n   */\n  get resolvedTabItemId(): string {\n    if (this.tabItemId) {\n      return this.tabItemId;\n    }\n\n    const prefix = this.elementRef.nativeElement.closest('.govuk-tabs')?.id ?? 'tab';\n    return `${prefix}-${this.tabItemFragment}`;\n  }\n\n  /**\n   * Indicates whether this tab matches the active fragment.\n   */\n  get isActive(): boolean {\n    return this.activeTabItemFragment === this.tabItemFragment;\n  }\n\n  /**\n   * Handles the click event of a sub-navigation item.\n   * @param event - The click event.\n   * @param item - The item string.\n   */\n  public handleItemClick(event: Event, item: string): void {\n    event.preventDefault();\n    this.activate(item);\n  }\n\n  /**\n   * Navigates to the provided fragment.\n   */\n  public activate(fragment: string): void {\n    this.router.navigate(['./'], { relativeTo: this.route, fragment });\n  }\n}\n","<a\n  #tabLink\n  class=\"govuk-tabs__tab\"\n  (click)=\"handleItemClick($event, tabItemFragment)\"\n  [attr.href]=\"'#' + tabItemFragment\"\n  [id]=\"resolvedTabItemId\"\n  role=\"tab\"\n  [attr.aria-controls]=\"tabItemFragment\"\n  [attr.aria-selected]=\"isActive ? 'true' : 'false'\"\n  [attr.tabindex]=\"isActive ? 0 : -1\"\n>\n  <ng-content></ng-content>\n</a>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAQa,0BAA0B,CAAA;AACpB,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAC9B,IAAA,UAAU,GAAG,MAAM,EAAC,UAAuB,EAAC;AAE1B,IAAA,SAAS;AACV,IAAA,eAAe;AACf,IAAA,qBAAqB;AAEvD,IAAA,IAII,SAAS,GAAA;QACX,OAAO,IAAI,CAAC,QAAQ,GAAG,uDAAuD,GAAG,uBAAuB;IAC1G;AAEA;;AAEG;AACH,IAAA,IAAI,iBAAiB,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,OAAO,IAAI,CAAC,SAAS;QACvB;AAEA,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,EAAE,IAAI,KAAK;AAChF,QAAA,OAAO,GAAG,MAAM,CAAA,CAAA,EAAI,IAAI,CAAC,eAAe,EAAE;IAC5C;AAEA;;AAEG;AACH,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,qBAAqB,KAAK,IAAI,CAAC,eAAe;IAC5D;AAEA;;;;AAIG;IACI,eAAe,CAAC,KAAY,EAAE,IAAY,EAAA;QAC/C,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;IACrB;AAEA;;AAEG;AACI,IAAA,QAAQ,CAAC,QAAgB,EAAA;AAC9B,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC;IACpE;wGAnDW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,uSCRvC,iXAaA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDLa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBALtC,SAAS;+BACE,gEAAgE,EAAA,eAAA,EAEzD,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,iXAAA,EAAA;;sBAO9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBAExB,WAAW;uBAAC,OAAO;;;AEjBtB;;AAEG;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-list-item.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tabs-list-item/govuk-tabs-list-item.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tabs-list-item/govuk-tabs-list-item.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tabs-list-item/hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-list-item.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, inject } from '@angular/core';\nimport { Router, ActivatedRoute } from '@angular/router';\n\n@Component({\n  selector: 'opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]',\n  templateUrl: './govuk-tabs-list-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukTabsListItemComponent {\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n  @Input({ required: false }) public tabItemId?: string;\n  @Input({ required: true }) public tabItemFragment!: string;\n  @Input({ required: true }) public activeTabItemFragment!: string;\n\n  @HostBinding('class')\n  /**\n   * Returns the host class based on active state.\n   */\n  get hostClass(): string {\n    return this.isActive ? 'govuk-tabs__list-item govuk-tabs__list-item--selected' : 'govuk-tabs__list-item';\n  }\n\n  @HostBinding('attr.role')\n  /**\n   * Sets the host role attribute.\n   */\n  get hostRole(): string {\n    return 'presentation';\n  }\n\n  /**\n   * Resolves the tab item ID, using the tabs prefix when none is provided.\n   */\n  get resolvedTabItemId(): string {\n    if (this.tabItemId) {\n      return this.tabItemId;\n    }\n\n    const prefix = this.elementRef.nativeElement.closest('.govuk-tabs')?.id ?? 'tab';\n    return `${prefix}-${this.tabItemFragment}`;\n  }\n\n  /**\n   * Indicates whether this tab matches the active fragment.\n   */\n  get isActive(): boolean {\n    return this.activeTabItemFragment === this.tabItemFragment;\n  }\n\n  /**\n   * Handles the click event of a sub-navigation item.\n   * @param event - The click event.\n   * @param item - The item string.\n   */\n  public handleItemClick(event: Event, item: string): void {\n    event.preventDefault();\n    this.activate(item);\n  }\n\n  /**\n   * Navigates to the provided fragment.\n   */\n  public activate(fragment: string): void {\n    this.router.navigate(['./'], { relativeTo: this.route, fragment });\n  }\n}\n","<a\n  #tabLink\n  class=\"govuk-tabs__tab\"\n  (click)=\"handleItemClick($event, tabItemFragment)\"\n  [attr.href]=\"'#' + tabItemFragment\"\n  [id]=\"resolvedTabItemId\"\n  role=\"tab\"\n  [attr.aria-controls]=\"tabItemFragment\"\n  [attr.aria-selected]=\"isActive ? 'true' : 'false'\"\n  [attr.tabindex]=\"isActive ? 0 : -1\"\n>\n  <ng-content></ng-content>\n</a>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAQa,0BAA0B,CAAA;AACpB,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAC9B,IAAA,UAAU,GAAG,MAAM,EAAC,UAAuB,EAAC;AAE1B,IAAA,SAAS;AACV,IAAA,eAAe;AACf,IAAA,qBAAqB;AAEvD,IAAA,IAII,SAAS,GAAA;QACX,OAAO,IAAI,CAAC,QAAQ,GAAG,uDAAuD,GAAG,uBAAuB;IAC1G;AAEA,IAAA,IAII,QAAQ,GAAA;AACV,QAAA,OAAO,cAAc;IACvB;AAEA;;AAEG;AACH,IAAA,IAAI,iBAAiB,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,OAAO,IAAI,CAAC,SAAS;QACvB;AAEA,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,EAAE,IAAI,KAAK;AAChF,QAAA,OAAO,GAAG,MAAM,CAAA,CAAA,EAAI,IAAI,CAAC,eAAe,EAAE;IAC5C;AAEA;;AAEG;AACH,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,qBAAqB,KAAK,IAAI,CAAC,eAAe;IAC5D;AAEA;;;;AAIG;IACI,eAAe,CAAC,KAAY,EAAE,IAAY,EAAA;QAC/C,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;IACrB;AAEA;;AAEG;AACI,IAAA,QAAQ,CAAC,QAAgB,EAAA;AAC9B,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC;IACpE;wGA3DW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,qUCRvC,iXAaA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDLa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBALtC,SAAS;+BACE,gEAAgE,EAAA,eAAA,EAEzD,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,iXAAA,EAAA;;sBAO9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBAExB,WAAW;uBAAC,OAAO;;sBAQnB,WAAW;uBAAC,WAAW;;;AEzB1B;;AAEG;;;;"}

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

@@ -16,6 +16,12 @@ class GovukTabsComponent {
     get titleId() {
         return `${this.tabId}-title`;
     }
+    /*
+     * Returns the role attribute for the tabs list.
+     */
+    get role() {
+        return 'tablist';
+    }
     /**
      * Subscribes to URL fragment changes and emits active tab updates.
      */
@@ -45,11 +51,11 @@ class GovukTabsComponent {
         this.ngUnsubscribe.complete();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GovukTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: GovukTabsComponent, isStandalone: true, selector: "opal-lib-govuk-tabs", inputs: { tabId: "tabId", titleText: "titleText" }, outputs: { activeTabFragmentChange: "activeTabFragmentChange" }, ngImport: i0, template: "<div class=\"govuk-tabs govuk-frontend-supported\" data-module=\"govuk-tabs\" [id]=\"tabId\">\n  <h2 class=\"govuk-tabs__title\" [id]=\"titleId\">{{ titleText }}</h2>\n  <ul class=\"govuk-tabs__list\" [attr.aria-labelledby]=\"titleId\">\n    <ng-content select=\"[tab-list-items]\"></ng-content>\n  </ul>\n  <ng-content select=\"[tab-panels]\"></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: GovukTabsComponent, isStandalone: true, selector: "opal-lib-govuk-tabs", inputs: { tabId: "tabId", titleText: "titleText" }, outputs: { activeTabFragmentChange: "activeTabFragmentChange" }, ngImport: i0, template: "<div class=\"govuk-tabs govuk-frontend-supported\" data-module=\"govuk-tabs\" [id]=\"tabId\">\n  <h2 class=\"govuk-tabs__title\" [id]=\"titleId\">{{ titleText }}</h2>\n  <ul class=\"govuk-tabs__list\" [attr.aria-labelledby]=\"titleId\" [attr.role]=\"role\">\n    <ng-content select=\"[tab-list-items]\"></ng-content>\n  </ul>\n  <ng-content select=\"[tab-panels]\"></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GovukTabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'opal-lib-govuk-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-tabs govuk-frontend-supported\" data-module=\"govuk-tabs\" [id]=\"tabId\">\n  <h2 class=\"govuk-tabs__title\" [id]=\"titleId\">{{ titleText }}</h2>\n  <ul class=\"govuk-tabs__list\" [attr.aria-labelledby]=\"titleId\">\n    <ng-content select=\"[tab-list-items]\"></ng-content>\n  </ul>\n  <ng-content select=\"[tab-panels]\"></ng-content>\n</div>\n" }]
+            args: [{ selector: 'opal-lib-govuk-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-tabs govuk-frontend-supported\" data-module=\"govuk-tabs\" [id]=\"tabId\">\n  <h2 class=\"govuk-tabs__title\" [id]=\"titleId\">{{ titleText }}</h2>\n  <ul class=\"govuk-tabs__list\" [attr.aria-labelledby]=\"titleId\" [attr.role]=\"role\">\n    <ng-content select=\"[tab-list-items]\"></ng-content>\n  </ul>\n  <ng-content select=\"[tab-panels]\"></ng-content>\n</div>\n" }]
         }], propDecorators: { tabId: [{
                 type: Input,
                 args: [{ required: false }]

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-tabs.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tabs.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tabs.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-tabs/hmcts-opal-frontend-common-components-govuk-govuk-tabs.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  inject,\n} from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { Subject, takeUntil } from 'rxjs';\n\nlet nextTabsId = 0;\n\n@Component({\n  selector: 'opal-lib-govuk-tabs',\n  templateUrl: './govuk-tabs.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukTabsComponent implements OnInit, OnDestroy {\n  private readonly route = inject(ActivatedRoute);\n  private readonly ngUnsubscribe = new Subject<void>();\n\n  @Input({ required: false }) public tabId = `govuk-tabs-${++nextTabsId}`;\n  @Input({ required: false }) public titleText = 'Contents';\n  @Output() public activeTabFragmentChange = new EventEmitter<string>();\n\n  /**\n   * Returns the ID for the tabs title element.\n   */\n  get titleId(): string {\n    return `${this.tabId}-title`;\n  }\n\n  /**\n   * Subscribes to URL fragment changes and emits active tab updates.\n   */\n  private setupListeners(): void {\n    this.route.fragment.pipe(takeUntil(this.ngUnsubscribe)).subscribe((fragment) => {\n      if (fragment) {\n        this.activeTabFragmentChange.emit(fragment);\n      }\n    });\n  }\n\n  /**\n   * Angular lifecycle hook that is called after the component's data-bound properties have been initialized.\n   * Initializes the component by setting up necessary event listeners.\n   *\n   * @remarks\n   * This method is part of the Angular OnInit lifecycle interface.\n   */\n  public ngOnInit(): void {\n    this.setupListeners();\n  }\n\n  /**\n   * Lifecycle hook that is called when the component is about to be destroyed.\n   * Unsubscribes from the route fragment subscription.\n   */\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  // GOV.UK tabs keyboard navigation is handled by govuk-frontend JavaScript when enabled.\n}\n","<div class=\"govuk-tabs govuk-frontend-supported\" data-module=\"govuk-tabs\" [id]=\"tabId\">\n  <h2 class=\"govuk-tabs__title\" [id]=\"titleId\">{{ titleText }}</h2>\n  <ul class=\"govuk-tabs__list\" [attr.aria-labelledby]=\"titleId\">\n    <ng-content select=\"[tab-list-items]\"></ng-content>\n  </ul>\n  <ng-content select=\"[tab-panels]\"></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAaA,IAAI,UAAU,GAAG,CAAC;MAOL,kBAAkB,CAAA;AACZ,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAC9B,IAAA,aAAa,GAAG,IAAI,OAAO,EAAQ;AAEjB,IAAA,KAAK,GAAG,CAAA,WAAA,EAAc,EAAE,UAAU,EAAE;IACpC,SAAS,GAAG,UAAU;AACxC,IAAA,uBAAuB,GAAG,IAAI,YAAY,EAAU;AAErE;;AAEG;AACH,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,CAAA,EAAG,IAAI,CAAC,KAAK,QAAQ;IAC9B;AAEA;;AAEG;IACK,cAAc,GAAA;QACpB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,QAAQ,KAAI;YAC7E,IAAI,QAAQ,EAAE;AACZ,gBAAA,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC7C;AACF,QAAA,CAAC,CAAC;IACJ;AAEA;;;;;;AAMG;IACI,QAAQ,GAAA;QACb,IAAI,CAAC,cAAc,EAAE;IACvB;AAEA;;;AAGG;IACI,WAAW,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;AACzB,QAAA,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE;IAC/B;wGA5CW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,oMCpB/B,iXAOA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDaa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;+BACE,qBAAqB,EAAA,eAAA,EAEd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,iXAAA,EAAA;;sBAM9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB;;;AE1BH;;AAEG;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-components-govuk-govuk-tabs.mjs","sources":["../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tabs.component.ts","../../../projects/opal-frontend-common/components/govuk/govuk-tabs/govuk-tabs.component.html","../../../projects/opal-frontend-common/components/govuk/govuk-tabs/hmcts-opal-frontend-common-components-govuk-govuk-tabs.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  inject,\n} from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { Subject, takeUntil } from 'rxjs';\n\nlet nextTabsId = 0;\n\n@Component({\n  selector: 'opal-lib-govuk-tabs',\n  templateUrl: './govuk-tabs.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class GovukTabsComponent implements OnInit, OnDestroy {\n  private readonly route = inject(ActivatedRoute);\n  private readonly ngUnsubscribe = new Subject<void>();\n\n  @Input({ required: false }) public tabId = `govuk-tabs-${++nextTabsId}`;\n  @Input({ required: false }) public titleText = 'Contents';\n  @Output() public activeTabFragmentChange = new EventEmitter<string>();\n\n  /**\n   * Returns the ID for the tabs title element.\n   */\n  get titleId(): string {\n    return `${this.tabId}-title`;\n  }\n\n  /*\n   * Returns the role attribute for the tabs list.\n   */\n  get role(): string {\n    return 'tablist';\n  }\n\n  /**\n   * Subscribes to URL fragment changes and emits active tab updates.\n   */\n  private setupListeners(): void {\n    this.route.fragment.pipe(takeUntil(this.ngUnsubscribe)).subscribe((fragment) => {\n      if (fragment) {\n        this.activeTabFragmentChange.emit(fragment);\n      }\n    });\n  }\n\n  /**\n   * Angular lifecycle hook that is called after the component's data-bound properties have been initialized.\n   * Initializes the component by setting up necessary event listeners.\n   *\n   * @remarks\n   * This method is part of the Angular OnInit lifecycle interface.\n   */\n  public ngOnInit(): void {\n    this.setupListeners();\n  }\n\n  /**\n   * Lifecycle hook that is called when the component is about to be destroyed.\n   * Unsubscribes from the route fragment subscription.\n   */\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  // GOV.UK tabs keyboard navigation is handled by govuk-frontend JavaScript when enabled.\n}\n","<div class=\"govuk-tabs govuk-frontend-supported\" data-module=\"govuk-tabs\" [id]=\"tabId\">\n  <h2 class=\"govuk-tabs__title\" [id]=\"titleId\">{{ titleText }}</h2>\n  <ul class=\"govuk-tabs__list\" [attr.aria-labelledby]=\"titleId\" [attr.role]=\"role\">\n    <ng-content select=\"[tab-list-items]\"></ng-content>\n  </ul>\n  <ng-content select=\"[tab-panels]\"></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAaA,IAAI,UAAU,GAAG,CAAC;MAOL,kBAAkB,CAAA;AACZ,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAC9B,IAAA,aAAa,GAAG,IAAI,OAAO,EAAQ;AAEjB,IAAA,KAAK,GAAG,CAAA,WAAA,EAAc,EAAE,UAAU,EAAE;IACpC,SAAS,GAAG,UAAU;AACxC,IAAA,uBAAuB,GAAG,IAAI,YAAY,EAAU;AAErE;;AAEG;AACH,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,CAAA,EAAG,IAAI,CAAC,KAAK,QAAQ;IAC9B;AAEA;;AAEG;AACH,IAAA,IAAI,IAAI,GAAA;AACN,QAAA,OAAO,SAAS;IAClB;AAEA;;AAEG;IACK,cAAc,GAAA;QACpB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,QAAQ,KAAI;YAC7E,IAAI,QAAQ,EAAE;AACZ,gBAAA,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC7C;AACF,QAAA,CAAC,CAAC;IACJ;AAEA;;;;;;AAMG;IACI,QAAQ,GAAA;QACb,IAAI,CAAC,cAAc,EAAE;IACvB;AAEA;;;AAGG;IACI,WAAW,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;AACzB,QAAA,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE;IAC/B;wGAnDW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,oMCpB/B,sYAOA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDaa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;+BACE,qBAAqB,EAAA,eAAA,EAEd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,sYAAA,EAAA;;sBAM9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB;;;AE1BH;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/opal-frontend-common",
-  "version": "0.0.56",
+  "version": "0.0.58",
   "license": "MIT",
   "repository": {
     "type": "git",

package/types/hmcts-opal-frontend-common-components-govuk-govuk-radio.d.ts

@@ -1,12 +1,11 @@
 import * as i0 from '@angular/core';
-import { OnInit } from '@angular/core';
 import { AbstractControl, FormControl } from '@angular/forms';
 
-declare class GovukRadiosConditionalComponent implements OnInit {
+declare class GovukRadiosConditionalComponent {
+    /**
+     * Id used by aria-controls to connect a radio input to this conditional panel.
+     */
     conditionalId: string;
-    class: string;
-    id: string;
-    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukRadiosConditionalComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GovukRadiosConditionalComponent, "opal-lib-govuk-radios-conditional, [opal-lib-govuk-radios-conditional]", never, { "conditionalId": { "alias": "conditionalId"; "required": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -26,21 +25,70 @@ declare class GovukRadiosItemComponent {
     inputValue: string | boolean;
     inputValueHint: string;
     ariaControls: string;
+    /**
+     * Assigns the FormControl used to bind the radio input.
+     * @param abstractControl - Control instance from the parent form group.
+     * @remarks Casts to FormControl for template binding.
+     */
     set control(abstractControl: AbstractControl | null);
     class: string;
+    /**
+     * Exposes the bound FormControl to the template.
+     */
     get getControl(): FormControl<any>;
+    /**
+     * Normalizes the input name for safe binding.
+     * @returns Trimmed input name or empty string.
+     */
+    get resolvedInputName(): string;
+    /**
+     * Ensures the radio input id is prefixed with the input name when needed.
+     * @returns Normalized id used by the input and label.
+     */
+    get resolvedInputId(): string;
+    /**
+     * Normalizes aria-controls to avoid empty attributes.
+     * @returns Trimmed value or null when not provided.
+     */
+    get dataAriaControls(): string | null;
+    /**
+     * Exposes the radio value for Angular's RadioControlValueAccessor.
+     * IMPORTANT: keep the original type (e.g. boolean) so Reactive Forms emits the correct value.
+     */
+    get resolvedInputValue(): string | boolean;
+    /**
+     * Normalizes the radio value to a string for the HTML attribute binding.
+     * @returns String value for the input's `value` attribute.
+     */
+    get resolvedInputValueAttr(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukRadiosItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GovukRadiosItemComponent, "opal-lib-govuk-radios-item, [opal-lib-govuk-radios-item]", never, { "labelText": { "alias": "labelText"; "required": true; }; "labelClasses": { "alias": "labelClasses"; "required": false; }; "inputId": { "alias": "inputId"; "required": true; }; "inputName": { "alias": "inputName"; "required": true; }; "inputClasses": { "alias": "inputClasses"; "required": false; }; "inputValue": { "alias": "inputValue"; "required": true; }; "inputValueHint": { "alias": "inputValueHint"; "required": false; }; "ariaControls": { "alias": "ariaControls"; "required": false; }; "control": { "alias": "control"; "required": true; }; }, {}, never, never, true, never>;
 }
 
 declare class GovukRadioComponent {
+    private readonly elementRef;
     fieldSetId: string;
     legendText: string;
     legendHint: string;
     legendClasses: string;
     radioClasses: string;
     errors: string | null;
+    /**
+     * Builds the aria-describedby value for the fieldset based on hint/error ids.
+     * @returns Space-separated id list or null when there is nothing to describe.
+     */
     get describedBy(): string | null;
+    constructor();
+    /**
+     * Initializes govuk-frontend radios behavior for this component's radio group.
+     * Side effects: dynamically imports govuk-frontend, mutates dataset, logs warnings on fallback.
+     */
+    private initOuterRadios;
+    /**
+     * Loads the govuk-frontend module.
+     * Wrapped for testability so unit tests can stub the dynamic import.
+     */
+    protected loadGovukFrontend(): Promise<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukRadioComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GovukRadioComponent, "opal-lib-govuk-radio", never, { "fieldSetId": { "alias": "fieldSetId"; "required": true; }; "legendText": { "alias": "legendText"; "required": false; }; "legendHint": { "alias": "legendHint"; "required": false; }; "legendClasses": { "alias": "legendClasses"; "required": false; }; "radioClasses": { "alias": "radioClasses"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/types/hmcts-opal-frontend-common-components-govuk-govuk-tabs-govuk-tabs-list-item.d.ts

@@ -8,6 +8,7 @@ declare class GovukTabsListItemComponent {
     tabItemFragment: string;
     activeTabItemFragment: string;
     get hostClass(): string;
+    get hostRole(): string;
     /**
      * Resolves the tab item ID, using the tabs prefix when none is provided.
      */

package/types/hmcts-opal-frontend-common-components-govuk-govuk-tabs.d.ts

@@ -11,6 +11,7 @@ declare class GovukTabsComponent implements OnInit, OnDestroy {
      * Returns the ID for the tabs title element.
      */
     get titleId(): string;
+    get role(): string;
     /**
      * Subscribes to URL fragment changes and emits active tab updates.
      */