marko 6.1.3 → 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)();
@@ -411,27 +414,35 @@ function createCloneableHTML(html, ns) {
 function enableBranches() {
 	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););
@@ -440,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;
@@ -463,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
@@ -471,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;
 	}
@@ -829,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++]);
@@ -864,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));
 		});
 	};
 }
@@ -878,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)();
@@ -995,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 = {};
@@ -1116,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, _let_change, _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/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;

package/dist/html/writer.d.ts

@@ -1,13 +1,20 @@
 import { _hoist_read_error } from "../common/errors";
+import { type Opt } from "../common/opt";
 import { type $Global, type Accessor, type Falsy, ResumeSymbol } from "../common/types";
-import { Serializer } from "./serializer";
+import { K_SCOPE_ID, Serializer } from "./serializer";
+import type { ServerRenderer } from "./template";
 export type PartialScope = Record<Accessor, unknown>;
+interface SerializeState {
+    readyId?: string;
+    parent?: SerializeState;
+    resumes: string;
+    writeScopes: Record<number, PartialScope>;
+    passiveScopes?: Record<number, PartialScope>;
+    flushScopes: boolean;
+}
 type ScopeInternals = PartialScope & {
     [K_SCOPE_ID]?: number;
-    [K_SCOPE_REFERENCED]?: 1;
 };
