marko 6.1.2 → 6.1.4

package/dist/html.js

@@ -1,10 +1,4 @@
-let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(val, delimiter, stringify) {
-	let str = "", sep = "", part;
-	if (val) if (typeof val != "object") str += val;
-	else if (Array.isArray(val)) for (let v of val) part = toDelimitedString(v, delimiter, stringify), part && (str += sep + part, sep = delimiter);
-	else for (let name in val) part = stringify(name, val[name]), part && (str += sep + part, sep = delimiter);
-	return str;
-}, unsafeXMLReg = /[<&]/g, replaceUnsafeXML = (c) => c === "&" ? "&amp;" : "&lt;", escapeXMLStr = (str) => unsafeXMLReg.test(str) ? str.replace(unsafeXMLReg, replaceUnsafeXML) : str, unsafeScriptReg = /<\/script/gi, escapeScriptStr = (str) => unsafeScriptReg.test(str) ? str.replace(unsafeScriptReg, "\\x3C/script") : str, unsafeStyleReg = /<\/style/gi, escapeStyleStr = (str) => unsafeStyleReg.test(str) ? str.replace(unsafeStyleReg, "\\3C/style") : str, unsafeCommentReg = />/g, escapeCommentStr = (str) => unsafeCommentReg.test(str) ? str.replace(unsafeCommentReg, "&gt;") : str, kTouchedIterator = Symbol.for("marko.touchedIterator"), { hasOwnProperty } = {}, Generator = (function* () {})().constructor, AsyncGenerator = (async function* () {})().constructor, REGISTRY = /* @__PURE__ */ new WeakMap(), KNOWN_SYMBOLS = (() => {
+let empty = [], rest = Symbol(), unsafeXMLReg = /[<&]/g, replaceUnsafeXML = (c) => c === "&" ? "&amp;" : "&lt;", escapeXMLStr = (str) => unsafeXMLReg.test(str) ? str.replace(unsafeXMLReg, replaceUnsafeXML) : str, unsafeScriptReg = /<\/script/gi, escapeScriptStr = (str) => unsafeScriptReg.test(str) ? str.replace(unsafeScriptReg, "\\x3C/script") : str, unsafeStyleReg = /<\/style/gi, escapeStyleStr = (str) => unsafeStyleReg.test(str) ? str.replace(unsafeStyleReg, "\\3C/style") : str, unsafeCommentReg = />/g, escapeCommentStr = (str) => unsafeCommentReg.test(str) ? str.replace(unsafeCommentReg, "&gt;") : str, K_SCOPE_ID = Symbol("Scope ID"), kTouchedIterator = Symbol.for("marko.touchedIterator"), { hasOwnProperty: hasOwnProperty$1 } = {}, Generator = (function* () {})().constructor, AsyncGenerator = (async function* () {})().constructor, REGISTRY = /* @__PURE__ */ new WeakMap(), KNOWN_SYMBOLS = (() => {
 	let KNOWN_SYMBOLS = /* @__PURE__ */ new Map();
 	for (let name of Object.getOwnPropertyNames(Symbol)) {
 		let symbol = Symbol[name];
@@ -238,7 +232,16 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	[JSON, "JSON"],
 	[Math, "Math"],
 	[Reflect, "Reflect"]
-]), $chunk, NOOP$2 = () => {}, K_SCOPE_ID = Symbol("Scope ID"), K_SCOPE_REFERENCED = Symbol("Scope Referenced"), kPendingContexts = Symbol("Pending Contexts"), kBranchId = Symbol("Branch Id"), kIsAsync = Symbol("Is Async"), writeScope = (scopeId, partialScope) => writeScopeToState($chunk.boundary.state, scopeId, partialScope), tick = globalThis.setImmediate || globalThis.setTimeout || globalThis.queueMicrotask || ((cb) => Promise.resolve().then(cb)), tickQueue, kSelectedValue = Symbol("selectedValue"), checkedValuesRefs = /* @__PURE__ */ new WeakMap(), singleQuoteAttrReplacements = /'|&(?=#?\w+;)/g, doubleQuoteAttrReplacements = /"|&(?=#?\w+;)/g, needsQuotedAttr = /["'>\s]|&#?\w+;|\/$/g, SET_SCOPE_REGISTER_ID = "$C_s", 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, serializeReason) => {
+]), toDelimitedString = function toDelimitedString(val, delimiter, stringify) {
+	let str = "", sep = "", part;
+	if (val) if (typeof val != "object") str += val;
+	else if (Array.isArray(val)) for (let v of val) part = toDelimitedString(v, delimiter, stringify), part && (str += sep + part, sep = delimiter);
+	else for (let name in val) part = stringify(name, val[name]), part && (str += sep + part, sep = delimiter);
+	return str;
+}, $chunk, NOOP$2 = () => {}, 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, Object.assign(scope, partialScope), pending && pending !== partialScope ? Object.assign(pending, partialScope) : target.writeScopes[scopeId] = partialScope, target.flushScopes = !0, scope;
+}, tick = globalThis.setImmediate || globalThis.setTimeout || globalThis.queueMicrotask || ((cb) => Promise.resolve().then(cb)), tickQueue, kSelectedValue = Symbol("selectedValue"), checkedValuesRefs = /* @__PURE__ */ new WeakMap(), singleQuoteAttrReplacements = /'|&(?=#?\w+;)/g, doubleQuoteAttrReplacements = /"|&(?=#?\w+;)/g, needsQuotedAttr = /["'>\s]|&#?\w+;|\/$/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, serializeReason) => {
 	let shouldResume = serializeReason !== 0, renderer = normalizeDynamicRenderer(tag), state = getState(), branchId = _peek_scope_id(), rendered, result;
 	if (typeof renderer == "string") {
 		let input = (inputIsArgs ? inputOrArgs[0] : inputOrArgs) || {};
@@ -252,7 +255,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 			_html(`</${renderer}>`);
 		}
 		let childScope = getScopeById(branchId), needsScript = childScope && (childScope.Ia || childScope.Ea);
-		needsScript && (childScope.R = renderer, _script(branchId, "d")), (shouldResume || needsScript) && _html(state.mark("'", scopeId + " " + accessor + " " + branchId));
+		needsScript && (writeScope(branchId, { R: renderer }), _script(branchId, "d")), (shouldResume || needsScript) && _html(state.mark("'", scopeId + " " + accessor + " " + branchId));
 	} else {
 		shouldResume && _html(state.mark("[", ""));
 		let render = () => {
@@ -274,7 +277,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 		let patched = patch(tag, scopeId, accessor);
 		return patched !== tag && (patched.a = tag), originalDynamicTag(scopeId, accessor, patched, input, content, inputIsArgs, resume);
 	};
-})(_dynamic_tag), K_TAGS_API_STATE = Symbol(), COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap(), compat = {
+})(_dynamic_tag), _template = (templateId, renderer, page) => (renderer.render = render, renderer.i = !page, renderer._ = renderer, _content_resume(templateId, renderer)), kAssets = Symbol(), kBlockIndex = Symbol(), kDeferIndex = Symbol(), { hasOwnProperty } = {}, assetFlush, SET_SCOPE_REGISTER_ID = "$C_s", K_TAGS_API_STATE = Symbol(), COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap(), compat = {
 	$global,
 	fork: _await,
 	write: _html,
@@ -302,26 +305,26 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 			m5i
 		}), _script(branchId, SET_SCOPE_REGISTER_ID);
 	},
-	toJSON(state) {
+	toJSON() {
 		return function() {
 			let compatRegistered = COMPAT_REGISTRY.get(this);
 			if (!compatRegistered) {
 				let registered = getRegistered(this);
 				if (registered) {
 					let scopeId = registered.scope ? getScopeId(registered.scope) : void 0;
-					scopeId !== void 0 && writeScopeToState(state, scopeId, {}), COMPAT_REGISTRY.set(this, compatRegistered = [registered.id, scopeId]);
+					scopeId !== void 0 && _script(scopeId, SET_SCOPE_REGISTER_ID), COMPAT_REGISTRY.set(this, compatRegistered = [registered.id, scopeId]);
 				}
 			}
 			return compatRegistered;
 		};
 	},
 	flushScript($global) {
-		let boundary = new Boundary(this.ensureState($global));
+		let state = this.ensureState($global), boundary = new Boundary(state);
 		if (boundary.flush() === 1) throw Error("Cannot serialize promise across tags/class compat layer.");
-		return new Chunk(boundary, null, null).flushScript().scripts;
+		return new Chunk(boundary, null, null, state).flushScript().scripts;
 	},
 	render(renderer, willRerender, classAPIOut, component, input, completeChunks) {
-		let boundary = new Boundary(this.ensureState(classAPIOut.global)), head = new Chunk(boundary, null, null), normalizedInput = input;
+		let state = this.ensureState(classAPIOut.global), boundary = new Boundary(state), head = new Chunk(boundary, null, null, state), normalizedInput = input;
 		if ("renderBody" in input) {
 			normalizedInput = {};
 			for (let key in input) normalizedInput[key === "renderBody" ? "content" : key] = input[key];
@@ -343,18 +346,16 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 			});
 			classAPIOut.onLast((next) => {
 				(boundary.onNext = () => {
-					boundary.signal.aborted ? (asyncOut.error(boundary.signal.reason), boundary.onNext = NOOP$1) : boundary.count || (boundary.onNext = NOOP$1, head = head.consume(), asyncOut.write(head.html), asyncOut.script(head.scripts), asyncOut.end(), head.html = head.scripts = "", completeChunks.push(head), next());
+					boundary.signal.aborted ? (asyncOut.error(boundary.signal.reason), boundary.onNext = NOOP) : boundary.count || (boundary.onNext = NOOP, head = head.consume(), asyncOut.write(head.html), asyncOut.script(head.scripts), asyncOut.end(), head.html = head.scripts = "", completeChunks.push(head), next());
 				})();
 			});
 		});
 	},
-	registerRenderer(renderer, id) {
-		return register("$C_r", renderer, register(id, () => {}));
-	},
+	register,
 	registerRenderBody(fn) {
 		register("$C_b", fn);
 	}
