@elurjs/core 3.5.0

package/dist/lib/hydrate.js

@@ -0,0 +1,410 @@
+import { effect as e } from "./signals.js";
+import { ELUR_RENDER_PROTOCOL as t, ELUR_TEMPLATE_DESCRIPTOR as n, isElurTemplate as r, isKeyedList as i } from "./elur/template/types.js";
+import { isElurComponent as a } from "./lifecycle.js";
+import { _captureContextSnapshot as o, _popComponentContext as s, _pushComponentContext as c } from "./context.js";
+import { deserializeRepeatKey as l, normalizeRepeatKey as u, serializeRepeatKey as d } from "./elur/template/keyed.js";
+import { createKeyedMount as f, reconcileKeyedList as p } from "./elur/template/keyed-diff.js";
+import { sanitizeUrl as m } from "./elur/template/sanitize.js";
+import { activateDelegatedEvent as h, isDelegableEvent as g } from "./elur/template/bindings.js";
+//#region src/elur/hydrate/index.ts
+function _(e, t, r = {}) {
+	try {
+		if (a(e)) return v(e, t, r);
+		let i = e[n];
+		return i || j(r, -1, "descriptor", "Template has no hydration descriptor"), { unmount: y(i, t, r) };
+	} catch (n) {
+		if (r.mismatch === "throw") throw n;
+		return r.mismatch !== "remount" && console.warn("[elur] Hydration mismatch; remounting root:", n), t.replaceChildren(), { unmount: a(e) ? e.render()._render(t, null) : e._render(t, null) };
+	}
+}
+function v(e, t, r) {
+	c();
+	let i = () => {};
+	try {
+		try {
+			e.onInit?.();
+		} catch (t) {
+			if (e.onError) e.onError(t);
+			else throw t;
+		}
+		let a = e.render()[n];
+		a || j(r, -1, "descriptor", "Component template has no hydration descriptor"), i = y(a, t, r);
+	} finally {
+		s();
+	}
+	let a = e.onMount?.();
+	return { unmount() {
+		e.onUnmount?.(), typeof a == "function" && a(), i();
+	} };
+}
+function y(e, t, n, r) {
+	let i = b(t, r), a = [];
+	for (let t = 0; t < e.contexts.length; t++) {
+		let r = e.contexts[t], o = e.values[t];
+		if (r.type === "event") {
+			let e = i.events.get(t);
+			e || j(n, t, "event", `Missing event marker ${t}`), e.removeAttribute(`data-elur-e-${t}`), a.push(S(e, r.eventName, r.modifiers, o));
+			continue;
+		}
+		if (r.type === "attr") {
+			let e = i.attributes.get(t);
+			e || j(n, t, "attribute", `Missing attribute marker ${t}`), e.removeAttribute(`data-elur-a-${t}`), a.push(C(e, r.attrName, r.url === !0, o));
+			continue;
+		}
+		let s = i.nodes.get(t);
+		s || j(n, t, "node", `Missing node marker ${t}`);
+		let c = w(s, o, n, i.keyed.get(t), i.arrayItems.get(t));
+		c && a.push(c);
+	}
+	return () => {
+		for (let e = a.length - 1; e >= 0; e--) a[e]();
+	};
+}
+function b(e, t) {
+	let n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = [], l = [], u = [], d = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT), f;
+	for (; f = d.nextNode();) {
+		if (t && !x(f, t)) continue;
+		if (f.nodeType === Node.COMMENT_NODE) {
+			let e = f, t = /^elur-(\d+)$/.exec(e.data);
+			if (t) {
+				let n = Number(t[1]);
+				c.length === 0 && r.set(n, e), c.push(n);
+				continue;
+			}
+			let i = /^elur-end-(\d+)$/.exec(e.data);
+			if (i) {
+				let t = Number(i[1]);
+				if (c.pop() === t && c.length === 0) {
+					let i = r.get(t);
+					i && n.set(t, {
+						start: i,
+						end: e
+					});
+				}
+				continue;
+			}
+			let a = /^elur-ki:(.+)$/.exec(e.data);
+			if (a) {
+				let t = a[1];
+				l.length === 0 && c.length === 1 ? l.push({
+					start: e,
+					serializedKey: t,
+					parentIndex: c[c.length - 1]
+				}) : l.push({
+					start: e,
+					serializedKey: t,
+					parentIndex: -1
+				});
+				continue;
+			}
+			if (e.data === "elur-ke") {
+				let t = l.pop();
+				if (t) {
+					if (t.parentIndex >= 0) {
+						let n = o.get(t.parentIndex) ?? [];
+						n.push({
+							start: t.start,
+							end: e,
+							serializedKey: t.serializedKey
+						}), o.set(t.parentIndex, n);
+					}
+				} else throw Error("[elur] Hydration marker mismatch: orphan keyed end marker (elur-ke)");
+				continue;
+			}
+			if (e.data === "elur-ai") {
+				u.length === 0 && c.length === 1 ? u.push({
+					start: e,
+					parentIndex: c[c.length - 1]
+				}) : u.push({
+					start: e,
+					parentIndex: -1
+				});
+				continue;
+			}
+			if (e.data === "elur-aiend") {
+				let t = u.pop();
+				if (t && t.parentIndex >= 0) {
+					let n = s.get(t.parentIndex) ?? [];
+					n.push({
+						start: t.start,
+						end: e
+					}), s.set(t.parentIndex, n);
+				}
+				continue;
+			}
+			continue;
+		}
+		if (c.length > 0) continue;
+		let e = f;
+		for (let t of Array.from(e.attributes)) {
+			let n = /^data-elur-e-(\d+)$/.exec(t.name);
+			n && a.set(Number(n[1]), e);
+			let r = /^data-elur-a-(\d+)$/.exec(t.name);
+			r && i.set(Number(r[1]), e);
+		}
+	}
+	return {
+		nodes: n,
+		attributes: i,
+		events: a,
+		keyed: o,
+		arrayItems: s
+	};
+}
+function x(e, t) {
+	let n = document.createRange();
+	return n.setStartAfter(t.start), n.setEndBefore(t.end), n.intersectsNode(e);
+}
+function S(e, t, n, r) {
+	if (typeof r != "function") throw TypeError(`Event "${t}" requires a function`);
+	let i = r;
+	if (g(t) && !n.includes("capture") && !n.includes("once") && document.body.contains(e)) return h(e, t, n, i);
+	let a = {
+		once: n.includes("once"),
+		capture: n.includes("capture"),
+		passive: n.includes("passive")
+	}, o = (e) => {
+		n.includes("prevent") && e.preventDefault(), n.includes("stop") && e.stopPropagation(), !(n.includes("self") && e.target !== e.currentTarget) && i(e);
+	};
+	return e.addEventListener(t, o, a), () => e.removeEventListener(t, o, a);
+}
+function C(t, n, r, i) {
+	if (n === "ref") {
+		let e = i;
+		return e.el = t, () => {
+			e.el = null;
+		};
+	}
+	let a = (n === "value" || n === "checked" || n === "selected") && n in t, o = !0, s = !1, c = (e) => {
+		if (a) if (!o) t[n] = e ?? "";
+		else {
+			let r = t[n];
+			if (String(r) !== String(e ?? "") && !s) {
+				s = !0;
+				let e = n === "checked" || n === "selected" ? "change" : "input";
+				queueMicrotask(() => {
+					s = !1, t.dispatchEvent(new Event(e, { bubbles: !0 }));
+				});
+			}
+		}
+		else if (e == null || e === !1) t.removeAttribute(n);
+		else {
+			let i = r ? m(String(e)) : String(e);
+			t.setAttribute(n, i);
+		}
+		o = !1;
+	};
+	return typeof i == "function" ? e(() => c(i())) : (c(i), () => {});
+}
+function w(t, n, r, a, s) {
+	if (typeof n != "function") return T(t, n, r, a, s);
+	let c = !0, l, u = k(t), d = null, m = o(), h = f(m), g = (e) => {
+		console.warn(`[elur] repeat(): duplicate key "${e}". Keys must be unique; the previous entry leaks (orphaned nodes + live effects).`);
+	}, _ = e(() => {
+		let e = n();
+		if (i(e)) {
+			if (c && !d) {
+				let n = E(e, a, r);
+				d = {
+					state: n.state,
+					prevOrder: n.prevOrder
+				}, l = n.cleanup, p({
+					zoneStart: t.start,
+					anchor: t.end,
+					state: d.state,
+					prevOrder: d.prevOrder,
+					list: e,
+					mount: h,
+					ctxSnapshot: m,
+					onDuplicateKey: g
+				}), u = null, c = !1;
+				return;
+			}
+			d || (l?.(), A(t), d = {
+				state: /* @__PURE__ */ new Map(),
+				prevOrder: []
+			}, l = () => {
+				for (let e of d.state.values()) e.cleanup();
+			}), p({
+				zoneStart: t.start,
+				anchor: t.end,
+				state: d.state,
+				prevOrder: d.prevOrder,
+				list: e,
+				mount: h,
+				ctxSnapshot: m,
+				onDuplicateKey: g
+			}), u = null, c = !1;
+			return;
+		}
+		d && (l?.(), A(t), d = null, l = void 0), typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? u ? u.nodeValue !== String(e) && (u.nodeValue = String(e)) : (u = document.createTextNode(String(e)), t.end.parentNode.insertBefore(u, t.end)) : c ? l = T(t, e, r, a, s) : (l?.(), A(t), l = O(t, e), u = k(t)), c = !1;
+	});
+	return () => {
+		_(), l?.();
+	};
+}
+function T(e, l, u, d, m) {
+	if (i(l)) {
+		let t = o(), n = E(l, d, u);
+		return p({
+			zoneStart: e.start,
+			anchor: e.end,
+			state: n.state,
+			prevOrder: n.prevOrder,
+			list: l,
+			mount: f(t),
+			ctxSnapshot: t,
+			onDuplicateKey: (e) => {
+				console.warn(`[elur] repeat(): duplicate key "${e}". Keys must be unique; the previous entry leaks (orphaned nodes + live effects).`);
+			}
+		}), n.cleanup;
+	}
+	if (Array.isArray(l)) {
+		let t = [], n = m !== void 0 && m.length > 0;
+		for (let r = 0; r < l.length; r++) {
+			let i = l[r], a = m?.[r];
+			if (n && a) {
+				let e = T(a, i, u);
+				e && t.push(e);
+			} else if (n) {
+				let n = O(e, i);
+				n && t.push(n);
+			} else {
+				let n = T(e, i, u);
+				n && t.push(n);
+			}
+		}
+		return t.length ? () => {
+			for (let e = t.length - 1; e >= 0; e--) t[e]();
+		} : void 0;
+	}
+	if (r(l)) {
+		let t = l[n];
+		return t || j(u, -1, "descriptor", "Nested template has no hydration descriptor"), y(t, e.start.parentNode, u, e);
+	}
+	if (a(l)) {
+		c();
+		let t;
+		try {
+			try {
+				l.onInit?.();
+			} catch (e) {
+				if (l.onError) l.onError(e);
+				else throw e;
+			}
+			let r = l.render()[n];
+			r || j(u, -1, "descriptor", "Nested component has no hydration descriptor");
+			let i = y(r, e.start.parentNode, u, e), a = l.onMount?.();
+			t = () => {
+				l.onUnmount?.(), typeof a == "function" && a(), i();
+			};
+		} finally {
+			s();
+		}
+		return t;
+	}
+	if (typeof l == "object" && l) {
+		let n = l[t];
+		if (n?.hydrateDom) return n.hydrateDom({
+			parent: e.start.parentNode,
+			bounds: e,
+			context: u.context,
+			render: (t) => T(e, t, u)
+		}) ?? void 0;
+	}
+}
+function E(e, t, n) {
+	let r = /* @__PURE__ */ new Map(), i = [];
+	if (!t || t.length === 0) return {
+		state: r,
+		prevOrder: i,
+		cleanup: () => {}
+	};
+	let a = /* @__PURE__ */ new Map();
+	for (let t = 0; t < e.items.length; t++) {
+		let n = u(e.keyFn(e.items[t], t), t), r = d(n);
+		a.has(r) && console.warn(`[elur] repeat(): duplicate client key "${n}" during hydration. Keys must be unique; entries after the first leak.`), a.set(r, t);
+	}
+	for (let o of t) {
+		let t = a.get(o.serializedKey);
+		if (t === void 0) {
+			D(o);
+			continue;
+		}
+		let s = e.items[t], c = u(e.keyFn(s, t), t);
+		if (d(c) !== o.serializedKey && console.warn(`[elur] repeat(): hydration key mismatch at index ${t} (${l(o.serializedKey)} != ${c}). The SSR item is adopted by position.`), r.has(c)) {
+			console.warn(`[elur] repeat(): duplicate key "${c}" during hydration; removing duplicate SSR node.`), D(o);
+			continue;
+		}
+		let f = e.renderFn(s, t), p = T({
+			start: o.start,
+			end: o.end
+		}, f, n);
+		r.set(c, {
+			start: o.start,
+			end: o.end,
+			cleanup: p ?? (() => {})
+		}), i.push(c);
+	}
+	return {
+		state: r,
+		prevOrder: i,
+		cleanup: () => {
+			for (let e of r.values()) e.cleanup();
+		}
+	};
+}
+function D(e) {
+	let t = e.start.nextSibling;
+	for (; t && t !== e.end;) {
+		let e = t.nextSibling;
+		t.parentNode?.removeChild(t), t = e;
+	}
+	e.start.parentNode?.removeChild(e.start), e.end.parentNode?.removeChild(e.end);
+}
+function O(e, t) {
+	if (t == null || t === !1 || t === !0) return;
+	if (Array.isArray(t)) {
+		let n = [];
+		for (let r of t) {
+			let t = O(e, r);
+			t && n.push(t);
+		}
+		return n.length ? () => {
+			for (let e = n.length - 1; e >= 0; e--) n[e]();
+		} : void 0;
+	}
+	if (r(t)) return t._render(e.end.parentNode, e.end);
+	if (a(t)) return t.render()._render(e.end.parentNode, e.end);
+	let n = document.createTextNode(String(t));
+	return e.end.parentNode.insertBefore(n, e.end), () => n.parentNode?.removeChild(n);
+}
+function k(e) {
+	let t = e.start.nextSibling;
+	for (; t && t !== e.end;) {
+		if (t.nodeType === Node.TEXT_NODE) return t;
+		t = t.nextSibling;
+	}
+	return null;
+}
+function A(e) {
+	let t = e.start.nextSibling;
+	for (; t && t !== e.end;) {
+		let e = t.nextSibling;
+		t.parentNode?.removeChild(t), t = e;
+	}
+}
+function j(e, t, n, r) {
+	let i = {
+		index: t,
+		kind: n,
+		message: r
+	};
+	e.onMismatch?.(i);
+	let a = /* @__PURE__ */ Error(`[elur] Hydration marker mismatch: ${r}`);
+	throw Object.assign(a, { mismatch: i }), a;
+}
+//#endregion
+export { _ as hydrate };
+
+//# sourceMappingURL=hydrate.js.map

