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

package/fesm2022/ng-forge-dynamic-forms-resolve-field-ByGa5cpo.mjs

@@ -0,0 +1,329 @@
+import { t as DEV_MODE } from "./ng-forge-dynamic-forms-dev-mode-4rbYBBo_.mjs";
+import { a as resolveDefaultExport } from "./ng-forge-dynamic-forms-wrapper-chain-BnntfNU1.mjs";
+import { InjectionToken, computed, inject, isSignal, runInInjectionContext, signal } from "@angular/core";
+import { catchError, forkJoin, from, map, of, pipe, scan, switchMap } from "rxjs";
+import { ARRAY_CONTEXT, DynamicFormError, FIELD_REGISTRY, FORM_ID_PREFIX, GROUP_CONTEXT, baseFieldMapper, hasTargetProperty, isDerivationLogicConfig, isEqual } from "@ng-forge/dynamic-forms/internal";
+const COMPONENT_CACHE = new InjectionToken("COMPONENT_CACHE", {
+	providedIn: "root",
+	factory: () => /* @__PURE__ */ new Map()
+});
+const COMPONENT_LOAD_CACHE = new InjectionToken("COMPONENT_LOAD_CACHE", {
+	providedIn: "root",
+	factory: () => /* @__PURE__ */ new Map()
+});
+function injectFieldRegistry() {
+	const registry = inject(FIELD_REGISTRY);
+	const componentCache = inject(COMPONENT_CACHE);
+	const componentLoadCache = inject(COMPONENT_LOAD_CACHE);
+	return {
+		getType(name) {
+			return registry.get(name);
+		},
+		hasType(name) {
+			return registry.has(name);
+		},
+		async loadTypeComponent(name) {
+			const fieldType = registry.get(name);
+			if (!fieldType) throw new DynamicFormError(`Field type "${name}" is not registered`);
+			if (!fieldType.loadComponent) return;
+			const cached = componentCache.get(name);
+			if (cached) return cached;
+			const pending = componentLoadCache.get(name);
+			if (pending) return pending;
+			try {
+				const load = fieldType.loadComponent().then(resolveDefaultExport).then((component) => {
+					if (component) componentCache.set(name, component);
+					return component;
+				}).catch((error) => {
+					throw new DynamicFormError(`Failed to load component for field type "${name}": ${error}`);
+				}).finally(() => componentLoadCache.delete(name));
+				componentLoadCache.set(name, load);
+				return load;
+			} catch (error) {
+				throw new DynamicFormError(`Failed to load component for field type "${name}": ${error}`);
+			}
+		},
+		getLoadedComponent(name) {
+			return componentCache.get(name);
+		},
+		getTypes() {
+			return Array.from(registry.values());
+		},
+		registerTypes(types) {
+			types.forEach((type) => {
+				registry.set(type.name, type);
+			});
+		},
+		get raw() {
+			return registry;
+		}
+	};
+}
+const EMPTY_OVERRIDES = Object.freeze({});
+function createPropertyOverrideStore() {
+	const store = /* @__PURE__ */ new Map();
+	const registeredFields = /* @__PURE__ */ new Set();
+	function getOrCreateSignal(fieldKey) {
+		let existing = store.get(fieldKey);
+		if (!existing) {
+			existing = signal(EMPTY_OVERRIDES);
+			store.set(fieldKey, existing);
+		}
+		return existing;
+	}
+	return {
+		getOverrides(fieldKey) {
+			return getOrCreateSignal(fieldKey);
+		},
+		setOverride(fieldKey, targetProperty, value) {
+			const fieldSignal = getOrCreateSignal(fieldKey);
+			const current = fieldSignal();
+			if (value === void 0) {
+				if (!(targetProperty in current)) return;
+				const { [targetProperty]: _, ...rest } = current;
+				fieldSignal.set(Object.keys(rest).length === 0 ? EMPTY_OVERRIDES : rest);
+			} else {
+				const currentValue = current[targetProperty];
+				if (isEqual(currentValue, value)) return;
+				fieldSignal.set({
+					...current,
+					[targetProperty]: value
+				});
+			}
+		},
+		registerField(fieldKey) {
+			registeredFields.add(fieldKey);
+		},
+		hasField(fieldKey) {
+			return registeredFields.has(fieldKey);
+		},
+		clear() {
+			store.clear();
+			registeredFields.clear();
+		}
+	};
+}
+const PROPERTY_OVERRIDE_STORE = new InjectionToken("PROPERTY_OVERRIDE_STORE");
+const KNOWN_FIELD_PROPERTIES = /* @__PURE__ */ new Set([
+	"label",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"required",
+	"className",
+	"tabIndex",
+	"validationMessages",
+	"options",
+	"props",
+	"hint",
+	"tooltip",
+	"prefix",
+	"suffix",
+	"min",
+	"max",
+	"minLength",
+	"maxLength",
+	"step",
+	"pattern",
+	"rows",
+	"cols",
+	"multiple",
+	"appearance"
+]);
+function applyPropertyOverrides(inputs, overrides) {
+	const keys = Object.keys(overrides);
+	if (keys.length === 0) return inputs;
+	const result = { ...inputs };
+	for (const key of keys) {
+		const value = overrides[key];
+		const dotIndex = key.indexOf(".");
+		if (DEV_MODE) {
+			const topLevelKey = dotIndex === -1 ? key : key.substring(0, dotIndex);
+			if (KNOWN_FIELD_PROPERTIES.has(topLevelKey) && !(topLevelKey in inputs)) console.warn(`[Dynamic Forms] Property override '${key}' does not match any existing input property. This may indicate a typo in the targetProperty configuration. Available properties: ${Object.keys(inputs).join(", ")}`);
+		}
+		if (dotIndex === -1) result[key] = value;
+		else {
+			const parentKey = key.substring(0, dotIndex);
+			const childKey = key.substring(dotIndex + 1);
+			if (childKey.includes(".")) throw new DynamicFormError(`Property override path '${key}' exceeds maximum depth of 2 levels. Only simple ('minDate') and single-nested ('props.appearance') paths are supported.`);
+			const parentValue = result[parentKey];
+			const clonedParent = parentValue && typeof parentValue === "object" ? { ...parentValue } : {};
+			clonedParent[childKey] = value;
+			result[parentKey] = clonedParent;
+		}
+	}
+	return result;
+}
+function buildPropertyOverrideKey(arrayKey, index, fieldKey, groupPath) {
+	const leafScope = groupPath ? `${groupPath}.${fieldKey}` : fieldKey;
+	if (arrayKey != null && index != null) return `${arrayKey}.${index}.${leafScope}`;
+	return leafScope;
+}
+function fieldHasPropertyDerivations(fieldDef) {
+	if (!fieldDef.key) return false;
+	const logic = fieldDef.logic;
+	if (!logic || logic.length === 0) return false;
+	for (const entry of logic) if (isDerivationLogicConfig(entry) && hasTargetProperty(entry)) return true;
+	return false;
+}
+function mergeForwardedPropsToMeta(inputs, propsToMeta) {
+	const props = inputs["props"];
+	if (!props || propsToMeta.length === 0) return inputs;
+	const forwardedValues = {};
+	for (const key of propsToMeta) {
+		const value = props[key];
+		if (value !== void 0 && value !== null) forwardedValues[key] = value;
+	}
+	if (Object.keys(forwardedValues).length === 0) return inputs;
+	const existingMeta = inputs["meta"];
+	const mergedMeta = {
+		...forwardedValues,
+		...existingMeta
+	};
+	return {
+		...inputs,
+		meta: mergedMeta
+	};
+}
+function applyIndexSuffix(inputs, index) {
+	const key = inputs["key"];
+	if (typeof key !== "string") return inputs;
+	return {
+		...inputs,
+		key: `${key}_${index}`
+	};
+}
+function applyGroupPrefix(inputs, groupPath) {
+	const key = inputs["key"];
+	if (typeof key !== "string" || groupPath.length === 0) return inputs;
+	return {
+		...inputs,
+		key: `${groupPath.replace(/\./g, "_")}_${key}`
+	};
+}
+function applyFormPrefix(inputs, prefix) {
+	const key = inputs["key"];
+	if (typeof key !== "string" || prefix.length === 0) return inputs;
+	return {
+		...inputs,
+		key: `${prefix}_${key}`
+	};
+}
+function mapFieldToInputs(fieldDef, fieldRegistry) {
+	const fieldType = fieldRegistry.get(fieldDef.type);
+	if (fieldType && !fieldType.loadComponent && !fieldType.mapper) return;
+	const arrayContext = inject(ARRAY_CONTEXT, { optional: true });
+	const groupContext = inject(GROUP_CONTEXT, { optional: true });
+	const formPrefixSignal = inject(FORM_ID_PREFIX, { optional: true });
+	const store = inject(PROPERTY_OVERRIDE_STORE);
+	const mapperResult = fieldType?.mapper ? fieldType.mapper(fieldDef) : baseFieldMapper(fieldDef);
+	const propsToMeta = fieldType?.propsToMeta;
+	const hasPropsForwarding = propsToMeta && propsToMeta.length > 0;
+	const indexSignal = arrayContext?.index;
+	const hasArrayContext = indexSignal !== void 0 && isSignal(indexSignal);
+	const hasGroupContext = groupContext != null;
+	const hasFormPrefix = formPrefixSignal != null;
+	const hasOverrides = fieldHasPropertyDerivations(fieldDef);
+	if (!hasPropsForwarding && !hasArrayContext && !hasGroupContext && !hasOverrides && !hasFormPrefix) return mapperResult;
+	return computed(() => {
+		let inputs = mapperResult();
+		if (hasPropsForwarding) inputs = mergeForwardedPropsToMeta(inputs, propsToMeta);
+		if (hasGroupContext) inputs = applyGroupPrefix(inputs, groupContext.groupPath());
+		if (hasArrayContext) {
+			const index = indexSignal();
+			inputs = applyIndexSuffix(inputs, index);
+		}
+		if (hasFormPrefix) inputs = applyFormPrefix(inputs, formPrefixSignal());
+		if (hasOverrides) {
+			const groupPath = hasGroupContext ? groupContext.groupPath() : void 0;
+			const key = hasArrayContext ? buildPropertyOverrideKey(arrayContext.arrayKey, indexSignal(), fieldDef.key, groupPath || void 0) : buildPropertyOverrideKey(void 0, void 0, fieldDef.key, groupPath || void 0);
+			const overrides = store.getOverrides(key)();
+			inputs = applyPropertyOverrides(inputs, overrides);
+		}
+		return inputs;
+	});
+}
+function createRenderReadySignal(inputs, definition) {
+	const explicitRenderReadyWhen = definition?.renderReadyWhen;
+	const requiredInputs = definition?.mapper && explicitRenderReadyWhen === void 0 ? ["field"] : explicitRenderReadyWhen ?? [];
+	if (requiredInputs.length === 0) return computed(() => true);
+	return computed(() => {
+		const currentInputs = inputs();
+		return requiredInputs.every((inputName) => currentInputs[inputName] !== void 0);
+	});
+}
+function createHiddenSignal(inputs) {
+	return computed(() => {
+		const currentInputs = inputs();
+		const fieldCandidate = currentInputs["field"];
+		if (typeof fieldCandidate === "function") {
+			const state = fieldCandidate();
+			if (state && typeof state.hidden === "function") return state.hidden() === true;
+		}
+		return currentInputs["hidden"] === true;
+	});
+}
+function resolveField(fieldDef, context) {
+	return from(context.loadTypeComponent(fieldDef.type)).pipe(map((component) => {
+		if (context.destroyRef.destroyed) return;
+		if (!component) return;
+		const inputs = runInInjectionContext(context.injector, () => mapFieldToInputs(fieldDef, context.registry));
+		const definition = context.registry.get(fieldDef.type);
+		if (!inputs) return;
+		return {
+			key: fieldDef.key,
+			fieldDef,
+			component,
+			injector: context.injector,
+			inputs,
+			renderReady: createRenderReadySignal(inputs, definition),
+			hidden: createHiddenSignal(inputs)
+		};
+	}), catchError((error) => {
+		if (!context.destroyRef.destroyed) context.onError?.(fieldDef, error);
+		return of(void 0);
+	}));
+}
+function resolveFieldSync(fieldDef, context) {
+	const component = context.getLoadedComponent(fieldDef.type);
+	if (!component) return;
+	const inputs = runInInjectionContext(context.injector, () => mapFieldToInputs(fieldDef, context.registry));
+	const definition = context.registry.get(fieldDef.type);
+	if (!inputs) return;
+	return {
+		key: fieldDef.key,
+		fieldDef,
+		component,
+		injector: context.injector,
+		inputs,
+		renderReady: createRenderReadySignal(inputs, definition),
+		hidden: createHiddenSignal(inputs)
+	};
+}
+function reconcileFields(prev, curr) {
+	const prevMap = new Map(prev.map((f) => [f.key, f]));
+	return curr.map((field) => {
+		const existing = prevMap.get(field.key);
+		if (existing && existing.component === field.component && existing.injector === field.injector) {
+			if (existing.fieldDef === field.fieldDef) return existing;
+			return {
+				...existing,
+				fieldDef: field.fieldDef,
+				inputs: field.inputs,
+				renderReady: field.renderReady,
+				hidden: field.hidden
+			};
+		}
+		return field;
+	});
+}
+function createFieldResolutionPipe(getContext) {
+	return pipe(switchMap((fields) => {
+		if (!fields || fields.length === 0) return of([]);
+		const context = getContext();
+		return forkJoin(fields.map((f) => resolveField(f, context)));
+	}), map((fields) => fields.filter((f) => f !== void 0)), scan(reconcileFields, []));
+}
+export { resolveField as a, PROPERTY_OVERRIDE_STORE as c, reconcileFields as i, createPropertyOverrideStore as l, createHiddenSignal as n, resolveFieldSync as o, createRenderReadySignal as r, mapFieldToInputs as s, createFieldResolutionPipe as t, injectFieldRegistry as u };
+
+//# sourceMappingURL=ng-forge-dynamic-forms-resolve-field-ByGa5cpo.mjs.map

