@hmcts/opal-frontend-common 0.0.57 → 0.0.59

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":";;;;;;;MASa,+BAA+B,CAAA;AAC1C;;AAEG;AACwB,IAAA,aAAa;wGAJ7B,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA/B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,+BAA+B,8KCT5C,2IAGA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDMa,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAP3C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wEAAwE,EAAA,OAAA,EACzE,EAAE,EAAA,eAAA,EAEM,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2IAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;sBAO9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;;MELd,2BAA2B,CAAA;wGAA3B,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA3B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2BAA2B,yFCRxC,wEACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDOa,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBANvC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,+BAA+B,EAAA,OAAA,EAChC,EAAE,EAAA,eAAA,EAEM,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wEAAA,EAAA;;;MEIpC,wBAAwB,CAAA;AAC3B,IAAA,QAAQ;AAEW,IAAA,SAAS;AACR,IAAA,YAAY;AACb,IAAA,OAAO;AACP,IAAA,SAAS;AACR,IAAA,YAAY;AACb,IAAA,UAAU;AACT,IAAA,cAAc;AACd,IAAA,YAAY;AAExC;;;;AAIG;IACH,IAA+B,OAAO,CAAC,eAAuC,EAAA;;AAE5E,QAAA,IAAI,CAAC,QAAQ,GAAG,eAA8B;IAChD;IAEsB,KAAK,GAAG,oBAAoB;AAElD;;AAEG;AACH,IAAA,IAAI,UAAU,GAAA;QACZ,OAAO,IAAI,CAAC,QAAQ;IACtB;AAEA;;;AAGG;AACH,IAAA,IAAI,iBAAiB,GAAA;QACnB,OAAO,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE;IACrC;AAEA;;;AAGG;AACH,IAAA,IAAI,eAAe,GAAA;QACjB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE;AACzC,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,iBAAiB;AACxC,QAAA,MAAM,MAAM,GAAG,SAAS,GAAG,CAAA,EAAG,SAAS,CAAA,CAAA,CAAG,GAAG,EAAE;AAE/C,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;AAC3E,YAAA,OAAO,MAAM;QACf;AAEA,QAAA,OAAO,CAAA,EAAG,MAAM,CAAA,EAAG,MAAM,EAAE;IAC7B;AAEA;;;AAGG;AACH,IAAA,IAAI,gBAAgB,GAAA;QAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE;QAC1C,OAAO,QAAQ,IAAI,IAAI;IACzB;AAEA;;;AAGG;AACH,IAAA,IAAI,kBAAkB,GAAA;QACpB,OAAO,IAAI,CAAC,UAAU;IACxB;AAEA;;;AAGG;AACH,IAAA,IAAI,sBAAsB,GAAA;AACxB,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,UAAU;AACzB,QAAA,OAAO,OAAO,CAAC,KAAK,QAAQ,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;IAC9C;wGA/EW,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,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0DAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,cAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVrC,6rBAkBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDZY,YAAY,8BAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,8FAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,iBAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAIhC,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,SAAS;+BACE,0DAA0D,EAAA,OAAA,EAC3D,CAAC,YAAY,EAAE,mBAAmB,CAAC,EAAA,eAAA,EAE3B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6rBAAA,EAAA;;sBAK9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBAOzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBAKxB,WAAW;uBAAC,OAAO;;;MEtBT,mBAAmB,CAAA;AACb,IAAA,UAAU,GAAG,MAAM,EAAC,UAAuB,EAAC;AAElC,IAAA,UAAU;AACT,IAAA,UAAU;AACV,IAAA,UAAU;AACV,IAAA,aAAa;AACb,IAAA,YAAY;AACZ,IAAA,MAAM;AAElC;;;AAGG;AACH,IAAA,IAAI,WAAW,GAAA;QACb,MAAM,GAAG,GAAa,EAAE;AAExB,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,GAAG,CAAC,IAAI,CAAC,CAAA,EAAG,IAAI,CAAC,UAAU,CAAA,KAAA,CAAO,CAAC;QACrC;AAEA,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,GAAG,CAAC,IAAI,CAAC,CAAA,EAAG,IAAI,CAAC,UAAU,CAAA,cAAA,CAAgB,CAAC;QAC9C;AAEA,QAAA,OAAO,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI;IAC1C;AAEA,IAAA,WAAA,GAAA;QACE,eAAe,CAAC,MAAK;;YAEnB,IAAI,CAAC,eAAe,EAAE;AACxB,QAAA,CAAC,CAAC;IACJ;AAEA;;;AAGG;IACK,eAAe,GAAA;AACrB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;QAC1C,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,eAAe,CAAuB;AAC5E,QAAA,IAAI,CAAC,UAAU;YAAE;AAEjB,QAAA,IAAI,UAAU,CAAC,OAAO,CAAC,4BAA4B,CAAC,KAAK,MAAM;YAAE;AACjE,QAAA,UAAU,CAAC,OAAO,CAAC,4BAA4B,CAAC,GAAG,MAAM;QAEzD,IAAI,CAAC,iBAAiB;;AAEnB,aAAA,IAAI,CAAC,CAAC,MAAW,KAAI;;AAEpB,YAAA,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,OAAO,EAAE,MAAM;AACvE,YAAA,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE;AAChC,gBAAA,IAAI;;;AAGF,oBAAA,IAAI,MAAM,CAAC,UAAU,CAAC;oBACtB;gBACF;gBAAE,OAAO,CAAC,EAAE;AACV,oBAAA,OAAO,CAAC,IAAI,CAAC,yEAAyE,EAAE,CAAC,CAAC;gBAC5F;YACF;;YAGA,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,EAAE,OAAO;AACzD,YAAA,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE;AACjC,gBAAA,OAAO,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;gBAC9B;YACF;AAEA,YAAA,OAAO,CAAC,IAAI,CAAC,qDAAqD,EAAE,MAAM,CAAC;AAC7E,QAAA,CAAC;AACA,aAAA,KAAK,CAAC,CAAC,GAAG,KAAI;AACb,YAAA,OAAO,CAAC,KAAK,CAAC,qDAAqD,EAAE,GAAG,CAAC;AAC3E,QAAA,CAAC,CAAC;IACN;AAEA;;;AAGG;;IAEO,iBAAiB,GAAA;AACzB,QAAA,OAAO,OAAO,gBAAgB,CAAC;IACjC;wGApFW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,aAAA,EAAA,eAAA,EAAA,YAAA,EAAA,cAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVhC,oiCA8BA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDxBY,YAAY,uMAAE,mBAAmB,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAIhC,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;+BACE,sBAAsB,EAAA,OAAA,EACvB,CAAC,YAAY,EAAE,mBAAmB,CAAC,EAAA,eAAA,EAE3B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,oiCAAA,EAAA;;sBAK9C,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;sBACzB,KAAK;uBAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;AElB5B;;AAEG;;;;"}

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-pagination.mjs

