@eagami/ui 5.71.0 → 5.71.2

package/fesm2022/eagami-ui.mjs

@@ -2,6 +2,10 @@ import * as i0 from "@angular/core";
 import { ApplicationRef, CSP_NONCE, ChangeDetectionStrategy, Component, DOCUMENT, DestroyRef, Directive, ElementRef, EnvironmentInjector, HostAttributeToken, HostBinding, HostListener, Injectable, InjectionToken, Injector, NgZone, PLATFORM_ID, Renderer2, RendererStyleFlags2, TemplateRef, ViewContainerRef, ViewEncapsulation, afterNextRender, afterRenderEffect, computed, contentChild, createComponent, effect, forwardRef, inject, input, linkedSignal, makeEnvironmentProviders, model, output, provideEnvironmentInitializer, signal, untracked, viewChild, viewChildren } from "@angular/core";
 import { NgClass, NgComponentOutlet, NgTemplateOutlet, isPlatformBrowser } from "@angular/common";
 import { FormResetEvent, FormSubmittedEvent, NG_VALUE_ACCESSOR, NgControl, TouchedChangeEvent } from "@angular/forms";
+const EAGAMI_FORMS_CONFIG = new InjectionToken("EAGAMI_FORMS_CONFIG", {
+	providedIn: "root",
+	factory: () => ({})
+});
 const EAGAMI_I18N_CONFIG = new InjectionToken("EAGAMI_I18N_CONFIG");
 const STYLE_TAG_ID = "eagami-palette";
 function applyPalette(palette, nonce) {
@@ -299,16 +303,23 @@ function provideEagamiUi(config = {}) {
 		localeLoaders: config.localeLoaders,
 		messages: config.messages
 	};
-	return makeEnvironmentProviders([{
-		provide: EAGAMI_I18N_CONFIG,
-		useValue: i18nConfig
-	}, provideEnvironmentInitializer(() => {
-		if (!config.palette) return;
-		const palette = derivePalette(config.palette);
-		const violations = validatePalette(palette);
-		if (violations.length > 0) throw new Error(formatViolations(violations));
-		applyPalette(palette, inject(CSP_NONCE, { optional: true }));
-	})]);
+	return makeEnvironmentProviders([
+		{
+			provide: EAGAMI_I18N_CONFIG,
+			useValue: i18nConfig
+		},
+		{
+			provide: EAGAMI_FORMS_CONFIG,
+			useValue: config.forms ?? {}
+		},
+		provideEnvironmentInitializer(() => {
+			if (!config.palette) return;
+			const palette = derivePalette(config.palette);
+			const violations = validatePalette(palette);
+			if (violations.length > 0) throw new Error(formatViolations(violations));
+			applyPalette(palette, inject(CSP_NONCE, { optional: true }));
+		})
+	]);
 }
 const LOCALE_DISPLAY = {
 	en: {
@@ -5558,6 +5569,8 @@ function controlErrorStateFrom(control, config) {
 	const injector = inject(Injector);
 	const destroyRef = inject(DestroyRef);
 	const host = inject(ElementRef, { optional: true });
+	const formsConfig = inject(EAGAMI_FORMS_CONFIG);
+	const showErrorsOn = computed(() => config.showErrorsOn?.() ?? formsConfig.showErrorsOn ?? "change", ...ngDevMode ? [{ debugName: "showErrorsOn" }] : /* istanbul ignore next */ []);
 	const revision = signal(0, ...ngDevMode ? [{ debugName: "revision" }] : /* istanbul ignore next */ []);
 	const editing = signal(false, ...ngDevMode ? [{ debugName: "editing" }] : /* istanbul ignore next */ []);
 	const revealedBySubmit = signal(false, ...ngDevMode ? [{ debugName: "revealedBySubmit" }] : /* istanbul ignore next */ []);
@@ -5621,14 +5634,14 @@ function controlErrorStateFrom(control, config) {
 		revision();
 		const ctrl = control();
 		if (!ctrl || !ctrl.invalid || !ctrl.touched || !ctrl.errors) return null;
-		if (ctrl.pristine && passedThrough()) return null;
+		if (ctrl.pristine && passedThrough() && showErrorsOn() === "change") return null;
 		return resolveValidationMessage(ctrl.errors, config.errorMessages(), i18n.messages());
 	}, ...ngDevMode ? [{ debugName: "validationError" }] : /* istanbul ignore next */ []);
 	const autoError = linkedSignal({
 		...ngDevMode ? { debugName: "autoError" } : /* istanbul ignore next */ {},
 		source: () => ({
 			message: validationError(),
-			holding: revealPending() || editing() && !revealedBySubmit()
+			holding: revealPending() || editing() && !revealedBySubmit() && showErrorsOn() !== "touch"
 		}),
 		computation: ({ message, holding }, previous) => previous?.value || !holding ? message : null
 	});
@@ -6407,6 +6420,7 @@ var AutocompleteComponent = class AutocompleteComponent {
 	hint = input(void 0, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
 	errorMsg = input(void 0, ...ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []);
 	errorMessages = input(void 0, ...ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []);
+	showErrorsOn = input(void 0, ...ngDevMode ? [{ debugName: "showErrorsOn" }] : /* istanbul ignore next */ []);
 	minLength = input(0, ...ngDevMode ? [{ debugName: "minLength" }] : /* istanbul ignore next */ []);
 	maxLength = input(void 0, ...ngDevMode ? [{ debugName: "maxLength" }] : /* istanbul ignore next */ []);
 	maxResults = input(10, ...ngDevMode ? [{ debugName: "maxResults" }] : /* istanbul ignore next */ []);
@@ -6427,7 +6441,8 @@ var AutocompleteComponent = class AutocompleteComponent {
 	isDisabled = computed(() => this.disabled() || this._formDisabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
 	errorState = injectControlErrorState({
 		errorMsg: this.errorMsg,
-		errorMessages: this.errorMessages
+		errorMessages: this.errorMessages,
+		showErrorsOn: this.showErrorsOn
 	});
 	errorText = this.errorState.error;
 	hasError = this.errorState.hasError;
@@ -6655,6 +6670,13 @@ var AutocompleteComponent = class AutocompleteComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			showErrorsOn: {
+				classPropertyName: "showErrorsOn",
+				publicName: "showErrorsOn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			minLength: {
 				classPropertyName: "minLength",
 				publicName: "minLength",
@@ -6923,6 +6945,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showErrorsOn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrorsOn",
+				required: false
+			}]
+		}],
 		minLength: [{
 			type: i0.Input,
 			args: [{
@@ -11697,6 +11727,7 @@ var CheckboxComponent = class CheckboxComponent {
 	hint = input(void 0, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
 	errorMsg = input(void 0, ...ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []);
 	errorMessages = input(void 0, ...ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []);
+	showErrorsOn = input(void 0, ...ngDevMode ? [{ debugName: "showErrorsOn" }] : /* istanbul ignore next */ []);
 	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
 	truncate = input(false, ...ngDevMode ? [{ debugName: "truncate" }] : /* istanbul ignore next */ []);
 	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
@@ -11713,7 +11744,8 @@ var CheckboxComponent = class CheckboxComponent {
 	isDisabled = computed(() => this.disabled() || this._formDisabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
 	errorState = injectControlErrorState({
 		errorMsg: this.errorMsg,
-		errorMessages: this.errorMessages
+		errorMessages: this.errorMessages,
+		showErrorsOn: this.showErrorsOn
 	});
 	errorText = this.errorState.error;
 	hasError = this.errorState.hasError;
@@ -11810,6 +11842,13 @@ var CheckboxComponent = class CheckboxComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			showErrorsOn: {
+				classPropertyName: "showErrorsOn",
+				publicName: "showErrorsOn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			size: {
 				classPropertyName: "size",
 				publicName: "size",
@@ -11982,6 +12021,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showErrorsOn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrorsOn",
+				required: false
+			}]
+		}],
 		size: [{
 			type: i0.Input,
 			args: [{
@@ -12518,6 +12565,7 @@ var InputComponent = class InputComponent {
 	hint = input(void 0, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
 	errorMsg = input(void 0, ...ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []);
 	errorMessages = input(void 0, ...ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []);
+	showErrorsOn = input(void 0, ...ngDevMode ? [{ debugName: "showErrorsOn" }] : /* istanbul ignore next */ []);
 	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
 	readonly = input(false, ...ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []);
 	required = input(false, ...ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []);
@@ -12548,7 +12596,8 @@ var InputComponent = class InputComponent {
 	effectiveType = computed(() => this.type() === "password" && this.passwordVisible() ? "text" : this.type(), ...ngDevMode ? [{ debugName: "effectiveType" }] : /* istanbul ignore next */ []);
 	errorState = injectControlErrorState({
 		errorMsg: this.errorMsg,
-		errorMessages: this.errorMessages
+		errorMessages: this.errorMessages,
+		showErrorsOn: this.showErrorsOn
 	});
 	errorText = this.errorState.error;
 	hasError = this.errorState.hasError;
@@ -12801,6 +12850,13 @@ var InputComponent = class InputComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			showErrorsOn: {
+				classPropertyName: "showErrorsOn",
+				publicName: "showErrorsOn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			disabled: {
 				classPropertyName: "disabled",
 				publicName: "disabled",
@@ -13191,6 +13247,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showErrorsOn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrorsOn",
+				required: false
+			}]
+		}],
 		disabled: [{
 			type: i0.Input,
 			args: [{
@@ -13630,6 +13694,7 @@ var CommandPaletteComponent = class CommandPaletteComponent {
 					"hint",
 					"errorMsg",
 					"errorMessages",
+					"showErrorsOn",
 					"disabled",
 					"readonly",
 					"required",
@@ -13857,6 +13922,7 @@ var ColorPickerComponent = class ColorPickerComponent {
 	hint = input(void 0, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
 	errorMsg = input(void 0, ...ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []);
 	errorMessages = input(void 0, ...ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []);
+	showErrorsOn = input(void 0, ...ngDevMode ? [{ debugName: "showErrorsOn" }] : /* istanbul ignore next */ []);
 	showAlpha = input(true, ...ngDevMode ? [{ debugName: "showAlpha" }] : /* istanbul ignore next */ []);
 	clearable = input(true, ...ngDevMode ? [{ debugName: "clearable" }] : /* istanbul ignore next */ []);
 	compact = input(false, ...ngDevMode ? [{ debugName: "compact" }] : /* istanbul ignore next */ []);
@@ -13891,7 +13957,8 @@ var ColorPickerComponent = class ColorPickerComponent {
 	isDisabled = computed(() => this.disabled() || this._formDisabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
 	errorState = injectControlErrorState({
 		errorMsg: this.errorMsg,
-		errorMessages: this.errorMessages
+		errorMessages: this.errorMessages,
+		showErrorsOn: this.showErrorsOn
 	});
 	errorText = this.errorState.error;
 	hasError = this.errorState.hasError;
@@ -14378,6 +14445,13 @@ var ColorPickerComponent = class ColorPickerComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			showErrorsOn: {
+				classPropertyName: "showErrorsOn",
+				publicName: "showErrorsOn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			showAlpha: {
 				classPropertyName: "showAlpha",
 				publicName: "showAlpha",
@@ -14681,6 +14755,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showErrorsOn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrorsOn",
+				required: false
+			}]
+		}],
 		showAlpha: [{
 			type: i0.Input,
 			args: [{
@@ -16334,6 +16416,7 @@ var CodeInputComponent = class CodeInputComponent {
 	hint = input(void 0, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
 	errorMsg = input(void 0, ...ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []);
 	errorMessages = input(void 0, ...ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []);
+	showErrorsOn = input(void 0, ...ngDevMode ? [{ debugName: "showErrorsOn" }] : /* istanbul ignore next */ []);
 	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
 	readonly = input(false, ...ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []);
 	required = input(false, ...ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []);
@@ -16348,7 +16431,8 @@ var CodeInputComponent = class CodeInputComponent {
 	isDisabled = computed(() => this.disabled() || this._formDisabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
 	errorState = injectControlErrorState({
 		errorMsg: this.errorMsg,
-		errorMessages: this.errorMessages
+		errorMessages: this.errorMessages,
+		showErrorsOn: this.showErrorsOn
 	});
 	errorText = this.errorState.error;
 	hasError = this.errorState.hasError;
@@ -16534,6 +16618,13 @@ var CodeInputComponent = class CodeInputComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			showErrorsOn: {
+				classPropertyName: "showErrorsOn",
+				publicName: "showErrorsOn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			disabled: {
 				classPropertyName: "disabled",
 				publicName: "disabled",
@@ -16736,6 +16827,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showErrorsOn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrorsOn",
+				required: false
+			}]
+		}],
 		disabled: [{
 			type: i0.Input,
 			args: [{
@@ -17119,6 +17218,7 @@ var DatePickerComponent = class DatePickerComponent {
 	hint = input(void 0, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
 	errorMsg = input(void 0, ...ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []);
 	errorMessages = input(void 0, ...ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []);
+	showErrorsOn = input(void 0, ...ngDevMode ? [{ debugName: "showErrorsOn" }] : /* istanbul ignore next */ []);
 	minDate = input(null, ...ngDevMode ? [{ debugName: "minDate" }] : /* istanbul ignore next */ []);
 	maxDate = input(null, ...ngDevMode ? [{ debugName: "maxDate" }] : /* istanbul ignore next */ []);
 	disabledWeekdays = input([], ...ngDevMode ? [{ debugName: "disabledWeekdays" }] : /* istanbul ignore next */ []);
@@ -17141,7 +17241,8 @@ var DatePickerComponent = class DatePickerComponent {
 	isDisabled = computed(() => this.disabled() || this._formDisabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
 	errorState = injectControlErrorState({
 		errorMsg: this.errorMsg,
-		errorMessages: this.errorMessages
+		errorMessages: this.errorMessages,
+		showErrorsOn: this.showErrorsOn
 	});
 	errorText = this.errorState.error;
 	hasError = this.errorState.hasError;
@@ -17594,6 +17695,13 @@ var DatePickerComponent = class DatePickerComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			showErrorsOn: {
+				classPropertyName: "showErrorsOn",
+				publicName: "showErrorsOn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			minDate: {
 				classPropertyName: "minDate",
 				publicName: "minDate",
@@ -17908,6 +18016,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showErrorsOn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrorsOn",
+				required: false
+			}]
+		}],
 		minDate: [{
 			type: i0.Input,
 			args: [{
@@ -19088,6 +19204,7 @@ var DropdownComponent = class DropdownComponent {
 	hint = input(void 0, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
 	errorMsg = input(void 0, ...ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []);
 	errorMessages = input(void 0, ...ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []);
+	showErrorsOn = input(void 0, ...ngDevMode ? [{ debugName: "showErrorsOn" }] : /* istanbul ignore next */ []);
 	id = input(uniqueId("ea-dropdown"), ...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
 	value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
 	changed = output();
@@ -19108,7 +19225,8 @@ var DropdownComponent = class DropdownComponent {
 	isDisabled = computed(() => this.disabled() || this._formDisabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
 	errorState = injectControlErrorState({
 		errorMsg: this.errorMsg,
-		errorMessages: this.errorMessages
+		errorMessages: this.errorMessages,
+		showErrorsOn: this.showErrorsOn
 	});
 	errorText = this.errorState.error;
 	hasError = this.errorState.hasError;
@@ -19429,6 +19547,13 @@ var DropdownComponent = class DropdownComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			showErrorsOn: {
+				classPropertyName: "showErrorsOn",
+				publicName: "showErrorsOn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			id: {
 				classPropertyName: "id",
 				publicName: "id",
@@ -19717,6 +19842,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showErrorsOn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrorsOn",
+				required: false
+			}]
+		}],
 		id: [{
 			type: i0.Input,
 			args: [{
@@ -20498,6 +20631,7 @@ var FormFieldComponent = class FormFieldComponent {
 	hint = input(void 0, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
 	errorMsg = input(void 0, ...ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []);
 	errorMessages = input(void 0, ...ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []);
+	showErrorsOn = input(void 0, ...ngDevMode ? [{ debugName: "showErrorsOn" }] : /* istanbul ignore next */ []);
 	required = input(false, ...ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []);
 	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
 	id = input(uniqueId("ea-form-field"), ...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
@@ -20509,7 +20643,8 @@ var FormFieldComponent = class FormFieldComponent {
 	boundControl = computed(() => this.rendered() ? this.ngControl()?.control ?? null : null, ...ngDevMode ? [{ debugName: "boundControl" }] : /* istanbul ignore next */ []);
 	errorState = controlErrorStateFrom(this.boundControl, {
 		errorMsg: this.errorMsg,
-		errorMessages: this.errorMessages
+		errorMessages: this.errorMessages,
+		showErrorsOn: this.showErrorsOn
 	});
 	errorText = this.errorState.error;
 	hasError = this.errorState.hasError;
@@ -20603,6 +20738,13 @@ var FormFieldComponent = class FormFieldComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			showErrorsOn: {
+				classPropertyName: "showErrorsOn",
+				publicName: "showErrorsOn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			required: {
 				classPropertyName: "required",
 				publicName: "required",
@@ -20736,6 +20878,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showErrorsOn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrorsOn",
+				required: false
+			}]
+		}],
 		required: [{
 			type: i0.Input,
 			args: [{
@@ -21505,6 +21655,7 @@ var FileUploaderComponent = class FileUploaderComponent {
 	hint = input(void 0, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
 	errorMsg = input(void 0, ...ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []);
 	errorMessages = input(void 0, ...ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []);
+	showErrorsOn = input(void 0, ...ngDevMode ? [{ debugName: "showErrorsOn" }] : /* istanbul ignore next */ []);
 	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
 	variant = input("dropzone", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
 	buttonLabel = input(void 0, ...ngDevMode ? [{ debugName: "buttonLabel" }] : /* istanbul ignore next */ []);
@@ -21535,7 +21686,8 @@ var FileUploaderComponent = class FileUploaderComponent {
 	isDisabled = computed(() => this.disabled() || this._formDisabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
 	errorState = injectControlErrorState({
 		errorMsg: this.errorMsg,
-		errorMessages: this.errorMessages
+		errorMessages: this.errorMessages,
+		showErrorsOn: this.showErrorsOn
 	});
 	errorText = this.errorState.error;
 	hasError = this.errorState.hasError;
@@ -21786,6 +21938,13 @@ var FileUploaderComponent = class FileUploaderComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			showErrorsOn: {
+				classPropertyName: "showErrorsOn",
+				publicName: "showErrorsOn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			size: {
 				classPropertyName: "size",
 				publicName: "size",
@@ -22136,6 +22295,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showErrorsOn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrorsOn",
+				required: false
+			}]
+		}],
 		size: [{
 			type: i0.Input,
 			args: [{
@@ -24057,6 +24224,7 @@ var MultiSelectComponent = class MultiSelectComponent {
 	hint = input(void 0, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
 	errorMsg = input(void 0, ...ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []);
 	errorMessages = input(void 0, ...ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []);
+	showErrorsOn = input(void 0, ...ngDevMode ? [{ debugName: "showErrorsOn" }] : /* istanbul ignore next */ []);
 	searchable = input(true, ...ngDevMode ? [{ debugName: "searchable" }] : /* istanbul ignore next */ []);
 	selectAll = input(true, ...ngDevMode ? [{ debugName: "selectAll" }] : /* istanbul ignore next */ []);
 	allowCreate = input(false, ...ngDevMode ? [{ debugName: "allowCreate" }] : /* istanbul ignore next */ []);
@@ -24077,7 +24245,8 @@ var MultiSelectComponent = class MultiSelectComponent {
 	isDisabled = computed(() => this.disabled() || this._formDisabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
 	errorState = injectControlErrorState({
 		errorMsg: this.errorMsg,
-		errorMessages: this.errorMessages
+		errorMessages: this.errorMessages,
+		showErrorsOn: this.showErrorsOn
 	});
 	errorText = this.errorState.error;
 	hasError = this.errorState.hasError;
@@ -24482,6 +24651,13 @@ var MultiSelectComponent = class MultiSelectComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			showErrorsOn: {
+				classPropertyName: "showErrorsOn",
+				publicName: "showErrorsOn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			searchable: {
 				classPropertyName: "searchable",
 				publicName: "searchable",
@@ -24614,6 +24790,7 @@ var MultiSelectComponent = class MultiSelectComponent {
 					"hint",
 					"errorMsg",
 					"errorMessages",
+					"showErrorsOn",
 					"size",
 					"truncate",
 					"disabled",
@@ -24927,6 +25104,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showErrorsOn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrorsOn",
+				required: false
+			}]
+		}],
 		searchable: [{
 			type: i0.Input,
 			args: [{
@@ -25024,6 +25209,7 @@ var NumberInputComponent = class NumberInputComponent {
 	hint = input(void 0, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
 	errorMsg = input(void 0, ...ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []);
 	errorMessages = input(void 0, ...ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []);
+	showErrorsOn = input(void 0, ...ngDevMode ? [{ debugName: "showErrorsOn" }] : /* istanbul ignore next */ []);
 	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
 	readonly = input(false, ...ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []);
 	required = input(false, ...ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []);
@@ -25054,7 +25240,8 @@ var NumberInputComponent = class NumberInputComponent {
 	}, ...ngDevMode ? [{ debugName: "effectiveMin" }] : /* istanbul ignore next */ []);
 	errorState = injectControlErrorState({
 		errorMsg: this.errorMsg,
-		errorMessages: this.errorMessages
+		errorMessages: this.errorMessages,
+		showErrorsOn: this.showErrorsOn
 	});
 	errorText = this.errorState.error;
 	hasError = this.errorState.hasError;
@@ -25217,6 +25404,13 @@ var NumberInputComponent = class NumberInputComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			showErrorsOn: {
+				classPropertyName: "showErrorsOn",
+				publicName: "showErrorsOn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			disabled: {
 				classPropertyName: "disabled",
 				publicName: "disabled",
@@ -25453,6 +25647,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showErrorsOn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrorsOn",
+				required: false
+			}]
+		}],
 		disabled: [{
 			type: i0.Input,
 			args: [{
@@ -26627,6 +26829,7 @@ var RadioGroupComponent = class RadioGroupComponent {
 	hint = input(void 0, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
 	errorMsg = input(void 0, ...ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []);
 	errorMessages = input(void 0, ...ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []);
+	showErrorsOn = input(void 0, ...ngDevMode ? [{ debugName: "showErrorsOn" }] : /* istanbul ignore next */ []);
 	ariaLabel = input(void 0, {
 		...ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {},
 		alias: "aria-label"
@@ -26641,7 +26844,8 @@ var RadioGroupComponent = class RadioGroupComponent {
 	isDisabled = computed(() => this.disabled() || this._formDisabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
 	errorState = injectControlErrorState({
 		errorMsg: this.errorMsg,
-		errorMessages: this.errorMessages
+		errorMessages: this.errorMessages,
+		showErrorsOn: this.showErrorsOn
 	});
 	errorText = this.errorState.error;
 	hasError = this.errorState.hasError;
@@ -26774,6 +26978,13 @@ var RadioGroupComponent = class RadioGroupComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			showErrorsOn: {
+				classPropertyName: "showErrorsOn",
+				publicName: "showErrorsOn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			ariaLabel: {
 				classPropertyName: "ariaLabel",
 				publicName: "aria-label",
@@ -26961,6 +27172,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showErrorsOn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrorsOn",
+				required: false
+			}]
+		}],
 		ariaLabel: [{
 			type: i0.Input,
 			args: [{
@@ -27130,6 +27349,7 @@ var RangeSliderComponent = class RangeSliderComponent {
 	hint = input(void 0, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
 	errorMsg = input(void 0, ...ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []);
 	errorMessages = input(void 0, ...ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []);
+	showErrorsOn = input(void 0, ...ngDevMode ? [{ debugName: "showErrorsOn" }] : /* istanbul ignore next */ []);
 	min = input(0, ...ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []);
 	max = input(100, ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
 	step = input(1, ...ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []);
@@ -27184,7 +27404,8 @@ var RangeSliderComponent = class RangeSliderComponent {
 	}
 	errorState = injectControlErrorState({
 		errorMsg: this.errorMsg,
-		errorMessages: this.errorMessages
+		errorMessages: this.errorMessages,
+		showErrorsOn: this.showErrorsOn
 	});
 	errorText = this.errorState.error;
 	hasError = this.errorState.hasError;
@@ -27371,6 +27592,13 @@ var RangeSliderComponent = class RangeSliderComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			showErrorsOn: {
+				classPropertyName: "showErrorsOn",
+				publicName: "showErrorsOn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			min: {
 				classPropertyName: "min",
 				publicName: "min",
@@ -27618,6 +27846,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showErrorsOn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrorsOn",
+				required: false
+			}]
+		}],
 		min: [{
 			type: i0.Input,
 			args: [{
@@ -27936,6 +28172,7 @@ var RatingComponent = class RatingComponent {
 	hint = input(void 0, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
 	errorMsg = input(void 0, ...ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []);
 	errorMessages = input(void 0, ...ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []);
+	showErrorsOn = input(void 0, ...ngDevMode ? [{ debugName: "showErrorsOn" }] : /* istanbul ignore next */ []);
 	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
 	min = input(0, ...ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []);
 	max = input(5, ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
@@ -27958,7 +28195,8 @@ var RatingComponent = class RatingComponent {
 	isInteractive = computed(() => !this.isDisabled() && !this.readonly(), ...ngDevMode ? [{ debugName: "isInteractive" }] : /* istanbul ignore next */ []);
 	errorState = injectControlErrorState({
 		errorMsg: this.errorMsg,
-		errorMessages: this.errorMessages
+		errorMessages: this.errorMessages,
+		showErrorsOn: this.showErrorsOn
 	});
 	errorText = this.errorState.error;
 	hasError = this.errorState.hasError;
@@ -28162,6 +28400,13 @@ var RatingComponent = class RatingComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			showErrorsOn: {
+				classPropertyName: "showErrorsOn",
+				publicName: "showErrorsOn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			size: {
 				classPropertyName: "size",
 				publicName: "size",
@@ -28412,6 +28657,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showErrorsOn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrorsOn",
+				required: false
+			}]
+		}],
 		size: [{
 			type: i0.Input,
 			args: [{
@@ -28527,6 +28780,7 @@ var SegmentedComponent = class SegmentedComponent {
 	hint = input(void 0, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
 	errorMsg = input(void 0, ...ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []);
 	errorMessages = input(void 0, ...ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []);
+	showErrorsOn = input(void 0, ...ngDevMode ? [{ debugName: "showErrorsOn" }] : /* istanbul ignore next */ []);
 	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
 	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
 	required = input(false, ...ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []);
@@ -28548,7 +28802,8 @@ var SegmentedComponent = class SegmentedComponent {
 	isDisabled = computed(() => this.disabled() || this._formDisabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
 	errorState = injectControlErrorState({
 		errorMsg: this.errorMsg,
-		errorMessages: this.errorMessages
+		errorMessages: this.errorMessages,
+		showErrorsOn: this.showErrorsOn
 	});
 	errorText = this.errorState.error;
 	hasError = this.errorState.hasError;
@@ -28713,6 +28968,13 @@ var SegmentedComponent = class SegmentedComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			showErrorsOn: {
+				classPropertyName: "showErrorsOn",
+				publicName: "showErrorsOn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			size: {
 				classPropertyName: "size",
 				publicName: "size",
@@ -28924,6 +29186,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showErrorsOn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrorsOn",
+				required: false
+			}]
+		}],
 		size: [{
 			type: i0.Input,
 			args: [{
@@ -29009,6 +29279,7 @@ var SliderComponent = class SliderComponent {
 	hint = input(void 0, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
 	errorMsg = input(void 0, ...ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []);
 	errorMessages = input(void 0, ...ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []);
+	showErrorsOn = input(void 0, ...ngDevMode ? [{ debugName: "showErrorsOn" }] : /* istanbul ignore next */ []);
 	hasError = input(false, ...ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []);
 	min = input(0, ...ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []);
 	max = input(100, ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
@@ -29058,7 +29329,8 @@ var SliderComponent = class SliderComponent {
 	}
 	errorState = injectControlErrorState({
 		errorMsg: this.errorMsg,
-		errorMessages: this.errorMessages
+		errorMessages: this.errorMessages,
+		showErrorsOn: this.showErrorsOn
 	});
 	errorText = this.errorState.error;
 	errored = computed(() => this.hasError() || this.showError(), ...ngDevMode ? [{ debugName: "errored" }] : /* istanbul ignore next */ []);
@@ -29247,6 +29519,13 @@ var SliderComponent = class SliderComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			showErrorsOn: {
+				classPropertyName: "showErrorsOn",
+				publicName: "showErrorsOn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			hasError: {
 				classPropertyName: "hasError",
 				publicName: "hasError",
@@ -29501,6 +29780,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showErrorsOn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrorsOn",
+				required: false
+			}]
+		}],
 		hasError: [{
 			type: i0.Input,
 			args: [{
@@ -30548,6 +30835,7 @@ var SwitchComponent = class SwitchComponent {
 	hint = input(void 0, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
 	errorMsg = input(void 0, ...ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []);
 	errorMessages = input(void 0, ...ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []);
+	showErrorsOn = input(void 0, ...ngDevMode ? [{ debugName: "showErrorsOn" }] : /* istanbul ignore next */ []);
 	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
 	variant = input("default", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
 	onIcon = input(void 0, ...ngDevMode ? [{ debugName: "onIcon" }] : /* istanbul ignore next */ []);
@@ -30567,7 +30855,8 @@ var SwitchComponent = class SwitchComponent {
 	isDisabled = computed(() => this.disabled() || this._formDisabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
 	errorState = injectControlErrorState({
 		errorMsg: this.errorMsg,
-		errorMessages: this.errorMessages
+		errorMessages: this.errorMessages,
+		showErrorsOn: this.showErrorsOn
 	});
 	errorText = this.errorState.error;
 	hasError = this.errorState.hasError;
@@ -30644,6 +30933,13 @@ var SwitchComponent = class SwitchComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			showErrorsOn: {
+				classPropertyName: "showErrorsOn",
+				publicName: "showErrorsOn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			size: {
 				classPropertyName: "size",
 				publicName: "size",
@@ -30812,6 +31108,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showErrorsOn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrorsOn",
+				required: false
+			}]
+		}],
 		size: [{
 			type: i0.Input,
 			args: [{
@@ -31227,6 +31531,7 @@ var TextareaComponent = class TextareaComponent {
 	hint = input(void 0, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
 	errorMsg = input(void 0, ...ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []);
 	errorMessages = input(void 0, ...ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []);
+	showErrorsOn = input(void 0, ...ngDevMode ? [{ debugName: "showErrorsOn" }] : /* istanbul ignore next */ []);
 	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
 	readonly = input(false, ...ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []);
 	required = input(false, ...ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []);
@@ -31249,7 +31554,8 @@ var TextareaComponent = class TextareaComponent {
 	nativePlaceholder = computed(() => this.typedPlaceholder().length > 0 ? this.typed.hint() : this.placeholder(), ...ngDevMode ? [{ debugName: "nativePlaceholder" }] : /* istanbul ignore next */ []);
 	errorState = injectControlErrorState({
 		errorMsg: this.errorMsg,
-		errorMessages: this.errorMessages
+		errorMessages: this.errorMessages,
+		showErrorsOn: this.showErrorsOn
 	});
 	errorText = this.errorState.error;
 	hasError = this.errorState.hasError;
@@ -31414,6 +31720,13 @@ var TextareaComponent = class TextareaComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			showErrorsOn: {
+				classPropertyName: "showErrorsOn",
+				publicName: "showErrorsOn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			disabled: {
 				classPropertyName: "disabled",
 				publicName: "disabled",
@@ -31675,6 +31988,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showErrorsOn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrorsOn",
+				required: false
+			}]
+		}],
 		disabled: [{
 			type: i0.Input,
 			args: [{
@@ -31950,6 +32271,7 @@ var TimePickerComponent = class TimePickerComponent {
 	hint = input(void 0, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
 	errorMsg = input(void 0, ...ngDevMode ? [{ debugName: "errorMsg" }] : /* istanbul ignore next */ []);
 	errorMessages = input(void 0, ...ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []);
+	showErrorsOn = input(void 0, ...ngDevMode ? [{ debugName: "showErrorsOn" }] : /* istanbul ignore next */ []);
 	format = input("24h", ...ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []);
 	includeSeconds = input(false, ...ngDevMode ? [{ debugName: "includeSeconds" }] : /* istanbul ignore next */ []);
 	minuteStep = input(1, ...ngDevMode ? [{ debugName: "minuteStep" }] : /* istanbul ignore next */ []);
@@ -31970,7 +32292,8 @@ var TimePickerComponent = class TimePickerComponent {
 	isDisabled = computed(() => this.disabled() || this._formDisabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
 	errorState = injectControlErrorState({
 		errorMsg: this.errorMsg,
-		errorMessages: this.errorMessages
+		errorMessages: this.errorMessages,
+		showErrorsOn: this.showErrorsOn
 	});
 	errorText = this.errorState.error;
 	hasError = this.errorState.hasError;
@@ -32392,6 +32715,13 @@ var TimePickerComponent = class TimePickerComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			showErrorsOn: {
+				classPropertyName: "showErrorsOn",
+				publicName: "showErrorsOn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			format: {
 				classPropertyName: "format",
 				publicName: "format",
@@ -32712,6 +33042,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showErrorsOn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrorsOn",
+				required: false
+			}]
+		}],
 		format: [{
 			type: i0.Input,
 			args: [{