marko 6.1.2 → 6.1.4

package/dist/dom/compat.d.ts

@@ -1,4 +1,4 @@
-import { RendererProp } from "../common/types";
+import { RendererProp, type Scope } from "../common/types";
 import { patchDynamicTag } from "./control-flow";
 import { queueEffect } from "./queue";
 import { type Renderer } from "./renderer";
@@ -6,7 +6,8 @@ export declare const compat: {
     patchDynamicTag: typeof patchDynamicTag;
     queueEffect: typeof queueEffect;
     init(warp10Noop: any): void;
-    registerRenderer(fn: any): void;
+    getScope($global: Record<string, unknown>, scopeId: unknown): Scope | undefined;
+    setRendererId(renderer: any, id: unknown): void;
     isRenderer(renderer: any): any;
     getStartNode(branch: any): any;
     setScopeNodes(branch: any, startNode: Node, endNode: Node): void;

package/dist/dom/control-flow.d.ts

@@ -1,8 +1,9 @@
-import { type Accessor, AccessorProp, type BranchScope, type EncodedAccessor, type Scope } from "../common/types";
+import { type Accessor, AccessorProp, type AwaitCounter, type BranchScope, type EncodedAccessor, type Scope } from "../common/types";
 import { type Renderer, type SetupFn } from "./renderer";
 import { type Signal } from "./signals";
 export declare function _await_promise(nodeAccessor: EncodedAccessor, params?: Signal<unknown>): (scope: Scope, promise: Promise<unknown>) => void;
 export declare function _await_content(nodeAccessor: EncodedAccessor, template?: string | 0, walks?: string | 0, setup?: SetupFn | 0): (scope: Scope) => void;
+export declare function addAwaitCounter(scope: Scope, tryBranch?: BranchScope | undefined): AwaitCounter | undefined;
 export declare function _try(nodeAccessor: EncodedAccessor, template?: string | 0, walks?: string | 0, setup?: SetupFn | 0): (scope: Scope, input: {
     catch: unknown;
     placeholder: unknown;

package/dist/dom/load.d.ts

@@ -0,0 +1,23 @@
+import { type EncodedAccessor, type Scope, type Template } from "../common/types";
+import { type Renderer, type SetupFn } from "./renderer";
+import type { Signal } from "./signals";
+interface LoadModule {
+    _: [template: string, walks: string, setup: SetupFn];
+}
+interface LoadSignal {
+    _: Signal;
+}
+export interface LoadTrigger {
+    <T>(load: () => Promise<T>): () => Promise<T>;
+}
+export declare function _load_template(id: string, load: () => Promise<Renderer>): Template & Renderer;
+export declare function _load_setup(nodeAccessor: EncodedAccessor, childScopeAccessor: EncodedAccessor, load: () => Promise<LoadModule>): (owner: Scope) => void;
+export declare function _load_signal(load: () => Promise<LoadSignal>): Signal;
+export declare function _load_visible_trigger(selector: string, options?: IntersectionObserverInit): LoadTrigger;
+export declare function _load_idle_trigger(options?: {
+    timeout?: number;
+}): LoadTrigger;
+export declare function _load_event_trigger(event: string, selector: string): LoadTrigger;
+export declare function _load_media_trigger(query: string): LoadTrigger;
+export declare function _load_race_trigger(...triggers: LoadTrigger[]): LoadTrigger;
+export {};

package/dist/dom/queue.d.ts

@@ -4,7 +4,7 @@ type ExecFn<S extends Scope = Scope> = (scope: S, arg?: any) => void;
 export type PendingRender = {
     [PendingRenderProp.Key]: number;
     [PendingRenderProp.Scope]: Scope;
-    [PendingRenderProp.Signal]: Signal<any>;
+    [PendingRenderProp.Signal]: Signal<any, any>;
     [PendingRenderProp.Value]: unknown;
 };
 export declare const caughtError: WeakSet<unknown[]>;
@@ -12,11 +12,13 @@ export declare const placeholderShown: WeakSet<unknown[]>;
 export declare let pendingEffects: unknown[];
 export declare let pendingScopes: Scope[];
 export declare let rendering: undefined | 0 | 1;
-export declare function queueRender<T>(scope: Scope, signal: Signal<T>, signalKey: number, value?: T, scopeKey?: number): void;
+export declare function queueRender<T, U extends Scope = Scope>(scope: U, signal: Signal<T, U>, signalKey: number, value?: T, scopeKey?: number): void;
 export declare function queuePendingRender(render: PendingRender): void;
 export declare function queueEffect<S extends Scope, T extends ExecFn<S>>(scope: S, fn: T): void;
 export declare function run(): void;
+export declare function queueAsyncRender<T, U extends Scope = Scope>(scope: U, signal: Signal<T, U>, value?: T): void;
 export declare function prepareEffects(fn: () => void): unknown[];
 export declare let runEffects: (effects: unknown[], checkPending?: boolean | 1) => void;
+export declare function skipDestroyedRenders(): void;
 export declare function _enable_catch(): void;
 export {};

package/dist/dom/resume.d.ts

@@ -1,7 +1,11 @@
 import { type AwaitCounter, type EncodedAccessor, type Scope } from "../common/types";
 import { type Signal } from "./signals";
-type Resumes = (number | Scope)[];
-type ResumeFn = (ctx: object) => Resumes;
+type ResumeFn = (ctx: SerializeContext) => unknown;
+type ResumeData = (string | number | (string | number)[] | ResumeFn)[];
+interface SerializeContext {
+    (data: number | (Scope | number)[], registryId?: string): unknown;
+    _: Record<string, unknown>;
+}
 export interface Renders {
     (renderId: string): RenderData;
     [renderId: string]: RenderData;
@@ -9,12 +13,10 @@ export interface Renders {
 export interface RenderData {
     i: string;
     v: Comment[];
-    r?: (string | ResumeFn)[];
-    s?: Record<string, Scope>;
+    r?: ResumeData;
     w(): void;
-    m?(): unknown[];
-    n?: Text;
-    b?: 0 | Record<string, 1 | 0>;
+    m?(effects: unknown[]): unknown[];
+    b?: Record<string, ResumeData>;
     d: never;
     l: never;
     x: never;
@@ -22,7 +24,7 @@ export interface RenderData {
     p?: Record<string | number, AwaitCounter>;
 }
 export declare function enableBranches(): void;
-export declare const ready: (id: string) => void;
+export declare function ready(readyId: string, runtimeId?: string): void;
 export declare function initEmbedded(readyId: string, runtimeId?: string): void;
 export declare function init(runtimeId?: string): void;
 export declare let isResuming: undefined | 0 | 1;

package/dist/dom/signals.d.ts

@@ -1,7 +1,8 @@
 import { type Accessor, AccessorProp, type EncodedAccessor, type Scope } from "../common/types";
 export type SignalFn = (scope: Scope) => void;
-export type Signal<T> = (scope: Scope, value: T) => void;
-export declare function _let<T>(id: EncodedAccessor, fn?: SignalFn): (scope: Scope, value: T, valueChange?: (v: T) => void) => T;
+export type Signal<T = unknown, U extends Scope = Scope> = (scope: U, value: T) => void;
+export declare function _let<T>(id: EncodedAccessor, fn?: SignalFn): (scope: Scope, value: T) => T;
+export declare function _let_change<T>(id: EncodedAccessor, fn?: SignalFn): (scope: Scope, value: T, valueChange?: (v: T) => void) => T;
 export declare function _const<T>(valueAccessor: EncodedAccessor, fn?: SignalFn): Signal<T>;
 export declare function _or(id: number, fn: SignalFn, defaultPending?: number, scopeIdAccessor?: EncodedAccessor): Signal<never>;
 export declare function _for_closure(ownerLoopNodeAccessor: EncodedAccessor, fn: SignalFn): SignalFn;
@@ -15,7 +16,7 @@ export declare function _closure_get(valueAccessor: EncodedAccessor, fn: SignalF
 };
 export declare function _child_setup(setup: Signal<never> & {
     _: Signal<Scope>;
-}): Signal<never> & {
+}): Signal<never, Scope> & {
     _: Signal<Scope>;
 };
 export declare function _var(scope: Scope, childAccessor: EncodedAccessor, signal: Signal<unknown>): void;

package/dist/dom.d.ts

@@ -8,8 +8,9 @@ export { _await_content, _await_promise, _dynamic_tag, _for_in, _for_of, _for_to
 export { _attr_details_or_dialog_open as _attr_details_open, _attr_details_or_dialog_open_default as _attr_details_open_default, _attr_details_or_dialog_open_script as _attr_details_open_script, _attr_details_or_dialog_open as _attr_dialog_open, _attr_details_or_dialog_open_default as _attr_dialog_open_default, _attr_details_or_dialog_open_script as _attr_dialog_open_script, _attr_input_checked, _attr_input_checked_default, _attr_input_checked_script, _attr_input_checkedValue, _attr_input_checkedValue_default, _attr_input_checkedValue_script, _attr_input_value, _attr_input_value_default, _attr_input_value_script, _attr_select_value, _attr_select_value_default, _attr_select_value_script, _attr_input_value as _attr_textarea_value, _attr_input_value_default as _attr_textarea_value_default, _attr_input_value_script as _attr_textarea_value_script, } from "./dom/controllable";
 export { _attr, _attr_class, _attr_class_item, _attr_class_items, _attr_content, _attr_nonce, _attr_style, _attr_style_item, _attr_style_items, _attrs, _attrs_content, _attrs_partial, _attrs_partial_content, _attrs_script, _html, _lifecycle, _text, _text_content, _to_text, } from "./dom/dom";
 export { _on } from "./dom/event";
+export { _load_event_trigger, _load_idle_trigger, _load_media_trigger, _load_race_trigger, _load_setup, _load_signal, _load_template, _load_visible_trigger, } from "./dom/load";
 export { _enable_catch, run } from "./dom/queue";
 export { _content, _content_closures, _content_resume } from "./dom/renderer";
-export { _el, _resume, _var_resume, init, initEmbedded } from "./dom/resume";
-export { _child_setup, _closure, _closure_get, _const, _el_read, _for_closure, _hoist, _hoist_resume, _id, _if_closure, _let, _or, _return, _return_change, _script, _var, _var_change, } from "./dom/signals";
+export { _el, _resume, _var_resume, init, initEmbedded, ready, } from "./dom/resume";
+export { _child_setup, _closure, _closure_get, _const, _el_read, _for_closure, _hoist, _hoist_resume, _id, _if_closure, _let, _let_change, _or, _return, _return_change, _script, _var, _var_change, } from "./dom/signals";
 export { _template } from "./dom/template";

package/dist/dom.js

@@ -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)();
@@ -249,7 +252,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 = () => {
@@ -259,13 +262,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) => {
@@ -406,29 +413,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););
@@ -437,22 +452,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;
@@ -460,7 +493,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
@@ -468,7 +501,7 @@ function init(runtimeId = "M") {
 }
 function runResumeEffects(render) {
 	try {
-		isResuming = 1, runEffects(render.m(), 1);
+		isResuming = 1, runEffects(render.m([]), 1);
 	} finally {
 		isResuming = 0;
 	}
@@ -826,32 +859,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++]);
@@ -861,10 +886,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));
 		});
 	};
 }