@@ -123,6 +123,9 @@ class MojPaginationComponent {
         if (event) {
             event.preventDefault();
         }
+        if (page === this.currentPage) {
+            return;
+        }
         this.changePage.emit(page);
     }
     /**
@@ -133,11 +136,11 @@ class MojPaginationComponent {
         this.calculatePages();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MojPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: MojPaginationComponent, isStandalone: true, selector: "opal-lib-moj-pagination", inputs: { id: "id", currentPage: "currentPage", total: "total", limit: "limit" }, outputs: { changePage: "changePage" }, usesOnChanges: true, ngImport: i0, template: "@if (totalPages > 1) {\n  <nav class=\"moj-pagination moj-pagination-alignment\" aria-label=\"Pagination navigation\" [id]=\"id\">\n    <ul class=\"moj-pagination__list\">\n      @if (currentPage > 1) {\n        <li class=\"moj-pagination__item moj-pagination__item--prev\">\n          <a\n            class=\"moj-pagination__link\"\n            (click)=\"onPageChanged($event, currentPage - 1)\"\n            (keydown.enter)=\"onPageChanged($event, currentPage - 1)\"\n            tabindex=\"0\"\n            >Previous<span class=\"govuk-visually-hidden\"> page</span></a\n          >\n        </li>\n      }\n\n      @for (elipsedPage of elipsedPages(); track elipsedPage) {\n        @switch (elipsedPage) {\n          @case (currentPage) {\n            <li\n              class=\"moj-pagination__item moj-pagination__item--active\"\n              [attr.aria-label]=\"'Page ' + elipsedPage + ' of ' + totalPages\"\n              aria-current=\"page\"\n            >\n              {{ elipsedPage }}\n            </li>\n          }\n          @case (ELIPSIS) {\n            <li class=\"moj-pagination__item moj-pagination__item--dots\">{{ ELIPSIS }}</li>\n          }\n          @default {\n            <li class=\"moj-pagination__item\">\n              <a\n                class=\"moj-pagination__link\"\n                (click)=\"onPageChanged($event, +elipsedPage)\"\n                (keydown.enter)=\"onPageChanged($event, +elipsedPage)\"\n                tabindex=\"0\"\n                [attr.aria-label]=\"'Page ' + elipsedPage + ' of ' + totalPages\"\n              >\n                {{ elipsedPage }}\n              </a>\n            </li>\n          }\n        }\n      }\n\n      @if (currentPage < totalPages) {\n        <li class=\"moj-pagination__item moj-pagination__item--next\">\n          <a\n            class=\"moj-pagination__link\"\n            (click)=\"onPageChanged($event, currentPage + 1)\"\n            (keydown.enter)=\"onPageChanged($event, currentPage + 1)\"\n            tabindex=\"0\"\n          >\n            Next<span class=\"govuk-visually-hidden\"> page</span></a\n          >\n        </li>\n      }\n    </ul>\n    <p class=\"moj-pagination__results govuk-!-text-align-right\">\n      Showing <b>{{ pageStart }}</b> to <b>{{ pageEnd }}</b> of <b>{{ total }}</b> results\n    </p>\n  </nav>\n}\n", styles: [".moj-pagination-alignment{width:100%;display:grid;grid-template-columns:.5fr .5fr}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: MojPaginationComponent, isStandalone: true, selector: "opal-lib-moj-pagination", inputs: { id: "id", currentPage: "currentPage", total: "total", limit: "limit" }, outputs: { changePage: "changePage" }, usesOnChanges: true, ngImport: i0, template: "@if (total > 0 && limit > 0) {\n  <div class=\"moj-pagination\">\n    @if (totalPages > 1) {\n      <nav class=\"govuk-pagination moj-pagination__pagination\" aria-label=\"Pagination\" [id]=\"id\">\n        @if (currentPage > 1) {\n          <div class=\"govuk-pagination__prev\">\n            <a\n              class=\"govuk-link govuk-pagination__link\"\n              href=\"#\"\n              rel=\"prev\"\n              (click)=\"onPageChanged($event, currentPage - 1)\"\n            >\n              <svg\n                class=\"govuk-pagination__icon govuk-pagination__icon--prev\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                height=\"13\"\n                width=\"15\"\n                aria-hidden=\"true\"\n                focusable=\"false\"\n                viewBox=\"0 0 15 13\"\n              >\n                <path\n                  d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"\n                ></path>\n              </svg>\n              <span class=\"govuk-pagination__link-title\">Previous<span class=\"govuk-visually-hidden\"> page</span></span>\n            </a>\n          </div>\n        }\n\n        <ul class=\"govuk-pagination__list\">\n          @for (elipsedPage of elipsedPages(); track elipsedPage) {\n            @if (elipsedPage === ELIPSIS) {\n              <li class=\"govuk-pagination__item govuk-pagination__item--ellipses\">&ctdot;</li>\n            } @else {\n              <li class=\"govuk-pagination__item\" [class.govuk-pagination__item--current]=\"elipsedPage === currentPage\">\n                <a\n                  class=\"govuk-link govuk-pagination__link\"\n                  href=\"#\"\n                  (click)=\"onPageChanged($event, +elipsedPage)\"\n                  [attr.aria-label]=\"'Page ' + elipsedPage\"\n                  [attr.aria-current]=\"elipsedPage === currentPage ? 'page' : null\"\n                >\n                  {{ elipsedPage }}\n                </a>\n              </li>\n            }\n          }\n        </ul>\n\n        @if (currentPage < totalPages) {\n          <div class=\"govuk-pagination__next\">\n            <a\n              class=\"govuk-link govuk-pagination__link\"\n              href=\"#\"\n              rel=\"next\"\n              (click)=\"onPageChanged($event, currentPage + 1)\"\n            >\n              <span class=\"govuk-pagination__link-title\">Next<span class=\"govuk-visually-hidden\"> page</span></span>\n              <svg\n                class=\"govuk-pagination__icon govuk-pagination__icon--next\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                height=\"13\"\n                width=\"15\"\n                aria-hidden=\"true\"\n                focusable=\"false\"\n                viewBox=\"0 0 15 13\"\n              >\n                <path\n                  d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"\n                ></path>\n              </svg>\n            </a>\n          </div>\n        }\n      </nav>\n    }\n    <p class=\"moj-pagination__results\">Showing {{ pageStart }} to {{ pageEnd }} of {{ total }} total results</p>\n  </div>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MojPaginationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'opal-lib-moj-pagination', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (totalPages > 1) {\n  <nav class=\"moj-pagination moj-pagination-alignment\" aria-label=\"Pagination navigation\" [id]=\"id\">\n    <ul class=\"moj-pagination__list\">\n      @if (currentPage > 1) {\n        <li class=\"moj-pagination__item moj-pagination__item--prev\">\n          <a\n            class=\"moj-pagination__link\"\n            (click)=\"onPageChanged($event, currentPage - 1)\"\n            (keydown.enter)=\"onPageChanged($event, currentPage - 1)\"\n            tabindex=\"0\"\n            >Previous<span class=\"govuk-visually-hidden\"> page</span></a\n          >\n        </li>\n      }\n\n      @for (elipsedPage of elipsedPages(); track elipsedPage) {\n        @switch (elipsedPage) {\n          @case (currentPage) {\n            <li\n              class=\"moj-pagination__item moj-pagination__item--active\"\n              [attr.aria-label]=\"'Page ' + elipsedPage + ' of ' + totalPages\"\n              aria-current=\"page\"\n            >\n              {{ elipsedPage }}\n            </li>\n          }\n          @case (ELIPSIS) {\n            <li class=\"moj-pagination__item moj-pagination__item--dots\">{{ ELIPSIS }}</li>\n          }\n          @default {\n            <li class=\"moj-pagination__item\">\n              <a\n                class=\"moj-pagination__link\"\n                (click)=\"onPageChanged($event, +elipsedPage)\"\n                (keydown.enter)=\"onPageChanged($event, +elipsedPage)\"\n                tabindex=\"0\"\n                [attr.aria-label]=\"'Page ' + elipsedPage + ' of ' + totalPages\"\n              >\n                {{ elipsedPage }}\n              </a>\n            </li>\n          }\n        }\n      }\n\n      @if (currentPage < totalPages) {\n        <li class=\"moj-pagination__item moj-pagination__item--next\">\n          <a\n            class=\"moj-pagination__link\"\n            (click)=\"onPageChanged($event, currentPage + 1)\"\n            (keydown.enter)=\"onPageChanged($event, currentPage + 1)\"\n            tabindex=\"0\"\n          >\n            Next<span class=\"govuk-visually-hidden\"> page</span></a\n          >\n        </li>\n      }\n    </ul>\n    <p class=\"moj-pagination__results govuk-!-text-align-right\">\n      Showing <b>{{ pageStart }}</b> to <b>{{ pageEnd }}</b> of <b>{{ total }}</b> results\n    </p>\n  </nav>\n}\n", styles: [".moj-pagination-alignment{width:100%;display:grid;grid-template-columns:.5fr .5fr}\n"] }]
+            args: [{ selector: 'opal-lib-moj-pagination', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (total > 0 && limit > 0) {\n  <div class=\"moj-pagination\">\n    @if (totalPages > 1) {\n      <nav class=\"govuk-pagination moj-pagination__pagination\" aria-label=\"Pagination\" [id]=\"id\">\n        @if (currentPage > 1) {\n          <div class=\"govuk-pagination__prev\">\n            <a\n              class=\"govuk-link govuk-pagination__link\"\n              href=\"#\"\n              rel=\"prev\"\n              (click)=\"onPageChanged($event, currentPage - 1)\"\n            >\n              <svg\n                class=\"govuk-pagination__icon govuk-pagination__icon--prev\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                height=\"13\"\n                width=\"15\"\n                aria-hidden=\"true\"\n                focusable=\"false\"\n                viewBox=\"0 0 15 13\"\n              >\n                <path\n                  d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"\n                ></path>\n              </svg>\n              <span class=\"govuk-pagination__link-title\">Previous<span class=\"govuk-visually-hidden\"> page</span></span>\n            </a>\n          </div>\n        }\n\n        <ul class=\"govuk-pagination__list\">\n          @for (elipsedPage of elipsedPages(); track elipsedPage) {\n            @if (elipsedPage === ELIPSIS) {\n              <li class=\"govuk-pagination__item govuk-pagination__item--ellipses\">&ctdot;</li>\n            } @else {\n              <li class=\"govuk-pagination__item\" [class.govuk-pagination__item--current]=\"elipsedPage === currentPage\">\n                <a\n                  class=\"govuk-link govuk-pagination__link\"\n                  href=\"#\"\n                  (click)=\"onPageChanged($event, +elipsedPage)\"\n                  [attr.aria-label]=\"'Page ' + elipsedPage\"\n                  [attr.aria-current]=\"elipsedPage === currentPage ? 'page' : null\"\n                >\n                  {{ elipsedPage }}\n                </a>\n              </li>\n            }\n          }\n        </ul>\n\n        @if (currentPage < totalPages) {\n          <div class=\"govuk-pagination__next\">\n            <a\n              class=\"govuk-link govuk-pagination__link\"\n              href=\"#\"\n              rel=\"next\"\n              (click)=\"onPageChanged($event, currentPage + 1)\"\n            >\n              <span class=\"govuk-pagination__link-title\">Next<span class=\"govuk-visually-hidden\"> page</span></span>\n              <svg\n                class=\"govuk-pagination__icon govuk-pagination__icon--next\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                height=\"13\"\n                width=\"15\"\n                aria-hidden=\"true\"\n                focusable=\"false\"\n                viewBox=\"0 0 15 13\"\n              >\n                <path\n                  d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"\n                ></path>\n              </svg>\n            </a>\n          </div>\n        }\n      </nav>\n    }\n    <p class=\"moj-pagination__results\">Showing {{ pageStart }} to {{ pageEnd }} of {{ total }} total results</p>\n  </div>\n}\n" }]
         }], propDecorators: { id: [{
                 type: Input,
                 args: [{ required: true }]

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

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-components-moj-moj-pagination.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination.component.ts","../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination.component.html","../../../projects/opal-frontend-common/components/moj/moj-pagination/hmcts-opal-frontend-common-components-moj-moj-pagination.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, Output, signal } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-moj-pagination',\n  templateUrl: './moj-pagination.component.html',\n  styleUrl: './moj-pagination.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojPaginationComponent implements OnChanges {\n  private readonly pages = signal<number[]>([]);\n\n  @Input({ required: true }) id!: string;\n  @Input({ required: true }) currentPage: number = 1;\n  @Input({ required: true }) total: number = 0;\n  @Input({ required: true }) limit: number = 25;\n  @Output() changePage = new EventEmitter<number>();\n\n  public readonly elipsedPages = signal<(number | string)[]>([]);\n  public readonly ELIPSIS = '…';\n\n  /**\n   * Gets the total number of pages available.\n   *\n   * @returns The total count of pages as a number.\n   */\n  get totalPages(): number {\n    return this.pages().length;\n  }\n\n  /**\n   * Gets the starting item index for the current page in a paginated list.\n   *\n   * @returns {number} The index of the first item on the current page, or 0 if there are no items.\n   *\n   * If `total` is 0, returns 0. Otherwise, calculates the starting index based on the current page and the limit per page.\n   */\n  get pageStart(): number {\n    return this.total === 0 ? 0 : (this.currentPage - 1) * this.limit + 1;\n  }\n\n  /**\n   * Gets the index of the last item on the current page.\n   *\n   * @returns {number} The index of the last item displayed on the current page.\n   * Returns 0 if there are no items (`total` is 0). Otherwise, returns the lesser of\n   * `currentPage * limit` and `total`, ensuring the end index does not exceed the total number of items.\n   */\n  get pageEnd(): number {\n    return this.total === 0 ? 0 : Math.min(this.currentPage * this.limit, this.total);\n  }\n\n  /**\n   * Calculates and updates the pagination pages and elided (skipped) pages based on the current limit and total items.\n   *\n   * - If either `limit` or `total` is less than or equal to zero, clears the pages and elided pages.\n   * - Otherwise, computes the total number of pages, updates the `pages` observable with the full range,\n   *   and updates the `elipsedPages` observable with the result of skipping pages for ellipsis display.\n   *\n   * @private\n   */\n  private calculatePages() {\n    if (this.limit <= 0 || this.total <= 0) {\n      this.pages.set([]);\n      this.elipsedPages.set([]);\n      return;\n    }\n    const pagesCount = Math.ceil(this.total / this.limit);\n    this.pages.set(this.range(1, pagesCount + 1));\n    this.elipsedPages.set(this.elipseSkippedPages(this.pages(), this.currentPage));\n  }\n\n  /**\n   * Generates an array of numbers starting from `start` up to, but not including, `end`.\n   *\n   * @param start - The starting number of the range (inclusive).\n   * @param end - The ending number of the range (exclusive).\n   * @returns An array of numbers from `start` to `end - 1`.\n   */\n  private range(start: number, end: number): number[] {\n    const result: number[] = [];\n    for (let i = start; i < end; i++) {\n      result.push(i);\n    }\n    return result;\n  }\n  /**\n   * Generates a pagination array with ellipses (\"...\") to represent skipped page ranges.\n   *\n   * The resulting array always includes the first and last page numbers, the current page,\n   * and up to one page before and after the current page. Ellipses are inserted where\n   * there are skipped ranges between the displayed pages.\n   *\n   * @param pages - An array of page numbers representing all available pages.\n   * @param currentPage - The currently active page number.\n   * @returns An array containing page numbers and ellipsis strings (\"...\") to indicate skipped pages.\n   */\n  private elipseSkippedPages(pages: number[], currentPage: number): (number | string)[] {\n    const totalPages = pages.length;\n    const first = 1;\n    const last = totalPages;\n\n    const result: (number | string)[] = [];\n\n    // Always show the first page\n    result.push(first);\n\n    // Determine left-side ellipsis\n    if (currentPage > first + 2) {\n      result.push(this.ELIPSIS);\n    }\n\n    // Middle pages: current - 1, current, current + 1\n    for (let i = currentPage - 1; i <= currentPage + 1; i++) {\n      if (i > first && i < last) {\n        result.push(i);\n      }\n    }\n\n    // Decide whether to add right-side ellipsis\n    const lastIncluded = result.includes(last);\n    const secondLast = last - 1;\n    if (!result.includes(secondLast) && !lastIncluded) {\n      result.push(this.ELIPSIS);\n    }\n\n    // Add last page if not already included\n    if (!lastIncluded && last !== first) {\n      result.push(last);\n    }\n\n    return result;\n  }\n\n  /**\n   * Handles the page change event for the pagination component.\n   *\n   * Prevents the default action of the event (if provided) and emits the selected page number.\n   *\n   * @param event - The event triggered by the page change action. If provided, its default behavior will be prevented.\n   * @param page - The page number to navigate to.\n   */\n  public onPageChanged(event: Event, page: number): void {\n    if (event) {\n      event.preventDefault();\n    }\n    this.changePage.emit(page);\n  }\n\n  /**\n   * Lifecycle hook that is called when any data-bound property of the component changes.\n   * Invokes the `calculatePages` method to update the pagination state based on the new input values.\n   */\n  public ngOnChanges(): void {\n    this.calculatePages();\n  }\n}\n","@if (totalPages > 1) {\n  <nav class=\"moj-pagination moj-pagination-alignment\" aria-label=\"Pagination navigation\" [id]=\"id\">\n    <ul class=\"moj-pagination__list\">\n      @if (currentPage > 1) {\n        <li class=\"moj-pagination__item moj-pagination__item--prev\">\n          <a\n            class=\"moj-pagination__link\"\n            (click)=\"onPageChanged($event, currentPage - 1)\"\n            (keydown.enter)=\"onPageChanged($event, currentPage - 1)\"\n            tabindex=\"0\"\n            >Previous<span class=\"govuk-visually-hidden\"> page</span></a\n          >\n        </li>\n      }\n\n      @for (elipsedPage of elipsedPages(); track elipsedPage) {\n        @switch (elipsedPage) {\n          @case (currentPage) {\n            <li\n              class=\"moj-pagination__item moj-pagination__item--active\"\n              [attr.aria-label]=\"'Page ' + elipsedPage + ' of ' + totalPages\"\n              aria-current=\"page\"\n            >\n              {{ elipsedPage }}\n            </li>\n          }\n          @case (ELIPSIS) {\n            <li class=\"moj-pagination__item moj-pagination__item--dots\">{{ ELIPSIS }}</li>\n          }\n          @default {\n            <li class=\"moj-pagination__item\">\n              <a\n                class=\"moj-pagination__link\"\n                (click)=\"onPageChanged($event, +elipsedPage)\"\n                (keydown.enter)=\"onPageChanged($event, +elipsedPage)\"\n                tabindex=\"0\"\n                [attr.aria-label]=\"'Page ' + elipsedPage + ' of ' + totalPages\"\n              >\n                {{ elipsedPage }}\n              </a>\n            </li>\n          }\n        }\n      }\n\n      @if (currentPage < totalPages) {\n        <li class=\"moj-pagination__item moj-pagination__item--next\">\n          <a\n            class=\"moj-pagination__link\"\n            (click)=\"onPageChanged($event, currentPage + 1)\"\n            (keydown.enter)=\"onPageChanged($event, currentPage + 1)\"\n            tabindex=\"0\"\n          >\n            Next<span class=\"govuk-visually-hidden\"> page</span></a\n          >\n        </li>\n      }\n    </ul>\n    <p class=\"moj-pagination__results govuk-!-text-align-right\">\n      Showing <b>{{ pageStart }}</b> to <b>{{ pageEnd }}</b> of <b>{{ total }}</b> results\n    </p>\n  </nav>\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-moj-moj-pagination.mjs","sources":["../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination.component.ts","../../../projects/opal-frontend-common/components/moj/moj-pagination/moj-pagination.component.html","../../../projects/opal-frontend-common/components/moj/moj-pagination/hmcts-opal-frontend-common-components-moj-moj-pagination.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, Output, signal } from '@angular/core';\n\n@Component({\n  selector: 'opal-lib-moj-pagination',\n  templateUrl: './moj-pagination.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MojPaginationComponent implements OnChanges {\n  private readonly pages = signal<number[]>([]);\n\n  @Input({ required: true }) id!: string;\n  @Input({ required: true }) currentPage: number = 1;\n  @Input({ required: true }) total: number = 0;\n  @Input({ required: true }) limit: number = 25;\n  @Output() changePage = new EventEmitter<number>();\n\n  public readonly elipsedPages = signal<(number | string)[]>([]);\n  public readonly ELIPSIS = '…';\n\n  /**\n   * Gets the total number of pages available.\n   *\n   * @returns The total count of pages as a number.\n   */\n  get totalPages(): number {\n    return this.pages().length;\n  }\n\n  /**\n   * Gets the starting item index for the current page in a paginated list.\n   *\n   * @returns {number} The index of the first item on the current page, or 0 if there are no items.\n   *\n   * If `total` is 0, returns 0. Otherwise, calculates the starting index based on the current page and the limit per page.\n   */\n  get pageStart(): number {\n    return this.total === 0 ? 0 : (this.currentPage - 1) * this.limit + 1;\n  }\n\n  /**\n   * Gets the index of the last item on the current page.\n   *\n   * @returns {number} The index of the last item displayed on the current page.\n   * Returns 0 if there are no items (`total` is 0). Otherwise, returns the lesser of\n   * `currentPage * limit` and `total`, ensuring the end index does not exceed the total number of items.\n   */\n  get pageEnd(): number {\n    return this.total === 0 ? 0 : Math.min(this.currentPage * this.limit, this.total);\n  }\n\n  /**\n   * Calculates and updates the pagination pages and elided (skipped) pages based on the current limit and total items.\n   *\n   * - If either `limit` or `total` is less than or equal to zero, clears the pages and elided pages.\n   * - Otherwise, computes the total number of pages, updates the `pages` observable with the full range,\n   *   and updates the `elipsedPages` observable with the result of skipping pages for ellipsis display.\n   *\n   * @private\n   */\n  private calculatePages() {\n    if (this.limit <= 0 || this.total <= 0) {\n      this.pages.set([]);\n      this.elipsedPages.set([]);\n      return;\n    }\n    const pagesCount = Math.ceil(this.total / this.limit);\n    this.pages.set(this.range(1, pagesCount + 1));\n    this.elipsedPages.set(this.elipseSkippedPages(this.pages(), this.currentPage));\n  }\n\n  /**\n   * Generates an array of numbers starting from `start` up to, but not including, `end`.\n   *\n   * @param start - The starting number of the range (inclusive).\n   * @param end - The ending number of the range (exclusive).\n   * @returns An array of numbers from `start` to `end - 1`.\n   */\n  private range(start: number, end: number): number[] {\n    const result: number[] = [];\n    for (let i = start; i < end; i++) {\n      result.push(i);\n    }\n    return result;\n  }\n  /**\n   * Generates a pagination array with ellipses (\"...\") to represent skipped page ranges.\n   *\n   * The resulting array always includes the first and last page numbers, the current page,\n   * and up to one page before and after the current page. Ellipses are inserted where\n   * there are skipped ranges between the displayed pages.\n   *\n   * @param pages - An array of page numbers representing all available pages.\n   * @param currentPage - The currently active page number.\n   * @returns An array containing page numbers and ellipsis strings (\"...\") to indicate skipped pages.\n   */\n  private elipseSkippedPages(pages: number[], currentPage: number): (number | string)[] {\n    const totalPages = pages.length;\n    const first = 1;\n    const last = totalPages;\n\n    const result: (number | string)[] = [];\n\n    // Always show the first page\n    result.push(first);\n\n    // Determine left-side ellipsis\n    if (currentPage > first + 2) {\n      result.push(this.ELIPSIS);\n    }\n\n    // Middle pages: current - 1, current, current + 1\n    for (let i = currentPage - 1; i <= currentPage + 1; i++) {\n      if (i > first && i < last) {\n        result.push(i);\n      }\n    }\n\n    // Decide whether to add right-side ellipsis\n    const lastIncluded = result.includes(last);\n    const secondLast = last - 1;\n    if (!result.includes(secondLast) && !lastIncluded) {\n      result.push(this.ELIPSIS);\n    }\n\n    // Add last page if not already included\n    if (!lastIncluded && last !== first) {\n      result.push(last);\n    }\n\n    return result;\n  }\n\n  /**\n   * Handles the page change event for the pagination component.\n   *\n   * Prevents the default action of the event (if provided) and emits the selected page number.\n   *\n   * @param event - The event triggered by the page change action. If provided, its default behavior will be prevented.\n   * @param page - The page number to navigate to.\n   */\n  public onPageChanged(event: Event, page: number): void {\n    if (event) {\n      event.preventDefault();\n    }\n    if (page === this.currentPage) {\n      return;\n    }\n    this.changePage.emit(page);\n  }\n\n  /**\n   * Lifecycle hook that is called when any data-bound property of the component changes.\n   * Invokes the `calculatePages` method to update the pagination state based on the new input values.\n   */\n  public ngOnChanges(): void {\n    this.calculatePages();\n  }\n}\n","@if (total > 0 && limit > 0) {\n  <div class=\"moj-pagination\">\n    @if (totalPages > 1) {\n      <nav class=\"govuk-pagination moj-pagination__pagination\" aria-label=\"Pagination\" [id]=\"id\">\n        @if (currentPage > 1) {\n          <div class=\"govuk-pagination__prev\">\n            <a\n              class=\"govuk-link govuk-pagination__link\"\n              href=\"#\"\n              rel=\"prev\"\n              (click)=\"onPageChanged($event, currentPage - 1)\"\n            >\n              <svg\n                class=\"govuk-pagination__icon govuk-pagination__icon--prev\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                height=\"13\"\n                width=\"15\"\n                aria-hidden=\"true\"\n                focusable=\"false\"\n                viewBox=\"0 0 15 13\"\n              >\n                <path\n                  d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"\n                ></path>\n              </svg>\n              <span class=\"govuk-pagination__link-title\">Previous<span class=\"govuk-visually-hidden\"> page</span></span>\n            </a>\n          </div>\n        }\n\n        <ul class=\"govuk-pagination__list\">\n          @for (elipsedPage of elipsedPages(); track elipsedPage) {\n            @if (elipsedPage === ELIPSIS) {\n              <li class=\"govuk-pagination__item govuk-pagination__item--ellipses\">&ctdot;</li>\n            } @else {\n              <li class=\"govuk-pagination__item\" [class.govuk-pagination__item--current]=\"elipsedPage === currentPage\">\n                <a\n                  class=\"govuk-link govuk-pagination__link\"\n                  href=\"#\"\n                  (click)=\"onPageChanged($event, +elipsedPage)\"\n                  [attr.aria-label]=\"'Page ' + elipsedPage\"\n                  [attr.aria-current]=\"elipsedPage === currentPage ? 'page' : null\"\n                >\n                  {{ elipsedPage }}\n                </a>\n              </li>\n            }\n          }\n        </ul>\n\n        @if (currentPage < totalPages) {\n          <div class=\"govuk-pagination__next\">\n            <a\n              class=\"govuk-link govuk-pagination__link\"\n              href=\"#\"\n              rel=\"next\"\n              (click)=\"onPageChanged($event, currentPage + 1)\"\n            >\n              <span class=\"govuk-pagination__link-title\">Next<span class=\"govuk-visually-hidden\"> page</span></span>\n              <svg\n                class=\"govuk-pagination__icon govuk-pagination__icon--next\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                height=\"13\"\n                width=\"15\"\n                aria-hidden=\"true\"\n                focusable=\"false\"\n                viewBox=\"0 0 15 13\"\n              >\n                <path\n                  d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"\n                ></path>\n              </svg>\n            </a>\n          </div>\n        }\n      </nav>\n    }\n    <p class=\"moj-pagination__results\">Showing {{ pageStart }} to {{ pageEnd }} of {{ total }} total results</p>\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/opal-frontend-common",
-  "version": "0.0.57",
+  "version": "0.0.59",
   "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>;
 }