package/dist/lib/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./signals.cjs`),t=require(`./elur/template/types.cjs`),n=require(`./lifecycle.cjs`),r=require(`./context.cjs`),i=require(`./elur/template/keyed.cjs`),a=require(`./elur/template/bindings.cjs`),o=require(`./elur/template/html.cjs`),s=require(`./elur/template/raw.cjs`),c=require(`./elur/template/transitions.cjs`),l=require(`./elur/template/portal.cjs`),u=require(`./elur/template/error-boundary.cjs`),d=require(`./router.cjs`),f=require(`./component.cjs`),p=require(`./store.cjs`),m=require(`./plugins.cjs`),h=require(`./async.cjs`),g=require(`./form.cjs`);exports.ELUR_RENDER_PROTOCOL=t.ELUR_RENDER_PROTOCOL,exports.ELUR_TEMPLATE_DESCRIPTOR=t.ELUR_TEMPLATE_DESCRIPTOR,exports.ElurComponent=n.ElurComponent,exports.Link=d.Link,exports.RouterKey=d.RouterKey,exports.RouterView=d.RouterView,exports.Signal=e.Signal,exports._hasActiveRouter=d._hasActiveRouter,exports.batch=e.batch,exports.bridgePlugin=m.bridgePlugin,exports.computed=e.computed,exports.createErrorBoundary=u.createErrorBoundary,exports.createForm=g.createForm,exports.createInjectionKey=r.createInjectionKey,exports.createPortalOutlet=l.createPortalOutlet,exports.createRouter=d.createRouter,exports.createStore=p.createStore,exports.createValidator=g.createValidator,exports.effect=e.effect,exports.elurField=g.elurField,exports.elurFieldArray=g.elurFieldArray,exports.elurRouter=d.elurRouter,exports.email=g.email,exports.extendValidators=g.extendValidators,exports.guardPlugin=m.guardPlugin,exports.html=o.html,exports.inject=r.inject,exports.injectOutlet=l.injectOutlet,exports.lazy=h.lazy,exports.loggerPlugin=m.loggerPlugin,exports.max=g.max,exports.maxLength=g.maxLength,exports.min=g.min,exports.minLength=g.minLength,exports.mount=f.mount,exports.nextTick=e.nextTick,exports.pattern=g.pattern,exports.persistPlugin=m.persistPlugin,exports.portal=l.portal,exports.portalOutlet=l.portalOutlet,exports.provide=r.provide,exports.provideOutlet=l.provideOutlet,exports.raw=s.raw,exports.ref=t.ref,exports.repeat=i.repeat,exports.required=g.required,exports.showWhen=a.showWhen,exports.signal=e.signal,exports.suspend=h.suspend,exports.templateFeatures=t.templateFeatures,exports.transition=c.transition,exports.untrack=e.untrack,exports.validators=g.validators,exports.watch=e.watch;

package/dist/lib/index.d.cts

@@ -0,0 +1,2 @@
+export { Signal, signal, effect, computed, batch, watch, untrack, nextTick, html, repeat, raw, ref, showWhen, portal, createPortalOutlet, portalOutlet, provideOutlet, injectOutlet, createErrorBoundary, transition, ELUR_TEMPLATE_DESCRIPTOR, ELUR_RENDER_PROTOCOL, templateFeatures, mount, ElurComponent, createStore, persistPlugin, loggerPlugin, guardPlugin, bridgePlugin, createRouter, RouterView, Link, elurRouter, RouterKey, _hasActiveRouter, suspend, lazy, provide, inject, createInjectionKey, elurField, elurFieldArray, createForm, required, minLength, maxLength, email, pattern, min, max, createValidator, validators, extendValidators, } from "./elur/index.js";
+export type { WatchOptions, ElurTemplate, ElurMountHandle, TemplateBindingContext, TemplateDescriptor, ElurRenderProtocol, ServerRenderProtocolContext, DomProtocolContext, HydrationProtocolContext, MountOptions, KeyedList, ElurRef, PortalOutlet, ErrorFallback, TransitionOptions, TransitionContent, Store, StoreSignals, ElurPlugin, Router, NamedRouteLocation, RouteLocation, RouteRecord, RouterOptions, NavigationGuard, NavigationGuardResult, AfterEachHook, ResolvedRoute, ScrollPosition, ScrollBehavior, RouterMode, NavigationDirection, NavigationIntent, NavigationAction, NavigateOptions, SuspenseOptions, InjectionKey, DeepPartial, Validator, ValidateOn, FieldState, FieldArrayState, FieldErrors, FormState, FormOptions, ValidatorsBase, ElurChildren, } from "./elur/index.js";

package/dist/lib/index.d.ts

@@ -0,0 +1,2 @@
+export { Signal, signal, effect, computed, batch, watch, untrack, nextTick, html, repeat, raw, ref, showWhen, portal, createPortalOutlet, portalOutlet, provideOutlet, injectOutlet, createErrorBoundary, transition, ELUR_TEMPLATE_DESCRIPTOR, ELUR_RENDER_PROTOCOL, templateFeatures, mount, ElurComponent, createStore, persistPlugin, loggerPlugin, guardPlugin, bridgePlugin, createRouter, RouterView, Link, elurRouter, RouterKey, _hasActiveRouter, suspend, lazy, provide, inject, createInjectionKey, elurField, elurFieldArray, createForm, required, minLength, maxLength, email, pattern, min, max, createValidator, validators, extendValidators, } from "./elur/index.js";
+export type { WatchOptions, ElurTemplate, ElurMountHandle, TemplateBindingContext, TemplateDescriptor, ElurRenderProtocol, ServerRenderProtocolContext, DomProtocolContext, HydrationProtocolContext, MountOptions, KeyedList, ElurRef, PortalOutlet, ErrorFallback, TransitionOptions, TransitionContent, Store, StoreSignals, ElurPlugin, Router, NamedRouteLocation, RouteLocation, RouteRecord, RouterOptions, NavigationGuard, NavigationGuardResult, AfterEachHook, ResolvedRoute, ScrollPosition, ScrollBehavior, RouterMode, NavigationDirection, NavigationIntent, NavigationAction, NavigateOptions, SuspenseOptions, InjectionKey, DeepPartial, Validator, ValidateOn, FieldState, FieldArrayState, FieldErrors, FormState, FormOptions, ValidatorsBase, ElurChildren, } from "./elur/index.js";

package/dist/lib/index.js

@@ -0,0 +1,18 @@
+import { Signal as e, batch as t, computed as n, effect as r, nextTick as i, signal as a, untrack as o, watch as s } from "./signals.js";
+import { ELUR_RENDER_PROTOCOL as c, ELUR_TEMPLATE_DESCRIPTOR as l, ref as u, templateFeatures as d } from "./elur/template/types.js";
+import { ElurComponent as f } from "./lifecycle.js";
+import { createInjectionKey as p, inject as m, provide as h } from "./context.js";
+import { repeat as g } from "./elur/template/keyed.js";
+import { showWhen as _ } from "./elur/template/bindings.js";
+import { html as v } from "./elur/template/html.js";
+import { raw as y } from "./elur/template/raw.js";
+import { transition as b } from "./elur/template/transitions.js";
+import { createPortalOutlet as x, injectOutlet as S, portal as C, portalOutlet as w, provideOutlet as T } from "./elur/template/portal.js";
+import { createErrorBoundary as E } from "./elur/template/error-boundary.js";
+import { Link as D, RouterKey as O, RouterView as k, _hasActiveRouter as A, createRouter as j, elurRouter as M } from "./router.js";
+import { mount as N } from "./component.js";
+import { createStore as P } from "./store.js";
+import { bridgePlugin as F, guardPlugin as I, loggerPlugin as L, persistPlugin as R } from "./plugins.js";
+import { lazy as z, suspend as B } from "./async.js";
+import { createForm as V, createValidator as H, elurField as U, elurFieldArray as W, email as G, extendValidators as K, max as q, maxLength as J, min as Y, minLength as X, pattern as Z, required as Q, validators as $ } from "./form.js";
+export { c as ELUR_RENDER_PROTOCOL, l as ELUR_TEMPLATE_DESCRIPTOR, f as ElurComponent, D as Link, O as RouterKey, k as RouterView, e as Signal, A as _hasActiveRouter, t as batch, F as bridgePlugin, n as computed, E as createErrorBoundary, V as createForm, p as createInjectionKey, x as createPortalOutlet, j as createRouter, P as createStore, H as createValidator, r as effect, U as elurField, W as elurFieldArray, M as elurRouter, G as email, K as extendValidators, I as guardPlugin, v as html, m as inject, S as injectOutlet, z as lazy, L as loggerPlugin, q as max, J as maxLength, Y as min, X as minLength, N as mount, i as nextTick, Z as pattern, R as persistPlugin, C as portal, w as portalOutlet, h as provide, T as provideOutlet, y as raw, u as ref, g as repeat, Q as required, _ as showWhen, a as signal, B as suspend, d as templateFeatures, b as transition, o as untrack, $ as validators, s as watch };

package/dist/lib/lifecycle.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=class{__isElurComponent=!0;children;_debugName;_slots=new Map;setChildren(e){return this.children=e,this}setSlot(e,t){return this._slots.set(e,t),this}slot(e){return this._slots.get(e)}setDebugName(e){return this._debugName=e,this}};function t(e){return typeof e==`object`&&!!e&&e.__isElurComponent===!0}var n=null;function r(e){n=e}function i(e){n?.onMountStart?.(e)}function a(e){n?.onMountEnd?.(e)}function o(e){n?.onUnmount?.(e)}exports.ElurComponent=e,exports._debugComponentMountEnd=a,exports._debugComponentMountStart=i,exports._debugComponentUnmount=o,exports._setComponentDebugHooks=r,exports.isElurComponent=t;
+//# sourceMappingURL=lifecycle.cjs.map

package/dist/lib/lifecycle.js

@@ -0,0 +1,39 @@
+//#region src/elur/lifecycle.ts
+var e = class {
+	__isElurComponent = !0;
+	children;
+	_debugName;
+	_slots = /* @__PURE__ */ new Map();
+	setChildren(e) {
+		return this.children = e, this;
+	}
+	setSlot(e, t) {
+		return this._slots.set(e, t), this;
+	}
+	slot(e) {
+		return this._slots.get(e);
+	}
+	setDebugName(e) {
+		return this._debugName = e, this;
+	}
+};
+function t(e) {
+	return typeof e == "object" && !!e && e.__isElurComponent === !0;
+}
+var n = null;
+function r(e) {
+	n = e;
+}
+function i(e) {
+	n?.onMountStart?.(e);
+}
+function a(e) {
+	n?.onMountEnd?.(e);
+}
+function o(e) {
+	n?.onUnmount?.(e);
+}
+//#endregion
+export { e as ElurComponent, a as _debugComponentMountEnd, i as _debugComponentMountStart, o as _debugComponentUnmount, r as _setComponentDebugHooks, t as isElurComponent };
+
+//# sourceMappingURL=lifecycle.js.map

package/dist/lib/plugins.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./signals.cjs`);function t(t,n={}){let{storage:r=localStorage,exclude:i=[],serialize:a=JSON.stringify,deserialize:o=JSON.parse,debounce:s=0}=n;return n=>{e.untrack(async()=>{try{let e=await r.getItem(t);if(!e)return;let a=o(e),s={};for(let e of Object.keys(a))e in n.$state&&!i.includes(e)&&(s[e]=a[e]);Object.keys(s).length>0&&n.$patch(s)}catch{}});let c;return e.watch(n.$stateSignal,e=>{let n=()=>{try{let n=i.length===0?e:Object.fromEntries(Object.entries(e).filter(([e])=>!i.includes(e)));r.setItem(t,a(n))}catch{}};s>0?(clearTimeout(c),c=setTimeout(n,s)):n()})}}function n(t={}){let{collapsed:n=!0,filter:r}=t;return t=>{let i=n?console.groupCollapsed:console.group;return e.watch(t.$stateSignal,(e,n)=>{if(!n)return;let a={};for(let t of Object.keys(e))Object.is(e[t],n[t])||(a[t]=e[t]);Object.keys(a).length!==0&&(r&&!r(a)||(i(`%c[elur:${t.$id}]%c ${Object.keys(a).join(`, `)}`,`color:#7F77DD;font-weight:500`,`color:inherit;font-weight:400`),console.log(`prev  →`,n),console.log(`next  →`,e),console.log(`diff  →`,a),console.groupEnd()))},{immediate:!0})}}function r(e){return t=>{let n=t._guardFns;for(let t of e)n.push(t);return()=>{for(let t of e){let e=n.indexOf(t);e>=0&&n.splice(e,1)}}}}function i(t,n){return r=>e.watch(t.$stateSignal,e=>{n(e,r)})}exports.bridgePlugin=i,exports.guardPlugin=r,exports.loggerPlugin=n,exports.persistPlugin=t;
+//# sourceMappingURL=plugins.cjs.map

