marko 6.4.4 → 6.4.6

package/dist/html.js

@@ -245,10 +245,10 @@ let empty = [], rest = Symbol(), unsafeStyleAttrReg = /[\\;]/g, replaceUnsafeSty
 	if (ch === "\0") return "\\x00";
 	let code = ch.charCodeAt(0);
 	return code >= 55296 && code <= 57343 ? "\\u" + code.toString(16).padStart(4, "0") : match;
-}, unsafeQuoteReg = /["\\<\n\r\u2028\u2029\0\ud800-\udfff]/u, kSelectedValue = Symbol("selectedValue"), checkedValuesRefs = /* @__PURE__ */ new WeakMap(), singleQuoteAttrReplacements = /['\r]|&(?=[#a-zA-Z])/g, doubleQuoteAttrReplacements = /["\r]|&(?=[#a-zA-Z])/g, needsQuotedAttr = /["'>\s]|&[#a-zA-Z]|\/$/g, $chunk, kPendingContexts = Symbol("Pending Contexts"), kBranchId = Symbol("Branch Id"), kIsAsync = Symbol("Is Async"), writeScope = (scopeId, partialScope) => {
-	let { state } = $chunk.boundary, target = $chunk.serializeState, scope = scopeWithId(state, scopeId), pending = target.writeScopes[scopeId];
-	return state.needsMainRuntime = !0, countResumeWrite($chunk), Object.assign(scope, partialScope), pending && pending !== partialScope ? Object.assign(pending, partialScope) : target.writeScopes[scopeId] = partialScope, target.flushScopes = !0, scope;
-}, CLIENT_ALL = 715827883, NOOP$2 = () => {}, tick = globalThis.setImmediate || globalThis.setTimeout || globalThis.queueMicrotask || ((cb) => Promise.resolve().then(cb)), tickQueue, unsafeXMLReg = /[<&\r]/g, replaceUnsafeXML = (c) => c === "&" ? "&amp;" : c === "<" ? "&lt;" : "&#13;", escapeXMLStr = (str) => unsafeXMLReg.test(str) ? str.replace(unsafeXMLReg, replaceUnsafeXML) : str, unsafeScriptReg = /<(\/?script|!--)/gi, escapeScriptStr = (str) => unsafeScriptReg.test(str) ? str.replace(unsafeScriptReg, "\\u003C$1") : str, unsafeScriptTemplateLiteralReg = /[`\\\r]|\$\{|<(?=\/?script|!--)/gi, replaceUnsafeScriptTemplateLiteral = (c) => c === "<" ? "\\x3C" : c === "\r" ? "\\r" : "\\" + c, quoteScriptTemplateLiteral = (str) => "`" + (unsafeScriptTemplateLiteralReg.test(str) ? str.replace(unsafeScriptTemplateLiteralReg, replaceUnsafeScriptTemplateLiteral) : str) + "`", unsafeStyleReg = /<(\/style)/gi, escapeStyleStr = (str) => unsafeStyleReg.test(str) ? str.replace(unsafeStyleReg, "\\3C$1") : str, unsafeCommentReg = />/g, voidElementsReg = /^(?:area|b(?:ase|r)|col|embed|hr|i(?:mg|nput)|link|meta|param|source|track|wbr)$/, _dynamic_tag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, markerGuard, tagVar) => {
+}, unsafeQuoteReg = /["\\<\n\r\u2028\u2029\0\ud800-\udfff]/u, kSelectedValue = Symbol("selectedValue"), checkedValuesRefs = /* @__PURE__ */ new WeakMap(), singleQuoteAttrReplacements = /['\r]|&(?=[#a-zA-Z])/g, doubleQuoteAttrReplacements = /["\r]|&(?=[#a-zA-Z])/g, needsQuotedAttr = /["'>\s]|&[#a-zA-Z]|\/$/g, $chunk, kPendingContexts = Symbol("Pending Contexts"), kBranchId = Symbol("Branch Id"), kAsyncContent = Symbol("Async Content"), writeScope = (scopeId, partialScope) => {
+	let { state } = $chunk.boundary, target = $chunk.channel, scope = scopeWithId(state, scopeId);
+	return state.needsWalkerRuntime = !0, countResumeWrite($chunk), writeAsyncVisits($chunk), Object.assign(scope, partialScope), state.queueScope(target, scopeId, partialScope), scope;
+}, ALL_GROUPS = 715827883, NOOP$2 = () => {}, tick = globalThis.setImmediate || globalThis.setTimeout || globalThis.queueMicrotask || ((cb) => Promise.resolve().then(cb)), tickQueue, unsafeXMLReg = /[<&\r]/g, replaceUnsafeXML = (c) => c === "&" ? "&amp;" : c === "<" ? "&lt;" : "&#13;", escapeXMLStr = (str) => unsafeXMLReg.test(str) ? str.replace(unsafeXMLReg, replaceUnsafeXML) : str, unsafeScriptReg = /<(\/?script|!--)/gi, escapeScriptStr = (str) => unsafeScriptReg.test(str) ? str.replace(unsafeScriptReg, "\\u003C$1") : str, unsafeScriptTemplateLiteralReg = /[`\\\r]|\$\{|<(?=\/?script|!--)/gi, replaceUnsafeScriptTemplateLiteral = (c) => c === "<" ? "\\x3C" : c === "\r" ? "\\r" : "\\" + c, quoteScriptTemplateLiteral = (str) => "`" + (unsafeScriptTemplateLiteralReg.test(str) ? str.replace(unsafeScriptTemplateLiteralReg, replaceUnsafeScriptTemplateLiteral) : str) + "`", unsafeStyleReg = /<(\/style)/gi, escapeStyleStr = (str) => unsafeStyleReg.test(str) ? str.replace(unsafeStyleReg, "\\3C$1") : str, unsafeCommentReg = />/g, voidElementsReg = /^(?:area|b(?:ase|r)|col|embed|hr|i(?:mg|nput)|link|meta|param|source|track|wbr)$/, _dynamic_tag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, markerGuard, tagVar) => {
 	let shouldResume = markerGuard !== 0, renderer = normalizeDynamicRenderer(tag), state = getState(), branchId = _peek_scope_id(), rendered, result;
 	if (typeof renderer == "string") {
 		let input = (inputIsArgs ? inputOrArgs[0] : inputOrArgs) || {};
@@ -268,7 +268,7 @@ let empty = [], rest = Symbol(), unsafeStyleAttrReg = /[\\;]/g, replaceUnsafeSty
 	} else {
 		let chunk = getChunk(), beforeBranch = shouldResume ? deferBranchStart(chunk) : void 0, render = () => {
 			if (renderer) try {
-				return _set_scope_reason(shouldResume ? CLIENT_ALL : 0), inputIsArgs ? renderer(...inputOrArgs) : renderer(content ? {
+				return _set_scope_reason(shouldResume ? ALL_GROUPS : 0), inputIsArgs ? renderer(...inputOrArgs) : renderer(content ? {
 					...inputOrArgs,
 					content
 				} : inputOrArgs);
@@ -281,9 +281,9 @@ let empty = [], rest = Symbol(), unsafeStyleAttrReg = /[\\;]/g, replaceUnsafeSty
 	}
 	return rendered ? shouldResume && writeScope(scopeId, { ["D" + accessor]: rendererKey(renderer) }) : _scope_id(), result;
 }, patchDynamicTag = /* @__PURE__ */ ((originalDynamicTag) => (patch) => {
-	_dynamic_tag = (scopeId, accessor, tag, input, content, inputIsArgs, resume, tagVar) => {
+	_dynamic_tag = (scopeId, accessor, tag, input, content, inputIsArgs, markerGuard, tagVar) => {
 		let patched = patch(tag, scopeId, accessor);
-		return patched !== tag && (patched.a = tag), originalDynamicTag(scopeId, accessor, patched, input, content, inputIsArgs, resume, tagVar);
+		return patched !== tag && (patched.a = tag), originalDynamicTag(scopeId, accessor, patched, input, content, inputIsArgs, markerGuard, tagVar);
 	};
 })(_dynamic_tag), CONSUMED_RESULT_MESSAGE = "Cannot read from a consumed render result", _template = (templateId, renderer, page) => (renderer.render = render, renderer.i = !page, renderer._ = renderer, _content_resume(templateId, renderer)), kAssets = Symbol(), kHead = Symbol(), SET_SCOPE_REGISTER_ID = "$C_s", RENDER_BODY_ID = "$C_b", K_TAGS_API_STATE = Symbol(), COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap(), compat = {
 	$global,
@@ -321,7 +321,7 @@ let empty = [], rest = Symbol(), unsafeStyleAttrReg = /[\\;]/g, replaceUnsafeSty
 		return function() {
 			let compatRegistered = COMPAT_REGISTRY.get(this);
 			if (!compatRegistered) {
-				let registered = getRegistered(this);
+				let registered = REGISTRY.get(this);
 				if (registered) {
 					let scopeId = registered.scope ? getScopeId(registered.scope) : void 0;
 					scopeId !== void 0 && _script(scopeId, SET_SCOPE_REGISTER_ID), COMPAT_REGISTRY.set(this, compatRegistered = [registered.id, scopeId]);
@@ -353,7 +353,7 @@ let empty = [], rest = Symbol(), unsafeStyleAttrReg = /[\\;]/g, replaceUnsafeSty
 	flushScript(chunk, reorders) {
 		let { boundary } = chunk, { state } = boundary, html = "", scripts = "";
 		if (reorders) for (let reorder of reorders) state.reorder(reorder);
-		if (boundary.flush() === 0 && ({html, scripts} = chunk.flushScript(boundary)), boundary.aborted) throw boundary.reason;
+		if (boundary.flush() === 0 && ({html, scripts} = chunk.flush(boundary)), boundary.aborted) throw boundary.reason;
 		if (boundary.count) throw Error("Cannot serialize promise across tags/class compat layer.");
 		return {
 			html,
@@ -380,7 +380,7 @@ let empty = [], rest = Symbol(), unsafeStyleAttrReg = /[\\;]/g, replaceUnsafeSty
 				writeScope(scopeId, { m5c: component.id }), _script(scopeId, SET_SCOPE_REGISTER_ID);
 			}
 		}), head.render(() => {
-			_set_scope_reason(willRerender ? CLIENT_ALL : 0);
+			_set_scope_reason(willRerender ? ALL_GROUPS : 0);
 			try {
 				renderer(normalizedInput);
 			} finally {
@@ -413,7 +413,7 @@ let empty = [], rest = Symbol(), unsafeStyleAttrReg = /[\\;]/g, replaceUnsafeSty
 	registerClassFunctions(input) {
 		for (let key in input) {
 			let value = input[key];
-			typeof value == "function" && !getRegistered(value) && register(RENDER_BODY_ID, value);
+			typeof value == "function" && !REGISTRY.has(value) && register(RENDER_BODY_ID, value);
 		}
 	},
 	registerClassFunction($global, id, fn, hostId) {
@@ -441,10 +441,10 @@ function* attrTagIterator() {
 }
 //#endregion
 //#region src/common/helpers.ts
-function stringifyClassObject(name, value) {
+function stringifyClassEntry(name, value) {
 	return value ? name : "";
 }
-function stringifyStyleObject(name, value) {
+function stringifyStyleEntry(name, value) {
 	return value || value === 0 ? escapeStyleAttr(name) + ":" + escapeStyleAttr(value + "") : "";
 }
 function escapeStyleAttr(str) {
@@ -458,17 +458,17 @@ function escapeStyleValue(str) {
 function isEventHandler(name) {
 	return /^on[A-Z-]/.test(name);
 }
-function getEventHandlerName(name) {
+function getEventType(name) {
 	return name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase();
 }
 function hasKeys(obj) {
 	for (let _ in obj) return !0;
 	return !1;
 }
-function isVoid(value) {
+function isNullishOrFalse(value) {
 	return value == null || value === !1;
 }
-function isNotVoid(value) {
+function isNotNullishOrFalse(value) {
 	return value != null && value !== !1;
 }
 function isPromise(value) {
@@ -488,25 +488,6 @@ function _el_read_error() {}
 function _hoist_read_error() {}
 function _assert_hoist(value) {}
 //#endregion
-//#region src/common/for.ts
-function forIn(obj, cb) {
-	for (let key in obj) cb(key, obj[key]);
-}
-function forOf(list, cb) {
-	if (list) {
-		let i = 0;
-		for (let item of list) cb(item, i++);
-	}
-}
-function forTo(to, from, step, cb) {
-	let start = from || 0, delta = step || 1;
-	for (let steps = (to - start) / delta, i = 0; i <= steps; i++) cb(start + i * delta);
-}
-function forUntil(until, from, step, cb) {
-	let start = from || 0, delta = step || 1;
-	for (let steps = (until - start) / delta, i = 0; i < steps; i++) cb(start + i * delta);
-}
-//#endregion
 //#region src/common/opt.ts
 function reduce(opt, cb, acc) {
 	if (opt) {
@@ -536,14 +517,44 @@ var State$1 = class {
 	buf = [];
 	strs = /* @__PURE__ */ new Map();
 	refs = /* @__PURE__ */ new WeakMap();
-	pendingAssignments = /* @__PURE__ */ new Set();
+	deferredRefs = /* @__PURE__ */ new Set();
 	boundary;
 	channel = void 0;
 	channelDeps = null;
-	mutated = [];
+	queuedCalls = [];
+	queuedReadyCalls = [];
+	scopeRef(scope, scopeId) {
+		return this.refs.get(scope) || newScopeReference(this, scope, scopeId);
+	}
+	writeScopeProps(props, ref) {
+		return writeObjectProps(this, props, ref);
+	}
+	scopesCursor(scopeId) {
+		return scopeId + ",";
+	}
+	writeTrailing(scopesIndex) {
+		let { buf } = this;
+		return ~scopesIndex && (buf[scopesIndex] = "_([" + buf[scopesIndex], buf.push("])")), writeDeferred(this), ",0)";
+	}
+	wrapPayload(result, extras) {
+		let arrow = this.wroteUndefined ? "(_,$)=>" : "_=>";
+		return this.wroteUndefined = !1, extras ? arrow + result : arrow + "[" + result + "]";
+	}
+	writeScopedRegistration(val, parent, accessor, registered) {
+		let ref = new Reference(parent, accessor, this.flushId, this.buf.length);
+		ref.channel = this.channel, this.refs.set(val, ref);
+		let scope = registered.scope, scopeId = scope[K_SCOPE_ID];
+		trackScope(this, scope, scopeId);
+		let locals = registered.locals?.(this.boundary.state.scope);
+		if (locals) {
+			this.buf.push(registered.access + "(_(" + scopeId + ")");
+			for (let local of locals) this.buf.push(","), writePlainObject(this, local, newArgReference(this, ref, local));
+		} else this.buf.push("_(" + scopeId + "," + quoteRegisterId(registered.id));
+		this.buf.push(")");
+	}
 }, Reference = class {
 	assignments = null;
-	calls = null;
+	deferredMembers = null;
 	scopeId = void 0;
 	channel = void 0;
 	parent;
@@ -555,135 +566,121 @@ var State$1 = class {
 	constructor(parent, accessor, flushId, pos = null, id = null) {
 		this.parent = parent, this.accessor = accessor, this.flushId = flushId, this.pos = pos, this.id = id;
 	}
-}, Serializer = class {
-	#state = new State$1();
-	pending(channel) {
-		return hasMatchingMutations(this.#state.mutated, channel?.readyId);
-	}
-	pendingReadyChannel() {
-		for (let mutation of this.#state.mutated) if (mutation.channel?.readyId) return mutation.channel;
-	}
-	stringifyScopes(flushes, boundary, channel) {
-		try {
-			return this.#state.boundary = boundary, this.#state.channel = channel, writeScopesRoot(this.#state, flushes);
-		} catch (err) {
-			return abortRender(boundary, err), "";
-		} finally {
-			this.#state.flushId++, this.#state.buf = [];
-		}
-	}
-	written(val) {
-		return this.#state.refs.has(val);
-	}
-	takeChannelDeps() {
-		let deps = this.#state.channelDeps;
-		return this.#state.channelDeps = null, deps;
-	}
-	writeCall(value, object, property, channel) {
-		this.#state.mutated.push({
-			value,
-			object,
-			property,
-			channel
-		});
+};
+function stringifyScopes(state, flushes, boundary, channel) {
+	try {
+		return state.boundary = boundary, state.channel = channel, writeScopesRoot(state, flushes);
+	} catch (err) {
+		return abortRender(boundary, err), "";
+	} finally {
+		state.flushId++, state.buf = [];
 	}
-	dropCall(value, object, property) {
-		let { mutated } = this.#state;
-		for (let i = 0; i < mutated.length; i++) {
-			let mutation = mutated[i];
-			if (mutation.value === value && mutation.object === object && mutation.property === property) return mutated.splice(i, 1), !0;
-		}
-		return !1;
+}
+function pendingReadyChannel(state) {
+	let calls = state.queuedReadyCalls;
+	return calls.length ? calls[0].channel : void 0;
+}
+function takeChannelDeps(state) {
+	let deps = state.channelDeps;
+	return state.channelDeps = null, deps;
+}
+function queueCall(state, value, object, method, channel) {
+	(channel?.readyId ? state.queuedReadyCalls : state.queuedCalls).push({
+		method,
+		value,
+		object,
+		channel,
+		valueId: null
+	});
+}
+function dropQueuedCall(state, value, object, method, channel) {
+	let queuedCalls = channel?.readyId ? state.queuedReadyCalls : state.queuedCalls;
+	for (let i = 0; i < queuedCalls.length; i++) {
+		let call = queuedCalls[i];
+		if (call.value === value && call.object === object && call.method === method) return queuedCalls.splice(i, 1), !0;
 	}
-};
-function register(id, val, scope, locals) {
+	return !1;
+}
+function register(id, val, scope, locals, access = "_._" + toAccess(toObjectKey(id))) {
 	return REGISTRY.set(val, {
 		id,
 		scope,
 		locals,
-		access: "_._" + toAccess(toObjectKey(id))
+		access
 	}), val;
 }
-function getRegistered(val) {
-	let registered = REGISTRY.get(val);
-	if (registered) return {
-		id: registered.id,
-		scope: registered.scope
-	};
-}
 function writeScopesRoot(state, flushes) {
-	let { buf } = state, nextSlotId = -1, fillIndex = -1;
+	let { buf } = state, nextSlotId = -1, scopesIndex = -1;
 	for (let flush of flushes) {
-		let scopeId = flush[0], scope = flush[1], ref = state.refs.get(scope) || newScopeReference(state, scope, scopeId), openIndex = buf.push("") - 1;
-		writeObjectProps(state, flush[2], ref) ? (buf[openIndex] = nextSlotId === -1 ? "[" + scopeId + ",{" : (scopeId === nextSlotId ? "" : "," + (scopeId - nextSlotId)) + ",{", fillIndex === -1 && (fillIndex = openIndex), nextSlotId = scopeId + 1, buf.push("}")) : buf.pop();
+		let scopeId = flush[0], scope = flush[1], ref = state.scopeRef(scope, scopeId), openIndex = buf.push("") - 1;
+		state.writeScopeProps(flush[2], ref) ? (buf[openIndex] = nextSlotId === -1 ? state.scopesCursor(scopeId) + "{" : (scopeId === nextSlotId ? "" : "," + (scopeId - nextSlotId)) + ",{", scopesIndex === -1 && (scopesIndex = openIndex), nextSlotId = scopeId + 1, buf.push("}")) : buf.pop();
 	}
-	nextSlotId !== -1 && buf.push("]");
 	let extras = "";
-	(state.pendingAssignments.size || hasChannelMutations(state)) && (extras = ",0)", fillIndex !== -1 && (buf[fillIndex] = "_(" + buf[fillIndex], buf.push(")")), writeAssigned(state));
+	(state.deferredRefs.size || hasChannelCalls(state)) && (extras = state.writeTrailing(scopesIndex));
 	let result = extras && "(";
 	for (let chunk of buf) result += chunk;
-	return result += extras, result ? state.wroteUndefined ? (state.wroteUndefined = !1, "(_,$)=>" + result) : "_=>" + result : "";
+	return result += extras, result ? state.wrapPayload(result, extras) : "";
 }
-function writeAssigned(state) {
+function writeDeferred(state) {
 	let sep = state.buf.length ? "," : "";
-	if (state.pendingAssignments.size) {
-		let pending = state.pendingAssignments;
-		state.pendingAssignments = /* @__PURE__ */ new Set();
+	if (state.deferredRefs.size) {
+		let pending = state.deferredRefs;
+		state.deferredRefs = /* @__PURE__ */ new Set();
 		let buf = "", hasCalls = !1;
-		for (let ref of pending) ref.assignments && (buf += sep + assignmentsToString(ref.assignments, ref.id), ref.assignments = null, sep = ","), hasCalls ||= ref.calls !== null;
-		if (buf && state.buf.push(buf), hasCalls) {
-			for (let ref of pending) if (ref.calls) {
-				for (let { method, args } of ref.calls) {
-					state.buf.push((state.buf.length ? "," : "") + ref.id + "." + method + "(");
-					for (let a = 0; a < args.length; a++) a && state.buf.push(","), writeCallArg(state, args[a]);
-					state.buf.push(")");
-				}
-				ref.calls = null;
-			}
+		for (let ref of pending) ref.assignments && (buf += sep + assignmentsToString(ref.assignments, ref.id), ref.assignments = null, sep = ","), hasCalls ||= ref.deferredMembers !== null;
+		if (buf && state.buf.push(buf), hasCalls) for (let ref of pending) {
+			let members = ref.deferredMembers;
+			members && (writeDeferredMembers(state, ref.id, members), ref.deferredMembers = null);
 		}
 	}
-	if (hasChannelMutations(state)) {
+	let readyId = state.channel?.readyId, calls = state.queuedCalls;
+	if (readyId) {
+		calls = [];
 		let remaining = [];
-		for (let mutation of state.mutated) {
-			if (!mutationMatchesReadyId(mutation, state.channel?.readyId)) {
-				remaining.push(mutation);
-				continue;
-			}
-			let hasSeen = state.refs.get(mutation.object)?.id, objectStartIndex = state.buf.push(state.buf.length === 0 ? "" : ",");
-			if (writeProp(state, mutation.object, null, "")) {
-				let objectRef = state.refs.get(mutation.object);
-				objectRef && objectRef.scopeId === void 0 && (!objectRef.id && !isAncestorChannelRef(state, objectRef) ? (objectRef.id = nextRefAccess(state), state.buf[objectStartIndex] = "(" + objectRef.id + "=" + state.buf[objectStartIndex], state.buf.push(")")) : hasSeen || (state.buf[objectStartIndex] = "(" + state.buf[objectStartIndex], state.buf.push(")")));
-			} else state.buf.push("void 0");
-			let valueStartIndex = state.buf.push(toAccess(toObjectKey(mutation.property)) + "(");
-			if (mutation.value !== void 0) {
-				if (writeProp(state, mutation.value, null, "")) {
-					let valueRef = typeof mutation.value == "string" ? state.strs.get(mutation.value) : state.refs.get(mutation.value);
-					valueRef && !valueRef.id && valueRef.scopeId === void 0 && !isAncestorChannelRef(state, valueRef) && (valueRef.id = mutation.valueId || nextRefAccess(state), state.buf[valueStartIndex] = valueRef.id + "=" + state.buf[valueStartIndex]);
-				} else state.buf.push("void 0");
-			}
-			state.buf.push(")");
-		}
-		state.mutated = remaining;
+		for (let call of state.queuedReadyCalls) (call.channel.readyId === readyId ? calls : remaining).push(call);
+		state.queuedReadyCalls = remaining;
+	} else calls.length && (state.queuedCalls = []);
+	for (let call of calls) {
+		let objectStartIndex = state.buf.push(state.buf.length === 0 ? "" : ",");
+		if (writeProp(state, call.object, null, "")) {
+			let objectRef = state.refs.get(call.object);
+			!objectRef.id && !isAncestorChannelRef(state, objectRef) ? (objectRef.id = nextRefAccess(state), state.buf[objectStartIndex] = "(" + objectRef.id + "=" + state.buf[objectStartIndex], state.buf.push(")")) : objectRef.id && state.buf[objectStartIndex] !== objectRef.id && (state.buf[objectStartIndex] = "(" + state.buf[objectStartIndex], state.buf.push(")"));
+		} else state.buf.push("void 0");
+		state.buf.push("." + call.method + "("), call.value !== void 0 && writeCallArg(state, call.value, call.valueId), state.buf.push(")");
+	}
+	state.deferredRefs.size && writeDeferred(state);
+}
+function writeDeferredMembers(state, id, { collection, first, rest }) {
+	if (collection instanceof Map) {
+		writeDeferredEntry(state, id, first);
+		for (let entry of rest) writeDeferredEntry(state, id, entry);
+	} else {
+		writeDeferredMember(state, id, first);
+		for (let member of rest) writeDeferredMember(state, id, member);
 	}
-	state.pendingAssignments.size && writeAssigned(state);
 }
-function writeCallArg(state, val) {
+function writeDeferredEntry(state, id, [key, value]) {
+	state.buf.push("," + id + ".set("), (key !== void 0 || value !== void 0) && writeCallArg(state, key, null), value !== void 0 && (state.buf.push(","), writeCallArg(state, value, null)), state.buf.push(")");
+}
+function writeDeferredMember(state, id, member) {
+	state.buf.push("," + id + ".add("), member !== void 0 && writeCallArg(state, member, null), state.buf.push(")");
+}
+function writeCallArg(state, val, valueId) {
+	let startIndex = state.buf.length;
 	if (val === void 0) state.wroteUndefined = !0, state.buf.push("$");
 	else if (writeProp(state, val, null, "")) {
-		let ref = state.refs.get(val) || state.strs.get(val);
-		ref && ensureId(state, ref);
+		let ref = typeof val == "string" ? state.strs.get(val) : state.refs.get(val);
+		ref && !ref.id && ref.scopeId === void 0 && !isAncestorChannelRef(state, ref) && (ref.id = valueId || nextRefAccess(state), state.buf[startIndex] = ref.id + "=" + state.buf[startIndex]);
 	} else state.buf.push("void 0");
 }
-function hasChannelMutations(state) {
-	return hasMatchingMutations(state.mutated, state.channel?.readyId);
+function hasChannelCalls(state) {
+	return hasMatchingCalls(state, state.channel?.readyId);
 }
-function hasMatchingMutations(mutated, readyId) {
-	for (let mutation of mutated) if (mutationMatchesReadyId(mutation, readyId)) return !0;
+function hasMatchingCalls(state, readyId) {
+	if (!readyId) return state.queuedCalls.length > 0;
+	for (let call of state.queuedReadyCalls) if (call.channel.readyId === readyId) return !0;
 	return !1;
 }
-function mutationMatchesReadyId(mutation, readyId) {
-	return mutation.channel?.readyId ? mutation.channel.readyId === readyId : !readyId;
-}
 function writeProp(state, val, parent, accessor) {
 	switch (typeof val) {
 		case "string": return writeString(state, val, parent, accessor);
@@ -698,7 +695,7 @@ function writeProp(state, val, parent, accessor) {
 }
 function writeReferenceOr(state, write, val, parent, accessor) {
 	let ref = state.refs.get(val);
-	if (ref) return trackChannel(state, ref) ? parent && isCircular(parent, ref) ? (ensureId(state, ref), state.pendingAssignments.add(ref), addAssignment(ref, accessId(state, parent) + toAccess(accessor)), !1) : (writeRef(state, ref), !0) : !1;
+	if (ref) return trackChannel(state, ref) ? parent && isCircular(parent, ref) ? (ensureRefAccess(state, ref), state.deferredRefs.add(ref), addAssignment(ref, accessId(state, parent) + toAccess(accessor)), !1) : (writeRef(state, ref), !0) : !1;
 	let registered = REGISTRY.get(val);
 	return registered ? writeRegistered(state, val, parent, accessor, registered) : (state.refs.set(val, ref = new Reference(parent, accessor, state.flushId, state.buf.length)), ref.channel = state.channel, write(state, val, ref) ? !0 : (state.refs.delete(val), !1));
 }
@@ -715,19 +712,7 @@ function quoteRegisterId(id) {
 }
 function writeRegistered(state, val, parent, accessor, registered) {
 	let { scope } = registered;
-	if (scope) {
-		let ref = new Reference(parent, accessor, state.flushId, state.buf.length);
-		ref.channel = state.channel, state.refs.set(val, ref);
-		let scopeId = scope[K_SCOPE_ID];
-		trackScope(state, scope, scopeId);
-		let locals = registered.locals?.(state.boundary.state.scope);
-		if (locals) {
-			state.buf.push(registered.access + "(_(" + scopeId + ")");
-			for (let local of locals) state.buf.push(","), writePlainObject(state, local, newArgReference(state, ref, local));
-		} else state.buf.push("_(" + scopeId + "," + quoteRegisterId(registered.id));
-		state.buf.push(")");
-	} else state.buf.push(registered.access);
-	return !0;
+	return scope ? state.writeScopedRegistration(val, parent, accessor, registered) : state.buf.push(registered.access), !0;
 }
 function writeString(state, val, parent, accessor) {
 	if (val.length > 12) {
@@ -863,7 +848,7 @@ function writeRegExp(state, val) {
 }
 function writePromise(state, val, ref) {
 	let { boundary, channel } = state, pId = nextRefAccess(state), handle = newAsyncHandle(state, ref, pId);
-	return state.buf.push("(p=>p=new Promise((f,r)=>" + pId + "={f,r(e){p.catch(_=>0);r(e)}}))()"), val.then((v) => writeAsyncCall(state, boundary, handle, "f", v, channel, pId), (v) => writeAsyncCall(state, boundary, handle, "r", v, channel, pId)), boundary.startAsync(), !0;
+	return state.buf.push("(p=>p=new Promise((f,r)=>" + pId + "={f,r(e){p.catch(_=>0);r(e)}}))()"), val.then((v) => queueAsyncCall(state, boundary, handle, "f", v, channel, pId), (v) => queueAsyncCall(state, boundary, handle, "r", v, channel, pId)), boundary.startAsync(), !0;
 }
 function newAsyncHandle(state, parent, id) {
 	let handle = {}, handleRef = new Reference(parent, null, state.flushId, null, id);
@@ -871,23 +856,25 @@ function newAsyncHandle(state, parent, id) {
 }
 function writeMap(state, val, ref) {
 	if (!val.size) return state.buf.push("new Map"), !0;
-	let items = [], assignments, needsId, deferring = !1, i = 0;
+	let items = [], assignments, needsId, i = 0, entries = val.entries();
 	if (val.size < 25) {
-		for (let [itemKey, itemValue] of val) {
-			if (!deferring && (itemKey !== val && isAncestorMember(state, ref, itemKey) || itemValue !== val && isAncestorMember(state, ref, itemValue)) && (deferring = !0), deferring) {
-				deferCall(state, ref, "set", [itemKey, itemValue]);
-				continue;
+		for (let entry of entries) {
+			let [itemKey, itemValue] = entry;
+			if (itemKey !== val && isAncestorMember(state, ref, itemKey) || itemValue !== val && isAncestorMember(state, ref, itemValue)) {
+				if (deferMembers(state, ref, val, entry, entries), !i) return state.buf.push("new Map"), !0;
+				break;
 			}
-			itemKey === val && (itemKey = void 0, (assignments ||= []).push("a[" + i + "][0]")), itemValue === val && (itemValue = void 0, (assignments ||= []).push("a[" + i + "][1]")), needsId ||= isDedupedMember(itemKey) || isDedupedMember(itemValue), i = items.push(itemValue === void 0 ? itemKey === void 0 ? [] : [itemKey] : [itemKey, itemValue]);
+			itemKey === val && (itemKey = void 0, (assignments ||= []).push("a[" + i + "][0]")), itemValue === val && (itemValue = void 0, (assignments ||= []).push("a[" + i + "][1]")), needsId ||= isReusableMember(itemKey) || isReusableMember(itemValue), i = items.push(itemValue === void 0 ? itemKey === void 0 ? [] : [itemKey] : [itemKey, itemValue]);
 		}
 		writeArrayArg(state, ref, items, assignments && "((m,a)=>(" + assignmentsToString(assignments, "m") + ",a.forEach(i=>m.set(i[0],i[1])),m))(new Map,", "new Map(", needsId);
 	} else {
-		for (let [itemKey, itemValue] of val) {
-			if (!deferring && (itemKey !== val && isAncestorMember(state, ref, itemKey) || itemValue !== val && isAncestorMember(state, ref, itemValue)) && (deferring = !0), deferring) {
-				deferCall(state, ref, "set", [itemKey, itemValue]);
-				continue;
+		for (let entry of entries) {
+			let [itemKey, itemValue] = entry;
+			if (itemKey !== val && isAncestorMember(state, ref, itemKey) || itemValue !== val && isAncestorMember(state, ref, itemValue)) {
+				if (deferMembers(state, ref, val, entry, entries), !i) return state.buf.push("new Map"), !0;
+				break;
 			}
-			itemKey === val && (itemKey = 0, (assignments ||= []).push("a[" + i + "]")), itemValue === val && (itemValue = 0, (assignments ||= []).push("a[" + (i + 1) + "]")), needsId ||= isDedupedMember(itemKey) || isDedupedMember(itemValue), i = items.push(itemKey, itemValue);
+			itemKey === val && (itemKey = 0, (assignments ||= []).push("a[" + i + "]")), itemValue === val && (itemValue = 0, (assignments ||= []).push("a[" + (i + 1) + "]")), needsId ||= isReusableMember(itemKey) || isReusableMember(itemValue), i = items.push(itemKey, itemValue);
 		}
 		writeArrayArg(state, ref, items, assignments && "(a=>a.reduce((m,v,i)=>i%2?m:m.set(v,a[i+1])," + assignmentsToString(assignments, "new Map") + "))(", "(a=>a.reduce((m,v,i)=>i%2?m:m.set(v,a[i+1]),new Map))(", needsId);
 	}
@@ -895,13 +882,13 @@ function writeMap(state, val, ref) {
 }
 function writeSet(state, val, ref) {
 	if (!val.size) return state.buf.push("new Set"), !0;
-	let items = [], assignments, needsId, deferring = !1, i = 0;
-	for (let item of val) {
-		if (!deferring && item !== val && isAncestorMember(state, ref, item) && (deferring = !0), deferring) {
-			deferCall(state, ref, "add", [item]);
-			continue;
+	let items = [], assignments, needsId, i = 0, members = val.values();
+	for (let item of members) {
+		if (item !== val && isAncestorMember(state, ref, item)) {
+			if (deferMembers(state, ref, val, item, members), !i) return state.buf.push("new Set"), !0;
+			break;
 		}
-		item === val ? (item = 0, (assignments ||= []).push("i[" + i + "]")) : needsId ||= isDedupedMember(item), i = items.push(item);
+		item === val ? (item = 0, (assignments ||= []).push("i[" + i + "]")) : needsId ||= isReusableMember(item), i = items.push(item);
 	}
 	return writeArrayArg(state, ref, items, assignments && "((s,i)=>(" + assignmentsToString(assignments, "s") + ",i.forEach(i=>s.add(i)),s))(new Set,", "new Set(", needsId), !0;
 }
@@ -910,11 +897,12 @@ function isAncestorMember(state, container, member) {
 	let ref = state.refs.get(member);
 	return ref !== void 0 && isCircular(container, ref);
 }
-function deferCall(state, ref, method, args) {
-	ensureId(state, ref), (ref.calls ||= []).push({
-		method,
-		args
-	}), state.pendingAssignments.add(ref);
+function deferMembers(state, ref, collection, first, rest) {
+	ensureRefAccess(state, ref), ref.deferredMembers = {
+		collection,
+		first,
+		rest
+	}, state.deferredRefs.add(ref);
 }
 function writeArrayArg(state, ref, items, assignsPrefix, plainPrefix, needsId) {
 	if (assignsPrefix || needsId) {
@@ -926,14 +914,14 @@ function writeArrayArg(state, ref, items, assignsPrefix, plainPrefix, needsId) {
 function newArgReference(state, parent, val) {
 	for (let key in val) {
 		let member = val[key];
-		if (isDedupedMember(member) && !(typeof member == "string" ? state.strs.has(member) : state.refs.has(member))) {
+		if (isReusableMember(member) && !(typeof member == "string" ? state.strs.has(member) : state.refs.has(member))) {
 			let ref = new Reference(parent, null, state.flushId, null, nextRefAccess(state));
 			return state.buf.push(ref.id + "="), ref;
 		}
 	}
 	return new Reference(parent, null, state.flushId, state.buf.length);
 }
-function isDedupedMember(val) {
+function isReusableMember(val) {
 	switch (typeof val) {
 		case "object": return val !== null && val[K_SCOPE_ID] === void 0;
 		case "function":
@@ -986,7 +974,7 @@ function writeAggregateError(state, val, ref) {
 	let inlined = writeProp(state, val.errors, ref, "errors");
 	if (inlined || state.buf.push("[]"), val.message ? state.buf.push("," + quote(val.message + "", 0) + ")") : state.buf.push(")"), inlined) {
 		let errorsRef = state.refs.get(val.errors);
-		errorsRef?.id && (state.pendingAssignments.add(errorsRef), addAssignment(errorsRef, accessId(state, ref) + toAccess("errors")));
+		errorsRef?.id && (state.deferredRefs.add(errorsRef), addAssignment(errorsRef, accessId(state, ref) + toAccess("errors")));
 	}
 	return !0;
 }
@@ -1015,7 +1003,7 @@ function writeRequest(state, val, ref) {
 	let options = "";
 	val.cache !== "default" && (options += sep + "cache:" + quote(val.cache, 0), sep = ","), val.credentials !== "same-origin" && (options += sep + "credentials:" + quote(val.credentials, 0), sep = ",");
 	let seenHeaders = state.refs.get(val.headers);
-	if (seenHeaders) options += sep + "headers:" + ensureId(state, seenHeaders), sep = ",";
+	if (seenHeaders) options += sep + "headers:" + ensureRefAccess(state, seenHeaders), sep = ",";
 	else {
 		state.refs.set(val.headers, new Reference(ref, "headers", state.flushId, null));
 		let headers = stringEntriesToHeadersInit(val.headers);
@@ -1027,7 +1015,7 @@ function writeResponse(state, val, ref) {
 	let sep = "", options = "";
 	val.status !== 200 && (options += "status:" + val.status, sep = ","), val.statusText && (options += sep + "statusText:" + quote(val.statusText, 0), sep = ",");
 	let seenHeaders = state.refs.get(val.headers);
-	if (seenHeaders) options += sep + "headers:" + ensureId(state, seenHeaders);
+	if (seenHeaders) options += sep + "headers:" + ensureRefAccess(state, seenHeaders);
 	else {
 		state.refs.set(val.headers, new Reference(ref, "headers", state.flushId, null));
 		let headers = stringEntriesToHeadersInit(val.headers);
@@ -1050,9 +1038,9 @@ function writeTemporal(state, val, name) {
 function writeReadableStream(state, val, ref) {
 	if (val.locked) return !1;
 	let { boundary, channel } = state, reader = val.getReader(), iterId = nextRefAccess(state), handle = newAsyncHandle(state, ref, iterId), onFulfilled = ({ value, done }) => {
-		done ? writeAsyncCall(state, boundary, handle, "r", value, channel) : boundary.aborted || (reader.read().then(onFulfilled, onRejected), boundary.startAsync(), writeAsyncCall(state, boundary, handle, "f", value, channel));
+		done ? queueAsyncCall(state, boundary, handle, "r", value, channel) : boundary.aborted || (reader.read().then(onFulfilled, onRejected), boundary.startAsync(), queueAsyncCall(state, boundary, handle, "f", value, channel));
 	}, onRejected = (reason) => {
-		writeAsyncCall(state, boundary, handle, "j", reason, channel);
+		queueAsyncCall(state, boundary, handle, "j", reason, channel);
 	};
 	return state.buf.push("new ReadableStream({start(c){(async(_,f,v,l,i,p=a=>l=new Promise((r,j)=>{f=_.r=r;_.j=j}),a=((_.f=v=>{f(v);a.push(p())}),[p()]))=>{for(i of a)v=await i,i==l?c.close():c.enqueue(v)})(" + iterId + "={}).catch(e=>c.error(e))}})"), reader.read().then(onFulfilled, onRejected), boundary.startAsync(), !0;
 }
@@ -1065,7 +1053,7 @@ function writeGenerator(state, iter, ref) {
 			returnValue = value;
 			break;
 		}
-		needsId ||= isDedupedMember(value), yields.push(value);
+		needsId ||= isReusableMember(value), yields.push(value);
 	}
 	if (returnValue === void 0 && !yields.length) return state.buf.push("(function*(){})()"), !0;
 	let heldReturn = returnValue !== void 0 && isAncestorMember(state, ref, returnValue);
@@ -1076,18 +1064,18 @@ function writeGenerator(state, iter, ref) {
 	if (heldReturn) {
 		let holder = new Reference(ref, null, state.flushId, null, nextRefAccess(state));
 		state.buf.push("," + holder.id + "={}"), writeProp(state, returnValue, holder, "v");
-	} else if (returnValue !== void 0 && (state.buf.push(","), writeProp(state, returnValue, ref, "") && isDedupedMember(returnValue))) {
+	} else if (returnValue !== void 0 && (state.buf.push(","), writeProp(state, returnValue, ref, "") && isReusableMember(returnValue))) {
 		let retRef = typeof returnValue == "string" ? state.strs.get(returnValue) : state.refs.get(returnValue);
-		retRef && ensureId(state, retRef);
+		retRef && ensureRefAccess(state, retRef);
 	}
 	return state.buf.push(")"), !0;
 }
 function writeAsyncGenerator(state, iter, ref) {
 	if (iter[kTouchedIterator]) return state.buf.push("(async function*(){}())"), !0;
 	let { boundary, channel } = state, iterId = nextRefAccess(state), handle = newAsyncHandle(state, ref, iterId), onFulfilled = ({ value, done }) => {
-		done ? writeAsyncCall(state, boundary, handle, "r", value, channel) : boundary.aborted || (iter.next().then(onFulfilled, onRejected), boundary.startAsync(), writeAsyncCall(state, boundary, handle, "f", value, channel));
+		done ? queueAsyncCall(state, boundary, handle, "r", value, channel) : boundary.aborted || (iter.next().then(onFulfilled, onRejected), boundary.startAsync(), queueAsyncCall(state, boundary, handle, "f", value, channel));
 	}, onRejected = (reason) => {
-		writeAsyncCall(state, boundary, handle, "j", reason, channel);
+		queueAsyncCall(state, boundary, handle, "j", reason, channel);
 	};
 	return state.buf.push("(async function*(_,f,v,l,i,p=a=>l=new Promise((r,j)=>{f=_.r=r;_.j=j}),a=((_.f=v=>{f(v);a.push(p())}),[p()])){for(i of a)v=await i,i!=l&&(yield v);return v})(" + iterId + "={})"), iter.next().then(onFulfilled, onRejected), boundary.startAsync(), !0;
 }
@@ -1115,11 +1103,11 @@ function writeMaybeIterableProps(state, val, ref) {
 	}
 	return sep;
 }
-function writeAsyncCall(state, boundary, handle, method, value, channel, valueId = null) {
-	boundary.aborted || (state.mutated.push({
+function queueAsyncCall(state, boundary, handle, method, value, channel, valueId = null) {
+	boundary.aborted || ((channel?.readyId ? state.queuedReadyCalls : state.queuedCalls).push({
+		method,
 		value,
 		object: handle,
-		property: method,
 		channel,
 		valueId
 	}), boundary.endAsync());
@@ -1220,16 +1208,16 @@ function quote(str, startPos) {
 	return "\"" + (lastPos === startPos ? str : result + str.slice(lastPos)) + "\"";
 }
 function writeRef(state, ref) {
-	ref.id === null && ref.scopeId === void 0 && ref.path === null && (ref.pos === null || ref.flushId !== state.flushId) && !isAncestorChannelRef(state, ref) ? (ref.path = accessPath(state, ref), ref.pos = state.buf.length, ref.flushId = state.flushId, state.buf.push(ref.path)) : state.buf.push(ensureId(state, ref));
+	ref.id === null && ref.scopeId === void 0 && ref.path === null && (ref.pos === null || ref.flushId !== state.flushId) && !isAncestorChannelRef(state, ref) ? (ref.path = accessPath(state, ref), ref.pos = state.buf.length, ref.flushId = state.flushId, state.buf.push(ref.path)) : state.buf.push(ensureRefAccess(state, ref));
 }
-function ensureId(state, ref) {
-	return ref.scopeId === void 0 ? ref.id ? (trackChannel(state, ref), ref.id) : assignId(state, ref) : (trackChannel(state, ref), "_(" + ref.scopeId + ")");
+function ensureRefAccess(state, ref) {
+	return ref.scopeId === void 0 ? ref.id ? (trackChannel(state, ref), ref.id) : claimRefAccess(state, ref) : (trackChannel(state, ref), "_(" + ref.scopeId + ")");
 }
 function accessId(state, ref) {
-	let id = ensureId(state, ref);
+	let id = ensureRefAccess(state, ref);
 	return id === ref.id || ref.scopeId !== void 0 ? id : "(" + id + ")";
 }
-function assignId(state, ref) {
+function claimRefAccess(state, ref) {
 	let { pos } = ref;
 	return pos !== null && ref.flushId === state.flushId ? (ref.id = nextRefAccess(state), pos === 0 ? state.buf[0] = ref.id + "=" + state.buf[0] : state.buf[pos - 1] += ref.id + "=", ref.id) : isAncestorChannelRef(state, ref) ? ref.path || accessPath(state, ref) : (ref.id = nextRefAccess(state), ref.id + "=" + (ref.path || accessPath(state, ref)));
 }
@@ -1296,10 +1284,10 @@ function patchIteratorNext(proto) {
 //#endregion
 //#region src/html/attrs.ts
 function _attr_class(value) {
-	return stringAttr("class", toDelimitedString(value, " ", stringifyClassObject));
+	return stringAttr("class", toDelimitedString(value, " ", stringifyClassEntry));
 }
 function _attr_style(value) {
-	return stringAttr("style", toDelimitedString(value, ";", stringifyStyleObject));
+	return stringAttr("style", toDelimitedString(value, ";", stringifyStyleEntry));
 }
 function _attr_option_value(value) {
 	let valueAttr = _attr("value", value), selectedValue = getContext(kSelectedValue);
@@ -1325,7 +1313,7 @@ function _attr_input_value(scopeId, nodeAccessor, value, valueChange, serializeT
 	return valueChange && writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange, serializeType), _attr("value", value);
 }
 function _attr_input_checked(scopeId, nodeAccessor, checked, checkedChange, serializeType) {
-	return checkedChange && writeControlledScope(0, scopeId, nodeAccessor, void 0, checkedChange, serializeType), isNotVoid(checked) ? " checked" : "";
+	return checkedChange && writeControlledScope(0, scopeId, nodeAccessor, void 0, checkedChange, serializeType), isNotNullishOrFalse(checked) ? " checked" : "";
 }
 function _attr_input_checkedValue(scopeId, nodeAccessor, checkedValue, checkedValueChange, value, serializeType) {
 	let valueAttr = _attr("value", value);
@@ -1338,7 +1326,7 @@ function getCheckedValueRef(checkedValue) {
 	}
 }
 function _attr_details_or_dialog_open(scopeId, nodeAccessor, open, openChange, serializeType) {
-	let normalizedOpen = isNotVoid(open);
+	let normalizedOpen = isNotNullishOrFalse(open);
 	return openChange && writeControlledScope(4, scopeId, nodeAccessor, normalizedOpen || void 0, openChange, serializeType), normalizedOpen ? " open" : "";
 }
 function _attr_nonce() {
@@ -1349,7 +1337,7 @@ function _style_html(decls) {
 	return `<style${_attr_nonce()} class=${id}>.${id}~*{${decls}}</style>`;
 }
 function _attr(name, value) {
-	return isVoid(value) ? "" : nonVoidAttr(name, value);
+	return isNullishOrFalse(value) ? "" : stringifyAttr(name, value);
 }
 function _attr_and(name, value, attr) {
 	return value ? attr : _attr(name, value);
@@ -1385,7 +1373,7 @@ function _attrs(data, nodeAccessor, scopeId, tagName) {
 			case "style":
 				result += _attr_style(value);
 				break;
-			default: name && !(isVoid(value) || skip.test(name) || name === "content" && tagName !== "meta") && (isEventHandler(name) ? (events || (events = {}, writeScope(scopeId, { ["I" + nodeAccessor]: events })), events[getEventHandlerName(name)] = value) : result += nonVoidAttr(name, value));
+			default: name && !(isNullishOrFalse(value) || skip.test(name) || name === "content" && tagName !== "meta") && (isEventHandler(name) ? (events || (events = {}, writeScope(scopeId, { ["I" + nodeAccessor]: events })), events[getEventType(name)] = value) : result += stringifyAttr(name, value));
 		}
 	}
 	return result;
@@ -1396,7 +1384,7 @@ function _attrs_content(data, nodeAccessor, scopeId, tagName, markerGuard) {
 function _attrs_partial(data, skip, nodeAccessor, scopeId, tagName) {
 	let partial = {};
 	for (let name in data) {
-		let key = isEventHandler(name) ? `on-${getEventHandlerName(name)}` : name;
+		let key = isEventHandler(name) ? `on-${getEventType(name)}` : name;
 		skip[key] || (partial[key] = data[name]);
 	}
 	return _attrs(partial, nodeAccessor, scopeId, tagName);
@@ -1417,7 +1405,7 @@ function writeControlledScope(type, scopeId, nodeAccessor, value, valueChange, s
 function stringAttr(name, value) {
 	return value && " " + name + attrAssignment(value);
 }
-function nonVoidAttr(name, value) {
+function stringifyAttr(name, value) {
 	switch (typeof value) {
 		case "string": return " " + name + attrAssignment(value);
 		case "boolean": return " " + name;
@@ -1448,18 +1436,7 @@ function normalizedValueMatches(a, b) {
 	return !1;
 }
 function normalizeStrAttrValue(value) {
-	return isNotVoid(value) && value !== !0 ? value + "" : "";
-}
-//#endregion
-//#region src/html/for.ts
-function forOfBy(by, item, index) {
-	return by ? typeof by == "string" ? item[by] : by(item, index) : index;
-}
-function forInBy(by, name, value) {
-	return by ? by(name, value) : name;
-}
-function forStepBy(by, index) {
-	return by ? by(index) : index;
+	return isNotNullishOrFalse(value) && value !== !0 ? value + "" : "";
 }
 //#endregion
 //#region src/html/inlined-runtimes.ts
@@ -1505,11 +1482,11 @@ function _scope_id() {
 function _peek_scope_id() {
 	return $chunk.boundary.state.scopeId;
 }
-function withContext(key, value, cb, cbValue) {
+function withContext(key, value, cb, cbValue, cbValue2) {
 	let ctx = $chunk.context ||= { [kPendingContexts]: 0 }, prev = ctx[key];
 	ctx[kPendingContexts]++, ctx[key] = value;
 	try {
-		return cb(cbValue);
+		return cb(cbValue, cbValue2);
 	} finally {
 		ctx[kPendingContexts]--, ctx[key] = prev;
 	}
@@ -1523,11 +1500,11 @@ function captureContext(chunk) {
 function isInResumedBranch() {
 	return $chunk?.context?.[kBranchId] !== void 0;
 }
-function withBranchId(branchId, cb, cbValue) {
-	return withContext(kBranchId, branchId, cb, cbValue);
+function withBranchId(branchId, cb, cbValue, cbValue2) {
+	return withContext(kBranchId, branchId, cb, cbValue, cbValue2);
 }
-function withIsAsync(async, cb, value) {
-	return withContext(kIsAsync, async, cb, value);
+function withAsyncContent(async, cb, value) {
+	return withContext(kAsyncContent, async, cb, value);
 }
 function _html(html) {
 	$chunk.writeHTML(html);
@@ -1545,7 +1522,7 @@ function mayDrop(written) {
 	return !1;
 }
 function _script(scopeId, registryId, markerGuard) {
-	markerGuard === 0 && ($chunk.serializeState.readyId || $chunk.context?.[kIsAsync]) && _resume_branch(scopeId), $chunk.boundary.state.needsMainRuntime = !0, $chunk.writeEffect(scopeId, registryId);
+	markerGuard === 0 && ($chunk.channel.readyId || $chunk.context?.[kAsyncContent]) && _resume_branch(scopeId), $chunk.boundary.state.queueEffect(scopeId, registryId);
 }
 function _trailers(html) {
 	$chunk.boundary.state.trailerHTML += html;
@@ -1563,24 +1540,24 @@ function _hoist(scopeId, id) {
 	let getter = () => void 0;
 	return getter[Symbol.iterator] = _hoist_read_error, _resume(getter, id, scopeId);
 }
-function _el_resume(scopeId, accessor, shouldResume) {
-	if (shouldResume === 0) return "";
+function _el_resume(scopeId, accessor, markerGuard) {
+	if (markerGuard === 0) return "";
 	let { state } = $chunk.boundary;
-	return state.needsMainRuntime = !0, state.mark("$", scopeId + " " + accessor);
+	return state.needsWalkerRuntime = !0, state.mark("$", scopeId + " " + accessor);
 }
-function _text_resume(scopeId, accessor, val, shouldResume) {
-	return markText(scopeId, accessor, _escape(val), shouldResume);
+function _text_resume(scopeId, accessor, val, markerGuard) {
+	return markText(scopeId, accessor, _escape(val), markerGuard);
 }
-function _html_resume(scopeId, accessor, val, shouldResume) {
+function _html_resume(scopeId, accessor, val, markerGuard) {
 	let html = _unescaped(val);
-	if (shouldResume === 0 || !~html.indexOf("<")) return markText(scopeId, accessor, html, shouldResume);
+	if (markerGuard === 0 || !~html.indexOf("<")) return markText(scopeId, accessor, html, markerGuard);
 	let { state } = $chunk.boundary;
-	return state.needsMainRuntime = !0, state.mark("&", "") + html + state.mark("'", scopeId + " " + accessor);
+	return state.needsWalkerRuntime = !0, state.mark("&", "") + html + state.mark("'", scopeId + " " + accessor);
 }
-function markText(scopeId, accessor, text, shouldResume) {
-	if (shouldResume === 0) return text;
+function markText(scopeId, accessor, text, markerGuard) {
+	if (markerGuard === 0) return text;
 	let { state } = $chunk.boundary;
-	return state.needsMainRuntime = !0, text ? (shouldResume === 2 ? "<!>" : "") + text + state.mark("$", scopeId + " " + accessor) : state.mark("%", scopeId + " " + accessor);
+	return state.needsWalkerRuntime = !0, text ? (markerGuard === 2 ? "<!>" : "") + text + state.mark("$", scopeId + " " + accessor) : state.mark("%", scopeId + " " + accessor);
 }
 function _resume_branch(scopeId) {
 	let branchId = $chunk.context?.[kBranchId];
@@ -1589,7 +1566,7 @@ function _resume_branch(scopeId) {
 function _attr_content(nodeAccessor, scopeId, content, markerGuard) {
 	let shouldResume = markerGuard !== 0, render = normalizeServerRender(content), branchId = _peek_scope_id();
 	if (render) try {
-		_set_scope_reason(shouldResume ? CLIENT_ALL : 0), shouldResume ? withBranchId(branchId, render) : render();
+		_set_scope_reason(shouldResume ? ALL_GROUPS : 0), shouldResume ? withBranchId(branchId, render) : render();
 	} finally {
 		_set_scope_reason(void 0);
 	}
@@ -1608,83 +1585,8 @@ function _var(parentScopeId, scopeOffsetAccessor, childScopeId, registryId, node
 	nodeAccessor !== void 0 && writeScope(parentScopeId, { ["A" + nodeAccessor]: childScope });
 }
 function writeScopePassive(scopeId, partialScope) {
-	let target = $chunk.serializeState, scope = _scope_with_id(scopeId), passive = target.passiveScopes ||= {};
-	return Object.assign(scope, partialScope), passive[scopeId] = Object.assign(passive[scopeId] || {}, partialScope), scope;
-}
-function _show_start(display, markerGuard, branchExprGuard, parentEndTag) {
-	display ? resumesMarker(markerGuard, branchExprGuard, parentEndTag) && $chunk.writeHTML($chunk.boundary.state.mark("[", "")) : $chunk.writeHTML("<t hidden>");
-}
-function _show_end(scopeId, accessor, display, markerGuard, branchExprGuard, parentEndTag, singleNode) {
-	let branchId = _scope_id(), wrap = !display;
-	wrap && $chunk.writeHTML("</t>"), writeBranchEnd(scopeId, accessor, branchExprGuard, markerGuard, parentEndTag, wrap || singleNode ? 1 : void 0, " " + branchId);
-}
-function _for_of(list, cb, by, scopeId, accessor, branchGuard, markerGuard, branchExprGuard, parentEndTag, singleNode) {
-	forBranches(by, (each) => each ? forOf(list, (item, index) => {
-		let itemKey = forOfBy(by, item, index);
-		each(itemKey, itemKey === index, () => cb(item, index));
-	}) : forOf(list, cb), scopeId, accessor, branchGuard, markerGuard, branchExprGuard, parentEndTag, singleNode);
-}
-function _for_in(obj, cb, by, scopeId, accessor, branchGuard, markerGuard, branchExprGuard, parentEndTag, singleNode) {
-	forBranches(by, (each) => each ? forIn(obj, (key, value) => {
-		each(forInBy(by, key, value), !1, () => cb(key, value));
-	}) : forIn(obj, cb), scopeId, accessor, branchGuard, markerGuard, branchExprGuard, parentEndTag, singleNode);
-}
-function _for_to(to, from, step, cb, by, scopeId, accessor, branchGuard, markerGuard, branchExprGuard, parentEndTag, singleNode) {
-	forBranches(by, (each) => {
-		let index = 0;
-		return each ? forTo(to, from, step, (value) => {
-			let itemKey = forStepBy(by, value);
-			each(itemKey, itemKey === index++, () => cb(value));
-		}) : forTo(to, from, step, cb);
-	}, scopeId, accessor, branchGuard, markerGuard, branchExprGuard, parentEndTag, singleNode);
-}
-function _for_until(to, from, step, cb, by, scopeId, accessor, branchGuard, markerGuard, branchExprGuard, parentEndTag, singleNode) {
-	forBranches(by, (each) => {
-		let index = 0;
-		return each ? forUntil(to, from, step, (value) => {
-			let itemKey = forStepBy(by, value);
-			each(itemKey, itemKey === index++, () => cb(value));
-		}) : forUntil(to, from, step, cb);
-	}, scopeId, accessor, branchGuard, markerGuard, branchExprGuard, parentEndTag, singleNode);
-}
-function forBranches(by, iterate, scopeId, accessor, branchGuard, markerGuard, branchExprGuard, parentEndTag, singleNode) {
-	if (branchGuard === 0) {
-		iterate(0), writeBranchEnd(scopeId, accessor, branchExprGuard, markerGuard, parentEndTag, singleNode, "");
-		return;
-	}
-	let { state } = $chunk.boundary, resumeKeys = markerGuard !== 0, resumeMarker = resumesMarker(markerGuard, branchExprGuard, parentEndTag), flushBranchIds = "", loopScopes;
-	iterate((itemKey, sameAsIndex, render) => {
-		let branchId = _peek_scope_id();
-		resumeMarker && (singleNode ? flushBranchIds = " " + branchId + flushBranchIds : ($chunk.writeHTML(state.mark("[", flushBranchIds)), flushBranchIds = branchId + "")), withBranchId(branchId, () => {
-			render();
-			let branchScope = writeScope(branchId, resumeKeys && !sameAsIndex ? { M: itemKey } : {});
-			resumeMarker || (loopScopes = push(loopScopes, branchScope));
-		});
-	}), loopScopes && writeScope(scopeId, { ["A" + accessor]: loopScopes }), writeBranchEnd(scopeId, accessor, branchExprGuard, markerGuard, parentEndTag, singleNode, singleNode ? flushBranchIds : flushBranchIds ? " " + flushBranchIds : "");
-}
-function _if(cb, scopeId, accessor, branchGuard, markerGuard, branchExprGuard, parentEndTag, singleNode) {
-	let resumeBranch = branchGuard !== 0, resumeMarker = resumesMarker(markerGuard, branchExprGuard, parentEndTag), branchId = _peek_scope_id(), chunk = $chunk, beforeBranch = resumeMarker && resumeBranch && !singleNode ? deferBranchStart(chunk) : void 0, branchIndex = resumeBranch ? withBranchId(branchId, cb) : cb(), shouldWriteBranch = resumeBranch && branchIndex !== void 0;
-	beforeBranch !== void 0 && applyBranchStart(chunk, beforeBranch, shouldWriteBranch), shouldWriteBranch && (branchIndex || !resumeMarker) && writeScope(scopeId, {
-		["D" + accessor]: branchIndex || void 0,
-		["A" + accessor]: resumeMarker ? void 0 : writeScope(branchId, {})
-	}), writeBranchEnd(scopeId, accessor, branchExprGuard, markerGuard, parentEndTag, singleNode, shouldWriteBranch ? " " + branchId : "");
-}
-function deferBranchStart(chunk) {
-	let beforeBranch = chunk.html;
-	return chunk.html = "", beforeBranch;
-}
-function applyBranchStart(chunk, beforeBranch, rendered) {
-	chunk.html = beforeBranch + (rendered ? chunk.boundary.state.mark("[", "") : "") + chunk.html;
-}
-function resumesMarker(markerGuard, branchExprGuard, parentEndTag) {
-	return markerGuard !== 0 && (!parentEndTag || branchExprGuard !== 0);
-}
-function writeBranchEnd(scopeId, accessor, branchExprGuard, markerGuard, parentEndTag, singleNode, branchIds) {
-	let endTag = parentEndTag || "";
-	if (resumesMarker(markerGuard, branchExprGuard, parentEndTag)) {
-		let { state } = $chunk.boundary, mark = singleNode ? state.mark(parentEndTag ? "}" : "|", scopeId + " " + accessor + (branchIds || "")) : state.mark(parentEndTag ? ")" : "]", scopeId + " " + accessor + (branchIds || ""));
-		$chunk.writeHTML(mark + endTag);
-	} else markerGuard === 0 ? $chunk.writeHTML(endTag) : $chunk.writeHTML(endTag + _el_resume(scopeId, accessor));
+	let target = $chunk.channel, scope = _scope_with_id(scopeId);
+	return Object.assign(scope, partialScope), $chunk.boundary.state.queuePassiveScope(target, scopeId, partialScope), scope;
 }
 function _existing_scope(scopeId) {
 	return writeScope(scopeId, {});
@@ -1698,13 +1600,13 @@ function scopeWithId(state, scopeId) {
 }
 function _subscribe(subscribers, scope, resumeId, markerGuard) {
 	if (subscribers) {
-		let { boundary, serializeState } = $chunk, { serializer } = boundary.state;
-		!serializeState.readyId && !serializer.written(subscribers) ? subscribers.add(scope) : resumeId ? _script(scope[K_SCOPE_ID], resumeId, markerGuard) : serializer.writeCall(scope, subscribers, "add", serializeState), boundary.withinCatch && (boundary.subscribed ||= []).push(subscribers, scope, serializeState);
+		let { boundary, channel } = $chunk, { serializer } = boundary.state;
+		!channel.readyId && !serializer.refs.has(subscribers) ? subscribers.add(scope) : resumeId ? _script(scope[K_SCOPE_ID], resumeId, markerGuard) : queueCall(serializer, scope, subscribers, "add", channel), boundary.withinCatch && (boundary.subscribed ||= []).push(subscribers, scope, channel);
 	}
 	return scope;
 }
-function maskGroup(mask, group) {
-	return mask === 715827883 ? 1 : typeof mask == "number" ? group < 15 ? mask >>> 1 + 2 * group & 3 : 0 : mask[group] ?? 0;
+function getGroupReason(reason, group) {
+	return reason === 715827883 ? 1 : typeof reason == "number" ? group < 15 ? reason >>> 1 + 2 * group & 3 : 0 : reason[group] ?? 0;
 }
 function _set_scope_reason(reason) {
 	$chunk.boundary.state.scopeReason = reason;
@@ -1713,148 +1615,65 @@ function _scope_reason() {
 	let reason = $chunk.boundary.state.scopeReason;
 	return $chunk.boundary.state.scopeReason = void 0, reason;
 }
-function _write_if(condition, key) {
-	return condition && maskGroup(condition, key) ? 1 : void 0;
+function _write_if(reason, group) {
+	return reason && getGroupReason(reason, group) ? 1 : void 0;
 }
-function _write_guard(condition, key) {
-	return _write_if(condition, key) || 0;
+function _write_guard(reason, group) {
+	return _write_if(reason, group) || 0;
 }
 function writeWaitReady(readyId, renderer, input) {
 	let chunk = $chunk, { boundary } = chunk, body = new Chunk(boundary, null, chunk.context, {
 		readyId,
-		parent: chunk.serializeState,
+		parent: chunk.channel,
 		resumes: "",
 		writeScopes: {},
 		flushScopes: !1
 	}), bodyEnd = body.render(renderer, input);
 	if (boundary.aborted) throw boundary.reason;
-	body === bodyEnd ? (chunk.writeHTML(body.html), body.deferOwnReady(), chunk.deferredReady = push(chunk.deferredReady, body)) : (bodyEnd.next = $chunk = chunk.fork(boundary, chunk.next), chunk.next = body);
-}
-function _await(scopeId, accessor, promise, content, markerGuard) {
-	let resumeMarker = markerGuard !== 0;
-	if (!isPromise(promise)) {
-		if (resumeMarker) {
-			let branchId = _peek_scope_id();
-			$chunk.writeHTML($chunk.boundary.state.mark("[", "")), withBranchId(branchId, content, promise), $chunk.writeHTML($chunk.boundary.state.mark("]", scopeId + " " + accessor + " " + branchId));
-		} else content(promise);
-		return;
-	}
-	let chunk = $chunk, { boundary } = chunk, startId = _peek_scope_id(), after = chunk.next = $chunk = chunk.fork(boundary, chunk.next);
-	chunk.async = !0, captureContext(chunk), boundary.startAsync(), promise.then((value) => {
-		if (chunk.async && (chunk.async = !1, !boundary.aborted)) {
-			let { state } = boundary;
-			chunk.render(() => {
-				if (resumeMarker) {
-					let branchId = _peek_scope_id();
-					$chunk.writeHTML($chunk.boundary.state.mark("[", "")), withBranchId(branchId, () => withIsAsync({ parent: getAsyncContent(chunk) }, content, value)), $chunk.writeHTML($chunk.boundary.state.mark("]", scopeId + " " + accessor + " " + branchId));
-				} else {
-					let renderedSince = _peek_scope_id() !== startId, async = { parent: getAsyncContent(chunk) };
-					withIsAsync(async, content, value), async.visit = renderedSince && (after.html || after.next) ? $chunk.boundary.state.mark("]", scopeId + " " + accessor) : "", async.resumed && $chunk.writeHTML(async.visit), async.end = $chunk;
-				}
-			}), !chunk.async && boundary.pendingReorders?.delete(chunk) && state.reorder(chunk), boundary.endAsync();
-		}
-	}, (err) => {
-		chunk.async = !1, boundary.abort(err);
-	});
-}
-function _try(scopeId, accessor, content, placeholderContent, catchContent, placeholderId, catchId) {
-	let placeholderBranchId = placeholderContent ? _scope_id() : 0, branchId = _peek_scope_id(), chunk = $chunk, { boundary } = chunk, { state } = boundary, { resumeWrites } = boundary, beforeBranch = deferBranchStart(chunk), renderers = () => writeTryRenderers(branchId, catchContent && _resume(catchContent, catchId), placeholderContent && _resume(placeholderContent, placeholderId)), renderersWritten = tryBoundary(placeholderContent ? () => tryPlaceholder(content, placeholderContent, branchId, scopeId, placeholderBranchId) : content, catchContent, branchId, renderers), rendered = chunk !== $chunk || boundary.resumeWrites !== resumeWrites;
-	applyBranchStart(chunk, beforeBranch, rendered), rendered && (renderersWritten || renderers(), $chunk.writeHTML(state.mark("]", scopeId + " " + accessor + " " + branchId)));
+	body === bodyEnd ? (chunk.writeHTML(body.html), body.deferOwnReady(), chunk.deferredReady = push(chunk.deferredReady, body)) : (bodyEnd.next = chunk.forkRest(boundary), chunk.next = body);
 }
-function tryPlaceholder(content, placeholder, branchId, scopeId, placeholderBranchId) {
-	let chunk = $chunk, { boundary } = chunk, body = chunk.fork(boundary, null);
-	if (body === body.render(content)) {
-		chunk.append(body);
-		return;
-	}
-	chunk.next = $chunk = chunk.fork(boundary, chunk.next), captureContext(chunk), chunk.placeholder = {
-		body,
-		render: placeholder,
-		branchId,
-		scopeId,
-		placeholderBranchId
-	};
+function deferBranchStart(chunk) {
+	let beforeBranch = chunk.html;
+	return chunk.html = "", beforeBranch;
 }
-function tryBoundary(content, catchContent, branchId, renderers) {
-	let chunk = $chunk, { boundary } = chunk, { state } = boundary, catchBoundary = new Boundary(state, void 0, boundary);
-	catchContent && (catchBoundary.withinCatch = !0);
-	let body = chunk.fork(catchBoundary, null), bodyEnd = body.render(() => withBranchId(branchId, content));
-	if (catchBoundary.aborted) {
-		if (!catchContent) throw catchBoundary.reason;
-		return catchContent(catchBoundary.reason), !0;
-	}
-	if (body === bodyEnd) return chunk.append(body), !1;
-	let renderersAtSettle = !catchBoundary.resumeWrites, bodyNext = bodyEnd.next = $chunk = chunk.fork(boundary, chunk.next);
-	chunk.next = body, boundary.startAsync();
-	let reorderId = catchContent ? state.nextReorderId() : "";
-	return reorderId && (chunk.catchRange = {
-		id: reorderId,
-		end: bodyEnd
-	}, captureContext(chunk)), catchBoundary.onNext = () => {
-		if (!boundary.aborted) {
-			if (catchBoundary.aborted) {
-				if (!reorderId) {
-					boundary.abort(catchBoundary.reason);
-					return;
-				}
-				let streamed = !chunk.catchRange, catchChunk = chunk.fork(boundary, null);
-				chunk.catchRange = null, renderersAtSettle || catchChunk.render(clearTryRenderers, branchId);
-				let inOrder = catchChunk === catchChunk.render(catchContent, catchBoundary.reason);
-				if (boundary.aborted) return;
-				if ((bodyEnd.consumed || !inOrder) && (catchChunk.reorderBranch = branchId), bodyEnd.consumed) catchChunk.reorderId = reorderId, state.reorder(catchChunk);
-				else {
-					let reorder = null;
-					inOrder ? streamed && (reorder = chunk.fork(boundary, null)) : reorder = catchChunk, reorder && (reorder.reorderId = reorderId);
-					let endMarker = state.mark("!", reorderId), cut = body;
-					for (; cut.consumed;) cut = cut.next;
-					cut.async = !1, cut.next = inOrder ? catchChunk : bodyNext, cut.html = streamed ? endMarker : inOrder ? "" : state.mark("!^", reorderId) + endMarker, cut.scripts = cut.effects = cut.lastEffect = "", cut.placeholder = cut.reorderId = cut.catchRange = null, cut.deferredReorder = reorder, inOrder && (catchChunk.next = bodyNext);
-				}
-				boundary.endAsync();
-			} else catchBoundary.count ? boundary.onNext() : (renderersAtSettle && catchBoundary.resumeWrites && bodyEnd.render(renderers), chunk.catchRange = null, boundary.endAsync());
-		}
-	}, renderersAtSettle;
+function applyBranchStart(chunk, beforeBranch, rendered) {
+	chunk.html = beforeBranch + (rendered ? chunk.boundary.state.mark("[", "") : "") + chunk.html;
 }
 function unsubscribe(subscribed, serializer) {
 	for (let i = 0; i < subscribed.length; i += 3) {
 		let subscribers = subscribed[i], scope = subscribed[i + 1];
-		serializer.written(subscribers) ? serializer.dropCall(scope, subscribers, "add") || serializer.writeCall(scope, subscribers, "delete", subscribed[i + 2]) : subscribers.delete(scope);
+		if (!serializer.refs.has(subscribers)) subscribers.delete(scope);
+		else {
+			let channel = subscribed[i + 2];
+			dropQueuedCall(serializer, scope, subscribers, "add", channel) || queueCall(serializer, scope, subscribers, "delete", channel);
+		}
 	}
 }
-function clearTryRenderers(branchId) {
-	writeScope(branchId, {
-		E: 0,
-		Q: _scope_with_id(branchId).Q && 0
-	});
-}
-function writeTryRenderers(branchId, catchContent, placeholderContent) {
-	writeScope(branchId, {
-		E: catchContent,
-		Q: placeholderContent
-	});
-}
 function countResumeWrite(chunk) {
 	for (let boundary = chunk.boundary; boundary; boundary = boundary.parent) boundary.resumeWrites++;
+}
+function writeAsyncVisits(chunk) {
 	for (let async = getAsyncContent(chunk); async && !async.resumed; async = async.parent) async.resumed = !0, async.end?.writeHTML(async.visit);
 }
 function getAsyncContent(chunk) {
-	return chunk.context?.[kIsAsync];
+	return chunk.context?.[kAsyncContent];
 }
 var State = class {
 	tagId = 1;
 	scopeId = 1;
 	reorderId = 1;
 	readyGate = 1;
-	hasGlobals = !1;
-	needsMainRuntime = !1;
-	hasMainRuntime = !1;
-	hasReadyRuntime = !1;
+	hasWrittenGlobals = !1;
+	needsWalkerRuntime = !1;
+	hasWalkerRuntime = !1;
+	hasWrittenReady = !1;
 	hasReorderRuntime = !1;
 	hasWrittenResume = !1;
 	walkOnNextFlush = !1;
 	trailerHTML = "";
 	resumes = "";
 	nonceAttr = "";
-	serializer = new Serializer();
+	serializer = new State$1();
 	writeReorders = null;
 	scopes = /* @__PURE__ */ new Map();
 	scope = (scopeId) => scopeWithId(this, scopeId);
@@ -1866,13 +1685,36 @@ var State = class {
 	constructor($global) {
 		this.$global = $global, $global.cspNonce && (this.nonceAttr = " nonce" + attrAssignment($global.cspNonce));
 	}
-	flushChunk(html, scripts, pending) {
+	joinFlush(html, scripts, pending) {
 		let { $global, nonceAttr } = this, { __flush__ } = $global;
 		return scripts && (html += "<script" + nonceAttr + ">" + scripts + "<\/script>"), __flush__ && ($global.__flush__ = void 0, html = __flush__($global, html)), pending ? html : html + this.trailerHTML;
 	}
 	walkScript() {
 		return this.runtimePrefix + ".w()";
 	}
+	addResumes(channel, resumes) {
+		channel.resumes = concatSequence(channel.resumes, resumes);
+	}
+	queueScope(target, scopeId, partialScope) {
+		let pending = target.writeScopes[scopeId];
+		pending && pending !== partialScope ? Object.assign(pending, partialScope) : target.writeScopes[scopeId] = partialScope, target.flushScopes = !0;
+	}
+	queuePassiveScope(target, scopeId, partialScope) {
+		let passive = target.passiveScopes ||= {};
+		passive[scopeId] = Object.assign(passive[scopeId] || {}, partialScope);
+	}
+	queueEffect(scopeId, registryId) {
+		this.needsWalkerRuntime = !0, $chunk.writeEffect(scopeId, registryId);
+	}
+	serializeFlush(boundary) {
+		flushSerializer(boundary, this);
+	}
+	runtimeScript() {
+		return "(e=>(self[e]||=(l,f=e+l,s=f.length,a={},d=[],t=document,n=t.createTreeWalker(t,129))=>t=self[e][l]={i:f,d:t,l:a,v:d,x(){},w(e,l,r){for(;e=n.nextNode();)t.x(l=(l=e.data)&&!l.indexOf(f)&&(r=l.slice(s+1),(l=l[s])>\"#\"||(a[r]=e),l),r,e),l>\"#\"&&d.push(e)}},self[e]))(\"" + this.$global.runtimeId + "\")(\"" + this.$global.renderId + "\")";
+	}
+	keepsTryMarks(chunk, resumeWrites) {
+		return chunk !== $chunk || chunk.boundary.resumeWrites !== resumeWrites;
+	}
 	resumeScript(resumes) {
 		return this.hasWrittenResume ? this.runtimePrefix + ".r.push(" + resumes + ")" : (this.hasWrittenResume = !0, this.runtimePrefix + ".r=[" + resumes + "]");
 	}
@@ -1885,11 +1727,11 @@ var State = class {
 		return $global.runtimeId + $global.renderId;
 	}
 	reorder(chunk) {
-		this.writeReorders ? this.writeReorders.push(chunk) : (this.needsMainRuntime = !0, this.writeReorders = [chunk]);
+		this.writeReorders ? this.writeReorders.push(chunk) : (this.needsWalkerRuntime = !0, this.writeReorders = [chunk]);
 	}
-	writeReady(id, resumes) {
+	readyScript(id, resumes) {
 		let readyKey = toObjectKey(id);
-		return this.readyIds?.has(id) ? this.readyAccess(readyKey) + ".push(" + resumes + ")" : ((this.readyIds ||= /* @__PURE__ */ new Set()).add(id), this.hasReadyRuntime ? this.readyAccess(readyKey) + "=[" + resumes + "]" : (this.hasReadyRuntime = !0, this.runtimePrefix + ".b={" + readyKey + ":[" + resumes + "]}"));
+		return this.readyIds?.has(id) ? this.readyAccess(readyKey) + ".push(" + resumes + ")" : ((this.readyIds ||= /* @__PURE__ */ new Set()).add(id), this.hasWrittenReady ? this.readyAccess(readyKey) + "=[" + resumes + "]" : (this.hasWrittenReady = !0, this.runtimePrefix + ".b={" + readyKey + ":[" + resumes + "]}"));
 	}
 	readyAccess(readyKey) {
 		return this.runtimePrefix + ".b" + toAccess(readyKey);
@@ -1931,7 +1773,7 @@ var State = class {
 		this.abort(event.target.reason);
 	}
 	flush() {
-		return this.aborted || flushSerializer(this, this.state), this.count ? 1 : this.aborted ? 2 : 0;
+		return this.aborted || this.state.serializeFlush(this), this.count ? 1 : this.aborted ? 2 : 0;
 	}
 	startAsync() {
 		this.aborted || this.count++;
@@ -1956,18 +1798,21 @@ var State = class {
 	boundary;
 	next;
 	context;
-	serializeState;
-	constructor(boundary, next, context, serializeState) {
-		this.boundary = boundary, this.next = next, this.context = context, this.serializeState = serializeState;
+	channel;
+	constructor(boundary, next, context, channel) {
+		this.boundary = boundary, this.next = next, this.context = context, this.channel = channel;
 	}
 	fork(boundary, next) {
-		return new Chunk(boundary, next, this.context, this.serializeState);
+		return new Chunk(boundary, next, this.context, this.channel);
+	}
+	forkRest(boundary) {
+		return $chunk = this.fork(boundary, this.next);
 	}
 	writeHTML(html) {
 		this.html += html;
 	}
 	writeEffect(scopeId, registryId) {
-		countResumeWrite(this), this.lastEffect === registryId ? this.effects = concatEffects(this.effects, scopeId + "") : (this.lastEffect = registryId, this.effects = concatEffects(this.effects, registryId + " " + scopeId));
+		countResumeWrite(this), writeAsyncVisits(this), this.lastEffect === registryId ? this.effects = concatEffects(this.effects, scopeId + "") : (this.lastEffect = registryId, this.effects = concatEffects(this.effects, registryId + " " + scopeId));
 	}
 	writeScript(script) {
 		this.scripts = concatScripts(this.scripts, script);
@@ -1984,7 +1829,7 @@ var State = class {
 		return this.deferredReady = null, deferredReady;
 	}
 	deferOwnReady() {
-		if (this.serializeState.readyId && (this.effects || this.scripts || this.serializeState.flushScopes)) {
+		if (this.channel.readyId && (this.effects || this.scripts || this.channel.flushScopes)) {
 			let deferred = this.fork(this.boundary, null);
 			deferred.effects = this.effects, deferred.scripts = this.scripts, this.effects = this.scripts = this.lastEffect = "", this.deferredReady = concat(deferred, this.deferredReady);
 		}
@@ -2022,9 +1867,9 @@ var State = class {
 		let { branchId, scopeId, placeholderBranchId } = placeholder, reorderId = body.reorderId = branchId + "";
 		this.writeHTML(state.mark("!^", reorderId));
 		let { effects } = this, beforeBranch = deferBranchStart(this);
-		if (this.render(() => withBranchId(placeholderBranchId, placeholder.render)) !== this && this.boundary.abort(/* @__PURE__ */ Error("An @placeholder cannot contain async content.")), this.boundary.aborted) return !0;
+		if (this.render(withBranchId, placeholderBranchId, placeholder.render) !== this && this.boundary.abort(/* @__PURE__ */ Error("An @placeholder cannot contain async content.")), this.boundary.aborted) return !0;
 		let stateful = this.effects !== effects;
-		return applyBranchStart(this, beforeBranch, stateful), stateful && (this.render(() => writeScope(branchId, { P: scopeWithId(state, placeholderBranchId) })), this.writeHTML(state.mark("]", scopeId + " " + ("P" + branchId) + " " + placeholderBranchId)), dismissChunk(end, body).writeEffect(branchId, "_f")), this.writeHTML(state.mark("!", reorderId)), this.deferredReorder = body, !1;
+		return applyBranchStart(this, beforeBranch, stateful), stateful && (this.render(writeScope, branchId, { P: scopeWithId(state, placeholderBranchId) }), this.writeHTML(state.mark("]", scopeId + " " + ("P" + branchId) + " " + placeholderBranchId)), dismissChunk(end, body).writeEffect(branchId, "_f")), this.writeHTML(state.mark("!", reorderId)), this.deferredReorder = body, !1;
 	}
 	markCatchRange() {
 		let { catchRange } = this;
@@ -2040,14 +1885,14 @@ var State = class {
 	consume(boundary) {
 		this.renderPlaceholders(boundary);
 		let cur = this, html = "", effects = "", scripts = "", effectsEnd, heldEffects = this.heldEffects, deferredReady;
-		for (this.heldEffects = null, this.serializeState.readyId && this.effects && followHeldEffects(this); cur.next && !cur.async;) cur.markCatchRange(), cur.queueDeferredReorder(), html += cur.html, cur.serializeState.readyId ? deferredReady = push(deferredReady, cur) : (cur.effects && (effectsEnd && effectsEnd.boundary !== cur.boundary && (heldEffects = holdEffectsOn(heldEffects, effectsEnd, effects), effects = ""), effectsEnd = cur, effects = concatEffects(effects, cur.effects)), scripts = concatScripts(scripts, cur.scripts)), deferredReady = concat(deferredReady, cur.takeDeferredReady()), cur.consumed = !0, cur = cur.next;
-		return cur.deferOwnReady(), effects && (cur.serializeState.readyId ? heldEffects = holdEffectsOn(heldEffects, effectsEnd, effects) : effectsEnd.boundary === cur.boundary ? (cur.effects = concatEffects(effects, cur.effects), cur.lastEffect ||= effectsEnd.lastEffect) : (heldEffects = holdEffectsOn(heldEffects, effectsEnd, effects), isWithin(cur.boundary, effectsEnd.boundary) && (cur.lastEffect ||= effectsEnd.lastEffect))), cur.heldEffects = heldEffects, cur.deferredReady = concat(deferredReady, cur.deferredReady), cur.html = html + cur.html, cur.scripts = concatScripts(scripts, cur.scripts), cur;
+		for (this.heldEffects = null, this.channel.readyId && this.effects && followHeldEffects(this); cur.next && !cur.async;) cur.markCatchRange(), cur.queueDeferredReorder(), html += cur.html, cur.channel.readyId ? deferredReady = push(deferredReady, cur) : (cur.effects && (effectsEnd && effectsEnd.boundary !== cur.boundary && (heldEffects = holdEffectsOn(heldEffects, effectsEnd, effects), effects = ""), effectsEnd = cur, effects = concatEffects(effects, cur.effects)), scripts = concatScripts(scripts, cur.scripts)), deferredReady = concat(deferredReady, cur.takeDeferredReady()), cur.consumed = !0, cur = cur.next;
+		return cur.deferOwnReady(), effects && (cur.channel.readyId ? heldEffects = holdEffectsOn(heldEffects, effectsEnd, effects) : effectsEnd.boundary === cur.boundary ? (cur.effects = concatEffects(effects, cur.effects), cur.lastEffect ||= effectsEnd.lastEffect) : (heldEffects = holdEffectsOn(heldEffects, effectsEnd, effects), isWithin(cur.boundary, effectsEnd.boundary) && (cur.lastEffect ||= effectsEnd.lastEffect))), cur.heldEffects = heldEffects, cur.deferredReady = concat(deferredReady, cur.deferredReady), cur.html = html + cur.html, cur.scripts = concatScripts(scripts, cur.scripts), cur;
 	}
-	render(content, val) {
+	render(content, val, val2) {
 		let prev = $chunk;
 		$chunk = this;
 		try {
-			return content(val), $chunk;
+			return content(val, val2), $chunk;
 		} catch (err) {
 			return this.boundary.abort(err), this;
 		} finally {
@@ -2055,35 +1900,35 @@ var State = class {
 		}
 	}
 	flushReadyScripts(boundary, reservations, holdEffects) {
-		let { serializeState } = this, { readyId } = serializeState, scripts = "", held = this.takeDeferredReady();
+		let { channel } = this, { readyId } = channel, scripts = "", held = this.takeDeferredReady();
 		if (held) for (let chunk of Array.isArray(held) ? held : [held]) chunk.boundary.aborted || (scripts = concatScripts(scripts, chunk.flushReadyScripts(boundary, reservations, holdEffects)), (chunk.effects || chunk.deferredReady) && (this.deferredReady = push(this.deferredReady, chunk)));
 		if (readyId && !this.async) {
 			let { state } = boundary;
-			flushSerializer(boundary, serializeState);
-			let deps = state.serializer.takeChannelDeps(), effects = holdEffects ? "" : this.effects, { resumes } = serializeState, chunkScripts = this.scripts;
-			if (serializeState.resumes = this.scripts = "", effects && (this.effects = this.lastEffect = ""), resumes || effects) {
-				state.needsMainRuntime = !0;
+			flushSerializer(boundary, channel);
+			let deps = takeChannelDeps(state.serializer), effects = holdEffects ? "" : this.effects, { resumes } = channel, chunkScripts = this.scripts;
+			if (channel.resumes = this.scripts = "", effects && (this.effects = this.lastEffect = ""), resumes || effects) {
+				state.needsWalkerRuntime = !0;
 				let batch = concatSequence(depsMarker(deps), concatSequence(resumes, effects && `"${effects}"`));
 				if (reservations) {
 					let gate = state.readyGate++;
-					reservations.push(state.writeReady(readyId, gate + "")), scripts = concatScripts(scripts, "(b=>b.splice(b.indexOf(" + gate + "),1," + batch + "))(" + state.readyAccess(toObjectKey(readyId)) + ")");
-				} else scripts = concatScripts(scripts, state.writeReady(readyId, batch));
+					reservations.push(state.readyScript(readyId, gate + "")), scripts = concatScripts(scripts, "(b=>b.splice(b.indexOf(" + gate + "),1," + batch + "))(" + state.readyAccess(toObjectKey(readyId)) + ")");
+				} else scripts = concatScripts(scripts, state.readyScript(readyId, batch));
 			}
 			scripts = concatScripts(scripts, chunkScripts);
 		}
 		return scripts;
 	}
-	flushScript(boundary) {
-		let { state } = boundary, { $global, runtimePrefix } = state, needsWalk = state.walkOnNextFlush;
+	flush(boundary) {
+		let { state } = boundary, { runtimePrefix } = state, needsWalk = state.walkOnNextFlush;
 		needsWalk && (state.walkOnNextFlush = !1), flushSerializer(boundary, state);
 		let readyResumeScripts = this.flushReadyScripts(boundary, void 0, this.async);
-		for (let channel; !boundary.aborted && (channel = state.serializer.pendingReadyChannel());) {
-			let resumes = state.serializer.stringifyScopes([], boundary, channel), deps = state.serializer.takeChannelDeps();
-			state.needsMainRuntime = !0, readyResumeScripts = concatScripts(readyResumeScripts, state.writeReady(channel.readyId, concatSequence(depsMarker(deps), resumes)));
+		for (let channel; !boundary.aborted && (channel = pendingReadyChannel(state.serializer));) {
+			let resumes = stringifyScopes(state.serializer, [], boundary, channel), deps = takeChannelDeps(state.serializer);
+			state.needsWalkerRuntime = !0, readyResumeScripts = concatScripts(readyResumeScripts, state.readyScript(channel.readyId, concatSequence(depsMarker(deps), resumes)));
 		}
 		readyResumeScripts && (needsWalk = !0);
 		let effects = this.async ? "" : joinHeldEffects(this.takeHeldEffects(), this.effects), { html, scripts } = this;
-		html && state.hasReorderRuntime && (html = state.mark("*", "") + html), state.needsMainRuntime && !state.hasMainRuntime && (state.hasMainRuntime = !0, scripts = concatScripts(scripts, "(e=>(self[e]||=(l,f=e+l,s=f.length,a={},d=[],t=document,n=t.createTreeWalker(t,129))=>t=self[e][l]={i:f,d:t,l:a,v:d,x(){},w(e,l,r){for(;e=n.nextNode();)t.x(l=(l=e.data)&&!l.indexOf(f)&&(r=l.slice(s+1),(l=l[s])>\"#\"||(a[r]=e),l),r,e),l>\"#\"&&d.push(e)}},self[e]))(\"" + $global.runtimeId + "\")(\"" + $global.renderId + "\")")), scripts = concatScripts(scripts, readyResumeScripts), effects && (needsWalk = !0, state.resumes = state.resumes ? state.resumes + ",\"" + effects + "\"" : "\"" + effects + "\"");
+		html && state.hasReorderRuntime && (html = state.mark("*", "") + html), state.needsWalkerRuntime && !state.hasWalkerRuntime && (state.hasWalkerRuntime = !0, scripts = concatScripts(scripts, state.runtimeScript())), scripts = concatScripts(scripts, readyResumeScripts), effects && (needsWalk = !0, state.resumes = state.resumes ? state.resumes + ",\"" + effects + "\"" : "\"" + effects + "\"");
 		let reordered = "", needsResumeArray = !1;
 		if (state.writeReorders) {
 			for (let reorderedChunk of state.writeReorders) {
@@ -2109,9 +1954,9 @@ var State = class {
 	}
 	flushHTML(boundary) {
 		let { state } = boundary;
-		this.flushScript(boundary);
+		this.flush(boundary);
 		let { html, scripts } = this;
-		return this.html = this.scripts = "", state.flushChunk(html, scripts, boundary.count);
+		return this.html = this.scripts = "", state.joinFlush(html, scripts, boundary.count);
 	}
 };
 function renderReorderPlaceholders(reorder, reorders) {
@@ -2130,7 +1975,7 @@ function followHeldEffects(chunk) {
 	held !== chunk && (held.effects = concatEffects(held.effects, chunk.effects), chunk.effects = "");
 }
 function lastHeldOf(held, cur) {
-	return cur.serializeState === held.serializeState && cur.boundary === held.boundary ? cur : held;
+	return cur.channel === held.channel && cur.boundary === held.boundary ? cur : held;
 }
 function holdEffectsOn(heldEffects, chunk, effects) {
 	return chunk.effects = effects, push(heldEffects, chunk);
@@ -2140,7 +1985,7 @@ function isWithin(boundary, outer) {
 	return !!boundary;
 }
 function holdReorderEffects(head, boundary, effects) {
-	head.serializeState.readyId || (head.effects && (head.heldEffects = holdEffectsOn(head.heldEffects, head.fork(head.boundary, null), head.effects)), head.effects = head.lastEffect = ""), head.heldEffects = holdEffectsOn(head.heldEffects, head.fork(boundary, null), effects);
+	head.channel.readyId || (head.effects && (head.heldEffects = holdEffectsOn(head.heldEffects, head.fork(head.boundary, null), head.effects)), head.effects = head.lastEffect = ""), head.heldEffects = holdEffectsOn(head.heldEffects, head.fork(boundary, null), effects);
 }
 function joinHeldEffects(heldEffects, effects) {
 	return concatEffects(reduce(heldEffects, joinUncaught, ""), effects);
@@ -2148,16 +1993,16 @@ function joinHeldEffects(heldEffects, effects) {
 function joinUncaught(joined, held) {
 	return held.boundary.aborted ? joined : concatEffects(joined, held.effects);
 }
-function flushSerializer(boundary, serializeState) {
-	let { state } = boundary, { serializer } = state, pending = serializer.pending(serializeState);
-	if (serializeState.flushScopes || pending) {
-		let { writeScopes, passiveScopes } = serializeState, isBlockingState = serializeState !== state, flushes = [];
+function flushSerializer(boundary, channel) {
+	let { state } = boundary, { serializer } = state, pending = hasMatchingCalls(serializer, channel.readyId);
+	if (channel.flushScopes || pending) {
+		let { writeScopes, passiveScopes } = channel, flushes = [];
 		if (passiveScopes) for (let key in passiveScopes) {
 			let props = writeScopes[key];
 			props && (writeScopes[key] = Object.assign(passiveScopes[key], props), delete passiveScopes[key]);
 		}
-		if (!isBlockingState && !state.hasGlobals) {
-			state.hasGlobals = !0;
+		if (!channel.readyId && !state.hasWrittenGlobals) {
+			state.hasWrittenGlobals = !0;
 			let globals = getFilteredGlobals(state.$global);
 			globals && flushes.push([
 				0,
@@ -2173,12 +2018,12 @@ function flushSerializer(boundary, serializeState) {
 				props
 			]);
 		}
-		(flushes.length || pending) && (isBlockingState && !state.hasGlobals && flushSerializerGlobals(boundary), serializeState.resumes = concatSequence(serializeState.resumes, serializer.stringifyScopes(flushes, boundary, serializeState))), serializeState.writeScopes = {}, serializeState.flushScopes = !1, pending && (state.walkOnNextFlush = !0);
+		(flushes.length || pending) && (channel.readyId && !state.hasWrittenGlobals && flushSerializerGlobals(boundary), state.addResumes(channel, stringifyScopes(serializer, flushes, boundary, channel))), channel.writeScopes = {}, channel.flushScopes = !1, pending && (state.walkOnNextFlush = !0);
 	}
 }
 function flushSerializerGlobals(boundary) {
 	let { state } = boundary, globals = getFilteredGlobals(state.$global);
-	globals && (state.hasGlobals = !0, state.needsMainRuntime = !0, state.resumes = concatSequence(state.resumes, state.serializer.stringifyScopes([[
+	globals && (state.hasWrittenGlobals = !0, state.needsWalkerRuntime = !0, state.resumes = concatSequence(state.resumes, stringifyScopes(state.serializer, [[
 		0,
 		globals,
 		globals
@@ -2462,11 +2307,11 @@ function writeLoadAsset(assetId, flush, triggers) {
 	let g = $global();
 	writeAsset(g, addAsset(g, assetId, flush, triggers));
 }
-function withPageAssets(template, runtime, assetId, runtimeId) {
+function withPageAssets(template, flush, assetId, runtimeId) {
 	return Object.assign((input) => {
 		let g = $global();
 		runtimeId && (g[kAssets] || (g.runtimeId = runtimeId));
-		let asset = addAsset(g, assetId, runtime);
+		let asset = addAsset(g, assetId, flush);
 		return g.__flush__ ? (writeAsset(g, asset), writeWaitReady(assetId, template, input)) : (g.__flush__ = flushPage, template(input));
 	}, template);
 }
@@ -2537,6 +2382,212 @@ function toObjectExpression(options) {
 //#endregion
 //#region src/common/compat-meta.ts
 //#endregion
+//#region src/common/for.ts
+function forIn(obj, cb) {
+	for (let key in obj) cb(key, obj[key]);
+}
+function forOf(list, cb) {
+	if (list) {
+		let i = 0;
+		for (let item of list) cb(item, i++);
+	}
+}
+function forTo(to, from, step, cb) {
+	let start = from || 0, delta = step || 1;
+	for (let steps = (to - start) / delta, i = 0; i <= steps; i++) cb(start + i * delta);
+}
+function forUntil(until, from, step, cb) {
+	let start = from || 0, delta = step || 1;
+	for (let steps = (until - start) / delta, i = 0; i < steps; i++) cb(start + i * delta);
+}
+//#endregion
+//#region src/html/for.ts
+function forOfBy(by, item, index) {
+	return by ? typeof by == "string" ? item[by] : by(item, index) : index;
+}
+function forInBy(by, name, value) {
+	return by ? by(name, value) : name;
+}
+function forStepBy(by, index) {
+	return by ? by(index) : index;
+}
+//#endregion
+//#region src/html/control-flow.ts
+function _show_start(display, markerGuard, branchExprGuard, parentEndTag) {
+	display ? resumesMarker(markerGuard, branchExprGuard, parentEndTag) && $chunk.writeHTML($chunk.boundary.state.mark("[", "")) : $chunk.writeHTML("<t hidden>");
+}
+function _show_end(scopeId, accessor, display, markerGuard, branchExprGuard, parentEndTag, singleNode) {
+	let branchId = _scope_id(), wrap = !display;
+	wrap && $chunk.writeHTML("</t>"), writeBranchEnd(scopeId, accessor, branchExprGuard, markerGuard, parentEndTag, wrap || singleNode ? 1 : void 0, " " + branchId);
+}
+function _for_of(list, cb, by, scopeId, accessor, branchGuard, markerGuard, branchExprGuard, parentEndTag, singleNode) {
+	forBranches(by, cb, iterateForOf(list, cb, by), scopeId, accessor, branchGuard, markerGuard, branchExprGuard, parentEndTag, singleNode);
+}
+function iterateForOf(list, cb, by) {
+	return (each) => each ? forOf(list, (item, index) => {
+		let itemKey = forOfBy(by, item, index);
+		each(itemKey, itemKey === index, item, index);
+	}) : forOf(list, cb);
+}
+function _for_in(obj, cb, by, scopeId, accessor, branchGuard, markerGuard, branchExprGuard, parentEndTag, singleNode) {
+	forBranches(by, cb, iterateForIn(obj, cb, by), scopeId, accessor, branchGuard, markerGuard, branchExprGuard, parentEndTag, singleNode);
+}
+function iterateForIn(obj, cb, by) {
+	return (each) => each ? forIn(obj, (key, value) => {
+		each(forInBy(by, key, value), !1, key, value);
+	}) : forIn(obj, cb);
+}
+function _for_to(to, from, step, cb, by, scopeId, accessor, branchGuard, markerGuard, branchExprGuard, parentEndTag, singleNode) {
+	forBranches(by, cb, iterateForTo(to, from, step, cb, by), scopeId, accessor, branchGuard, markerGuard, branchExprGuard, parentEndTag, singleNode);
+}
+function iterateForTo(to, from, step, cb, by) {
+	return (each) => {
+		let index = 0;
+		return each ? forTo(to, from, step, (value) => {
+			let itemKey = forStepBy(by, value);
+			each(itemKey, itemKey === index++, value);
+		}) : forTo(to, from, step, cb);
+	};
+}
+function _for_until(until, from, step, cb, by, scopeId, accessor, branchGuard, markerGuard, branchExprGuard, parentEndTag, singleNode) {
+	forBranches(by, cb, iterateForUntil(until, from, step, cb, by), scopeId, accessor, branchGuard, markerGuard, branchExprGuard, parentEndTag, singleNode);
+}
+function iterateForUntil(until, from, step, cb, by) {
+	return (each) => {
+		let index = 0;
+		return each ? forUntil(until, from, step, (value) => {
+			let itemKey = forStepBy(by, value);
+			each(itemKey, itemKey === index++, value);
+		}) : forUntil(until, from, step, cb);
+	};
+}
+function forBranches(by, cb, iterate, scopeId, accessor, branchGuard, markerGuard, branchExprGuard, parentEndTag, singleNode) {
+	if (branchGuard === 0) {
+		iterate(0), writeBranchEnd(scopeId, accessor, branchExprGuard, markerGuard, parentEndTag, singleNode, "");
+		return;
+	}
+	let { state } = $chunk.boundary, resumeKeys = markerGuard !== 0, resumeMarker = resumesMarker(markerGuard, branchExprGuard, parentEndTag), flushBranchIds = "", loopScopes;
+	iterate((itemKey, sameAsIndex, a, b) => {
+		let branchId = _peek_scope_id();
+		resumeMarker && (singleNode ? flushBranchIds = " " + branchId + flushBranchIds : ($chunk.writeHTML(state.mark("[", flushBranchIds)), flushBranchIds = branchId + "")), withBranchId(branchId, cb, a, b);
+		let branchScope = writeScope(branchId, resumeKeys && !sameAsIndex ? { M: itemKey } : {});
+		resumeMarker || (loopScopes = push(loopScopes, branchScope));
+	}), loopScopes && writeScope(scopeId, { ["A" + accessor]: loopScopes }), writeBranchEnd(scopeId, accessor, branchExprGuard, markerGuard, parentEndTag, singleNode, singleNode ? flushBranchIds : flushBranchIds ? " " + flushBranchIds : "");
+}
+function _if(cb, scopeId, accessor, branchGuard, markerGuard, branchExprGuard, parentEndTag, singleNode) {
+	let resumeBranch = branchGuard !== 0, resumeMarker = resumesMarker(markerGuard, branchExprGuard, parentEndTag), branchId = _peek_scope_id(), chunk = $chunk, beforeBranch = resumeMarker && resumeBranch && !singleNode ? deferBranchStart(chunk) : void 0, branchIndex = resumeBranch ? withBranchId(branchId, cb) : cb(), shouldWriteBranch = resumeBranch && branchIndex !== void 0;
+	beforeBranch !== void 0 && applyBranchStart(chunk, beforeBranch, shouldWriteBranch), shouldWriteBranch && (branchIndex || !resumeMarker) && writeScope(scopeId, {
+		["D" + accessor]: branchIndex || void 0,
+		["A" + accessor]: resumeMarker ? void 0 : writeScope(branchId, {})
+	}), writeBranchEnd(scopeId, accessor, branchExprGuard, markerGuard, parentEndTag, singleNode, shouldWriteBranch ? " " + branchId : "");
+}
+function resumesMarker(markerGuard, branchExprGuard, parentEndTag) {
+	return markerGuard !== 0 && (!parentEndTag || branchExprGuard !== 0);
+}
+function writeBranchEnd(scopeId, accessor, branchExprGuard, markerGuard, parentEndTag, singleNode, branchIds) {
+	let endTag = parentEndTag || "";
+	if (resumesMarker(markerGuard, branchExprGuard, parentEndTag)) {
+		let { state } = $chunk.boundary, mark = singleNode ? state.mark(parentEndTag ? "}" : "|", scopeId + " " + accessor + (branchIds || "")) : state.mark(parentEndTag ? ")" : "]", scopeId + " " + accessor + (branchIds || ""));
+		$chunk.writeHTML(mark + endTag);
+	} else markerGuard === 0 ? $chunk.writeHTML(endTag) : $chunk.writeHTML(endTag + _el_resume(scopeId, accessor));
+}
+function _await(scopeId, accessor, promise, content, markerGuard) {
+	let resumeMarker = markerGuard !== 0;
+	if (!isPromise(promise)) {
+		if (resumeMarker) {
+			let branchId = _peek_scope_id();
+			$chunk.writeHTML($chunk.boundary.state.mark("[", "")), withBranchId(branchId, content, promise), $chunk.writeHTML($chunk.boundary.state.mark("]", scopeId + " " + accessor + " " + branchId));
+		} else content(promise);
+		return;
+	}
+	let chunk = $chunk, { boundary } = chunk, startId = _peek_scope_id(), after = chunk.next = chunk.forkRest(boundary);
+	chunk.async = !0, captureContext(chunk), boundary.startAsync(), promise.then((value) => {
+		if (chunk.async && (chunk.async = !1, !boundary.aborted)) {
+			let { state } = boundary;
+			chunk.render(() => {
+				if (resumeMarker) {
+					let branchId = _peek_scope_id();
+					$chunk.writeHTML($chunk.boundary.state.mark("[", "")), withBranchId(branchId, () => withAsyncContent({ parent: getAsyncContent(chunk) }, content, value)), $chunk.writeHTML($chunk.boundary.state.mark("]", scopeId + " " + accessor + " " + branchId));
+				} else {
+					let renderedSince = _peek_scope_id() !== startId, async = { parent: getAsyncContent(chunk) };
+					withAsyncContent(async, content, value), async.visit = renderedSince && (after.html || after.next) ? $chunk.boundary.state.mark("]", scopeId + " " + accessor) : "", async.resumed && $chunk.writeHTML(async.visit), async.end = $chunk;
+				}
+			}), !chunk.async && boundary.pendingReorders?.delete(chunk) && state.reorder(chunk), boundary.endAsync();
+		}
+	}, (err) => {
+		chunk.async = !1, boundary.abort(err);
+	});
+}
+function _try(scopeId, accessor, content, placeholderContent, catchContent, placeholderId, catchId) {
+	let placeholderBranchId = placeholderContent ? _scope_id() : 0, branchId = _peek_scope_id(), chunk = $chunk, { boundary } = chunk, { state } = boundary, { resumeWrites } = boundary, beforeBranch = deferBranchStart(chunk), renderers = () => writeTryRenderers(branchId, catchContent && _resume(catchContent, catchId), placeholderContent && _resume(placeholderContent, placeholderId)), writesRenderers = tryBoundary(placeholderContent ? () => tryPlaceholder(content, placeholderContent, branchId, scopeId, placeholderBranchId) : content, catchContent, branchId, renderers), keepsMarks = state.keepsTryMarks(chunk, resumeWrites);
+	applyBranchStart(chunk, beforeBranch, keepsMarks), keepsMarks && (writesRenderers || renderers(), $chunk.writeHTML(state.mark("]", scopeId + " " + accessor + " " + branchId)));
+}
+function tryPlaceholder(content, placeholder, branchId, scopeId, placeholderBranchId) {
+	let chunk = $chunk, { boundary } = chunk, body = chunk.fork(boundary, null);
+	if (body === body.render(content)) {
+		chunk.append(body);
+		return;
+	}
+	chunk.next = chunk.forkRest(boundary), captureContext(chunk), chunk.placeholder = {
+		body,
+		render: placeholder,
+		branchId,
+		scopeId,
+		placeholderBranchId
+	};
+}
+function tryBoundary(content, catchContent, branchId, renderers) {
+	let chunk = $chunk, { boundary } = chunk, { state } = boundary, bodyBoundary = new Boundary(state, void 0, boundary);
+	catchContent && (bodyBoundary.withinCatch = !0);
+	let body = chunk.fork(bodyBoundary, null), bodyEnd = body.render(withBranchId, branchId, content);
+	if (bodyBoundary.aborted) {
+		if (!catchContent) throw bodyBoundary.reason;
+		return catchContent(bodyBoundary.reason), !0;
+	}
+	if (body === bodyEnd) return chunk.append(body), !1;
+	let renderersAtSettle = !bodyBoundary.resumeWrites, bodyNext = bodyEnd.next = chunk.forkRest(boundary);
+	chunk.next = body, boundary.startAsync();
+	let reorderId = catchContent ? state.nextReorderId() : "";
+	return reorderId && (chunk.catchRange = {
+		id: reorderId,
+		end: bodyEnd
+	}, captureContext(chunk)), bodyBoundary.onNext = () => {
+		if (!boundary.aborted) {
+			if (bodyBoundary.aborted) {
+				if (!reorderId) {
+					boundary.abort(bodyBoundary.reason);
+					return;
+				}
+				let streamed = !chunk.catchRange, catchChunk = chunk.fork(boundary, null);
+				chunk.catchRange = null, renderersAtSettle || catchChunk.render(clearTryRenderers, branchId);
+				let inOrder = catchChunk === catchChunk.render(catchContent, bodyBoundary.reason);
+				if (boundary.aborted) return;
+				if ((bodyEnd.consumed || !inOrder) && (catchChunk.reorderBranch = branchId), bodyEnd.consumed) catchChunk.reorderId = reorderId, state.reorder(catchChunk);
+				else {
+					let reorder = null;
+					inOrder ? streamed && (reorder = chunk.fork(boundary, null)) : reorder = catchChunk, reorder && (reorder.reorderId = reorderId);
+					let endMarker = state.mark("!", reorderId), cut = body;
+					for (; cut.consumed;) cut = cut.next;
+					cut.async = !1, cut.next = inOrder ? catchChunk : bodyNext, cut.html = streamed ? endMarker : inOrder ? "" : state.mark("!^", reorderId) + endMarker, cut.scripts = cut.effects = cut.lastEffect = "", cut.placeholder = cut.reorderId = cut.catchRange = null, cut.deferredReorder = reorder, inOrder && (catchChunk.next = bodyNext);
+				}
+				boundary.endAsync();
+			} else bodyBoundary.count ? boundary.onNext() : (renderersAtSettle && bodyBoundary.resumeWrites && bodyEnd.render(renderers), chunk.catchRange = null, boundary.endAsync());
+		}
+	}, renderersAtSettle;
+}
+function clearTryRenderers(branchId) {
+	writeScope(branchId, {
+		E: 0,
+		Q: _scope_with_id(branchId).Q && 0
+	});
+}
+function writeTryRenderers(branchId, catchContent, placeholderContent) {
+	writeScope(branchId, {
+		E: catchContent,
+		Q: placeholderContent
+	});
+}
+//#endregion
 //#region src/html/compat.ts
 function drainClassFunctions($global, writeScope) {
 	let pending = pendingClassFunctions.get($global), scopeByHost = {};