-}, _template = (templateId, renderer, page) => (renderer.render = render, renderer.i = !page, renderer._ = renderer, _content_resume(templateId, renderer));
+};
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 //#region src/common/attr-tag.ts
 function attrTag(attrs) {
@@ -372,30 +373,6 @@ function _el_read_error() {}
 function _hoist_read_error() {}
 function _assert_hoist(value) {}
 //#endregion
-//#region src/common/helpers.ts
-function stringifyClassObject(name, value) {
-	return value ? name : "";
-}
-function stringifyStyleObject(name, value) {
-	return value || value === 0 ? name + ":" + value : "";
-}
-function isEventHandler(name) {
-	return /^on[A-Z-]/.test(name);
-}
-function getEventHandlerName(name) {
-	return name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase();
-}
-function isVoid(value) {
-	return value == null || value === !1;
-}
-function normalizeDynamicRenderer(value) {
-	if (value) {
-		if (typeof value == "string") return value;
-		let normalized = value.content || value.default || value;
-		if ("a" in normalized) return normalized;
-	}
-}
-//#endregion
 //#region src/html/content.ts
 function _unescaped(val) {
 	return val ? val + "" : val === 0 ? "0" : "";
@@ -412,54 +389,18 @@ function _escape_style(val) {
 function _escape_comment(val) {
 	return val ? escapeCommentStr(val + "") : val === 0 ? "0" : "";
 }
-//#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 push(opt, item) {
-	return opt ? Array.isArray(opt) ? (opt.push(item), opt) : [opt, item] : item;
-}
-//#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;
-}
 patchIteratorNext(Generator.prototype), patchIteratorNext(AsyncGenerator.prototype);
 var State$1 = class {
 	ids = 0;
 	flush = 0;
-	registerInstanceId = 0;
-	flushed = !1;
 	wroteUndefined = !1;
 	buf = [];
 	strs = /* @__PURE__ */ new Map();
 	refs = /* @__PURE__ */ new WeakMap();
 	assigned = /* @__PURE__ */ new Set();
-	registered = [];
 	boundary = void 0;
+	channel = void 0;
+	channelDeps = null;
 	mutated = [];
 }, Reference = class {
 	parent;
@@ -467,58 +408,47 @@ var State$1 = class {
 	flush;
 	pos;
 	id;
-	registered = null;
 	assigns = null;
+	scopeId = void 0;
+	channel = void 0;
 	constructor(parent, accessor, flush, pos = null, id = null) {
-		this.parent = parent, this.accessor = accessor, this.flush = flush, this.pos = pos, this.id = id, this.parent = parent, this.accessor = accessor, this.flush = flush, this.pos = pos, this.id = id;
+		this.parent = parent, this.accessor = accessor, this.flush = flush, this.pos = pos, this.id = id;
 	}
 }, Serializer = class {
 	#state = new State$1();
-	get flushed() {
-		return this.#state.flushed;
+	pending(channel) {
+		return hasMatchingMutations(this.#state.mutated, channel?.readyId);
 	}
-	stringify(val, boundary) {
+	pendingReadyChannel() {
+		for (let mutation of this.#state.mutated) if (mutation.channel?.readyId) return mutation.channel;
+	}
+	stringifyScopes(flushes, globals, boundary, channel) {
 		try {
-			return this.#state.flushed = !1, this.#state.boundary = boundary, writeRoot(this.#state, val);
+			return this.#state.boundary = boundary, this.#state.channel = channel, writeScopesRoot(this.#state, flushes, globals);
 		} finally {
 			this.#state.flush++, this.#state.buf = [];
 		}
 	}
-	nextId() {
-		return nextId(this.#state);
+	written(val) {
+		return this.#state.refs.has(val);
 	}
-	symbol(id) {
-		let symbol = Symbol();
-		return this.#state.refs.set(symbol, new Reference(null, null, 0, null, id)), symbol;
+	takeChannelDeps() {
+		let deps = this.#state.channelDeps;
+		return this.#state.channelDeps = null, deps;
 	}
-	writeCall(value, object, property, spread) {
-		let state = this.#state;
-		state.mutated.push({
-			type: 0,
+	writeCall(value, object, property, channel) {
+		this.#state.mutated.push({
 			value,
 			object,
 			property,
-			spread
-		}), state.flushed = !0;
-	}
-	writeAssign(value, object, property) {
-		let state = this.#state;
-		state.mutated.push({
-			type: 1,
-			value,
-			object,
-			property
-		}), state.flushed = !0;
-	}
-	register(id, val, scope) {
-		return register(id, val, scope, scope ? ++this.#state.registerInstanceId : 0);
+			channel
+		});
 	}
 };
-function register(id, val, scope, instanceId) {
+function register(id, val, scope) {
 	return REGISTRY.set(val, {
 		id,
 		scope,
-		instanceId: instanceId ?? 0,
 		access: "_._" + toAccess(toObjectKey(id))
 	}), val;
 }
@@ -529,50 +459,59 @@ function getRegistered(val) {
 		scope: registered.scope
 	};
 }
-function writeRoot(state, root) {
-	let { buf } = state, hadBuf = buf.length !== 0, result;
-	if (hadBuf && buf.push(","), writeProp(state, root, null, "")) {
-		let rootRef = state.refs.get(root);
-		if (rootRef) {
-			let rootId = ensureId(state, rootRef);
-			(state.assigned.size || state.registered.length || state.mutated.length) && (state.assigned.delete(rootRef), writeAssigned(state), buf.push("," + (rootRef.assigns ? assignsToString(rootRef.assigns, rootId) : rootId)));
-		}
-		result = "(", buf.push(")");
-	} else hadBuf && (buf.pop(), writeAssigned(state)), result = "{", buf.push("}");
+function writeScopesRoot(state, flushes, globals) {
+	let { buf } = state, nextSlotId = -1, fillIndex = -1;
+	globals && (fillIndex = buf.push("[0,") - 1, writeProp(state, globals, null, ""), nextSlotId = 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();
+	}
+	nextSlotId !== -1 && buf.push("]");
+	let extras = "";
+	(state.assigned.size || hasChannelMutations(state)) && (extras = ",0)", fillIndex !== -1 && (buf[fillIndex] = "_(" + buf[fillIndex], buf.push(")")), writeAssigned(state));
+	let result = extras && "(";
 	for (let chunk of buf) result += chunk;
-	return state.wroteUndefined ? (state.wroteUndefined = !1, "(_,$)=>" + result) : "_=>" + result;
+	return result += extras, result ? state.wroteUndefined ? (state.wroteUndefined = !1, "(_,$)=>" + result) : "_=>" + result : "";
 }
 function writeAssigned(state) {
+	let sep = state.buf.length ? "," : "";
 	if (state.assigned.size) {
 		let buf = "";
-		for (let ref of state.assigned) buf += "," + assignsToString(ref.assigns, ref.id), ref.assigns = null;
+		for (let ref of state.assigned) buf += sep + assignsToString(ref.assigns, ref.id), ref.assigns = null, sep = ",";
 		state.buf.push(buf), state.assigned = /* @__PURE__ */ new Set();
 	}
-	if (state.registered.length) {
-		let buf = "";
-		for (let ref of state.registered.sort(compareRegisteredReferences)) {
-			let scopeRef = state.refs.get(ref.registered.scope);
-			buf += "," + assignsToString(ref.assigns, ref.registered.access + "(" + (scopeRef ? ensureId(state, scopeRef) : ref.assigns[0]) + ")"), ref.assigns = null, ref.registered = null;
-		}
-		state.buf.push(buf), state.registered = [];
-	}
-	if (state.mutated.length) {
+	if (hasChannelMutations(state)) {
+		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.id ? hasSeen || (state.buf[objectStartIndex] = "(" + state.buf[objectStartIndex], state.buf.push(")")) : (objectRef.id = nextRefAccess(state), state.buf[objectStartIndex] = "(" + objectRef.id + "=" + state.buf[objectStartIndex], state.buf.push(")")));
+				objectRef && objectRef.scopeId === void 0 && (objectRef.id ? hasSeen || (state.buf[objectStartIndex] = "(" + state.buf[objectStartIndex], state.buf.push(")")) : (objectRef.id = nextRefAccess(state), state.buf[objectStartIndex] = "(" + objectRef.id + "=" + state.buf[objectStartIndex], state.buf.push(")")));
 			} else state.buf.push("void 0");
-			let isCall = mutation.type === 0, valueStartIndex = state.buf.push(isCall ? (mutation.property === void 0 ? "" : toAccess(toObjectKey(mutation.property))) + "(" + (mutation.spread ? "..." : "") : toAccess(toObjectKey(mutation.property)) + "=");
-			if (writeProp(state, mutation.value, null, "")) {
+			let valueStartIndex = state.buf.push(toAccess(toObjectKey(mutation.property)) + "(");
+			if (mutation.value !== void 0) if (writeProp(state, mutation.value, null, "")) {
 				let valueRef = state.refs.get(mutation.value);
-				valueRef && !valueRef.id && (valueRef.id = nextRefAccess(state), state.buf[valueStartIndex] = valueRef.id + "=" + state.buf[valueStartIndex]);
+				valueRef && !valueRef.id && valueRef.scopeId === void 0 && (valueRef.id = mutation.valueId || nextRefAccess(state), state.buf[valueStartIndex] = valueRef.id + "=" + state.buf[valueStartIndex]);
 			} else state.buf.push("void 0");
-			isCall && state.buf.push(")");
+			state.buf.push(")");
 		}
-		state.mutated = [], (state.assigned.size || state.registered.length) && writeAssigned(state);
+		state.mutated = remaining, state.assigned.size && writeAssigned(state);
 	}
 }
+function hasChannelMutations(state) {
+	return hasMatchingMutations(state.mutated, state.channel?.readyId);
+}
+function hasMatchingMutations(mutated, readyId) {
+	for (let mutation of mutated) if (mutationMatchesReadyId(mutation, 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);
@@ -586,35 +525,49 @@ function writeProp(state, val, parent, accessor) {
 	}
 }
 function writeReferenceOr(state, write, val, parent, accessor) {
+	let scopeId = val[K_SCOPE_ID];
+	if (scopeId !== void 0) return trackScope(state, val, scopeId), state.buf.push("_(" + scopeId + ")"), !0;
 	let ref = state.refs.get(val);
 	if (ref) {
+		if (!trackChannel(state, ref)) return !1;
 		if (parent) {
-			if (ref.assigns) return addAssignment(ref, ensureId(state, parent) + toAccess(accessor)), !1;
-			if (isCircular(parent, ref)) return ensureId(state, ref), state.assigned.add(ref), addAssignment(ref, ensureId(state, parent) + toAccess(accessor)), !1;
+			if (ref.assigns) return addAssignment(ref, accessId(state, parent) + toAccess(accessor)), !1;
+			if (isCircular(parent, ref)) return ensureId(state, ref), state.assigned.add(ref), addAssignment(ref, accessId(state, parent) + toAccess(accessor)), !1;
 		}
 		return state.buf.push(ensureId(state, ref)), !0;
 	}
 	let registered = REGISTRY.get(val);
-	return registered ? writeRegistered(state, val, parent, accessor, registered) : (state.refs.set(val, ref = new Reference(parent, accessor, state.flush, state.buf.length)), write(state, val, ref) ? !0 : (state.refs.delete(val), !1));
+	return registered ? writeRegistered(state, val, parent, accessor, registered) : (state.refs.set(val, ref = new Reference(parent, accessor, state.flush, state.buf.length)), ref.channel = state.channel, write(state, val, ref) ? !0 : (state.refs.delete(val), !1));
+}
+function trackScope(state, val, scopeId) {
+	let ref = state.refs.get(val);
+	ref ? trackChannel(state, ref) : newScopeReference(state, val, scopeId);
+}
+function newScopeReference(state, val, scopeId) {
+	let ref = new Reference(null, null, state.flush);
+	return ref.scopeId = scopeId, ref.channel = state.channel, state.refs.set(val, ref), ref;
 }
 function writeRegistered(state, val, parent, accessor, registered) {
-	if (parent && registered.scope) {
-		if (!state.refs.has(registered.scope)) {
-			state.buf.push(registered.access + "("), writeProp(state, registered.scope, null, ""), state.buf.push(")");
-			let scopeRef = state.refs.get(registered.scope);
-			return scopeRef && ensureId(state, scopeRef), !0;
-		}
-		let fnRef = new Reference(parent, accessor, state.flush, state.buf.length);
-		return fnRef.registered = registered, state.refs.set(val, fnRef), state.registered.push(fnRef), addAssignment(fnRef, ensureId(state, parent) + toAccess(accessor)), !1;
+	let { scope } = registered;
+	if (scope) {
+		let ref = new Reference(parent, accessor, state.flush, state.buf.length);
+		ref.channel = state.channel, state.refs.set(val, ref);
+		let scopeId = scope[K_SCOPE_ID];
+		trackScope(state, scope, scopeId), state.buf.push("_(" + scopeId + "," + quote(registered.id, 0) + ")");
 	} else state.buf.push(registered.access);
 	return !0;
 }
 function writeString(state, val, parent, accessor) {
-	if (val.length > 30) {
+	if (val.length > 12) {
 		let ref = state.strs.get(val);
-		ref ? state.buf.push(ensureId(state, ref)) : (state.strs.set(val, new Reference(parent, accessor, state.flush, state.buf.length)), state.buf.push(quote(val, 0)));
-	} else state.buf.push(quote(val, 0));
-	return !0;
+		if (ref) {
+			if (trackChannel(state, ref)) return state.buf.push(ensureId(state, ref)), !0;
+		} else {
+			let ref = new Reference(parent, accessor, state.flush, state.buf.length);
+			ref.channel = state.channel, state.strs.set(val, ref);
+		}
+	}
+	return state.buf.push(quote(val, 0)), !0;
 }
 function writeNumber(state, val) {
 	return state.buf.push(val + ""), !0;
@@ -703,35 +656,54 @@ function writeArray(state, val, ref) {
 	return sep === "[" ? state.buf.push("[]") : state.buf.push("]"), !0;
 }
 function writeDate(state, val) {
-	return state.buf.push("new Date(\"" + val.toISOString() + "\")"), !0;
+	return state.buf.push("new Date(" + +val + ")"), !0;
 }
 function writeRegExp(state, val) {
 	return state.buf.push(val + ""), !0;
 }
 function writePromise(state, val, ref) {
-	let { boundary } = state;
+	let { boundary, channel } = state;
 	if (!boundary) return !1;
-	let pId = nextRefAccess(state), pRef = new Reference(ref, null, state.flush, null, 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, pRef, "f", v, pId), (v) => writeAsyncCall(state, boundary, pRef, "r", v, pId)), boundary.startAsync(), !0;
+	let 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;
+}
+function newAsyncHandle(state, parent, id) {
+	let handle = {}, handleRef = new Reference(parent, null, state.flush, null, id);
+	return handleRef.channel = state.channel, state.refs.set(handle, handleRef), handle;
 }
 function writeMap(state, val, ref) {
 	if (!val.size) return state.buf.push("new Map"), !0;
-	let arrayRef = new Reference(ref, null, state.flush, null, nextRefAccess(state)), items = [], assigns, i = 0;
+	let items = [], assigns, needsId, i = 0;
 	if (val.size < 25) {
-		for (let [itemKey, itemValue] of val) itemKey === val && (itemKey = void 0, (assigns ||= []).push("a[" + i + "][0]")), itemValue === val && (itemValue = void 0, (assigns ||= []).push("a[" + i + "][1]")), i = items.push(itemValue === void 0 ? itemKey === void 0 ? [] : [itemKey] : [itemKey, itemValue]);
-		assigns ? state.buf.push("((m,a)=>(" + assignsToString(assigns, "m") + ",a.forEach(i=>m.set(i[0],i[1])),m))(new Map," + arrayRef.id + "=") : state.buf.push("new Map(" + arrayRef.id + "="), writeArray(state, items, arrayRef), state.buf.push(")");
+		for (let [itemKey, itemValue] of val) itemKey === val && (itemKey = void 0, (assigns ||= []).push("a[" + i + "][0]")), itemValue === val && (itemValue = void 0, (assigns ||= []).push("a[" + i + "][1]")), needsId ||= isDedupedMember(itemKey) || isDedupedMember(itemValue), i = items.push(itemValue === void 0 ? itemKey === void 0 ? [] : [itemKey] : [itemKey, itemValue]);
+		writeArrayArg(state, ref, items, assigns && "((m,a)=>(" + assignsToString(assigns, "m") + ",a.forEach(i=>m.set(i[0],i[1])),m))(new Map,", "new Map(", needsId);
 	} else {
-		for (let [itemKey, itemValue] of val) itemKey === val && (itemKey = 0, (assigns ||= []).push("a[" + i + "]")), itemValue === val && (itemValue = 0, (assigns ||= []).push("a[" + (i + 1) + "]")), i = items.push(itemKey, itemValue);
-		assigns ? state.buf.push("(a=>a.reduce((m,v,i)=>i%2?m:m.set(v,a[i+1])," + assignsToString(assigns, "new Map") + "))(" + arrayRef.id + "=") : state.buf.push("(a=>a.reduce((m,v,i)=>i%2?m:m.set(v,a[i+1]),new Map))(" + arrayRef.id + "="), writeArray(state, items, arrayRef), state.buf.push(")");
+		for (let [itemKey, itemValue] of val) itemKey === val && (itemKey = 0, (assigns ||= []).push("a[" + i + "]")), itemValue === val && (itemValue = 0, (assigns ||= []).push("a[" + (i + 1) + "]")), needsId ||= isDedupedMember(itemKey) || isDedupedMember(itemValue), i = items.push(itemKey, itemValue);
+		writeArrayArg(state, ref, items, assigns && "(a=>a.reduce((m,v,i)=>i%2?m:m.set(v,a[i+1])," + assignsToString(assigns, "new Map") + "))(", "(a=>a.reduce((m,v,i)=>i%2?m:m.set(v,a[i+1]),new Map))(", needsId);
 	}
 	return !0;
 }
 function writeSet(state, val, ref) {
 	if (!val.size) return state.buf.push("new Set"), !0;
-	let items = [], assigns, i = 0;
-	for (let item of val) item === val && (item = 0, (assigns ||= []).push("i[" + i + "]")), i = items.push(item);
-	let arrayRef = new Reference(ref, null, state.flush, null, nextRefAccess(state));
-	return state.buf.push((assigns ? "((s,i)=>(" + assignsToString(assigns, "s") + ",i.forEach(i=>s.add(i)),s))(new Set," : "new Set(") + arrayRef.id + "="), writeArray(state, items, arrayRef), state.buf.push(")"), !0;
+	let items = [], assigns, needsId, i = 0;
+	for (let item of val) item === val ? (item = 0, (assigns ||= []).push("i[" + i + "]")) : needsId ||= isDedupedMember(item), i = items.push(item);
+	return writeArrayArg(state, ref, items, assigns && "((s,i)=>(" + assignsToString(assigns, "s") + ",i.forEach(i=>s.add(i)),s))(new Set,", "new Set(", needsId), !0;
+}
+function writeArrayArg(state, ref, items, assignsPrefix, plainPrefix, needsId) {
+	if (assignsPrefix || needsId) {
+		let arrayRef = new Reference(ref, null, state.flush, null, nextRefAccess(state));
+		state.buf.push((assignsPrefix || plainPrefix) + arrayRef.id + "="), writeArray(state, items, arrayRef);
+	} else state.buf.push(plainPrefix), writeArray(state, items, new Reference(ref, null, state.flush, state.buf.length));
+	state.buf.push(")");
+}
+function isDedupedMember(val) {
+	switch (typeof val) {
+		case "object": return val !== null && val[K_SCOPE_ID] === void 0;
+		case "function":
+		case "symbol": return !0;
+		case "string": return val.length > 12;
+		default: return !1;
+	}
 }
 function writeArrayBuffer(state, val) {
 	let result;
@@ -788,12 +760,12 @@ function writeResponse(state, val, ref) {
 	return state.refs.set(val.headers, new Reference(ref, "headers", state.flush, null)), headers && (options += sep + "headers:{" + headers + "}"), !val.body || val.bodyUsed ? state.buf.push("new Response" + (options ? "(null,{" + options + "})" : "")) : (state.buf.push("new Response("), state.buf.push((writeProp(state, val.body, ref, "body") ? "" : "null") + (options ? ",{" + options + "})" : ")"))), !0;
 }
 function writeReadableStream(state, val, ref) {
-	let { boundary } = state;
+	let { boundary, channel } = state;
 	if (!boundary || val.locked) return !1;
-	let reader = val.getReader(), iterId = nextRefAccess(state), iterRef = new Reference(ref, null, state.flush, null, iterId), onFulfilled = ({ value, done }) => {
-		done ? writeAsyncCall(state, boundary, iterRef, "r", value) : boundary.signal.aborted || (reader.read().then(onFulfilled, onRejected), boundary.startAsync(), writeAsyncCall(state, boundary, iterRef, "f", value));
+	let reader = val.getReader(), iterId = nextRefAccess(state), handle = newAsyncHandle(state, ref, iterId), onFulfilled = ({ value, done }) => {
+		done ? writeAsyncCall(state, boundary, handle, "r", value, channel) : boundary.signal.aborted || (reader.read().then(onFulfilled, onRejected), boundary.startAsync(), writeAsyncCall(state, boundary, handle, "f", value, channel));
 	}, onRejected = (reason) => {
-		writeAsyncCall(state, boundary, iterRef, "j", reason);
+		writeAsyncCall(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;
 }
@@ -812,12 +784,12 @@ function writeGenerator(state, iter, ref) {
 }
 function writeAsyncGenerator(state, iter, ref) {
 	if (iter[kTouchedIterator]) return state.buf.push("(async function*(){}())"), !0;
-	let { boundary } = state;
+	let { boundary, channel } = state;
 	if (!boundary) return !1;
-	let iterId = nextRefAccess(state), iterRef = new Reference(ref, null, state.flush, null, iterId), onFulfilled = ({ value, done }) => {
-		done ? writeAsyncCall(state, boundary, iterRef, "r", value) : boundary.signal.aborted || (iter.next().then(onFulfilled, onRejected), boundary.startAsync(), writeAsyncCall(state, boundary, iterRef, "f", value));
+	let iterId = nextRefAccess(state), handle = newAsyncHandle(state, ref, iterId), onFulfilled = ({ value, done }) => {
+		done ? writeAsyncCall(state, boundary, handle, "r", value, channel) : boundary.signal.aborted || (iter.next().then(onFulfilled, onRejected), boundary.startAsync(), writeAsyncCall(state, boundary, handle, "f", value, channel));
 	}, onRejected = (reason) => {
-		writeAsyncCall(state, boundary, iterRef, "j", reason);
+		writeAsyncCall(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;
 }
@@ -826,38 +798,39 @@ function writeNullObject(state, val, ref) {
 }
 function writeObjectProps(state, val, ref) {
 	let sep = "";
-	for (let key in val) if (hasOwnProperty.call(val, key)) {
+	for (let key in val) if (hasOwnProperty$1.call(val, key)) {
 		let escapedKey = toObjectKey(key);
 		state.buf.push(sep + escapedKey + ":"), writeProp(state, val[key], ref, escapedKey) ? sep = "," : state.buf.pop();
 	}
 	if (hasSymbolIterator(val)) {
-		let iterArr = [...val];
-		switch (iterArr.length) {
-			case 0:
-				state.buf.push(sep + "*[Symbol.iterator](){}");
-				break;
-			case 1:
-				state.buf.push(sep + "*[Symbol.iterator](){yield " + (iterArr[0] === val ? "this" : ensureId(state, ref)) + "}");
-				break;
-			default: {
-				let iterRef = new Reference(ref, null, state.flush, null, nextRefAccess(state));
-				state.buf.push(sep + "*[(" + iterRef.id + "="), writeArray(state, iterArr, iterRef), state.buf.push(",Symbol.iterator)](){yield*" + iterRef.id + "}");
-				break;
-			}
-		}
+		let yieldSelf = "", iterArr = [];
+		for (let item of val) item === val && !(yieldSelf || iterArr.length) ? yieldSelf = "yield this;" : iterArr.push(item);
+		if (iterArr.length) {
+			let iterRef = new Reference(ref, null, state.flush, null, nextRefAccess(state));
+			state.buf.push(sep + "*[(" + iterRef.id + "="), writeArray(state, iterArr, iterRef), state.buf.push(",Symbol.iterator)](){" + yieldSelf + "yield*" + iterRef.id + "}");
+		} else state.buf.push(sep + "*[Symbol.iterator](){" + yieldSelf.slice(0, -1) + "}");
 		sep = ",";
 	}
 	return sep;
 }
-function writeAsyncCall(state, boundary, ref, method, value, preferredValueId = null) {
-	if (boundary.signal.aborted) return;
-	state.flushed = !0;
-	let valueStartIndex = state.buf.push((state.buf.length === 0 ? "" : ",") + ref.id + "." + method + "(");
-	if (writeProp(state, value, ref, "")) {
-		let valueRef = state.refs.get(value);
-		valueRef && !valueRef.id && (valueRef.id = preferredValueId || nextRefAccess(state), state.buf[valueStartIndex] = valueRef.id + "=" + state.buf[valueStartIndex]);
+function writeAsyncCall(state, boundary, handle, method, value, channel, valueId = null) {
+	boundary.signal.aborted || (state.mutated.push({
+		value,
+		object: handle,
+		property: method,
+		channel,
+		valueId
+	}), boundary.endAsync());
+}
+function trackChannel(state, ref) {
+	let refReadyId = ref.channel?.readyId;
+	if (!refReadyId || refReadyId === state.channel?.readyId) return !0;
+	let cur = state.channel?.parent;
+	for (; cur;) {
+		if (cur.readyId === refReadyId) return (state.channelDeps ||= /* @__PURE__ */ new Set()).add(refReadyId), !0;
+		cur = cur.parent;
 	}
-	state.buf.push(")"), boundary.endAsync();
+	return !1;
 }
 function isCircular(parent, ref) {
 	let cur = parent;
@@ -916,21 +889,26 @@ function quote(str, startPos) {
 	return "\"" + (lastPos === startPos ? str : result + str.slice(lastPos)) + "\"";
 }
 function ensureId(state, ref) {
-	return ref.id || assignId(state, ref);
+	return ref.scopeId === void 0 ? ref.id ? (trackChannel(state, ref), ref.id) : assignId(state, ref) : (trackChannel(state, ref), "_(" + ref.scopeId + ")");
+}
+function accessId(state, ref) {
+	let id = ensureId(state, ref);
+	return id === ref.id || ref.scopeId !== void 0 ? id : "(" + id + ")";
 }
 function assignId(state, ref) {
 	let { pos } = ref;
 	if (ref.id = nextRefAccess(state), pos !== null && ref.flush === state.flush) return pos === 0 ? state.buf[0] = ref.id + "=" + state.buf[0] : state.buf[pos - 1] += ref.id + "=", ref.id;
+	ref.channel = state.channel;
 	let cur = ref, accessPrevValue = "";
 	do {
 		accessPrevValue = toAccess(cur.accessor) + accessPrevValue;
 		let parent = cur.parent;
-		if (parent.id) {
+		if (parent.id && (trackChannel(state, parent) || !parent.parent)) {
 			accessPrevValue = parent.id + accessPrevValue;
 			break;
 		}
-		if (parent.flush === state.flush) {
-			accessPrevValue = ensureId(state, parent) + accessPrevValue;
+		if (parent.flush === state.flush || parent.scopeId !== void 0) {
+			accessPrevValue = accessId(state, parent) + accessPrevValue;
 			break;
 		}
 		cur = parent;
@@ -984,10 +962,82 @@ function patchIteratorNext(proto) {
 		return this[kTouchedIterator] = 1, next.call(this, value);
 	}, proto.next[kTouchedIterator] = !0;
 }
-function compareRegisteredReferences(a, b) {
-	return a.registered.instanceId - b.registered.instanceId;
+//#endregion
+//#region src/common/helpers.ts
+function stringifyClassObject(name, value) {
+	return value ? name : "";
+}
+function stringifyStyleObject(name, value) {
+	return value || value === 0 ? name + ":" + value : "";
+}
+function isEventHandler(name) {
+	return /^on[A-Z-]/.test(name);
+}
+function getEventHandlerName(name) {
+	return name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase();
+}
+function isVoid(value) {
+	return value == null || value === !1;
+}
+function normalizeDynamicRenderer(value) {
+	if (value) {
+		if (typeof value == "string") return value;
+		let normalized = value.content || value.default || value;
+		if ("a" in normalized) return normalized;
+	}
+}
+//#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 forEach(opt, cb) {
+	if (opt) if (Array.isArray(opt)) for (let item of opt) cb(item);
+	else cb(opt);
+}
+function push(opt, item) {
+	return opt ? Array.isArray(opt) ? (opt.push(item), opt) : [opt, item] : item;
+}
+function concat(opt, other) {
+	if (!opt) return other;
+	if (!other) return opt;
+	if (Array.isArray(opt)) {
+		if (Array.isArray(other)) for (let item of other) opt.push(item);
+		else opt.push(other);
+		return opt;
+	}
+	return Array.isArray(other) ? [opt, ...other] : [opt, other];
+}
+//#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/inlined-runtimes.ts
+//#endregion
 //#region src/html/writer.ts
 function getChunk() {
 	return $chunk;
@@ -1007,13 +1057,23 @@ function _html(html) {
 function writeScript(script) {
 	$chunk.writeScript(script);
 }
+function writeWaitReady(readyId, renderer, input) {
+	let chunk = $chunk, { boundary } = chunk, body = new Chunk(boundary, null, chunk.context, {
+		readyId,
+		parent: chunk.serializeState,
+		resumes: "",
+		writeScopes: {},
+		flushScopes: !1
+	}), bodyEnd = body.render(renderer, input);
+	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 _script(scopeId, registryId) {
-	$chunk.context?.[kIsAsync] && _resume_branch(scopeId), $chunk.boundary.state.needsMainRuntime = !0, $chunk.writeEffect(scopeId, registryId);
+	($chunk.serializeState.readyId || $chunk.context?.[kIsAsync]) && _resume_branch(scopeId), $chunk.boundary.state.needsMainRuntime = !0, $chunk.writeEffect(scopeId, registryId);
 }
 function _attr_content(nodeAccessor, scopeId, content, serializeReason) {
 	let shouldResume = serializeReason !== 0, render = normalizeServerRender(content), branchId = _peek_scope_id();
 	render && (shouldResume ? withBranchId(branchId, render) : render()), _peek_scope_id() === branchId ? _scope_id() : shouldResume && writeScope(scopeId, {
-		["A" + nodeAccessor]: referenceScope(writeScope(branchId, {})),
+		["A" + nodeAccessor]: writeScope(branchId, {}),
 		["D" + nodeAccessor]: render?.a
 	});
 }
@@ -1031,12 +1091,16 @@ function withContext(key, value, cb, cbValue) {
 	}
 }
 function _var(parentScopeId, scopeOffsetAccessor, childScopeId, registryId, nodeAccessor) {
-	_scope_with_id(parentScopeId)[scopeOffsetAccessor] = _scope_id();
-	let childScope = _scope_with_id(childScopeId);
-	childScope.T = _resume({}, registryId, parentScopeId), nodeAccessor !== void 0 && writeScope(parentScopeId, { ["A" + nodeAccessor]: childScope });
+	writeScopePassive(parentScopeId, { [scopeOffsetAccessor]: _scope_id() });
+	let childScope = writeScopePassive(childScopeId, { T: _resume({}, registryId, parentScopeId) });
+	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 _resume(val, id, scopeId) {
-	return scopeId === void 0 ? register(id, val) : $chunk.boundary.state.serializer.register(id, val, _scope_with_id(scopeId));
+	return register(id, val, scopeId === void 0 ? void 0 : _scope_with_id(scopeId));
 }
 function _id() {
 	let state = $chunk.boundary.state, { $global } = state;
@@ -1062,7 +1126,7 @@ function _serialize_if(condition, key) {
 	return condition && (condition === 1 || condition[key]) ? 1 : void 0;
 }
 function _serialize_guard(condition, key) {
-	return condition && (condition === 1 || condition[key]) ? 1 : 0;
+	return _serialize_if(condition, key) || 0;
 }
 function _el_resume(scopeId, accessor, shouldResume) {
 	if (shouldResume === 0) return "";
@@ -1093,64 +1157,42 @@ function withIsAsync(cb, value) {
 	return withContext(kIsAsync, !0, cb, value);
 }
 function _for_of(list, cb, by, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode) {
-	let { state } = $chunk.boundary, resumeKeys = serializeMarker !== 0, resumeMarker = serializeMarker !== 0 && (!parentEndTag || serializeStateful !== 0), flushBranchIds = "";
-	if (serializeBranch !== 0) {
-		let loopScopes;
-		forOf(list, (item, index) => {
-			let branchId = _peek_scope_id(), itemKey = forOfBy(by, item, index);
-			resumeMarker && (singleNode ? flushBranchIds = " " + branchId + flushBranchIds : ($chunk.writeHTML(state.mark("[", flushBranchIds)), flushBranchIds = branchId + "")), withBranchId(branchId, () => {
-				cb(item, index);
-				let branchScope = writeScope(branchId, {});
-				resumeKeys && itemKey !== index && (branchScope.M = itemKey), resumeMarker || (loopScopes = push(loopScopes, referenceScope(branchScope)));
-			});
-		}), loopScopes && writeScope(scopeId, { ["A" + accessor]: loopScopes });
-	} else forOf(list, cb);
-	writeBranchEnd(scopeId, accessor, serializeStateful, serializeMarker, parentEndTag, singleNode, singleNode ? flushBranchIds : flushBranchIds ? " " + flushBranchIds : "");
+	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, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode);
 }
 function _for_in(obj, cb, by, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode) {
-	let { state } = $chunk.boundary, resumeKeys = serializeMarker !== 0, resumeMarker = serializeMarker !== 0 && (!parentEndTag || serializeStateful !== 0), flushBranchIds = "";
-	if (serializeBranch !== 0) {
-		let loopScopes;
-		forIn(obj, (key, value) => {
-			let branchId = _peek_scope_id(), itemKey = forInBy(by, key, value);
-			resumeMarker && (singleNode ? flushBranchIds = " " + branchId + flushBranchIds : ($chunk.writeHTML(state.mark("[", flushBranchIds)), flushBranchIds = branchId + "")), withBranchId(branchId, () => {
-				cb(key, value);
-				let branchScope = writeScope(branchId, {});
-				resumeKeys && (branchScope.M = itemKey), resumeMarker || (loopScopes = push(loopScopes, referenceScope(branchScope)));
-			});
-		}), loopScopes && writeScope(scopeId, { ["A" + accessor]: loopScopes });
-	} else forIn(obj, cb);
-	writeBranchEnd(scopeId, accessor, serializeStateful, serializeMarker, parentEndTag, singleNode, singleNode ? flushBranchIds : flushBranchIds ? " " + flushBranchIds : "");
+	forBranches(by, (each) => each ? forIn(obj, (key, value) => {
+		each(forInBy(by, key, value), !1, () => cb(key, value));
+	}) : forIn(obj, cb), scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode);
 }
 function _for_to(to, from, step, cb, by, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode) {
-	let { state } = $chunk.boundary, resumeKeys = serializeMarker !== 0, resumeMarker = serializeMarker !== 0 && (!parentEndTag || serializeStateful !== 0), flushBranchIds = "";
-	if (serializeBranch !== 0) {
-		let loopScopes;
-		forTo(to, from, step, (i) => {
-			let branchId = _peek_scope_id(), itemKey = forStepBy(by, i);
-			resumeMarker && (singleNode ? flushBranchIds = " " + branchId + flushBranchIds : ($chunk.writeHTML(state.mark("[", flushBranchIds)), flushBranchIds = branchId + "")), withBranchId(branchId, () => {
-				cb(i);
-				let branchScope = writeScope(branchId, {});
-				resumeKeys && itemKey !== i && (branchScope.M = itemKey), resumeMarker || (loopScopes = push(loopScopes, referenceScope(branchScope)));
-			});
-		}), loopScopes && writeScope(scopeId, { ["A" + accessor]: loopScopes });
-	} else forTo(to, from, step, cb);
-	writeBranchEnd(scopeId, accessor, serializeStateful, serializeMarker, parentEndTag, singleNode, singleNode ? flushBranchIds : flushBranchIds ? " " + flushBranchIds : "");
+	forBranches(by, (each) => each ? forTo(to, from, step, (i) => {
+		let itemKey = forStepBy(by, i);
+		each(itemKey, itemKey === i, () => cb(i));
+	}) : forTo(to, from, step, cb), scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode);
 }
 function _for_until(to, from, step, cb, by, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode) {
-	let { state } = $chunk.boundary, resumeKeys = serializeMarker !== 0, resumeMarker = serializeMarker !== 0 && (!parentEndTag || serializeStateful !== 0), flushBranchIds = "";
-	if (serializeBranch !== 0) {
-		let loopScopes;
-		forUntil(to, from, step, (i) => {
-			let branchId = _peek_scope_id(), itemKey = forStepBy(by, i);
-			resumeMarker && (singleNode ? flushBranchIds = " " + branchId + flushBranchIds : ($chunk.writeHTML(state.mark("[", flushBranchIds)), flushBranchIds = branchId + "")), withBranchId(branchId, () => {
-				cb(i);
-				let branchScope = writeScope(branchId, {});
-				resumeKeys && itemKey !== i && (branchScope.M = itemKey), resumeMarker || (loopScopes = push(loopScopes, referenceScope(branchScope)));
-			});
-		}), loopScopes && writeScope(scopeId, { ["A" + accessor]: loopScopes });
-	} else forUntil(to, from, step, cb);
-	writeBranchEnd(scopeId, accessor, serializeStateful, serializeMarker, parentEndTag, singleNode, singleNode ? flushBranchIds : flushBranchIds ? " " + flushBranchIds : "");
+	forBranches(by, (each) => each ? forUntil(to, from, step, (i) => {
+		let itemKey = forStepBy(by, i);
+		each(itemKey, itemKey === i, () => cb(i));
+	}) : forUntil(to, from, step, cb), scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode);
+}
+function forBranches(by, iterate, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode) {
+	if (serializeBranch === 0) {
+		iterate(0), writeBranchEnd(scopeId, accessor, serializeStateful, serializeMarker, parentEndTag, singleNode, "");
+		return;
+	}
+	let { state } = $chunk.boundary, resumeKeys = serializeMarker !== 0, resumeMarker = serializeMarker !== 0 && (!parentEndTag || serializeStateful !== 0), 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, serializeStateful, serializeMarker, parentEndTag, singleNode, singleNode ? flushBranchIds : flushBranchIds ? " " + flushBranchIds : "");
 }
 function _if(cb, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode) {
 	let { state } = $chunk.boundary, resumeBranch = serializeBranch !== 0, resumeMarker = serializeMarker !== 0 && (!parentEndTag || serializeStateful !== 0), branchId = _peek_scope_id();
@@ -1158,7 +1200,7 @@ function _if(cb, scopeId, accessor, serializeBranch, serializeMarker, serializeS
 	let branchIndex = resumeBranch ? withBranchId(branchId, cb) : cb(), shouldWriteBranch = resumeBranch && branchIndex !== void 0;
 	shouldWriteBranch && (branchIndex || !resumeMarker) && writeScope(scopeId, {
 		["D" + accessor]: branchIndex || void 0,
-		["A" + accessor]: resumeMarker ? void 0 : referenceScope(writeScope(branchId, {}))
+		["A" + accessor]: resumeMarker ? void 0 : writeScope(branchId, {})
 	}), writeBranchEnd(scopeId, accessor, serializeStateful, serializeMarker, parentEndTag, singleNode, shouldWriteBranch ? " " + branchId : "");
 }
 function writeBranchEnd(scopeId, accessor, serializeStateful, serializeMarker, parentEndTag, singleNode, branchIds) {
@@ -1169,22 +1211,15 @@ function writeBranchEnd(scopeId, accessor, serializeStateful, serializeMarker, p
 	} else $chunk.writeHTML(endTag + _el_resume(scopeId, accessor));
 	else $chunk.writeHTML(endTag);
 }
-function scopeHasReference(scope) {
-	return !!scope[K_SCOPE_REFERENCED];
-}
-function referenceScope(scope) {
-	return scope[K_SCOPE_REFERENCED] = 1, scope;
-}
-function writeScopeToState(state, scopeId, partialScope) {
-	let { scopes } = state, scope = scopes.get(scopeId);
-	return state.needsMainRuntime = !0, scope ? Object.assign(scope, partialScope) : (scope = partialScope, scope[K_SCOPE_ID] = scopeId, state.scopes.set(scopeId, scope)), state.writeScopes ? state.writeScopes[scopeId] = scope : state.writeScopes = { [scopeId]: scope }, scope;
-}
 function _existing_scope(scopeId) {
-	return writeScope(scopeId, _scope_with_id(scopeId));
+	return writeScope(scopeId, {});
 }
 function _scope_with_id(scopeId) {
-	let { state } = $chunk.boundary, scope = state.scopes.get(scopeId);
-	return scope || (scope = { [K_SCOPE_ID]: scopeId }, state.scopes.set(scopeId, scope)), referenceScope(scope);
+	return scopeWithId($chunk.boundary.state, scopeId);
+}
+function scopeWithId(state, scopeId) {
+	let { scopes } = state, scope = scopes.get(scopeId);
+	return scope || scopes.set(scopeId, scope = { [K_SCOPE_ID]: scopeId }), scope;
 }
 function $global() {
 	return $chunk.boundary.state.$global;
@@ -1199,7 +1234,7 @@ function _await(scopeId, accessor, promise, content, serializeMarker) {
 		return;
 	}
 	let chunk = $chunk, { boundary } = chunk;
-	chunk.next = $chunk = new Chunk(boundary, chunk.next, chunk.context), chunk.async = !0, chunk.context?.[kPendingContexts] && (chunk.context = {
+	chunk.next = $chunk = chunk.fork(boundary, chunk.next), chunk.async = !0, chunk.context?.[kPendingContexts] && (chunk.context = {
 		...chunk.context,
 		[kPendingContexts]: 0
 	}), boundary.startAsync(), promise.then((value) => {
@@ -1224,15 +1259,19 @@ function _try(scopeId, accessor, content, input) {
 	}), $chunk.writeHTML($chunk.boundary.state.mark("]", scopeId + " " + accessor + " " + branchId));
 }
 function tryPlaceholder(content, placeholder, branchId) {
-	let chunk = $chunk, { boundary } = chunk, body = new Chunk(boundary, null, chunk.context);
+	let chunk = $chunk, { boundary } = chunk, body = chunk.fork(boundary, null);
 	if (body === body.render(content)) {
 		chunk.append(body);
 		return;
 	}
-	chunk.next = $chunk = new Chunk(boundary, chunk.next, chunk.context), chunk.placeholderBody = body, chunk.placeholderRender = placeholder, chunk.placeholderBranchId = branchId;
+	chunk.next = $chunk = chunk.fork(boundary, chunk.next), chunk.placeholder = {
+		body,
+		render: placeholder,
+		branchId
+	};
 }
 function tryCatch(content, catchContent) {
-	let chunk = $chunk, { boundary } = chunk, { state } = boundary, catchBoundary = new Boundary(state), body = new Chunk(catchBoundary, null, chunk.context), bodyEnd = body.render(content);
+	let chunk = $chunk, { boundary } = chunk, { state } = boundary, catchBoundary = new Boundary(state), body = chunk.fork(catchBoundary, null), bodyEnd = body.render(content);
 	if (catchBoundary.signal.aborted) {
 		catchContent(catchBoundary.signal.reason);
 		return;
@@ -1241,17 +1280,17 @@ function tryCatch(content, catchContent) {
 		chunk.append(body);
 		return;
 	}
-	let reorderId = state.nextReorderId(), endMarker = state.mark("!", reorderId), bodyNext = bodyEnd.next = $chunk = new Chunk(boundary, chunk.next, body.context);
+	let reorderId = state.nextReorderId(), endMarker = state.mark("!", reorderId), bodyNext = bodyEnd.next = $chunk = body.fork(boundary, chunk.next);
 	chunk.next = body, chunk.writeHTML(state.mark("!^", reorderId)), bodyEnd.writeHTML(endMarker), boundary.startAsync(), catchBoundary.onNext = () => {
 		if (!boundary.signal.aborted) if (catchBoundary.signal.aborted) {
 			if (!bodyEnd.consumed) {
 				let cur = body, writeMarker = !0;
 				do {
 					let next = cur.next;
-					cur.boundary !== catchBoundary && cur.boundary.abort(catchBoundary.signal.reason), writeMarker && !cur.consumed && (writeMarker = !1, cur.async = !1, cur.next = bodyNext, cur.needsWalk = !0, cur.html = endMarker, cur.scripts = cur.effects = cur.lastEffect = "", cur.placeholderBody = cur.placeholderRender = cur.reorderId = null), cur = next;
+					cur.boundary !== catchBoundary && cur.boundary.abort(catchBoundary.signal.reason), writeMarker && !cur.consumed && (writeMarker = !1, cur.async = !1, cur.next = bodyNext, cur.needsWalk = !0, cur.html = endMarker, cur.scripts = cur.effects = cur.lastEffect = "", cur.placeholder = cur.reorderId = cur.deferredReady = null), cur = next;
 				} while (cur !== bodyNext);
 			}
-			let catchChunk = new Chunk(boundary, null, chunk.context);
+			let catchChunk = chunk.fork(boundary, null);
 			catchChunk.reorderId = reorderId, catchChunk.render(catchContent, catchBoundary.signal.reason), state.reorder(catchChunk), boundary.endAsync();
 		} else catchBoundary.count ? boundary.onNext() : boundary.endAsync();
 	};
@@ -1261,10 +1300,11 @@ var State = class {
 	tagId = 1;
 	scopeId = 1;
 	reorderId = 1;
-	lastSerializedScopeId = this.scopeId;
+	readyGate = 1;
 	hasGlobals = !1;
 	needsMainRuntime = !1;
 	hasMainRuntime = !1;
+	hasReadyRuntime = !1;
 	hasReorderRuntime = !1;
 	hasWrittenResume = !1;
 	walkOnNextFlush = !1;
@@ -1274,11 +1314,12 @@ var State = class {
 	serializer = new Serializer();
 	writeReorders = null;
 	scopes = /* @__PURE__ */ new Map();
-	writeScopes = null;
-	ensureReady = null;
+	flushScopes = !1;
+	writeScopes = {};
+	readyIds = null;
 	serializeReason;
 	constructor($global) {
-		this.$global = $global, this.$global = $global, $global.cspNonce && (this.nonceAttr = " nonce" + attrAssignment($global.cspNonce));
+		this.$global = $global, $global.cspNonce && (this.nonceAttr = " nonce" + attrAssignment($global.cspNonce));
 	}
 	get runtimePrefix() {
 		let { $global } = this;
@@ -1291,6 +1332,13 @@ var State = class {
 	reorder(chunk) {
 		this.writeReorders ? this.writeReorders.push(chunk) : (this.needsMainRuntime = !0, this.writeReorders = [chunk]);
 	}
+	writeReady(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 + "]}"));
+	}
+	readyAccess(readyKey) {
+		return this.runtimePrefix + ".b" + toAccess(readyKey);
+	}
 	nextReorderId() {
 		let c = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ$_0123456789", n = this.reorderId++, r = c[n % 54];
 		for (n = n / 54 | 0; n; n >>>= 6) r += c[n & 63];
@@ -1304,14 +1352,14 @@ var State = class {
 	onNext = NOOP$2;
 	count = 0;
 	constructor(state, parent) {
-		super(), this.state = state, this.state = state, this.signal.addEventListener("abort", () => {
+		super(), this.state = state, this.signal.addEventListener("abort", () => {
 			this.count = 0, this.state = new State(this.state.$global), this.onNext();
 		}), parent && (parent.aborted ? this.abort(parent.reason) : parent.addEventListener("abort", () => {
 			this.abort(parent.reason);
 		}));
 	}
 	flush() {
-		return this.signal.aborted || flushSerializer(this), this.count ? 1 : this.signal.aborted ? 2 : 0;
+		return this.signal.aborted || flushSerializer(this, this.state), this.count ? 1 : this.signal.aborted ? 2 : 0;
 	}
 	startAsync() {
 		this.signal.aborted || this.count++;
@@ -1319,10 +1367,11 @@ var State = class {
 	endAsync(chunk) {
 		!this.signal.aborted && this.count && (this.count--, chunk?.reorderId && this.state.reorder(chunk), this.onNext());
 	}
-}, Chunk = class {
+}, Chunk = class Chunk {
 	boundary;
 	next;
 	context;
+	serializeState;
 	html = "";
 	scripts = "";
 	effects = "";
@@ -1331,11 +1380,13 @@ var State = class {
 	consumed = !1;
 	needsWalk = !1;
 	reorderId = null;
-	placeholderBody = null;
-	placeholderRender = null;
-	placeholderBranchId = null;
-	constructor(boundary, next, context) {
-		this.boundary = boundary, this.next = next, this.context = context, this.boundary = boundary, this.next = next, this.context = context;
+	deferredReady = null;
+	placeholder = null;
+	constructor(boundary, next, context, serializeState) {
+		this.boundary = boundary, this.next = next, this.context = context, this.serializeState = serializeState;
+	}
+	fork(boundary, next) {
+		return new Chunk(boundary, next, this.context, this.serializeState);
 	}
 	writeHTML(html) {
 		this.html += html;
@@ -1347,30 +1398,35 @@ var State = class {
 		this.scripts = concatScripts(this.scripts, script);
 	}
 	append(chunk) {
-		this.html += chunk.html, this.effects = concatEffects(this.effects, chunk.effects), this.scripts = concatScripts(this.scripts, chunk.scripts), this.lastEffect = chunk.lastEffect || this.lastEffect;
+		this.html += chunk.html, this.effects = concatEffects(this.effects, chunk.effects), this.scripts = concatScripts(this.scripts, chunk.scripts), this.lastEffect = chunk.lastEffect || this.lastEffect, this.deferredReady = concat(this.deferredReady, chunk.takeDeferredReady());
+	}
+	takeDeferredReady() {
+		let { deferredReady } = this;
+		return this.deferredReady = null, deferredReady;
+	}
+	deferOwnReady() {
+		if (this.serializeState.readyId && (this.effects || this.scripts || this.serializeState.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);
+		}
 	}
 	flushPlaceholder() {
-		if (this.placeholderBody) {
-			let body = this.placeholderBody.consume();
+		let { placeholder } = this;
+		if (placeholder) {
+			let body = placeholder.body.consume();
 			if (body.async) {
-				let { state } = this.boundary, reorderId = body.reorderId = this.placeholderBranchId ? this.placeholderBranchId + "" : state.nextReorderId();
-				this.placeholderBranchId = null, this.writeHTML(state.mark("!^", reorderId));
-				let after = this.render(this.placeholderRender);
+				let { state } = this.boundary, reorderId = body.reorderId = placeholder.branchId ? placeholder.branchId + "" : state.nextReorderId();
+				this.writeHTML(state.mark("!^", reorderId));
+				let after = this.render(placeholder.render);
 				after !== this && this.boundary.abort(/* @__PURE__ */ Error("An @placeholder cannot contain async content.")), after.writeHTML(state.mark("!", reorderId)), state.reorder(body);
 			} else body.next = this.next, this.next = body;
-			this.placeholderRender = this.placeholderBody = null;
+			this.placeholder = null;
 		}
 	}
 	consume() {
-		let cur = this, needsWalk = cur.needsWalk;
-		if (cur.next && !cur.async) {
-			let html = "", effects = "", scripts = "", lastEffect = "";
-			do
-				cur.flushPlaceholder(), needsWalk ||= cur.needsWalk, html += cur.html, effects = concatEffects(effects, cur.effects), scripts = concatScripts(scripts, cur.scripts), lastEffect = cur.lastEffect || lastEffect, cur.consumed = !0, cur = cur.next;
-			while (cur.next && !cur.async);
-			cur.needsWalk = needsWalk, cur.html = html + cur.html, cur.effects = concatEffects(effects, cur.effects), cur.scripts = concatScripts(scripts, cur.scripts), cur.lastEffect = lastEffect;
-		}
-		return cur;
+		let cur = this, html = "", effects = "", scripts = "", lastEffect = "", needsWalk = !1, deferredReady;
+		for (; cur.next && !cur.async;) cur.flushPlaceholder(), needsWalk ||= cur.needsWalk, html += cur.html, cur.serializeState.readyId ? deferredReady = push(deferredReady, cur) : (effects = concatEffects(effects, cur.effects), scripts = concatScripts(scripts, cur.scripts), lastEffect = cur.lastEffect || lastEffect), deferredReady = concat(deferredReady, cur.takeDeferredReady()), cur.consumed = !0, cur = cur.next;
+		return cur.deferOwnReady(), cur.deferredReady = concat(deferredReady, cur.deferredReady), cur.needsWalk ||= needsWalk, cur.html = html + cur.html, cur.effects = concatEffects(effects, cur.effects), cur.scripts = concatScripts(scripts, cur.scripts), cur.lastEffect ||= lastEffect, cur;
 	}
 	render(content, val) {
 		let prev = $chunk;
@@ -1383,23 +1439,49 @@ var State = class {
 			$chunk = prev;
 		}
 	}
+	flushReadyScripts(reservations) {
+		let { boundary, serializeState } = this, { readyId } = serializeState, scripts = "";
+		if (forEach(this.takeDeferredReady(), (chunk) => {
+			scripts = concatScripts(scripts, chunk.flushReadyScripts(reservations));
+		}), readyId && !this.async) {
+			let { state } = boundary;
+			flushSerializer(boundary, serializeState);
+			let deps = state.serializer.takeChannelDeps(), { effects } = this, { resumes } = serializeState, chunkScripts = this.scripts;
+			if (serializeState.resumes = "", this.effects = this.scripts = "", this.lastEffect = "", resumes || effects) {
+				state.needsMainRuntime = !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));
+			}
+			scripts = concatScripts(scripts, chunkScripts);
+		}
+		return scripts;
+	}
 	flushScript() {
-		let { boundary, effects } = this, { state } = boundary, { $global, runtimePrefix, nonceAttr } = state, { html, scripts } = this, needsWalk = state.walkOnNextFlush;
-		if (needsWalk && (state.walkOnNextFlush = !1), state.needsMainRuntime && !state.hasMainRuntime && (state.hasMainRuntime = !0, scripts = concatScripts(scripts, "(e=>(self[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)&&(a[r=l.slice(s+1)]=e,l[s]),r,e),l>\"#\"&&d.push(e)}}),self[e]))(\"" + $global.runtimeId + "\")(\"" + $global.renderId + "\")")), state.ensureReady && state.hasMainRuntime) {
-			let first = !0;
-			for (let id in state.ensureReady) state.ensureReady[id] && (state.ensureReady[id] = 0, scripts = first ? concatScripts(scripts, "(" + runtimePrefix + ".b={})" + toAccess(toObjectKey(id)) + "=1") : concatScripts(scripts, runtimePrefix + ".b" + toAccess(toObjectKey(id)) + "=1")), first = !1;
+		let { boundary } = this, { state } = boundary, { $global, runtimePrefix, nonceAttr } = state, needsWalk = state.walkOnNextFlush;
+		needsWalk && (state.walkOnNextFlush = !1);
+		let readyResumeScripts = this.flushReadyScripts();
+		for (let channel; channel = state.serializer.pendingReadyChannel();) {
+			let resumes = state.serializer.stringifyScopes([], 0, boundary, channel), deps = state.serializer.takeChannelDeps();
+			state.needsMainRuntime = !0, readyResumeScripts = concatScripts(readyResumeScripts, state.writeReady(channel.readyId, concatSequence(depsMarker(deps), resumes)));
 		}
-		if (effects && (needsWalk = !0, state.resumes = state.resumes ? state.resumes + ",\"" + effects + "\"" : "\"" + effects + "\""), state.resumes && (state.hasWrittenResume ? scripts = concatScripts(scripts, runtimePrefix + ".r.push(" + state.resumes + ")") : (state.hasWrittenResume = !0, scripts = concatScripts(scripts, runtimePrefix + ".r=[" + state.resumes + "]"))), state.writeReorders) {
+		readyResumeScripts && (needsWalk = !0);
+		let { effects } = this, { html, scripts } = this;
+		if (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)&&(a[r=l.slice(s+1)]=e,l[s]),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 + "\""), state.resumes && (state.hasWrittenResume ? scripts = concatScripts(scripts, runtimePrefix + ".r.push(" + state.resumes + ")") : (state.hasWrittenResume = !0, scripts = concatScripts(scripts, runtimePrefix + ".r=[" + state.resumes + "]"))), state.writeReorders) {
 			needsWalk = !0, state.hasReorderRuntime || (state.hasReorderRuntime = !0, html += "<style " + state.commentPrefix + nonceAttr + ">t{display:none}</style>", scripts = concatScripts(scripts, "(e=>{if(e.j)return;let i,l,r,t=e.p={},c=(i,l)=>e.l[i].replaceWith(...l.childNodes);e.d.head.append(e.d.querySelector(\"style[\"+e.i+\"]\")||\"\"),e.j={},e.x=(n,a,d,o,g)=>{d==r&&i(),\"#\"==n?(t[a]=l).i++:\"!\"==n?e.l[a]&&t[a]&&(r=d.nextSibling,i=()=>t[a].c()):\"T\"==d.tagName&&(a=d.getAttribute(e.i))&&(r=d.nextSibling,i=()=>{d.remove(),o||c(a,d),l.c()},l=t[a]||(o=t[a]={i:e.l[a]?1:2,c(i=e.l[\"^\"+a]){if(--o.i)return 1;for(;(r=e.l[a].previousSibling||i).remove(),i!=r;);c(a,d)}}),(n=e.j[a])&&(g=l.c,l.c=()=>g()||n(e.r)))}})(" + runtimePrefix + ")"));
 			for (let reorderedChunk of state.writeReorders) {
-				let { reorderId } = reorderedChunk, reorderHTML = "", reorderEffects = "", reorderScripts = "", cur = reorderedChunk;
+				let { reorderId } = reorderedChunk, readyReservations = [], reorderHTML = "", reorderEffects = "", reorderScripts = "", cur = reorderedChunk;
 				for (reorderedChunk.reorderId = null;;) {
-					cur.flushPlaceholder();
-					let { next } = cur;
-					if (cur.consumed = !0, reorderHTML += cur.html, reorderEffects = concatEffects(reorderEffects, cur.effects), reorderScripts = concatScripts(reorderScripts, cur.scripts), cur.async && (reorderHTML += state.mark("#", cur.reorderId = state.nextReorderId()), cur.html = cur.effects = cur.scripts = cur.lastEffect = "", cur.next = null), next) cur = next;
+					cur.flushPlaceholder(), cur.deferOwnReady();
+					let { next } = cur, readyResumeScripts = cur.flushReadyScripts(readyReservations);
+					if (cur.consumed = !0, reorderHTML += cur.html, reorderEffects = concatEffects(reorderEffects, cur.effects), reorderScripts = concatScripts(reorderScripts, concatScripts(readyResumeScripts, cur.scripts)), cur.async && (reorderHTML += state.mark("#", cur.reorderId = state.nextReorderId()), cur.html = cur.effects = cur.scripts = cur.lastEffect = "", cur.next = null), next) cur = next;
 					else break;
 				}
-				reorderEffects && (state.hasWrittenResume || (state.hasWrittenResume = !0, scripts = concatScripts(scripts, runtimePrefix + ".r=[]")), reorderScripts = concatScripts(reorderScripts, "_.push(\"" + reorderEffects + "\")")), scripts = concatScripts(scripts, reorderScripts && runtimePrefix + ".j" + toAccess(reorderId) + "=_=>{" + reorderScripts + "}"), html += "<t " + state.commentPrefix + "=" + reorderId + ">" + reorderHTML + "</t>";
+				reorderEffects && (state.hasWrittenResume || (state.hasWrittenResume = !0, scripts = concatScripts(scripts, runtimePrefix + ".r=[]")), reorderScripts = concatScripts(reorderScripts, "_.push(\"" + reorderEffects + "\")"));
+				for (let reservation of readyReservations) scripts = concatScripts(scripts, reservation);
+				scripts = concatScripts(scripts, reorderScripts && runtimePrefix + ".j" + toAccess(reorderId) + "=_=>{" + reorderScripts + "}"), html += "<t " + state.commentPrefix + "=" + reorderId + ">" + reorderHTML + "</t>";
 			}
 			state.writeReorders = null;
 		}
@@ -1412,20 +1494,37 @@ var State = class {
 		return this.html = this.scripts = "", scripts && (html += "<script" + nonceAttr + ">" + scripts + "<\/script>"), __flush__ && ($global.__flush__ = void 0, html = __flush__($global, html)), boundary.count || (html += state.trailerHTML), html;
 	}
 };
-function flushSerializer(boundary) {
-	let { state } = boundary, { writeScopes, serializer } = state, { flushed } = serializer;
-	if (writeScopes || flushed) {
-		let shouldSerialize = !1, serializeData = [], { lastSerializedScopeId } = state;
-		state.hasGlobals || (state.hasGlobals = !0, serializeData.push(getFilteredGlobals(state.$global)), shouldSerialize = !0);
+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 = [], globals = 0;
+		if (passiveScopes) for (let key in passiveScopes) {
+			let props = writeScopes[key];
+			props && (writeScopes[key] = Object.assign(passiveScopes[key], props), delete passiveScopes[key]);
+		}
+		!isBlockingState && !state.hasGlobals && (state.hasGlobals = !0, globals = getFilteredGlobals(state.$global));
 		for (let key in writeScopes) {
-			let scope = writeScopes[key];
-			if (scopeHasReference(scope) || Object.getOwnPropertyNames(scope).length) {
-				let scopeId = getScopeId(scope), scopeIdDelta = scopeId - lastSerializedScopeId;
-				lastSerializedScopeId = scopeId + 1, scopeIdDelta && serializeData.push(scopeIdDelta), serializeData.push(scope), shouldSerialize = !0;
-			}
+			let scopeId = +key, props = writeScopes[scopeId];
+			Object.getOwnPropertyNames(props).length && flushes.push([
+				scopeId,
+				state.scopes.get(scopeId),
+				props
+			]);
 		}
-		shouldSerialize && (state.resumes = concatSequence(state.resumes, serializer.stringify(serializeData, boundary))), state.lastSerializedScopeId = lastSerializedScopeId, state.writeScopes = null, flushed && (state.walkOnNextFlush = !0);
+		(flushes.length || globals || pending) && (isBlockingState && !state.hasGlobals && flushSerializerGlobals(boundary), serializeState.resumes = concatSequence(serializeState.resumes, serializer.stringifyScopes(flushes, globals, boundary, serializeState))), serializeState.writeScopes = {}, serializeState.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, boundary)));
+}
+function depsMarker(deps) {
+	let marker = "";
+	if (deps) {
+		for (let dep of deps) marker += (marker ? "," : "[") + quote(dep, 0);
+		marker += "]";
 	}
+	return marker;
 }
 function _trailers(html) {
 	$chunk.boundary.state.trailerHTML += html;
@@ -1469,7 +1568,11 @@ function getFilteredGlobals($global) {
 	return filtered;
 }
 function _subscribe(subscribers, scope) {
-	return subscribers && $chunk.boundary.state.serializer.writeCall(scope, subscribers, "add"), referenceScope(scope);
+	if (subscribers) {
+		let { serializer } = $chunk.boundary.state;
+		!$chunk.serializeState.readyId && !serializer.written(subscribers) ? subscribers.add(scope) : serializer.writeCall(scope, subscribers, "add", $chunk.serializeState);
+	}
+	return scope;
 }
 //#endregion
 //#region src/html/attrs.ts
@@ -1617,8 +1720,6 @@ function normalizeBoolAttrValue(value) {
 	if (value != null && value !== !1) return !0;
 }
 //#endregion
-//#region src/common/compat-meta.ts
-//#endregion
 //#region src/html/dynamic-tag.ts
 function _content(id, fn) {
 	return fn.a = id, fn;
@@ -1627,9 +1728,6 @@ function _content_resume(id, fn, scopeId) {
 	return _resume(_content(id, fn), id, scopeId);
 }
 //#endregion
-//#region src/html/compat.ts
-function NOOP$1() {}
-//#endregion
 //#region src/html/template.ts
 function render(input = {}) {
 	let { $global } = input;
@@ -1641,8 +1739,8 @@ function render(input = {}) {
 		runtimeId: "M",
 		renderId: getDefaultRenderId(this)
 	};
-	let state = new State($global), head = new Chunk(new Boundary(state, $global.signal), null, null);
-	return this.i && ((state.ensureReady ||= {})[this.a] = 1), head.render(this, input), new ServerRendered(head);
+	let state = new State($global), head = new Chunk(new Boundary(state, $global.signal), null, null, state);
+	return this.i ? head.render(() => writeWaitReady(this.a, this, input)) : head.render(this, input), new ServerRendered(head);
 }
 function getDefaultRenderId(template) {
 	if (template.i) {
@@ -1748,7 +1846,7 @@ var ServerRendered = class {
 			(boundary.onNext = () => {
 				switch (!boundary.count && boundary.flush()) {
 					case 2:
-						boundary.onNext = NOOP, reject(boundary.signal.reason);
+						boundary.onNext = NOOP$1, reject(boundary.signal.reason);
 						break;
 					case 0:
 						resolve(head.consume().flushHTML());
@@ -1765,7 +1863,7 @@ var ServerRendered = class {
 		}
 		let { boundary } = head, onNext = boundary.onNext = (write) => {
 			let status = boundary.flush();
-			if (status === 2) tick || offTick(onNext), boundary.onNext = NOOP, onAbort(boundary.signal.reason);
+			if (status === 2) tick || offTick(onNext), boundary.onNext = NOOP$1, onAbort(boundary.signal.reason);
 			else if (write || status === 0) {
 				let html = (head = head.consume()).flushHTML();
 				html && onWrite(html), status === 0 ? (tick || offTick(onNext), onClose()) : tick = !0;
@@ -1784,10 +1882,69 @@ var ServerRendered = class {
 		return head.consume().flushHTML();
 	}
 };
+function NOOP$1() {}
+//#endregion
+//#region src/html/assets.ts
+function withLoadAssets(renderer, assetId, triggers) {
+	return Object.assign((input) => {
+		let g = $global();
+		return addAsset(g, assetId, triggers), _html(flush(g, "")), writeWaitReady(assetId, renderer, input);
+	}, renderer);
+}
+function withPageAssets(template, runtime, assetId, runtimeId) {
+	return assetFlush = runtime, Object.assign((input) => {
+		let g = $global();
+		return runtimeId && (g.runtimeId = runtimeId), addAsset(g, assetId), g.__flush__ ? (_html(flush(g, "")), writeWaitReady(assetId, template, input)) : (g.__flush__ = flush, template(input));
+	}, template);
+}
+function _flush_head() {
+	let g = $global();
+	return g[kAssets] ? flush(g, "") : "";
+}
+function flush(g, html) {
+	let result = "", assets = g[kAssets], { length } = assets, bi = g[kBlockIndex], di = g[kDeferIndex];
+	for (; bi < length; bi++) result += assetFlush(g, "block", assets[bi].id);
+	for (; di < length; di++) {
+		let { id, triggers } = assets[di], deferHTML = assetFlush(g, "defer", id);
+		triggers ? deferHTML && writeTriggerScript(deferHTML, triggers) : result += deferHTML;
+	}
+	return g[kBlockIndex] = bi, g[kDeferIndex] = di, result + html;
+}
+function addAsset(g, id, triggers) {
+	let assets = g[kAssets];
+	assets ? assets.find((a) => a.id === id) || assets.push({
+		id,
+		triggers
+	}) : (g[kAssets] = [{
+		id,
+		triggers
+	}], g[kBlockIndex] = g[kDeferIndex] = 0);
+}
+function writeTriggerScript(html, triggers) {
+	let htmlStr = _escape_script(JSON.stringify(html)), exprs = triggers.map((trigger) => {
+		let options = trigger.options && toObjectExpression(trigger.options);
+		switch (trigger.type) {
+			case "visible": return `(e=>e&&new IntersectionObserver((e,i)=>e.some(e=>e.isIntersecting)&&i.disconnect()+l()${options ? `,${options}` : ""}).observe(e))(document.querySelector(${JSON.stringify(trigger.selector)})||l())`;
+			case "idle": return `(self.requestIdleCallback||l)(l${options ? `,${options}` : ""})`;
+			case "media": return `(m=>m.matches?l():m.addEventListener("change",l,{once:1}))(matchMedia(${JSON.stringify(trigger.selector)}))`;
+			default: return `(e=>e?.addEventListener("${trigger.type.slice(3)}",l,{once:1}))(document.querySelector(${JSON.stringify(trigger.selector)})||l())`;
+		}
+	});
+	writeScript(`((p,h,d,l=$=>d||p.insertAdjacentHTML("afterend",d=h))=>${exprs.length > 1 ? `{${exprs.join(";")}}` : exprs[0]})(document.currentScript,${htmlStr})`);
+}
+function toObjectExpression(options) {
+	let result = "{", sep = "";
+	for (let key in options) hasOwnProperty.call(options, key) && (result += sep + toObjectKey(key) + ":" + JSON.stringify(options[key]), sep = ",");
+	return result + "}";
+}
+//#endregion
+//#region src/common/compat-meta.ts
+//#endregion
+//#region src/html/compat.ts
 function NOOP() {}
 exports.$global = $global, exports._assert_hoist = _assert_hoist, exports._attr = _attr, exports._attr_class = _attr_class, exports._attr_content = _attr_content, exports._attr_details_open = _attr_details_or_dialog_open, exports._attr_dialog_open = _attr_details_or_dialog_open, exports._attr_input_checked = _attr_input_checked, exports._attr_input_checkedValue = _attr_input_checkedValue, exports._attr_input_value = _attr_input_value, exports._attr_nonce = _attr_nonce, exports._attr_option_value = _attr_option_value, exports._attr_select_value = _attr_select_value, exports._attr_style = _attr_style, exports._attr_textarea_value = _attr_textarea_value, exports._attrs = _attrs, exports._attrs_content = _attrs_content, exports._attrs_partial = _attrs_partial, exports._attrs_partial_content = _attrs_partial_content, exports._await = _await, exports._content = _content, exports._content_resume = _content_resume, Object.defineProperty(exports, "_dynamic_tag", {
 	enumerable: !0,
 	get: function() {
 		return _dynamic_tag;
 	}
-}), exports._el = _el, exports._el_read_error = _el_read_error, exports._el_resume = _el_resume, exports._escape = _escape, exports._escape_comment = _escape_comment, exports._escape_script = _escape_script, exports._escape_style = _escape_style, exports._existing_scope = _existing_scope, exports._for_in = _for_in, exports._for_of = _for_of, exports._for_to = _for_to, exports._for_until = _for_until, exports._hoist = _hoist, exports._hoist_read_error = _hoist_read_error, exports._html = _html, exports._id = _id, exports._if = _if, exports._peek_scope_id = _peek_scope_id, exports._resume = _resume, exports._resume_branch = _resume_branch, exports._scope = writeScope, exports._scope_id = _scope_id, exports._scope_reason = _scope_reason, exports._scope_with_id = _scope_with_id, exports._script = _script, exports._sep = _sep, exports._serialize_guard = _serialize_guard, exports._serialize_if = _serialize_if, exports._set_serialize_reason = _set_serialize_reason, exports._subscribe = _subscribe, exports._template = _template, exports._trailers = _trailers, exports._try = _try, exports._unescaped = _unescaped, exports._var = _var, exports.attrTag = attrTag, exports.attrTags = attrTags, exports.compat = compat, exports.forIn = forIn, exports.forInBy = forInBy, exports.forOf = forOf, exports.forOfBy = forOfBy, exports.forStepBy = forStepBy, exports.forTo = forTo, exports.forUntil = forUntil;
+}), exports._el = _el, exports._el_read_error = _el_read_error, exports._el_resume = _el_resume, exports._escape = _escape, exports._escape_comment = _escape_comment, exports._escape_script = _escape_script, exports._escape_style = _escape_style, exports._existing_scope = _existing_scope, exports._flush_head = _flush_head, exports._for_in = _for_in, exports._for_of = _for_of, exports._for_to = _for_to, exports._for_until = _for_until, exports._hoist = _hoist, exports._hoist_read_error = _hoist_read_error, exports._html = _html, exports._id = _id, exports._if = _if, exports._peek_scope_id = _peek_scope_id, exports._resume = _resume, exports._resume_branch = _resume_branch, exports._scope = writeScope, exports._scope_id = _scope_id, exports._scope_reason = _scope_reason, exports._scope_with_id = _scope_with_id, exports._script = _script, exports._sep = _sep, exports._serialize_guard = _serialize_guard, exports._serialize_if = _serialize_if, exports._set_serialize_reason = _set_serialize_reason, exports._subscribe = _subscribe, exports._template = _template, exports._trailers = _trailers, exports._try = _try, exports._unescaped = _unescaped, exports._var = _var, exports.attrTag = attrTag, exports.attrTags = attrTags, exports.compat = compat, exports.forIn = forIn, exports.forInBy = forInBy, exports.forOf = forOf, exports.forOfBy = forOfBy, exports.forStepBy = forStepBy, exports.forTo = forTo, exports.forUntil = forUntil, exports.withLoadAssets = withLoadAssets, exports.withPageAssets = withPageAssets;