npm - @hmcts/opal-frontend-common - Versions diffs - 0.0.108 → 0.0.110 - Mend

@hmcts/opal-frontend-common 0.0.108 → 0.0.110

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (417) hide show

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

@@ -1,82 +1,152 @@
-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 GovukTextInputComponent {
-    _control;
-    labelText;
-    labelClasses;
-    inputId;
-    inputName;
-    inputClasses;
-    hintText;
-    hintHtml;
-    errors = null;
-    autoComplete = false;
-    autoCompleteValue = null;
-    set control(abstractControl) {
-        // Form controls are passed in as abstract controls, we need to re-cast it.
-        this._control = abstractControl;
-    }
-    get getControl() {
-        return this._control;
-    }
-    get describedBy() {
-        const ids = [];
-        const hasHint = !!this.hintText || !!this.hintHtml;
-        if (hasHint) {
-            ids.push(`${this.inputId}-hint`);
-        }
-        if (this.errors) {
-            ids.push(`${this.inputId}-error-message`);
-        }
-        return ids.length ? ids.join(' ') : null;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: GovukTextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", 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", autoComplete: "autoComplete", autoCompleteValue: "autoCompleteValue", 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    [attr.autocomplete]=\"autoCompleteValue ? autoCompleteValue : autoComplete ? 'on' : 'off'\"\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.21", 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    [attr.autocomplete]=\"autoCompleteValue ? autoCompleteValue : autoComplete ? 'on' : 'off'\"\n    [formControl]=\"getControl\"\n    [attr.aria-describedby]=\"describedBy\"\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 }]
-            }], hintHtml: [{
-                type: Input,
-                args: [{ required: false }]
-            }], errors: [{
-                type: Input,
-                args: [{ required: false }]
-            }], autoComplete: [{
-                type: Input,
-                args: [{ required: false }]
-            }], autoCompleteValue: [{
-                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 GovukTextInputComponent = class GovukTextInputComponent {
+	_control;
+	labelText;
+	labelClasses;
+	inputId;
+	inputName;
+	inputClasses;
+	hintText;
+	hintHtml;
+	errors = null;
+	autoComplete = false;
+	autoCompleteValue = null;
+	set control(abstractControl) {
+		this._control = abstractControl;
+	}
+	get getControl() {
+		return this._control;
+	}
+	get describedBy() {
+		const ids = [];
+		if (!!this.hintText || !!this.hintHtml) ids.push(`${this.inputId}-hint`);
+		if (this.errors) ids.push(`${this.inputId}-error-message`);
+		return ids.length ? ids.join(" ") : null;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: GovukTextInputComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "21.2.25",
+		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",
+			autoComplete: "autoComplete",
+			autoCompleteValue: "autoCompleteValue",
+			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    [attr.autocomplete]=\"autoCompleteValue ? autoCompleteValue : autoComplete ? 'on' : 'off'\"\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.25",
+	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    [attr.autocomplete]=\"autoCompleteValue ? autoCompleteValue : autoComplete ? 'on' : 'off'\"\n    [formControl]=\"getControl\"\n    [attr.aria-describedby]=\"describedBy\"\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 }]
+		}],
+		hintHtml: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		errors: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		autoComplete: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		autoCompleteValue: [{
+			type: Input,
+			args: [{ required: false }]
+		}],
+		control: [{
+			type: Input,
+			args: [{ required: true }]
+		}]
+	}
+});
 export { GovukTextInputComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-text-input.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-govuk-text-input.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-govuk-helpers.mjs CHANGED Viewed

@@ -1,19 +1,8 @@
-/**
- * Adds necessary CSS classes to the document body for GDS (Government Digital Service) support.
- */
 function addGdsBodyClass() {
-    const bodyClassList = document.body.classList;
-    if (!bodyClassList.contains('govuk-frontend-supported')) {
-        bodyClassList.add('govuk-frontend-supported');
-    }
-    if (!bodyClassList.contains('js-enabled')) {
-        bodyClassList.add('js-enabled');
-    }
+	const bodyClassList = document.body.classList;
+	if (!bodyClassList.contains("govuk-frontend-supported")) bodyClassList.add("govuk-frontend-supported");
+	if (!bodyClassList.contains("js-enabled")) bodyClassList.add("js-enabled");
 }
-/**
- * Generated bundle index. Do not edit.
- */
 export { addGdsBodyClass };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-helpers.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-components-govuk-helpers.mjs.map

package/fesm2022/hmcts-opal-frontend-common-components-hod-hod-loading-spinner.mjs CHANGED Viewed

@@ -1,33 +1,66 @@
-import * as i0 from '@angular/core';
-import { HostBinding, Input, ChangeDetectionStrategy, Component } from '@angular/core';
-class HodLoadingSpinnerComponent {
-    spinnerId;
-    statusText = 'Loading...';
-    hostClasses = 'hods-loading-spinner';
-    role = 'status';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: HodLoadingSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: HodLoadingSpinnerComponent, isStandalone: true, selector: "opal-lib-hod-loading-spinner, [opal-lib-hod-loading-spinner]", inputs: { spinnerId: "spinnerId", statusText: "statusText" }, host: { properties: { "class": "this.hostClasses", "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"hods-loading-spinner__spinner\"></div>\n<div class=\"hods-loading-spinner__content\">\n  @if (statusText) {\n    <span class=\"govuk-visually-hidden\">{{ statusText }}</span>\n  }\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: HodLoadingSpinnerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'opal-lib-hod-loading-spinner, [opal-lib-hod-loading-spinner]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"hods-loading-spinner__spinner\"></div>\n<div class=\"hods-loading-spinner__content\">\n  @if (statusText) {\n    <span class=\"govuk-visually-hidden\">{{ statusText }}</span>\n  }\n  <ng-content></ng-content>\n</div>\n" }]
-        }], propDecorators: { spinnerId: [{
-                type: Input,
-                args: [{ required: true }]
-            }], statusText: [{
-                type: Input
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }] } });
-/**
- * Generated bundle index. Do not edit.
- */
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, HostBinding, Input } from "@angular/core";
+var HodLoadingSpinnerComponent = class HodLoadingSpinnerComponent {
+	spinnerId;
+	statusText = "Loading...";
+	hostClasses = "hods-loading-spinner";
+	role = "status";
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "21.2.25",
+		ngImport: i0,
+		type: HodLoadingSpinnerComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "21.2.25",
+		type: HodLoadingSpinnerComponent,
+		isStandalone: true,
+		selector: "opal-lib-hod-loading-spinner, [opal-lib-hod-loading-spinner]",
+		inputs: {
+			spinnerId: "spinnerId",
+			statusText: "statusText"
+		},
+		host: { properties: {
+			"class": "this.hostClasses",
+			"attr.role": "this.role"
+		} },
+		ngImport: i0,
+		template: "<div class=\"hods-loading-spinner__spinner\"></div>\n<div class=\"hods-loading-spinner__content\">\n  @if (statusText) {\n    <span class=\"govuk-visually-hidden\">{{ statusText }}</span>\n  }\n  <ng-content></ng-content>\n</div>\n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.25",
+	ngImport: i0,
+	type: HodLoadingSpinnerComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "opal-lib-hod-loading-spinner, [opal-lib-hod-loading-spinner]",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div class=\"hods-loading-spinner__spinner\"></div>\n<div class=\"hods-loading-spinner__content\">\n  @if (statusText) {\n    <span class=\"govuk-visually-hidden\">{{ statusText }}</span>\n  }\n  <ng-content></ng-content>\n</div>\n"
+		}]
+	}],
+	propDecorators: {
+		spinnerId: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		statusText: [{ type: Input }],
+		hostClasses: [{
+			type: HostBinding,
+			args: ["class"]
+		}],
+		role: [{
+			type: HostBinding,
+			args: ["attr.role"]
+		}]
+	}
+});
 export { HodLoadingSpinnerComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-components-hod-hod-loading-spinner.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-components-hod-hod-loading-spinner.mjs.map