@hmcts/opal-frontend-common 0.0.108 → 0.0.110

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

@@ -1,80 +1,164 @@
-import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { ReactiveFormsModule } from '@angular/forms';
-
-class GovukDateInputComponent {
-    _group;
-    fieldSetId;
-    legendText;
-    legendHint;
-    legendClasses;
-    errorDay = null;
-    errorMonth = null;
-    errorYear = null;
-    autoComplete = false;
-    autoCompleteValue = null;
-    dateInputs;
-    set group(abstractControl) {
-        this._group = abstractControl;
-    }
-    get getGroup() {
-        return this._group;
-    }
-    get describedBy() {
-        const ids = [];
-        if (this.legendHint) {
-            ids.push(`${this.fieldSetId}-hint`);
-        }
-        if (this.errorDay || this.errorMonth || this.errorYear) {
-            ids.push(`${this.fieldSetId}-error-message`);
-        }
-        return ids.length ? ids.join(' ') : null;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukDateInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: GovukDateInputComponent, isStandalone: true, selector: "opal-lib-govuk-date-input", inputs: { fieldSetId: "fieldSetId", legendText: "legendText", legendHint: "legendHint", legendClasses: "legendClasses", errorDay: "errorDay", errorMonth: "errorMonth", errorYear: "errorYear", autoComplete: "autoComplete", autoCompleteValue: "autoCompleteValue", dateInputs: "dateInputs", group: "group" }, ngImport: i0, template: "<div\n  class=\"govuk-form-group\"\n  [formGroup]=\"getGroup\"\n  [class.govuk-form-group--error]=\"!!errorDay || !!errorMonth || !!errorYear\"\n>\n  <fieldset class=\"govuk-fieldset\" role=\"group\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"describedBy\">\n    <legend class=\"govuk-fieldset__legend {{ legendClasses }}\">\n      {{ legendText }}\n    </legend>\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + '-hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n    @if (errorDay || errorMonth || errorYear) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errorDay || errorMonth || errorYear }}\n      </p>\n    }\n    <div class=\"govuk-date-input\" [id]=\"fieldSetId + '-date-input'\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.day.inputId\">\n            {{ dateInputs.day.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.day.inputClasses }}\"\n            [class.govuk-input--error]=\"errorDay && errorDay !== null\"\n            [id]=\"dateInputs.day.inputId\"\n            [name]=\"dateInputs.day.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            [attr.autocomplete]=\"autoCompleteValue?.day ? autoCompleteValue?.day : autoComplete ? 'on' : 'off'\"\n            formControlName=\"{{ dateInputs.day.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.month.inputId\">\n            {{ dateInputs.month.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.month.inputClasses }}\"\n            [class.govuk-input--error]=\"errorMonth && errorMonth !== null\"\n            [id]=\"dateInputs.month.inputId\"\n            [name]=\"dateInputs.month.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            [attr.autocomplete]=\"autoCompleteValue?.month ? autoCompleteValue?.month : autoComplete ? 'on' : 'off'\"\n            formControlName=\"{{ dateInputs.month.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.year.inputId\">\n            {{ dateInputs.year.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.year.inputClasses }}\"\n            [class.govuk-input--error]=\"errorYear && errorYear !== null\"\n            [id]=\"dateInputs.year.inputId\"\n            [name]=\"dateInputs.year.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            [attr.autocomplete]=\"autoCompleteValue?.year ? autoCompleteValue?.year : autoComplete ? 'on' : 'off'\"\n            formControlName=\"{{ dateInputs.year.inputId }}\"\n          />\n        </div>\n      </div>\n    </div>\n  </fieldset>\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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukDateInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-date-input', imports: [ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"govuk-form-group\"\n  [formGroup]=\"getGroup\"\n  [class.govuk-form-group--error]=\"!!errorDay || !!errorMonth || !!errorYear\"\n>\n  <fieldset class=\"govuk-fieldset\" role=\"group\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"describedBy\">\n    <legend class=\"govuk-fieldset__legend {{ legendClasses }}\">\n      {{ legendText }}\n    </legend>\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + '-hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n    @if (errorDay || errorMonth || errorYear) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errorDay || errorMonth || errorYear }}\n      </p>\n    }\n    <div class=\"govuk-date-input\" [id]=\"fieldSetId + '-date-input'\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.day.inputId\">\n            {{ dateInputs.day.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.day.inputClasses }}\"\n            [class.govuk-input--error]=\"errorDay && errorDay !== null\"\n            [id]=\"dateInputs.day.inputId\"\n            [name]=\"dateInputs.day.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            [attr.autocomplete]=\"autoCompleteValue?.day ? autoCompleteValue?.day : autoComplete ? 'on' : 'off'\"\n            formControlName=\"{{ dateInputs.day.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.month.inputId\">\n            {{ dateInputs.month.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.month.inputClasses }}\"\n            [class.govuk-input--error]=\"errorMonth && errorMonth !== null\"\n            [id]=\"dateInputs.month.inputId\"\n            [name]=\"dateInputs.month.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            [attr.autocomplete]=\"autoCompleteValue?.month ? autoCompleteValue?.month : autoComplete ? 'on' : 'off'\"\n            formControlName=\"{{ dateInputs.month.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.year.inputId\">\n            {{ dateInputs.year.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.year.inputClasses }}\"\n            [class.govuk-input--error]=\"errorYear && errorYear !== null\"\n            [id]=\"dateInputs.year.inputId\"\n            [name]=\"dateInputs.year.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            [attr.autocomplete]=\"autoCompleteValue?.year ? autoCompleteValue?.year : autoComplete ? 'on' : 'off'\"\n            formControlName=\"{{ dateInputs.year.inputId }}\"\n          />\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>\n" }]
-        }], propDecorators: { fieldSetId: [{
-                type: Input,
-                args: [{ required: true }]
-            }], legendText: [{
-                type: Input,
-                args: [{ required: true }]
-            }], legendHint: [{
-                type: Input,
-                args: [{ required: false }]
-            }], legendClasses: [{
-                type: Input,
-                args: [{ required: false }]
-            }], errorDay: [{
-                type: Input,
-                args: [{ required: false }]
-            }], errorMonth: [{
-                type: Input,
-                args: [{ required: false }]
-            }], errorYear: [{
-                type: Input,
-                args: [{ required: false }]
-            }], autoComplete: [{
-                type: Input,
-                args: [{ required: false }]
-            }], autoCompleteValue: [{
-                type: Input,
-                args: [{ required: false }]
-            }], dateInputs: [{
-                type: Input,
-                args: [{ required: true }]
-            }], group: [{
-                type: Input,
-                args: [{ required: true }]
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
+import * as i1 from "@angular/forms";
+import { ReactiveFormsModule } from "@angular/forms";
+var GovukDateInputComponent = class GovukDateInputComponent {
+	_group;
+	fieldSetId;
+	legendText;
+	legendHint;
+	legendClasses;
+	errorDay = null;
+	errorMonth = null;
+	errorYear = null;
+	autoComplete = false;
+	autoCompleteValue = null;
+	dateInputs;
+	set group(abstractControl) {
+		this._group = abstractControl;
+	}
+	get getGroup() {
+		return this._group;
+	}
+	get describedBy() {
+		const ids = [];
+		if (this.legendHint) ids.push(`${this.fieldSetId}-hint`);
+		if (this.errorDay || this.errorMonth || this.errorYear) ids.push(`${this.fieldSetId}-error-message`);
+		return ids.length ? ids.join(" ") : null;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukDateInputComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "21.2.25",
+		type: GovukDateInputComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-date-input",
+		inputs: {
+			fieldSetId: "fieldSetId",
+			legendText: "legendText",
+			legendHint: "legendHint",
+			legendClasses: "legendClasses",
+			errorDay: "errorDay",
+			errorMonth: "errorMonth",
+			errorYear: "errorYear",
+			autoComplete: "autoComplete",
+			autoCompleteValue: "autoCompleteValue",
+			dateInputs: "dateInputs",
+			group: "group"
+		},
+		ngImport: i0,
+		template: "<div\n  class=\"govuk-form-group\"\n  [formGroup]=\"getGroup\"\n  [class.govuk-form-group--error]=\"!!errorDay || !!errorMonth || !!errorYear\"\n>\n  <fieldset class=\"govuk-fieldset\" role=\"group\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"describedBy\">\n    <legend class=\"govuk-fieldset__legend {{ legendClasses }}\">\n      {{ legendText }}\n    </legend>\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + '-hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n    @if (errorDay || errorMonth || errorYear) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errorDay || errorMonth || errorYear }}\n      </p>\n    }\n    <div class=\"govuk-date-input\" [id]=\"fieldSetId + '-date-input'\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.day.inputId\">\n            {{ dateInputs.day.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.day.inputClasses }}\"\n            [class.govuk-input--error]=\"errorDay && errorDay !== null\"\n            [id]=\"dateInputs.day.inputId\"\n            [name]=\"dateInputs.day.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            [attr.autocomplete]=\"autoCompleteValue?.day ? autoCompleteValue?.day : autoComplete ? 'on' : 'off'\"\n            formControlName=\"{{ dateInputs.day.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.month.inputId\">\n            {{ dateInputs.month.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.month.inputClasses }}\"\n            [class.govuk-input--error]=\"errorMonth && errorMonth !== null\"\n            [id]=\"dateInputs.month.inputId\"\n            [name]=\"dateInputs.month.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            [attr.autocomplete]=\"autoCompleteValue?.month ? autoCompleteValue?.month : autoComplete ? 'on' : 'off'\"\n            formControlName=\"{{ dateInputs.month.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.year.inputId\">\n            {{ dateInputs.year.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.year.inputClasses }}\"\n            [class.govuk-input--error]=\"errorYear && errorYear !== null\"\n            [id]=\"dateInputs.year.inputId\"\n            [name]=\"dateInputs.year.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            [attr.autocomplete]=\"autoCompleteValue?.year ? autoCompleteValue?.year : autoComplete ? 'on' : 'off'\"\n            formControlName=\"{{ dateInputs.year.inputId }}\"\n          />\n        </div>\n      </div>\n    </div>\n  </fieldset>\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.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "directive",
+				type: i1.FormGroupDirective,
+				selector: "[formGroup]",
+				inputs: ["formGroup"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "directive",
+				type: i1.FormControlName,
+				selector: "[formControlName]",
+				inputs: [
+					"formControlName",
+					"disabled",
+					"ngModel"
+				],
+				outputs: ["ngModelChange"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukDateInputComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-date-input",
+			imports: [ReactiveFormsModule],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div\n  class=\"govuk-form-group\"\n  [formGroup]=\"getGroup\"\n  [class.govuk-form-group--error]=\"!!errorDay || !!errorMonth || !!errorYear\"\n>\n  <fieldset class=\"govuk-fieldset\" role=\"group\" [id]=\"fieldSetId\" [attr.aria-describedby]=\"describedBy\">\n    <legend class=\"govuk-fieldset__legend {{ legendClasses }}\">\n      {{ legendText }}\n    </legend>\n    @if (legendHint) {\n      <div [id]=\"fieldSetId ? fieldSetId + '-hint' : ''\" class=\"govuk-hint\">\n        {{ legendHint }}\n      </div>\n    }\n    @if (errorDay || errorMonth || errorYear) {\n      <p id=\"{{ this.fieldSetId }}-error-message\" class=\"govuk-error-message\">\n        <span class=\"govuk-visually-hidden\">Error: </span> {{ errorDay || errorMonth || errorYear }}\n      </p>\n    }\n    <div class=\"govuk-date-input\" [id]=\"fieldSetId + '-date-input'\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.day.inputId\">\n            {{ dateInputs.day.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.day.inputClasses }}\"\n            [class.govuk-input--error]=\"errorDay && errorDay !== null\"\n            [id]=\"dateInputs.day.inputId\"\n            [name]=\"dateInputs.day.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            [attr.autocomplete]=\"autoCompleteValue?.day ? autoCompleteValue?.day : autoComplete ? 'on' : 'off'\"\n            formControlName=\"{{ dateInputs.day.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.month.inputId\">\n            {{ dateInputs.month.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.month.inputClasses }}\"\n            [class.govuk-input--error]=\"errorMonth && errorMonth !== null\"\n            [id]=\"dateInputs.month.inputId\"\n            [name]=\"dateInputs.month.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            [attr.autocomplete]=\"autoCompleteValue?.month ? autoCompleteValue?.month : autoComplete ? 'on' : 'off'\"\n            formControlName=\"{{ dateInputs.month.inputId }}\"\n          />\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" [for]=\"dateInputs.year.inputId\">\n            {{ dateInputs.year.inputLabel }}\n          </label>\n          <input\n            class=\"govuk-input govuk-date-input__input {{ dateInputs.year.inputClasses }}\"\n            [class.govuk-input--error]=\"errorYear && errorYear !== null\"\n            [id]=\"dateInputs.year.inputId\"\n            [name]=\"dateInputs.year.inputName\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            [attr.autocomplete]=\"autoCompleteValue?.year ? autoCompleteValue?.year : autoComplete ? 'on' : 'off'\"\n            formControlName=\"{{ dateInputs.year.inputId }}\"\n          />\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>\n"
+		}]
+	}],
+	propDecorators: {
+		fieldSetId: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		legendText: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		legendHint: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		legendClasses: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		errorDay: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		errorMonth: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		errorYear: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		autoComplete: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		autoCompleteValue: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		dateInputs: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		group: [{
+			type: Input,
+			args: [{ required: true }]
+		}]
+	}
+});
 export { GovukDateInputComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-date-input.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-date-input.mjs.map

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

@@ -1,22 +1,46 @@
-import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
-
-class GovukDetailsComponent {
-    summaryText;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: GovukDetailsComponent, isStandalone: true, selector: "opal-lib-govuk-details", inputs: { summaryText: "summaryText" }, ngImport: i0, template: "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\"> {{ summaryText }} </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    <ng-content></ng-content>\n  </div>\n</details>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukDetailsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-details', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\"> {{ summaryText }} </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    <ng-content></ng-content>\n  </div>\n</details>\n" }]
-        }], propDecorators: { summaryText: [{
-                type: Input,
-                args: [{ required: true }]
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
+var GovukDetailsComponent = class GovukDetailsComponent {
+	summaryText;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukDetailsComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: GovukDetailsComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-details",
+		inputs: { summaryText: "summaryText" },
+		ngImport: i0,
+		template: "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\"> {{ summaryText }} </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    <ng-content></ng-content>\n  </div>\n</details>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukDetailsComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-details",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\"> {{ summaryText }} </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    <ng-content></ng-content>\n  </div>\n</details>\n"
+		}]
+	}],
+	propDecorators: { summaryText: [{
+		type: Input,
+		args: [{ required: true }]
+	}] }
+});
 export { GovukDetailsComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-details.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-details.mjs.map

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

@@ -1,34 +1,50 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, Component } from '@angular/core';
-
-class GovukErrorSummaryComponent {
-    errors = [];
-    errorClick = new EventEmitter();
-    /**
-     * Handles the event when clicking an error in the summary
-     *
-     * @param event - The event object
-     * @param fieldId - The ID of the error field
-     */
-    handleErrorClick(event, fieldId) {
-        event.preventDefault();
-        this.errorClick.emit(fieldId);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukErrorSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: GovukErrorSummaryComponent, isStandalone: true, selector: "opal-lib-govuk-error-summary", inputs: { errors: "errors" }, outputs: { errorClick: "errorClick" }, ngImport: i0, template: "@if (errors && errors.length > 0) {\n  <div class=\"govuk-error-summary\" tabindex=\"-1\">\n    <div role=\"alert\">\n      <h2 class=\"govuk-error-summary__title\">There is a problem</h2>\n      <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          @for (error of errors; track error.fieldId) {\n            <li>\n              <a href=\"#\" (click)=\"handleErrorClick($event, error.fieldId)\">{{ error.message }}</a>\n            </li>\n          }\n        </ul>\n      </div>\n    </div>\n  </div>\n}\n" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukErrorSummaryComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-error-summary', imports: [], template: "@if (errors && errors.length > 0) {\n  <div class=\"govuk-error-summary\" tabindex=\"-1\">\n    <div role=\"alert\">\n      <h2 class=\"govuk-error-summary__title\">There is a problem</h2>\n      <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          @for (error of errors; track error.fieldId) {\n            <li>\n              <a href=\"#\" (click)=\"handleErrorClick($event, error.fieldId)\">{{ error.message }}</a>\n            </li>\n          }\n        </ul>\n      </div>\n    </div>\n  </div>\n}\n" }]
-        }], propDecorators: { errors: [{
-                type: Input
-            }], errorClick: [{
-                type: Output
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+var GovukErrorSummaryComponent = class GovukErrorSummaryComponent {
+	errors = [];
+	errorClick = new EventEmitter();
+	handleErrorClick(event, fieldId) {
+		event.preventDefault();
+		this.errorClick.emit(fieldId);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukErrorSummaryComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "21.2.25",
+		type: GovukErrorSummaryComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-error-summary",
+		inputs: { errors: "errors" },
+		outputs: { errorClick: "errorClick" },
+		ngImport: i0,
+		template: "@if (errors && errors.length > 0) {\n  <div class=\"govuk-error-summary\" tabindex=\"-1\">\n    <div role=\"alert\">\n      <h2 class=\"govuk-error-summary__title\">There is a problem</h2>\n      <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          @for (error of errors; track error.fieldId) {\n            <li>\n              <a href=\"#\" (click)=\"handleErrorClick($event, error.fieldId)\">{{ error.message }}</a>\n            </li>\n          }\n        </ul>\n      </div>\n    </div>\n  </div>\n}\n"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukErrorSummaryComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-error-summary",
+			imports: [],
+			template: "@if (errors && errors.length > 0) {\n  <div class=\"govuk-error-summary\" tabindex=\"-1\">\n    <div role=\"alert\">\n      <h2 class=\"govuk-error-summary__title\">There is a problem</h2>\n      <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          @for (error of errors; track error.fieldId) {\n            <li>\n              <a href=\"#\" (click)=\"handleErrorClick($event, error.fieldId)\">{{ error.message }}</a>\n            </li>\n          }\n        </ul>\n      </div>\n    </div>\n  </div>\n}\n"
+		}]
+	}],
+	propDecorators: {
+		errors: [{ type: Input }],
+		errorClick: [{ type: Output }]
+	}
+});
 export { GovukErrorSummaryComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-error-summary.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-error-summary.mjs.map

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

@@ -1,4 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-footer-interfaces.mjs.map

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

@@ -1,21 +1,43 @@
-import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
-
-class GovukFooterComponent {
-    footerLinks;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: GovukFooterComponent, isStandalone: true, selector: "opal-lib-govuk-footer", inputs: { footerLinks: "footerLinks" }, ngImport: i0, template: "<footer class=\"govuk-footer\" role=\"contentinfo\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a class=\"govuk-footer__link\" [href]=\"footerLinks.licenseLink\" rel=\"license\"\n            >Open Government Licence v{{ footerLinks.licenseVersion }}</a\n          >, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a class=\"govuk-footer__link govuk-footer__copyright-logo\" [href]=\"footerLinks.copyrightLink\"\n          >\u00A9 Crown copyright</a\n        >\n      </div>\n    </div>\n  </div>\n</footer>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukFooterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-govuk-footer', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<footer class=\"govuk-footer\" role=\"contentinfo\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a class=\"govuk-footer__link\" [href]=\"footerLinks.licenseLink\" rel=\"license\"\n            >Open Government Licence v{{ footerLinks.licenseVersion }}</a\n          >, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a class=\"govuk-footer__link govuk-footer__copyright-logo\" [href]=\"footerLinks.copyrightLink\"\n          >\u00A9 Crown copyright</a\n        >\n      </div>\n    </div>\n  </div>\n</footer>\n" }]
-        }], propDecorators: { footerLinks: [{
-                type: Input
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
+var GovukFooterComponent = class GovukFooterComponent {
+	footerLinks;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukFooterComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "21.2.25",
+		type: GovukFooterComponent,
+		isStandalone: true,
+		selector: "opal-lib-govuk-footer",
+		inputs: { footerLinks: "footerLinks" },
+		ngImport: i0,
+		template: "<footer class=\"govuk-footer\" role=\"contentinfo\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a class=\"govuk-footer__link\" [href]=\"footerLinks.licenseLink\" rel=\"license\"\n            >Open Government Licence v{{ footerLinks.licenseVersion }}</a\n          >, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a class=\"govuk-footer__link govuk-footer__copyright-logo\" [href]=\"footerLinks.copyrightLink\"\n          >© Crown copyright</a\n        >\n      </div>\n    </div>\n  </div>\n</footer>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: GovukFooterComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-govuk-footer",
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<footer class=\"govuk-footer\" role=\"contentinfo\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a class=\"govuk-footer__link\" [href]=\"footerLinks.licenseLink\" rel=\"license\"\n            >Open Government Licence v{{ footerLinks.licenseVersion }}</a\n          >, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a class=\"govuk-footer__link govuk-footer__copyright-logo\" [href]=\"footerLinks.copyrightLink\"\n          >© Crown copyright</a\n        >\n      </div>\n    </div>\n  </div>\n</footer>\n"
+		}]
+	}],
+	propDecorators: { footerLinks: [{ type: Input }] }
+});
 export { GovukFooterComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-footer.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-footer.mjs.map

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

@@ -1,4 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-header-interfaces.mjs.map