@ng-forge/dynamic-forms 1.3.0-next.2 → 1.3.0-next.3

package/fesm2022/ng-forge-dynamic-forms-integration.mjs

@@ -1,905 +1,1380 @@
-import * as i0 from '@angular/core';
-import { inject, computed, isDevMode, afterRenderEffect, input, Directive, signal, untracked, Injector, InjectionToken, ElementRef } from '@angular/core';
-import { injectFieldSignalContext, omit, buildBaseInputs, DEFAULT_PROPS, resolveNonFieldHidden, resolveNonFieldDisabled, RootFormRegistryService, injectNonFieldEvaluationContext, ARRAY_CONTEXT, FORM_OPTIONS, resolveSubmitButtonDisabled, resolveNextButtonDisabled, isEqual, applyMetaToElement, DEFAULT_VALIDATION_MESSAGES, createResolvedErrorsSignal, shouldShowErrors, FIELD_ERROR_DISPLAY, EventBus, resolveTokens, resolveDynamicValue, ADDON_ACTION_REGISTRY, writeToFieldValue } from '@ng-forge/dynamic-forms/internal';
-export { ADDON_ACTION_REGISTRY, ADDON_TYPE_COMPONENT_CACHE, ADDON_TYPE_DEFINITIONS, ADDON_TYPE_REGISTRY, ARRAY_CONTEXT, DEFAULT_PROPS, DEFAULT_VALIDATION_MESSAGES, DEFAULT_WRAPPERS, DfAddonSlot, DynamicTextPipe, EventBus, FIELD_ERROR_DISPLAY, FIELD_REGISTRY, FIELD_SIGNAL_CONTEXT, FORM_OPTIONS, FieldErrorsWrapperBase, GROUP_CONTEXT, INITIALIZATION_TIMEOUT_MS, RootFormRegistryService, applyMetaToElement, applyValidator, applyValidators, arrayFieldMapper, baseFieldMapper, buildBaseInputs, containerFieldMapper, createResolvedErrorsSignal, dynamicTextToObservable, getArrayLength, groupFieldMapper, injectAddonTypeRegistry, injectFieldErrors, injectFieldSignalContext, injectFieldsSupportingAddons, interpolateParams, isCheckedField, isEqual, isValueField, pageFieldMapper, provideFieldErrorDisplay, resolveDynamicValue, resolveNonFieldDisabled, resolveNonFieldHidden, resolveTokens, rowFieldMapper, runPresetAction, shouldShowErrors, textFieldMapper, toReadonlyFieldTree, withPreviousValue, writeToFieldValue } from '@ng-forge/dynamic-forms/internal';
-import { DynamicFormLogger, AppendArrayItemEvent, PrependArrayItemEvent, InsertArrayItemEvent, RemoveAtIndexEvent, PopArrayItemEvent, ShiftArrayItemEvent, NextPageEvent, PreviousPageEvent } from '@ng-forge/dynamic-forms';
-export { BUILT_IN_FIELDS, createWrappers, isWrappersBundle, wrapperProps } from '@ng-forge/dynamic-forms';
-import { explicitEffect } from 'ngxtension/explicit-effect';
-export { createNgForgeActionFixture, createNgForgeFieldFixture, provideTestValidationMessages } from '@ng-forge/dynamic-forms/testing';
-
+import * as i0 from "@angular/core";
+import { Directive, ElementRef, InjectionToken, Injector, afterRenderEffect, computed, inject, input, isDevMode, signal, untracked } from "@angular/core";
+import { ADDON_ACTION_REGISTRY, ADDON_ACTION_REGISTRY as ADDON_ACTION_REGISTRY$1, ADDON_TYPE_COMPONENT_CACHE, ADDON_TYPE_DEFINITIONS, ADDON_TYPE_REGISTRY, ARRAY_CONTEXT, ARRAY_CONTEXT as ARRAY_CONTEXT$1, DEFAULT_PROPS, DEFAULT_PROPS as DEFAULT_PROPS$1, DEFAULT_VALIDATION_MESSAGES, DEFAULT_VALIDATION_MESSAGES as DEFAULT_VALIDATION_MESSAGES$1, DEFAULT_WRAPPERS, DfAddonSlot, DynamicTextPipe, EventBus, EventBus as EventBus$1, FIELD_ERROR_DISPLAY, FIELD_ERROR_DISPLAY as FIELD_ERROR_DISPLAY$1, FIELD_REGISTRY, FIELD_SIGNAL_CONTEXT, FORM_OPTIONS, FORM_OPTIONS as FORM_OPTIONS$1, FieldErrorsWrapperBase, GROUP_CONTEXT, INITIALIZATION_TIMEOUT_MS, RootFormRegistryService, RootFormRegistryService as RootFormRegistryService$1, applyMetaToElement, applyMetaToElement as applyMetaToElement$1, applyValidator, applyValidators, arrayFieldMapper, baseFieldMapper, buildBaseInputs, buildBaseInputs as buildBaseInputs$1, containerFieldMapper, createResolvedErrorsSignal, createResolvedErrorsSignal as createResolvedErrorsSignal$1, dynamicTextToObservable, getArrayLength, groupFieldMapper, injectAddonTypeRegistry, injectFieldErrors, injectFieldSignalContext, injectFieldSignalContext as injectFieldSignalContext$1, injectFieldsSupportingAddons, injectNonFieldEvaluationContext, interpolateParams, isCheckedField, isEqual, isEqual as isEqual$1, isValueField, omit, pageFieldMapper, provideFieldErrorDisplay, resolveDynamicValue, resolveDynamicValue as resolveDynamicValue$1, resolveNextButtonDisabled, resolveNonFieldDisabled, resolveNonFieldDisabled as resolveNonFieldDisabled$1, resolveNonFieldHidden, resolveNonFieldHidden as resolveNonFieldHidden$1, resolveSubmitButtonDisabled, resolveTokens, resolveTokens as resolveTokens$1, rowFieldMapper, runPresetAction, shouldShowErrors, shouldShowErrors as shouldShowErrors$1, textFieldMapper, toReadonlyFieldTree, withPreviousValue, writeToFieldValue, writeToFieldValue as writeToFieldValue$1 } from "@ng-forge/dynamic-forms/internal";
+import { AppendArrayItemEvent, BUILT_IN_FIELDS, DynamicFormLogger, InsertArrayItemEvent, NextPageEvent, PopArrayItemEvent, PrependArrayItemEvent, PreviousPageEvent, RemoveAtIndexEvent, ShiftArrayItemEvent, createWrappers, isWrappersBundle, wrapperProps } from "@ng-forge/dynamic-forms";
+import { explicitEffect } from "ngxtension/explicit-effect";
+import { createNgForgeActionFixture, createNgForgeFieldFixture, provideTestValidationMessages } from "@ng-forge/dynamic-forms/testing";
 function resolveValueFieldContext() {
-    const context = injectFieldSignalContext();
-    return {
-        getFieldTree: (fieldKey) => {
-                                    const formRoot = context.form;
-                        if (!formRoot) {
-                return undefined;
-            }
-            return formRoot[fieldKey];
-        },
-    };
+	const context = injectFieldSignalContext$1();
+	return { getFieldTree: (fieldKey) => {
+		const formRoot = context.form;
+		if (!formRoot) return;
+		return formRoot[fieldKey];
+	} };
 }
 function buildValueFieldInputs(fieldDef, ctx, defaultProps) {
-    const omittedFields = omit(fieldDef, ['value']);
-    const baseInputs = buildBaseInputs(omittedFields, defaultProps);
-    const inputs = {
-        ...baseInputs,
-        validationMessages: fieldDef.validationMessages ?? {},
-    };
-    if (fieldDef.placeholder !== undefined) {
-        inputs['placeholder'] = fieldDef.placeholder;
-    }
-            const fieldTree = ctx.getFieldTree(fieldDef.key);
-    if (fieldTree !== undefined) {
-        inputs['field'] = fieldTree;
-    }
-    return inputs;
+	const omittedFields = omit(fieldDef, ["value"]);
+	const inputs = {
+		...buildBaseInputs$1(omittedFields, defaultProps),
+		validationMessages: fieldDef.validationMessages ?? {}
+	};
+	if (fieldDef.placeholder !== void 0) inputs["placeholder"] = fieldDef.placeholder;
+	const fieldTree = ctx.getFieldTree(fieldDef.key);
+	if (fieldTree !== void 0) inputs["field"] = fieldTree;
+	return inputs;
 }
 function valueFieldMapper(fieldDef) {
-        const ctx = resolveValueFieldContext();
-    const defaultProps = inject(DEFAULT_PROPS);
-                    return computed(() => {
-        return buildValueFieldInputs(fieldDef, ctx, defaultProps());
-    });
+	const ctx = resolveValueFieldContext();
+	const defaultProps = inject(DEFAULT_PROPS$1);
+	return computed(() => {
+		return buildValueFieldInputs(fieldDef, ctx, defaultProps());
+	});
 }
-
 function checkboxFieldMapper(fieldDef) {
-    const context = injectFieldSignalContext();
-    const defaultProps = inject(DEFAULT_PROPS);
-    return computed(() => {
-        const omittedFields = omit(fieldDef, ['value']);
-        const baseInputs = buildBaseInputs(omittedFields, defaultProps());
-        const inputs = {
-            ...baseInputs,
-            validationMessages: fieldDef.validationMessages ?? {},
-        };
-        if (fieldDef.placeholder !== undefined) {
-            inputs['placeholder'] = fieldDef.placeholder;
-        }
-                        const formRoot = context.form;
-        const fieldTree = formRoot?.[fieldDef.key];
-        if (fieldTree !== undefined) {
-            inputs['field'] = fieldTree;
-        }
-        return inputs;
-    });
+	const context = injectFieldSignalContext$1();
+	const defaultProps = inject(DEFAULT_PROPS$1);
+	return computed(() => {
+		const omittedFields = omit(fieldDef, ["value"]);
+		const inputs = {
+			...buildBaseInputs$1(omittedFields, defaultProps()),
+			validationMessages: fieldDef.validationMessages ?? {}
+		};
+		if (fieldDef.placeholder !== void 0) inputs["placeholder"] = fieldDef.placeholder;
+		const fieldTree = context.form?.[fieldDef.key];
+		if (fieldTree !== void 0) inputs["field"] = fieldTree;
+		return inputs;
+	});
 }