package/dist/lib/plugins.js

@@ -0,0 +1,59 @@
+import { untrack as e, watch as t } from "./signals.js";
+//#region src/elur/plugins.ts
+function n(n, r = {}) {
+	let { storage: i = localStorage, exclude: a = [], serialize: o = JSON.stringify, deserialize: s = JSON.parse, debounce: c = 0 } = r;
+	return (r) => {
+		e(async () => {
+			try {
+				let e = await i.getItem(n);
+				if (!e) return;
+				let t = s(e), o = {};
+				for (let e of Object.keys(t)) e in r.$state && !a.includes(e) && (o[e] = t[e]);
+				Object.keys(o).length > 0 && r.$patch(o);
+			} catch {}
+		});
+		let l;
+		return t(r.$stateSignal, (e) => {
+			let t = () => {
+				try {
+					let t = a.length === 0 ? e : Object.fromEntries(Object.entries(e).filter(([e]) => !a.includes(e)));
+					i.setItem(n, o(t));
+				} catch {}
+			};
+			c > 0 ? (clearTimeout(l), l = setTimeout(t, c)) : t();
+		});
+	};
+}
+function r(e = {}) {
+	let { collapsed: n = !0, filter: r } = e;
+	return (e) => {
+		let i = n ? console.groupCollapsed : console.group;
+		return t(e.$stateSignal, (t, n) => {
+			if (!n) return;
+			let a = {};
+			for (let e of Object.keys(t)) Object.is(t[e], n[e]) || (a[e] = t[e]);
+			Object.keys(a).length !== 0 && (r && !r(a) || (i(`%c[elur:${e.$id}]%c ${Object.keys(a).join(", ")}`, "color:#7F77DD;font-weight:500", "color:inherit;font-weight:400"), console.log("prev  →", n), console.log("next  →", t), console.log("diff  →", a), console.groupEnd()));
+		}, { immediate: !0 });
+	};
+}
+function i(e) {
+	return (t) => {
+		let n = t._guardFns;
+		for (let t of e) n.push(t);
+		return () => {
+			for (let t of e) {
+				let e = n.indexOf(t);
+				e >= 0 && n.splice(e, 1);
+			}
+		};
+	};
+}
+function a(e, n) {
+	return (r) => t(e.$stateSignal, (e) => {
+		n(e, r);
+	});
+}
+//#endregion
+export { a as bridgePlugin, i as guardPlugin, r as loggerPlugin, n as persistPlugin };
+
+//# sourceMappingURL=plugins.js.map

