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

package/fesm2022/ng-forge-dynamic-forms-active-page-initialized.event-bnrwNw7Y.mjs

@@ -0,0 +1,156 @@
+import * as i0 from "@angular/core";
+import { Directive, Injectable, InjectionToken, TemplateRef, computed, inject, input, signal } from "@angular/core";
+var DfPlaceholder = class DfPlaceholder {
+	dfPlaceholder = input("", ...ngDevMode ? [{ debugName: "dfPlaceholder" }] : /* istanbul ignore next */ []);
+	dfPlaceholderKey = input("", ...ngDevMode ? [{ debugName: "dfPlaceholderKey" }] : /* istanbul ignore next */ []);
+	templateRef = inject(TemplateRef);
+	static ngTemplateContextGuard(_dir, ctx) {
+		return true;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: DfPlaceholder,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.5",
+		type: DfPlaceholder,
+		isStandalone: true,
+		selector: "ng-template[dfPlaceholder], ng-template[dfPlaceholderKey]",
+		inputs: {
+			dfPlaceholder: {
+				classPropertyName: "dfPlaceholder",
+				publicName: "dfPlaceholder",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dfPlaceholderKey: {
+				classPropertyName: "dfPlaceholderKey",
+				publicName: "dfPlaceholderKey",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		exportAs: ["dfPlaceholder"],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: DfPlaceholder,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "ng-template[dfPlaceholder], ng-template[dfPlaceholderKey]",
+			exportAs: "dfPlaceholder"
+		}]
+	}],
+	propDecorators: {
+		dfPlaceholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dfPlaceholder",
+				required: false
+			}]
+		}],
+		dfPlaceholderKey: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dfPlaceholderKey",
+				required: false
+			}]
+		}]
+	}
+});
+var DfPlaceholderRegistry = class DfPlaceholderRegistry {
+	source = signal(void 0, ...ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []);
+	placeholders = computed(() => foldPlaceholders(this.source()?.() ?? []), ...ngDevMode ? [{ debugName: "placeholders" }] : /* istanbul ignore next */ []);
+	bind(projected) {
+		this.source.set(projected);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: DfPlaceholderRegistry,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: DfPlaceholderRegistry
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: DfPlaceholderRegistry,
+	decorators: [{ type: Injectable }]
+});
+function foldPlaceholders(placeholders) {
+	const byKey = /* @__PURE__ */ new Map();
+	const byType = /* @__PURE__ */ new Map();
+	let fallback;
+	for (const p of placeholders) {
+		const key = p.dfPlaceholderKey();
+		const type = p.dfPlaceholder();
+		if (key) byKey.set(key, p.templateRef);
+		else if (type) byType.set(type, p.templateRef);
+		else fallback = p.templateRef;
+	}
+	return {
+		byKey,
+		byType,
+		default: fallback
+	};
+}
+const DF_FIELD_PLACEHOLDERS = new InjectionToken("DF_FIELD_PLACEHOLDERS");
+function resolvePlaceholderTemplate(placeholders, field) {
+	return placeholders.byKey.get(field.key) ?? placeholders.byType.get(field.type) ?? placeholders.default ?? null;
+}
+function createPlaceholderContextCache() {
+	const cache = /* @__PURE__ */ new WeakMap();
+	return (field) => {
+		let ctx = cache.get(field.fieldDef);
+		if (!ctx) {
+			const label = typeof field.fieldDef.label === "string" ? field.fieldDef.label : void 0;
+			const info = {
+				key: field.key,
+				type: field.fieldDef.type,
+				label,
+				col: field.fieldDef.col
+			};
+			ctx = {
+				$implicit: info,
+				field: info
+			};
+			cache.set(field.fieldDef, ctx);
+		}
+		return ctx;
+	};
+}
+var ActivePageInitializedEvent = class {
+	pageIndex;
+	pageKey;
+	type = "active-page-initialized";
+	constructor(pageIndex, pageKey) {
+		this.pageIndex = pageIndex;
+		this.pageKey = pageKey;
+	}
+};
+export { DfPlaceholder as a, DF_FIELD_PLACEHOLDERS as i, createPlaceholderContextCache as n, DfPlaceholderRegistry as o, resolvePlaceholderTemplate as r, ActivePageInitializedEvent as t };
+
+//# sourceMappingURL=ng-forge-dynamic-forms-active-page-initialized.event-bnrwNw7Y.mjs.map

