marko 6.1.2 → 6.1.4

package/dist/dom.mjs

@@ -20,10 +20,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 		for (value = 10 * currentMultiplier + value - 107; value--;) walker.parentNode();
 		walker.nextSibling();
 	} else storedMultiplier = currentMultiplier * 10 + value - 117;
-}, cloneCache = {}, registeredValues = {}, curRuntimeId, readyLookup, branchesEnabled, embedEnabled, ready = /* @__PURE__ */ ((_) => (id) => {
-	let cb = readyLookup[id];
-	readyLookup[id] = 1, cb?.();
-})(readyLookup = {}), isResuming, inputType = "", controllableDelegate = /* @__PURE__ */ createDelegator(), _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
+}, cloneCache = {}, registeredValues = {}, curRenders, branchesEnabled, embedRenders, readyIds, isResuming, inputType = "", controllableDelegate = /* @__PURE__ */ createDelegator(), _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
 	nodeAccessor = decodeAccessor(nodeAccessor);
 	let childScopeAccessor = "A" + nodeAccessor, rendererAccessor = "D" + nodeAccessor;
 	return enableBranches(), (scope, newRenderer, getInput) => {
@@ -54,16 +51,22 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	typeof by == "string" ? forOf(all, (item, i) => cb(item[by], [item, i])) : forOf(all, (item, i) => cb(by(item, i), [item, i]));
 }), _for_in = /* @__PURE__ */ loop(([obj, by = byFirstArg], cb) => forIn(obj, (key, value) => cb(by(key, value), [key, value]))), _for_to = /* @__PURE__ */ loop(([to, from, step, by = byFirstArg], cb) => forTo(to, from, step, (v) => cb(by(v), [v]))), _for_until = /* @__PURE__ */ loop(([until, from, step, by = byFirstArg], cb) => forUntil(until, from, step, (v) => cb(by(v), [v]))), pendingRenders = [], pendingRendersLookup = {}, asyncRendersLookup, caughtError = /* @__PURE__ */ new WeakSet(), placeholderShown = /* @__PURE__ */ new WeakSet(), pendingEffects = [], pendingScopes = [], rendering, runEffects = ((effects) => {
 	for (let i = 0; i < effects.length;) effects[i++](effects[i++]);
-}), runRender = (render) => render.c(render.b, render.d), catchEnabled, classIdToBranch = /* @__PURE__ */ new Map(), compat = {
+}), runRender = (render) => render.c(render.b, render.d), catchEnabled, classIdToBranch = /* @__PURE__ */ new Map(), scopesByRender = /* @__PURE__ */ new WeakMap(), getRenderScopes = ($global) => {
+	let render = self[$global.runtimeId]?.[$global.renderId], scopes = render && scopesByRender.get(render);
+	return render && !scopes && scopesByRender.set(render, scopes = {}), scopes;
+}, compat = {
 	patchDynamicTag,
 	queueEffect,
 	init(warp10Noop) {
-		_resume("$C_s", (branch) => {
-			classIdToBranch.set(branch.m5c, branch);
+		_resume("$C_s", (scope) => {
+			getRenderScopes(scope.$)[scope.L] = scope, scope.m5c && classIdToBranch.set(scope.m5c, scope);
 		}), _resume("$C_b", warp10Noop);
 	},
-	registerRenderer(fn) {
-		_resume("$C_r", fn);
+	getScope($global, scopeId) {
+		return getRenderScopes($global)?.[scopeId];
+	},
+	setRendererId(renderer, id) {
+		renderer.a = id;
 	},
 	isRenderer(renderer) {
 		return renderer.b;
@@ -81,7 +84,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 		this.scope && destroyBranch(this.scope);
 	},
 	resolveRegistered(value, $global) {
-		return Array.isArray(value) && typeof value[0] == "string" ? getRegisteredWithScope(value[0], value.length === 2 && self[$global.runtimeId]?.[$global.renderId]?.s[value[1]]) : value;
+		return Array.isArray(value) && typeof value[0] == "string" ? getRegisteredWithScope(value[0], getRenderScopes($global)?.[value[1]]) : value;
 	},
 	createRenderer(params, clone) {
 		let renderer = _content("", 0, 0, 0, params)();
@@ -248,7 +251,7 @@ function schedule() {
 	isScheduled || (isScheduled = 1, queueMicrotask(flushAndWaitFrame));
 }
 function flushAndWaitFrame() {
-	run(), requestAnimationFrame(triggerMacroTask);
+	requestAnimationFrame(triggerMacroTask), run();
 }
 function triggerMacroTask() {
 	channel || (channel = new MessageChannel(), channel.port1.onmessage = () => {
@@ -258,13 +261,17 @@ function triggerMacroTask() {
 //#endregion
 //#region src/dom/signals.ts
 function _let(id, fn) {
-	let valueAccessor = decodeAccessor(id), valueChangeAccessor = "M" + valueAccessor;
-	return (scope, value, valueChange) => (rendering ? ((scope[valueChangeAccessor] = valueChange) && scope[valueAccessor] !== value || scope.H) && (scope[valueAccessor] = value, fn?.(scope)) : scope[valueChangeAccessor] ? scope[valueChangeAccessor](value) : scope[valueAccessor] !== (scope[valueAccessor] = value) && fn && (schedule(), queueRender(scope, fn, id)), value);
+	let valueAccessor = decodeAccessor(id);
+	return (scope, value) => (rendering ? scope.H && (scope[valueAccessor] = value, fn?.(scope)) : (scope[valueAccessor] !== value || !(valueAccessor in scope)) && (scope[valueAccessor] = value, fn) && (schedule(), queueRender(scope, fn, id)), value);
+}
+function _let_change(id, fn) {
+	let valueAccessor = decodeAccessor(id), valueChangeAccessor = "M" + valueAccessor, base = _let(id, fn);
+	return (scope, value, valueChange) => (rendering ? (scope[valueChangeAccessor] = valueChange) && (scope[valueAccessor] !== value || !(valueAccessor in scope)) ? (scope[valueAccessor] = value, fn?.(scope)) : base(scope, value) : scope[valueChangeAccessor] ? scope[valueChangeAccessor](value) : base(scope, value), value);
 }
 function _const(valueAccessor, fn) {
-	return valueAccessor = decodeAccessor(valueAccessor), (scope, value) => {
-		(scope.H || scope[valueAccessor] !== value) && (scope[valueAccessor] = value, fn?.(scope));
-	};
+	return valueAccessor = decodeAccessor(valueAccessor), ((scope, value) => {
+		(scope[valueAccessor] !== value || !(valueAccessor in scope)) && (scope[valueAccessor] = value, fn?.(scope));
+	});
 }
 function _or(id, fn, defaultPending = 1, scopeIdAccessor = "L") {
 	return scopeIdAccessor !== "L" && (scopeIdAccessor = decodeAccessor(scopeIdAccessor)), (scope) => {
@@ -405,29 +412,37 @@ function createCloneableHTML(html, ns) {
 //#endregion
 //#region src/dom/resume.ts
 function enableBranches() {
-	branchesEnabled = 1;
+	branchesEnabled || (branchesEnabled = 1, skipDestroyedRenders());
+}
+function ready(readyId, runtimeId) {
+	(readyIds ||= /* @__PURE__ */ new Set()).add(readyId), init(runtimeId);
+	for (let renderId in curRenders) runResumeEffects(curRenders[renderId]);
 }
 function initEmbedded(readyId, runtimeId) {
-	embedEnabled = 1, ready(readyId), init(runtimeId), new MutationObserver(() => {
-		let renders = self[curRuntimeId];
-		for (let renderId in renders) {
-			let { s, n } = renders[renderId];
-			if (n && !n.isConnected) {
-				delete renders[renderId];
-				for (let id in s) destroyScope(s[id]);
-			}
+	embedRenders || (embedRenders = /* @__PURE__ */ new Map(), new MutationObserver(() => {
+		for (let [anchor, [renderId, scopes]] of embedRenders) if (!anchor.isConnected) {
+			embedRenders.delete(anchor), delete curRenders[renderId];
+			for (let id in scopes) destroyScope(scopes[id]);
 		}
-	}).observe(document.body, {
+	}).observe(document, {
 		childList: !0,
 		subtree: !0
-	});
+	})), ready(readyId, runtimeId);
 }
 function init(runtimeId = "M") {
-	if (curRuntimeId) return;
-	curRuntimeId = runtimeId;
-	let resumeRender, renders = self[runtimeId], defineRuntime = (desc) => Object.defineProperty(self, runtimeId, desc), initRuntime = (renders) => {
-		defineRuntime({ value: resumeRender = ((renderId) => {
-			let render = resumeRender[renderId] = renders[renderId] || renders(renderId), walk = render.w, scopeLookup = render.s = {}, getScope = (id) => scopeLookup[id] ||= { L: +id }, serializeContext = { _: registeredValues }, visitBranches = branchesEnabled && ((branchScopesStack = [], branchStarts = [], orphanBranches = [], curBranchScopes) => (branchId, branch, endedBranches, accessor, singleNode, parent = visit.parentNode, startVisit = visit, i = orphanBranches.length) => {
+	if (curRenders) return;
+	let renders = self[runtimeId], defineRuntime = (desc) => Object.defineProperty(self, runtimeId, desc), initRuntime = (renders) => {
+		defineRuntime({ value: curRenders = ((renderId) => {
+			let render = curRenders[renderId] = renders[renderId] || renders(renderId), walk = render.w, scopeLookup = {}, getScope = (id) => scopeLookup[id] || initScope(scopeLookup[id] = { L: +id }), initGlobal = () => $global ||= {
+				runtimeId,
+				renderId
+			}, initScope = (scope) => (scope.$ = initGlobal(), branchesEnabled && scope.G && (scope.F = getScope(scope.G)), scope), applyScopes = (partials) => {
+				let scopeId = partials[0];
+				for (let i = 1; i < partials.length; i++) {
+					let partial = partials[i];
+					typeof partial == "number" ? scopeId += partial : (scopeId ? initScope(Object.assign(scopeLookup[scopeId] ||= (partial.L = scopeId, partial), partial)) : Object.assign(initGlobal(), partial), scopeId++);
+				}
+			}, serializeContext = ((data, registryId) => typeof data == "number" ? registryId ? registeredValues[registryId](getScope(data)) : getScope(data) : applyScopes(data)), createVisitBranches = (branchScopesStack = [], branchStarts = [], orphanBranches = [], curBranchScopes) => (branchId, branch, endedBranches, accessor, singleNode, parent = visit.parentNode, startVisit = visit, i = orphanBranches.length) => {
 				for (visitType !== "[" && (visitScope[nextToken()] = visitType === ")" || visitType === "}" ? parent : visit, accessor = "A" + lastToken, singleNode = visitType !== "]" && visitType !== ")", nextToken()); branchId = +lastToken;) {
 					if ((endedBranches ||= []).push(branch = getScope(branchId)), setParentBranch(branch, branch.F), (branch.O = render.p?.[branchId]) && (branch.O.m = render.m), singleNode) {
 						for (; startVisit.previousSibling && ~visits.indexOf(startVisit = startVisit.previousSibling););
@@ -436,22 +451,40 @@ function init(runtimeId = "M") {
 					for (; i && orphanBranches[--i].L > branchId;) setParentBranch(orphanBranches.pop(), branch);
 					nextToken();
 				}
-				endedBranches && (orphanBranches.push(...endedBranches), singleNode && (visitScope[accessor] = endedBranches.length > 1 ? endedBranches.reverse() : endedBranches[0])), visitType === "[" && (endedBranches || (branchScopesStack.push(curBranchScopes), curBranchScopes = void 0), branchStarts.push(visit));
-			})(), nextToken = () => lastToken = visitText.slice(lastTokenIndex, (lastTokenIndex = visitText.indexOf(" ", lastTokenIndex) + 1 || visitText.length + 1) - 1), $global, lastEffect, visits, resumes, visit, visitText, visitType, visitScope, lastToken, lastTokenIndex, lastScopeId = 0;
-			return render.m = (effects = []) => {
-				if (readyLookup) {
-					for (let readyId in render.b) if (readyLookup[readyId] !== 1) return readyLookup[readyId] = ((prev) => () => {
-						runResumeEffects(render), prev?.();
-					})(readyLookup[readyId]), effects;
-					render.b = 0;
+				if (endedBranches) {
+					for (let ended of endedBranches) orphanBranches.push(ended);
+					singleNode && (visitScope[accessor] = endedBranches.length > 1 ? endedBranches.reverse() : endedBranches[0]);
+				}
+				visitType === "[" && (endedBranches || (branchScopesStack.push(curBranchScopes), curBranchScopes = void 0), branchStarts.push(visit));
+			}, nextToken = () => lastToken = visitText.slice(lastTokenIndex, (lastTokenIndex = visitText.indexOf(" ", lastTokenIndex) + 1 || visitText.length + 1) - 1), processResumes = (resumes = [], effects) => {
+				let i = 0;
+				for (; i < resumes.length; i++) {
+					let serialized = resumes[i];
+					if (typeof serialized == "string") for (lastTokenIndex = 0, visitText = serialized; nextToken();) /\D/.test(lastToken) ? lastEffect = registeredValues[lastToken] : effects.push(lastEffect, getScope(lastToken));
+					else if (Array.isArray(serialized)) {
+						if (!(readyIds && serialized.every((dep) => readyIds.has(dep) && !render.b[dep].length))) break;
+					} else if (readyIds && typeof serialized == "number") break;
+					else {
+						let scopes = serialized(serializeContext);
+						Array.isArray(scopes) && applyScopes(scopes);
+					}
+				}
+				return resumes.splice(0, i), i;
+			}, $global, lastEffect, visits, visit, visitText, visitType, visitScope, lastToken, lastTokenIndex, visitBranches, embedAnchor;
+			return serializeContext._ = registeredValues, render.m = (effects) => {
+				if (processResumes(render.r, effects), readyIds && render.b) for (let progress = 1; progress;) {
+					progress = 0;
+					for (let readyId of readyIds) {
+						let resumes = render.b[readyId];
+						resumes && processResumes(resumes, effects) && (progress = 1);
+					}
 				}
-				for (let serialized of resumes = render.r || []) if (typeof serialized == "string") for (lastTokenIndex = 0, visitText = serialized; nextToken();) /\D/.test(lastToken) ? lastEffect = registeredValues[lastToken] : effects.push(lastEffect, getScope(lastToken));
-				else for (let scope of serialized(serializeContext)) $global ? typeof scope == "number" ? lastScopeId += scope : (scopeLookup[scope.L = ++lastScopeId] = scope, scope.$ = $global, branchesEnabled && (scope.F = getScope(scope.G))) : ($global = scope || {}, $global.runtimeId = runtimeId, $global.renderId = renderId);
+				let retained = 0;
 				for (visit of visits = render.v) if (lastTokenIndex = render.i.length, visitText = visit.data, visitType = visitText[lastTokenIndex++], visitScope = getScope(nextToken()), visitType === "*") {
 					let prev = visit.previousSibling;
 					visitScope[nextToken()] = prev && (prev.nodeType < 8 || prev.data) ? prev : visit.parentNode.insertBefore(new Text(), visit);
-				} else branchesEnabled && visitBranches();
-				return embedEnabled && (render.n ||= visit?.parentNode.insertBefore(new Text(), visit.nextSibling)), visits.length = resumes.length = 0, effects;
+				} else branchesEnabled ? (visitBranches ||= createVisitBranches())() : render.b && (visits[retained++] = visit);
+				return embedRenders && !embedAnchor && visit && embedRenders.set(embedAnchor = visit.parentNode.insertBefore(new Text(), visit.nextSibling), [renderId, scopeLookup]), visits.length = retained, effects;
 			}, render.w = () => {
 				walk(), runResumeEffects(render);
 			}, render;
@@ -459,7 +492,7 @@ function init(runtimeId = "M") {
 	};
 	if (renders) {
 		initRuntime(renders);
-		for (let renderId in renders) runResumeEffects(resumeRender(renderId));
+		for (let renderId in renders) runResumeEffects(curRenders(renderId));
 	} else defineRuntime({
 		configurable: !0,
 		set: initRuntime
@@ -467,7 +500,7 @@ function init(runtimeId = "M") {
 }
 function runResumeEffects(render) {
 	try {
-		isResuming = 1, runEffects(render.m(), 1);
+		isResuming = 1, runEffects(render.m([]), 1);
 	} finally {
 		isResuming = 0;
 	}
@@ -825,32 +858,24 @@ function _await_promise(nodeAccessor, params) {
 	nodeAccessor = decodeAccessor(nodeAccessor);
 	let promiseAccessor = "L" + nodeAccessor, branchAccessor = "A" + nodeAccessor;
 	return _enable_catch(), (scope, promise) => {
-		let awaitBranch = scope[branchAccessor], tryBranch = findBranchWithKey(scope, "Q") || awaitBranch, awaitCounter = tryBranch.O;
-		awaitCounter?.i || (awaitCounter = tryBranch.O = {
+		let awaitBranch = scope[branchAccessor], tryPlaceholder = findBranchWithKey(scope, "Q"), tryBranch = tryPlaceholder || awaitBranch, awaitCounter = tryBranch.O;
+		placeholderShown.add(pendingEffects), tryPlaceholder ? scope[promiseAccessor] || (awaitBranch && (awaitBranch.W ||= []), awaitCounter = addAwaitCounter(scope, tryPlaceholder)) : (awaitCounter?.i || (awaitCounter = tryBranch.O = {
 			i: 0,
 			c() {
 				if (--awaitCounter.i) return 1;
-				if (tryBranch === scope[branchAccessor]) scope[nodeAccessor].parentNode && scope[nodeAccessor].replaceWith(scope[branchAccessor].S.parentNode);
-				else {
-					let placeholderBranch = tryBranch.P;
-					placeholderBranch && (tryBranch.P = 0, placeholderBranch.S.parentNode.insertBefore(tryBranch.S.parentNode, placeholderBranch.S), removeAndDestroyBranch(placeholderBranch));
-				}
-				queueEffect(tryBranch, (scope) => {
-					let pendingEffects = scope.J;
-					pendingEffects && (scope.J = [], runEffects(pendingEffects, 1));
-				});
+				tryBranch === scope[branchAccessor] ? scope[nodeAccessor].parentNode && scope[nodeAccessor].replaceWith(scope[branchAccessor].S.parentNode) : dismissPlaceholder(tryBranch), queueEffect(tryBranch, runPendingEffects);
 			}
-		}), placeholderShown.add(pendingEffects), scope[promiseAccessor] || (awaitBranch && (awaitBranch.W ||= []), awaitCounter.i++ || requestAnimationFrame(() => awaitCounter.i && runEffects(prepareEffects(() => queueRender(tryBranch === awaitBranch ? scope : tryBranch, () => {
-			tryBranch.Q ? (insertBranchBefore(tryBranch.P = createAndSetupBranch(scope.$, tryBranch.Q, tryBranch._, tryBranch.S.parentNode), tryBranch.S.parentNode, tryBranch.S), tempDetachBranch(tryBranch)) : awaitBranch.V || (awaitBranch.S.parentNode.insertBefore(scope[nodeAccessor], awaitBranch.S), tempDetachBranch(tryBranch));
-		}, -1)))));
+		}), scope[promiseAccessor] || (awaitBranch && (awaitBranch.W ||= []), awaitCounter.i++ || requestAnimationFrame(() => awaitCounter.i && runEffects(prepareEffects(() => queueRender(scope, () => {
+			awaitBranch.V || (awaitBranch.S.parentNode.insertBefore(scope[nodeAccessor], awaitBranch.S), tempDetachBranch(tryBranch));
+		}, -1))))));
 		let thisPromise = scope[promiseAccessor] = promise.then((data) => {
 			if (thisPromise === scope[promiseAccessor]) {
 				let referenceNode = scope[nodeAccessor];
-				scope[promiseAccessor] = 0, queueMicrotask(run), queueRender(scope, () => {
+				scope[promiseAccessor] = 0, queueAsyncRender(scope, () => {
 					(awaitBranch = scope[branchAccessor]).V && (pendingScopes.push(awaitBranch), setupBranch(awaitBranch.V, awaitBranch), awaitBranch.V = 0, insertBranchBefore(awaitBranch, scope[nodeAccessor].parentNode, scope[nodeAccessor]), referenceNode.remove()), params?.(awaitBranch, [data]);
 					let pendingRenders = awaitBranch.W;
 					if (awaitBranch.W = 0, pendingRenders?.forEach(queuePendingRender), placeholderShown.add(pendingEffects), awaitCounter.c(), awaitCounter.m) {
-						let fnScopes = /* @__PURE__ */ new Map(), effects = awaitCounter.m();
+						let fnScopes = /* @__PURE__ */ new Map(), effects = awaitCounter.m([]);
 						for (let i = 0; i < pendingEffects.length;) {
 							let fn = pendingEffects[i++], scopes = fnScopes.get(fn);
 							scopes || fnScopes.set(fn, scopes = /* @__PURE__ */ new Set()), scopes.add(pendingEffects[i++]);
@@ -860,10 +885,10 @@ function _await_promise(nodeAccessor, params) {
 							fnScopes.get(fn)?.has(scope) || queueEffect(scope, fn);
 						}
 					}
-				}, -1);
+				});
 			}
 		}, (error) => {
-			thisPromise === scope[promiseAccessor] && (awaitCounter.i = scope[promiseAccessor] = 0, schedule(), queueRender(scope, renderCatch, -1, error));
+			thisPromise === scope[promiseAccessor] && (awaitCounter.i = scope[promiseAccessor] = 0, queueAsyncRender(scope, renderCatch, error));
 		});
 	};
 }
@@ -874,6 +899,27 @@ function _await_content(nodeAccessor, template, walks, setup) {
 		(scope[branchAccessor] = createBranch(scope.$, renderer, scope, scope[nodeAccessor].parentNode)).V = renderer, pendingScopes.pop();
 	};
 }
+function addAwaitCounter(scope, tryBranch = findBranchWithKey(scope, "Q")) {
+	if (!tryBranch) return;
+	let awaitCounter = tryBranch.O;
+	return awaitCounter?.i || (awaitCounter = tryBranch.O = {
+		i: 0,
+		c() {
+			if (--awaitCounter.i) return 1;
+			dismissPlaceholder(tryBranch), queueEffect(tryBranch, runPendingEffects);
+		}
+	}), placeholderShown.add(pendingEffects), awaitCounter.i++ || requestAnimationFrame(() => awaitCounter.i && runEffects(prepareEffects(() => queueRender(tryBranch, () => {
+		insertBranchBefore(tryBranch.P = createAndSetupBranch(tryBranch.$, tryBranch.Q, tryBranch._, tryBranch.S.parentNode), tryBranch.S.parentNode, tryBranch.S), tempDetachBranch(tryBranch);
+	}, -1)))), awaitCounter;
+}
+function runPendingEffects(scope) {
+	let effects = scope.J;
+	effects && (scope.J = [], runEffects(effects, 1));
+}
+function dismissPlaceholder(tryBranch) {
+	let placeholderBranch = tryBranch.P;
+	placeholderBranch && (tryBranch.P = 0, placeholderBranch.S.parentNode.insertBefore(tryBranch.S.parentNode, placeholderBranch.S), removeAndDestroyBranch(placeholderBranch));
+}
 function _try(nodeAccessor, template, walks, setup) {
 	nodeAccessor = decodeAccessor(nodeAccessor);
 	let branchAccessor = "A" + nodeAccessor, renderer = _content("", template, walks, setup)();
@@ -991,6 +1037,9 @@ function run() {
 	}
 	runEffects(effects);
 }
+function queueAsyncRender(scope, signal, value) {
+	queueRender(scope, signal, -1, value), queueMicrotask(run);
+}
 function prepareEffects(fn) {
 	let prevRenders = pendingRenders, prevEffects = pendingEffects, prevLookup = asyncRendersLookup, preparedEffects = pendingEffects = [];
 	pendingRenders = [], asyncRendersLookup = pendingRendersLookup, pendingRendersLookup = {};
@@ -1013,11 +1062,16 @@ function runRenders() {
 			}
 			pendingRenders[i] = item;
 		}
-		render.b.F?.I || runRender(render);
+		runRender(render);
 	}
 	for (let scope of pendingScopes) scope.H = 0;
 	pendingScopes = [];
 }
+function skipDestroyedRenders() {
+	runRender = ((runRender) => (render) => {
+		render.b.F?.I || runRender(render);
+	})(runRender);
+}
 function _enable_catch() {
 	if (!catchEnabled) {
 		catchEnabled = 1, enableBranches();
@@ -1107,4 +1161,79 @@ function mount(input = {}, reference, position) {
 	};
 }
 //#endregion
-export { $signal, $signalReset, _assert_hoist, _assert_init, _attr, _attr_class, _attr_class_item, _attr_class_items, _attr_content, _attr_details_or_dialog_open as _attr_details_open, _attr_details_or_dialog_open as _attr_dialog_open, _attr_details_or_dialog_open_default as _attr_details_open_default, _attr_details_or_dialog_open_default as _attr_dialog_open_default, _attr_details_or_dialog_open_script as _attr_details_open_script, _attr_details_or_dialog_open_script as _attr_dialog_open_script, _attr_input_checked, _attr_input_checkedValue, _attr_input_checkedValue_default, _attr_input_checkedValue_script, _attr_input_checked_default, _attr_input_checked_script, _attr_input_value, _attr_input_value as _attr_textarea_value, _attr_input_value_default, _attr_input_value_default as _attr_textarea_value_default, _attr_input_value_script, _attr_input_value_script as _attr_textarea_value_script, _attr_nonce, _attr_select_value, _attr_select_value_default, _attr_select_value_script, _attr_style, _attr_style_item, _attr_style_items, _attrs, _attrs_content, _attrs_partial, _attrs_partial_content, _attrs_script, _await_content, _await_promise, _call, _child_setup, _closure, _closure_get, _const, _content, _content_closures, _content_resume, _dynamic_tag, _el, _el_read, _enable_catch, _for_closure, _for_in, _for_of, _for_to, _for_until, _hoist, _hoist_resume, _html, _id, _if, _if_closure, _let, _lifecycle, _on, _or, _resume, _resume_dynamic_tag, _return, _return_change, _script, _template, _text, _text_content, _to_text, _try, _var, _var_change, _var_resume, attrTag, attrTags, compat, forIn, forOf, forTo, forUntil, init, initEmbedded, run };
+//#region src/dom/load.ts
+function _load_template(id, load) {
+	_enable_catch();
+	let pending, lazyTemplate = _template(id, 0, 0, (branch) => {
+		let awaitCounter = addAwaitCounter(branch);
+		branch.X ||= /* @__PURE__ */ new Map(), (pending ||= load()).then((renderer) => {
+			Object.assign(lazyTemplate, renderer), queueAsyncRender(branch, (branch) => insertLoaded(renderer, branch, branch.S, awaitCounter));
+		}, loadFailed(branch, awaitCounter));
+	}, _load_signal(() => (pending ||= load()).then((r) => ({ _: r.d }))));
+	return lazyTemplate;
+}
+function _load_setup(nodeAccessor, childScopeAccessor, load) {
+	nodeAccessor = decodeAccessor(nodeAccessor), childScopeAccessor = decodeAccessor(childScopeAccessor);
+	let pending, renderer;
+	return _enable_catch(), (owner) => {
+		let child = owner[childScopeAccessor];
+		if (renderer) insertLoaded(renderer, child, owner[nodeAccessor]);
+		else {
+			let awaitCounter = addAwaitCounter(owner);
+			child.X ||= /* @__PURE__ */ new Map(), (pending ||= load()).then((mod) => {
+				renderer = _content("", ...mod._)(), queueAsyncRender(child, (child) => insertLoaded(renderer, child, owner[nodeAccessor], awaitCounter));
+			}, loadFailed(child, awaitCounter));
+		}
+	};
+}
+function insertLoaded(renderer, branch, marker, awaitCounter) {
+	let parent = marker.parentNode;
+	branch.H = 1, renderer.b(branch, parent.namespaceURI), setupBranch(renderer, branch), applyLoad(branch, () => {
+		insertBranchBefore(branch, parent, marker), marker.remove(), pendingScopes.push(branch), awaitCounter?.c();
+	});
+}
+function loadFailed(scope, awaitCounter) {
+	return (error) => {
+		awaitCounter && (awaitCounter.i = 0), queueAsyncRender(scope, renderCatch, error);
+	};
+}
+function applyLoad(scope, insert) {
+	let values = scope.X, remaining;
+	if (scope.X = 0, remaining = values?.size) for (let [promise, entry] of values) promise.then((signal) => {
+		entry.b = signal, --remaining || (scope.H = 1, pendingScopes.push(scope), queueAsyncRender(scope, (scope) => {
+			values.forEach((e) => e.b._(scope, e.a)), insert();
+		}));
+	}, () => 0);
+	else insert();
+}
+function _load_signal(load) {
+	let pending, signal;
+	return (scope, value) => {
+		pending ||= load(), scope.X || !("X" in scope) && scope.H ? (scope.X ||= /* @__PURE__ */ new Map()).set(pending, { a: value }) : signal ? signal(scope, value) : pending.then((mod) => queueAsyncRender(scope, signal = mod._, value), () => 0);
+	};
+}
+function _load_visible_trigger(selector, options) {
+	let pending, el;
+	return (load) => () => (pending ||= new Promise((resolve) => (el = getSelectorOrResolve(selector, resolve)) && new IntersectionObserver((entries, io) => entries.some((entry) => entry.isIntersecting) && resolve(io.disconnect()), options).observe(el))).then(load);
+}
+function _load_idle_trigger(options) {
+	let pending;
+	return (load) => () => (pending ||= new Promise((resolve) => (self.requestIdleCallback || resolve)(resolve, options))).then(load);
+}
+function _load_event_trigger(event, selector) {
+	let pending;
+	return (load) => () => (pending ||= new Promise((resolve) => getSelectorOrResolve(selector, resolve)?.addEventListener(event, resolve, { once: !0 }))).then(load);
+}
+function _load_media_trigger(query) {
+	let pending, mql;
+	return (load) => () => (pending ||= new Promise((resolve) => (mql = matchMedia(query)).matches ? resolve() : mql.addEventListener("change", resolve, { once: !0 }))).then(load);
+}
+function _load_race_trigger(...triggers) {
+	let noop = () => Promise.resolve(), pending;
+	return (load) => () => (pending ||= Promise.race(triggers.map((t) => t(noop)()))).then(load);
+}
+function getSelectorOrResolve(selector, resolve) {
+	return document.querySelector(selector) || resolve();
+}
+//#endregion
+export { $signal, $signalReset, _assert_hoist, _assert_init, _attr, _attr_class, _attr_class_item, _attr_class_items, _attr_content, _attr_details_or_dialog_open as _attr_details_open, _attr_details_or_dialog_open as _attr_dialog_open, _attr_details_or_dialog_open_default as _attr_details_open_default, _attr_details_or_dialog_open_default as _attr_dialog_open_default, _attr_details_or_dialog_open_script as _attr_details_open_script, _attr_details_or_dialog_open_script as _attr_dialog_open_script, _attr_input_checked, _attr_input_checkedValue, _attr_input_checkedValue_default, _attr_input_checkedValue_script, _attr_input_checked_default, _attr_input_checked_script, _attr_input_value, _attr_input_value as _attr_textarea_value, _attr_input_value_default, _attr_input_value_default as _attr_textarea_value_default, _attr_input_value_script, _attr_input_value_script as _attr_textarea_value_script, _attr_nonce, _attr_select_value, _attr_select_value_default, _attr_select_value_script, _attr_style, _attr_style_item, _attr_style_items, _attrs, _attrs_content, _attrs_partial, _attrs_partial_content, _attrs_script, _await_content, _await_promise, _call, _child_setup, _closure, _closure_get, _const, _content, _content_closures, _content_resume, _dynamic_tag, _el, _el_read, _enable_catch, _for_closure, _for_in, _for_of, _for_to, _for_until, _hoist, _hoist_resume, _html, _id, _if, _if_closure, _let, _let_change, _lifecycle, _load_event_trigger, _load_idle_trigger, _load_media_trigger, _load_race_trigger, _load_setup, _load_signal, _load_template, _load_visible_trigger, _on, _or, _resume, _resume_dynamic_tag, _return, _return_change, _script, _template, _text, _text_content, _to_text, _try, _var, _var_change, _var_resume, attrTag, attrTags, compat, forIn, forOf, forTo, forUntil, init, initEmbedded, ready, run };

package/dist/html/assets.d.ts

@@ -0,0 +1,47 @@
+import type { $Global, Template } from "../common/types";
+import { type ServerRenderer } from "./template";
+declare const kAssets: unique symbol;
+declare const kBlockIndex: unique symbol;
+declare const kDeferIndex: unique symbol;
+export interface VisibleTrigger {
+    type: "visible";
+    selector: string;
+    options?: {
+        rootMargin?: string;
+    };
+}
+export interface IdleTrigger {
+    type: "idle";
+    selector?: never;
+    options?: {
+        timeout?: number;
+    };
+}
+export interface MediaTrigger {
+    type: "media";
+    selector: string;
+    options?: never;
+}
+export interface EventTrigger {
+    type: `on-${string}`;
+    selector: string;
+    options?: never;
+}
+export type LoadTrigger = VisibleTrigger | IdleTrigger | MediaTrigger | EventTrigger;
+type Trigger = LoadTrigger;
+interface Asset {
+    id: string;
+    triggers?: Trigger[];
+}
+declare module "../common/types" {
+    interface $Global {
+        [kAssets]?: Asset[];
+        [kBlockIndex]?: number;
+        [kDeferIndex]?: number;
+    }
+}
+type AssetFlush = (g: $Global, type: "block" | "defer", asset: string) => string;
+export declare function withLoadAssets(renderer: ServerRenderer, assetId: string, triggers?: Trigger[]): ServerRenderer;
+export declare function withPageAssets(template: ServerRenderer & Template, runtime: AssetFlush, assetId: string, runtimeId?: string): Template;
+export declare function _flush_head(): string;
+export {};

package/dist/html/compat.d.ts

@@ -1,3 +1,4 @@
+import { register } from "./serializer";
 import type { ServerRenderer } from "./template";
 import { _await, _html, _peek_scope_id, _scope_id, $global, Chunk, isInResumedBranch, State, writeScript } from "./writer";
 export declare const compat: {
@@ -13,9 +14,9 @@ export declare const compat: {
     onFlush(fn: (chunk: Chunk) => void): void;
     patchDynamicTag: (patch: (tag: unknown, scopeId: number, accessor: import("../common/types").Accessor) => unknown) => void;
     writeSetScopeForComponent(branchId: number, m5c: string, m5i: unknown): void;
-    toJSON(state: State): (this: WeakKey) => [registryId: string, scopeId: unknown] | undefined;
+    toJSON(): (this: WeakKey) => [registryId: string, scopeId: unknown] | undefined;
     flushScript($global: any): string;
     render(renderer: ServerRenderer, willRerender: boolean, classAPIOut: any, component: any, input: any, completeChunks: Chunk[]): void;
-    registerRenderer(renderer: any, id: string): any;
+    register: typeof register;
     registerRenderBody(fn: any): void;
 };

package/dist/html/inlined-runtimes.d.ts

@@ -1,2 +1,2 @@
-export declare const WALKER_RUNTIME_CODE = "(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]))";
+export declare const WALKER_RUNTIME_CODE = "(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]))";
 export declare const REORDER_RUNTIME_CODE = "(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)))}})";

package/dist/html/inlined-runtimes.debug.d.ts

@@ -1,2 +1,2 @@
-export declare const WALKER_RUNTIME_CODE = "((runtimeId) => (self[runtimeId] || (self[runtimeId] = (\n  renderId,\n  prefix = runtimeId + renderId,\n  prefixLen = prefix.length,\n  lookup = {},\n  visits = [],\n  doc = document,\n  walker = doc.createTreeWalker(\n    doc,\n    129 /* NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_ELEMENT */,\n  ),\n) =>\n  doc = (self[runtimeId][renderId] = {\n    i: prefix,\n    d: doc,\n    l: lookup,\n    v: visits,\n    x() {},\n    w(node, op, id) {\n      while ((node = walker.nextNode())) {\n        doc.x(\n          (op =\n            (op = node.data) &&\n            !op.indexOf(prefix) &&\n            ((lookup[(id = op.slice(prefixLen + 1))] = node), op[prefixLen])),\n          id,\n          node,\n        );\n\n        if (op > \"#\") {\n          visits.push(node);\n        }\n      }\n    },\n  })\n), self[runtimeId]))";
+export declare const WALKER_RUNTIME_CODE = "((runtimeId) => (self[runtimeId] ||= (\n  renderId,\n  prefix = runtimeId + renderId,\n  prefixLen = prefix.length,\n  lookup = {},\n  visits = [],\n  doc = document,\n  walker = doc.createTreeWalker(\n    doc,\n    129 /* NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_ELEMENT */,\n  ),\n) =>\n  doc = (self[runtimeId][renderId] = {\n    i: prefix,\n    d: doc,\n    l: lookup,\n    v: visits,\n    x() {},\n    w(node, op, id) {\n      while ((node = walker.nextNode())) {\n        doc.x(\n          (op =\n            (op = node.data) &&\n            !op.indexOf(prefix) &&\n            ((lookup[(id = op.slice(prefixLen + 1))] = node), op[prefixLen])),\n          id,\n          node,\n        );\n\n        if (op > \"#\") {\n          visits.push(node);\n        }\n      }\n    },\n  })\n, self[runtimeId]))";
 export declare const REORDER_RUNTIME_CODE = "((runtime) => {\n  if (runtime.j) return;\n  let onNextSibling,\n    placeholder,\n    nextSibling,\n    placeholders = runtime.p = {},\n    replace = (id, container) => runtime.l[id].replaceWith(...container.childNodes);\n  runtime.d.head.append(\n    runtime.d.querySelector(\"style[\" + runtime.i + \"]\") || \"\"\n  );\n  runtime.j = {};\n  runtime.x = (op, id, node, placeholderRoot, placeholderCb) => {\n    if (node == nextSibling) {\n      onNextSibling();\n    }\n\n    if (op == \"#\") {\n      (placeholders[id] = placeholder).i++;\n    } else if (op == \"!\") {\n      if (runtime.l[id] && placeholders[id]) {\n        nextSibling = node.nextSibling;\n        onNextSibling = () => placeholders[id].c();\n      }\n    } else if (node.tagName == \"T\" && (id = node.getAttribute(runtime.i))) {\n      nextSibling = node.nextSibling;\n      onNextSibling = () => {\n        node.remove();\n        placeholderRoot || replace(id, node);\n        placeholder.c();\n      };\n      placeholder =\n        placeholders[id] ||\n        (placeholderRoot = placeholders[id] =\n          {\n            i: runtime.l[id] ? 1 : 2,\n            c(start = runtime.l[\"^\" + id]) {\n              if (--placeholderRoot.i) return 1;\n              for (\n                ;\n                (nextSibling =\n                  runtime.l[id].previousSibling || start).remove(),\n                  start != nextSibling;\n\n              );\n              replace(id, node);\n            },\n          });\n      // repurpose \"op\" for callbacks ...carefully\n      if ((op = runtime.j[id])) {\n        placeholderCb = placeholder.c;\n        placeholder.c = () => placeholderCb() || op(runtime.r);\n      }\n    }\n  };\n})";

package/dist/html/serializer.d.ts

@@ -1,20 +1,25 @@
 import type { Boundary } from "./writer";
+export declare const K_SCOPE_ID: unique symbol;
+export type ScopeFlush = [scopeId: number, scope: object, props: object];
+export interface SerializeChannel {
+    readyId?: string;
+    parent?: SerializeChannel;
+}
 export declare function setDebugInfo(obj: WeakKey, file: string, loc: string | 0, vars?: Record<string, string>): void;
 export declare class Serializer {
     #private;
-    get flushed(): boolean;
-    stringify(val: unknown, boundary: Boundary): string;
-    nextId(): string;
-    symbol(id: string): symbol;
-    writeCall(value: unknown, object: unknown, property?: string, spread?: boolean): void;
-    writeAssign(value: unknown, object: unknown, property: string): void;
-    register<T extends WeakKey>(id: string, val: T, scope?: unknown): T;
+    pending(channel?: SerializeChannel): boolean;
+    pendingReadyChannel(): SerializeChannel | undefined;
+    stringifyScopes(flushes: ScopeFlush[], globals: object | 0, boundary: Boundary, channel?: SerializeChannel): string;
+    written(val: WeakKey): boolean;
+    takeChannelDeps(): Set<string> | null;
+    writeCall(value: unknown, object: unknown, property: string, channel?: SerializeChannel): void;
 }
-export declare function register<T extends WeakKey>(id: string, val: T, scope?: unknown, instanceId?: number): T;
+export declare function register<T extends WeakKey>(id: string, val: T, scope?: unknown): T;
 export declare function getRegistered(val: WeakKey): {
     id: string;
     scope: unknown;
 } | undefined;
-export declare function stringify(val: unknown): string;
 export declare function toObjectKey(name: string): string;
 export declare function toAccess(accessor: string): string;
+export declare function quote(str: string, startPos: number): string;