-
 function toDate(value) {
-    if (value === null || value === undefined) {
-        return null;
-    }
-    if (value instanceof Date) {
-        return value;
-    }
-        const date = new Date(value);
-    return isNaN(date.getTime()) ? null : date;
+	if (value === null || value === void 0) return null;
+	if (value instanceof Date) return value;
+	const date = new Date(value);
+	return isNaN(date.getTime()) ? null : date;
 }
 function datepickerFieldMapper(fieldDef) {
-    const ctx = resolveValueFieldContext();
-    const defaultProps = inject(DEFAULT_PROPS);
-    return computed(() => {
-        const inputs = buildValueFieldInputs(fieldDef, ctx, defaultProps());
-                if (fieldDef.minDate !== undefined) {
-            inputs['minDate'] = toDate(fieldDef.minDate);
-        }
-        if (fieldDef.maxDate !== undefined) {
-            inputs['maxDate'] = toDate(fieldDef.maxDate);
-        }
-        if (fieldDef.startAt !== undefined) {
-            inputs['startAt'] = toDate(fieldDef.startAt);
-        }
-        return inputs;
-    });
+	const ctx = resolveValueFieldContext();
+	const defaultProps = inject(DEFAULT_PROPS$1);
+	return computed(() => {
+		const inputs = buildValueFieldInputs(fieldDef, ctx, defaultProps());
+		if (fieldDef.minDate !== void 0) inputs["minDate"] = toDate(fieldDef.minDate);
+		if (fieldDef.maxDate !== void 0) inputs["maxDate"] = toDate(fieldDef.maxDate);
+		if (fieldDef.startAt !== void 0) inputs["startAt"] = toDate(fieldDef.startAt);
+		return inputs;
+	});
 }
-
 function optionsFieldMapper(fieldDef) {
-    const ctx = resolveValueFieldContext();
-    const defaultProps = inject(DEFAULT_PROPS);
-    return computed(() => {
-                const inputs = buildValueFieldInputs(fieldDef, ctx, defaultProps());
-                inputs['options'] = fieldDef.options;
-        return inputs;
-    });
-}
-
-function sliderFieldMapper(fieldDef) {
-    const ctx = resolveValueFieldContext();
-    const defaultProps = inject(DEFAULT_PROPS);
-    return computed(() => {
-        const inputs = buildValueFieldInputs(fieldDef, ctx, defaultProps());
-                if (fieldDef.minValue !== undefined) {
-            inputs['minValue'] = fieldDef.minValue;
-        }
-        if (fieldDef.maxValue !== undefined) {
-            inputs['maxValue'] = fieldDef.maxValue;
-        }
-        if (fieldDef.step !== undefined) {
-            inputs['step'] = fieldDef.step;
-        }
-        return inputs;
-    });
+	const ctx = resolveValueFieldContext();
+	const defaultProps = inject(DEFAULT_PROPS$1);
+	return computed(() => {
+		const inputs = buildValueFieldInputs(fieldDef, ctx, defaultProps());
+		inputs["options"] = fieldDef.options;
+		return inputs;
+	});
 }
-
 function applyNonFieldLogic(rootFormRegistry, fieldDef, evaluationContext) {
-    const result = {};
-    const rootForm = rootFormRegistry.rootForm();
-    if (rootForm) {
-        if (fieldDef.hidden !== undefined || fieldDef.logic?.some((l) => l.type === 'hidden')) {
-            const hiddenSignal = resolveNonFieldHidden({
-                form: rootForm,
-                fieldLogic: fieldDef.logic,
-                explicitValue: fieldDef.hidden,
-                evaluationContext,
-            });
-            result.hidden = hiddenSignal();
-        }
-                if (fieldDef.disabled !== undefined || fieldDef.logic?.some((l) => l.type === 'disabled')) {
-                        const disabledSignal = resolveNonFieldDisabled({
-                form: rootForm,
-                fieldLogic: fieldDef.logic,
-                explicitValue: fieldDef.disabled,
-                evaluationContext,
-            });
-            result.disabled = disabledSignal();
-        }
-    }
-    else {
-                if (fieldDef.hidden !== undefined) {
-            result.hidden = fieldDef.hidden;
-        }
-        if (fieldDef.disabled !== undefined) {
-            result.disabled = fieldDef.disabled;
-        }
-    }
-    return result;
+	const result = {};
+	const rootForm = rootFormRegistry.rootForm();
+	if (rootForm) {
+		if (fieldDef.hidden !== void 0 || fieldDef.logic?.some((l) => l.type === "hidden")) result.hidden = resolveNonFieldHidden$1({
+			form: rootForm,
+			fieldLogic: fieldDef.logic,
+			explicitValue: fieldDef.hidden,
+			evaluationContext
+		})();
+		if (fieldDef.disabled !== void 0 || fieldDef.logic?.some((l) => l.type === "disabled")) result.disabled = resolveNonFieldDisabled$1({
+			form: rootForm,
+			fieldLogic: fieldDef.logic,
+			explicitValue: fieldDef.disabled,
+			evaluationContext
+		})();
+	} else {
+		if (fieldDef.hidden !== void 0) result.hidden = fieldDef.hidden;
+		if (fieldDef.disabled !== void 0) result.disabled = fieldDef.disabled;
+	}
+	return result;
 }
 function resolveHiddenValue(rootForm, fieldDef, evaluationContext) {
-    if (!rootForm) {
-        return fieldDef.hidden;
-    }
-    if (fieldDef.hidden !== undefined || fieldDef.logic?.some((l) => l.type === 'hidden')) {
-        return resolveNonFieldHidden({
-            form: rootForm,
-            fieldLogic: fieldDef.logic,
-            explicitValue: fieldDef.hidden,
-            evaluationContext,
-                    })();
-    }
-    return undefined;
+	if (!rootForm) return fieldDef.hidden;
+	if (fieldDef.hidden !== void 0 || fieldDef.logic?.some((l) => l.type === "hidden")) return resolveNonFieldHidden$1({
+		form: rootForm,
+		fieldLogic: fieldDef.logic,
+		explicitValue: fieldDef.hidden,
+		evaluationContext
+	})();
 }
 function injectNonFieldLogicResolver(fieldDef) {
-    const rootFormRegistry = inject(RootFormRegistryService);
-    const evaluationContext = injectNonFieldEvaluationContext(fieldDef);
-    return () => applyNonFieldLogic(rootFormRegistry, fieldDef, evaluationContext);
+	const rootFormRegistry = inject(RootFormRegistryService$1);
+	const evaluationContext = injectNonFieldEvaluationContext(fieldDef);
+	return () => applyNonFieldLogic(rootFormRegistry, fieldDef, evaluationContext);
 }
-
 function buttonFieldMapper(fieldDef) {
-    const defaultProps = inject(DEFAULT_PROPS);
-    const resolveLogic = injectNonFieldLogicResolver(fieldDef);
-    return computed(() => {
-        const inputs = buildBaseInputs(fieldDef, defaultProps());
-        inputs['event'] = fieldDef.event;
-        if (fieldDef.eventArgs !== undefined) {
-            inputs['eventArgs'] = fieldDef.eventArgs;
-        }
-        return {
-            ...inputs,
-            ...resolveLogic(),
-        };
-    });
+	const defaultProps = inject(DEFAULT_PROPS$1);
+	const resolveLogic = injectNonFieldLogicResolver(fieldDef);
+	return computed(() => {
+		const inputs = buildBaseInputs$1(fieldDef, defaultProps());
+		inputs["event"] = fieldDef.event;
+		if (fieldDef.eventArgs !== void 0) inputs["eventArgs"] = fieldDef.eventArgs;
+		return {
+			...inputs,
+			...resolveLogic()
+		};
+	});
 }
-
 function resolveArrayButtonContext(fieldKey, buttonType, explicitArrayKey) {
-    const arrayContext = inject(ARRAY_CONTEXT, { optional: true });
-    const logger = inject(DynamicFormLogger);
-        const targetArrayKey = explicitArrayKey ?? arrayContext?.arrayKey;
-    if (!targetArrayKey) {
-        logger.warn(`${buttonType} button "${fieldKey}" has no array context. ` +
-            'Either place it inside an array field, or provide an explicit arrayKey property.');
-    }
-        const indexSignal = computed(() => {
-        if (!arrayContext)
-            return -1;
-        return arrayContext.index();
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "indexSignal" }] : /* istanbul ignore next */ []));
-    return {
-        targetArrayKey,
-        indexSignal,
-                        get formValue() {
-            return (arrayContext?.formValue ?? {});
-        },
-        isInsideArray: arrayContext !== null,
-    };
+	const arrayContext = inject(ARRAY_CONTEXT$1, { optional: true });
+	const logger = inject(DynamicFormLogger);
+	const targetArrayKey = explicitArrayKey ?? arrayContext?.arrayKey;
+	if (!targetArrayKey) logger.warn(`${buttonType} button "${fieldKey}" has no array context. Either place it inside an array field, or provide an explicit arrayKey property.`);
+	return {
+		targetArrayKey,
+		indexSignal: computed(() => {
+			if (!arrayContext) return -1;
+			return arrayContext.index();
+		}, ...ngDevMode ? [{ debugName: "indexSignal" }] : /* istanbul ignore next */ []),
+		get formValue() {
+			return arrayContext?.formValue ?? {};
+		},
+		isInsideArray: arrayContext !== null
+	};
 }
 function buildArrayButtonEventContext(fieldKey, ctx, template) {
-    const eventContext = {
-        key: fieldKey,
-        index: ctx.indexSignal(),         arrayKey: ctx.targetArrayKey ?? '',
-        get formValue() {
-            return ctx.formValue;
-        },
-    };
-    if (template) {
-        eventContext.template = template;
-    }
-    return eventContext;
+	const eventContext = {
+		key: fieldKey,
+		index: ctx.indexSignal(),
+		arrayKey: ctx.targetArrayKey ?? "",
+		get formValue() {
+			return ctx.formValue;
+		}
+	};
+	if (template) eventContext.template = template;
+	return eventContext;
 }