package/dist/lib/router.cjs

@@ -0,0 +1,12 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./signals.cjs`),t=require(`./lifecycle.cjs`),n=require(`./context.cjs`),r=require(`./elur/template/html.cjs`);var i=n.createInjectionKey(`elur:router`),a=null,o=null,s=[],c=`__elur_scroll`,l=`__elur_pos`;function u(){if(!a)throw Error(`[elur] No active router. Call createRouter() first, or instantiate an outlet that auto-bootstraps one (e.g. IonRouterOutlet).`);return a}function d(){return a!==null}function f(){return{left:window.scrollX??window.pageXOffset??0,top:window.scrollY??window.pageYOffset??0}}function ee(e){if(!e||typeof e!=`object`)return null;let t=e[c];if(!t||typeof t!=`object`)return null;let n=t.left,r=t.top;return typeof n!=`number`||typeof r!=`number`?null:{left:n,top:r}}function p(e){if(!e||typeof e!=`object`)return null;let t=e[l];return typeof t==`number`?t:null}function m(e,t,n){let r=e&&typeof e==`object`?{...e}:{};return r[c]={left:t.left,top:t.top},r[l]=n,r}function h(e){let t={};return new URLSearchParams(e).forEach((e,n)=>{t[n]=e}),t}function g(e){let t=new URLSearchParams;for(let[n,r]of Object.entries(e))r!=null&&r!==!1&&t.set(n,String(r));let n=t.toString();return n?`?`+n:``}function _(e){return e===`*`?[{kind:`wildcard`}]:e.split(`/`).filter(Boolean).map(e=>e===`*`?{kind:`wildcard`}:e.startsWith(`:`)?{kind:`param`,name:e.slice(1)}:{kind:`literal`,value:e})}function v(e,t){return t===`*`?e===``?`*`:e+`/*`:(e+(t.startsWith(`/`)?t:`/`+t)).replace(/\/+/g,`/`)||`/`}function y(e,t=``,n=[]){let r=[];for(let i of e){let e=v(t,i.path),a=[...n,i.component],o=_(e);r.push({fullPath:e,segments:o,chain:a,name:i.name,meta:i.meta,beforeEnter:i.beforeEnter,record:i}),i.children?.length&&r.push(...y(i.children,e,a))}return r}function b(e,t){let n=e.split(`/`).filter(Boolean),r=t.segments;if(r.length===1&&r[0].kind===`wildcard`)return{};let i=r.length>0&&r[r.length-1].kind===`wildcard`,a=i?r.slice(0,-1):r;if(i){if(n.length<a.length)return null}else if(n.length!==a.length)return null;let o={};for(let e=0;e<a.length;e++){let t=a[e];if(t.kind===`literal`){if(n[e]!==t.value)return null}else if(t.kind===`param`)try{o[t.name]=decodeURIComponent(n[e]??``)}catch{o[t.name]=n[e]??``}}return o}function x(e){return e.segments.reduce((e,t)=>t.kind===`literal`?e+2:t.kind===`param`?e+1:e,0)}function S(e,t){let n,r={},i=-1;for(let a of t){let t=b(e,a);if(t===null)continue;let o=x(a);o>i&&(n=a,r=t,i=o)}return n?{route:n,params:r}:void 0}function C(e){let t=e.trim();return!t||t===`/`?``:(t.startsWith(`/`)||(t=`/`+t),t.endsWith(`/`)&&(t=t.slice(0,-1)),t)}function w(){if(typeof document>`u`)return``;let e=document.querySelector(`base`);if(!e)return``;let t=e.getAttribute(`href`)||``;try{return C(new URL(t,window.location.origin).pathname)}catch{return C(t)}}function te(e){return e===!1?{allow:!1}:e===!0||e==null?{allow:!0}:typeof e==`string`?{allow:!1,redirect:e}:typeof e==`object`&&`redirect`in e&&typeof e.redirect==`string`?{allow:!1,redirect:e.redirect}:{allow:!0}}function T(t,n){let r=n?.base==null?w():C(n.base),i=n?.mode??`history`,s=i===`hash`,c=n?.scrollBehavior,l=new Map,u=!1;function d(e){return e?e.startsWith(`/`)?e:`/`+e:`/`}function _(e){let t=d(e||`/`);if(r&&t.startsWith(r)){let e=t.slice(r.length);return e===``?`/`:d(e)}return t}function v(e){let t=d(e);return r?(r+t).replace(/\/+/g,`/`)||`/`:t}function b(){let e=window.location.hash||``;if(e.startsWith(`#`)&&(e=e.slice(1)),!e)return{pathname:`/`,search:``};e.startsWith(`/`)||(e=`/`+e);let t=e.indexOf(`?`),n=t===-1?e:e.slice(0,t),r=t===-1?``:e.slice(t);return{pathname:_(n),search:r}}function x(){return s?b():{pathname:_(window.location.pathname||`/`),search:window.location.search||``}}function T(e,t){let n=v(e)+g(t);return s?`#`+n:n}function E(e,t){return d(e)+g(t)}let D=x(),O=D.pathname,k=h(D.search),A=y(t),j=new Map;for(let e of A)e.name&&(j.has(e.name)&&console.warn(`[Elur Router] Duplicate route name: "${e.name}"`),j.set(e.name,e));let M=S(O,A),N=e.signal(O),P=e.signal(M?.params??{}),F=e.signal(k),I=p(history.state)??0,L=e.signal({action:`initial`,direction:`none`}),R=e.signal(I>0);s?l.set(E(O,k),f()):history.replaceState(m(history.state,f(),I),``);function z(e){window.scrollTo(e.left,e.top)}function B(e,t,n){if(c){let r=c(e,t,n);if(!r)return;z(r);return}z(n??{left:0,top:0})}function V(e,t){let n=f();if(s){l.set(E(e,t),n);return}history.replaceState(m(history.state,n,I),``)}let H=[],U=[],W=0;function G(e,t,n,r,i){let a=[...H];n&&a.push(n);let o=++W;if(a.length===0){r();return}let s=0;function c(n){if(o!==W)return;let l=te(n);if(!l.allow){if(l.redirect&&l.redirect!==e){Q(l.redirect);return}if(l.redirect===e){r();return}i?.();return}if(s>=a.length){r();return}let u=a[s++](e,t);if(u instanceof Promise){u.then(c);return}c(u)}c(void 0)}let K=!1;function q(e,t){let n=e.indexOf(`?`),r=d((n===-1?e:e.slice(0,n))||`/`),i=n===-1?{}:h(e.slice(n)),a=t?{...i,...t}:i,o={};for(let[e,t]of Object.entries(a))t!=null&&t!==!1&&(o[e]=String(t));return{pathname:r,stringQuery:o}}function ne(e){let t=j.get(e.name);if(!t)throw Error(`[Elur Router] No route with name "${e.name}"`);return`/`+t.segments.map(t=>{if(t.kind===`literal`)return t.value;if(t.kind===`wildcard`)return``;let n=e.params?.[t.name];if(n==null)throw Error(`[Elur Router] Missing param "${t.name}" for route "${e.name}"`);return encodeURIComponent(String(n))}).filter(Boolean).join(`/`)}function J(e,t){return typeof e==`string`?q(e,t?.query):q(ne(e),{...e.query??{},...t?.query??{}})}o&&=(o(),null);let Y=(e,t,n,r,i)=>{let a=N.value,o={...F.value},s=S(e,A),c=`none`;r!=null&&(r<I?c=`back`:r>I&&(c=`forward`)),G(e,a,s?.route.beforeEnter,()=>{r!=null&&(I=r);let i=Z;Z=void 0,L.value={action:`pop`,direction:c,animation:i},P.value=s?.params??{},F.value=t,N.value=e,R.value=I>0,B(e,a,n);for(let t of U)try{t(e,a)}catch{}},()=>i(a,o))};if(s){let e=()=>{if(u){u=!1;return}let e=x(),t=h(e.search),n=l.get(E(e.pathname,t))??null;Y(e.pathname,t,n,null,(e,t)=>{u=!0,window.location.hash=T(e,t).slice(1),queueMicrotask(()=>{u=!1})})};window.addEventListener(`hashchange`,e),o=()=>window.removeEventListener(`hashchange`,e)}else{let e=e=>{let t=x(),n=h(t.search),r=ee(e.state??history.state),i=p(e.state??history.state);Y(t.pathname,n,r,i,(e,t)=>{history.pushState(m({},f(),I),``,T(e,t))})};window.addEventListener(`popstate`,e),o=()=>window.removeEventListener(`popstate`,e)}function X(e,t,n,r,i,a,o){o||(V(n,r),I+=1),L.value=a,P.value=i?.params??{},F.value=t,N.value=e,R.value=I>0;let c=T(e,t);if(s)l.set(E(e,t),{left:0,top:0}),o?history.replaceState(history.state,``,c):(u=!0,window.location.hash=c.slice(1),queueMicrotask(()=>{u=!1}));else{let e=m({},{left:0,top:0},I);o?history.replaceState(e,``,c):history.pushState(e,``,c)}B(e,n,null);for(let t of U)try{t(e,n)}catch{}}let Z;function Q(e,t){K=!0;let{pathname:n,stringQuery:r}=J(e,t),i=N.value,a={...F.value},o=S(n,A),s={action:`push`,direction:t?.direction??`forward`,animation:t?.animation};G(n,i,o?.route.beforeEnter,()=>X(n,r,i,a,o,s,!1))}function re(e,t){K=!0;let{pathname:n,stringQuery:r}=J(e,t),i=N.value,a={...F.value},o=S(n,A),s={action:`replace`,direction:t?.direction??`root`,animation:t?.animation};G(n,i,o?.route.beforeEnter,()=>X(n,r,i,a,o,s,!0))}function ie(e){e!==void 0&&(Z=e),history.back()}function ae(e){e!==void 0&&(Z=e),history.forward()}function oe(e){history.go(e)}function se(e,t=!0){let n=N.value;return t?n===e:n===e||n.startsWith(e.endsWith(`/`)?e:e+`/`)}function ce(e){let t=S(e,A);return t?{matched:!0,params:t.params,route:t.route.record}:{matched:!1,params:{},route:void 0}}function le(e){return H.push(e),()=>{let t=H.indexOf(e);t!==-1&&H.splice(t,1)}}function ue(e){return U.push(e),()=>{let t=U.indexOf(e);t!==-1&&U.splice(t,1)}}let $={current:N,params:P,query:F,intent:L,canGoBack:R,base:r||`/`,navigate:Q,replace:re,back:ie,forward:ae,go:oe,isActive:se,resolve:ce,beforeEach:le,afterEach:ue,routes:t,_flat:A,_guards:H,_base:r,_mode:i};return a&&console.warn(`[elur] A router already exists. The previous router is being replaced. Only one router instance should be active at a time.`),a=$,queueMicrotask(()=>{K||G(O,``,S(O,A)?.route.beforeEnter,()=>{},()=>{let e=T(`/`,{});s?(l.set(E(`/`,{}),{left:0,top:0}),history.replaceState(history.state,``,e)):history.replaceState(m({},{left:0,top:0},I),``,e);let t=S(`/`,A);L.value={action:`replace`,direction:`root`},N.value=`/`,P.value=t?.params??{},F.value={},R.value=I>0,B(`/`,O,null)})}),$}function E(){return n.inject(i)||u()}function D(){o&&=(o(),null),a=null,s.length=0}var O=class extends t.ElurComponent{_depth;_router;constructor(e=0,t){super(),this._depth=e,this._router=t}render(){let e=this._depth,t=this._router;return r.html`<div class="router-view">${()=>{let n=t??E(),i=S(n.current.value,n._flat);if(!i)return r.html`
+                    <div style="color:#f87171;padding:16px 0">
+                        404 — Route not found: <strong>${n.current.value}</strong>
+                    </div>
+                `;if(e>=i.route.chain.length)return r.html`
+                    <span></span>
+                `;let a=i.route.chain[e];return a?a():r.html`
+                <span></span>
+            `}}</div>`}},k=class extends t.ElurComponent{_to;_label;_router;constructor(e,t,n){super(),this._to=e,this._label=t,this._router=n}render(){let e=this._to,t=this._label,n=this._router??E(),i=e.startsWith(`/`)?e:`/`+e,a=(n._base?n._base+i:i).replace(/\/+/g,`/`);return r.html`
+            <a     href=${n._mode===`hash`?`#`+a:a}     style=${()=>n.current.value===e?`color:#38bdf8;font-weight:700;text-decoration:none;cursor:pointer;padding:4px 10px;border-radius:4px;background:#0c2a3a`:`color:#a3a3a3;text-decoration:none;cursor:pointer;padding:4px 10px;border-radius:4px`}     @click=${t=>{t.preventDefault(),n.navigate(e)}}>${t}</a>
+        `}};function A(e){let t=s.indexOf(e);t>=0&&s.splice(t,1),s.push(e)}function j(e){let t=s.indexOf(e);t>=0&&s.splice(t,1)}function M(){let e=s.length?s[s.length-1]:a;if(!e)return null;let t=e,n=t.current.value,r=S(n,t._flat),i=r?.route.beforeEnter,o=t._guards.map((e,t)=>e.name||`beforeEach#${t+1}`);return i&&o.push(i.name||`beforeEnter`),{mode:t._mode,base:t._base||`/`,currentPath:n,params:{...t.params.value},query:{...t.query.value},matchedPath:r?.route.fullPath??null,activeGuards:{globalCount:t._guards.length,hasRouteGuard:!!i,names:o}}}exports.Link=k,exports.RouterKey=i,exports.RouterView=O,exports._debugGetRouterInternal=M,exports._debugRegisterRouter=A,exports._debugUnregisterRouter=j,exports._hasActiveRouter=d,exports._resetRouter=D,exports.createRouter=T,exports.elurRouter=E;
+//# sourceMappingURL=router.cjs.map