@hmcts/opal-frontend-common 0.0.68 → 0.0.70

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

@@ -10,10 +10,10 @@ class GovukRadiosConditionalComponent {
      * Id used by aria-controls to connect a radio input to this conditional panel.
      */
     conditionalId;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukRadiosConditionalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukRadiosConditionalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", 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: "21.2.6", ngImport: i0, type: GovukRadiosConditionalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukRadiosConditionalComponent, decorators: [{
             type: Component,
             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: [{
@@ -22,10 +22,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
             }] } });
 
 class GovukRadiosDividerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukRadiosDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GovukRadiosDividerComponent, isStandalone: true, selector: "opal-lib-govuk-radios-divider", ngImport: i0, template: "<div class=\"govuk-radios__divider\"><ng-content></ng-content></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukRadiosDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: GovukRadiosDividerComponent, isStandalone: true, selector: "opal-lib-govuk-radios-divider", ngImport: i0, template: "<div class=\"govuk-radios__divider\"><ng-content></ng-content></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukRadiosDividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukRadiosDividerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-radios-divider', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-radios__divider\"><ng-content></ng-content></div>\n" }]
         }] });
@@ -99,10 +99,10 @@ class GovukRadiosItemComponent {
         const v = this.inputValue;
         return typeof v === 'string' ? v : String(v);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukRadiosItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", 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: 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 ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukRadiosItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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: 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: "21.2.6", ngImport: i0, type: GovukRadiosItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukRadiosItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-radios-item, [opal-lib-govuk-radios-item]', imports: [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: [{
@@ -139,6 +139,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
 
 class GovukRadioComponent {
     elementRef = inject((ElementRef));
+    nextRenderRef;
+    isDestroyed = false;
     fieldSetId;
     legendText;
     legendHint;
@@ -160,16 +162,26 @@ class GovukRadioComponent {
         return ids.length ? ids.join(' ') : null;
     }
     constructor() {
-        afterNextRender(() => {
-            // Only trigger the render of the component in the browser
-            this.initOuterRadios();
+        this.nextRenderRef = afterNextRender(() => {
+            this.handleAfterNextRender();
         });
     }
+    /**
+     * Runs the post-render radios initialization unless the component has already been destroyed.
+     */
+    handleAfterNextRender() {
+        if (this.isDestroyed)
+            return;
+        // 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() {
+        if (this.isDestroyed)
+            return;
         const host = this.elementRef.nativeElement;
         const rootRadios = host.querySelector('.govuk-radios');
         if (!rootRadios)
@@ -180,6 +192,8 @@ class GovukRadioComponent {
         this.loadGovukFrontend()
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             .then((module) => {
+            if (this.isDestroyed)
+                return;
             // Prefer Radios constructor for a scoped init
             const Radios = module.Radios ?? module.radios ?? module.default?.Radios;
             if (typeof Radios === 'function') {
@@ -190,6 +204,8 @@ class GovukRadioComponent {
                     return;
                 }
                 catch (e) {
+                    if (this.isDestroyed)
+                        return;
                     console.warn('Govuk Radios constructor failed for rootRadios, falling back to initAll', e);
                 }
             }
@@ -202,6 +218,8 @@ class GovukRadioComponent {
             console.warn('govuk-frontend radios init not found for rootRadios', module);
         })
             .catch((err) => {
+            if (this.isDestroyed)
+                return;
             console.error('Failed to import govuk-frontend for rootRadios init', err);
         });
     }
@@ -213,10 +231,14 @@ class GovukRadioComponent {
     loadGovukFrontend() {
         return import('govuk-frontend');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", 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 });
+    ngOnDestroy() {
+        this.isDestroyed = true;
+        this.nextRenderRef.destroy();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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: "21.2.6", ngImport: i0, type: GovukRadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukRadioComponent, decorators: [{
             type: Component,
             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: [{

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

@@ -30,10 +30,10 @@ class GovukSelectComponent {
         }
         return ids.length ? ids.join(' ') : null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: GovukSelectComponent, isStandalone: true, selector: "opal-lib-govuk-select", inputs: { labelText: "labelText", labelClasses: "labelClasses", selectId: "selectId", selectName: "selectName", selectClasses: "selectClasses", selectHint: "selectHint", errors: "errors", options: "options", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"selectId\"> {{ labelText }} </label>\n\n  @if (selectHint) {\n    <div [id]=\"selectId ? selectId + '-hint' : ''\" class=\"govuk-hint\">\n      {{ selectHint }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.selectId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <select\n    class=\"govuk-select {{ selectClasses }}\"\n    [id]=\"selectId\"\n    [name]=\"selectName\"\n    [attr.aria-describedby]=\"describedBy\"\n    [formControl]=\"getControl\"\n  >\n    <option value=\"\" selected></option>\n    @for (option of options; track option.name) {\n      <option [value]=\"option.value\">\n        {{ option.name }}\n      </option>\n    }\n  </select>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: GovukSelectComponent, isStandalone: true, selector: "opal-lib-govuk-select", inputs: { labelText: "labelText", labelClasses: "labelClasses", selectId: "selectId", selectName: "selectName", selectClasses: "selectClasses", selectHint: "selectHint", errors: "errors", options: "options", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"selectId\"> {{ labelText }} </label>\n\n  @if (selectHint) {\n    <div [id]=\"selectId ? selectId + '-hint' : ''\" class=\"govuk-hint\">\n      {{ selectHint }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.selectId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <select\n    class=\"govuk-select {{ selectClasses }}\"\n    [id]=\"selectId\"\n    [name]=\"selectName\"\n    [attr.aria-describedby]=\"describedBy\"\n    [formControl]=\"getControl\"\n  >\n    <option value=\"\" selected></option>\n    @for (option of options; track option.name) {\n      <option [value]=\"option.value\">\n        {{ option.name }}\n      </option>\n    }\n  </select>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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: "21.2.6", ngImport: i0, type: GovukSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-select', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"selectId\"> {{ labelText }} </label>\n\n  @if (selectHint) {\n    <div [id]=\"selectId ? selectId + '-hint' : ''\" class=\"govuk-hint\">\n      {{ selectHint }}\n    </div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.selectId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <select\n    class=\"govuk-select {{ selectClasses }}\"\n    [id]=\"selectId\"\n    [name]=\"selectName\"\n    [attr.aria-describedby]=\"describedBy\"\n    [formControl]=\"getControl\"\n  >\n    <option value=\"\" selected></option>\n    @for (option of options; track option.name) {\n      <option [value]=\"option.value\">\n        {{ option.name }}\n      </option>\n    }\n  </select>\n</div>\n" }]
         }], propDecorators: { labelText: [{

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

@@ -17,10 +17,10 @@ class GovukSummaryCardActionComponent {
         event.preventDefault();
         this.clickEvent.emit(route);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukSummaryCardActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: GovukSummaryCardActionComponent, isStandalone: true, selector: "opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]", inputs: { actionText: "actionText", actionRoute: "actionRoute", visuallyHiddenText: "visuallyHiddenText" }, outputs: { clickEvent: "clickEvent" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionText\"\n  (click)=\"onClick($event, actionRoute)\"\n  (keyup.enter)=\"onClick($event, actionRoute)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionText }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukSummaryCardActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: GovukSummaryCardActionComponent, isStandalone: true, selector: "opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]", inputs: { actionText: "actionText", actionRoute: "actionRoute", visuallyHiddenText: "visuallyHiddenText" }, outputs: { clickEvent: "clickEvent" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionText\"\n  (click)=\"onClick($event, actionRoute)\"\n  (keyup.enter)=\"onClick($event, actionRoute)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionText }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukSummaryCardActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukSummaryCardActionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-summary-card-action, [opal-lib-govuk-summary-card-action]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionText\"\n  (click)=\"onClick($event, actionRoute)\"\n  (keyup.enter)=\"onClick($event, actionRoute)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionText }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n" }]
         }], propDecorators: { actionText: [{
@@ -55,10 +55,10 @@ class GovukSummaryCardListComponent {
     ngOnInit() {
         this.setId();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukSummaryCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: GovukSummaryCardListComponent, isStandalone: true, selector: "opal-lib-govuk-summary-card-list", inputs: { summaryCardListId: "summaryCardListId", cardTitle: "cardTitle", contentHidden: "contentHidden", headingLevel: "headingLevel", classes: "classes" }, ngImport: i0, template: "<div [class]=\"class\" [id]=\"id\">\n  @if (cardTitle && cardTitle.length > 0) {\n    <div class=\"govuk-summary-card__title-wrapper\">\n      @switch (headingLevel) {\n        @case (1) {\n          <h1 class=\"govuk-summary-card__title\">{{ cardTitle }}</h1>\n        }\n        @case (2) {\n          <h2 class=\"govuk-summary-card__title\">{{ cardTitle }}</h2>\n        }\n        @case (3) {\n          <h3 class=\"govuk-summary-card__title\">{{ cardTitle }}</h3>\n        }\n        @case (4) {\n          <h4 class=\"govuk-summary-card__title\">{{ cardTitle }}</h4>\n        }\n        @case (5) {\n          <h5 class=\"govuk-summary-card__title\">{{ cardTitle }}</h5>\n        }\n        @case (6) {\n          <h6 class=\"govuk-summary-card__title\">{{ cardTitle }}</h6>\n        }\n      }\n      <ul class=\"govuk-summary-card__actions\" role=\"list\">\n        <ng-content select=\"[actions]\"></ng-content>\n      </ul>\n    </div>\n  }\n\n  @if (!contentHidden) {\n    <div class=\"govuk-summary-card__content govuk-white-background\">\n      <ng-content select=\"[content]\"></ng-content>\n    </div>\n  }\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukSummaryCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: GovukSummaryCardListComponent, isStandalone: true, selector: "opal-lib-govuk-summary-card-list", inputs: { summaryCardListId: "summaryCardListId", cardTitle: "cardTitle", contentHidden: "contentHidden", headingLevel: "headingLevel", classes: "classes" }, ngImport: i0, template: "<div [class]=\"class\" [id]=\"id\">\n  @if (cardTitle && cardTitle.length > 0) {\n    <div class=\"govuk-summary-card__title-wrapper\">\n      @switch (headingLevel) {\n        @case (1) {\n          <h1 class=\"govuk-summary-card__title\">{{ cardTitle }}</h1>\n        }\n        @case (2) {\n          <h2 class=\"govuk-summary-card__title\">{{ cardTitle }}</h2>\n        }\n        @case (3) {\n          <h3 class=\"govuk-summary-card__title\">{{ cardTitle }}</h3>\n        }\n        @case (4) {\n          <h4 class=\"govuk-summary-card__title\">{{ cardTitle }}</h4>\n        }\n        @case (5) {\n          <h5 class=\"govuk-summary-card__title\">{{ cardTitle }}</h5>\n        }\n        @case (6) {\n          <h6 class=\"govuk-summary-card__title\">{{ cardTitle }}</h6>\n        }\n      }\n      <ul class=\"govuk-summary-card__actions\" role=\"list\">\n        <ng-content select=\"[actions]\"></ng-content>\n      </ul>\n    </div>\n  }\n\n  @if (!contentHidden) {\n    <div class=\"govuk-summary-card__content govuk-white-background\">\n      <ng-content select=\"[content]\"></ng-content>\n    </div>\n  }\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukSummaryCardListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukSummaryCardListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-summary-card-list', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"class\" [id]=\"id\">\n  @if (cardTitle && cardTitle.length > 0) {\n    <div class=\"govuk-summary-card__title-wrapper\">\n      @switch (headingLevel) {\n        @case (1) {\n          <h1 class=\"govuk-summary-card__title\">{{ cardTitle }}</h1>\n        }\n        @case (2) {\n          <h2 class=\"govuk-summary-card__title\">{{ cardTitle }}</h2>\n        }\n        @case (3) {\n          <h3 class=\"govuk-summary-card__title\">{{ cardTitle }}</h3>\n        }\n        @case (4) {\n          <h4 class=\"govuk-summary-card__title\">{{ cardTitle }}</h4>\n        }\n        @case (5) {\n          <h5 class=\"govuk-summary-card__title\">{{ cardTitle }}</h5>\n        }\n        @case (6) {\n          <h6 class=\"govuk-summary-card__title\">{{ cardTitle }}</h6>\n        }\n      }\n      <ul class=\"govuk-summary-card__actions\" role=\"list\">\n        <ng-content select=\"[actions]\"></ng-content>\n      </ul>\n    </div>\n  }\n\n  @if (!contentHidden) {\n    <div class=\"govuk-summary-card__content govuk-white-background\">\n      <ng-content select=\"[content]\"></ng-content>\n    </div>\n  }\n</div>\n" }]
         }], propDecorators: { summaryCardListId: [{

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

@@ -16,10 +16,10 @@ class GovukSummaryListRowActionItemComponent {
         event.preventDefault();
         this.linkClick.emit(linkClicked);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukSummaryListRowActionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: GovukSummaryListRowActionItemComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]", inputs: { actionName: "actionName", actionId: "actionId", visuallyHiddenText: "visuallyHiddenText" }, outputs: { linkClick: "linkClick" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionId\"\n  (click)=\"handleActionClick($event, actionId)\"\n  (keyup.enter)=\"handleActionClick($event, actionId)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionName }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukSummaryListRowActionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: GovukSummaryListRowActionItemComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]", inputs: { actionName: "actionName", actionId: "actionId", visuallyHiddenText: "visuallyHiddenText" }, outputs: { linkClick: "linkClick" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionId\"\n  (click)=\"handleActionClick($event, actionId)\"\n  (keyup.enter)=\"handleActionClick($event, actionId)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionName }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukSummaryListRowActionItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukSummaryListRowActionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-summary-list-row-action-item, [opal-lib-govuk-summary-list-row-action-item]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  href=\"#\"\n  class=\"govuk-link govuk-link--no-visited-state\"\n  [id]=\"actionId\"\n  (click)=\"handleActionClick($event, actionId)\"\n  (keyup.enter)=\"handleActionClick($event, actionId)\"\n  tabindex=\"0\"\n>\n  <strong>{{ actionName }}</strong>\n  @if (visuallyHiddenText) {\n    <span class=\"govuk-visually-hidden\">{{ visuallyHiddenText }}</span>\n  }\n</a>\n" }]
         }], propDecorators: { actionName: [{
@@ -39,10 +39,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
             }] } });
 
 class GovukSummaryListRowActionsComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukSummaryListRowActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GovukSummaryListRowActionsComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row-actions", ngImport: i0, template: "<ul class=\"govuk-summary-list__actions-list govuk-body\">\n  <ng-content></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukSummaryListRowActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: GovukSummaryListRowActionsComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row-actions", ngImport: i0, template: "<ul class=\"govuk-summary-list__actions-list govuk-body\">\n  <ng-content></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukSummaryListRowActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukSummaryListRowActionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-summary-list-row-actions', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"govuk-summary-list__actions-list govuk-body\">\n  <ng-content></ng-content>\n</ul>\n" }]
         }] });
@@ -73,10 +73,10 @@ class GovukSummaryListRowComponent {
         this.id = this.summaryListId + this._summaryListRowId;
         this.class = 'govuk-summary-list__row';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukSummaryListRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: GovukSummaryListRowComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row, [opal-lib-govuk-summary-list-row]", inputs: { actionEnabled: "actionEnabled", summaryListId: "summaryListId", summaryListRowId: "summaryListRowId" }, outputs: { actionClick: "actionClick" }, host: { properties: { "class": "this.class", "id": "this.id" } }, ngImport: i0, template: "<dt class=\"govuk-summary-list__key\" [id]=\"summaryListId + _summaryListRowId + 'Key'\">\n  <ng-content select=\"[name]\"></ng-content>\n</dt>\n\n<dd class=\"govuk-summary-list__value\" [id]=\"summaryListId + _summaryListRowId + 'Value'\">\n  <ng-content select=\"[value]\"></ng-content>\n</dd>\n@if (actionEnabled) {\n  <dd class=\"govuk-summary-list__actions\" [id]=\"summaryListId + _summaryListRowId + 'Actions'\">\n    <a class=\"govuk-link\" href=\"#\" (click)=\"handleActionClick($event)\">\n      <ng-content select=\"[action]\"></ng-content>\n    </a>\n  </dd>\n}\n", styles: [":host{display:table-row-group}.content-wrapper:empty{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukSummaryListRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: GovukSummaryListRowComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list-row, [opal-lib-govuk-summary-list-row]", inputs: { actionEnabled: "actionEnabled", summaryListId: "summaryListId", summaryListRowId: "summaryListRowId" }, outputs: { actionClick: "actionClick" }, host: { properties: { "class": "this.class", "id": "this.id" } }, ngImport: i0, template: "<dt class=\"govuk-summary-list__key\" [id]=\"summaryListId + _summaryListRowId + 'Key'\">\n  <ng-content select=\"[name]\"></ng-content>\n</dt>\n\n<dd class=\"govuk-summary-list__value\" [id]=\"summaryListId + _summaryListRowId + 'Value'\">\n  <ng-content select=\"[value]\"></ng-content>\n</dd>\n@if (actionEnabled) {\n  <dd class=\"govuk-summary-list__actions\" [id]=\"summaryListId + _summaryListRowId + 'Actions'\">\n    <a class=\"govuk-link\" href=\"#\" (click)=\"handleActionClick($event)\">\n      <ng-content select=\"[action]\"></ng-content>\n    </a>\n  </dd>\n}\n", styles: [":host{display:table-row-group}.content-wrapper:empty{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukSummaryListRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukSummaryListRowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-summary-list-row, [opal-lib-govuk-summary-list-row]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dt class=\"govuk-summary-list__key\" [id]=\"summaryListId + _summaryListRowId + 'Key'\">\n  <ng-content select=\"[name]\"></ng-content>\n</dt>\n\n<dd class=\"govuk-summary-list__value\" [id]=\"summaryListId + _summaryListRowId + 'Value'\">\n  <ng-content select=\"[value]\"></ng-content>\n</dd>\n@if (actionEnabled) {\n  <dd class=\"govuk-summary-list__actions\" [id]=\"summaryListId + _summaryListRowId + 'Actions'\">\n    <a class=\"govuk-link\" href=\"#\" (click)=\"handleActionClick($event)\">\n      <ng-content select=\"[action]\"></ng-content>\n    </a>\n  </dd>\n}\n", styles: [":host{display:table-row-group}.content-wrapper:empty{display:none}\n"] }]
         }], propDecorators: { actionClick: [{
@@ -100,10 +100,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
 class GovukSummaryListComponent {
     summaryListId;
     classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukSummaryListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GovukSummaryListComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list", inputs: { summaryListId: "summaryListId", classes: "classes" }, ngImport: i0, template: "<dl class=\"govuk-summary-list {{ classes }}\" [id]=\"summaryListId\">\n  <ng-content></ng-content>\n</dl>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukSummaryListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: GovukSummaryListComponent, isStandalone: true, selector: "opal-lib-govuk-summary-list", inputs: { summaryListId: "summaryListId", classes: "classes" }, ngImport: i0, template: "<dl class=\"govuk-summary-list {{ classes }}\" [id]=\"summaryListId\">\n  <ng-content></ng-content>\n</dl>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukSummaryListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukSummaryListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-summary-list', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dl class=\"govuk-summary-list {{ classes }}\" [id]=\"summaryListId\">\n  <ng-content></ng-content>\n</dl>\n" }]
         }], propDecorators: { summaryListId: [{

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

@@ -7,10 +7,10 @@ class GovukTableBodyRowDataComponent {
     get hostId() {
         return this.id;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukTableBodyRowDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GovukTableBodyRowDataComponent, isStandalone: true, selector: "opal-lib-govuk-table-body-row-data, [opal-lib-govuk-table-body-row-data]", inputs: { id: "id" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTableBodyRowDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: GovukTableBodyRowDataComponent, isStandalone: true, selector: "opal-lib-govuk-table-body-row-data, [opal-lib-govuk-table-body-row-data]", inputs: { id: "id" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukTableBodyRowDataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTableBodyRowDataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-table-body-row-data, [opal-lib-govuk-table-body-row-data]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { id: [{
@@ -29,10 +29,10 @@ class GovukTableBodyRowComponent {
     get hostClass() {
         return `govuk-table__row ${this.bodyRowClasses}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukTableBodyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GovukTableBodyRowComponent, isStandalone: true, selector: "opal-lib-govuk-table-body-row, [opal-lib-govuk-table-body-row]", inputs: { bodyRowClasses: "bodyRowClasses" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTableBodyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: GovukTableBodyRowComponent, isStandalone: true, selector: "opal-lib-govuk-table-body-row, [opal-lib-govuk-table-body-row]", inputs: { bodyRowClasses: "bodyRowClasses" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukTableBodyRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTableBodyRowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-table-body-row, [opal-lib-govuk-table-body-row]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { bodyRowClasses: [{
@@ -48,10 +48,10 @@ class GovukTableHeadingComponent {
     get hostScope() {
         return 'col';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukTableHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GovukTableHeadingComponent, isStandalone: true, selector: "opal-lib-govuk-table-heading, [opal-lib-govuk-table-heading]", host: { properties: { "class": "this.hostClass", "scope": "this.hostScope" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTableHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: GovukTableHeadingComponent, isStandalone: true, selector: "opal-lib-govuk-table-heading, [opal-lib-govuk-table-heading]", host: { properties: { "class": "this.hostClass", "scope": "this.hostScope" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukTableHeadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTableHeadingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-table-heading, [opal-lib-govuk-table-heading]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { hostClass: [{
@@ -64,10 +64,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
 
 class GovukTableComponent {
     tableClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GovukTableComponent, isStandalone: true, selector: "opal-lib-govuk-table", inputs: { tableClasses: "tableClasses" }, ngImport: i0, template: "<table class=\"govuk-table {{ tableClasses }}\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <ng-content select=\"[head]\"></ng-content>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <ng-content select=\"[body]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: GovukTableComponent, isStandalone: true, selector: "opal-lib-govuk-table", inputs: { tableClasses: "tableClasses" }, ngImport: i0, template: "<table class=\"govuk-table {{ tableClasses }}\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <ng-content select=\"[head]\"></ng-content>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <ng-content select=\"[body]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-table', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<table class=\"govuk-table {{ tableClasses }}\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <ng-content select=\"[head]\"></ng-content>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <ng-content select=\"[body]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n" }]
         }], propDecorators: { tableClasses: [{

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

@@ -46,10 +46,10 @@ class GovukTabsListItemComponent {
     activate(fragment) {
         this.router.navigate(['./'], { relativeTo: this.route, fragment });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukTabsListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTabsListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", 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: "21.2.6", ngImport: i0, type: GovukTabsListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTabsListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-tabs-list-item, [opal-lib-govuk-tabs-list-item]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  #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" }]
         }], propDecorators: { tabItemId: [{

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

@@ -21,10 +21,10 @@ class GovukTabsPanelComponent {
         const prefix = this.elementRef.nativeElement.closest('.govuk-tabs')?.id ?? 'tab';
         return `${prefix}-${panelId}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukTabsPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GovukTabsPanelComponent, isStandalone: true, selector: "opal-lib-govuk-tabs-panel", inputs: { tabItemId: "tabItemId" }, host: { properties: { "class": "this.hostClass", "attr.role": "this.role", "style.display": "this.display", "attr.aria-labelledby": "this.ariaLabelledBy" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTabsPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: GovukTabsPanelComponent, isStandalone: true, selector: "opal-lib-govuk-tabs-panel", inputs: { tabItemId: "tabItemId" }, host: { properties: { "class": "this.hostClass", "attr.role": "this.role", "style.display": "this.display", "attr.aria-labelledby": "this.ariaLabelledBy" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukTabsPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTabsPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-tabs-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { tabItemId: [{

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

@@ -50,10 +50,10 @@ class GovukTabsComponent {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", 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: "21.2.6", ngImport: i0, type: GovukTabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", 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\" [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: [{

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

@@ -4,10 +4,10 @@ import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
 class GovukTagComponent {
     tagId;
     tagClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GovukTagComponent, isStandalone: true, selector: "opal-lib-govuk-tag", inputs: { tagId: "tagId", tagClasses: "tagClasses" }, ngImport: i0, template: "<strong class=\"govuk-tag {{ tagClasses }}\" [id]=\"tagId\"> <ng-content></ng-content> </strong>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: GovukTagComponent, isStandalone: true, selector: "opal-lib-govuk-tag", inputs: { tagId: "tagId", tagClasses: "tagClasses" }, ngImport: i0, template: "<strong class=\"govuk-tag {{ tagClasses }}\" [id]=\"tagId\"> <ng-content></ng-content> </strong>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTagComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-tag', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<strong class=\"govuk-tag {{ tagClasses }}\" [id]=\"tagId\"> <ng-content></ng-content> </strong>\n" }]
         }], propDecorators: { tagId: [{

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

@@ -5,10 +5,10 @@ class GovukTaskListItemComponent {
     taskListItemId;
     taskListStatusId;
     taskListItemClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukTaskListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GovukTaskListItemComponent, isStandalone: true, selector: "opal-lib-govuk-task-list-item", inputs: { taskListItemId: "taskListItemId", taskListStatusId: "taskListStatusId", taskListItemClasses: "taskListItemClasses" }, ngImport: i0, template: "<li class=\"govuk-task-list__item {{ taskListItemClasses }}\" [id]=\"taskListItemId\" role=\"listitem\">\n  <div class=\"govuk-task-list__name-and-hint\">\n    <ng-content select=\"[name]\"></ng-content>\n  </div>\n  <div class=\"govuk-task-list__status\" [id]=\"taskListStatusId\">\n    <ng-content select=\"[status]\"></ng-content>\n  </div>\n</li>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTaskListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: GovukTaskListItemComponent, isStandalone: true, selector: "opal-lib-govuk-task-list-item", inputs: { taskListItemId: "taskListItemId", taskListStatusId: "taskListStatusId", taskListItemClasses: "taskListItemClasses" }, ngImport: i0, template: "<li class=\"govuk-task-list__item {{ taskListItemClasses }}\" [id]=\"taskListItemId\" role=\"listitem\">\n  <div class=\"govuk-task-list__name-and-hint\">\n    <ng-content select=\"[name]\"></ng-content>\n  </div>\n  <div class=\"govuk-task-list__status\" [id]=\"taskListStatusId\">\n    <ng-content select=\"[status]\"></ng-content>\n  </div>\n</li>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukTaskListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTaskListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-task-list-item', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<li class=\"govuk-task-list__item {{ taskListItemClasses }}\" [id]=\"taskListItemId\" role=\"listitem\">\n  <div class=\"govuk-task-list__name-and-hint\">\n    <ng-content select=\"[name]\"></ng-content>\n  </div>\n  <div class=\"govuk-task-list__status\" [id]=\"taskListStatusId\">\n    <ng-content select=\"[status]\"></ng-content>\n  </div>\n</li>\n" }]
         }], propDecorators: { taskListItemId: [{
@@ -25,10 +25,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
 class GovukTaskListComponent {
     taskListId;
     taskListClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukTaskListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GovukTaskListComponent, isStandalone: true, selector: "opal-lib-govuk-task-list", inputs: { taskListId: "taskListId", taskListClasses: "taskListClasses" }, ngImport: i0, template: "<ul class=\"govuk-task-list {{ taskListClasses }}\" [id]=\"taskListId\" role=\"list\">\n  <ng-content></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTaskListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: GovukTaskListComponent, isStandalone: true, selector: "opal-lib-govuk-task-list", inputs: { taskListId: "taskListId", taskListClasses: "taskListClasses" }, ngImport: i0, template: "<ul class=\"govuk-task-list {{ taskListClasses }}\" [id]=\"taskListId\" role=\"list\">\n  <ng-content></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukTaskListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTaskListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-task-list', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"govuk-task-list {{ taskListClasses }}\" [id]=\"taskListId\" role=\"list\">\n  <ng-content></ng-content>\n</ul>\n" }]
         }], propDecorators: { taskListId: [{

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

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

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

@@ -42,10 +42,10 @@ class GovukTextInputPrefixSuffixComponent {
         }
         return null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukTextInputPrefixSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: GovukTextInputPrefixSuffixComponent, isStandalone: true, selector: "opal-lib-govuk-text-input-prefix-suffix", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", errors: "errors", prefixText: "prefixText", suffixText: "suffixText", forceTwoDecimalPoints: "forceTwoDecimalPoints", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <div class=\"govuk-input__wrapper\">\n    @if (prefixText) {\n      <div class=\"govuk-input__prefix\" aria-hidden=\"true\">{{ prefixText }}</div>\n    }\n    <input\n      class=\"govuk-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      [formControl]=\"getControl\"\n      [attr.aria-describedby]=\"describedBy\"\n      (blur)=\"forceTwoDecimalPoints && onBlurFormatToTwoDecimalPlaces()\"\n    />\n    @if (suffixText) {\n      <div class=\"govuk-input__suffix\" aria-hidden=\"true\">{{ suffixText }}</div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTextInputPrefixSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: GovukTextInputPrefixSuffixComponent, isStandalone: true, selector: "opal-lib-govuk-text-input-prefix-suffix", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", errors: "errors", prefixText: "prefixText", suffixText: "suffixText", forceTwoDecimalPoints: "forceTwoDecimalPoints", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <div class=\"govuk-input__wrapper\">\n    @if (prefixText) {\n      <div class=\"govuk-input__prefix\" aria-hidden=\"true\">{{ prefixText }}</div>\n    }\n    <input\n      class=\"govuk-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      [formControl]=\"getControl\"\n      [attr.aria-describedby]=\"describedBy\"\n      (blur)=\"forceTwoDecimalPoints && onBlurFormatToTwoDecimalPlaces()\"\n    />\n    @if (suffixText) {\n      <div class=\"govuk-input__suffix\" aria-hidden=\"true\">{{ suffixText }}</div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GovukTextInputPrefixSuffixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GovukTextInputPrefixSuffixComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-govuk-text-input-prefix-suffix', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\"> {{ labelText }} </label>\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n  <div class=\"govuk-input__wrapper\">\n    @if (prefixText) {\n      <div class=\"govuk-input__prefix\" aria-hidden=\"true\">{{ prefixText }}</div>\n    }\n    <input\n      class=\"govuk-input {{ inputClasses }}\"\n      [id]=\"inputId\"\n      [name]=\"inputName\"\n      type=\"text\"\n      [formControl]=\"getControl\"\n      [attr.aria-describedby]=\"describedBy\"\n      (blur)=\"forceTwoDecimalPoints && onBlurFormatToTwoDecimalPlaces()\"\n    />\n    @if (suffixText) {\n      <div class=\"govuk-input__suffix\" aria-hidden=\"true\">{{ suffixText }}</div>\n    }\n  </div>\n</div>\n" }]
         }], propDecorators: { labelText: [{

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

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