@hmcts/opal-frontend-common 0.0.109 → 0.0.111

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

@@ -1,105 +1,186 @@
-import * as i0 from '@angular/core';
-import { inject, DestroyRef, signal, computed, Input, Component } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i1 from '@angular/forms';
-import { ReactiveFormsModule } from '@angular/forms';
-
-class GovukTextAreaComponent {
-    destroyRef = inject(DestroyRef);
-    _control;
-    _controlValue = signal('', ...(ngDevMode ? [{ debugName: "_controlValue" }] : /* istanbul ignore next */ []));
-    remainingCharacterCount = computed(() => {
-        return this.maxCharacterLimit - this._controlValue().length;
-    }, ...(ngDevMode ? [{ debugName: "remainingCharacterCount" }] : /* istanbul ignore next */ []));
-    labelText;
-    labelClasses;
-    inputId;
-    inputName;
-    inputClasses;
-    hintText;
-    inputMode = 'text';
-    errors = null;
-    autoComplete = false;
-    autoCompleteValue = null;
-    rows = 5;
-    characterCountEnabled = false;
-    maxCharacterLimit = 500;
-    set control(abstractControl) {
-        this._control = abstractControl;
-        this._controlValue.set(this._control.value ?? '');
-        this._control.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((value) => {
-            this._controlValue.set(value ?? '');
-        });
-    }
-    get getControl() {
-        return this._control;
-    }
-    get describedBy() {
-        const ids = [];
-        if (this.hintText) {
-            ids.push(`${this.inputId}-hint`);
-        }
-        if (this.errors) {
-            ids.push(`${this.inputId}-error-message`);
-        }
-        if (this.characterCountEnabled) {
-            ids.push(`${this.inputId}-with-hint-info`);
-        }
-        return ids.length ? ids.join(' ') : null;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: GovukTextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", 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", autoComplete: "autoComplete", autoCompleteValue: "autoCompleteValue", 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    [attr.autocomplete]=\"autoCompleteValue ? autoCompleteValue : autoComplete ? 'on' : 'off'\"\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.23", 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    [attr.autocomplete]=\"autoCompleteValue ? autoCompleteValue : autoComplete ? 'on' : 'off'\"\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: [{
-                type: Input,
-                args: [{ required: true }]
-            }], labelClasses: [{
-                type: Input,
-                args: [{ required: false }]
-            }], inputId: [{
-                type: Input,
-                args: [{ required: true }]
-            }], inputName: [{
-                type: Input,
-                args: [{ required: true }]
-            }], inputClasses: [{
-                type: Input,
-                args: [{ required: false }]
-            }], hintText: [{
-                type: Input,
-                args: [{ required: false }]
-            }], inputMode: [{
-                type: Input,
-                args: [{ required: false }]
-            }], errors: [{
-                type: Input,
-                args: [{ required: false }]
-            }], autoComplete: [{
-                type: Input,
-                args: [{ required: false }]
-            }], autoCompleteValue: [{
-                type: Input,
-                args: [{ required: false }]
-            }], rows: [{
-                type: Input,
-                args: [{ required: false }]
-            }], characterCountEnabled: [{
-                type: Input,
-                args: [{ required: false }]
-            }], maxCharacterLimit: [{
-                type: Input,
-                args: [{ required: false }]
-            }], control: [{
-                type: Input,
-                args: [{ required: true }]
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { Component, DestroyRef, Input, computed, inject, signal } from "@angular/core";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import * as i1 from "@angular/forms";
+import { ReactiveFormsModule } from "@angular/forms";
+var GovukTextAreaComponent = class GovukTextAreaComponent {
+	destroyRef = inject(DestroyRef);
+	_control;
+	_controlValue = signal("", ...ngDevMode ? [{ debugName: "_controlValue" }] : /* istanbul ignore next */ []);
+	remainingCharacterCount = computed(() => {
+		return this.maxCharacterLimit - this._controlValue().length;
+	}, ...ngDevMode ? [{ debugName: "remainingCharacterCount" }] : /* istanbul ignore next */ []);
+	labelText;
+	labelClasses;
+	inputId;
+	inputName;
+	inputClasses;
+	hintText;
+	inputMode = "text";
+	errors = null;
+	autoComplete = false;
+	autoCompleteValue = null;
+	rows = 5;
+	characterCountEnabled = false;
+	maxCharacterLimit = 500;
+	set control(abstractControl) {
+		this._control = abstractControl;
+		this._controlValue.set(this._control.value ?? "");
+		this._control.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((value) => {
+			this._controlValue.set(value ?? "");
+		});
+	}
+	get getControl() {
+		return this._control;
+	}
+	get describedBy() {
+		const ids = [];
+		if (this.hintText) ids.push(`${this.inputId}-hint`);
+		if (this.errors) ids.push(`${this.inputId}-error-message`);
+		if (this.characterCountEnabled) ids.push(`${this.inputId}-with-hint-info`);
+		return ids.length ? ids.join(" ") : null;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukTextAreaComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "21.2.25",
+		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",
+			autoComplete: "autoComplete",
+			autoCompleteValue: "autoCompleteValue",
+			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    [attr.autocomplete]=\"autoCompleteValue ? autoCompleteValue : autoComplete ? 'on' : 'off'\"\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.25",
+	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    [attr.autocomplete]=\"autoCompleteValue ? autoCompleteValue : autoComplete ? 'on' : 'off'\"\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: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		labelClasses: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		inputId: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		inputName: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		inputClasses: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		hintText: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		inputMode: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		errors: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		autoComplete: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		autoCompleteValue: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		rows: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		characterCountEnabled: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		maxCharacterLimit: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		control: [{
+			type: Input,
+			args: [{ required: true }]
+		}]
+	}
+});
 export { GovukTextAreaComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-text-area.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-text-area.mjs.map

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

@@ -1,96 +1,166 @@
-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 GovukTextInputPrefixSuffixComponent {
-    _control;
-    labelText;
-    labelClasses;
-    inputId;
-    inputName;
-    inputClasses;
-    errors = null;
-    autoComplete = false;
-    autoCompleteValue = null;
-    prefixText;
-    suffixText;
-    forceTwoDecimalPoints;
-    set control(abstractControl) {
-        // Form controls are passed in as abstract controls, we need to re-cast it.
-        this._control = abstractControl;
-    }
-    /**
-     * Formats the value of the control to two decimal places when the control loses focus.
-     */
-    onBlurFormatToTwoDecimalPlaces() {
-        let value = this._control.value;
-        if (value && !Number.isNaN(Number.parseFloat(value))) {
-            const parts = value.split('.');
-            // Check if the value has a decimal point and exactly one digit after it
-            if (parts.length === 2 && parts[1].length === 1) {
-                // Convert the value to two decimal places
-                value = Number.parseFloat(value).toFixed(2);
-                this._control.setValue(value, { emitEvent: false });
-            }
-        }
-    }
-    get getControl() {
-        return this._control;
-    }
-    get describedBy() {
-        if (this.errors) {
-            return `${this.inputId}-error-message`;
-        }
-        return null;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: GovukTextInputPrefixSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", 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", autoComplete: "autoComplete", autoCompleteValue: "autoCompleteValue", 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      [attr.autocomplete]=\"autoCompleteValue ? autoCompleteValue : autoComplete ? 'on' : 'off'\"\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.23", 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      [attr.autocomplete]=\"autoCompleteValue ? autoCompleteValue : autoComplete ? 'on' : 'off'\"\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: [{
-                type: Input,
-                args: [{ required: true }]
-            }], labelClasses: [{
-                type: Input,
-                args: [{ required: false }]
-            }], inputId: [{
-                type: Input,
-                args: [{ required: true }]
-            }], inputName: [{
-                type: Input,
-                args: [{ required: true }]
-            }], inputClasses: [{
-                type: Input,
-                args: [{ required: false }]
-            }], errors: [{
-                type: Input,
-                args: [{ required: false }]
-            }], autoComplete: [{
-                type: Input,
-                args: [{ required: false }]
-            }], autoCompleteValue: [{
-                type: Input,
-                args: [{ required: false }]
-            }], prefixText: [{
-                type: Input,
-                args: [{ required: false }]
-            }], suffixText: [{
-                type: Input,
-                args: [{ required: false }]
-            }], forceTwoDecimalPoints: [{
-                type: Input,
-                args: [{ required: false }]
-            }], control: [{
-                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 GovukTextInputPrefixSuffixComponent = class GovukTextInputPrefixSuffixComponent {
+	_control;
+	labelText;
+	labelClasses;
+	inputId;
+	inputName;
+	inputClasses;
+	errors = null;
+	autoComplete = false;
+	autoCompleteValue = null;
+	prefixText;
+	suffixText;
+	forceTwoDecimalPoints;
+	set control(abstractControl) {
+		this._control = abstractControl;
+	}
+	onBlurFormatToTwoDecimalPlaces() {
+		let value = this._control.value;
+		if (value && !Number.isNaN(Number.parseFloat(value))) {
+			const parts = value.split(".");
+			if (parts.length === 2 && parts[1].length === 1) {
+				value = Number.parseFloat(value).toFixed(2);
+				this._control.setValue(value, { emitEvent: false });
+			}
+		}
+	}
+	get getControl() {
+		return this._control;
+	}
+	get describedBy() {
+		if (this.errors) return `${this.inputId}-error-message`;
+		return null;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukTextInputPrefixSuffixComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "21.2.25",
+		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",
+			autoComplete: "autoComplete",
+			autoCompleteValue: "autoCompleteValue",
+			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      [attr.autocomplete]=\"autoCompleteValue ? autoCompleteValue : autoComplete ? 'on' : 'off'\"\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.25",
+	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      [attr.autocomplete]=\"autoCompleteValue ? autoCompleteValue : autoComplete ? 'on' : 'off'\"\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: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		labelClasses: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		inputId: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		inputName: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		inputClasses: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		errors: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		autoComplete: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		autoCompleteValue: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		prefixText: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		suffixText: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		forceTwoDecimalPoints: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		control: [{
+			type: Input,
+			args: [{ required: true }]
+		}]
+	}
+});
 export { GovukTextInputPrefixSuffixComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-text-input-prefix-suffix.mjs.map
+
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-text-input-prefix-suffix.mjs.map