package/fesm2022/ng-forge-dynamic-forms-active-page-initialized.event-bnrwNw7Y.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-forge-dynamic-forms-active-page-initialized.event-bnrwNw7Y.mjs","names":[],"sources":["../../../../packages/dynamic-forms/src/lib/directives/df-placeholder/df-placeholder.directive.ts","../../../../packages/dynamic-forms/src/lib/directives/df-placeholder/resolve-placeholder-template.ts","../../../../packages/dynamic-forms/src/lib/events/constants/active-page-initialized.event.ts"],"sourcesContent":["import { computed, Directive, Injectable, inject, InjectionToken, input, Signal, signal, TemplateRef } from '@angular/core';\n\n/**\n * Field metadata handed to a projected placeholder template as its context —\n * both `$implicit` (for `let-field`) and the named `field`. Deliberately narrow\n * and stable: it is NOT the internal `ResolvedField`.\n */\nexport interface FieldPlaceholderInfo {\n  /** The field's key. */\n  readonly key: string;\n  /** The field's type (e.g. `input`, `textarea`, `select`). */\n  readonly type: string;\n  /** The field's label when it is a plain string; translated (Observable or Signal) labels are not resolved. */\n  readonly label?: string;\n  /** The field's grid column span, if any. */\n  readonly col?: number;\n}\n\n/** Template context for a projected `dfPlaceholder`. */\nexport interface FieldPlaceholderContext {\n  readonly $implicit: FieldPlaceholderInfo;\n  readonly field: FieldPlaceholderInfo;\n}\n\n/**\n * Resolved placeholder templates, indexed for the resolution cascade\n * (key → type → default). Empty maps + no default means \"use the built-in\n * bare div\", preserving the pre-projection behaviour.\n */\nexport interface ResolvedPlaceholders {\n  readonly byKey: ReadonlyMap<string, TemplateRef<FieldPlaceholderContext>>;\n  readonly byType: ReadonlyMap<string, TemplateRef<FieldPlaceholderContext>>;\n  readonly default?: TemplateRef<FieldPlaceholderContext>;\n}\n\n/**\n * Marks an `<ng-template>` projected into `<form dynamic-form>` content as a\n * field-windowing placeholder. Mirrors {@link DfTemplate}: the template is\n * captured by `DynamicForm` via `contentChildren` and published through\n * {@link DF_FIELD_PLACEHOLDERS} so dynamically-rendered pages can resolve it.\n *\n * - `<ng-template dfPlaceholder let-field>` — default, used for any field\n * - `<ng-template dfPlaceholder=\"textarea\">` — matched by field type\n * - `<ng-template dfPlaceholderKey=\"username\">` — matched by a specific field key\n */\n@Directive({\n  selector: 'ng-template[dfPlaceholder], ng-template[dfPlaceholderKey]',\n  exportAs: 'dfPlaceholder',\n})\nexport class DfPlaceholder {\n  /** Field-type match, or empty for the default placeholder. */\n  readonly dfPlaceholder = input<string>('');\n  /** Field-key match (escape hatch); wins over a type match. */\n  readonly dfPlaceholderKey = input<string>('');\n\n  readonly templateRef = inject(TemplateRef) as TemplateRef<FieldPlaceholderContext>;\n\n  /** Types `let-field` in `<ng-template dfPlaceholder let-field>`. */\n  static ngTemplateContextGuard(_dir: DfPlaceholder, ctx: unknown): ctx is FieldPlaceholderContext {\n    return true;\n  }\n}\n\n/**\n * Holder service published at the `<form dynamic-form>` component scope.\n * `DynamicForm` collects projected `<ng-template dfPlaceholder>` via\n * `contentChildren(DfPlaceholder)` and folds them into the cascade structure.\n * The {@link DF_FIELD_PLACEHOLDERS} token exposes the resulting signal so\n * page/container renderers resolve placeholders without coupling to the host\n * form's generic class.\n */\n@Injectable()\nexport class DfPlaceholderRegistry {\n  private readonly source = signal<Signal<readonly DfPlaceholder[]> | undefined>(undefined);\n\n  /** Reactive view consumed via {@link DF_FIELD_PLACEHOLDERS}; follows bound inputs on the projected templates. */\n  readonly placeholders: Signal<ResolvedPlaceholders> = computed(() => foldPlaceholders(this.source()?.() ?? []));\n\n  /** Connects the form's `contentChildren(DfPlaceholder)` query. */\n  bind(projected: Signal<readonly DfPlaceholder[]>): void {\n    this.source.set(projected);\n  }\n}\n\n/** Folds projected templates into the cascade structure (last wins per bucket). Key beats type beats default. */\nfunction foldPlaceholders(placeholders: readonly DfPlaceholder[]): ResolvedPlaceholders {\n  const byKey = new Map<string, TemplateRef<FieldPlaceholderContext>>();\n  const byType = new Map<string, TemplateRef<FieldPlaceholderContext>>();\n  let fallback: TemplateRef<FieldPlaceholderContext> | undefined;\n  for (const p of placeholders) {\n    const key = p.dfPlaceholderKey();\n    const type = p.dfPlaceholder();\n    if (key) byKey.set(key, p.templateRef);\n    else if (type) byType.set(type, p.templateRef);\n    else fallback = p.templateRef;\n  }\n  return { byKey, byType, default: fallback };\n}\n\n/** Reactive resolved placeholders, provided at the DynamicForm scope. */\nexport const DF_FIELD_PLACEHOLDERS = new InjectionToken<Signal<ResolvedPlaceholders>>('DF_FIELD_PLACEHOLDERS');\n","import type { TemplateRef } from '@angular/core';\nimport type { FieldPlaceholderContext, ResolvedPlaceholders } from './df-placeholder.directive';\nimport type { ResolvedField } from '../../utils/resolve-field/resolve-field';\n\n/**\n * Resolves the projected placeholder template for a windowed field, following\n * the cascade: a key match wins over a type match, which wins over the default\n * template. Returns `null` when nothing matches, so the caller renders the\n * built-in bare placeholder div (the pre-projection behaviour).\n */\nexport function resolvePlaceholderTemplate(\n  placeholders: ResolvedPlaceholders,\n  field: { key: string; type: string },\n): TemplateRef<FieldPlaceholderContext> | null {\n  return placeholders.byKey.get(field.key) ?? placeholders.byType.get(field.type) ?? placeholders.default ?? null;\n}\n\n/**\n * Returns a per-instance lookup for a windowed field's placeholder context.\n * Keyed by the field definition object, so a config change gives fresh label/type/col\n * while unchanged fields keep a stable context across change detection.\n */\nexport function createPlaceholderContextCache(): (field: ResolvedField) => FieldPlaceholderContext {\n  const cache = new WeakMap<object, FieldPlaceholderContext>();\n  return (field) => {\n    let ctx = cache.get(field.fieldDef);\n    if (!ctx) {\n      const label = typeof field.fieldDef.label === 'string' ? field.fieldDef.label : undefined;\n      const info = { key: field.key, type: field.fieldDef.type, label, col: field.fieldDef.col };\n      ctx = { $implicit: info, field: info };\n      cache.set(field.fieldDef, ctx);\n    }\n    return ctx;\n  };\n}\n","import { FormEvent } from '@ng-forge/dynamic-forms/internal';\n\n/** Emitted after the active page and all of its visible fields have rendered. */\nexport class ActivePageInitializedEvent implements FormEvent {\n  readonly type = 'active-page-initialized' as const;\n\n  constructor(\n    public readonly pageIndex: number,\n    public readonly pageKey: string,\n  ) {}\n}\n"],"mappings":"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"}