-declare const K_SCOPE_ID: unique symbol;
-declare const K_SCOPE_REFERENCED: unique symbol;
 declare enum Mark {
     Placeholder = "!^",
     PlaceholderEnd = "!",
@@ -19,6 +26,7 @@ export declare function getState(): State;
 export declare function getScopeId(scope: unknown): number | undefined;
 export declare function _html(html: string): void;
 export declare function writeScript(script: string): void;
+export declare function writeWaitReady(readyId: string, renderer: ServerRenderer, input: unknown): void;
 export declare function _script(scopeId: number, registryId: string): void;
 export declare function _attr_content(nodeAccessor: Accessor, scopeId: number, content: unknown, serializeReason?: 1 | 0): void;
 export declare function withContext<T>(key: PropertyKey, value: unknown, cb: () => T): T;
@@ -28,7 +36,7 @@ export declare function _resume<T extends WeakKey>(val: T, id: string, scopeId?:
 export declare function _id(): string;
 export declare function _scope_id(): number;
 export declare function _peek_scope_id(): number;
-export declare function getScopeById(scopeId: number | undefined): PartialScope | undefined;
+export declare function getScopeById(scopeId: number | undefined): ScopeInternals | undefined;
 export declare function _set_serialize_reason(reason: undefined | 0 | 1): void;
 export declare function _scope_reason(): 0 | 1 | undefined;
 export declare function _serialize_if(condition: undefined | 1 | Record<string, 1>, key: string): 1 | undefined;
@@ -49,7 +57,6 @@ export declare function _for_to(to: number, from: number | Falsy, step: number |
 export declare function _for_until(to: number, from: number | Falsy, step: number | Falsy, cb: (index: number) => void, by: Falsy | ((v: number) => unknown), scopeId: number, accessor: Accessor, serializeBranch?: 0 | 1, serializeMarker?: 0 | 1, serializeStateful?: 0 | 1, parentEndTag?: string | 0, singleNode?: 1): void;
 export declare function _if(cb: () => void | number, scopeId: number, accessor: Accessor, serializeBranch?: 0 | 1, serializeMarker?: 0 | 1, serializeStateful?: 0 | 1, parentEndTag?: string | 0, singleNode?: 1): void;
 declare let writeScope: (scopeId: number, partialScope: PartialScope) => ScopeInternals;
-export declare function writeScopeToState(state: State, scopeId: number, partialScope: PartialScope): ScopeInternals;
 export { writeScope as _scope };
 export declare function _existing_scope(scopeId: number): ScopeInternals;
 export declare function _scope_with_id(scopeId: number): ScopeInternals;
@@ -66,7 +73,7 @@ export declare function _try(scopeId: number, accessor: Accessor, content: () =>
         content?(err: unknown): void;
     };
 }): void;
-export declare class State {
+export declare class State implements SerializeState {
     $global: $Global & {
         renderId: string;
         runtimeId: string;
@@ -74,10 +81,11 @@ export declare class State {
     tagId: number;
     scopeId: number;
     reorderId: number;
-    lastSerializedScopeId: number;
+    readyGate: number;
     hasGlobals: boolean;
     needsMainRuntime: boolean;
     hasMainRuntime: boolean;
+    hasReadyRuntime: boolean;
     hasReorderRuntime: boolean;
     hasWrittenResume: boolean;
     walkOnNextFlush: boolean;
@@ -86,9 +94,10 @@ export declare class State {
     nonceAttr: string;
     serializer: Serializer;
     writeReorders: Chunk[] | null;
-    scopes: Map<number, PartialScope>;
-    writeScopes: null | Record<number, PartialScope>;
-    ensureReady: null | Record<string, 0 | 1>;
+    scopes: Map<number, ScopeInternals>;
+    flushScopes: boolean;
+    writeScopes: Record<number, PartialScope>;
+    readyIds: Set<string> | null;
     serializeReason: undefined | 0 | 1;
     constructor($global: $Global & {
         renderId: string;
@@ -97,6 +106,8 @@ export declare class State {
     get runtimePrefix(): string;
     get commentPrefix(): string;
     reorder(chunk: Chunk): void;
+    writeReady(id: string, resumes: string): string;
+    readyAccess(readyKey: string): string;
     nextReorderId(): string;
     mark(code: ResumeSymbol | Mark, str: string): string;
 }
@@ -118,6 +129,7 @@ export declare class Chunk {
     boundary: Boundary;
     next: Chunk | null;
     context: Record<string | symbol, unknown> | null;
+    serializeState: SerializeState;
     html: string;
     scripts: string;
     effects: string;
@@ -126,18 +138,25 @@ export declare class Chunk {
     consumed: boolean;
     needsWalk: boolean;
     reorderId: string | null;
-    placeholderBody: Chunk | null;
-    placeholderRender: (() => void) | null;
-    placeholderBranchId: number | null;
-    constructor(boundary: Boundary, next: Chunk | null, context: Record<string | symbol, unknown> | null);
+    deferredReady: Opt<Chunk>;
+    placeholder: {
+        body: Chunk;
+        render: () => void;
+        branchId: number;
+    } | null;
+    constructor(boundary: Boundary, next: Chunk | null, context: Record<string | symbol, unknown> | null, serializeState: SerializeState);
+    fork(boundary: Boundary, next: Chunk | null): Chunk;
     writeHTML(html: string): void;
     writeEffect(scopeId: number, registryId: string): void;
     writeScript(script: string): void;
     append(chunk: Chunk): void;
+    takeDeferredReady(): Opt<Chunk>;
+    deferOwnReady(): void;
     flushPlaceholder(): void;
     consume(): Chunk;
     render(content: () => void): Chunk;
     render<T>(content: (val: T) => void, val: T): Chunk;
+    flushReadyScripts(reservations?: string[]): string;
     flushScript(): this;
     flushHTML(): string;
 }

package/dist/html.d.ts

@@ -1,5 +1,6 @@
 export { attrTag, attrTags } from "./common/attr-tag";
 export { _assert_hoist, _el_read_error, _hoist_read_error, } from "./common/errors";
+export { _flush_head, withLoadAssets, withPageAssets } from "./html/assets";
 export { _attr, _attr_class, _attr_details_or_dialog_open as _attr_details_open, _attr_details_or_dialog_open as _attr_dialog_open, _attr_input_checked, _attr_input_checkedValue, _attr_input_value, _attr_nonce, _attr_option_value, _attr_select_value, _attr_style, _attr_textarea_value, _attrs, _attrs_content, _attrs_partial, _attrs_partial_content, } from "./html/attrs";
 export { compat } from "./html/compat";
 export { _escape, _escape_comment, _escape_script, _escape_style, _unescaped, } from "./html/content";