@elurjs/core 3.6.2 → 3.7.0-beta.0

package/dist/lib/elur/template/bindings.js

@@ -1,38 +1,39 @@
-import { effect as e } from "../../signals.js";
-import { queueDOMWrite as t } from "./dom-write.js";
-import { activateNodeBinding as n } from "./node-binding.js";
-import { isExecutableAttrName as r, isUrlAttrName as i, sanitizeUrl as a } from "./sanitize.js";
+import { Signal as e, _bindSignal as t, effect as n } from "../next-2/reactivity.js";
+import { isDerivedBinding as r } from "./types.js";
+import { queueDOMWrite as i } from "../next-2/dom-write.js";
+import { activateNodeBinding as a } from "../next-2/node-binding.js";
+import { isExecutableAttrName as o, isUrlAttrName as s, sanitizeUrl as c } from "./sanitize.js";
 //#region src/elur/template/bindings.ts
-function o(e, t) {
+function l(e, t) {
 	t ? e.style.display === "none" && (e.style.display = "") : e.style.display !== "none" && (e.style.display = "none");
 }
-function s(e) {
+function u(e) {
 	let t = e.lastIndexOf(">"), n = e.lastIndexOf("<");
 	if (n <= t) return { type: "node" };
-	let a = e.slice(n + 1), o = a.lastIndexOf("=");
-	if (o === -1) return { type: "node" };
-	let s = a.endsWith("\"") || a.endsWith("'") || a[a.length - 1] === "\"" || a[a.length - 1] === "'", c = o - 1;
-	for (; c >= 0 && /\S/.test(a[c]);) c--;
+	let r = e.slice(n + 1), i = r.lastIndexOf("=");
+	if (i === -1) return { type: "node" };
+	let a = r.endsWith("\"") || r.endsWith("'") || r[r.length - 1] === "\"" || r[r.length - 1] === "'", c = i - 1;
+	for (; c >= 0 && /\S/.test(r[c]);) c--;
 	c++;
-	let l = a.slice(c, o);
+	let l = r.slice(c, i);
 	if (l[0] === "@") {
 		let e = l.slice(1).split(".");
 		return {
 			type: "event",
 			eventName: e[0],
 			modifiers: e.slice(1),
-			hadOpenQuote: s
+			hadOpenQuote: a
 		};
 	}
 	return {
 		type: "attr",
 		attrName: l,
-		hadOpenQuote: s,
-		url: i(l),
-		executable: r(l)
+		hadOpenQuote: a,
+		url: s(l),
+		executable: o(l)
 	};
 }
-var c = {
+var d = {
 	enter: "Enter",
 	escape: "Escape",
 	space: " ",
@@ -43,7 +44,7 @@ var c = {
 	down: "ArrowDown",
 	left: "ArrowLeft",
 	right: "ArrowRight"
-}, l = new Set([
+}, f = new Set([
 	"click",
 	"dblclick",
 	"mousedown",
@@ -53,8 +54,8 @@ var c = {
 	"input",
 	"change",
 	"submit"
-]), u = /* @__PURE__ */ new Set();
-function d(e, t, n) {
+]), p = /* @__PURE__ */ new Set();
+function m(e, t, n) {
 	let r = e.target, i = e.stopPropagation, a = !1;
 	for (e.stopPropagation = () => {
 		a = !0, i.call(e);
@@ -70,7 +71,7 @@ function d(e, t, n) {
 				if ("key" in e) {
 					let n = e, i = !0;
 					for (let e of t) {
-						let t = c[e];
+						let t = d[e];
 						if (t !== void 0 && n.key !== t) {
 							i = !1;
 							break;
@@ -92,29 +93,29 @@ function d(e, t, n) {
 	}
 	e.stopPropagation = i;
 }
-var f = /* @__PURE__ */ new Map();
-function p(e) {
-	if (!u.has(e)) {
-		let t = `__elur_${e}`, n = `__elur_${e}_mods`, r = (e) => d(e, t, n);
-		f.set(e, r), document.addEventListener(e, r), u.add(e);
+var h = /* @__PURE__ */ new Map();
+function g(e) {
+	if (!p.has(e)) {
+		let t = `__elur_${e}`, n = `__elur_${e}_mods`, r = (e) => m(e, t, n);
+		h.set(e, r), document.addEventListener(e, r), p.add(e);
 	}
 }
-function m(e, t, n, r) {
-	p(t);
+function _(e, t, n, r) {
+	g(t);
 	let i = `__elur_${t}`, a = `__elur_${t}_mods`;
 	e[i] = r, n.length > 0 && (e[a] = n);
 }
-function h(e, t, n, r) {
-	m(e, t, n, r);
+function v(e, t, n, r) {
+	_(e, t, n, r);
 	let i = `__elur_${t}`, a = `__elur_${t}_mods`;
 	return () => {
 		e[i] = null, e[a] = null;
 	};
 }
-function g(e) {
-	return l.has(e);
+function y(e) {
+	return f.has(e);
 }
-function _(e, t, n, r) {
+function b(e, t, n, r) {
 	let i = Array(t.length), a = -1;
 	for (let e = 0; e < t.length; e++) r[e] && r[e].nodeIndex > a && (a = r[e].nodeIndex);
 	let o = Array(a + 1);
@@ -126,17 +127,19 @@ function _(e, t, n, r) {
 		let t = r[e];
 		i[e] = t ? o[t.nodeIndex] : null;
 	}
-	return v(e, t, n, r, i);
+	return x(e, t, n, r, i);
 }
-function v(o, s, c, l, u) {
-	let d = [], f = [];
-	for (let o = 0; o < s.length; o++) {
-		let p = s[o], m = c[o], _ = l[o];
-		if (!_) continue;
-		let v = u[o];
-		if (p.type === "event") {
-			let e = _.name, t = m, n = p.modifiers;
-			if (g(e) && !n.includes("capture") && !n.includes("once") && !n.includes("passive")) d.push(h(v, e, n, t));
+function x(l, u, d, f, p) {
+	let m = [], h = [];
+	for (let l = 0; l < u.length; l++) {
+		let g = u[l], _ = d[l];
+		r(_) && (_ = _.get);
+		let b = f[l];
+		if (!b) continue;
+		let x = p[l];
+		if (g.type === "event") {
+			let e = b.name, t = _, n = g.modifiers;
+			if (y(e) && !n.includes("capture") && !n.includes("once") && !n.includes("passive")) m.push(v(x, e, n, t));
 			else {
 				let r = {
 					once: n.includes("once"),
@@ -145,70 +148,81 @@ function v(o, s, c, l, u) {
 				}, i = (e) => {
 					n.includes("prevent") && e.preventDefault(), n.includes("stop") && e.stopPropagation(), !(n.includes("self") && e.target !== e.currentTarget) && t(e);
 				};
-				v.addEventListener(e, i, r), d.push(() => v.removeEventListener(e, i, r));
+				x.addEventListener(e, i, r), m.push(() => x.removeEventListener(e, i, r));
 			}
 			continue;
 		}
-		if (p.type === "attr") {
-			let n = _.name, o = v;
-			if (n === "ref") {
-				m.el = o, d.push(() => {
-					m.el = null;
+		if (g.type === "attr") {
+			let r = b.name, a = x;
+			if (r === "ref") {
+				_.el = a, m.push(() => {
+					_.el = null;
 				});
 				continue;
 			}
-			if (n === "show" || n === "hide") {
-				let r = o, i = null;
-				if (typeof m == "function") {
-					let a = !1, o = !1, s = !0, c = e(() => {
-						o = !!m();
-						let e = () => {
+			if (r === "show" || r === "hide") {
+				let e = a, t = null;
+				if (typeof _ == "function") {
+					let a = !1, o = !1, s = !0, c = n(() => {
+						o = !!_();
+						let n = () => {
 							a = !1;
-							let e = n === "show" ? o : !o;
-							i === null && (i = r.style.display || ""), r.style.display = e ? i : "none";
+							let n = r === "show" ? o : !o;
+							t === null && (t = e.style.display || ""), e.style.display = n ? t : "none";
 						};
-						s ? (s = !1, e()) : a || (a = !0, t(e));
+						s ? (s = !1, n()) : a || (a = !0, i(n));
 					});
-					d.push(c);
-				} else (n === "show" ? m : !m) || (r.style.display = "none");
+					m.push(c);
+				} else (r === "show" ? _ : !_) || (e.style.display = "none");
+				continue;
+			}
+			(g.executable ?? o(r)) && console.warn(`[elur] Dynamic binding on executable attribute "${r}". Use @event for handlers; avoid binding untrusted values here.`);
+			let l = g.url ?? s(r), u = (r === "value" || r === "checked" || r === "selected") && r in a;
+			if (_ instanceof e) {
+				m.push(t(_, (e) => {
+					if (u) a[r] = e ?? "";
+					else if (e == null || e === !1) a.removeAttribute(r);
+					else {
+						let t = String(e);
+						a.setAttribute(r, l ? c(t) : t);
+					}
+				}));
 				continue;
 			}
-			(p.executable ?? r(n)) && console.warn(`[elur] Dynamic binding on executable attribute "${n}". Use @event for handlers; avoid binding untrusted values here.`);
-			let s = p.url ?? i(n), c = (n === "value" || n === "checked" || n === "selected") && n in o;
-			if (typeof m == "function") {
-				let r = !1, i, l = !0, u = e(() => {
-					i = m();
-					let e = () => {
-						r = !1;
-						let e = i;
-						if (c) o[n] = e ?? "";
-						else if (e == null || e === !1) o.removeAttribute(n);
+			if (typeof _ == "function") {
+				let e = !1, t, o = !0, s = n(() => {
+					t = _();
+					let n = () => {
+						e = !1;
+						let n = t;
+						if (u) a[r] = n ?? "";
+						else if (n == null || n === !1) a.removeAttribute(r);
 						else {
-							let t = String(e);
-							o.setAttribute(n, s ? a(t) : t);
+							let e = String(n);
+							a.setAttribute(r, l ? c(e) : e);
 						}
 					};
-					l ? (l = !1, e()) : r || (r = !0, t(e));
+					o ? (o = !1, n()) : e || (e = !0, i(n));
 				});
-				d.push(u);
-			} else if (c) o[n] = m ?? "";
-			else if (m != null && m !== !1) {
-				let e = String(m);
-				o.setAttribute(n, s ? a(e) : e);
+				m.push(s);
+			} else if (u) a[r] = _ ?? "";
+			else if (_ != null && _ !== !1) {
+				let e = String(_);
+				a.setAttribute(r, l ? c(e) : e);
 			}
 			continue;
 		}
-		let y = v;
-		if (!y) continue;
-		let b = document.createTextNode("");
-		y.parentNode.replaceChild(b, y), n(b, m, d, f);
+		let S = x;
+		if (!S) continue;
+		let C = document.createTextNode("");
+		S.parentNode.replaceChild(C, S), a(C, _, m, h);
 	}
 	return {
-		disposes: d,
-		postMountHooks: f
+		disposes: m,
+		postMountHooks: h
 	};
 }
 //#endregion
-export { v as _activateBindingsWithNodes, p as _ensureDelegatedEvent, m as _setDelegatedEvent, _ as activateBindings, h as activateDelegatedEvent, s as detectContext, g as isDelegableEvent, o as showWhen };
+export { x as _activateBindingsWithNodes, g as _ensureDelegatedEvent, _ as _setDelegatedEvent, b as activateBindings, v as activateDelegatedEvent, u as detectContext, y as isDelegableEvent, l as showWhen };
 
 //# sourceMappingURL=bindings.js.map

package/dist/lib/elur/template/bindings.js.map

@@ -1 +1 @@
-{"version":3,"file":"bindings.js","names":[],"sources":["../../../../src/elur/template/bindings.ts"],"sourcesContent":["import { effect } from \"../reactivity.js\";\nimport type { ElurRef, TemplateBindingContext } from \"./types.js\";\nimport { activateNodeBinding } from \"./node-binding.js\";\nimport { queueDOMWrite } from \"./dom-write.js\";\nimport { isUrlAttrName, isExecutableAttrName, sanitizeUrl } from \"./sanitize.js\";\n\n// =============================================================================\n// --- show / hide ---\n// =============================================================================\n\n/** Toggles element visibility via `display: none` without unmounting. */\nexport function showWhen(el: HTMLElement, condition: boolean): void {\n    if (!condition) {\n        if (el.style.display !== \"none\") el.style.display = \"none\";\n    } else {\n        if (el.style.display === \"none\") el.style.display = \"\";\n    }\n}\n\n// =============================================================================\n// --- Binding context ---\n// =============================================================================\n\nexport type BindingContext = TemplateBindingContext;\n\n/**\n * Determines the binding context (node, event, or attribute) for an interpolated\n * value based on the preceding template string.\n */\nexport function detectContext(prevString: string): BindingContext {\n    const lastClose = prevString.lastIndexOf(\">\");\n    const lastOpen = prevString.lastIndexOf(\"<\");\n\n    if (lastOpen <= lastClose) {\n        return { type: \"node\" };\n    }\n\n    const tagContent = prevString.slice(lastOpen + 1);\n\n    const eqIdx = tagContent.lastIndexOf(\"=\");\n    if (eqIdx === -1) {\n        return { type: \"node\" };\n    }\n\n    const hadOpenQuote =\n        tagContent.endsWith('\"') ||\n        tagContent.endsWith(\"'\") ||\n        tagContent[tagContent.length - 1] === '\"' ||\n        tagContent[tagContent.length - 1] === \"'\";\n\n    let startIdx = eqIdx - 1;\n    while (startIdx >= 0 && /\\S/.test(tagContent[startIdx])) {\n        startIdx--;\n    }\n    startIdx++;\n\n    const fullAttr = tagContent.slice(startIdx, eqIdx);\n\n    if (fullAttr[0] === \"@\") {\n        const parts = fullAttr.slice(1).split(\".\");\n        return {\n            type: \"event\",\n            eventName: parts[0],\n            modifiers: parts.slice(1),\n            hadOpenQuote,\n        };\n    }\n\n    return {\n        type: \"attr\",\n        attrName: fullAttr,\n        hadOpenQuote,\n        // Precomputed once per template (compile time). Read as a cheap boolean\n        // in the render/update hot path.\n        url: isUrlAttrName(fullAttr),\n        executable: isExecutableAttrName(fullAttr),\n    };\n}\n\n// =============================================================================\n// --- Keyboard modifier map ---\n// =============================================================================\n\nconst KEY_MAP: Readonly<Record<string, string>> = {\n    enter: \"Enter\",\n    escape: \"Escape\",\n    space: \" \",\n    tab: \"Tab\",\n    delete: \"Delete\",\n    backspace: \"Backspace\",\n    up: \"ArrowUp\",\n    down: \"ArrowDown\",\n    left: \"ArrowLeft\",\n    right: \"ArrowRight\",\n};\n\n// =============================================================================\n// --- Global Event Delegation ---\n// =============================================================================\n\nconst DELEGABLE_EVENTS = new Set([\n    \"click\", \"dblclick\", \"mousedown\", \"mouseup\",\n    \"keydown\", \"keyup\", \"input\", \"change\", \"submit\"\n]);\nconst _delegatedRegistry = new Set<string>();\n\nfunction _globalEventHandlerCore(e: Event, propName: string, modsName: string): void {\n    let target = e.target as Node | null;\n\n    const originalStop = e.stopPropagation;\n    let stopped = false;\n    e.stopPropagation = () => {\n        stopped = true;\n        originalStop.call(e);\n    };\n\n    while (target && target !== document) {\n        const handler = (target as any)[propName] as EventListener | undefined;\n        if (handler) {\n            const mods = (target as any)[modsName] as string[] | undefined;\n            if (mods) {\n                if (mods.includes(\"prevent\")) e.preventDefault();\n                if (mods.includes(\"stop\")) e.stopPropagation();\n                if (mods.includes(\"self\") && e.target !== target) {\n                    target = target.parentNode;\n                    continue;\n                }\n                if (\"key\" in e) {\n                    const ke = e as KeyboardEvent;\n                    let keyMatch = true;\n                    for (const mod of mods) {\n                        const mapped = KEY_MAP[mod];\n                        if (mapped !== undefined && ke.key !== mapped) { keyMatch = false; break; }\n                        if (!mapped && mod.length === 1 && ke.key.toLowerCase() !== mod) { keyMatch = false; break; }\n                    }\n                    if (!keyMatch) {\n                        target = target.parentNode;\n                        continue;\n                    }\n                }\n            }\n            handler(e);\n            if (stopped) break;\n        }\n        target = target.parentNode;\n    }\n\n    e.stopPropagation = originalStop;\n}\n\n// NOTE: entries are intentionally permanent — delegated listeners on document\n// live for the application lifetime.\nconst _delegatedHandlers = new Map<string, (e: Event) => void>();\n\n/**\n * Activates a delegated event on an element, using the same global registry\n * as mount-time bindings. Used by both `activateBindings` (mount) and the\n * hydrator to ensure consistent event delegation.\n *\n * @returns A dispose function that removes the handler from the element.\n */\nexport function _ensureDelegatedEvent(eventName: string): void {\n    if (!_delegatedRegistry.has(eventName)) {\n        const propName = `__elur_${eventName}`;\n        const modsName = `__elur_${eventName}_mods`;\n        const boundHandler = (e: Event) => _globalEventHandlerCore(e, propName, modsName);\n        _delegatedHandlers.set(eventName, boundHandler);\n        document.addEventListener(eventName, boundHandler);\n        _delegatedRegistry.add(eventName);\n    }\n}\n\nexport function _setDelegatedEvent(\n    el: Element,\n    eventName: string,\n    modifiers: readonly string[],\n    rawHandler: EventListener,\n): void {\n    _ensureDelegatedEvent(eventName);\n    const nodePropName = `__elur_${eventName}`;\n    const nodeModsName = `__elur_${eventName}_mods`;\n    (el as any)[nodePropName] = rawHandler;\n    if (modifiers.length > 0) (el as any)[nodeModsName] = modifiers;\n}\n\nexport function activateDelegatedEvent(\n    el: Element,\n    eventName: string,\n    modifiers: readonly string[],\n    rawHandler: EventListener,\n): () => void {\n    _setDelegatedEvent(el, eventName, modifiers, rawHandler);\n    const nodePropName = `__elur_${eventName}`;\n    const nodeModsName = `__elur_${eventName}_mods`;\n    return () => {\n        (el as any)[nodePropName] = null;\n        (el as any)[nodeModsName] = null;\n    };\n}\n\n/** Returns true if an event name is in the delegable set. */\nexport function isDelegableEvent(eventName: string): boolean {\n    return DELEGABLE_EVENTS.has(eventName);\n}\n\n// =============================================================================\n// --- Binding activation ---\n// =============================================================================\n\n/** Activates all bindings on the cloned fragment. Returns dispose/postMount. */\nexport function activateBindings(\n    fragment: DocumentFragment,\n    contexts: BindingContext[],\n    values: unknown[],\n    pathMap: Array<{ nodeIndex: number; name?: string } | null>,\n): { disposes: Array<() => void>; postMountHooks: Array<() => void> } {\n    // PHASE 1: READ — single-pass TreeWalker O(N)\n    const resolvedNodes = new Array<Node | null>(contexts.length);\n\n    let maxNodeIndex = -1;\n    for (let i = 0; i < contexts.length; i++) {\n        if (pathMap[i] && pathMap[i]!.nodeIndex > maxNodeIndex) {\n            maxNodeIndex = pathMap[i]!.nodeIndex;\n        }\n    }\n\n    const flatNodes = new Array<Node>(maxNodeIndex + 1);\n    flatNodes[0] = fragment;\n    if (maxNodeIndex > 0) {\n        const walker = document.createTreeWalker(fragment, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT);\n        let fi = 1;\n        let currentNode: Node | null;\n        while (fi <= maxNodeIndex && (currentNode = walker.nextNode())) {\n            flatNodes[fi++] = currentNode;\n        }\n    }\n\n    for (let i = 0; i < contexts.length; i++) {\n        const info = pathMap[i];\n        resolvedNodes[i] = info ? flatNodes[info.nodeIndex] : null;\n    }\n\n    // PHASE 2: MUTATE (delegated to _activateBindingsWithNodes)\n    return _activateBindingsWithNodes(fragment, contexts, values, pathMap, resolvedNodes);\n}\n\n/**\n * Activates bindings using pre-resolved nodes — skips the TreeWalker phase.\n * Used by the compiler's __elurCompiledTemplate to eliminate the second TreeWalker.\n */\nexport function _activateBindingsWithNodes(\n    _fragment: DocumentFragment,\n    contexts: BindingContext[],\n    values: unknown[],\n    pathMap: Array<{ nodeIndex: number; name?: string } | null>,\n    resolvedNodes: Array<Node | null>,\n): { disposes: Array<() => void>; postMountHooks: Array<() => void> } {\n    const disposes: Array<() => void> = [];\n    const postMountHooks: Array<() => void> = [];\n\n    for (let i = 0; i < contexts.length; i++) {\n        const ctx = contexts[i];\n        const value = values[i];\n        const info = pathMap[i];\n        if (!info) continue;\n\n        const el = resolvedNodes[i]!;\n\n        // --- Events ---\n        if (ctx.type === \"event\") {\n            const eventName = info.name!;\n            const rawHandler = value as EventListener;\n            const mods = ctx.modifiers;\n\n            const canDelegate =\n                isDelegableEvent(eventName) &&\n                !mods.includes(\"capture\") &&\n                !mods.includes(\"once\") &&\n                !mods.includes(\"passive\");\n\n            if (canDelegate) {\n                disposes.push(activateDelegatedEvent(el as Element, eventName, mods, rawHandler));\n            } else {\n                const listenerOpts: AddEventListenerOptions = {\n                    once: mods.includes(\"once\"),\n                    capture: mods.includes(\"capture\"),\n                    passive: mods.includes(\"passive\")\n                };\n                const handler = (e: Event) => {\n                    if (mods.includes(\"prevent\")) e.preventDefault();\n                    if (mods.includes(\"stop\")) e.stopPropagation();\n                    if (mods.includes(\"self\") && e.target !== e.currentTarget) return;\n                    rawHandler(e);\n                };\n                el.addEventListener(eventName, handler, listenerOpts);\n                disposes.push(() => el.removeEventListener(eventName, handler, listenerOpts));\n            }\n            continue;\n        }\n\n        // --- Attributes ---\n        if (ctx.type === \"attr\") {\n            const attrName = info.name!;\n            const element = el as Element;\n\n            if (attrName === \"ref\") {\n                (value as ElurRef<Element>).el = element;\n                disposes.push(() => { (value as ElurRef<Element>).el = null; });\n                continue;\n            }\n\n            if (attrName === \"show\" || attrName === \"hide\") {\n                const htmlEl = element as HTMLElement;\n                let originalDisplay: string | null = null;\n\n                if (typeof value === \"function\") {\n                    let queued = false;\n                    let pendingVisible = false;\n                    let isFirstRun = true;\n\n                    const dispose = effect(() => {\n                        pendingVisible = Boolean((value as () => unknown)());\n                        const update = () => {\n                            queued = false;\n                            const shouldShow = attrName === \"show\" ? pendingVisible : !pendingVisible;\n                            if (originalDisplay === null) {\n                                originalDisplay = htmlEl.style.display || \"\";\n                            }\n                            htmlEl.style.display = shouldShow ? originalDisplay : \"none\";\n                        };\n\n                        if (isFirstRun) {\n                            isFirstRun = false;\n                            update();\n                        } else if (!queued) {\n                            queued = true;\n                            queueDOMWrite(update);\n                        }\n                    });\n                    disposes.push(dispose);\n                } else {\n                    const shouldShow = attrName === \"show\" ? Boolean(value) : !Boolean(value);\n                    if (!shouldShow) htmlEl.style.display = \"none\";\n                }\n                continue;\n            }\n\n            // on*/srcdoc bindings are non-idiomatic in Elur (events use @click) and\n            // turn an untrusted value into executable code. Warn the developer but\n            // do not block — the attribute name is developer-authored.\n            if (ctx.executable ?? isExecutableAttrName(attrName)) {\n                console.warn(\n                    `[elur] Dynamic binding on executable attribute \"${attrName}\". Use @event for handlers; avoid binding untrusted values here.`,\n                );\n            }\n\n            // Precomputed at compile time. Only URL attributes pay the sanitizer;\n            // class/style/aria-*/data-*/custom attributes skip it entirely.\n            const isUrl = ctx.url ?? isUrlAttrName(attrName);\n\n            const isDomProp = (attrName === \"value\" || attrName === \"checked\" || attrName === \"selected\") && attrName in element;\n\n            if (typeof value === \"function\") {\n                let queued = false;\n                let pendingValue: unknown;\n                let isFirstRun = true;\n\n                const dispose = effect(() => {\n                    pendingValue = (value as () => unknown)();\n                    const update = () => {\n                        queued = false;\n                        const v = pendingValue;\n                        if (isDomProp) {\n                            (element as any)[attrName] = v ?? \"\";\n                        } else if (v == null || v === false) {\n                            element.removeAttribute(attrName);\n                        } else {\n                            const s = String(v);\n                            element.setAttribute(attrName, isUrl ? sanitizeUrl(s) : s);\n                        }\n                    };\n\n                    if (isFirstRun) {\n                        isFirstRun = false;\n                        update();\n                    } else if (!queued) {\n                        queued = true;\n                        queueDOMWrite(update);\n                    }\n                });\n                disposes.push(dispose);\n            } else {\n                if (isDomProp) {\n                    (element as any)[attrName] = value ?? \"\";\n                } else if (value != null && value !== false) {\n                    const s = String(value);\n                    element.setAttribute(attrName, isUrl ? sanitizeUrl(s) : s);\n                }\n            }\n            continue;\n        }\n\n        // --- Nodes — delegate to node-binding.ts ---\n        const originalAnchor = el as Comment;\n        if (!originalAnchor) continue;\n\n        const anchor = document.createTextNode(\"\");\n        originalAnchor.parentNode!.replaceChild(anchor, originalAnchor);\n\n        activateNodeBinding(anchor, value, disposes, postMountHooks);\n    }\n\n    return { disposes, postMountHooks };\n}\n"],"mappings":"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"}
+{"version":3,"file":"bindings.js","names":[],"sources":["../../../../src/elur/template/bindings.ts"],"sourcesContent":["import { effect, Signal, _bindSignal } from \"../reactivity.js\";\nimport type { ElurRef, TemplateBindingContext } from \"./types.js\";\nimport { isDerivedBinding } from \"./types.js\";\nimport { activateNodeBinding } from \"./node-binding.js\";\nimport { queueDOMWrite } from \"./dom-write.js\";\nimport { isUrlAttrName, isExecutableAttrName, sanitizeUrl } from \"./sanitize.js\";\n\n// =============================================================================\n// --- show / hide ---\n// =============================================================================\n\n/** Toggles element visibility via `display: none` without unmounting. */\nexport function showWhen(el: HTMLElement, condition: boolean): void {\n    if (!condition) {\n        if (el.style.display !== \"none\") el.style.display = \"none\";\n    } else {\n        if (el.style.display === \"none\") el.style.display = \"\";\n    }\n}\n\n// =============================================================================\n// --- Binding context ---\n// =============================================================================\n\nexport type BindingContext = TemplateBindingContext;\n\n/**\n * Determines the binding context (node, event, or attribute) for an interpolated\n * value based on the preceding template string.\n */\nexport function detectContext(prevString: string): BindingContext {\n    const lastClose = prevString.lastIndexOf(\">\");\n    const lastOpen = prevString.lastIndexOf(\"<\");\n\n    if (lastOpen <= lastClose) {\n        return { type: \"node\" };\n    }\n\n    const tagContent = prevString.slice(lastOpen + 1);\n\n    const eqIdx = tagContent.lastIndexOf(\"=\");\n    if (eqIdx === -1) {\n        return { type: \"node\" };\n    }\n\n    const hadOpenQuote =\n        tagContent.endsWith('\"') ||\n        tagContent.endsWith(\"'\") ||\n        tagContent[tagContent.length - 1] === '\"' ||\n        tagContent[tagContent.length - 1] === \"'\";\n\n    let startIdx = eqIdx - 1;\n    while (startIdx >= 0 && /\\S/.test(tagContent[startIdx])) {\n        startIdx--;\n    }\n    startIdx++;\n\n    const fullAttr = tagContent.slice(startIdx, eqIdx);\n\n    if (fullAttr[0] === \"@\") {\n        const parts = fullAttr.slice(1).split(\".\");\n        return {\n            type: \"event\",\n            eventName: parts[0],\n            modifiers: parts.slice(1),\n            hadOpenQuote,\n        };\n    }\n\n    return {\n        type: \"attr\",\n        attrName: fullAttr,\n        hadOpenQuote,\n        // Precomputed once per template (compile time). Read as a cheap boolean\n        // in the render/update hot path.\n        url: isUrlAttrName(fullAttr),\n        executable: isExecutableAttrName(fullAttr),\n    };\n}\n\n// =============================================================================\n// --- Keyboard modifier map ---\n// =============================================================================\n\nconst KEY_MAP: Readonly<Record<string, string>> = {\n    enter: \"Enter\",\n    escape: \"Escape\",\n    space: \" \",\n    tab: \"Tab\",\n    delete: \"Delete\",\n    backspace: \"Backspace\",\n    up: \"ArrowUp\",\n    down: \"ArrowDown\",\n    left: \"ArrowLeft\",\n    right: \"ArrowRight\",\n};\n\n// =============================================================================\n// --- Global Event Delegation ---\n// =============================================================================\n\nconst DELEGABLE_EVENTS = new Set([\n    \"click\", \"dblclick\", \"mousedown\", \"mouseup\",\n    \"keydown\", \"keyup\", \"input\", \"change\", \"submit\"\n]);\nconst _delegatedRegistry = new Set<string>();\n\nfunction _globalEventHandlerCore(e: Event, propName: string, modsName: string): void {\n    let target = e.target as Node | null;\n\n    const originalStop = e.stopPropagation;\n    let stopped = false;\n    e.stopPropagation = () => {\n        stopped = true;\n        originalStop.call(e);\n    };\n\n    while (target && target !== document) {\n        const handler = (target as any)[propName] as EventListener | undefined;\n        if (handler) {\n            const mods = (target as any)[modsName] as string[] | undefined;\n            if (mods) {\n                if (mods.includes(\"prevent\")) e.preventDefault();\n                if (mods.includes(\"stop\")) e.stopPropagation();\n                if (mods.includes(\"self\") && e.target !== target) {\n                    target = target.parentNode;\n                    continue;\n                }\n                if (\"key\" in e) {\n                    const ke = e as KeyboardEvent;\n                    let keyMatch = true;\n                    for (const mod of mods) {\n                        const mapped = KEY_MAP[mod];\n                        if (mapped !== undefined && ke.key !== mapped) { keyMatch = false; break; }\n                        if (!mapped && mod.length === 1 && ke.key.toLowerCase() !== mod) { keyMatch = false; break; }\n                    }\n                    if (!keyMatch) {\n                        target = target.parentNode;\n                        continue;\n                    }\n                }\n            }\n            handler(e);\n            if (stopped) break;\n        }\n        target = target.parentNode;\n    }\n\n    e.stopPropagation = originalStop;\n}\n\n// NOTE: entries are intentionally permanent — delegated listeners on document\n// live for the application lifetime.\nconst _delegatedHandlers = new Map<string, (e: Event) => void>();\n\n/**\n * Activates a delegated event on an element, using the same global registry\n * as mount-time bindings. Used by both `activateBindings` (mount) and the\n * hydrator to ensure consistent event delegation.\n *\n * @returns A dispose function that removes the handler from the element.\n */\nexport function _ensureDelegatedEvent(eventName: string): void {\n    if (!_delegatedRegistry.has(eventName)) {\n        const propName = `__elur_${eventName}`;\n        const modsName = `__elur_${eventName}_mods`;\n        const boundHandler = (e: Event) => _globalEventHandlerCore(e, propName, modsName);\n        _delegatedHandlers.set(eventName, boundHandler);\n        document.addEventListener(eventName, boundHandler);\n        _delegatedRegistry.add(eventName);\n    }\n}\n\nexport function _setDelegatedEvent(\n    el: Element,\n    eventName: string,\n    modifiers: readonly string[],\n    rawHandler: EventListener,\n): void {\n    _ensureDelegatedEvent(eventName);\n    const nodePropName = `__elur_${eventName}`;\n    const nodeModsName = `__elur_${eventName}_mods`;\n    (el as any)[nodePropName] = rawHandler;\n    if (modifiers.length > 0) (el as any)[nodeModsName] = modifiers;\n}\n\nexport function activateDelegatedEvent(\n    el: Element,\n    eventName: string,\n    modifiers: readonly string[],\n    rawHandler: EventListener,\n): () => void {\n    _setDelegatedEvent(el, eventName, modifiers, rawHandler);\n    const nodePropName = `__elur_${eventName}`;\n    const nodeModsName = `__elur_${eventName}_mods`;\n    return () => {\n        (el as any)[nodePropName] = null;\n        (el as any)[nodeModsName] = null;\n    };\n}\n\n/** Returns true if an event name is in the delegable set. */\nexport function isDelegableEvent(eventName: string): boolean {\n    return DELEGABLE_EVENTS.has(eventName);\n}\n\n// =============================================================================\n// --- Binding activation ---\n// =============================================================================\n\n/** Activates all bindings on the cloned fragment. Returns dispose/postMount. */\nexport function activateBindings(\n    fragment: DocumentFragment,\n    contexts: BindingContext[],\n    values: unknown[],\n    pathMap: Array<{ nodeIndex: number; name?: string } | null>,\n): { disposes: Array<() => void>; postMountHooks: Array<() => void> } {\n    // PHASE 1: READ — single-pass TreeWalker O(N)\n    const resolvedNodes = new Array<Node | null>(contexts.length);\n\n    let maxNodeIndex = -1;\n    for (let i = 0; i < contexts.length; i++) {\n        if (pathMap[i] && pathMap[i]!.nodeIndex > maxNodeIndex) {\n            maxNodeIndex = pathMap[i]!.nodeIndex;\n        }\n    }\n\n    const flatNodes = new Array<Node>(maxNodeIndex + 1);\n    flatNodes[0] = fragment;\n    if (maxNodeIndex > 0) {\n        const walker = document.createTreeWalker(fragment, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT);\n        let fi = 1;\n        let currentNode: Node | null;\n        while (fi <= maxNodeIndex && (currentNode = walker.nextNode())) {\n            flatNodes[fi++] = currentNode;\n        }\n    }\n\n    for (let i = 0; i < contexts.length; i++) {\n        const info = pathMap[i];\n        resolvedNodes[i] = info ? flatNodes[info.nodeIndex] : null;\n    }\n\n    // PHASE 2: MUTATE (delegated to _activateBindingsWithNodes)\n    return _activateBindingsWithNodes(fragment, contexts, values, pathMap, resolvedNodes);\n}\n\n/**\n * Activates bindings using pre-resolved nodes — skips the TreeWalker phase.\n * Used by the compiler's __elurCompiledTemplate to eliminate the second TreeWalker.\n */\nexport function _activateBindingsWithNodes(\n    _fragment: DocumentFragment,\n    contexts: BindingContext[],\n    values: unknown[],\n    pathMap: Array<{ nodeIndex: number; name?: string } | null>,\n    resolvedNodes: Array<Node | null>,\n): { disposes: Array<() => void>; postMountHooks: Array<() => void> } {\n    const disposes: Array<() => void> = [];\n    const postMountHooks: Array<() => void> = [];\n\n    for (let i = 0; i < contexts.length; i++) {\n        const ctx = contexts[i];\n        let value = values[i];\n        // C.7 T2: desenvolver el pack derivado a getter — cubre todos los\n        // paths aguas abajo (attr, show/hide, prop, etc.) con tracking\n        // dinámico — semántica idéntica al getter genérico.\n        if (isDerivedBinding(value)) value = value.get;\n        const info = pathMap[i];\n        if (!info) continue;\n\n        const el = resolvedNodes[i]!;\n\n        // --- Events ---\n        if (ctx.type === \"event\") {\n            const eventName = info.name!;\n            const rawHandler = value as EventListener;\n            const mods = ctx.modifiers;\n\n            const canDelegate =\n                isDelegableEvent(eventName) &&\n                !mods.includes(\"capture\") &&\n                !mods.includes(\"once\") &&\n                !mods.includes(\"passive\");\n\n            if (canDelegate) {\n                disposes.push(activateDelegatedEvent(el as Element, eventName, mods, rawHandler));\n            } else {\n                const listenerOpts: AddEventListenerOptions = {\n                    once: mods.includes(\"once\"),\n                    capture: mods.includes(\"capture\"),\n                    passive: mods.includes(\"passive\")\n                };\n                const handler = (e: Event) => {\n                    if (mods.includes(\"prevent\")) e.preventDefault();\n                    if (mods.includes(\"stop\")) e.stopPropagation();\n                    if (mods.includes(\"self\") && e.target !== e.currentTarget) return;\n                    rawHandler(e);\n                };\n                el.addEventListener(eventName, handler, listenerOpts);\n                disposes.push(() => el.removeEventListener(eventName, handler, listenerOpts));\n            }\n            continue;\n        }\n\n        // --- Attributes ---\n        if (ctx.type === \"attr\") {\n            const attrName = info.name!;\n            const element = el as Element;\n\n            if (attrName === \"ref\") {\n                (value as ElurRef<Element>).el = element;\n                disposes.push(() => { (value as ElurRef<Element>).el = null; });\n                continue;\n            }\n\n            if (attrName === \"show\" || attrName === \"hide\") {\n                const htmlEl = element as HTMLElement;\n                let originalDisplay: string | null = null;\n\n                if (typeof value === \"function\") {\n                    let queued = false;\n                    let pendingVisible = false;\n                    let isFirstRun = true;\n\n                    const dispose = effect(() => {\n                        pendingVisible = Boolean((value as () => unknown)());\n                        const update = () => {\n                            queued = false;\n                            const shouldShow = attrName === \"show\" ? pendingVisible : !pendingVisible;\n                            if (originalDisplay === null) {\n                                originalDisplay = htmlEl.style.display || \"\";\n                            }\n                            htmlEl.style.display = shouldShow ? originalDisplay : \"none\";\n                        };\n\n                        if (isFirstRun) {\n                            isFirstRun = false;\n                            update();\n                        } else if (!queued) {\n                            queued = true;\n                            queueDOMWrite(update);\n                        }\n                    });\n                    disposes.push(dispose);\n                } else {\n                    const shouldShow = attrName === \"show\" ? Boolean(value) : !Boolean(value);\n                    if (!shouldShow) htmlEl.style.display = \"none\";\n                }\n                continue;\n            }\n\n            // on*/srcdoc bindings are non-idiomatic in Elur (events use @click) and\n            // turn an untrusted value into executable code. Warn the developer but\n            // do not block — the attribute name is developer-authored.\n            if (ctx.executable ?? isExecutableAttrName(attrName)) {\n                console.warn(\n                    `[elur] Dynamic binding on executable attribute \"${attrName}\". Use @event for handlers; avoid binding untrusted values here.`,\n                );\n            }\n\n            // Precomputed at compile time. Only URL attributes pay the sanitizer;\n            // class/style/aria-*/data-*/custom attributes skip it entirely.\n            const isUrl = ctx.url ?? isUrlAttrName(attrName);\n\n            const isDomProp = (attrName === \"value\" || attrName === \"checked\" || attrName === \"selected\") && attrName in element;\n\n            // C.6 T1: la señal viaja como valor — edge directa, sin getter.\n            if (value instanceof Signal) {\n                disposes.push(_bindSignal(value, (v) => {\n                    if (isDomProp) {\n                        (element as any)[attrName] = v ?? \"\";\n                    } else if (v == null || v === false) {\n                        element.removeAttribute(attrName);\n                    } else {\n                        const s = String(v);\n                        element.setAttribute(attrName, isUrl ? sanitizeUrl(s) : s);\n                    }\n                }));\n                continue;\n            }\n\n            if (typeof value === \"function\") {\n                let queued = false;\n                let pendingValue: unknown;\n                let isFirstRun = true;\n\n                const dispose = effect(() => {\n                    pendingValue = (value as () => unknown)();\n                    const update = () => {\n                        queued = false;\n                        const v = pendingValue;\n                        if (isDomProp) {\n                            (element as any)[attrName] = v ?? \"\";\n                        } else if (v == null || v === false) {\n                            element.removeAttribute(attrName);\n                        } else {\n                            const s = String(v);\n                            element.setAttribute(attrName, isUrl ? sanitizeUrl(s) : s);\n                        }\n                    };\n\n                    if (isFirstRun) {\n                        isFirstRun = false;\n                        update();\n                    } else if (!queued) {\n                        queued = true;\n                        queueDOMWrite(update);\n                    }\n                });\n                disposes.push(dispose);\n            } else {\n                if (isDomProp) {\n                    (element as any)[attrName] = value ?? \"\";\n                } else if (value != null && value !== false) {\n                    const s = String(value);\n                    element.setAttribute(attrName, isUrl ? sanitizeUrl(s) : s);\n                }\n            }\n            continue;\n        }\n\n        // --- Nodes — delegate to node-binding.ts ---\n        const originalAnchor = el as Comment;\n        if (!originalAnchor) continue;\n\n        const anchor = document.createTextNode(\"\");\n        originalAnchor.parentNode!.replaceChild(anchor, originalAnchor);\n\n        activateNodeBinding(anchor, value, disposes, postMountHooks);\n    }\n\n    return { disposes, postMountHooks };\n}\n"],"mappings":"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"}

package/dist/lib/elur/template/dom-write.d.cts

@@ -1,5 +1 @@
-/**
- * Queues a DOM mutation to run in the next microtask.
- * Avoids Layout Thrashing by grouping multiple writes into a single frame.
- */
-export declare function queueDOMWrite(task: () => void): void;
+export * from "../next-2/dom-write.js";

package/dist/lib/elur/template/dom-write.d.ts

@@ -1,5 +1 @@
-/**
- * Queues a DOM mutation to run in the next microtask.
- * Avoids Layout Thrashing by grouping multiple writes into a single frame.
- */
-export declare function queueDOMWrite(task: () => void): void;
+export * from "../next-2/dom-write.js";

package/dist/lib/elur/template/error-boundary.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../signals.cjs`),t=require(`./types.cjs`),n=require(`../../lifecycle.cjs`),r=require(`../../context.cjs`),i=require(`./mount-helpers.cjs`);function a(a,o){return{__isElurTemplate:!0,mount(e){let t=typeof e==`string`?document.querySelector(e)??document.body:e;return{unmount:this._render(t,null)}},_render(s,c){let l=document.createComment(t.COMMENT.ERROR_BOUNDARY);s.insertBefore(l,c);let u=null,d=!1,f=!1,p,m=!1,h=t=>{let r=l.parentNode;if(!r)return;let a;try{a=typeof o==`function`&&!n.isElurComponent(o)?o(t):o}catch(e){console.error(`[elur] Error boundary fallback threw while producing the fallback UI:`,e),u=_(r,c);return}e._pushErrorHandler(g);try{u=n.isElurComponent(a)?i._mountComponentSilent(a,r,c):a._render(r,c)}catch(e){console.error(`[elur] Error boundary fallback threw during render:`,e),u?.(),u=_(r,c)}finally{e._popErrorHandler()}},g=e=>{console.error(`[elur] Error boundary fallback threw during a reactive update:`,e),u?.(),u=null;let t=l.parentNode;t&&(u=_(t,c))},_=(e,t)=>{let n=document.createElement(`div`);return n.setAttribute(`data-elur-error-boundary`,`fallback-failed`),n.textContent=`[elur] Error boundary fallback failed to render.`,e.insertBefore(n,t),()=>n.remove()};e._pushErrorHandler(e=>{d||(d=!0,f?(u?.(),u=null,h(e)):(p=e,m=!0))});try{if(n.isElurComponent(a)){r._pushComponentContext();try{try{a.onInit?.()}catch(e){if(a.onError)a.onError(e);else throw e}u=a.render()._render(s,c)}finally{r._popComponentContext()}if(!d)try{let e=a.onMount?.(),t=u;u=()=>{try{a.onUnmount?.()}catch{}if(typeof e==`function`)try{e()}catch{}t?.()}}catch(e){if(a.onError)a.onError(e);else throw e}}else u=a._render(s,c)}catch(e){d=!0,u?.(),u=null,p=e,m=!0}finally{e._popErrorHandler(),f=!0}return m&&(u?.(),u=null,h(p)),()=>{u?.(),l.remove()}}}}exports.createErrorBoundary=a;
+const e=require(`../next-2/reactivity.cjs`),t=require(`./types.cjs`),n=require(`../../lifecycle.cjs`),r=require(`../../context.cjs`),i=require(`../next-2/mount-helpers.cjs`);function a(a,o){return{__isElurTemplate:!0,mount(e){let t=typeof e==`string`?document.querySelector(e)??document.body:e;return{unmount:this._render(t,null)}},_render(s,c){let l=document.createComment(t.COMMENT.ERROR_BOUNDARY);s.insertBefore(l,c);let u=null,d=()=>{u?.()},f=!1,p=!1,m,h=!1,g=t=>{let r=l.parentNode;if(!r)return;let a;try{a=typeof o==`function`&&!n.isElurComponent(o)?o(t):o}catch(e){console.error(`[elur] Error boundary fallback threw while producing the fallback UI:`,e),u=v(r,c);return}e._pushErrorHandler(_);try{u=n.isElurComponent(a)?i._mountComponentSilent(a,r,c):a._render(r,c)}catch(e){console.error(`[elur] Error boundary fallback threw during render:`,e),u?.(),u=v(r,c)}finally{e._popErrorHandler()}},_=e=>{console.error(`[elur] Error boundary fallback threw during a reactive update:`,e),u?.(),u=null;let t=l.parentNode;t&&(u=v(t,c))},v=(e,t)=>{let n=document.createElement(`div`);return n.setAttribute(`data-elur-error-boundary`,`fallback-failed`),n.textContent=`[elur] Error boundary fallback failed to render.`,e.insertBefore(n,t),()=>n.remove()};e._pushErrorHandler(e=>{f||(f=!0,p?(u?.(),u=null,g(e)):(m=e,h=!0))});try{i._postMountScopeSub(()=>{if(n.isElurComponent(a)){r._pushComponentContext();try{try{a.onInit?.()}catch(e){if(a.onError)a.onError(e);else throw e}u=a.render()._render(s,c)}finally{r._popComponentContext()}f||i._deferOnMount(()=>{try{let e=a.onMount?.(),t=u;u=()=>{try{a.onUnmount?.()}catch{}if(typeof e==`function`)try{e()}catch{}t?.()}}catch(e){if(a.onError)a.onError(e);else throw e}})}else u=a._render(s,c)})}catch(e){f=!0,d(),u=null,m=e,h=!0}finally{e._popErrorHandler(),p=!0}return h&&(d(),u=null,g(m)),()=>{u?.(),l.remove()}}}}exports.createErrorBoundary=a;
 //# sourceMappingURL=error-boundary.cjs.map

package/dist/lib/elur/template/error-boundary.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"error-boundary.cjs","names":[],"sources":["../../../../src/elur/template/error-boundary.ts"],"sourcesContent":["import { _pushErrorHandler, _popErrorHandler } from \"../reactivity.js\";\nimport { isElurComponent } from \"../lifecycle.js\";\nimport type { ElurComponent } from \"../lifecycle.js\";\nimport { _pushComponentContext, _popComponentContext } from \"../context.js\";\nimport type { ElurTemplate, ElurMountHandle, ErrorFallback } from \"./types.js\";\nimport { COMMENT } from \"./types.js\";\nimport { _mountComponentSilent } from \"./mount-helpers.js\";\n\n// =============================================================================\n// --- Error Boundary ---\n// =============================================================================\n\n/**\n * Wraps `content` in an error boundary. If rendering or a reactive update\n * throws, the boundary tears down the broken subtree and renders `fallback`.\n */\nexport function createErrorBoundary(\n    content: ElurTemplate | ElurComponent,\n    fallback: ErrorFallback\n): ElurTemplate {\n    return {\n        __isElurTemplate: true as const,\n\n        mount(container: Element | string): ElurMountHandle {\n            const el =\n                typeof container === \"string\"\n                    ? (document.querySelector(container) ?? document.body)\n                    : container;\n            const cleanup = this._render(el, null);\n            return { unmount: cleanup };\n        },\n\n        _render(parent: Node, before: Node | null): () => void {\n            const marker = document.createComment(COMMENT.ERROR_BOUNDARY);\n            parent.insertBefore(marker, before);\n\n            let activeCleanup: (() => void) | null = null;\n            let errored = false;\n            let initialRenderDone = false;\n            let deferredError: unknown = undefined;\n            let hasDeferredError = false;\n\n            // Renders the fallback outside the error handler window.\n            // Uses marker.parentNode (not captured `parent`) because `parent` may be\n            // a stale DocumentFragment that was already flushed to the live DOM.\n            const renderFallback = (err: unknown): void => {\n                const liveParent = marker.parentNode;\n                if (!liveParent) return;\n\n                let fb: ElurTemplate | ElurComponent;\n                try {\n                    fb =\n                        typeof fallback === \"function\" && !isElurComponent(fallback as object)\n                            ? (fallback as (err: unknown) => ElurTemplate | ElurComponent)(err)\n                            : (fallback as ElurTemplate | ElurComponent);\n                } catch (e) {\n                    console.error(\"[elur] Error boundary fallback threw while producing the fallback UI:\", e);\n                    activeCleanup = renderBrokenFallback(liveParent, before);\n                    return;\n                }\n\n                // Capture reactive errors from effects created inside the fallback.\n                _pushErrorHandler(fallbackReactiveErrorHandler);\n                try {\n                    if (isElurComponent(fb)) {\n                        activeCleanup = _mountComponentSilent(fb, liveParent, before);\n                    } else {\n                        activeCleanup = fb._render(liveParent, before);\n                    }\n                } catch (e) {\n                    console.error(\"[elur] Error boundary fallback threw during render:\", e);\n                    activeCleanup?.();\n                    activeCleanup = renderBrokenFallback(liveParent, before);\n                } finally {\n                    _popErrorHandler();\n                }\n            };\n\n            const fallbackReactiveErrorHandler = (e: unknown): void => {\n                console.error(\"[elur] Error boundary fallback threw during a reactive update:\", e);\n                activeCleanup?.();\n                activeCleanup = null;\n                const liveParent = marker.parentNode;\n                if (liveParent) {\n                    activeCleanup = renderBrokenFallback(liveParent, before);\n                }\n            };\n\n            const renderBrokenFallback = (liveParent: Node, before: Node | null): (() => void) => {\n                const el = document.createElement(\"div\");\n                el.setAttribute(\"data-elur-error-boundary\", \"fallback-failed\");\n                el.textContent = \"[elur] Error boundary fallback failed to render.\";\n                liveParent.insertBefore(el, before);\n                return () => el.remove();\n            };\n\n            // Called by effects inside `content` when they throw\n            const handleReactiveError = (err: unknown): void => {\n                if (errored) return;\n                errored = true;\n                if (initialRenderDone) {\n                    activeCleanup?.();\n                    activeCleanup = null;\n                    renderFallback(err);\n                } else {\n                    deferredError = err;\n                    hasDeferredError = true;\n                }\n            };\n\n            _pushErrorHandler(handleReactiveError);\n            try {\n                if (isElurComponent(content)) {\n                    _pushComponentContext();\n                    try {\n                        try { content.onInit?.(); } catch (e) {\n                            if (content.onError) content.onError(e); else throw e;\n                        }\n                        activeCleanup = content.render()._render(parent, before);\n                    } finally {\n                        _popComponentContext();\n                    }\n                    if (!errored) {\n                        try {\n                            const ret = content.onMount?.();\n                            const prev = activeCleanup;\n                            activeCleanup = () => {\n                                try { content.onUnmount?.(); } catch { /* ignore */ }\n                                if (typeof ret === \"function\") try { ret(); } catch { /* ignore */ }\n                                prev?.();\n                            };\n                        } catch (e) {\n                            if (content.onError) content.onError(e); else throw e;\n                        }\n                    }\n                } else {\n                    activeCleanup = content._render(parent, before);\n                }\n            } catch (err) {\n                errored = true;\n                activeCleanup?.();\n                activeCleanup = null;\n                deferredError = err;\n                hasDeferredError = true;\n            } finally {\n                _popErrorHandler();\n                initialRenderDone = true;\n            }\n\n            if (hasDeferredError) {\n                activeCleanup?.();\n                activeCleanup = null;\n                renderFallback(deferredError);\n            }\n\n            return () => {\n                activeCleanup?.();\n                marker.remove();\n            };\n        },\n    };\n}\n"],"mappings":"+JAgBA,SAAgB,EACZ,EACA,EACY,CACZ,MAAO,CACH,iBAAkB,GAElB,MAAM,EAA8C,CAChD,IAAM,EACF,OAAO,GAAc,SACd,SAAS,cAAc,EAAU,EAAI,SAAS,KAC/C,EAEV,MAAO,CAAE,QADO,KAAK,QAAQ,EAAI,KAAK,CACX,EAG/B,QAAQ,EAAc,EAAiC,CACnD,IAAM,EAAS,SAAS,cAAc,EAAA,QAAQ,eAAe,CAC7D,EAAO,aAAa,EAAQ,EAAO,CAEnC,IAAI,EAAqC,KACrC,EAAU,GACV,EAAoB,GACpB,EACA,EAAmB,GAKjB,EAAkB,GAAuB,CAC3C,IAAM,EAAa,EAAO,WAC1B,GAAI,CAAC,EAAY,OAEjB,IAAI,EACJ,GAAI,CACA,EACI,OAAO,GAAa,YAAc,CAAC,EAAA,gBAAgB,EAAmB,CAC/D,EAA4D,EAAI,CAChE,QACN,EAAG,CACR,QAAQ,MAAM,wEAAyE,EAAE,CACzF,EAAgB,EAAqB,EAAY,EAAO,CACxD,OAIJ,EAAA,kBAAkB,EAA6B,CAC/C,GAAI,CACA,AAGI,EAHA,EAAA,gBAAgB,EAAG,CACH,EAAA,sBAAsB,EAAI,EAAY,EAAO,CAE7C,EAAG,QAAQ,EAAY,EAAO,OAE7C,EAAG,CACR,QAAQ,MAAM,sDAAuD,EAAE,CACvE,KAAiB,CACjB,EAAgB,EAAqB,EAAY,EAAO,QAClD,CACN,EAAA,kBAAkB,GAIpB,EAAgC,GAAqB,CACvD,QAAQ,MAAM,iEAAkE,EAAE,CAClF,KAAiB,CACjB,EAAgB,KAChB,IAAM,EAAa,EAAO,WACtB,IACA,EAAgB,EAAqB,EAAY,EAAO,GAI1D,GAAwB,EAAkB,IAAsC,CAClF,IAAM,EAAK,SAAS,cAAc,MAAM,CAIxC,OAHA,EAAG,aAAa,2BAA4B,kBAAkB,CAC9D,EAAG,YAAc,mDACjB,EAAW,aAAa,EAAI,EAAO,KACtB,EAAG,QAAQ,EAiB5B,EAAA,kBAb6B,GAAuB,CAC5C,IACJ,EAAU,GACN,GACA,KAAiB,CACjB,EAAgB,KAChB,EAAe,EAAI,GAEnB,EAAgB,EAChB,EAAmB,MAIW,CACtC,GAAI,CACA,GAAI,EAAA,gBAAgB,EAAQ,CAAE,CAC1B,EAAA,uBAAuB,CACvB,GAAI,CACA,GAAI,CAAE,EAAQ,UAAU,OAAW,EAAG,CAClC,GAAI,EAAQ,QAAS,EAAQ,QAAQ,EAAE,MAAO,MAAM,EAExD,EAAgB,EAAQ,QAAQ,CAAC,QAAQ,EAAQ,EAAO,QAClD,CACN,EAAA,sBAAsB,CAE1B,GAAI,CAAC,EACD,GAAI,CACA,IAAM,EAAM,EAAQ,WAAW,CACzB,EAAO,EACb,MAAsB,CAClB,GAAI,CAAE,EAAQ,aAAa,MAAU,EACrC,GAAI,OAAO,GAAQ,WAAY,GAAI,CAAE,GAAK,MAAU,EACpD,KAAQ,QAEP,EAAG,CACR,GAAI,EAAQ,QAAS,EAAQ,QAAQ,EAAE,MAAO,MAAM,QAI5D,EAAgB,EAAQ,QAAQ,EAAQ,EAAO,OAE9C,EAAK,CACV,EAAU,GACV,KAAiB,CACjB,EAAgB,KAChB,EAAgB,EAChB,EAAmB,UACb,CACN,EAAA,kBAAkB,CAClB,EAAoB,GASxB,OANI,IACA,KAAiB,CACjB,EAAgB,KAChB,EAAe,EAAc,MAGpB,CACT,KAAiB,CACjB,EAAO,QAAQ,GAG1B"}
+{"version":3,"file":"error-boundary.cjs","names":[],"sources":["../../../../src/elur/template/error-boundary.ts"],"sourcesContent":["import { _pushErrorHandler, _popErrorHandler } from \"../reactivity.js\";\nimport { isElurComponent } from \"../lifecycle.js\";\nimport type { ElurComponent } from \"../lifecycle.js\";\nimport { _pushComponentContext, _popComponentContext } from \"../context.js\";\nimport type { ElurTemplate, ElurMountHandle, ErrorFallback } from \"./types.js\";\nimport { COMMENT } from \"./types.js\";\nimport { _deferOnMount, _mountComponentSilent, _postMountScopeSub } from \"./mount-helpers.js\";\n\n// =============================================================================\n// --- Error Boundary ---\n// =============================================================================\n\n/**\n * Wraps `content` in an error boundary. If rendering or a reactive update\n * throws, the boundary tears down the broken subtree and renders `fallback`.\n */\nexport function createErrorBoundary(\n    content: ElurTemplate | ElurComponent,\n    fallback: ErrorFallback\n): ElurTemplate {\n    return {\n        __isElurTemplate: true as const,\n\n        mount(container: Element | string): ElurMountHandle {\n            const el =\n                typeof container === \"string\"\n                    ? (document.querySelector(container) ?? document.body)\n                    : container;\n            const cleanup = this._render(el, null);\n            return { unmount: cleanup };\n        },\n\n        _render(parent: Node, before: Node | null): () => void {\n            const marker = document.createComment(COMMENT.ERROR_BOUNDARY);\n            parent.insertBefore(marker, before);\n\n            let activeCleanup: (() => void) | null = null;\n            const runActive = (): void => { activeCleanup?.(); };\n            let errored = false;\n            let initialRenderDone = false;\n            let deferredError: unknown = undefined;\n            let hasDeferredError = false;\n\n            // Renders the fallback outside the error handler window.\n            // Uses marker.parentNode (not captured `parent`) because `parent` may be\n            // a stale DocumentFragment that was already flushed to the live DOM.\n            const renderFallback = (err: unknown): void => {\n                const liveParent = marker.parentNode;\n                if (!liveParent) return;\n\n                let fb: ElurTemplate | ElurComponent;\n                try {\n                    fb =\n                        typeof fallback === \"function\" && !isElurComponent(fallback as object)\n                            ? (fallback as (err: unknown) => ElurTemplate | ElurComponent)(err)\n                            : (fallback as ElurTemplate | ElurComponent);\n                } catch (e) {\n                    console.error(\"[elur] Error boundary fallback threw while producing the fallback UI:\", e);\n                    activeCleanup = renderBrokenFallback(liveParent, before);\n                    return;\n                }\n\n                // Capture reactive errors from effects created inside the fallback.\n                _pushErrorHandler(fallbackReactiveErrorHandler);\n                try {\n                    if (isElurComponent(fb)) {\n                        activeCleanup = _mountComponentSilent(fb, liveParent, before);\n                    } else {\n                        activeCleanup = fb._render(liveParent, before);\n                    }\n                } catch (e) {\n                    console.error(\"[elur] Error boundary fallback threw during render:\", e);\n                    activeCleanup?.();\n                    activeCleanup = renderBrokenFallback(liveParent, before);\n                } finally {\n                    _popErrorHandler();\n                }\n            };\n\n            const fallbackReactiveErrorHandler = (e: unknown): void => {\n                console.error(\"[elur] Error boundary fallback threw during a reactive update:\", e);\n                activeCleanup?.();\n                activeCleanup = null;\n                const liveParent = marker.parentNode;\n                if (liveParent) {\n                    activeCleanup = renderBrokenFallback(liveParent, before);\n                }\n            };\n\n            const renderBrokenFallback = (liveParent: Node, before: Node | null): (() => void) => {\n                const el = document.createElement(\"div\");\n                el.setAttribute(\"data-elur-error-boundary\", \"fallback-failed\");\n                el.textContent = \"[elur] Error boundary fallback failed to render.\";\n                liveParent.insertBefore(el, before);\n                return () => el.remove();\n            };\n\n            // Called by effects inside `content` when they throw\n            const handleReactiveError = (err: unknown): void => {\n                if (errored) return;\n                errored = true;\n                if (initialRenderDone) {\n                    activeCleanup?.();\n                    activeCleanup = null;\n                    renderFallback(err);\n                } else {\n                    deferredError = err;\n                    hasDeferredError = true;\n                }\n            };\n\n            _pushErrorHandler(handleReactiveError);\n            try {\n                // Sub-cola de onMount: si el contenido lanza, sus hooks\n                // diferidos se descartan; si no, se fusionan a la cola del\n                // render externo y corren post-commit.\n                _postMountScopeSub(() => {\n                    if (isElurComponent(content)) {\n                        _pushComponentContext();\n                        try {\n                            try { content.onInit?.(); } catch (e) {\n                                if (content.onError) content.onError(e); else throw e;\n                            }\n                            activeCleanup = content.render()._render(parent, before);\n                        } finally {\n                            _popComponentContext();\n                        }\n                        if (!errored) {\n                            _deferOnMount(() => {\n                                try {\n                                    const ret = content.onMount?.();\n                                    const prev = activeCleanup;\n                                    activeCleanup = () => {\n                                        try { content.onUnmount?.(); } catch { /* ignore */ }\n                                        if (typeof ret === \"function\") try { ret(); } catch { /* ignore */ }\n                                        prev?.();\n                                    };\n                                } catch (e) {\n                                    if (content.onError) content.onError(e); else throw e;\n                                }\n                            });\n                        }\n                    } else {\n                        activeCleanup = content._render(parent, before);\n                    }\n                });\n            } catch (err) {\n                errored = true;\n                runActive();\n                activeCleanup = null;\n                deferredError = err;\n                hasDeferredError = true;\n            } finally {\n                _popErrorHandler();\n                initialRenderDone = true;\n            }\n\n            if (hasDeferredError) {\n                runActive();\n                activeCleanup = null;\n                renderFallback(deferredError);\n            }\n\n            return () => {\n                activeCleanup?.();\n                marker.remove();\n            };\n        },\n    };\n}\n"],"mappings":"8KAgBA,SAAgB,EACZ,EACA,EACY,CACZ,MAAO,CACH,iBAAkB,GAElB,MAAM,EAA8C,CAChD,IAAM,EACF,OAAO,GAAc,SACd,SAAS,cAAc,EAAU,EAAI,SAAS,KAC/C,EAEV,MAAO,CAAE,QADO,KAAK,QAAQ,EAAI,KAAK,CACX,EAG/B,QAAQ,EAAc,EAAiC,CACnD,IAAM,EAAS,SAAS,cAAc,EAAA,QAAQ,eAAe,CAC7D,EAAO,aAAa,EAAQ,EAAO,CAEnC,IAAI,EAAqC,KACnC,MAAwB,CAAE,KAAiB,EAC7C,EAAU,GACV,EAAoB,GACpB,EACA,EAAmB,GAKjB,EAAkB,GAAuB,CAC3C,IAAM,EAAa,EAAO,WAC1B,GAAI,CAAC,EAAY,OAEjB,IAAI,EACJ,GAAI,CACA,EACI,OAAO,GAAa,YAAc,CAAC,EAAA,gBAAgB,EAAmB,CAC/D,EAA4D,EAAI,CAChE,QACN,EAAG,CACR,QAAQ,MAAM,wEAAyE,EAAE,CACzF,EAAgB,EAAqB,EAAY,EAAO,CACxD,OAIJ,EAAA,kBAAkB,EAA6B,CAC/C,GAAI,CACA,AAGI,EAHA,EAAA,gBAAgB,EAAG,CACH,EAAA,sBAAsB,EAAI,EAAY,EAAO,CAE7C,EAAG,QAAQ,EAAY,EAAO,OAE7C,EAAG,CACR,QAAQ,MAAM,sDAAuD,EAAE,CACvE,KAAiB,CACjB,EAAgB,EAAqB,EAAY,EAAO,QAClD,CACN,EAAA,kBAAkB,GAIpB,EAAgC,GAAqB,CACvD,QAAQ,MAAM,iEAAkE,EAAE,CAClF,KAAiB,CACjB,EAAgB,KAChB,IAAM,EAAa,EAAO,WACtB,IACA,EAAgB,EAAqB,EAAY,EAAO,GAI1D,GAAwB,EAAkB,IAAsC,CAClF,IAAM,EAAK,SAAS,cAAc,MAAM,CAIxC,OAHA,EAAG,aAAa,2BAA4B,kBAAkB,CAC9D,EAAG,YAAc,mDACjB,EAAW,aAAa,EAAI,EAAO,KACtB,EAAG,QAAQ,EAiB5B,EAAA,kBAb6B,GAAuB,CAC5C,IACJ,EAAU,GACN,GACA,KAAiB,CACjB,EAAgB,KAChB,EAAe,EAAI,GAEnB,EAAgB,EAChB,EAAmB,MAIW,CACtC,GAAI,CAIA,EAAA,uBAAyB,CACrB,GAAI,EAAA,gBAAgB,EAAQ,CAAE,CAC1B,EAAA,uBAAuB,CACvB,GAAI,CACA,GAAI,CAAE,EAAQ,UAAU,OAAW,EAAG,CAClC,GAAI,EAAQ,QAAS,EAAQ,QAAQ,EAAE,MAAO,MAAM,EAExD,EAAgB,EAAQ,QAAQ,CAAC,QAAQ,EAAQ,EAAO,QAClD,CACN,EAAA,sBAAsB,CAErB,GACD,EAAA,kBAAoB,CAChB,GAAI,CACA,IAAM,EAAM,EAAQ,WAAW,CACzB,EAAO,EACb,MAAsB,CAClB,GAAI,CAAE,EAAQ,aAAa,MAAU,EACrC,GAAI,OAAO,GAAQ,WAAY,GAAI,CAAE,GAAK,MAAU,EACpD,KAAQ,QAEP,EAAG,CACR,GAAI,EAAQ,QAAS,EAAQ,QAAQ,EAAE,MAAO,MAAM,IAE1D,MAGN,EAAgB,EAAQ,QAAQ,EAAQ,EAAO,EAErD,OACG,EAAK,CACV,EAAU,GACV,GAAW,CACX,EAAgB,KAChB,EAAgB,EAChB,EAAmB,UACb,CACN,EAAA,kBAAkB,CAClB,EAAoB,GASxB,OANI,IACA,GAAW,CACX,EAAgB,KAChB,EAAe,EAAc,MAGpB,CACT,KAAiB,CACjB,EAAO,QAAQ,GAG1B"}

package/dist/lib/elur/template/error-boundary.js

@@ -1,90 +1,96 @@
-import { _popErrorHandler as e, _pushErrorHandler as t } from "../../signals.js";
+import { _popErrorHandler as e, _pushErrorHandler as t } from "../next-2/reactivity.js";
 import { COMMENT as n } from "./types.js";
 import { isElurComponent as r } from "../../lifecycle.js";
 import { _popComponentContext as i, _pushComponentContext as a } from "../../context.js";
-import { _mountComponentSilent as o } from "./mount-helpers.js";
+import { _deferOnMount as o, _mountComponentSilent as s, _postMountScopeSub as c } from "../next-2/mount-helpers.js";
 //#region src/elur/template/error-boundary.ts
-function s(s, c) {
+function l(l, u) {
 	return {
 		__isElurTemplate: !0,
 		mount(e) {
 			let t = typeof e == "string" ? document.querySelector(e) ?? document.body : e;
 			return { unmount: this._render(t, null) };
 		},
-		_render(l, u) {
-			let d = document.createComment(n.ERROR_BOUNDARY);
-			l.insertBefore(d, u);
-			let f = null, p = !1, m = !1, h, g = !1, _ = (n) => {
-				let i = d.parentNode;
+		_render(d, f) {
+			let p = document.createComment(n.ERROR_BOUNDARY);
+			d.insertBefore(p, f);
+			let m = null, h = () => {
+				m?.();
+			}, g = !1, _ = !1, v, y = !1, b = (n) => {
+				let i = p.parentNode;
 				if (!i) return;
 				let a;
 				try {
-					a = typeof c == "function" && !r(c) ? c(n) : c;
+					a = typeof u == "function" && !r(u) ? u(n) : u;
 				} catch (e) {
-					console.error("[elur] Error boundary fallback threw while producing the fallback UI:", e), f = y(i, u);
+					console.error("[elur] Error boundary fallback threw while producing the fallback UI:", e), m = S(i, f);
 					return;
 				}
-				t(v);
+				t(x);
 				try {
-					f = r(a) ? o(a, i, u) : a._render(i, u);
+					m = r(a) ? s(a, i, f) : a._render(i, f);
 				} catch (e) {
-					console.error("[elur] Error boundary fallback threw during render:", e), f?.(), f = y(i, u);
+					console.error("[elur] Error boundary fallback threw during render:", e), m?.(), m = S(i, f);
 				} finally {
 					e();
 				}
-			}, v = (e) => {
-				console.error("[elur] Error boundary fallback threw during a reactive update:", e), f?.(), f = null;
-				let t = d.parentNode;
-				t && (f = y(t, u));
-			}, y = (e, t) => {
+			}, x = (e) => {
+				console.error("[elur] Error boundary fallback threw during a reactive update:", e), m?.(), m = null;
+				let t = p.parentNode;
+				t && (m = S(t, f));
+			}, S = (e, t) => {
 				let n = document.createElement("div");
 				return n.setAttribute("data-elur-error-boundary", "fallback-failed"), n.textContent = "[elur] Error boundary fallback failed to render.", e.insertBefore(n, t), () => n.remove();
 			};
 			t((e) => {
-				p || (p = !0, m ? (f?.(), f = null, _(e)) : (h = e, g = !0));
+				g || (g = !0, _ ? (m?.(), m = null, b(e)) : (v = e, y = !0));
 			});
 			try {
-				if (r(s)) {
-					a();
-					try {
+				c(() => {
+					if (r(l)) {
+						a();
 						try {
-							s.onInit?.();
-						} catch (e) {
-							if (s.onError) s.onError(e);
-							else throw e;
+							try {
+								l.onInit?.();
+							} catch (e) {
+								if (l.onError) l.onError(e);
+								else throw e;
+							}
+							m = l.render()._render(d, f);
+						} finally {
+							i();
 						}
-						f = s.render()._render(l, u);
-					} finally {
-						i();
-					}
-					if (!p) try {
-						let e = s.onMount?.(), t = f;
-						f = () => {
+						g || o(() => {
 							try {
-								s.onUnmount?.();
-							} catch {}
-							if (typeof e == "function") try {
-								e();
-							} catch {}
-							t?.();
-						};
-					} catch (e) {
-						if (s.onError) s.onError(e);
-						else throw e;
-					}
-				} else f = s._render(l, u);
+								let e = l.onMount?.(), t = m;
+								m = () => {
+									try {
+										l.onUnmount?.();
+									} catch {}
+									if (typeof e == "function") try {
+										e();
+									} catch {}
+									t?.();
+								};
+							} catch (e) {
+								if (l.onError) l.onError(e);
+								else throw e;
+							}
+						});
+					} else m = l._render(d, f);
+				});
 			} catch (e) {
-				p = !0, f?.(), f = null, h = e, g = !0;
+				g = !0, h(), m = null, v = e, y = !0;
 			} finally {
-				e(), m = !0;
+				e(), _ = !0;
 			}
-			return g && (f?.(), f = null, _(h)), () => {
-				f?.(), d.remove();
+			return y && (h(), m = null, b(v)), () => {
+				m?.(), p.remove();
 			};
 		}
 	};
 }
 //#endregion
-export { s as createErrorBoundary };
+export { l as createErrorBoundary };
 
 //# sourceMappingURL=error-boundary.js.map