package/fesm2022/{ng-forge-dynamic-forms-bootstrap-derivation-orchestrator-EuYCbquo.mjs → ng-forge-dynamic-forms-bootstrap-derivation-orchestrator-B6WH0Etk.mjs}

@@ -1,5 +1,5 @@
 import { c as traverseFieldsWithContext, o as DERIVATION_WARNING_TRACKER, t as DERIVATION_LOG_CONFIG } from "./ng-forge-dynamic-forms-with-logger-config-BAATqYY0.mjs";
-import { n as FormStateManager } from "./ng-forge-dynamic-forms-form-state-manager-DcOXRFRL.mjs";
+import { n as FormStateManager } from "./ng-forge-dynamic-forms-form-state-manager-BJKBX4FL.mjs";
 import { c as PROPERTY_OVERRIDE_STORE } from "./ng-forge-dynamic-forms-resolve-field-ByGa5cpo.mjs";
 import { t as DEV_MODE } from "./ng-forge-dynamic-forms-dev-mode-4rbYBBo_.mjs";
 import "./ng-forge-dynamic-forms-debounce-CG3uP5B-.mjs";
@@ -1884,4 +1884,4 @@ function bootstrapDerivationOrchestrator() {
 }
 export { bootstrapDerivationOrchestrator };
 
-//# sourceMappingURL=ng-forge-dynamic-forms-bootstrap-derivation-orchestrator-EuYCbquo.mjs.map
+//# sourceMappingURL=ng-forge-dynamic-forms-bootstrap-derivation-orchestrator-B6WH0Etk.mjs.map