package/fesm2022/ng-forge-dynamic-forms-resolve-field-ByGa5cpo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-forge-dynamic-forms-resolve-field-ByGa5cpo.mjs","names":[],"sources":["../../../../packages/dynamic-forms/src/lib/utils/inject-field-registry/inject-field-registry.ts","../../../../packages/dynamic-forms/src/lib/core/property-derivation/property-override-store.ts","../../../../packages/dynamic-forms/src/lib/core/property-derivation/apply-property-overrides.ts","../../../../packages/dynamic-forms/src/lib/core/property-derivation/property-override-key.ts","../../../../packages/dynamic-forms/src/lib/utils/field-mapper/field-mapper.ts","../../../../packages/dynamic-forms/src/lib/utils/resolve-field/resolve-field.ts"],"sourcesContent":["import { inject, InjectionToken, Type } from '@angular/core';\nimport { DynamicFormError } from '@ng-forge/dynamic-forms/internal';\nimport { FIELD_REGISTRY, FieldTypeDefinition } from '@ng-forge/dynamic-forms/internal';\nimport { resolveDefaultExport } from '../wrapper-chain/wrapper-chain';\n\n/**\n * Cache for resolved field type components.\n *\n * @internal\n */\nexport const COMPONENT_CACHE = new InjectionToken<Map<string, Type<unknown>>>('COMPONENT_CACHE', {\n  providedIn: 'root',\n  factory: () => new Map(),\n});\n\n/**\n * In-flight component loads, scoped through DI so concurrent fields share one\n * dynamic import without introducing module-level mutable state.\n *\n * @internal\n */\nexport const COMPONENT_LOAD_CACHE = new InjectionToken<Map<string, Promise<Type<unknown> | undefined>>>('COMPONENT_LOAD_CACHE', {\n  providedIn: 'root',\n  factory: () => new Map(),\n});\n\n/**\n * Injection function for accessing the dynamic form field registry.\n *\n * @returns Object with methods for field registry interaction\n * @Component({...})\n * export class MyComponent {\n *   private fieldRegistry = injectFieldRegistry();\n *\n *   async loadCustomField() {\n *     if (this.fieldRegistry.hasType('custom-input')) {\n *       const component = await this.fieldRegistry.loadTypeComponent('custom-input');\n *       // Use component...\n *     }\n *   }\n * }\n * ```\n * @Injectable()\n * export class FormBuilderService {\n *   private fieldRegistry = injectFieldRegistry();\n *\n *   getAvailableFieldTypes(): string[] {\n *     return this.fieldRegistry.getTypes().map(type => type.name);\n *   }\n * }\n * ```\n */\nexport function injectFieldRegistry() {\n  const registry = inject(FIELD_REGISTRY);\n  const componentCache = inject(COMPONENT_CACHE);\n  const componentLoadCache = inject(COMPONENT_LOAD_CACHE);\n\n  return {\n    /**\n     * Retrieves a field type definition by its registered name.\n     *\n     * @param name - The registered name of the field type\n     * @returns The field type definition if found, undefined otherwise\n     */\n    getType(name: string): FieldTypeDefinition | undefined {\n      return registry.get(name);\n    },\n\n    /**\n     * Checks if a field type is registered in the registry.\n     *\n     * @param name - The name of the field type to check\n     * @returns True if the field type exists, false otherwise\n     */\n    hasType(name: string): boolean {\n      return registry.has(name);\n    },\n\n    /**\n     * Loads a field type component with support for lazy loading.\n     *\n     * @param name - The name of the field type to load\n     * @returns Promise resolving to the component constructor, or undefined for componentless fields\n     * @throws {Error} When field type is not registered or loading fails\n     */\n    async loadTypeComponent(name: string): Promise<Type<unknown> | undefined> {\n      const fieldType = registry.get(name);\n\n      if (!fieldType) {\n        throw new DynamicFormError(`Field type \"${name}\" is not registered`);\n      }\n\n      // Componentless field types (e.g., hidden) don't have loadComponent\n      if (!fieldType.loadComponent) {\n        return undefined;\n      }\n\n      // Check cache first for instant resolution\n      const cached = componentCache.get(name);\n      if (cached) {\n        return cached;\n      }\n\n      const pending = componentLoadCache.get(name);\n      if (pending) {\n        return pending;\n      }\n\n      try {\n        const load = fieldType\n          .loadComponent()\n          .then(resolveDefaultExport)\n          .then((component) => {\n            if (component) {\n              componentCache.set(name, component);\n            }\n\n            return component;\n          })\n          .catch((error: unknown) => {\n            throw new DynamicFormError(`Failed to load component for field type \"${name}\": ${error}`);\n          })\n          .finally(() => componentLoadCache.delete(name));\n\n        componentLoadCache.set(name, load);\n        return load;\n      } catch (error) {\n        throw new DynamicFormError(`Failed to load component for field type \"${name}\": ${error}`);\n      }\n    },\n\n    /**\n     * Returns a previously loaded component from cache, or undefined if not yet loaded.\n     *\n     * @param name - The name of the field type\n     * @returns The cached component constructor, or undefined\n     */\n    getLoadedComponent(name: string): Type<unknown> | undefined {\n      return componentCache.get(name);\n    },\n\n    /**\n     * Gets all registered field type definitions.\n     *\n     * @returns Array of all field type definitions in the registry\n     */\n    getTypes(): FieldTypeDefinition[] {\n      return Array.from(registry.values());\n    },\n\n    /**\n     * Registers multiple field types at once.\n     *\n     * @param types - Array of field type definitions to register\n     */\n    registerTypes(types: FieldTypeDefinition[]): void {\n      types.forEach((type) => {\n        registry.set(type.name, type);\n      });\n    },\n\n    /**\n     * Provides direct access to the underlying registry Map.\n     *\n     * @returns The raw Map containing field type registrations\n     */\n    get raw() {\n      return registry;\n    },\n  };\n}\n","import { InjectionToken, signal, Signal, WritableSignal } from '@angular/core';\nimport { isEqual } from '@ng-forge/dynamic-forms/internal';\n\n/** Per-field signal store for property overrides. */\nexport interface PropertyOverrideStore {\n  /**\n   * Gets the override signal for a field.\n   *\n   * @param fieldKey - The store key (e.g., 'endDate' or 'contacts.0.email')\n   * @returns Signal containing the current overrides record\n   */\n  getOverrides(fieldKey: string): Signal<Record<string, unknown>>;\n\n  /**\n   * Sets a single property override for a field.\n   *\n   * @param fieldKey - The store key\n   * @param targetProperty - The property name (e.g., 'minDate', 'options')\n   * @param value - The override value, or undefined to remove\n   */\n  setOverride(fieldKey: string, targetProperty: string, value: unknown): void;\n\n  /**\n   * Registers a field as having property derivations.\n   *\n   * @param fieldKey - The store key to register\n   */\n  registerField(fieldKey: string): void;\n\n  /**\n   * Non-reactive check for whether a field has been registered.\n   *\n   * @param fieldKey - The store key (or prefix for array fields)\n   * @returns true if the field has property derivation entries\n   */\n  hasField(fieldKey: string): boolean;\n\n  /** Clears all overrides and registered fields. */\n  clear(): void;\n}\n\nconst EMPTY_OVERRIDES: Record<string, unknown> = Object.freeze({});\n\n/**\n * Creates a new PropertyOverrideStore instance.\n *\n * @returns A fresh PropertyOverrideStore\n */\nexport function createPropertyOverrideStore(): PropertyOverrideStore {\n  const store = new Map<string, WritableSignal<Record<string, unknown>>>();\n  const registeredFields = new Set<string>();\n\n  function getOrCreateSignal(fieldKey: string): WritableSignal<Record<string, unknown>> {\n    let existing = store.get(fieldKey);\n    if (!existing) {\n      existing = signal(EMPTY_OVERRIDES);\n      store.set(fieldKey, existing);\n    }\n    return existing;\n  }\n\n  return {\n    getOverrides(fieldKey: string): Signal<Record<string, unknown>> {\n      return getOrCreateSignal(fieldKey);\n    },\n\n    setOverride(fieldKey: string, targetProperty: string, value: unknown): void {\n      const fieldSignal = getOrCreateSignal(fieldKey);\n      const current = fieldSignal();\n\n      if (value === undefined) {\n        // Remove the property key\n        if (!(targetProperty in current)) {\n          return; // Already absent, no-op\n        }\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const { [targetProperty]: _, ...rest } = current;\n        fieldSignal.set(Object.keys(rest).length === 0 ? EMPTY_OVERRIDES : rest);\n      } else {\n        // Set or update the property\n        const currentValue = current[targetProperty];\n        if (isEqual(currentValue, value)) {\n          return; // Value unchanged, no-op\n        }\n        fieldSignal.set({ ...current, [targetProperty]: value });\n      }\n    },\n\n    registerField(fieldKey: string): void {\n      registeredFields.add(fieldKey);\n    },\n\n    hasField(fieldKey: string): boolean {\n      return registeredFields.has(fieldKey);\n    },\n\n    clear(): void {\n      store.clear();\n      registeredFields.clear();\n    },\n  };\n}\n\n/** Injection token for the PropertyOverrideStore. */\nexport const PROPERTY_OVERRIDE_STORE = new InjectionToken<PropertyOverrideStore>('PROPERTY_OVERRIDE_STORE');\n","import { DEV_MODE } from '../../utils/dev-mode';\nimport { DynamicFormError } from '@ng-forge/dynamic-forms/internal';\nimport { BaseValueField } from '@ng-forge/dynamic-forms/internal';\nimport { FieldWithValidation } from '@ng-forge/dynamic-forms/internal';\n\n/** Properties defined by individual field components, not part of the shared base interfaces. */\ntype AdapterFieldKey = 'options' | 'hint' | 'tooltip' | 'prefix' | 'suffix' | 'step' | 'rows' | 'cols' | 'multiple' | 'appearance';\n\n/**\n * Known standard field properties where a missing key likely indicates a typo.\n * Override keys not in this set are assumed to be intentional dynamic properties\n * and will not trigger dev-mode warnings.\n */\nconst KNOWN_FIELD_PROPERTY_NAMES = [\n  'label',\n  'placeholder',\n  'disabled',\n  'readonly',\n  'required',\n  'className',\n  'tabIndex',\n  'validationMessages',\n  'options',\n  'props',\n  'hint',\n  'tooltip',\n  'prefix',\n  'suffix',\n  'min',\n  'max',\n  'minLength',\n  'maxLength',\n  'step',\n  'pattern',\n  'rows',\n  'cols',\n  'multiple',\n  'appearance',\n] as const satisfies ReadonlyArray<keyof BaseValueField<unknown, unknown> | keyof FieldWithValidation | AdapterFieldKey>;\n\nconst KNOWN_FIELD_PROPERTIES = new Set<string>(KNOWN_FIELD_PROPERTY_NAMES);\n\n/**\n * Applies property overrides to a field's input record.\n *\n * @param inputs - The current field inputs record\n * @param overrides - Record of property names to override values\n * @returns Updated inputs record with overrides applied\n */\nexport function applyPropertyOverrides(inputs: Record<string, unknown>, overrides: Record<string, unknown>): Record<string, unknown> {\n  const keys = Object.keys(overrides);\n  if (keys.length === 0) {\n    return inputs;\n  }\n\n  const result = { ...inputs };\n\n  for (const key of keys) {\n    const value = overrides[key];\n    const dotIndex = key.indexOf('.');\n\n    // Dev-mode check: warn only when a known standard field property is missing from inputs,\n    // which likely indicates a typo. Dynamic/custom keys are intentionally skipped to avoid\n    // false positives for properties added by derivations that aren't in the initial config.\n    if (DEV_MODE) {\n      const topLevelKey = dotIndex === -1 ? key : key.substring(0, dotIndex);\n      if (KNOWN_FIELD_PROPERTIES.has(topLevelKey) && !(topLevelKey in inputs)) {\n        console.warn(\n          `[Dynamic Forms] Property override '${key}' does not match any existing input property. ` +\n            'This may indicate a typo in the targetProperty configuration. ' +\n            `Available properties: ${Object.keys(inputs).join(', ')}`,\n        );\n      }\n    }\n\n    if (dotIndex === -1) {\n      // Simple property: direct assignment\n      result[key] = value;\n    } else {\n      // Nested property — split at first dot only\n      const parentKey = key.substring(0, dotIndex);\n      const childKey = key.substring(dotIndex + 1);\n\n      // Validate max 2 levels (1 dot)\n      if (childKey.includes('.')) {\n        throw new DynamicFormError(\n          `Property override path '${key}' exceeds maximum depth of 2 levels. ` +\n            `Only simple ('minDate') and single-nested ('props.appearance') paths are supported.`,\n        );\n      }\n\n      // Shallow-clone the parent object and set the child property\n      const parentValue = result[parentKey];\n      const clonedParent = parentValue && typeof parentValue === 'object' ? { ...(parentValue as Record<string, unknown>) } : {};\n      clonedParent[childKey] = value;\n      result[parentKey] = clonedParent;\n    }\n  }\n\n  return result;\n}\n","/** Sentinel value for the `$` placeholder index used in registration keys. */\nexport const PLACEHOLDER_INDEX = '$' as const;\n\n/**\n * Builds a property override store key for a field.\n *\n * @param arrayKey - The array field key (e.g., 'contacts'), or undefined for non-array fields\n * @param index - The array item index, `PLACEHOLDER_INDEX` for the wildcard format, or undefined for non-array fields\n * @param fieldKey - The leaf field key (e.g., 'email')\n * @param groupPath - Dot-joined group ancestors scoped to the current array item (or top-level), or undefined when not inside any group\n * @returns The store key (e.g., 'email', 'address.street', 'contacts.0.email', 'contacts.$.profile.email')\n */\nexport function buildPropertyOverrideKey(\n  arrayKey: string | undefined,\n  index: number | typeof PLACEHOLDER_INDEX | undefined,\n  fieldKey: string,\n  groupPath?: string,\n): string {\n  const leafScope = groupPath ? `${groupPath}.${fieldKey}` : fieldKey;\n  if (arrayKey != null && index != null) {\n    return `${arrayKey}.${index}.${leafScope}`;\n  }\n  return leafScope;\n}\n","import { computed, inject, isSignal, Signal } from '@angular/core';\nimport { FieldDef } from '@ng-forge/dynamic-forms/internal';\nimport { FieldWithValidation } from '@ng-forge/dynamic-forms/internal';\nimport { FieldMeta } from '@ng-forge/dynamic-forms/internal';\nimport { FieldTypeDefinition } from '@ng-forge/dynamic-forms/internal';\nimport { ARRAY_CONTEXT, FORM_ID_PREFIX, GROUP_CONTEXT } from '@ng-forge/dynamic-forms/internal';\nimport { ArrayContext } from '@ng-forge/dynamic-forms/internal';\nimport { baseFieldMapper } from '@ng-forge/dynamic-forms/internal';\nimport { PROPERTY_OVERRIDE_STORE } from '../../core/property-derivation/property-override-store';\nimport { applyPropertyOverrides } from '../../core/property-derivation/apply-property-overrides';\nimport { buildPropertyOverrideKey } from '../../core/property-derivation/property-override-key';\nimport { hasTargetProperty, isDerivationLogicConfig } from '@ng-forge/dynamic-forms/internal';\n\n/**\n * Returns true if the field has any property-derivation logic entries\n * (type: 'derivation' with a non-empty targetProperty). Mirrors the inclusion\n * rule used by `collectPropertyDerivations`, so the mapper and orchestrator\n * agree on which fields participate in property overrides — without depending\n * on whether the orchestrator's registration effect has run yet (which it\n * hasn't on the resolveFieldSync path with a warm COMPONENT_CACHE).\n */\nfunction fieldHasPropertyDerivations(fieldDef: FieldDef<unknown>): boolean {\n  // Match the collector's keyless guard (property-derivation-collector.ts):\n  // keyless fields are never registered in the store, so the mapper must skip\n  // them too — otherwise getOverrides() would be called with an undefined key.\n  if (!fieldDef.key) return false;\n  const logic = (fieldDef as FieldDef<unknown> & FieldWithValidation).logic;\n  if (!logic || logic.length === 0) return false;\n  for (const entry of logic) {\n    if (isDerivationLogicConfig(entry) && hasTargetProperty(entry)) return true;\n  }\n  return false;\n}\n\n/**\n * Merges forwarded props into meta, with meta taking precedence.\n *\n * @param inputs The current inputs record\n * @param propsToMeta Array of prop keys to forward to meta\n * @returns Updated inputs record with merged meta\n */\nfunction mergeForwardedPropsToMeta(inputs: Record<string, unknown>, propsToMeta: string[]): Record<string, unknown> {\n  const props = inputs['props'] as Record<string, unknown> | undefined;\n  if (!props || propsToMeta.length === 0) {\n    return inputs;\n  }\n\n  // Extract values to forward from props\n  // Values are typed as FieldMeta-compatible since they're forwarded attributes (type, rows, cols, etc.)\n  const forwardedValues: FieldMeta = {};\n  for (const key of propsToMeta) {\n    const value = props[key];\n    if (value !== undefined && value !== null) {\n      // Props being forwarded are known HTML attributes (string, number, boolean)\n      forwardedValues[key] = value as string | number | boolean;\n    }\n  }\n\n  // If nothing to forward, return inputs unchanged\n  if (Object.keys(forwardedValues).length === 0) {\n    return inputs;\n  }\n\n  // Merge: forwarded props first, then meta (meta wins)\n  const existingMeta = inputs['meta'] as FieldMeta | undefined;\n  const mergedMeta: FieldMeta = {\n    ...forwardedValues,\n    ...existingMeta,\n  };\n\n  return {\n    ...inputs,\n    meta: mergedMeta,\n  };\n}\n\n/**\n * Applies index suffix to the key property for array items.\n * This ensures unique DOM IDs while keeping form schema keys clean.\n *\n * @param inputs The current inputs record\n * @param index The array item index\n * @returns Updated inputs record with suffixed key\n */\nfunction applyIndexSuffix(inputs: Record<string, unknown>, index: number): Record<string, unknown> {\n  const key = inputs['key'];\n  if (typeof key !== 'string') {\n    return inputs;\n  }\n\n  return {\n    ...inputs,\n    key: `${key}_${index}`,\n  };\n}\n\n/**\n * Prefixes the key with the underscored group ancestor path so that the same\n * leaf key inside different groups produces distinct DOM IDs (issue #401).\n * Form-schema keys remain clean — only the rendered `key` input is rewritten.\n */\nfunction applyGroupPrefix(inputs: Record<string, unknown>, groupPath: string): Record<string, unknown> {\n  const key = inputs['key'];\n  if (typeof key !== 'string' || groupPath.length === 0) {\n    return inputs;\n  }\n\n  return {\n    ...inputs,\n    key: `${groupPath.replace(/\\./g, '_')}_${key}`,\n  };\n}\n\n/**\n * Prepends the form-level id prefix as the outermost key segment so the same key\n * across two forms on one page yields distinct DOM IDs. Rewrites only the rendered\n * `key`; schema/override-store keys stay clean. No-op when prefix is empty.\n */\nfunction applyFormPrefix(inputs: Record<string, unknown>, prefix: string): Record<string, unknown> {\n  const key = inputs['key'];\n  if (typeof key !== 'string' || prefix.length === 0) {\n    return inputs;\n  }\n\n  return {\n    ...inputs,\n    key: `${prefix}_${key}`,\n  };\n}\n\n/**\n * Main field mapper function that uses the field registry to get the appropriate mapper\n * based on the field's type property.\n *\n * @param fieldDef The field definition to map\n * @param fieldRegistry The registry of field type definitions\n * @returns Signal containing Record of input names to values, or undefined for componentless fields\n */\nexport function mapFieldToInputs(\n  fieldDef: FieldDef<unknown>,\n  fieldRegistry: Map<string, FieldTypeDefinition>,\n): Signal<Record<string, unknown>> | undefined {\n  // Get the field type definition from registry\n  const fieldType = fieldRegistry.get(fieldDef.type);\n\n  // Componentless field (no mapper and no loadComponent) - nothing to map\n  if (fieldType && !fieldType.loadComponent && !fieldType.mapper) {\n    return undefined;\n  }\n\n  // Check if we're inside an array item context - if so, we need to suffix keys\n  // Optional because ARRAY_CONTEXT is only provided inside array item injectors\n  const arrayContext = inject(ARRAY_CONTEXT, { optional: true });\n\n  // Check if we're inside a group context - if so, prefix the key with the group path\n  // so overlapping leaf keys across groups produce distinct DOM IDs (issue #401).\n  // Optional because GROUP_CONTEXT is only provided by GroupFieldComponent.\n  const groupContext = inject(GROUP_CONTEXT, { optional: true });\n\n  // Form-level DOM-id prefix (scopes ids to one form instance). Optional: absent under mock injectors.\n  const formPrefixSignal = inject(FORM_ID_PREFIX, { optional: true });\n\n  // Inject the property override store for property derivation overrides\n  // Always available — provided at the DynamicForm component level via provideDynamicFormDI\n  const store = inject(PROPERTY_OVERRIDE_STORE);\n\n  // Get the base mapper result\n  const mapperResult: Signal<Record<string, unknown>> = fieldType?.mapper ? fieldType.mapper(fieldDef) : baseFieldMapper(fieldDef);\n\n  const propsToMeta = fieldType?.propsToMeta;\n  const hasPropsForwarding = propsToMeta && propsToMeta.length > 0;\n  // Check that arrayContext exists and has a valid index signal (guards against mock injectors)\n  const indexSignal = arrayContext?.index;\n  const hasArrayContext = indexSignal !== undefined && isSignal(indexSignal);\n  const hasGroupContext = groupContext != null;\n  // Bypasses the fast path so fields stay subscribed to a prefix that can flip\n  // when a sibling form mounts (gating on its current value would miss the flip).\n  const hasFormPrefix = formPrefixSignal != null;\n\n  // Fast-path check for property overrides: only fields whose definition declares\n  // a property-derivation enter the computed() wrapper. We inspect the FieldDef\n  // directly rather than asking the store, because the store's registration\n  // effect may not have fired yet when the mapper runs in the resolveFieldSync\n  // path (warm COMPONENT_CACHE). Both the mapper and the orchestrator's\n  // collector apply the same inclusion rule, so the answers always agree.\n  const hasOverrides = fieldHasPropertyDerivations(fieldDef);\n\n  // Fast path: no transformations needed\n  if (!hasPropsForwarding && !hasArrayContext && !hasGroupContext && !hasOverrides && !hasFormPrefix) {\n    return mapperResult;\n  }\n\n  // Wrap in computed to apply transformations\n  return computed(() => {\n    let inputs = mapperResult();\n\n    // Apply props forwarding if configured\n    if (hasPropsForwarding) {\n      inputs = mergeForwardedPropsToMeta(inputs, propsToMeta);\n    }\n\n    // Apply group prefix BEFORE array suffix so the resulting key reads as\n    // `{groupPath}_{key}_{index}` (e.g. `address_street_0`) — matching the\n    // form-value path order: group → leaf → array index.\n    if (hasGroupContext) {\n      // Non-null after the hasGroupContext guard.\n      inputs = applyGroupPrefix(inputs, groupContext!.groupPath());\n    }\n\n    // Apply index suffix for array items\n    if (hasArrayContext) {\n      const index = indexSignal();\n      inputs = applyIndexSuffix(inputs, index);\n    }\n\n    // Outermost key segment; reading the signal here re-renders ids if the prefix flips.\n    if (hasFormPrefix) {\n      inputs = applyFormPrefix(inputs, formPrefixSignal!());\n    }\n\n    // Apply property overrides from the store (AFTER all static transformations).\n    //\n    // INVARIANT: the store key MUST be built from `fieldDef.key` + the group/array\n    // ancestry (via buildPropertyOverrideKey) — NEVER from the DOM-scoped\n    // `inputs['key']` produced by applyGroupPrefix/applyIndexSuffix above. The\n    // collector (property-derivation-collector.ts) registers using the same\n    // shape; if these drift, overrides silently miss their target.\n    if (hasOverrides) {\n      // Build inside computed() so the index/group signals establish reactive deps.\n      // GROUP_CONTEXT resets at array boundaries (see create-array-item-injector.ts),\n      // so groupPath() represents ancestors inside the current array item (or\n      // top-level groups when not in an array) — matching the collector.\n      const groupPath = hasGroupContext ? groupContext!.groupPath() : undefined;\n      const key = hasArrayContext\n        ? buildPropertyOverrideKey(\n            (arrayContext as ArrayContext).arrayKey,\n            (indexSignal as Signal<number>)(),\n            fieldDef.key,\n            groupPath || undefined,\n          )\n        : buildPropertyOverrideKey(undefined, undefined, fieldDef.key, groupPath || undefined);\n      const overrides = store.getOverrides(key)();\n      inputs = applyPropertyOverrides(inputs, overrides);\n    }\n\n    return inputs;\n  });\n}\n","import { computed, DestroyRef, Injector, runInInjectionContext, Signal, Type } from '@angular/core';\nimport type { FieldTree } from '@angular/forms/signals';\nimport { catchError, forkJoin, from, map, Observable, of, OperatorFunction, pipe, scan, switchMap } from 'rxjs';\nimport { FieldDef } from '@ng-forge/dynamic-forms/internal';\nimport { FieldTypeDefinition } from '@ng-forge/dynamic-forms/internal';\nimport { mapFieldToInputs } from '../field-mapper/field-mapper';\n\n/** Resolved field ready for rendering with ngComponentOutlet / DfFieldOutlet. */\nexport interface ResolvedField {\n  key: string;\n  /** The original field definition (used by DfFieldOutlet to resolve wrappers). */\n  fieldDef: FieldDef<unknown>;\n  component: Type<unknown>;\n  injector: Injector;\n  inputs: Signal<Record<string, unknown>>;\n  renderReady: Signal<boolean>;\n  /**\n   * Whether the field is currently hidden. Sourced from the FieldTree's\n   * `state.hidden()` for value-bearing fields (set by Angular Signal Forms in\n   * response to `hidden(path, …)` calls), or from the mapper's explicit\n   * `hidden` input for non-value fields (button, text, container, …). Consumers\n   * must `@if (!field.hidden())` around `*dfFieldOutlet` so hidden fields are\n   * removed from the DOM — Angular Signal Forms warns (NG01916) otherwise.\n   */\n  hidden: Signal<boolean>;\n}\n\nexport function createRenderReadySignal(\n  inputs: Signal<Record<string, unknown>>,\n  definition: FieldTypeDefinition | undefined,\n): Signal<boolean> {\n  const explicitRenderReadyWhen = definition?.renderReadyWhen;\n  const requiredInputs = definition?.mapper && explicitRenderReadyWhen === undefined ? ['field'] : (explicitRenderReadyWhen ?? []);\n\n  if (requiredInputs.length === 0) {\n    return computed(() => true);\n  }\n\n  return computed(() => {\n    const currentInputs = inputs();\n    return requiredInputs.every((inputName) => currentInputs[inputName] !== undefined);\n  });\n}\n\n/**\n * Reads the current hidden state from mapper inputs. Uniform across all field\n * types — value-bearing leaves source from the `FieldTree`'s `state.hidden()`\n * (where Angular Signal Forms cascades `hidden(path, …)`), and non-field outputs\n * (button/text/containers) source from the mapper's explicit `inputs.hidden`.\n */\nexport function createHiddenSignal(inputs: Signal<Record<string, unknown>>): Signal<boolean> {\n  return computed(() => {\n    const currentInputs = inputs();\n    const fieldCandidate = currentInputs['field'];\n    // Value-bearing leaves expose `field` as a callable `FieldTree` whose invocation returns a\n    // `FieldState` with a `hidden` accessor. `isSignal()` doesn't recognise the Proxy-wrapped\n    // FieldTree (no SIGNAL symbol), so we duck-type the shape and call `state.hidden()` directly.\n    if (typeof fieldCandidate === 'function') {\n      const state = (fieldCandidate as FieldTree<unknown>)();\n      if (state && typeof state.hidden === 'function') {\n        return state.hidden() === true;\n      }\n    }\n    // Non-value fields (button, text, containers) carry an explicit `hidden` input set by\n    // `applyHiddenLogic` based on the mapper-side evaluation.\n    return currentInputs['hidden'] === true;\n  });\n}\n\n/** Context required to resolve a field. */\nexport interface ResolveFieldContext {\n  /**\n   * The field registry to load components from.\n   * Returns undefined for componentless fields (e.g., hidden fields).\n   */\n  loadTypeComponent: (type: string) => Promise<Type<unknown> | undefined>;\n  /** The raw field registry map for mappers */\n  registry: Map<string, FieldTypeDefinition>;\n  /** The injector to use for the resolved field */\n  injector: Injector;\n  /** DestroyRef to check if component is destroyed */\n  destroyRef: DestroyRef;\n  /** Optional error handler for logging */\n  onError?: (fieldDef: FieldDef<unknown>, error: unknown) => void;\n}\n\n/**\n * Resolves a single field definition to a ResolvedField using RxJS.\n * Loads the component asynchronously and maps inputs in the injection context.\n *\n * @param fieldDef - The field definition to resolve\n * @param context - The context containing dependencies for resolution\n * @returns Observable that emits ResolvedField or undefined (for componentless fields or on error)\n */\nexport function resolveField(fieldDef: FieldDef<unknown>, context: ResolveFieldContext): Observable<ResolvedField | undefined> {\n  return from(context.loadTypeComponent(fieldDef.type)).pipe(\n    map((component) => {\n      // Check if component is destroyed before proceeding\n      if (context.destroyRef.destroyed) {\n        return undefined;\n      }\n\n      // Componentless fields (e.g., hidden) return undefined - nothing to render\n      if (!component) {\n        return undefined;\n      }\n\n      // Run mapper in injection context\n      const inputs = runInInjectionContext(context.injector, () => mapFieldToInputs(fieldDef, context.registry));\n      const definition = context.registry.get(fieldDef.type);\n\n      // Fields with components should always have inputs (componentless fields are handled above)\n      if (!inputs) {\n        return undefined;\n      }\n\n      return {\n        key: fieldDef.key,\n        fieldDef,\n        component,\n        injector: context.injector,\n        inputs,\n        renderReady: createRenderReadySignal(inputs, definition),\n        hidden: createHiddenSignal(inputs),\n      };\n    }),\n    catchError((error) => {\n      // Only call onError if component is not destroyed to avoid accessing cleaned-up state\n      if (!context.destroyRef.destroyed) {\n        context.onError?.(fieldDef, error);\n      }\n      return of(undefined);\n    }),\n  );\n}\n\n/** Context for synchronous field resolution when components are already cached. */\nexport interface SyncResolveFieldContext {\n  /** Returns a previously loaded component, or undefined if not cached */\n  getLoadedComponent: (type: string) => Type<unknown> | undefined;\n  /** The raw field registry map for mappers */\n  registry: Map<string, FieldTypeDefinition>;\n  /** The injector to use for the resolved field */\n  injector: Injector;\n}\n\n/**\n * Synchronously resolves a field definition to a ResolvedField using cached components.\n *\n * @param fieldDef - The field definition to resolve\n * @param context - The context containing cached components and dependencies\n * @returns ResolvedField or undefined (for componentless fields)\n */\nexport function resolveFieldSync(fieldDef: FieldDef<unknown>, context: SyncResolveFieldContext): ResolvedField | undefined {\n  const component = context.getLoadedComponent(fieldDef.type);\n\n  if (!component) {\n    return undefined;\n  }\n\n  const inputs = runInInjectionContext(context.injector, () => mapFieldToInputs(fieldDef, context.registry));\n  const definition = context.registry.get(fieldDef.type);\n\n  if (!inputs) {\n    return undefined;\n  }\n\n  return {\n    key: fieldDef.key,\n    fieldDef,\n    component,\n    injector: context.injector,\n    inputs,\n    renderReady: createRenderReadySignal(inputs, definition),\n    hidden: createHiddenSignal(inputs),\n  };\n}\n\n/**\n * Reconciles previous and current resolved fields to preserve injector instances\n * for fields that haven't changed type, preventing unnecessary component recreation.\n *\n * @param prev - Previous resolved fields array\n * @param curr - Current resolved fields array\n * @returns Reconciled fields with preserved injectors where applicable\n */\nexport function reconcileFields(prev: ResolvedField[], curr: ResolvedField[]): ResolvedField[] {\n  const prevMap = new Map(prev.map((f) => [f.key, f]));\n\n  return curr.map((field) => {\n    const existing = prevMap.get(field.key);\n\n    if (existing && existing.component === field.component && existing.injector === field.injector) {\n      if (existing.fieldDef === field.fieldDef) {\n        // Truly unchanged - preserve object identity for signal stability\n        return existing;\n      }\n\n      // Same component instance + injector, but the field definition changed.\n      // Preserve component identity (so ngComponentOutlet keeps the same instance)\n      // while swapping in the freshly-mapped inputs/renderReady/hidden signals\n      // so prop updates (e.g. select options) reach the component.\n      return {\n        ...existing,\n        fieldDef: field.fieldDef,\n        inputs: field.inputs,\n        renderReady: field.renderReady,\n        hidden: field.hidden,\n      };\n    }\n\n    // New field, type changed, or context changed (new injector) - use new field\n    return field;\n  });\n}\n\n/**\n * Creates an RxJS pipe for resolving field definitions to rendered components.\n * Used by container components (page, group) to resolve their child fields.\n */\nexport function createFieldResolutionPipe(getContext: () => ResolveFieldContext): OperatorFunction<FieldDef<unknown>[], ResolvedField[]> {\n  return pipe(\n    switchMap((fields) => {\n      if (!fields || fields.length === 0) {\n        return of([] as (ResolvedField | undefined)[]);\n      }\n      const context = getContext();\n      return forkJoin(fields.map((f) => resolveField(f, context)));\n    }),\n    map((fields) => fields.filter((f): f is ResolvedField => f !== undefined)),\n    scan(reconcileFields, [] as ResolvedField[]),\n  );\n}\n"],"mappings":"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"}

package/fesm2022/ng-forge-dynamic-forms-row-wrapper.component-CuFycQb-.mjs

@@ -0,0 +1,81 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewContainerRef, input, viewChild } from "@angular/core";
+var RowWrapperComponent = class RowWrapperComponent {
+	fieldComponent = viewChild.required("fieldComponent", {
+		...ngDevMode ? { debugName: "fieldComponent" } : /* istanbul ignore next */ {},
+		read: ViewContainerRef
+	});
+	fieldInputs = input(...ngDevMode ? [void 0, { debugName: "fieldInputs" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: RowWrapperComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.5",
+		type: RowWrapperComponent,
+		isStandalone: true,
+		selector: "df-row-wrapper",
+		inputs: { fieldInputs: {
+			classPropertyName: "fieldInputs",
+			publicName: "fieldInputs",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { classAttribute: "df-field df-row" },
+		viewQueries: [{
+			propertyName: "fieldComponent",
+			first: true,
+			predicate: ["fieldComponent"],
+			descendants: true,
+			read: ViewContainerRef,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `<ng-container #fieldComponent></ng-container>`,
+		isInline: true,
+		styles: [".df-form{display:grid;grid-template-columns:1fr;gap:var(--df-grid-row-gap, .5rem);width:100%}.df-form>*{grid-column:1/-1}.df-row{display:grid;grid-template-columns:repeat(var(--df-grid-columns, 12),1fr);gap:var(--df-grid-gap, .5rem);align-items:start;width:100%}.df-row>*:not([class*=df-col-]){grid-column:1/-1}.df-col-1{grid-column:span 1}.df-col-2{grid-column:span 2}.df-col-3{grid-column:span 3}.df-col-4{grid-column:span 4}.df-col-5{grid-column:span 5}.df-col-6{grid-column:span 6}.df-col-7{grid-column:span 7}.df-col-8{grid-column:span 8}.df-col-9{grid-column:span 9}.df-col-10{grid-column:span 10}.df-col-11{grid-column:span 11}.df-col-12{grid-column:span 12}.df-col-auto{grid-column:span auto;width:auto}.df-col-full{grid-column:1/-1}.df-col-start-1{grid-column-start:1}.df-col-start-2{grid-column-start:2}.df-col-start-3{grid-column-start:3}.df-col-start-4{grid-column-start:4}.df-col-start-5{grid-column-start:5}.df-col-start-6{grid-column-start:6}.df-col-start-7{grid-column-start:7}.df-col-start-8{grid-column-start:8}.df-col-start-9{grid-column-start:9}.df-col-start-10{grid-column-start:10}.df-col-start-11{grid-column-start:11}.df-col-start-12{grid-column-start:12}.df-col-end-1{grid-column-end:1}.df-col-end-2{grid-column-end:2}.df-col-end-3{grid-column-end:3}.df-col-end-4{grid-column-end:4}.df-col-end-5{grid-column-end:5}.df-col-end-6{grid-column-end:6}.df-col-end-7{grid-column-end:7}.df-col-end-8{grid-column-end:8}.df-col-end-9{grid-column-end:9}.df-col-end-10{grid-column-end:10}.df-col-end-11{grid-column-end:11}.df-col-end-12{grid-column-end:12}.df-col-end-13{grid-column-end:13}@media(max-width:576px){.df-form{--df-grid-gap: var(--df-grid-gap-sm, .5rem);--df-grid-row-gap: var(--df-grid-row-gap-sm, .5rem)}.df-row{grid-template-columns:1fr}.df-row>*{grid-column:1/-1!important}.df-row.df-row-mobile-keep-cols{grid-template-columns:repeat(var(--df-grid-columns, 12),1fr)}.df-row.df-row-mobile-keep-cols>*{grid-column:revert!important}}@media(min-width:577px)and (max-width:768px){.df-form{--df-grid-gap: var(--df-grid-gap-md, .5rem);--df-grid-row-gap: var(--df-grid-row-gap-md, .5rem)}.df-row{--df-grid-columns: 6}.df-col-sm-1{grid-column:span 1}.df-col-sm-2{grid-column:span 2}.df-col-sm-3{grid-column:span 3}.df-col-sm-4{grid-column:span 4}.df-col-sm-5{grid-column:span 5}.df-col-sm-6{grid-column:span 6}.df-col-sm-full{grid-column:1/-1}}@media(min-width:769px)and (max-width:992px){.df-form{--df-grid-gap: var(--df-grid-gap-lg, .5rem);--df-grid-row-gap: var(--df-grid-row-gap-lg, .5rem)}.df-col-md-1{grid-column:span 1}.df-col-md-2{grid-column:span 2}.df-col-md-3{grid-column:span 3}.df-col-md-4{grid-column:span 4}.df-col-md-5{grid-column:span 5}.df-col-md-6{grid-column:span 6}.df-col-md-7{grid-column:span 7}.df-col-md-8{grid-column:span 8}.df-col-md-9{grid-column:span 9}.df-col-md-10{grid-column:span 10}.df-col-md-11{grid-column:span 11}.df-col-md-12{grid-column:span 12}.df-col-md-full{grid-column:1/-1}}@media(min-width:993px){.df-form{--df-grid-gap: var(--df-grid-gap-xl, .5rem);--df-grid-row-gap: var(--df-grid-row-gap-xl, .5rem)}.df-col-lg-1{grid-column:span 1}.df-col-lg-2{grid-column:span 2}.df-col-lg-3{grid-column:span 3}.df-col-lg-4{grid-column:span 4}.df-col-lg-5{grid-column:span 5}.df-col-lg-6{grid-column:span 6}.df-col-lg-7{grid-column:span 7}.df-col-lg-8{grid-column:span 8}.df-col-lg-9{grid-column:span 9}.df-col-lg-10{grid-column:span 10}.df-col-lg-11{grid-column:span 11}.df-col-lg-12{grid-column:span 12}.df-col-lg-full{grid-column:1/-1}}.df-gap-none{--df-grid-gap: 0}.df-gap-xs{--df-grid-gap: .25rem}.df-gap-sm{--df-grid-gap: .5rem}.df-gap-md{--df-grid-gap: 1rem}.df-gap-lg{--df-grid-gap: 1.5rem}.df-gap-xl{--df-grid-gap: 2rem}.df-row-gap-none{--df-grid-row-gap: 0}.df-row-gap-xs{--df-grid-row-gap: .25rem}.df-row-gap-sm{--df-grid-row-gap: .5rem}.df-row-gap-md{--df-grid-row-gap: 1rem}.df-row-gap-lg{--df-grid-row-gap: 1.5rem}.df-row-gap-xl{--df-grid-row-gap: 2rem}.df-field{display:block;width:100%;min-width:0;overflow:hidden;margin:0}.df-group,.df-page{display:block;width:100%}.df-form.disabled,.df-row.disabled,.df-field.disabled{opacity:.6;pointer-events:none}.df-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.df-sr-only-focusable:focus,.df-sr-only-focusable:active{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.df-live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.df-form :focus-visible{outline:2px solid var(--df-focus-color, #005fcc);outline-offset:2px}.df-group:focus-within{outline:1px dashed var(--df-focus-color, #005fcc);outline-offset:4px}:host{display:flex;flex-wrap:wrap;gap:var(--df-grid-gap, .5rem);align-items:flex-start;width:100%}:host ::ng-deep>*:not([class*=df-col-]){flex:0 0 auto}:host ::ng-deep>.df-col-1{flex:0 0 calc(8.3333333333% - var(--df-grid-gap, .5rem) * .9166666667);max-width:calc(8.3333333333% - var(--df-grid-gap, .5rem) * .9166666667)}:host ::ng-deep>.df-col-2{flex:0 0 calc(16.6666666667% - var(--df-grid-gap, .5rem) * .8333333333);max-width:calc(16.6666666667% - var(--df-grid-gap, .5rem) * .8333333333)}:host ::ng-deep>.df-col-3{flex:0 0 calc(25% - var(--df-grid-gap, .5rem) * .75);max-width:calc(25% - var(--df-grid-gap, .5rem) * .75)}:host ::ng-deep>.df-col-4{flex:0 0 calc(33.3333333333% - var(--df-grid-gap, .5rem) * .6666666667);max-width:calc(33.3333333333% - var(--df-grid-gap, .5rem) * .6666666667)}:host ::ng-deep>.df-col-5{flex:0 0 calc(41.6666666667% - var(--df-grid-gap, .5rem) * .5833333333);max-width:calc(41.6666666667% - var(--df-grid-gap, .5rem) * .5833333333)}:host ::ng-deep>.df-col-6{flex:0 0 calc(50% - var(--df-grid-gap, .5rem) * .5);max-width:calc(50% - var(--df-grid-gap, .5rem) * .5)}:host ::ng-deep>.df-col-7{flex:0 0 calc(58.3333333333% - var(--df-grid-gap, .5rem) * .4166666667);max-width:calc(58.3333333333% - var(--df-grid-gap, .5rem) * .4166666667)}:host ::ng-deep>.df-col-8{flex:0 0 calc(66.6666666667% - var(--df-grid-gap, .5rem) * .3333333333);max-width:calc(66.6666666667% - var(--df-grid-gap, .5rem) * .3333333333)}:host ::ng-deep>.df-col-9{flex:0 0 calc(75% - var(--df-grid-gap, .5rem) * .25);max-width:calc(75% - var(--df-grid-gap, .5rem) * .25)}:host ::ng-deep>.df-col-10{flex:0 0 calc(83.3333333333% - var(--df-grid-gap, .5rem) * .1666666667);max-width:calc(83.3333333333% - var(--df-grid-gap, .5rem) * .1666666667)}:host ::ng-deep>.df-col-11{flex:0 0 calc(91.6666666667% - var(--df-grid-gap, .5rem) * .0833333333);max-width:calc(91.6666666667% - var(--df-grid-gap, .5rem) * .0833333333)}:host ::ng-deep>.df-col-12{flex:0 0 calc(100% - var(--df-grid-gap, .5rem) * 0);max-width:calc(100% - var(--df-grid-gap, .5rem) * 0)}:host-context(.df-gap-custom){--df-grid-gap: var(--df-row-custom-gap, 1rem)}@media(max-width:576px){:host-context(.df-row-mobile-stack) ::ng-deep>*{flex:0 0 100%!important;max-width:100%!important}}@media(min-width:577px)and (max-width:768px){:host-context(.df-row-tablet-2col) ::ng-deep>*{flex:0 0 calc(50% - var(--df-grid-gap, .5rem) / 2);max-width:calc(50% - var(--df-grid-gap, .5rem) / 2)}}@media(max-width:576px){:host ::ng-deep>*{flex:0 0 100%!important;max-width:100%!important}:host-context(.df-row-mobile-keep-cols){flex-direction:row}:host-context(.df-row-mobile-keep-cols) ::ng-deep>*:not([class*=df-col-]){flex:0 0 auto!important;max-width:none!important}}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: RowWrapperComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "df-row-wrapper",
+			template: `<ng-container #fieldComponent></ng-container>`,
+			host: { class: "df-field df-row" },
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			styles: [".df-form{display:grid;grid-template-columns:1fr;gap:var(--df-grid-row-gap, .5rem);width:100%}.df-form>*{grid-column:1/-1}.df-row{display:grid;grid-template-columns:repeat(var(--df-grid-columns, 12),1fr);gap:var(--df-grid-gap, .5rem);align-items:start;width:100%}.df-row>*:not([class*=df-col-]){grid-column:1/-1}.df-col-1{grid-column:span 1}.df-col-2{grid-column:span 2}.df-col-3{grid-column:span 3}.df-col-4{grid-column:span 4}.df-col-5{grid-column:span 5}.df-col-6{grid-column:span 6}.df-col-7{grid-column:span 7}.df-col-8{grid-column:span 8}.df-col-9{grid-column:span 9}.df-col-10{grid-column:span 10}.df-col-11{grid-column:span 11}.df-col-12{grid-column:span 12}.df-col-auto{grid-column:span auto;width:auto}.df-col-full{grid-column:1/-1}.df-col-start-1{grid-column-start:1}.df-col-start-2{grid-column-start:2}.df-col-start-3{grid-column-start:3}.df-col-start-4{grid-column-start:4}.df-col-start-5{grid-column-start:5}.df-col-start-6{grid-column-start:6}.df-col-start-7{grid-column-start:7}.df-col-start-8{grid-column-start:8}.df-col-start-9{grid-column-start:9}.df-col-start-10{grid-column-start:10}.df-col-start-11{grid-column-start:11}.df-col-start-12{grid-column-start:12}.df-col-end-1{grid-column-end:1}.df-col-end-2{grid-column-end:2}.df-col-end-3{grid-column-end:3}.df-col-end-4{grid-column-end:4}.df-col-end-5{grid-column-end:5}.df-col-end-6{grid-column-end:6}.df-col-end-7{grid-column-end:7}.df-col-end-8{grid-column-end:8}.df-col-end-9{grid-column-end:9}.df-col-end-10{grid-column-end:10}.df-col-end-11{grid-column-end:11}.df-col-end-12{grid-column-end:12}.df-col-end-13{grid-column-end:13}@media(max-width:576px){.df-form{--df-grid-gap: var(--df-grid-gap-sm, .5rem);--df-grid-row-gap: var(--df-grid-row-gap-sm, .5rem)}.df-row{grid-template-columns:1fr}.df-row>*{grid-column:1/-1!important}.df-row.df-row-mobile-keep-cols{grid-template-columns:repeat(var(--df-grid-columns, 12),1fr)}.df-row.df-row-mobile-keep-cols>*{grid-column:revert!important}}@media(min-width:577px)and (max-width:768px){.df-form{--df-grid-gap: var(--df-grid-gap-md, .5rem);--df-grid-row-gap: var(--df-grid-row-gap-md, .5rem)}.df-row{--df-grid-columns: 6}.df-col-sm-1{grid-column:span 1}.df-col-sm-2{grid-column:span 2}.df-col-sm-3{grid-column:span 3}.df-col-sm-4{grid-column:span 4}.df-col-sm-5{grid-column:span 5}.df-col-sm-6{grid-column:span 6}.df-col-sm-full{grid-column:1/-1}}@media(min-width:769px)and (max-width:992px){.df-form{--df-grid-gap: var(--df-grid-gap-lg, .5rem);--df-grid-row-gap: var(--df-grid-row-gap-lg, .5rem)}.df-col-md-1{grid-column:span 1}.df-col-md-2{grid-column:span 2}.df-col-md-3{grid-column:span 3}.df-col-md-4{grid-column:span 4}.df-col-md-5{grid-column:span 5}.df-col-md-6{grid-column:span 6}.df-col-md-7{grid-column:span 7}.df-col-md-8{grid-column:span 8}.df-col-md-9{grid-column:span 9}.df-col-md-10{grid-column:span 10}.df-col-md-11{grid-column:span 11}.df-col-md-12{grid-column:span 12}.df-col-md-full{grid-column:1/-1}}@media(min-width:993px){.df-form{--df-grid-gap: var(--df-grid-gap-xl, .5rem);--df-grid-row-gap: var(--df-grid-row-gap-xl, .5rem)}.df-col-lg-1{grid-column:span 1}.df-col-lg-2{grid-column:span 2}.df-col-lg-3{grid-column:span 3}.df-col-lg-4{grid-column:span 4}.df-col-lg-5{grid-column:span 5}.df-col-lg-6{grid-column:span 6}.df-col-lg-7{grid-column:span 7}.df-col-lg-8{grid-column:span 8}.df-col-lg-9{grid-column:span 9}.df-col-lg-10{grid-column:span 10}.df-col-lg-11{grid-column:span 11}.df-col-lg-12{grid-column:span 12}.df-col-lg-full{grid-column:1/-1}}.df-gap-none{--df-grid-gap: 0}.df-gap-xs{--df-grid-gap: .25rem}.df-gap-sm{--df-grid-gap: .5rem}.df-gap-md{--df-grid-gap: 1rem}.df-gap-lg{--df-grid-gap: 1.5rem}.df-gap-xl{--df-grid-gap: 2rem}.df-row-gap-none{--df-grid-row-gap: 0}.df-row-gap-xs{--df-grid-row-gap: .25rem}.df-row-gap-sm{--df-grid-row-gap: .5rem}.df-row-gap-md{--df-grid-row-gap: 1rem}.df-row-gap-lg{--df-grid-row-gap: 1.5rem}.df-row-gap-xl{--df-grid-row-gap: 2rem}.df-field{display:block;width:100%;min-width:0;overflow:hidden;margin:0}.df-group,.df-page{display:block;width:100%}.df-form.disabled,.df-row.disabled,.df-field.disabled{opacity:.6;pointer-events:none}.df-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.df-sr-only-focusable:focus,.df-sr-only-focusable:active{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.df-live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.df-form :focus-visible{outline:2px solid var(--df-focus-color, #005fcc);outline-offset:2px}.df-group:focus-within{outline:1px dashed var(--df-focus-color, #005fcc);outline-offset:4px}:host{display:flex;flex-wrap:wrap;gap:var(--df-grid-gap, .5rem);align-items:flex-start;width:100%}:host ::ng-deep>*:not([class*=df-col-]){flex:0 0 auto}:host ::ng-deep>.df-col-1{flex:0 0 calc(8.3333333333% - var(--df-grid-gap, .5rem) * .9166666667);max-width:calc(8.3333333333% - var(--df-grid-gap, .5rem) * .9166666667)}:host ::ng-deep>.df-col-2{flex:0 0 calc(16.6666666667% - var(--df-grid-gap, .5rem) * .8333333333);max-width:calc(16.6666666667% - var(--df-grid-gap, .5rem) * .8333333333)}:host ::ng-deep>.df-col-3{flex:0 0 calc(25% - var(--df-grid-gap, .5rem) * .75);max-width:calc(25% - var(--df-grid-gap, .5rem) * .75)}:host ::ng-deep>.df-col-4{flex:0 0 calc(33.3333333333% - var(--df-grid-gap, .5rem) * .6666666667);max-width:calc(33.3333333333% - var(--df-grid-gap, .5rem) * .6666666667)}:host ::ng-deep>.df-col-5{flex:0 0 calc(41.6666666667% - var(--df-grid-gap, .5rem) * .5833333333);max-width:calc(41.6666666667% - var(--df-grid-gap, .5rem) * .5833333333)}:host ::ng-deep>.df-col-6{flex:0 0 calc(50% - var(--df-grid-gap, .5rem) * .5);max-width:calc(50% - var(--df-grid-gap, .5rem) * .5)}:host ::ng-deep>.df-col-7{flex:0 0 calc(58.3333333333% - var(--df-grid-gap, .5rem) * .4166666667);max-width:calc(58.3333333333% - var(--df-grid-gap, .5rem) * .4166666667)}:host ::ng-deep>.df-col-8{flex:0 0 calc(66.6666666667% - var(--df-grid-gap, .5rem) * .3333333333);max-width:calc(66.6666666667% - var(--df-grid-gap, .5rem) * .3333333333)}:host ::ng-deep>.df-col-9{flex:0 0 calc(75% - var(--df-grid-gap, .5rem) * .25);max-width:calc(75% - var(--df-grid-gap, .5rem) * .25)}:host ::ng-deep>.df-col-10{flex:0 0 calc(83.3333333333% - var(--df-grid-gap, .5rem) * .1666666667);max-width:calc(83.3333333333% - var(--df-grid-gap, .5rem) * .1666666667)}:host ::ng-deep>.df-col-11{flex:0 0 calc(91.6666666667% - var(--df-grid-gap, .5rem) * .0833333333);max-width:calc(91.6666666667% - var(--df-grid-gap, .5rem) * .0833333333)}:host ::ng-deep>.df-col-12{flex:0 0 calc(100% - var(--df-grid-gap, .5rem) * 0);max-width:calc(100% - var(--df-grid-gap, .5rem) * 0)}:host-context(.df-gap-custom){--df-grid-gap: var(--df-row-custom-gap, 1rem)}@media(max-width:576px){:host-context(.df-row-mobile-stack) ::ng-deep>*{flex:0 0 100%!important;max-width:100%!important}}@media(min-width:577px)and (max-width:768px){:host-context(.df-row-tablet-2col) ::ng-deep>*{flex:0 0 calc(50% - var(--df-grid-gap, .5rem) / 2);max-width:calc(50% - var(--df-grid-gap, .5rem) / 2)}}@media(max-width:576px){:host ::ng-deep>*{flex:0 0 100%!important;max-width:100%!important}:host-context(.df-row-mobile-keep-cols){flex-direction:row}:host-context(.df-row-mobile-keep-cols) ::ng-deep>*:not([class*=df-col-]){flex:0 0 auto!important;max-width:none!important}}\n"]
+		}]
+	}],
+	propDecorators: {
+		fieldComponent: [{
+			type: i0.ViewChild,
+			args: ["fieldComponent", {
+				read: ViewContainerRef,
+				isSignal: true
+			}]
+		}],
+		fieldInputs: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fieldInputs",
+				required: false
+			}]
+		}]
+	}
+});
+export { RowWrapperComponent, RowWrapperComponent as default };
+
+//# sourceMappingURL=ng-forge-dynamic-forms-row-wrapper.component-CuFycQb-.mjs.map

package/fesm2022/ng-forge-dynamic-forms-row-wrapper.component-CuFycQb-.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-forge-dynamic-forms-row-wrapper.component-CuFycQb-.mjs","names":[],"sources":["../../../../packages/dynamic-forms/src/lib/wrappers/row/row-wrapper.component.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, ViewContainerRef, viewChild } from '@angular/core';\nimport { FieldWrapper } from '@ng-forge/dynamic-forms/internal';\nimport { WrapperFieldInputs } from '@ng-forge/dynamic-forms/internal';\n\n/** Built-in row wrapper component. */\n@Component({\n  selector: 'df-row-wrapper',\n  template: `<ng-container #fieldComponent></ng-container>`,\n  styleUrl: './row-wrapper.component.scss',\n  host: {\n    class: 'df-field df-row',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport default class RowWrapperComponent implements FieldWrapper {\n  readonly fieldComponent = viewChild.required('fieldComponent', { read: ViewContainerRef });\n\n  /**\n   * Mapper outputs for the wrapped field.\n   * The row wrapper itself does not consume these — the input is accepted\n   * for contract consistency so the outlet can set it on any wrapper.\n   */\n  readonly fieldInputs = input<WrapperFieldInputs>();\n}\n\nexport { RowWrapperComponent };\n"],"mappings":";;AAcA,IAAqB,sBAArB,MAAqB,oBAAmB;CAC7B,iBAAiB,UAAU,SAAS,kBAAgB;EAAA,GAAA,YAAA,EAAA,WAAA,iBAAA,+BAAA,CAAA;EAAI,MAAM;CAAgB,CAAA;CAO9E,cAAc,MAA2B,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAR/B,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAmB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAnB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAmB,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,aAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA,EAAA,gBAAA,kBAAA;EAAA,aAAA,CAAA;GAAA,cAAA;GAAA,OAAA;GAAA,WAAA,CAAA,gBAAA;GAAA,aAAA;GAAA,MACiC;GAAgB,UAAA;EAAA,CAAA;EAAA,UAAA;EAAA,UAR7E;EAA+C,UAAA;EAAA,QAAA,CAAA,mzOAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAOtC,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAmB,YAAA,CAAA;EATvC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAgB,UAChB;GAA+C,MAEnD,EACJ,OAAO,kBACR;GAAA,iBACgB,wBAAwB;GAAM,QAAA,CAAA,mzOAAA;EAAA,CAAA;CAGF,CAAA;CAAA,gBAAA;EAAA,gBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,kBAAgB;IAAI,MAAM;IAAkB,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,aAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;CAAA;AAAA,CAAA"}