-function resolveArrayButtonEventArgs(fieldEventArgs, defaultEventArgs = ['$arrayKey', '$template']) {
-    return fieldEventArgs ?? defaultEventArgs;
+function resolveArrayButtonEventArgs(fieldEventArgs, defaultEventArgs = ["$arrayKey", "$template"]) {
+	return fieldEventArgs ?? defaultEventArgs;
 }
-
 function addArrayItemButtonMapper(fieldDef) {
-    const defaultProps = inject(DEFAULT_PROPS);
-    const rootFormRegistry = inject(RootFormRegistryService);
-    const evaluationContext = injectNonFieldEvaluationContext(fieldDef);
-    const ctx = resolveArrayButtonContext(fieldDef.key, 'addArrayItem', fieldDef.arrayKey);
-    return computed(() => {
-        const baseInputs = buildBaseInputs(fieldDef, defaultProps?.());
-        return {
-            ...baseInputs,
-            event: AppendArrayItemEvent,
-            eventArgs: resolveArrayButtonEventArgs(fieldDef.eventArgs, ['$arrayKey', '$template']),
-            eventContext: buildArrayButtonEventContext(fieldDef.key, ctx, fieldDef.template),
-            ...applyNonFieldLogic(rootFormRegistry, fieldDef, evaluationContext),
-        };
-    });
+	const defaultProps = inject(DEFAULT_PROPS$1);
+	const rootFormRegistry = inject(RootFormRegistryService$1);
+	const evaluationContext = injectNonFieldEvaluationContext(fieldDef);
+	const ctx = resolveArrayButtonContext(fieldDef.key, "addArrayItem", fieldDef.arrayKey);
+	return computed(() => {
+		return {
+			...buildBaseInputs$1(fieldDef, defaultProps?.()),
+			event: AppendArrayItemEvent,
+			eventArgs: resolveArrayButtonEventArgs(fieldDef.eventArgs, ["$arrayKey", "$template"]),
+			eventContext: buildArrayButtonEventContext(fieldDef.key, ctx, fieldDef.template),
+			...applyNonFieldLogic(rootFormRegistry, fieldDef, evaluationContext)
+		};
+	});
 }
 function prependArrayItemButtonMapper(fieldDef) {
-    const defaultProps = inject(DEFAULT_PROPS);
-    const rootFormRegistry = inject(RootFormRegistryService);
-    const evaluationContext = injectNonFieldEvaluationContext(fieldDef);
-    const ctx = resolveArrayButtonContext(fieldDef.key, 'prependArrayItem', fieldDef.arrayKey);
-    return computed(() => {
-        const baseInputs = buildBaseInputs(fieldDef, defaultProps?.());
-        return {
-            ...baseInputs,
-            event: PrependArrayItemEvent,
-            eventArgs: resolveArrayButtonEventArgs(fieldDef.eventArgs, ['$arrayKey', '$template']),
-            eventContext: buildArrayButtonEventContext(fieldDef.key, ctx, fieldDef.template),
-            ...applyNonFieldLogic(rootFormRegistry, fieldDef, evaluationContext),
-        };
-    });
+	const defaultProps = inject(DEFAULT_PROPS$1);
+	const rootFormRegistry = inject(RootFormRegistryService$1);
+	const evaluationContext = injectNonFieldEvaluationContext(fieldDef);
+	const ctx = resolveArrayButtonContext(fieldDef.key, "prependArrayItem", fieldDef.arrayKey);
+	return computed(() => {
+		return {
+			...buildBaseInputs$1(fieldDef, defaultProps?.()),
+			event: PrependArrayItemEvent,
+			eventArgs: resolveArrayButtonEventArgs(fieldDef.eventArgs, ["$arrayKey", "$template"]),
+			eventContext: buildArrayButtonEventContext(fieldDef.key, ctx, fieldDef.template),
+			...applyNonFieldLogic(rootFormRegistry, fieldDef, evaluationContext)
+		};
+	});
 }
 function insertArrayItemButtonMapper(fieldDef) {
-    const defaultProps = inject(DEFAULT_PROPS);
-    const rootFormRegistry = inject(RootFormRegistryService);
-    const evaluationContext = injectNonFieldEvaluationContext(fieldDef);
-    const ctx = resolveArrayButtonContext(fieldDef.key, 'insertArrayItem', fieldDef.arrayKey);
-    return computed(() => {
-        const baseInputs = buildBaseInputs(fieldDef, defaultProps?.());
-        return {
-            ...baseInputs,
-            event: InsertArrayItemEvent,
-            eventArgs: resolveArrayButtonEventArgs(fieldDef.eventArgs, ['$arrayKey', fieldDef.index, '$template']),
-            eventContext: buildArrayButtonEventContext(fieldDef.key, ctx, fieldDef.template),
-            ...applyNonFieldLogic(rootFormRegistry, fieldDef, evaluationContext),
-        };
-    });
+	const defaultProps = inject(DEFAULT_PROPS$1);
+	const rootFormRegistry = inject(RootFormRegistryService$1);
+	const evaluationContext = injectNonFieldEvaluationContext(fieldDef);
+	const ctx = resolveArrayButtonContext(fieldDef.key, "insertArrayItem", fieldDef.arrayKey);
+	return computed(() => {
+		return {
+			...buildBaseInputs$1(fieldDef, defaultProps?.()),
+			event: InsertArrayItemEvent,
+			eventArgs: resolveArrayButtonEventArgs(fieldDef.eventArgs, [
+				"$arrayKey",
+				fieldDef.index,
+				"$template"
+			]),
+			eventContext: buildArrayButtonEventContext(fieldDef.key, ctx, fieldDef.template),
+			...applyNonFieldLogic(rootFormRegistry, fieldDef, evaluationContext)
+		};
+	});
 }
 function removeArrayItemButtonMapper(fieldDef) {
-    const defaultProps = inject(DEFAULT_PROPS);
-    const rootFormRegistry = inject(RootFormRegistryService);
-    const evaluationContext = injectNonFieldEvaluationContext(fieldDef);
-    const ctx = resolveArrayButtonContext(fieldDef.key, 'removeArrayItem', fieldDef.arrayKey);
-                const eventType = ctx.isInsideArray ? RemoveAtIndexEvent : PopArrayItemEvent;
-    const defaultEventArgs = ctx.isInsideArray ? ['$arrayKey', '$index'] : ['$arrayKey'];
-    return computed(() => {
-        const baseInputs = buildBaseInputs(fieldDef, defaultProps?.());
-        return {
-            ...baseInputs,
-            event: eventType,
-            eventArgs: resolveArrayButtonEventArgs(fieldDef.eventArgs, defaultEventArgs),
-            eventContext: buildArrayButtonEventContext(fieldDef.key, ctx),
-            ...applyNonFieldLogic(rootFormRegistry, fieldDef, evaluationContext),
-        };
-    });
+	const defaultProps = inject(DEFAULT_PROPS$1);
+	const rootFormRegistry = inject(RootFormRegistryService$1);
+	const evaluationContext = injectNonFieldEvaluationContext(fieldDef);
+	const ctx = resolveArrayButtonContext(fieldDef.key, "removeArrayItem", fieldDef.arrayKey);
+	const eventType = ctx.isInsideArray ? RemoveAtIndexEvent : PopArrayItemEvent;
+	const defaultEventArgs = ctx.isInsideArray ? ["$arrayKey", "$index"] : ["$arrayKey"];
+	return computed(() => {
+		return {
+			...buildBaseInputs$1(fieldDef, defaultProps?.()),
+			event: eventType,
+			eventArgs: resolveArrayButtonEventArgs(fieldDef.eventArgs, defaultEventArgs),
+			eventContext: buildArrayButtonEventContext(fieldDef.key, ctx),
+			...applyNonFieldLogic(rootFormRegistry, fieldDef, evaluationContext)
+		};
+	});
 }
 function popArrayItemButtonMapper(fieldDef) {
-    const defaultProps = inject(DEFAULT_PROPS);
-    const rootFormRegistry = inject(RootFormRegistryService);
-    const evaluationContext = injectNonFieldEvaluationContext(fieldDef);
-    const ctx = resolveArrayButtonContext(fieldDef.key, 'popArrayItem', fieldDef.arrayKey);
-    return computed(() => {
-        const baseInputs = buildBaseInputs(fieldDef, defaultProps?.());
-        return {
-            ...baseInputs,
-            event: PopArrayItemEvent,
-            eventArgs: resolveArrayButtonEventArgs(fieldDef.eventArgs, ['$arrayKey']),
-            eventContext: buildArrayButtonEventContext(fieldDef.key, ctx),
-            ...applyNonFieldLogic(rootFormRegistry, fieldDef, evaluationContext),
-        };
-    });
+	const defaultProps = inject(DEFAULT_PROPS$1);
+	const rootFormRegistry = inject(RootFormRegistryService$1);
+	const evaluationContext = injectNonFieldEvaluationContext(fieldDef);
+	const ctx = resolveArrayButtonContext(fieldDef.key, "popArrayItem", fieldDef.arrayKey);
+	return computed(() => {
+		return {
+			...buildBaseInputs$1(fieldDef, defaultProps?.()),
+			event: PopArrayItemEvent,
+			eventArgs: resolveArrayButtonEventArgs(fieldDef.eventArgs, ["$arrayKey"]),
+			eventContext: buildArrayButtonEventContext(fieldDef.key, ctx),
+			...applyNonFieldLogic(rootFormRegistry, fieldDef, evaluationContext)
+		};
+	});
 }
 function shiftArrayItemButtonMapper(fieldDef) {
-    const defaultProps = inject(DEFAULT_PROPS);
-    const rootFormRegistry = inject(RootFormRegistryService);
-    const evaluationContext = injectNonFieldEvaluationContext(fieldDef);
-    const ctx = resolveArrayButtonContext(fieldDef.key, 'shiftArrayItem', fieldDef.arrayKey);
-    return computed(() => {
-        const baseInputs = buildBaseInputs(fieldDef, defaultProps?.());
-        return {
-            ...baseInputs,
-            event: ShiftArrayItemEvent,
-            eventArgs: resolveArrayButtonEventArgs(fieldDef.eventArgs, ['$arrayKey']),
-            eventContext: buildArrayButtonEventContext(fieldDef.key, ctx),
-            ...applyNonFieldLogic(rootFormRegistry, fieldDef, evaluationContext),
-        };
-    });
+	const defaultProps = inject(DEFAULT_PROPS$1);
+	const rootFormRegistry = inject(RootFormRegistryService$1);
+	const evaluationContext = injectNonFieldEvaluationContext(fieldDef);
+	const ctx = resolveArrayButtonContext(fieldDef.key, "shiftArrayItem", fieldDef.arrayKey);
+	return computed(() => {
+		return {
+			...buildBaseInputs$1(fieldDef, defaultProps?.()),
+			event: ShiftArrayItemEvent,
+			eventArgs: resolveArrayButtonEventArgs(fieldDef.eventArgs, ["$arrayKey"]),
+			eventContext: buildArrayButtonEventContext(fieldDef.key, ctx),
+			...applyNonFieldLogic(rootFormRegistry, fieldDef, evaluationContext)
+		};
+	});
 }
-
 function submitButtonFieldMapper(fieldDef) {
-    const rootFormRegistry = inject(RootFormRegistryService);
-    const defaultProps = inject(DEFAULT_PROPS);
-    const formOptions = inject(FORM_OPTIONS);
-    const evaluationContext = injectNonFieldEvaluationContext(fieldDef);
-    const fieldWithLogic = fieldDef;
-    return computed(() => {
-        const baseInputs = buildBaseInputs(fieldDef, defaultProps());
-        const rootForm = rootFormRegistry.rootForm();
-                        const disabled = rootForm
-            ? resolveSubmitButtonDisabled({
-                form: rootForm,
-                formOptions: formOptions(),
-                fieldLogic: fieldWithLogic.logic,
-                explicitlyDisabled: fieldDef.disabled,
-                evaluationContext,
-            })()
-            : (fieldDef.disabled ?? false);
-        const inputs = {
-            ...baseInputs,
-                        props: { ...fieldDef.props, type: 'submit' },
-            disabled,
-        };
-        const hidden = resolveHiddenValue(rootForm, fieldWithLogic, evaluationContext);
-        if (hidden !== undefined) {
-            inputs['hidden'] = hidden;
-        }
-        return inputs;
-    });
+	const rootFormRegistry = inject(RootFormRegistryService$1);
+	const defaultProps = inject(DEFAULT_PROPS$1);
+	const formOptions = inject(FORM_OPTIONS$1);
+	const evaluationContext = injectNonFieldEvaluationContext(fieldDef);
+	const fieldWithLogic = fieldDef;
+	return computed(() => {
+		const baseInputs = buildBaseInputs$1(fieldDef, defaultProps());
+		const rootForm = rootFormRegistry.rootForm();
+		const disabled = rootForm ? resolveSubmitButtonDisabled({
+			form: rootForm,
+			formOptions: formOptions(),
+			fieldLogic: fieldWithLogic.logic,
+			explicitlyDisabled: fieldDef.disabled,
+			evaluationContext
+		})() : fieldDef.disabled ?? false;
+		const inputs = {
+			...baseInputs,
+			props: {
+				...fieldDef.props,
+				type: "submit"
+			},
+			disabled
+		};
+		const hidden = resolveHiddenValue(rootForm, fieldWithLogic, evaluationContext);
+		if (hidden !== void 0) inputs["hidden"] = hidden;
+		return inputs;
+	});
 }
 function nextButtonFieldMapper(fieldDef) {
-    const fieldSignalContext = injectFieldSignalContext();
-    const rootFormRegistry = inject(RootFormRegistryService);
-    const defaultProps = inject(DEFAULT_PROPS);
-    const formOptions = inject(FORM_OPTIONS);
-    const evaluationContext = injectNonFieldEvaluationContext(fieldDef);
-    const fieldWithLogic = fieldDef;
-    return computed(() => {
-        const baseInputs = buildBaseInputs(fieldDef, defaultProps());
-        const rootForm = rootFormRegistry.rootForm();
-        const disabled = resolveNextButtonDisabled({
-            form: fieldSignalContext.form,
-            formOptions: formOptions(),
-            fieldLogic: fieldWithLogic.logic,
-            currentPageValid: fieldSignalContext.currentPageValid,
-            evaluationContext,
-        })();
-        const inputs = {
-            ...baseInputs,
-            event: NextPageEvent,
-            disabled,
-        };
-        const hidden = resolveHiddenValue(rootForm, fieldWithLogic, evaluationContext);
-        if (hidden !== undefined) {
-            inputs['hidden'] = hidden;
-        }
-        return inputs;
-    });
+	const fieldSignalContext = injectFieldSignalContext$1();
+	const rootFormRegistry = inject(RootFormRegistryService$1);
+	const defaultProps = inject(DEFAULT_PROPS$1);
+	const formOptions = inject(FORM_OPTIONS$1);
+	const evaluationContext = injectNonFieldEvaluationContext(fieldDef);
+	const fieldWithLogic = fieldDef;
+	return computed(() => {
+		const baseInputs = buildBaseInputs$1(fieldDef, defaultProps());
+		const rootForm = rootFormRegistry.rootForm();
+		const disabled = resolveNextButtonDisabled({
+			form: fieldSignalContext.form,
+			formOptions: formOptions(),
+			fieldLogic: fieldWithLogic.logic,
+			currentPageValid: fieldSignalContext.currentPageValid,
+			evaluationContext
+		})();
+		const inputs = {
+			...baseInputs,
+			event: NextPageEvent,
+			disabled
+		};
+		const hidden = resolveHiddenValue(rootForm, fieldWithLogic, evaluationContext);
+		if (hidden !== void 0) inputs["hidden"] = hidden;
+		return inputs;
+	});
 }
 function previousButtonFieldMapper(fieldDef) {
-    const defaultProps = inject(DEFAULT_PROPS);
-    const rootFormRegistry = inject(RootFormRegistryService);
-    const evaluationContext = injectNonFieldEvaluationContext(fieldDef);
-    const fieldWithLogic = fieldDef;
-    return computed(() => {
-        const baseInputs = buildBaseInputs(fieldDef, defaultProps());
-        const rootForm = rootFormRegistry.rootForm();
-        const inputs = {
-            ...baseInputs,
-            event: PreviousPageEvent,
-        };
-                if (fieldDef.disabled !== undefined) {
-            inputs['disabled'] = fieldDef.disabled;
-        }
-        const hidden = resolveHiddenValue(rootForm, fieldWithLogic, evaluationContext);
-        if (hidden !== undefined) {
-            inputs['hidden'] = hidden;
-        }
-        return inputs;
-    });
+	const defaultProps = inject(DEFAULT_PROPS$1);
+	const rootFormRegistry = inject(RootFormRegistryService$1);
+	const evaluationContext = injectNonFieldEvaluationContext(fieldDef);
+	const fieldWithLogic = fieldDef;
+	return computed(() => {
+		const baseInputs = buildBaseInputs$1(fieldDef, defaultProps());
+		const rootForm = rootFormRegistry.rootForm();
+		const inputs = {
+			...baseInputs,
+			event: PreviousPageEvent
+		};
+		if (fieldDef.disabled !== void 0) inputs["disabled"] = fieldDef.disabled;
+		const hidden = resolveHiddenValue(rootForm, fieldWithLogic, evaluationContext);
+		if (hidden !== void 0) inputs["hidden"] = hidden;
+		return inputs;
+	});
 }
-
-
-
 function applyTrackedAttrsToTargets(elementRef, computeAttrs, options = {}) {
-    const appliedByElement = new WeakMap();
-    let cachedSelector;
-    let cachedTargets = [];
-    let previousAttrs;
-    let previousDeps;
-    const warnedSelectors = isDevMode() ? new Set() : undefined;
-    afterRenderEffect({
-        write: () => {
-                        const currentDeps = options.dependents?.map((d) => d());
-            const attrs = computeAttrs();
-            const selector = (typeof options.selector === 'function' ? options.selector() : options.selector)?.trim() || undefined;
-            const selectorChanged = selector !== cachedSelector;
-            const prevDeps = previousDeps;
-            const depsChanged = !!currentDeps && (!prevDeps || currentDeps.length !== prevDeps.length || currentDeps.some((d, i) => d !== prevDeps[i]));
-            if (selectorChanged || depsChanged || cachedTargets.length === 0) {
-                cachedSelector = selector;
-                cachedTargets = selector ? Array.from(elementRef.nativeElement.querySelectorAll(selector)) : [elementRef.nativeElement];
-            }
-            previousDeps = currentDeps;
-                                                            if (warnedSelectors && selector && cachedTargets.length === 0 && attrs && Object.keys(attrs).length > 0) {
-                if (!warnedSelectors.has(selector)) {
-                    warnedSelectors.add(selector);
-                    const tag = elementRef.nativeElement.tagName.toLowerCase();
-                    console.warn(`[Dynamic Forms] ngForgeControl selector "${selector}" matched no descendants of <${tag}> — meta + aria attributes will not be applied. ` +
-                        `Check the selector for typos, or supply 'dependents' if the target is rendered after a signal emits.`);
-                }
-            }
-                                    if (!selectorChanged && !depsChanged && isEqual(attrs, previousAttrs)) {
-                return;
-            }
-            previousAttrs = attrs;
-            for (const el of cachedTargets) {
-                const applied = appliedByElement.get(el) ?? new Set();
-                appliedByElement.set(el, applyMetaToElement(el, attrs, applied));
-            }
-        },
-    });
+	const appliedByElement = /* @__PURE__ */ new WeakMap();
+	let cachedSelector;
+	let cachedTargets = [];
+	let previousAttrs;
+	let previousDeps;
+	const warnedSelectors = isDevMode() ? /* @__PURE__ */ new Set() : void 0;
+	afterRenderEffect({ write: () => {
+		const currentDeps = options.dependents?.map((d) => d());
+		const attrs = computeAttrs();
+		const selector = (typeof options.selector === "function" ? options.selector() : options.selector)?.trim() || void 0;
+		const selectorChanged = selector !== cachedSelector;
+		const prevDeps = previousDeps;
+		const depsChanged = !!currentDeps && (!prevDeps || currentDeps.length !== prevDeps.length || currentDeps.some((d, i) => d !== prevDeps[i]));
+		if (selectorChanged || depsChanged || cachedTargets.length === 0) {
+			cachedSelector = selector;
+			cachedTargets = selector ? Array.from(elementRef.nativeElement.querySelectorAll(selector)) : [elementRef.nativeElement];
+		}
+		previousDeps = currentDeps;
+		if (warnedSelectors && selector && cachedTargets.length === 0 && attrs && Object.keys(attrs).length > 0) {
+			if (!warnedSelectors.has(selector)) {
+				warnedSelectors.add(selector);
+				const tag = elementRef.nativeElement.tagName.toLowerCase();
+				console.warn(`[Dynamic Forms] ngForgeControl selector "${selector}" matched no descendants of <${tag}> — meta + aria attributes will not be applied. Check the selector for typos, or supply 'dependents' if the target is rendered after a signal emits.`);
+			}
+		}
+		if (!selectorChanged && !depsChanged && isEqual$1(attrs, previousAttrs)) return;
+		previousAttrs = attrs;
+		for (const el of cachedTargets) {
+			const applied = appliedByElement.get(el) ?? /* @__PURE__ */ new Set();
+			appliedByElement.set(el, applyMetaToElement$1(el, attrs, applied));
+		}
+	} });
 }
 function setupMetaTracking(elementRef, meta, options) {
-    applyTrackedAttrsToTargets(elementRef, () => meta(), { selector: options?.selector, dependents: options?.dependents });
+	applyTrackedAttrsToTargets(elementRef, () => meta(), {
+		selector: options?.selector,
+		dependents: options?.dependents
+	});
 }
 function setupMarkerAttrTracking(elementRef, parent, selector) {
-    applyTrackedAttrsToTargets(elementRef, () => {
-        const ariaRequired = parent.ariaRequired();
-        const ariaDescribedBy = parent.ariaDescribedBy();
-                        return {
-            ...(parent.meta() ?? {}),
-            'aria-invalid': parent.ariaInvalid(),
-            ...(ariaRequired === null ? {} : { 'aria-required': ariaRequired }),
-            ...(ariaDescribedBy === null ? {} : { 'aria-describedby': ariaDescribedBy }),
-        };
-    }, { selector });
+	applyTrackedAttrsToTargets(elementRef, () => {
+		const ariaRequired = parent.ariaRequired();
+		const ariaDescribedBy = parent.ariaDescribedBy();
+		return {
+			...parent.meta() ?? {},
+			"aria-invalid": parent.ariaInvalid(),
+			...ariaRequired === null ? {} : { "aria-required": ariaRequired },
+			...ariaDescribedBy === null ? {} : { "aria-describedby": ariaDescribedBy }
+		};
+	}, { selector });
 }
-
 function createAriaDescribedBySignal(errorsToDisplay, errorId, hintId, hasHint) {
-    return computed(() => {
-        if (errorsToDisplay().length > 0) {
-            return errorId();
-        }
-        if (hasHint()) {
-            return hintId();
-        }
-        return null;
-    });
+	return computed(() => {
+		if (errorsToDisplay().length > 0) return errorId();
+		if (hasHint()) return hintId();
+		return null;
+	});
 }
-
-
-class NgForgeFieldShell {
-    key = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []));
-    className = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "className" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeFieldShell, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: NgForgeFieldShell, isStandalone: true, inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: true, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "id": "key()", "attr.data-testid": "key()", "class": "className()" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeFieldShell, decorators: [{
-            type: Directive,
-            args: [{
-                    host: {
-                        '[id]': 'key()',
-                        '[attr.data-testid]': 'key()',
-                        '[class]': 'className()',
-                    },
-                }]
-        }], propDecorators: { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: true }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }] } });
-const NG_FORGE_FIELD_SHELL_INPUTS = ['key', 'className'];
-
-class NgForgeField {
-                    shell = inject(NgForgeFieldShell);
-        key = this.shell.key;
-        className = this.shell.className;
-                field = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []));
-    label = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
-    placeholder = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
-    tabIndex = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "tabIndex" }] : /* istanbul ignore next */ []));
-    props = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "props" }] : /* istanbul ignore next */ []));
-    meta = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "meta" }] : /* istanbul ignore next */ []));
-    validationMessages = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "validationMessages" }] : /* istanbul ignore next */ []));
-                defaultValidationMessages = inject(DEFAULT_VALIDATION_MESSAGES, { optional: true }) ?? signal(undefined);
-                errors = createResolvedErrorsSignal(this.field, this.validationMessages, this.defaultValidationMessages);
-    showErrors = shouldShowErrors(this.field);
-        errorDisplayClaim = inject(FIELD_ERROR_DISPLAY, { optional: true });
-    errorsToDisplay = computed(() => {
-                        if (this.errorDisplayClaim?.claimedKey() === this.key())
-            return [];
-        return this.showErrors() ? this.errors() : [];
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "errorsToDisplay" }] : /* istanbul ignore next */ []));
-                errorId = computed(() => `${this.key()}-error`, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "errorId" }] : /* istanbul ignore next */ []));
-    hintId = computed(() => `${this.key()}-hint`, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hintId" }] : /* istanbul ignore next */ []));
-    ariaInvalid = computed(() => {
-        const state = this.field()();
-        return state.invalid() && state.touched();
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaInvalid" }] : /* istanbul ignore next */ []));
-    ariaRequired = computed(() => {
-        return this.field()().required?.() === true ? true : null;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaRequired" }] : /* istanbul ignore next */ []));
-    ariaDescribedBy = createAriaDescribedBySignal(this.errorsToDisplay, this.errorId, this.hintId, () => Boolean(this.props()?.hint));
-                    _claimed = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_claimed" }] : /* istanbul ignore next */ []));
-        markClaimed() {
-        this._claimed.set(true);
-    }
-    logger = inject(DynamicFormLogger, { optional: true });
-    constructor() {
-                                if (isDevMode()) {
-            let warned = false;
-            afterRenderEffect({
-                write: () => {
-                    if (warned)
-                        return;
-                    const meta = this.meta();
-                    if (!meta || Object.keys(meta).length === 0)
-                        return;
-                    if (untracked(this._claimed))
-                        return;
-                    warned = true;
-                                        const key = untracked(this.key);
-                    const message = `NgForgeField - meta() provided for field "${key}" but no NgForgeControl / NgForgeHostControl / ` +
-                        `ambient sub-component claimed it. Meta will not be applied. ` +
-                        `See https://ng-forge.dev/building-an-adapter#meta-forwarding`;
-                    if (this.logger) {
-                        this.logger.warn(message);
-                    }
-                    else {
-                        console.warn(message);
-                    }
-                },
-            });
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeField, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: NgForgeField, isStandalone: true, inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null }, meta: { classPropertyName: "meta", publicName: "meta", isSignal: true, isRequired: false, transformFunction: null }, validationMessages: { classPropertyName: "validationMessages", publicName: "validationMessages", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.hidden": "field()().hidden() || null", "attr.aria-disabled": "field()().disabled() || null" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeField, decorators: [{
-            type: Directive,
-            args: [{
-                    host: {
-                        '[attr.hidden]': 'field()().hidden() || null',
-                        '[attr.aria-disabled]': 'field()().disabled() || null',
-                    },
-                }]
-        }], ctorParameters: () => [], propDecorators: { field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }], meta: [{ type: i0.Input, args: [{ isSignal: true, alias: "meta", required: false }] }], validationMessages: [{ type: i0.Input, args: [{ isSignal: true, alias: "validationMessages", required: false }] }] } });
-const NG_FORGE_VALUE_FIELD_INPUTS = ['field', 'label', 'placeholder', 'tabIndex', 'props', 'meta', 'validationMessages'];
-const _NG_FORGE_VALUE_FIELD_INPUTS_LOCKSTEP = true;
-void _NG_FORGE_VALUE_FIELD_INPUTS_LOCKSTEP;
+var NgForgeFieldShell = class NgForgeFieldShell {
+	key = input.required(...ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []);
+	className = input("", ...ngDevMode ? [{ debugName: "className" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: NgForgeFieldShell,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.5",
+		type: NgForgeFieldShell,
+		isStandalone: true,
+		inputs: {
+			key: {
+				classPropertyName: "key",
+				publicName: "key",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			className: {
+				classPropertyName: "className",
+				publicName: "className",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: {
+			"id": "key()",
+			"attr.data-testid": "key()",
+			"class": "className()"
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: NgForgeFieldShell,
+	decorators: [{
+		type: Directive,
+		args: [{ host: {
+			"[id]": "key()",
+			"[attr.data-testid]": "key()",
+			"[class]": "className()"
+		} }]
+	}],
+	propDecorators: {
+		key: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "key",
+				required: true
+			}]
+		}],
+		className: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "className",
+				required: false
+			}]
+		}]
+	}
+});
+const NG_FORGE_FIELD_SHELL_INPUTS = ["key", "className"];
+var NgForgeField = class NgForgeField {
+	shell = inject(NgForgeFieldShell);
+	key = this.shell.key;
+	className = this.shell.className;
+	field = input.required(...ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []);
+	label = input(...ngDevMode ? [void 0, { debugName: "label" }] : /* istanbul ignore next */ []);
+	placeholder = input(...ngDevMode ? [void 0, { debugName: "placeholder" }] : /* istanbul ignore next */ []);
+	tabIndex = input(...ngDevMode ? [void 0, { debugName: "tabIndex" }] : /* istanbul ignore next */ []);
+	props = input(...ngDevMode ? [void 0, { debugName: "props" }] : /* istanbul ignore next */ []);
+	meta = input(...ngDevMode ? [void 0, { debugName: "meta" }] : /* istanbul ignore next */ []);
+	validationMessages = input(...ngDevMode ? [void 0, { debugName: "validationMessages" }] : /* istanbul ignore next */ []);
+	defaultValidationMessages = inject(DEFAULT_VALIDATION_MESSAGES$1, { optional: true }) ?? signal(void 0);
+	errors = createResolvedErrorsSignal$1(this.field, this.validationMessages, this.defaultValidationMessages);
+	showErrors = shouldShowErrors$1(this.field);
+	errorDisplayClaim = inject(FIELD_ERROR_DISPLAY$1, { optional: true });
+	errorsToDisplay = computed(() => {
+		if (this.errorDisplayClaim?.claimedKey() === this.key()) return [];
+		return this.showErrors() ? this.errors() : [];
+	}, ...ngDevMode ? [{ debugName: "errorsToDisplay" }] : /* istanbul ignore next */ []);
+	errorId = computed(() => `${this.key()}-error`, ...ngDevMode ? [{ debugName: "errorId" }] : /* istanbul ignore next */ []);
+	hintId = computed(() => `${this.key()}-hint`, ...ngDevMode ? [{ debugName: "hintId" }] : /* istanbul ignore next */ []);
+	ariaInvalid = computed(() => {
+		const state = this.field()();
+		return state.invalid() && state.touched();
+	}, ...ngDevMode ? [{ debugName: "ariaInvalid" }] : /* istanbul ignore next */ []);
+	ariaRequired = computed(() => {
+		return this.field()().required?.() === true ? true : null;
+	}, ...ngDevMode ? [{ debugName: "ariaRequired" }] : /* istanbul ignore next */ []);
+	ariaDescribedBy = createAriaDescribedBySignal(this.errorsToDisplay, this.errorId, this.hintId, () => Boolean(this.props()?.hint));
+	_claimed = signal(false, ...ngDevMode ? [{ debugName: "_claimed" }] : /* istanbul ignore next */ []);
+	markClaimed() {
+		this._claimed.set(true);
+	}
+	logger = inject(DynamicFormLogger, { optional: true });
+	constructor() {
+		if (isDevMode()) {
+			let warned = false;
+			afterRenderEffect({ write: () => {
+				if (warned) return;
+				const meta = this.meta();
+				if (!meta || Object.keys(meta).length === 0) return;
+				if (untracked(this._claimed)) return;
+				warned = true;
+				const message = `NgForgeField - meta() provided for field "${untracked(this.key)}" but no NgForgeControl / NgForgeHostControl / ambient sub-component claimed it. Meta will not be applied. See https://ng-forge.dev/building-an-adapter#meta-forwarding`;
+				if (this.logger) this.logger.warn(message);
+				else console.warn(message);
+			} });
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: NgForgeField,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.5",
+		type: NgForgeField,
+		isStandalone: true,
+		inputs: {
+			field: {
+				classPropertyName: "field",
+				publicName: "field",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			placeholder: {
+				classPropertyName: "placeholder",
+				publicName: "placeholder",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tabIndex: {
+				classPropertyName: "tabIndex",
+				publicName: "tabIndex",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			props: {
+				classPropertyName: "props",
+				publicName: "props",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			meta: {
+				classPropertyName: "meta",
+				publicName: "meta",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			validationMessages: {
+				classPropertyName: "validationMessages",
+				publicName: "validationMessages",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: {
+			"attr.hidden": "field()().hidden() || null",
+			"attr.aria-disabled": "field()().disabled() || null"
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: NgForgeField,
+	decorators: [{
+		type: Directive,
+		args: [{ host: {
+			"[attr.hidden]": "field()().hidden() || null",
+			"[attr.aria-disabled]": "field()().disabled() || null"
+		} }]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		field: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "field",
+				required: true
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		placeholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placeholder",
+				required: false
+			}]
+		}],
+		tabIndex: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tabIndex",
+				required: false
+			}]
+		}],
+		props: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "props",
+				required: false
+			}]
+		}],
+		meta: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "meta",
+				required: false
+			}]
+		}],
+		validationMessages: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "validationMessages",
+				required: false
+			}]
+		}]
+	}
+});
+const NG_FORGE_VALUE_FIELD_INPUTS = [
+	"field",
+	"label",
+	"placeholder",
+	"tabIndex",
+	"props",
+	"meta",
+	"validationMessages"
+];
 function injectNgForgeField() {
-    return inject(NgForgeField);
-}
-
-class NgForgeAction {
-                    shell = inject(NgForgeFieldShell);
-    key = this.shell.key;
-    className = this.shell.className;
-                label = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    disabled = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-    hidden = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []));
-    tabIndex = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "tabIndex" }] : /* istanbul ignore next */ []));
-    event = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "event" }] : /* istanbul ignore next */ []));
-    eventArgs = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "eventArgs" }] : /* istanbul ignore next */ []));
-    eventContext = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "eventContext" }] : /* istanbul ignore next */ []));
-    props = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "props" }] : /* istanbul ignore next */ []));
-                eventBus = inject(EventBus);
-    arrayContext = inject(ARRAY_CONTEXT, { optional: true });
-        dispatch() {
-        const event = this.event();
-        if (!event)
-            return;
-        const args = this.eventArgs();
-        if (!args || args.length === 0) {
-            this.eventBus.dispatch(event);
-            return;
-        }
-        const context = this.arrayContext
-            ? {
-                key: this.key(),
-                index: this.arrayContext.index(),
-                arrayKey: this.arrayContext.arrayKey,
-                formValue: this.arrayContext.formValue,
-            }
-            : (this.eventContext() ?? { key: this.key() });
-        this.eventBus.dispatch(event, ...resolveTokens(args, context));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeAction, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: NgForgeAction, isStandalone: true, inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, event: { classPropertyName: "event", publicName: "event", isSignal: true, isRequired: false, transformFunction: null }, eventArgs: { classPropertyName: "eventArgs", publicName: "eventArgs", isSignal: true, isRequired: false, transformFunction: null }, eventContext: { classPropertyName: "eventContext", publicName: "eventContext", isSignal: true, isRequired: false, transformFunction: null }, props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.hidden": "hidden() || null", "attr.aria-disabled": "disabled() || null" } }, ngImport: i0 });
+	return inject(NgForgeField);
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeAction, decorators: [{
-            type: Directive,
-            args: [{
-                    host: {
-                        '[attr.hidden]': 'hidden() || null',
-                        '[attr.aria-disabled]': 'disabled() || null',
-                    },
-                }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidden", required: false }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], event: [{ type: i0.Input, args: [{ isSignal: true, alias: "event", required: false }] }], eventArgs: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventArgs", required: false }] }], eventContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventContext", required: false }] }], props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }] } });
-const NG_FORGE_ACTION_INPUTS = ['label', 'disabled', 'hidden', 'tabIndex', 'event', 'eventArgs', 'eventContext', 'props'];
-const _NG_FORGE_ACTION_INPUTS_LOCKSTEP = true;
-void _NG_FORGE_ACTION_INPUTS_LOCKSTEP;
+var NgForgeAction = class NgForgeAction {
+	shell = inject(NgForgeFieldShell);
+	key = this.shell.key;
+	className = this.shell.className;
+	label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	hidden = input(false, ...ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []);
+	tabIndex = input(...ngDevMode ? [void 0, { debugName: "tabIndex" }] : /* istanbul ignore next */ []);
+	event = input(...ngDevMode ? [void 0, { debugName: "event" }] : /* istanbul ignore next */ []);
+	eventArgs = input(...ngDevMode ? [void 0, { debugName: "eventArgs" }] : /* istanbul ignore next */ []);
+	eventContext = input(...ngDevMode ? [void 0, { debugName: "eventContext" }] : /* istanbul ignore next */ []);
+	props = input(...ngDevMode ? [void 0, { debugName: "props" }] : /* istanbul ignore next */ []);
+	eventBus = inject(EventBus$1);
+	arrayContext = inject(ARRAY_CONTEXT$1, { optional: true });
+	dispatch() {
+		const event = this.event();
+		if (!event) return;
+		const args = this.eventArgs();
+		if (!args || args.length === 0) {
+			this.eventBus.dispatch(event);
+			return;
+		}
+		const context = this.arrayContext ? {
+			key: this.key(),
+			index: this.arrayContext.index(),
+			arrayKey: this.arrayContext.arrayKey,
+			formValue: this.arrayContext.formValue
+		} : this.eventContext() ?? { key: this.key() };
+		this.eventBus.dispatch(event, ...resolveTokens$1(args, context));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: NgForgeAction,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.5",
+		type: NgForgeAction,
+		isStandalone: true,
+		inputs: {
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hidden: {
+				classPropertyName: "hidden",
+				publicName: "hidden",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tabIndex: {
+				classPropertyName: "tabIndex",
+				publicName: "tabIndex",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			event: {
+				classPropertyName: "event",
+				publicName: "event",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			eventArgs: {
+				classPropertyName: "eventArgs",
+				publicName: "eventArgs",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			eventContext: {
+				classPropertyName: "eventContext",
+				publicName: "eventContext",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			props: {
+				classPropertyName: "props",
+				publicName: "props",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: {
+			"attr.hidden": "hidden() || null",
+			"attr.aria-disabled": "disabled() || null"
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: NgForgeAction,
+	decorators: [{
+		type: Directive,
+		args: [{ host: {
+			"[attr.hidden]": "hidden() || null",
+			"[attr.aria-disabled]": "disabled() || null"
+		} }]
+	}],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: true
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		hidden: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hidden",
+				required: false
+			}]
+		}],
+		tabIndex: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tabIndex",
+				required: false
+			}]
+		}],
+		event: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "event",
+				required: false
+			}]
+		}],
+		eventArgs: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "eventArgs",
+				required: false
+			}]
+		}],
+		eventContext: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "eventContext",
+				required: false
+			}]
+		}],
+		props: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "props",
+				required: false
+			}]
+		}]
+	}
+});
+const NG_FORGE_ACTION_INPUTS = [
+	"label",
+	"disabled",
+	"hidden",
+	"tabIndex",
+	"event",
+	"eventArgs",
+	"eventContext",
+	"props"
+];
 function injectNgForgeAction() {
-    return inject(NgForgeAction);
-}
-
-class NgForgeAddonsBase {
-        hostInjector = inject(Injector);
-        addons = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "addons" }] : /* istanbul ignore next */ []));
-        _hiddenSignalCache = signal(new Map(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_hiddenSignalCache" }] : /* istanbul ignore next */ []));
-    hiddenSignalCache = this._hiddenSignalCache.asReadonly();
-    visibleAddons = computed(() => {
-        const list = this.addons() ?? [];
-        const cache = this.hiddenSignalCache();
-        return list.filter((a) => !(cache.get(a)?.() ?? false));
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "visibleAddons" }] : /* istanbul ignore next */ []));
-    hasAddons = computed(() => this.visibleAddons().length > 0, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hasAddons" }] : /* istanbul ignore next */ []));
-    prefixAddons = computed(() => this.visibleAddons().filter((a) => a.slot === 'prefix'), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "prefixAddons" }] : /* istanbul ignore next */ []));
-    suffixAddons = computed(() => this.visibleAddons().filter((a) => a.slot === 'suffix'), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "suffixAddons" }] : /* istanbul ignore next */ []));
-        addonsBySlot = computed(() => {
-        const map = new Map();
-        for (const a of this.visibleAddons()) {
-            const bucket = map.get(a.slot) ?? [];
-            bucket.push(a);
-            map.set(a.slot, bucket);
-        }
-        return map;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "addonsBySlot" }] : /* istanbul ignore next */ []));
-        _hiddenByValue = new WeakMap();
-    constructor() {
-        explicitEffect([this.addons], ([list]) => {
-            const prev = this._hiddenSignalCache();
-            const next = new Map();
-            for (const a of list ?? []) {
-                                                let resolved = prev.get(a);
-                if (!resolved) {
-                                                                                const h = a.hidden;
-                    const valueKey = typeof h === 'object' && h !== null ? h : null;
-                    resolved = valueKey ? this._hiddenByValue.get(valueKey) : undefined;
-                    if (!resolved) {
-                        resolved = resolveDynamicValue(a.hidden, false, this.hostInjector);
-                        if (valueKey)
-                            this._hiddenByValue.set(valueKey, resolved);
-                    }
-                }
-                next.set(a, resolved);
-            }
-            this._hiddenSignalCache.set(next);
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeAddonsBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: NgForgeAddonsBase, isStandalone: true, inputs: { addons: { classPropertyName: "addons", publicName: "addons", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+	return inject(NgForgeAction);
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeAddonsBase, decorators: [{
-            type: Directive,
-            args: [{}]
-        }], ctorParameters: () => [], propDecorators: { addons: [{ type: i0.Input, args: [{ isSignal: true, alias: "addons", required: false }] }] } });
-const NG_FORGE_ADDONS_INPUTS = ['addons'];
-const _NG_FORGE_ADDONS_INPUTS_LOCKSTEP = true;
-void _NG_FORGE_ADDONS_INPUTS_LOCKSTEP;
-class NgForgeAddons {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeAddons, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.5", type: NgForgeAddons, isStandalone: true, hostDirectives: [{ directive: NgForgeAddonsBase, inputs: ["addons", "addons"] }], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeAddons, decorators: [{
-            type: Directive,
-            args: [{
-                    hostDirectives: [{ directive: NgForgeAddonsBase, inputs: [...NG_FORGE_ADDONS_INPUTS] }],
-                }]
-        }] });
+var NgForgeAddonsBase = class NgForgeAddonsBase {
+	hostInjector = inject(Injector);
+	addons = input(void 0, ...ngDevMode ? [{ debugName: "addons" }] : /* istanbul ignore next */ []);
+	_hiddenSignalCache = signal(/* @__PURE__ */ new Map(), ...ngDevMode ? [{ debugName: "_hiddenSignalCache" }] : /* istanbul ignore next */ []);
+	hiddenSignalCache = this._hiddenSignalCache.asReadonly();
+	visibleAddons = computed(() => {
+		const list = this.addons() ?? [];
+		const cache = this.hiddenSignalCache();
+		return list.filter((a) => !(cache.get(a)?.() ?? false));
+	}, ...ngDevMode ? [{ debugName: "visibleAddons" }] : /* istanbul ignore next */ []);
+	hasAddons = computed(() => this.visibleAddons().length > 0, ...ngDevMode ? [{ debugName: "hasAddons" }] : /* istanbul ignore next */ []);
+	prefixAddons = computed(() => this.visibleAddons().filter((a) => a.slot === "prefix"), ...ngDevMode ? [{ debugName: "prefixAddons" }] : /* istanbul ignore next */ []);
+	suffixAddons = computed(() => this.visibleAddons().filter((a) => a.slot === "suffix"), ...ngDevMode ? [{ debugName: "suffixAddons" }] : /* istanbul ignore next */ []);
+	addonsBySlot = computed(() => {
+		const map = /* @__PURE__ */ new Map();
+		for (const a of this.visibleAddons()) {
+			const bucket = map.get(a.slot) ?? [];
+			bucket.push(a);
+			map.set(a.slot, bucket);
+		}
+		return map;
+	}, ...ngDevMode ? [{ debugName: "addonsBySlot" }] : /* istanbul ignore next */ []);
+	_hiddenByValue = /* @__PURE__ */ new WeakMap();
+	constructor() {
+		explicitEffect([this.addons], ([list]) => {
+			const prev = this._hiddenSignalCache();
+			const next = /* @__PURE__ */ new Map();
+			for (const a of list ?? []) {
+				let resolved = prev.get(a);
+				if (!resolved) {
+					const h = a.hidden;
+					const valueKey = typeof h === "object" && h !== null ? h : null;
+					resolved = valueKey ? this._hiddenByValue.get(valueKey) : void 0;
+					if (!resolved) {
+						resolved = resolveDynamicValue$1(a.hidden, false, this.hostInjector);
+						if (valueKey) this._hiddenByValue.set(valueKey, resolved);
+					}
+				}
+				next.set(a, resolved);
+			}
+			this._hiddenSignalCache.set(next);
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: NgForgeAddonsBase,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.5",
+		type: NgForgeAddonsBase,
+		isStandalone: true,
+		inputs: { addons: {
+			classPropertyName: "addons",
+			publicName: "addons",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: NgForgeAddonsBase,
+	decorators: [{
+		type: Directive,
+		args: [{}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { addons: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "addons",
+			required: false
+		}]
+	}] }
+});
+const NG_FORGE_ADDONS_INPUTS = ["addons"];
+var NgForgeAddons = class NgForgeAddons {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: NgForgeAddons,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.5",
+		type: NgForgeAddons,
+		isStandalone: true,
+		hostDirectives: [{
+			directive: NgForgeAddonsBase,
+			inputs: ["addons", "addons"]
+		}],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: NgForgeAddons,
+	decorators: [{
+		type: Directive,
+		args: [{ hostDirectives: [{
+			directive: NgForgeAddonsBase,
+			inputs: [...NG_FORGE_ADDONS_INPUTS]
+		}] }]
+	}]
+});
 function injectNgForgeAddons() {
-    return inject(NgForgeAddonsBase);
-}
-
-const ADDON_PRESET_HANDLER = new InjectionToken('ADDON_PRESET_HANDLER');
-
-class NgForgeAddonActionBase {
-                    actionRegistry = inject(ADDON_ACTION_REGISTRY, { optional: true });
-    presetHandler = inject(ADDON_PRESET_HANDLER, { optional: true });
-    logger = inject(DynamicFormLogger);
-    hostInjector = inject(Injector);
-    addon = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "addon" }] : /* istanbul ignore next */ []));
-    fieldInputs = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "fieldInputs" }] : /* istanbul ignore next */ []));
-        _disabledByValue = new WeakMap();
-    _loadingByValue = new WeakMap();
-    _resolvedDisabled = signal(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_resolvedDisabled" }] : /* istanbul ignore next */ []));
-    _resolvedLoading = signal(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_resolvedLoading" }] : /* istanbul ignore next */ []));
-    disabled = computed(() => this._resolvedDisabled()?.() ?? false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-    loading = computed(() => this._resolvedLoading()?.() ?? false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
-    constructor() {
-        explicitEffect([this.addon], ([addon]) => {
-            this._resolvedDisabled.set(this._resolveAxis(addon.disabled, this._disabledByValue));
-            this._resolvedLoading.set(this._resolveAxis(addon.loading, this._loadingByValue));
-        });
-    }
-    _resolveAxis(value, cache) {
-        const valueKey = typeof value === 'object' && value !== null ? value : null;
-        let resolved = valueKey ? cache.get(valueKey) : undefined;
-        if (!resolved) {
-            resolved = resolveDynamicValue(value, false, this.hostInjector);
-            if (valueKey)
-                cache.set(valueKey, resolved);
-        }
-        return resolved;
-    }
-        dispatch() {
-        const addon = this.addon();
-        const ctx = this.buildActionContext();
-        const variantsSet = [addon.preset, addon.actionRef, addon.action].filter((v) => v !== undefined).length;
-        if (variantsSet > 1) {
-            this.logger.warn(`Addon button: more than one of preset/actionRef/action configured — dispatching by precedence (preset > actionRef > action). Ship at most one to silence this.`);
-        }
-        if (addon.preset !== undefined) {
-            if (!this.presetHandler) {
-                this.logger.warn(`Addon button: preset '${addon.preset}' is configured but no ADDON_PRESET_HANDLER is registered in this scope. Did the adapter forget to provide one at the host field?`);
-                return;
-            }
-            void this.presetHandler.run(addon.preset, ctx);
-            return;
-        }
-        if (addon.actionRef !== undefined) {
-            const handler = this.actionRegistry?.get(addon.actionRef);
-            if (handler) {
-                handler(ctx);
-            }
-            else {
-                this.logger.warn(`Addon button: actionRef '${addon.actionRef}' is not registered. ` +
-                    (this.actionRegistry
-                        ? `Did you call withAddonActions({ ${addon.actionRef}: ... })?`
-                        : `No withAddonActions(...) registry is reachable in this scope — was the addon rendered outside a form?`));
-            }
-            return;
-        }
-        if (addon.action !== undefined) {
-            addon.action(ctx);
-            return;
-        }
-            }
-        buildActionContext() {
-        const inputs = this.fieldInputs();
-        const key = inputs?.key ?? '';
-        const type = inputs?.type ?? '';
-        const tree = inputs?.field;
-        if (tree) {
-                                                const setValue = inputs?.setValue ?? ((next) => writeToFieldValue(tree.value, next, this.logger));
-            return {
-                field: { key, type },
-                form: tree,
-                value: tree.value() ?? undefined,
-                setValue,
-            };
-        }
-        return {
-            field: { key, type },
-            form: null,
-            value: undefined,
-        };
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeAddonActionBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: NgForgeAddonActionBase, isStandalone: true, inputs: { addon: { classPropertyName: "addon", publicName: "addon", isSignal: true, isRequired: true, transformFunction: null }, fieldInputs: { classPropertyName: "fieldInputs", publicName: "fieldInputs", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+	return inject(NgForgeAddonsBase);
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeAddonActionBase, decorators: [{
-            type: Directive,
-            args: [{}]
-        }], ctorParameters: () => [], propDecorators: { addon: [{ type: i0.Input, args: [{ isSignal: true, alias: "addon", required: true }] }], fieldInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldInputs", required: false }] }] } });
-const NG_FORGE_ADDON_ACTION_INPUTS = ['addon', 'fieldInputs'];
-const _NG_FORGE_ADDON_ACTION_INPUTS_LOCKSTEP = true;
-void _NG_FORGE_ADDON_ACTION_INPUTS_LOCKSTEP;
-class NgForgeAddonAction {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeAddonAction, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.5", type: NgForgeAddonAction, isStandalone: true, hostDirectives: [{ directive: NgForgeAddonActionBase, inputs: ["addon", "addon", "fieldInputs", "fieldInputs"] }], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeAddonAction, decorators: [{
-            type: Directive,
-            args: [{
-                    hostDirectives: [{ directive: NgForgeAddonActionBase, inputs: [...NG_FORGE_ADDON_ACTION_INPUTS] }],
-                }]
-        }] });
+const ADDON_PRESET_HANDLER = new InjectionToken("ADDON_PRESET_HANDLER");
+var NgForgeAddonActionBase = class NgForgeAddonActionBase {
+	actionRegistry = inject(ADDON_ACTION_REGISTRY$1, { optional: true });
+	presetHandler = inject(ADDON_PRESET_HANDLER, { optional: true });
+	logger = inject(DynamicFormLogger);
+	hostInjector = inject(Injector);
+	addon = input.required(...ngDevMode ? [{ debugName: "addon" }] : /* istanbul ignore next */ []);
+	fieldInputs = input(void 0, ...ngDevMode ? [{ debugName: "fieldInputs" }] : /* istanbul ignore next */ []);
+	_disabledByValue = /* @__PURE__ */ new WeakMap();
+	_loadingByValue = /* @__PURE__ */ new WeakMap();
+	_resolvedDisabled = signal(void 0, ...ngDevMode ? [{ debugName: "_resolvedDisabled" }] : /* istanbul ignore next */ []);
+	_resolvedLoading = signal(void 0, ...ngDevMode ? [{ debugName: "_resolvedLoading" }] : /* istanbul ignore next */ []);
+	disabled = computed(() => this._resolvedDisabled()?.() ?? false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	loading = computed(() => this._resolvedLoading()?.() ?? false, ...ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []);
+	constructor() {
+		explicitEffect([this.addon], ([addon]) => {
+			this._resolvedDisabled.set(this._resolveAxis(addon.disabled, this._disabledByValue));
+			this._resolvedLoading.set(this._resolveAxis(addon.loading, this._loadingByValue));
+		});
+	}
+	_resolveAxis(value, cache) {
+		const valueKey = typeof value === "object" && value !== null ? value : null;
+		let resolved = valueKey ? cache.get(valueKey) : void 0;
+		if (!resolved) {
+			resolved = resolveDynamicValue$1(value, false, this.hostInjector);
+			if (valueKey) cache.set(valueKey, resolved);
+		}
+		return resolved;
+	}
+	dispatch() {
+		const addon = this.addon();
+		const ctx = this.buildActionContext();
+		if ([
+			addon.preset,
+			addon.actionRef,
+			addon.action
+		].filter((v) => v !== void 0).length > 1) this.logger.warn(`Addon button: more than one of preset/actionRef/action configured — dispatching by precedence (preset > actionRef > action). Ship at most one to silence this.`);
+		if (addon.preset !== void 0) {
+			if (!this.presetHandler) {
+				this.logger.warn(`Addon button: preset '${addon.preset}' is configured but no ADDON_PRESET_HANDLER is registered in this scope. Did the adapter forget to provide one at the host field?`);
+				return;
+			}
+			this.presetHandler.run(addon.preset, ctx);
+			return;
+		}
+		if (addon.actionRef !== void 0) {
+			const handler = this.actionRegistry?.get(addon.actionRef);
+			if (handler) handler(ctx);
+			else this.logger.warn(`Addon button: actionRef '${addon.actionRef}' is not registered. ` + (this.actionRegistry ? `Did you call withAddonActions({ ${addon.actionRef}: ... })?` : `No withAddonActions(...) registry is reachable in this scope — was the addon rendered outside a form?`));
+			return;
+		}
+		if (addon.action !== void 0) {
+			addon.action(ctx);
+			return;
+		}
+	}
+	buildActionContext() {
+		const inputs = this.fieldInputs();
+		const key = inputs?.key ?? "";
+		const type = inputs?.type ?? "";
+		const tree = inputs?.field;
+		if (tree) {
+			const setValue = inputs?.setValue ?? ((next) => writeToFieldValue$1(tree.value, next, this.logger));
+			return {
+				field: {
+					key,
+					type
+				},
+				form: tree,
+				value: tree.value() ?? void 0,
+				setValue
+			};
+		}
+		return {
+			field: {
+				key,
+				type
+			},
+			form: null,
+			value: void 0
+		};
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: NgForgeAddonActionBase,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.5",
+		type: NgForgeAddonActionBase,
+		isStandalone: true,
+		inputs: {
+			addon: {
+				classPropertyName: "addon",
+				publicName: "addon",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			fieldInputs: {
+				classPropertyName: "fieldInputs",
+				publicName: "fieldInputs",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: NgForgeAddonActionBase,
+	decorators: [{
+		type: Directive,
+		args: [{}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		addon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "addon",
+				required: true
+			}]
+		}],
+		fieldInputs: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fieldInputs",
+				required: false
+			}]
+		}]
+	}
+});
+const NG_FORGE_ADDON_ACTION_INPUTS = ["addon", "fieldInputs"];
+var NgForgeAddonAction = class NgForgeAddonAction {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: NgForgeAddonAction,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.5",
+		type: NgForgeAddonAction,
+		isStandalone: true,
+		hostDirectives: [{
+			directive: NgForgeAddonActionBase,
+			inputs: [
+				"addon",
+				"addon",
+				"fieldInputs",
+				"fieldInputs"
+			]
+		}],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: NgForgeAddonAction,
+	decorators: [{
+		type: Directive,
+		args: [{ hostDirectives: [{
+			directive: NgForgeAddonActionBase,
+			inputs: [...NG_FORGE_ADDON_ACTION_INPUTS]
+		}] }]
+	}]
+});
 function injectNgForgeAddonAction() {
-    return inject(NgForgeAddonActionBase);
-}
-
-class NgForgeControl {
-    target = input(undefined, { ...(ngDevMode ? { debugName: "target" } : /* istanbul ignore next */ {}), alias: 'ngForgeControl' });
-    constructor() {
-        const parent = inject(NgForgeField);
-        setupMarkerAttrTracking(inject(ElementRef), parent, () => this.target());
-        parent.markClaimed();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: NgForgeControl, isStandalone: true, selector: "[ngForgeControl]", inputs: { target: { classPropertyName: "target", publicName: "ngForgeControl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+	return inject(NgForgeAddonActionBase);
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeControl, decorators: [{
-            type: Directive,
-            args: [{ selector: '[ngForgeControl]' }]
-        }], ctorParameters: () => [], propDecorators: { target: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngForgeControl", required: false }] }] } });
-class NgForgeHostControl {
-    constructor() {
-        const parent = inject(NgForgeField);
-        setupMarkerAttrTracking(inject(ElementRef), parent, () => undefined);
-        parent.markClaimed();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeHostControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.5", type: NgForgeHostControl, isStandalone: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeHostControl, decorators: [{
-            type: Directive,
-            args: [{}]
-        }], ctorParameters: () => [] });
-
-class NgForgeFieldHost {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeFieldHost, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.5", type: NgForgeFieldHost, isStandalone: true, hostDirectives: [{ directive: NgForgeFieldShell, inputs: ["key", "key", "className", "className"] }, { directive: NgForgeField, inputs: ["field", "field", "label", "label", "placeholder", "placeholder", "tabIndex", "tabIndex", "props", "props", "meta", "meta", "validationMessages", "validationMessages"] }], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeFieldHost, decorators: [{
-            type: Directive,
-            args: [{
-                    hostDirectives: [
-                        { directive: NgForgeFieldShell, inputs: [...NG_FORGE_FIELD_SHELL_INPUTS] },
-                        { directive: NgForgeField, inputs: [...NG_FORGE_VALUE_FIELD_INPUTS] },
-                    ],
-                }]
-        }] });
-class NgForgeActionHost {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeActionHost, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.5", type: NgForgeActionHost, isStandalone: true, hostDirectives: [{ directive: NgForgeFieldShell, inputs: ["key", "key", "className", "className"] }, { directive: NgForgeAction, inputs: ["label", "label", "disabled", "disabled", "hidden", "hidden", "tabIndex", "tabIndex", "event", "event", "eventArgs", "eventArgs", "eventContext", "eventContext", "props", "props"] }], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: NgForgeActionHost, decorators: [{
-            type: Directive,
-            args: [{
-                    hostDirectives: [
-                        { directive: NgForgeFieldShell, inputs: [...NG_FORGE_FIELD_SHELL_INPUTS] },
-                        { directive: NgForgeAction, inputs: [...NG_FORGE_ACTION_INPUTS] },
-                    ],
-                }]
-        }] });
-
-
+var NgForgeControl = class NgForgeControl {
+	target = input(void 0, {
+		...ngDevMode ? { debugName: "target" } : /* istanbul ignore next */ {},
+		alias: "ngForgeControl"
+	});
+	constructor() {
+		const parent = inject(NgForgeField);
+		setupMarkerAttrTracking(inject(ElementRef), parent, () => this.target());
+		parent.markClaimed();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: NgForgeControl,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.5",
+		type: NgForgeControl,
+		isStandalone: true,
+		selector: "[ngForgeControl]",
+		inputs: { target: {
+			classPropertyName: "target",
+			publicName: "ngForgeControl",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: NgForgeControl,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[ngForgeControl]" }]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { target: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "ngForgeControl",
+			required: false
+		}]
+	}] }
+});
+var NgForgeHostControl = class NgForgeHostControl {
+	constructor() {
+		const parent = inject(NgForgeField);
+		setupMarkerAttrTracking(inject(ElementRef), parent, () => void 0);
+		parent.markClaimed();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: NgForgeHostControl,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.5",
+		type: NgForgeHostControl,
+		isStandalone: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: NgForgeHostControl,
+	decorators: [{
+		type: Directive,
+		args: [{}]
+	}],
+	ctorParameters: () => []
+});
+var NgForgeFieldHost = class NgForgeFieldHost {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: NgForgeFieldHost,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.5",
+		type: NgForgeFieldHost,
+		isStandalone: true,
+		hostDirectives: [{
+			directive: NgForgeFieldShell,
+			inputs: [
+				"key",
+				"key",
+				"className",
+				"className"
+			]
+		}, {
+			directive: NgForgeField,
+			inputs: [
+				"field",
+				"field",
+				"label",
+				"label",
+				"placeholder",
+				"placeholder",
+				"tabIndex",
+				"tabIndex",
+				"props",
+				"props",
+				"meta",
+				"meta",
+				"validationMessages",
+				"validationMessages"
+			]
+		}],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: NgForgeFieldHost,
+	decorators: [{
+		type: Directive,
+		args: [{ hostDirectives: [{
+			directive: NgForgeFieldShell,
+			inputs: [...NG_FORGE_FIELD_SHELL_INPUTS]
+		}, {
+			directive: NgForgeField,
+			inputs: [...NG_FORGE_VALUE_FIELD_INPUTS]
+		}] }]
+	}]
+});
+var NgForgeActionHost = class NgForgeActionHost {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: NgForgeActionHost,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.5",
+		type: NgForgeActionHost,
+		isStandalone: true,
+		hostDirectives: [{
+			directive: NgForgeFieldShell,
+			inputs: [
+				"key",
+				"key",
+				"className",
+				"className"
+			]
+		}, {
+			directive: NgForgeAction,
+			inputs: [
+				"label",
+				"label",
+				"disabled",
+				"disabled",
+				"hidden",
+				"hidden",
+				"tabIndex",
+				"tabIndex",
+				"event",
+				"event",
+				"eventArgs",
+				"eventArgs",
+				"eventContext",
+				"eventContext",
+				"props",
+				"props"
+			]
+		}],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: NgForgeActionHost,
+	decorators: [{
+		type: Directive,
+		args: [{ hostDirectives: [{
+			directive: NgForgeFieldShell,
+			inputs: [...NG_FORGE_FIELD_SHELL_INPUTS]
+		}, {
+			directive: NgForgeAction,
+			inputs: [...NG_FORGE_ACTION_INPUTS]
+		}] }]
+	}]
+});
+export { ADDON_ACTION_REGISTRY, ADDON_PRESET_HANDLER, ADDON_TYPE_COMPONENT_CACHE, ADDON_TYPE_DEFINITIONS, ADDON_TYPE_REGISTRY, ARRAY_CONTEXT, BUILT_IN_FIELDS, DEFAULT_PROPS, DEFAULT_VALIDATION_MESSAGES, DEFAULT_WRAPPERS, DfAddonSlot, DynamicTextPipe, EventBus, FIELD_ERROR_DISPLAY, FIELD_REGISTRY, FIELD_SIGNAL_CONTEXT, FORM_OPTIONS, FieldErrorsWrapperBase, GROUP_CONTEXT, INITIALIZATION_TIMEOUT_MS, NG_FORGE_ACTION_INPUTS, NG_FORGE_ADDONS_INPUTS, NG_FORGE_ADDON_ACTION_INPUTS, NG_FORGE_FIELD_SHELL_INPUTS, NG_FORGE_VALUE_FIELD_INPUTS, NgForgeAction, NgForgeActionHost, NgForgeAddonAction, NgForgeAddonActionBase, NgForgeAddons, NgForgeAddonsBase, NgForgeControl, NgForgeField, NgForgeFieldHost, NgForgeFieldShell, NgForgeHostControl, RootFormRegistryService, addArrayItemButtonMapper, applyMetaToElement, applyValidator, applyValidators, arrayFieldMapper, baseFieldMapper, buildArrayButtonEventContext, buildBaseInputs, buildValueFieldInputs, buttonFieldMapper, checkboxFieldMapper, containerFieldMapper, createAriaDescribedBySignal, createNgForgeActionFixture, createNgForgeFieldFixture, createResolvedErrorsSignal, createWrappers, datepickerFieldMapper, dynamicTextToObservable, getArrayLength, groupFieldMapper, injectAddonTypeRegistry, injectFieldErrors, injectFieldSignalContext, injectFieldsSupportingAddons, injectNgForgeAction, injectNgForgeAddonAction, injectNgForgeAddons, injectNgForgeField, injectNonFieldLogicResolver, insertArrayItemButtonMapper, interpolateParams, isCheckedField, isEqual, isValueField, isWrappersBundle, nextButtonFieldMapper, optionsFieldMapper, pageFieldMapper, popArrayItemButtonMapper, prependArrayItemButtonMapper, previousButtonFieldMapper, provideFieldErrorDisplay, provideTestValidationMessages, removeArrayItemButtonMapper, resolveArrayButtonContext, resolveArrayButtonEventArgs, resolveDynamicValue, resolveNonFieldDisabled, resolveNonFieldHidden, resolveTokens, resolveValueFieldContext, rowFieldMapper, runPresetAction, setupMetaTracking, shiftArrayItemButtonMapper, shouldShowErrors, submitButtonFieldMapper, textFieldMapper, toReadonlyFieldTree, valueFieldMapper, withPreviousValue, wrapperProps, writeToFieldValue };
 