@@ -875,6 +900,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)();
@@ -992,6 +1038,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 = {};
@@ -1014,11 +1063,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,9 +1161,84 @@ function mount(input = {}, reference, position) {
 		}
 	};
 }
+//#endregion
+//#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();
+}
 exports.$signal = $signal, exports.$signalReset = $signalReset, exports._assert_hoist = _assert_hoist, exports._assert_init = _assert_init, exports._attr = _attr, exports._attr_class = _attr_class, exports._attr_class_item = _attr_class_item, exports._attr_class_items = _attr_class_items, 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_details_open_default = _attr_details_or_dialog_open_default, exports._attr_dialog_open_default = _attr_details_or_dialog_open_default, exports._attr_details_open_script = _attr_details_or_dialog_open_script, exports._attr_dialog_open_script = _attr_details_or_dialog_open_script, exports._attr_input_checked = _attr_input_checked, exports._attr_input_checkedValue = _attr_input_checkedValue, exports._attr_input_checkedValue_default = _attr_input_checkedValue_default, exports._attr_input_checkedValue_script = _attr_input_checkedValue_script, exports._attr_input_checked_default = _attr_input_checked_default, exports._attr_input_checked_script = _attr_input_checked_script, exports._attr_input_value = _attr_input_value, exports._attr_textarea_value = _attr_input_value, exports._attr_input_value_default = _attr_input_value_default, exports._attr_textarea_value_default = _attr_input_value_default, exports._attr_input_value_script = _attr_input_value_script, exports._attr_textarea_value_script = _attr_input_value_script, exports._attr_nonce = _attr_nonce, exports._attr_select_value = _attr_select_value, exports._attr_select_value_default = _attr_select_value_default, exports._attr_select_value_script = _attr_select_value_script, exports._attr_style = _attr_style, exports._attr_style_item = _attr_style_item, exports._attr_style_items = _attr_style_items, exports._attrs = _attrs, exports._attrs_content = _attrs_content, exports._attrs_partial = _attrs_partial, exports._attrs_partial_content = _attrs_partial_content, exports._attrs_script = _attrs_script, exports._await_content = _await_content, exports._await_promise = _await_promise, exports._call = _call, exports._child_setup = _child_setup, exports._closure = _closure, exports._closure_get = _closure_get, exports._const = _const, exports._content = _content, exports._content_closures = _content_closures, exports._content_resume = _content_resume, Object.defineProperty(exports, "_dynamic_tag", {
 	enumerable: !0,
 	get: function() {
 		return _dynamic_tag;
 	}
-}), exports._el = _el, exports._el_read = _el_read, exports._enable_catch = _enable_catch, exports._for_closure = _for_closure, 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_resume = _hoist_resume, exports._html = _html, exports._id = _id, exports._if = _if, exports._if_closure = _if_closure, exports._let = _let, exports._lifecycle = _lifecycle, exports._on = _on, exports._or = _or, exports._resume = _resume, exports._resume_dynamic_tag = _resume_dynamic_tag, exports._return = _return, exports._return_change = _return_change, exports._script = _script, exports._template = _template, exports._text = _text, exports._text_content = _text_content, exports._to_text = _to_text, exports._try = _try, exports._var = _var, exports._var_change = _var_change, exports._var_resume = _var_resume, exports.attrTag = attrTag, exports.attrTags = attrTags, exports.compat = compat, exports.forIn = forIn, exports.forOf = forOf, exports.forTo = forTo, exports.forUntil = forUntil, exports.init = init, exports.initEmbedded = initEmbedded, exports.run = run;
+}), exports._el = _el, exports._el_read = _el_read, exports._enable_catch = _enable_catch, exports._for_closure = _for_closure, 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_resume = _hoist_resume, exports._html = _html, exports._id = _id, exports._if = _if, exports._if_closure = _if_closure, exports._let = _let, exports._let_change = _let_change, exports._lifecycle = _lifecycle, exports._load_event_trigger = _load_event_trigger, exports._load_idle_trigger = _load_idle_trigger, exports._load_media_trigger = _load_media_trigger, exports._load_race_trigger = _load_race_trigger, exports._load_setup = _load_setup, exports._load_signal = _load_signal, exports._load_template = _load_template, exports._load_visible_trigger = _load_visible_trigger, exports._on = _on, exports._or = _or, exports._resume = _resume, exports._resume_dynamic_tag = _resume_dynamic_tag, exports._return = _return, exports._return_change = _return_change, exports._script = _script, exports._template = _template, exports._text = _text, exports._text_content = _text_content, exports._to_text = _to_text, exports._try = _try, exports._var = _var, exports._var_change = _var_change, exports._var_resume = _var_resume, exports.attrTag = attrTag, exports.attrTags = attrTags, exports.compat = compat, exports.forIn = forIn, exports.forOf = forOf, exports.forTo = forTo, exports.forUntil = forUntil, exports.init = init, exports.initEmbedded = initEmbedded, exports.ready = ready, exports.run = run;