@vielzeug/ore 26.11.7 → 26.11.9

package/dist/ore.js

@@ -73,18 +73,27 @@ var resolveMaybeReactive = (e) => typeof e == "function" ? e() : i(e) ? e.value
 	"poster",
 	"src",
 	"xlink:href"
-]), u = /^\s*(?:(?:javascript|vbscript|blob):|data:(?:[^,]*\/(?:html|svg\+xml)|application\/(?:xhtml|xml)))/i, d = /[\t\n\r]/g, f = /^[\s\p{C}]+|[\s\p{C}]+$/gu, normalizeUrlForSchemeCheck = (e) => e.replace(d, "").replace(f, ""), isDangerousUrl = (e) => u.test(normalizeUrlForSchemeCheck(e)), setAttr = (e, t, n) => {
-	let r = t.toLowerCase();
-	if (/^on[a-z]/i.test(t)) {
+]), u = /^\s*(?:(?:javascript|vbscript|blob):|data:(?:[^,]*\/(?:html|svg\+xml)|application\/(?:xhtml|xml)))/i, d = /[\t\n\r]/g, f = /^[\s\p{C}]+|[\s\p{C}]+$/gu, normalizeUrlForSchemeCheck = (e) => e.replace(d, "").replace(f, ""), isDangerousUrl = (e) => u.test(normalizeUrlForSchemeCheck(e)), p = /* @__PURE__ */ new Map(), m = 512, getAttrWritePlan = (e) => {
+	let t = p.get(e);
+	if (t) return t;
+	let n = e.toLowerCase(), r = {
+		event: /^on[a-z]/i.test(e),
+		srcdoc: n === "srcdoc",
+		url: l.has(n)
+	};
+	return p.size >= m && p.clear(), p.set(e, r), r;
+}, setAttr = (e, t, n) => {
+	let r = getAttrWritePlan(t);
+	if (r.event) {
 		`${t}${t.slice(2)}`, e.removeAttribute(t);
 		return;
 	}
-	if (r === "srcdoc" || n == null || n === !1) {
+	if (r.srcdoc || n == null || n === !1) {
 		e.removeAttribute(t);
 		return;
 	}
 	let i = n === !0 ? "true" : String(n);
-	l.has(r) && isDangerousUrl(i) ? (`${t}`, e.removeAttribute(t)) : e.setAttribute(t, i);
+	r.url && isDangerousUrl(i) ? (`${t}`, e.removeAttribute(t)) : e.setAttribute(t, i);
 }, listen = (e, t, n, r) => {
 	if (!e) return s.listenNullTarget(t), () => {};
 	let i = n;
@@ -100,28 +109,28 @@ var resolveMaybeReactive = (e) => typeof e == "function" ? e() : i(e) ? e.value
 		e && t.add(e);
 	}
 	return t;
-}, isStructuredValue = (e) => Array.isArray(e) || typeof e == "object" && !!e, p = null, createRuntimeContext = (e) => ({
+}, isStructuredValue = (e) => Array.isArray(e) || typeof e == "object" && !!e, h = null, createRuntimeContext = (e) => ({
 	element: e,
 	formResetCallbacks: [],
 	mountCallbacks: []
-}), m = 0, beginPendingWork = () => {
-	m++;
+}), g = 0, beginPendingWork = () => {
+	g++;
 	let e = !1;
 	return () => {
-		e || (e = !0, m--);
+		e || (e = !0, g--);
 	};
 }, runWithContext = (e, t) => {
-	let n = p;
-	p = e;
+	let n = h;
+	h = e;
 	try {
 		return t();
 	} finally {
-		p = n;
+		h = n;
 	}
 }, requireSetupContext = (e) => {
-	if (p) return p;
+	if (h) return h;
 	throw new OreApiError(`${e}: ${s.lifecycleOutsideSetup}`);
-}, getHost = () => requireSetupContext("getHost").element, tryRegisterCleanup = (e) => p ? (r(() => e), !0) : !1, onCleanup = (e) => {
+}, getHost = () => requireSetupContext("getHost").element, tryRegisterCleanup = (e) => h ? (r(() => e), !0) : !1, onCleanup = (e) => {
 	if (!tryRegisterCleanup(e)) throw new OreApiError(`onCleanup: ${s.lifecycleOutsideSetup}`);
 }, onMounted = (e) => {
 	requireSetupContext("onMounted").mountCallbacks.push(e);
@@ -139,39 +148,39 @@ function onEvent(e, t, n, r) {
 var onElement = (e, t) => watchEffect(() => {
 	let n = e.value;
 	if (n) return t(n);
-}), h = /* @__PURE__ */ new WeakMap(), buildAncestorChain = (e) => {
+}), _ = /* @__PURE__ */ new WeakMap(), buildAncestorChain = (e) => {
 	let t = [], n = e;
 	for (; n;) n instanceof HTMLElement && t.push(n), n = n.parentNode ?? (n instanceof ShadowRoot ? n.host : null);
 	return t;
 }, provideOnElement = (e, t, n) => {
-	let r = h.get(e) ?? /* @__PURE__ */ new Map();
-	r.has(t) && `${e.localName}`, r.set(t, n), h.set(e, r);
+	let r = _.get(e) ?? /* @__PURE__ */ new Map();
+	r.has(t) && `${e.localName}`, r.set(t, n), _.set(e, r);
 }, provide = (e, t) => {
 	let n = requireSetupContext("provide").element;
 	provideOnElement(n, e, t), onCleanup(() => {
-		let t = h.get(n);
-		t && (t.delete(e), t.size === 0 && h.delete(n));
+		let t = _.get(n);
+		t && (t.delete(e), t.size === 0 && _.delete(n));
 	});
-}, g = Symbol("inject.not_found"), _ = /* @__PURE__ */ new WeakMap(), walkAndFind = (e, t) => {
+}, v = Symbol("inject.not_found"), y = /* @__PURE__ */ new WeakMap(), walkAndFind = (e, t) => {
 	let n = buildAncestorChain(e);
 	for (let e of n) {
-		let n = h.get(e);
+		let n = _.get(e);
 		if (n?.has(t)) return n.get(t);
 	}
-	return g;
+	return v;
 }, lookup = (e, t) => {
-	let n = _.get(e);
-	n || (n = /* @__PURE__ */ new Map(), _.set(e, n));
+	let n = y.get(e);
+	n || (n = /* @__PURE__ */ new Map(), y.set(e, n));
 	let r = t;
 	return n.has(r) || n.set(r, walkAndFind(e.element, t)), n.get(r);
 };
 function inject(e, ...t) {
 	let n = lookup(requireSetupContext("inject"), e);
-	return n === g ? t.length > 0 ? t[0] : void 0 : n;
+	return n === v ? t.length > 0 ? t[0] : void 0 : n;
 }
 var injectStrict = (e) => {
 	let t = requireSetupContext("injectStrict"), n = lookup(t, e);
-	if (n !== g) return n;
+	if (n !== v) return n;
 	throw new OreApiError(s.injectStrictFailed(String(e), t.element.localName));
 };
 function createContext(e) {
@@ -204,7 +213,7 @@ function _stringProp(e) {
 		reflect: !0
 	};
 }
-var v = {
+var b = {
 	bool(e) {
 		return {
 			default: e ?? !1,
@@ -269,9 +278,9 @@ function validatePropDefs(e) {
 	}
 	return t;
 }
-var y = /* @__PURE__ */ new WeakMap(), getPropMeta = (e, t) => y.get(e)?.get(t), coerceIncoming = (e, t) => typeof e == "string" ? t(e) : e, registerProp = (e, t, n, r) => {
-	let i = y.get(e);
-	i || (i = /* @__PURE__ */ new Map(), y.set(e, i));
+var x = /* @__PURE__ */ new WeakMap(), getPropMeta = (e, t) => x.get(e)?.get(t), coerceIncoming = (e, t) => typeof e == "string" ? t(e) : e, registerProp = (e, t, n, r) => {
+	let i = x.get(e);
+	i || (i = /* @__PURE__ */ new Map(), x.set(e, i));
 	let { default: o, parse: s, reflect: c = !1 } = r, l = a(o), u = i.get(n), d = Object.hasOwn(e, t), f = d ? e[t] : void 0, p = {
 		parse: s,
 		reflect: c,
@@ -301,34 +310,34 @@ var makeBrand = (e) => {
 		is,
 		stamp
 	};
-}, b = makeBrand("ore:css-result"), x = b.is, cssResultToString = function() {
+}, S = makeBrand("ore:css-result"), C = S.is, cssResultToString = function() {
 	return this.content;
 }, css = (e, ...t) => {
 	let n = "";
 	for (let r = 0; r < e.length; r++) if (n += e[r], r < t.length) {
 		let e = t[r];
-		n += x(e) ? e.content : String(e);
+		n += C(e) ? e.content : String(e);
 	}
-	return b.stamp({
+	return S.stamp({
 		content: n.trim(),
 		toString: cssResultToString
 	});
-}, S = /* @__PURE__ */ new Map(), C = 256, loadStylesheet = (e) => {
+}, w = /* @__PURE__ */ new Map(), T = 256, loadStylesheet = (e) => {
 	if (e instanceof CSSStyleSheet) return e;
-	let t = typeof e == "string" ? e : e.content, n = S.get(t);
-	if (n) return S.delete(t), S.set(t, n), n;
+	let t = typeof e == "string" ? e : e.content, n = w.get(t);
+	if (n) return w.delete(t), w.set(t, n), n;
 	let r = new CSSStyleSheet();
 	try {
 		r.replaceSync(t);
 	} catch {
 		return r;
 	}
-	if (S.set(t, r), S.size > C) {
-		let e = S.keys().next().value;
-		e !== void 0 && S.delete(e);
+	if (w.set(t, r), w.size > T) {
+		let e = w.keys().next().value;
+		e !== void 0 && w.delete(e);
 	}
 	return r;
-}, w = {
+}, E = {
 	SETUP_DONE: "setup_done",
 	SETUP_RUNNING: "setup_running",
 	UNINITIALIZED: "uninitialized",
@@ -337,7 +346,7 @@ var makeBrand = (e) => {
 	formResetCallbacks: [],
 	generation: 0,
 	mountCallbacks: [],
-	phase: w.UNINITIALIZED,
+	phase: E.UNINITIALIZED,
 	scope: n(),
 	templateResult: null
 }), isPromiseLike = (e) => (typeof e == "object" || typeof e == "function") && e !== null && "then" in e && typeof e.then == "function", BaseElement = class extends HTMLElement {
@@ -346,6 +355,8 @@ var makeBrand = (e) => {
 	static formAssociated = !1;
 	static observedAttributes = [];
 	_component;
+	_pendingTeardown = null;
+	_stylesApplied = !1;
 	constructor() {
 		super();
 		let e = this.constructor._definition;
@@ -356,7 +367,7 @@ var makeBrand = (e) => {
 	}
 	connectedCallback() {
 		o(() => {
-			this._component.phase === w.UNINITIALIZED && this._runSetup(), this._init();
+			this._pendingTeardown === null ? (this._component.phase === E.UNINITIALIZED && this._runSetup(), this._init()) : (this._pendingTeardown = null, this._component.phase = E.SETUP_DONE, this._scheduleMountCallbacks());
 		});
 	}
 	attributeChangedCallback(e, t, n) {
@@ -367,10 +378,14 @@ var makeBrand = (e) => {
 		Object.is(o(() => r.signal.value), i) || (r.signal.value = i);
 	}
 	disconnectedCallback() {
-		this._component.generation++, this._component.phase = w.UNMOUNTED, this._resetSetupState();
+		this._component.phase = E.UNMOUNTED;
+		let e = {};
+		this._pendingTeardown = e, queueMicrotask(() => {
+			this._pendingTeardown === e && (this._pendingTeardown = null, this._component.generation++, this._resetSetupState());
+		});
 	}
 	_resetSetupState() {
-		this._component.scope.dispose(), this._component.formResetCallbacks = [], this._component.mountCallbacks = [], this._component.phase = w.UNINITIALIZED, this._component.scope = n(), this._component.templateResult = null;
+		this._component.scope.dispose(), this._component.formResetCallbacks = [], this._component.mountCallbacks = [], this._component.phase = E.UNINITIALIZED, this._component.scope = n(), this._component.templateResult = null;
 	}
 	formResetCallback() {
 		for (let e of this._component.formResetCallbacks) try {
@@ -388,7 +403,7 @@ var makeBrand = (e) => {
 		}), this);
 	}
 	_runSetup() {
-		this._component.phase = w.SETUP_RUNNING;
+		this._component.phase = E.SETUP_RUNNING;
 		let e = this.constructor._definition, t = this.constructor._normalizedPropDefs, n = createRuntimeContext(this);
 		try {
 			let r;
@@ -398,7 +413,7 @@ var makeBrand = (e) => {
 					return e.setup(n);
 				});
 			}), this._component.mountCallbacks.push(...n.mountCallbacks), this._component.formResetCallbacks.push(...n.formResetCallbacks), isPromiseLike(r)) throw new OreApiError(s.asyncSetupUnsupported);
-			this._component.templateResult = r ?? null, this._component.phase = w.SETUP_DONE;
+			this._component.templateResult = r ?? null, this._component.phase = E.SETUP_DONE;
 		} catch (e) {
 			throw this._reportLifecycleError(e, "setup"), this._resetSetupState(), e;
 		}
@@ -416,11 +431,12 @@ var makeBrand = (e) => {
 		});
 	}
 	_init() {
-		this._applyStyles(), this._mountTemplate(), this._component.phase === w.SETUP_DONE && this._scheduleMountCallbacks();
+		this._applyStyles(), this._mountTemplate(), this._component.phase === E.SETUP_DONE && this._scheduleMountCallbacks();
 	}
 	_applyStyles() {
+		if (this._stylesApplied) return;
 		let e = this.constructor._definition;
-		this.shadowRoot && e?.styles?.length && (this.shadowRoot.adoptedStyleSheets = e.styles.map(loadStylesheet));
+		this.shadowRoot && e?.styles?.length && (this.shadowRoot.adoptedStyleSheets = e.styles.map(loadStylesheet), this._stylesApplied = !0);
 	}
 	_mountTemplate() {
 		let e = this._component.templateResult;
@@ -478,55 +494,81 @@ var classMap = (e) => t(() => [...resolveClassTokens(e)].join(" "));
 function ref() {
 	return a(null);
 }
-var T = makeBrand("ore:directive"), createDirectiveResult = (e) => T.stamp({ mount: e }), E = T.is, D = makeBrand("ore:html-result"), O = D.is;
+var D = makeBrand("ore:directive"), createDirectiveResult = (e) => D.stamp({ mount: e }), O = D.is, k = makeBrand("ore:html-result"), A = k.is;
 function createHtmlResult(e, t) {
 	let mount = (n, r, i) => {
 		let a = Array.from(e.childNodes);
 		return n.insertBefore(e, r), t(i), a;
 	};
-	return D.stamp({
+	return k.stamp({
 		apply: t,
 		fragment: e,
 		mount
 	});
 }
 // src/directives/each.ts
-var createItem = (e, t, r, i, o) => {
-	let s = a(e), c = a(t), l = n(), u = [], d = [];
-	return l.run(() => {
-		d = r(s, c).mount(i, o, (e) => u.push(e));
-	}), {
-		cleanups: u,
-		data: s,
-		index: c,
-		nodes: d,
-		scope: l
+var createItem = (e, t, r, i) => {
+	let o = a(e), s = a(t), c = n(), l = [], u = [], d = document.createComment("each/item-start");
+	i.appendChild(d), c.run(() => {
+		u = r(o, s).mount(i, null, (e) => l.push(e));
+	});
+	let f = document.createComment("each/item");
+	return i.appendChild(f), u = [
+		d,
+		...u,
+		f
+	], {
+		cleanups: l,
+		data: o,
+		index: s,
+		nodes: u,
+		scope: c
 	};
 }, removeItem = (e) => {
 	e.scope.dispose(), runAll(e.cleanups), removeNodes(e.nodes);
-}, reconcileItems = (t, n, r, i, a, s, c) => {
+}, reusedEntriesInOrder = (e, t) => {
+	let n = /* @__PURE__ */ new Map();
+	for (let e = 0; e < t.length; e++) n.set(t[e], e);
+	let r = -1;
+	for (let t of e) {
+		let e = n.get(t);
+		if (e !== void 0) {
+			if (e < r) return !1;
+			r = e;
+		}
+	}
+	return !0;
+}, reconcileItems = (t, n, r, i, a, s, c, l) => {
+	let u = document.createDocumentFragment();
 	for (let e = 0; e < n.length; e++) {
-		let l = r[e];
-		if (t.has(l)) continue;
-		let u = o(() => createItem(n[e], e, i, a, s));
-		c.push(u), t.set(l, u);
+		let a = r[e];
+		if (t.has(a)) continue;
+		let s = o(() => createItem(n[e], e, i, u));
+		c.push(s), t.set(a, s);
 	}
-	let l = [];
+	let d = [];
 	e(() => {
 		for (let e = 0; e < n.length; e++) {
 			let i = t.get(r[e]);
-			invariant(i, "each() reconcile phase 2 lost an entry created in phase 1"), i.data.value = n[e], i.index.value = e, l.push(i);
+			invariant(i, "each() reconcile phase 2 lost an entry created in phase 1"), i.data.value = n[e], i.index.value = e, d.push(i);
 		}
 	});
-	let u = s;
-	for (let e = l.length - 1; e >= 0; e--) {
-		let t = l[e], n = t.nodes[0], r = t.nodes[t.nodes.length - 1];
-		if (n && r !== u.previousSibling) for (let e of t.nodes) a.insertBefore(e, u);
-		u = n ?? u;
+	let f = reusedEntriesInOrder(d, l), p = new Set(c), m = s;
+	for (let e = d.length - 1; e >= 0; e--) {
+		let t = d[e], n = t.nodes[0], r = t.nodes[t.nodes.length - 1];
+		if ((!f || p.has(t)) && r !== m.previousSibling) {
+			let e = n;
+			for (; e;) {
+				let t = e === r ? null : e.nextSibling;
+				if (a.insertBefore(e, m), e === r) break;
+				e = t;
+			}
+		}
+		m = n;
 	}
-	let d = new Set(r);
-	for (let [e, n] of t) d.has(e) || (removeItem(n), t.delete(e));
-	return l;
+	let h = new Set(r);
+	for (let [e, n] of t) h.has(e) || (removeItem(n), t.delete(e));
+	return d;
 }, rollbackCreated = (e, t) => {
 	for (let n of t) {
 		removeItem(n);
@@ -558,8 +600,10 @@ function each(e, n, i, s) {
 		invariant(a, "each() anchor comment has no parent node");
 		let l = document.createComment("each/end");
 		a.insertBefore(l, e.nextSibling);
-		let u = /* @__PURE__ */ new Map(), d = [], f = null, p = [], mountFallback = () => {
-			s && (f = s().mount(a, l, (e) => p.push(e)));
+		let container = () => l.parentNode, u = /* @__PURE__ */ new Map(), d = [], f = null, p = [], mountFallback = () => {
+			if (!s) return;
+			let e = container();
+			e && (f = s().mount(e, l, (e) => p.push(e)));
 		}, clearFallback = () => {
 			f && (runAll(p), removeNodes(f), f = null, p = []);
 		}, m = r(() => {
@@ -577,9 +621,11 @@ function each(e, n, i, s) {
 				return;
 			}
 			clearFallback();
+			let a = container();
+			if (!a) return;
 			let s = [];
 			try {
-				d = o(() => reconcileItems(u, t, r, i, a, l, s));
+				d = o(() => reconcileItems(u, t, r, i, a, l, s, d));
 			} catch (t) {
 				reportEachError(t, e), o(() => rollbackCreated(u, s));
 			}
@@ -592,7 +638,7 @@ function each(e, n, i, s) {
 	});
 }
 // src/directives/live.ts
-var k = makeBrand("ore:live"), live = (e) => k.stamp({ source: e }), A = k.is, j = makeBrand("ore:model"), M = j.is, modelDefaultGet = (e) => e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio") ? e.checked : e.value, modelDefaultEvent = (e) => e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio") || e instanceof HTMLSelectElement ? "change" : "input", model = (e, t) => j.stamp({
+var j = makeBrand("ore:live"), live = (e) => j.stamp({ source: e }), M = j.is, N = makeBrand("ore:model"), P = N.is, modelDefaultGet = (e) => e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio") ? e.checked : e.value, modelDefaultEvent = (e) => e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio") || e instanceof HTMLSelectElement ? "change" : "input", model = (e, t) => N.stamp({
 	event: t?.event,
 	get: t?.get,
 	source: e
@@ -620,7 +666,9 @@ function unsafeHtml(e) {
 		let o = document.createComment("unsafe-html/end");
 		if (a.insertBefore(o, t.nextSibling), n) {
 			let e = createReplaceableSlot(), t = r(() => {
-				e.clear(), e.setNodes(parseHtml(n.value, a, o));
+				e.clear();
+				let t = o.parentNode;
+				t && e.setNodes(parseHtml(n.value, t, o));
 			});
 			i(() => t.dispose()), i(() => {
 				e.clear(), o.remove();
@@ -629,25 +677,27 @@ function unsafeHtml(e) {
 	});
 }
 // src/directives/when.ts
-var N = "when() anchor comment has no parent node";
+var F = "when() anchor comment has no parent node";
 function when(e, n, a) {
 	return typeof e != "function" && !i(e) ? createDirectiveResult((t, r) => {
 		let i = e ? n() : a ? a() : null;
-		if (!i || !O(i)) return;
+		if (!i || !A(i)) return;
 		let o = t.parentNode;
-		invariant(o, N);
+		invariant(o, F);
 		let s = i.mount(o, t, r);
 		r(() => removeNodes(s));
 	}) : createDirectiveResult((i, s) => {
 		let c = (typeof e == "function" ? t(e) : null) ?? e, l = i.parentNode;
-		invariant(l, N);
+		invariant(l, F);
 		let u = document.createComment("when/end");
 		l.insertBefore(u, i.nextSibling);
 		let d = createReplaceableSlot(), f = r(() => {
 			let e = c.value;
 			d.clear();
 			let t = e ? n() : a ? a() : null;
-			t && O(t) && d.setNodes(o(() => t.mount(l, u, d.registerCleanup)));
+			if (!t || !A(t)) return;
+			let r = u.parentNode;
+			r && d.setNodes(o(() => t.mount(r, u, d.registerCleanup)));
 		});
 		s(() => f.dispose()), s(() => {
 			d.clear(), u.remove();
@@ -655,12 +705,12 @@ function when(e, n, a) {
 	});
 }
 // src/forms/field.ts
-var P = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakSet(), useField = (e) => {
+var I = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakSet(), useField = (e) => {
 	let t = getHost();
 	if (!t.constructor.formAssociated) throw new OreApiError(s.defineFieldRequiresFormAssociated(t.localName));
-	if (F.has(t)) throw new OreApiError(s.useFieldAlreadyCalled(t.localName));
-	let n = P.get(t) ?? t.attachInternals();
-	P.set(t, n), F.add(t), onCleanup(() => F.delete(t));
+	if (L.has(t)) throw new OreApiError(s.useFieldAlreadyCalled(t.localName));
+	let n = I.get(t) ?? t.attachInternals();
+	I.set(t, n), L.add(t), onCleanup(() => L.delete(t));
 	let r = e.toFormValue ?? ((t) => t == null ? e.emptyStringForNull ? "" : null : t instanceof File || t instanceof FormData ? t : String(t));
 	watchEffect(() => {
 		n.setFormValue(r(e.value.value));
@@ -691,7 +741,7 @@ var P = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakSet(), useFie
 }, normalizeHostAttrKey = (e) => e === "role" || e.startsWith("aria-") ? e : e.startsWith("aria") ? `aria-${e.slice(4).toLowerCase()}` : e, bind = (e, t) => {
 	let n = t?.target ?? getHost(), r = [];
 	if (e.attr) for (let [t, i] of Object.entries(e.attr)) {
-		let e = applyAttribute(n, I(t), i);
+		let e = applyAttribute(n, R(t), i);
 		e && r.push(e);
 	}
 	if (e.class && r.push(applyClassMap(n, e.class)), e.style) for (let [t, i] of Object.entries(e.style)) {
@@ -709,7 +759,7 @@ var P = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakSet(), useFie
 		for (let e of r) e();
 	};
 	return tryRegisterCleanup(cleanup), cleanup;
-}, I = normalizeHostAttrKey, applyReactiveBinding = (e, t) => {
+}, R = normalizeHostAttrKey, applyReactiveBinding = (e, t) => {
 	if (typeof e == "function") return watchEffect(() => {
 		t(e());
 	});
@@ -740,7 +790,7 @@ function applyClassMap(e, t) {
 	});
 }
 // src/slots.ts
-var L = "default", normalizeSlotName = (e) => e || L, createSlots = (e) => {
+var z = "default", normalizeSlotName = (e) => e || z, createSlots = (e) => {
 	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), ensureSlotEntry = (e) => {
 		let n = t.get(e);
 		return n || (n = {
@@ -778,10 +828,23 @@ var L = "default", normalizeSlotName = (e) => e || L, createSlots = (e) => {
 		});
 	}, recomputeAllSlots = () => {
 		for (let e of n.keys()) recomputeSlot(e);
+	}, isOrContainsSlot = (e) => e instanceof HTMLSlotElement || e.nodeType === Node.ELEMENT_NODE && e.querySelector("slot") !== null, unbindSlotsIn = (e) => {
+		e instanceof HTMLSlotElement ? unbindSlot(e) : e.nodeType === Node.ELEMENT_NODE && e.querySelectorAll("slot").forEach((e) => {
+			unbindSlot(e);
+		});
 	}, i = null, initSlots = () => {
 		bindAllSlots(), recomputeAllSlots(), !i && e.shadowRoot && (i = new MutationObserver((e) => {
-			for (let t of e) for (let e of t.removedNodes) e instanceof HTMLSlotElement && unbindSlot(e);
-			bindAllSlots(), r.size > 0 && recomputeAllSlots();
+			let t = !1;
+			for (let n of e) {
+				for (let e of n.removedNodes) isOrContainsSlot(e) && (t = !0, unbindSlotsIn(e));
+				if (!t) {
+					for (let e of n.addedNodes) if (isOrContainsSlot(e)) {
+						t = !0;
+						break;
+					}
+				}
+			}
+			t && (bindAllSlots(), r.size > 0 && recomputeAllSlots());
 		}), i.observe(e.shadowRoot, {
 			childList: !0,
 			subtree: !0
@@ -790,14 +853,14 @@ var L = "default", normalizeSlotName = (e) => e || L, createSlots = (e) => {
 	return onMounted(initSlots), onCleanup(() => {
 		i?.disconnect(), i = null;
 		for (let e of r.values()) e();
-		r.clear(), n.clear(), t.clear(), R.delete(e);
+		r.clear(), n.clear(), t.clear(), B.delete(e);
 	}), {
 		elements: (e) => ensureSlotEntry(normalizeSlotName(e)).elements,
 		has: (e) => ensureSlotEntry(normalizeSlotName(e)).presence
 	};
-}, R = /* @__PURE__ */ new WeakMap(), useSlots = () => {
-	let e = requireSetupContext("useSlots"), t = R.get(e.element);
-	return t || (t = createSlots(e.element), R.set(e.element, t)), t;
+}, B = /* @__PURE__ */ new WeakMap(), useSlots = () => {
+	let e = requireSetupContext("useSlots"), t = B.get(e.element);
+	return t || (t = createSlots(e.element), B.set(e.element, t)), t;
 }, signalEffect = (e, t, n) => {
 	let i = r(() => {
 		t(e.value);
@@ -849,7 +912,7 @@ var L = "default", normalizeSlotName = (e) => e || L, createSlots = (e) => {
 }, insertHtmlValues = (e, t, n) => {
 	let r = [], i = t.parentNode;
 	invariant(i, "html binding anchor has no parent node");
-	for (let a of e) if (O(a)) {
+	for (let a of e) if (A(a)) {
 		let e = Array.from(a.fragment.childNodes);
 		i.insertBefore(a.fragment, t), a.apply(n), r.push(...e);
 	} else if (a != null && a !== !1) {
@@ -891,7 +954,7 @@ var L = "default", normalizeSlotName = (e) => e || L, createSlots = (e) => {
 			break;
 		case "ref": applyRefBinding(e, t);
 	}
-}, createAttrBindingFromValue = (e, n, r, a) => A(a) ? {
+}, createAttrBindingFromValue = (e, n, r, a) => M(a) ? {
 	el: e,
 	live: !0,
 	mode: n,
@@ -916,14 +979,14 @@ var L = "default", normalizeSlotName = (e) => e || L, createSlots = (e) => {
 	name: r,
 	type: "attr",
 	value: a
-}, resolveStaticText = (e) => e == null ? "" : String(e), z = {
+}, resolveStaticText = (e) => e == null ? "" : String(e), V = {
 	ATTR: "attr",
 	BOOL_ATTR: "boolAttr",
 	EVENT: "event",
 	NODE: "node",
 	PROP: "prop",
 	REF: "ref"
-}, B = {
+}, H = {
 	capture: !0,
 	once: !0,
 	prevent: !0,
@@ -932,73 +995,73 @@ var L = "default", normalizeSlotName = (e) => e || L, createSlots = (e) => {
 	if (t.length === 0) return;
 	let n = {};
 	for (let r of t) {
-		if (!(r in B)) throw new OreApiError(s.eventModifierUnknown(e, r));
+		if (!(r in H)) throw new OreApiError(s.eventModifierUnknown(e, r));
 		n[r] = !0;
 	}
 	return n;
-}, V = /\s+@([a-zA-Z_][-a-zA-Z0-9_.-]*)\s*=\s*["']?$/, H = /\s+ref\s*=\s*["']?$/, U = /\s+\?([a-zA-Z_][-a-zA-Z0-9_]*)\s*=\s*["']?$/, W = /\s+\.([a-zA-Z_][-a-zA-Z0-9_]*)\s*=\s*["']?$/, G = /\s+([a-zA-Z_][-a-zA-Z0-9_]*)\s*=\s*["']?$/, K = /* @__PURE__ */ new Set([
+}, U = /\s+@([a-zA-Z_][-a-zA-Z0-9_.-]*)\s*=\s*["']?$/, W = /\s+ref\s*=\s*["']?$/, G = /\s+\?([a-zA-Z_][-a-zA-Z0-9_]*)\s*=\s*["']?$/, K = /\s+\.([a-zA-Z_][-a-zA-Z0-9_]*)\s*=\s*["']?$/, q = /\s+([a-zA-Z_][-a-zA-Z0-9_]*)\s*=\s*["']?$/, J = /* @__PURE__ */ new Set([
 	"innerhtml",
 	"outerhtml",
 	"srcdoc"
 ]), detectSlot = (e) => {
 	let t;
-	if (t = V.exec(e)) {
+	if (t = U.exec(e)) {
 		let n = e.slice(0, -t[0].length), [r, ...i] = t[1].split(".");
 		return {
 			eventModifiers: parseEventModifiers(r, i),
-			kind: z.EVENT,
+			kind: V.EVENT,
 			name: r,
 			prefix: n
 		};
 	}
-	if (t = H.exec(e)) return {
-		kind: z.REF,
+	if (t = W.exec(e)) return {
+		kind: V.REF,
 		prefix: e.slice(0, -t[0].length)
 	};
-	if (t = U.exec(e)) return {
-		kind: z.BOOL_ATTR,
+	if (t = G.exec(e)) return {
+		kind: V.BOOL_ATTR,
 		name: t[1],
 		prefix: e.slice(0, -t[0].length)
 	};
-	if (t = W.exec(e)) {
+	if (t = K.exec(e)) {
 		let n = t[1];
 		if (n === "__proto__" || n === "constructor" || n === "prototype") throw new OreApiError(s.propBindingForbiddenName(n));
-		if (K.has(n.toLowerCase())) throw new OreApiError(s.propBindingHtmlInjectionName(n));
+		if (J.has(n.toLowerCase())) throw new OreApiError(s.propBindingHtmlInjectionName(n));
 		return {
-			kind: z.PROP,
+			kind: V.PROP,
 			name: n,
 			prefix: e.slice(0, -t[0].length)
 		};
 	}
-	if (t = G.exec(e)) return {
-		kind: z.ATTR,
+	if (t = q.exec(e)) return {
+		kind: V.ATTR,
 		name: t[1],
 		prefix: e.slice(0, -t[0].length)
 	};
 	let n = e.lastIndexOf("<");
 	if (n > e.lastIndexOf(">") && e[n + 1] !== "/") throw new OreApiError(s.templateInterpolationInTag);
 	return {
-		kind: z.NODE,
+		kind: V.NODE,
 		prefix: e
 	};
-}, q = /* @__PURE__ */ new WeakMap(), J = /[@?]?[a-zA-Z_][-a-zA-Z0-9_.]*\s*=\s*$/, normalizeTemplateStrings = (e) => {
+}, Y = /* @__PURE__ */ new WeakMap(), X = /[@?]?[a-zA-Z_][-a-zA-Z0-9_.]*\s*=\s*$/, normalizeTemplateStrings = (e) => {
 	let t = Array.from(e), n = !1;
 	for (let e = 0; e < t.length - 1; e++) {
 		let r = t[e], i = r[r.length - 1];
 		for (let e of r) e === "<" ? n = !0 : e === ">" && (n = !1);
-		if ((i === "\"" || i === "'") && n && J.test(r.slice(0, -1))) {
+		if ((i === "\"" || i === "'") && n && X.test(r.slice(0, -1))) {
 			t[e] = r.slice(0, -1);
 			let n = t[e + 1];
 			n.startsWith(i) && (t[e + 1] = n.slice(1));
 		}
 	}
 	return t;
-}, Y = "data-ore-b", X = /^ore:(\d+)$/, walkNode = (e, t, n, r) => {
+}, Z = "data-ore-b", ee = /^ore:(\d+)$/, walkNode = (e, t, n, r) => {
 	if (e.nodeType === Node.ELEMENT_NODE) {
-		let r = e, i = r.getAttribute(Y);
-		i !== null && (n.set(Number(i), [...t]), r.removeAttribute(Y));
+		let r = e, i = r.getAttribute(Z);
+		i !== null && (n.set(Number(i), [...t]), r.removeAttribute(Z));
 	} else if (e.nodeType === Node.COMMENT_NODE) {
-		let n = e.nodeValue, i = n === null ? null : X.exec(n);
+		let n = e.nodeValue, i = n === null ? null : ee.exec(n);
 		i && r.set(Number(i[1]), [...t]);
 	}
 	let i = e.childNodes;
@@ -1007,13 +1070,13 @@ var L = "default", normalizeSlotName = (e) => e || L, createSlots = (e) => {
 	let t = normalizeTemplateStrings(e), n = "", r, i = 0, a = 0, o = [];
 	for (let e = 0; e < t.length - 1; e++) {
 		let s = t[e], c = detectSlot(s);
-		if (c.kind === z.NODE) n += `${c.prefix}<!--ore:${a}-->`, o.push({
+		if (c.kind === V.NODE) n += `${c.prefix}<!--ore:${a}-->`, o.push({
 			commentId: a,
-			kind: z.NODE
+			kind: V.NODE
 		}), a++, r = void 0;
 		else {
-			r === void 0 || c.prefix.lastIndexOf("<") > c.prefix.lastIndexOf(">") ? (r = i++, n += `${c.prefix} ${Y}="${r}"`) : n += c.prefix;
-			let e = c.kind === z.BOOL_ATTR ? "bool" : c.kind === z.ATTR ? "attr" : void 0;
+			r === void 0 || c.prefix.lastIndexOf("<") > c.prefix.lastIndexOf(">") ? (r = i++, n += `${c.prefix} ${Z}="${r}"`) : n += c.prefix;
+			let e = c.kind === V.BOOL_ATTR ? "bool" : c.kind === V.ATTR ? "attr" : void 0;
 			o.push({
 				elementId: r,
 				eventModifiers: c.eventModifiers,
@@ -1035,20 +1098,20 @@ var L = "default", normalizeSlotName = (e) => e || L, createSlots = (e) => {
 		slots: o
 	};
 }, getStaticTemplate = (e) => {
-	let t = q.get(e);
-	return t || (t = buildStaticTemplate(e), q.set(e, t)), t;
+	let t = Y.get(e);
+	return t || (t = buildStaticTemplate(e), Y.set(e, t)), t;
 }, followPath = (e, t) => {
 	let n = e;
 	for (let e of t) n = n.childNodes[e];
 	return n;
-}, Z = "html`...`: node-slot comment anchor has no parent node", embedStaticResult = (e, t, n) => {
+}, Q = "html`...`: node-slot comment anchor has no parent node", embedStaticResult = (e, t, n) => {
 	let r = t.parentNode;
-	for (invariant(r, Z); e.fragment.firstChild;) r.insertBefore(e.fragment.firstChild, t);
+	for (invariant(r, Q); e.fragment.firstChild;) r.insertBefore(e.fragment.firstChild, t);
 	n.push(e.apply.bind(e));
 }, compileTemplate = (e, n) => {
 	let r = getStaticTemplate(e), a = r.element.content.cloneNode(!0), o = [], c = [], l = r.slots.map((e, t) => {
 		let i = n[t];
-		if (e.kind === z.NODE) {
+		if (e.kind === V.NODE) {
 			let t = e.commentId === void 0 ? void 0 : r.commentPaths.get(e.commentId);
 			return invariant(t, `compiled template is missing a comment path for node slot ${e.commentId}`), {
 				comment: followPath(a, t),
@@ -1063,9 +1126,9 @@ var L = "default", normalizeSlotName = (e) => e || L, createSlots = (e) => {
 			value: i
 		};
 	});
-	for (let { comment: e, el: n, slot: r, value: a } of l) if (r.kind === z.NODE) {
+	for (let { comment: e, el: n, slot: r, value: a } of l) if (r.kind === V.NODE) {
 		let t = e;
-		if (invariant(t, "compiled template produced a node slot without a comment anchor"), E(a)) {
+		if (invariant(t, "compiled template produced a node slot without a comment anchor"), O(a)) {
 			o.push({
 				anchor: t,
 				directive: a,
@@ -1073,7 +1136,7 @@ var L = "default", normalizeSlotName = (e) => e || L, createSlots = (e) => {
 			});
 			continue;
 		}
-		if (O(a)) {
+		if (A(a)) {
 			embedStaticResult(a, t, c), t.remove();
 			continue;
 		}
@@ -1086,16 +1149,16 @@ var L = "default", normalizeSlotName = (e) => e || L, createSlots = (e) => {
 			continue;
 		}
 		if (Array.isArray(a)) {
-			for (let e of a) if (O(e)) embedStaticResult(e, t, c);
+			for (let e of a) if (A(e)) embedStaticResult(e, t, c);
 			else {
 				let n = t.parentNode;
-				invariant(n, Z), n.insertBefore(document.createTextNode(resolveStaticText(e)), t);
+				invariant(n, Q), n.insertBefore(document.createTextNode(resolveStaticText(e)), t);
 			}
 			t.remove();
 			continue;
 		}
 		t.replaceWith(document.createTextNode(resolveStaticText(a)));
-	} else if (invariant(n, "compiled template produced an element slot without an element"), r.kind === z.EVENT) {
+	} else if (invariant(n, "compiled template produced an element slot without an element"), r.kind === V.EVENT) {
 		let e = r.name;
 		if (invariant(e, "compiled template produced an event slot without an event name"), typeof a == "function") o.push({
 			el: n,
@@ -1117,7 +1180,7 @@ var L = "default", normalizeSlotName = (e) => e || L, createSlots = (e) => {
 				type: "event"
 			});
 		}
-	} else if (r.kind === z.PROP) {
+	} else if (r.kind === V.PROP) {
 		let e = r.name;
 		invariant(e, "compiled template produced a prop slot without a property name"), typeof a == "function" ? o.push({
 			el: n,
@@ -1135,12 +1198,12 @@ var L = "default", normalizeSlotName = (e) => e || L, createSlots = (e) => {
 			type: "prop",
 			value: a
 		});
-	} else if (r.kind === z.REF) a && o.push({
+	} else if (r.kind === V.REF) a && o.push({
 		el: n,
 		ref: a,
 		type: "ref"
 	});
-	else if (invariant(r.name, "compiled template produced an attr slot without an attribute name"), M(a)) {
+	else if (invariant(r.name, "compiled template produced an attr slot without an attribute name"), P(a)) {
 		if (r.mode !== "attr") throw new OreApiError(s.modelRequiresValueBinding(r.name));
 		o.push({
 			el: n,
@@ -1154,7 +1217,7 @@ var L = "default", normalizeSlotName = (e) => e || L, createSlots = (e) => {
 		for (let t of o) applyBinding(t, e);
 		for (let t of c) t(e);
 	});
-}, html = (e, ...t) => compileTemplate(e, t), Q = {
+}, html = (e, ...t) => compileTemplate(e, t), $ = {
 	bubbles: !0,
 	cancelable: !0,
 	composed: !0
@@ -1162,12 +1225,12 @@ var L = "default", normalizeSlotName = (e) => e || L, createSlots = (e) => {
 	let e = getHost();
 	return ((t, ...n) => {
 		let r = n.length > 0 ? {
-			...Q,
+			...$,
 			detail: n[0]
-		} : Q;
+		} : $;
 		return e.dispatchEvent(new CustomEvent(String(t), r));
 	});
-}, $ = 0, ee = Math.random().toString(36).slice(2, 6), createId = (e = "id") => `${e}-${ee}${++$}`;
-export { OreApiError, OreError, OreInternalError, OreLifecycleError, bind, classMap, createContext, createId, css, define, each, getHost, html, inject, injectStrict, live, model, onCleanup, onElement, onEvent, onFormReset, onMounted, v as prop, provide, ref, styleMap, unsafeHtml, useEmit, useField, useSlots, watchEffect, when };
+}, te = 0, ne = Math.random().toString(36).slice(2, 6), createId = (e = "id") => `${e}-${ne}${++te}`;
+export { OreApiError, OreError, OreInternalError, OreLifecycleError, bind, classMap, createContext, createId, css, define, each, getHost, html, inject, injectStrict, live, model, onCleanup, onElement, onEvent, onFormReset, onMounted, b as prop, provide, ref, styleMap, unsafeHtml, useEmit, useField, useSlots, watchEffect, when };
 
 //# sourceMappingURL=ore.js.map