-export { ADDON_PRESET_HANDLER, NG_FORGE_ACTION_INPUTS, NG_FORGE_ADDONS_INPUTS, NG_FORGE_ADDON_ACTION_INPUTS, NG_FORGE_FIELD_SHELL_INPUTS, NG_FORGE_VALUE_FIELD_INPUTS, NgForgeAction, NgForgeActionHost, NgForgeAddonAction, NgForgeAddonActionBase, NgForgeAddons, NgForgeAddonsBase, NgForgeControl, NgForgeField, NgForgeFieldHost, NgForgeFieldShell, NgForgeHostControl, addArrayItemButtonMapper, buildArrayButtonEventContext, buildValueFieldInputs, buttonFieldMapper, checkboxFieldMapper, createAriaDescribedBySignal, datepickerFieldMapper, injectNgForgeAction, injectNgForgeAddonAction, injectNgForgeAddons, injectNgForgeField, injectNonFieldLogicResolver, insertArrayItemButtonMapper, nextButtonFieldMapper, optionsFieldMapper, popArrayItemButtonMapper, prependArrayItemButtonMapper, previousButtonFieldMapper, removeArrayItemButtonMapper, resolveArrayButtonContext, resolveArrayButtonEventArgs, resolveValueFieldContext, setupMetaTracking, shiftArrayItemButtonMapper, submitButtonFieldMapper, valueFieldMapper };
-//# sourceMappingURL=ng-forge-dynamic-forms-integration.mjs.map
+//# sourceMappingURL=ng-forge-dynamic-forms-integration.mjs.map