marko 6.1.2 → 6.1.3

package/dist/debug/html.mjs

@@ -175,7 +175,7 @@ function forStepBy(by, index) {
 }
 //#endregion
 //#region src/html/inlined-runtimes.debug.ts
-const WALKER_RUNTIME_CODE = `((runtimeId) => (self[runtimeId] || (self[runtimeId] = (
+const WALKER_RUNTIME_CODE = `((runtimeId) => (self[runtimeId] ||= (
   renderId,
   prefix = runtimeId + renderId,
   prefixLen = prefix.length,
@@ -210,7 +210,7 @@ const WALKER_RUNTIME_CODE = `((runtimeId) => (self[runtimeId] || (self[runtimeId
       }
     },
   })
-), self[runtimeId]))`;
+, self[runtimeId]))`;
 const REORDER_RUNTIME_CODE = `((runtime) => {
   if (runtime.j) return;
   let onNextSibling,
@@ -761,15 +761,16 @@ function writeRegistered(state, val, parent, accessor, registered) {
 	} else state.buf.push(registered.access);
 	return true;
 }
+const STRING_DEDUP_LENGTH = 12;
 function writeString(state, val, parent, accessor) {
-	if (val.length > 30) {
+	if (val.length > STRING_DEDUP_LENGTH) {
 		const ref = state.strs.get(val);
-		if (ref) state.buf.push(ensureId(state, ref));
-		else {
-			state.strs.set(val, new Reference(parent, accessor, state.flush, state.buf.length));
-			state.buf.push(quote(val, 0));
-		}
-	} else state.buf.push(quote(val, 0));
+		if (ref) {
+			state.buf.push(ensureId(state, ref));
+			return true;
+		} else state.strs.set(val, new Reference(parent, accessor, state.flush, state.buf.length));
+	}
+	state.buf.push(quote(val, 0));
 	return true;
 }
 function writeNumber(state, val) {
@@ -891,7 +892,7 @@ function writeArray(state, val, ref) {
 	return true;
 }
 function writeDate(state, val) {
-	state.buf.push("new Date(\"" + val.toISOString() + "\")");
+	state.buf.push("new Date(" + +val + ")");
 	return true;
 }
 function writeRegExp(state, val) {
@@ -913,9 +914,9 @@ function writeMap(state, val, ref) {
 		state.buf.push("new Map");
 		return true;
 	}
-	const arrayRef = new Reference(ref, null, state.flush, null, nextRefAccess(state));
 	const items = [];
 	let assigns;
+	let needsId;
 	let i = 0;
 	if (val.size < 25) {
 		for (let [itemKey, itemValue] of val) {
@@ -927,12 +928,10 @@ function writeMap(state, val, ref) {
 				itemValue = void 0;
 				(assigns ||= []).push("a[" + i + "][1]");
 			}
+			needsId ||= isDedupedMember(itemKey) || isDedupedMember(itemValue);
 			i = items.push(itemValue === void 0 ? itemKey === void 0 ? [] : [itemKey] : [itemKey, itemValue]);
 		}
-		if (assigns) state.buf.push("((m,a)=>(" + assignsToString(assigns, "m") + ",a.forEach(i=>m.set(i[0],i[1])),m))(new Map," + arrayRef.id + "=");
-		else state.buf.push("new Map(" + arrayRef.id + "=");
-		writeArray(state, items, arrayRef);
-		state.buf.push(")");
+		writeArrayArg(state, ref, items, assigns && "((m,a)=>(" + assignsToString(assigns, "m") + ",a.forEach(i=>m.set(i[0],i[1])),m))(new Map,", "new Map(", needsId);
 	} else {
 		for (let [itemKey, itemValue] of val) {
 			if (itemKey === val) {
@@ -943,12 +942,10 @@ function writeMap(state, val, ref) {
 				itemValue = 0;
 				(assigns ||= []).push("a[" + (i + 1) + "]");
 			}
+			needsId ||= isDedupedMember(itemKey) || isDedupedMember(itemValue);
 			i = items.push(itemKey, itemValue);
 		}
-		if (assigns) state.buf.push("(a=>a.reduce((m,v,i)=>i%2?m:m.set(v,a[i+1])," + assignsToString(assigns, "new Map") + "))(" + arrayRef.id + "=");
-		else state.buf.push("(a=>a.reduce((m,v,i)=>i%2?m:m.set(v,a[i+1]),new Map))(" + arrayRef.id + "=");
-		writeArray(state, items, arrayRef);
-		state.buf.push(")");
+		writeArrayArg(state, ref, items, assigns && "(a=>a.reduce((m,v,i)=>i%2?m:m.set(v,a[i+1])," + assignsToString(assigns, "new Map") + "))(", "(a=>a.reduce((m,v,i)=>i%2?m:m.set(v,a[i+1]),new Map))(", needsId);
 	}
 	return true;
 }
@@ -959,20 +956,38 @@ function writeSet(state, val, ref) {
 	}
 	const items = [];
 	let assigns;
+	let needsId;
 	let i = 0;
 	for (let item of val) {
 		if (item === val) {
 			item = 0;
 			(assigns ||= []).push("i[" + i + "]");
-		}
+		} else needsId ||= isDedupedMember(item);
 		i = items.push(item);
 	}
-	const arrayRef = new Reference(ref, null, state.flush, null, nextRefAccess(state));
-	state.buf.push((assigns ? "((s,i)=>(" + assignsToString(assigns, "s") + ",i.forEach(i=>s.add(i)),s))(new Set," : "new Set(") + arrayRef.id + "=");
-	writeArray(state, items, arrayRef);
-	state.buf.push(")");
+	writeArrayArg(state, ref, items, assigns && "((s,i)=>(" + assignsToString(assigns, "s") + ",i.forEach(i=>s.add(i)),s))(new Set,", "new Set(", needsId);
 	return true;
 }
+function writeArrayArg(state, ref, items, assignsPrefix, plainPrefix, needsId) {
+	if (assignsPrefix || needsId) {
+		const arrayRef = new Reference(ref, null, state.flush, null, nextRefAccess(state));
+		state.buf.push((assignsPrefix || plainPrefix) + arrayRef.id + "=");
+		writeArray(state, items, arrayRef);
+	} else {
+		state.buf.push(plainPrefix);
+		writeArray(state, items, new Reference(ref, null, state.flush, state.buf.length));
+	}
+	state.buf.push(")");
+}
+function isDedupedMember(val) {
+	switch (typeof val) {
+		case "object": return val !== null;
+		case "function":
+		case "symbol": return true;
+		case "string": return val.length > STRING_DEDUP_LENGTH;
+		default: return false;
+	}
+}
 function writeArrayBuffer(state, val) {
 	let result;
 	if (val.byteLength) {
@@ -1205,22 +1220,16 @@ function writeObjectProps(state, val, ref) {
 		else state.buf.pop();
 	}
 	if (hasSymbolIterator(val)) {
-		const iterArr = [...val];
-		switch (iterArr.length) {
-			case 0:
-				state.buf.push(sep + "*[Symbol.iterator](){}");
-				break;
-			case 1:
-				state.buf.push(sep + "*[Symbol.iterator](){yield " + (iterArr[0] === val ? "this" : ensureId(state, ref)) + "}");
-				break;
-			default: {
-				const iterRef = new Reference(ref, null, state.flush, null, nextRefAccess(state));
-				state.buf.push(sep + "*[(" + iterRef.id + "=");
-				writeArray(state, iterArr, iterRef);
-				state.buf.push(",Symbol.iterator)](){yield*" + iterRef.id + "}");
-				break;
-			}
-		}
+		let yieldSelf = "";
+		const iterArr = [];
+		for (const item of val) if (item === val && !(yieldSelf || iterArr.length)) yieldSelf = "yield this;";
+		else iterArr.push(item);
+		if (iterArr.length) {
+			const iterRef = new Reference(ref, null, state.flush, null, nextRefAccess(state));
+			state.buf.push(sep + "*[(" + iterRef.id + "=");
+			writeArray(state, iterArr, iterRef);
+			state.buf.push(",Symbol.iterator)](){" + yieldSelf + "yield*" + iterRef.id + "}");
+		} else state.buf.push(sep + "*[Symbol.iterator](){" + yieldSelf.slice(0, -1) + "}");
 		sep = ",";
 	}
 	return sep;
@@ -1514,7 +1523,7 @@ function _serialize_if(condition, key) {
 	return condition && (condition === 1 || condition[key]) ? 1 : void 0;
 }
 function _serialize_guard(condition, key) {
-	return condition && (condition === 1 || condition[key]) ? 1 : 0;
+	return _serialize_if(condition, key) || 0;
 }
 function _el_resume(scopeId, accessor, shouldResume) {
 	if (shouldResume === 0) return "";
@@ -1549,127 +1558,58 @@ function withIsAsync(cb, value) {
 	return withContext(kIsAsync, true, cb, value);
 }
 function _for_of(list, cb, by, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode) {
-	const { state } = $chunk.boundary;
-	const resumeKeys = serializeMarker !== 0;
-	const resumeMarker = serializeMarker !== 0 && (!parentEndTag || serializeStateful !== 0);
-	let flushBranchIds = "";
-	if (serializeBranch !== 0) {
-		let loopScopes;
-		var seenKeys = /* @__PURE__ */ new Set();
-		forOf(list, (item, index) => {
-			const branchId = _peek_scope_id();
-			const itemKey = forOfBy(by, item, index);
-			if (by) {
-				if (seenKeys.has(itemKey)) console.error(`A <for> tag's \`by\` attribute must return a unique value for each item, but a duplicate was found matching:`, itemKey);
-				seenKeys.add(itemKey);
-			}
-			if (resumeMarker) if (singleNode) flushBranchIds = " " + branchId + flushBranchIds;
-			else {
-				$chunk.writeHTML(state.mark("[", flushBranchIds));
-				flushBranchIds = branchId + "";
-			}
-			withBranchId(branchId, () => {
-				cb(item, index);
-				const branchScope = writeScope(branchId, {});
-				if (resumeKeys && itemKey !== index) branchScope["#LoopKey"] = itemKey;
-				if (!resumeMarker) loopScopes = push(loopScopes, referenceScope(branchScope));
-			});
-		});
-		if (loopScopes) writeScope(scopeId, { ["BranchScopes:" + accessor]: loopScopes });
-	} else forOf(list, cb);
-	writeBranchEnd(scopeId, accessor, serializeStateful, serializeMarker, parentEndTag, singleNode, singleNode ? flushBranchIds : flushBranchIds ? " " + flushBranchIds : "");
+	forBranches(by, (each) => each ? forOf(list, (item, index) => {
+		const itemKey = forOfBy(by, item, index);
+		each(itemKey, itemKey === index, () => cb(item, index));
+	}) : forOf(list, cb), scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode);
 }
 function _for_in(obj, cb, by, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode) {
-	const { state } = $chunk.boundary;
-	const resumeKeys = serializeMarker !== 0;
-	const resumeMarker = serializeMarker !== 0 && (!parentEndTag || serializeStateful !== 0);
-	let flushBranchIds = "";
-	if (serializeBranch !== 0) {
-		let loopScopes;
-		var seenKeys = /* @__PURE__ */ new Set();
-		forIn(obj, (key, value) => {
-			const branchId = _peek_scope_id();
-			const itemKey = forInBy(by, key, value);
-			if (by) {
-				if (seenKeys.has(itemKey)) console.error(`A <for> tag's \`by\` attribute must return a unique value for each item, but a duplicate was found matching:`, itemKey);
-				seenKeys.add(itemKey);
-			}
-			if (resumeMarker) if (singleNode) flushBranchIds = " " + branchId + flushBranchIds;
-			else {
-				$chunk.writeHTML(state.mark("[", flushBranchIds));
-				flushBranchIds = branchId + "";
-			}
-			withBranchId(branchId, () => {
-				cb(key, value);
-				const branchScope = writeScope(branchId, {});
-				if (resumeKeys) branchScope["#LoopKey"] = itemKey;
-				if (!resumeMarker) loopScopes = push(loopScopes, referenceScope(branchScope));
-			});
-		});
-		if (loopScopes) writeScope(scopeId, { ["BranchScopes:" + accessor]: loopScopes });
-	} else forIn(obj, cb);
-	writeBranchEnd(scopeId, accessor, serializeStateful, serializeMarker, parentEndTag, singleNode, singleNode ? flushBranchIds : flushBranchIds ? " " + flushBranchIds : "");
+	forBranches(by, (each) => each ? forIn(obj, (key, value) => {
+		each(forInBy(by, key, value), false, () => cb(key, value));
+	}) : forIn(obj, cb), scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode);
 }
 function _for_to(to, from, step, cb, by, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode) {
-	const { state } = $chunk.boundary;
-	const resumeKeys = serializeMarker !== 0;
-	const resumeMarker = serializeMarker !== 0 && (!parentEndTag || serializeStateful !== 0);
-	let flushBranchIds = "";
-	if (serializeBranch !== 0) {
-		let loopScopes;
-		var seenKeys = /* @__PURE__ */ new Set();
-		forTo(to, from, step, (i) => {
-			const branchId = _peek_scope_id();
-			const itemKey = forStepBy(by, i);
-			if (by) {
-				if (seenKeys.has(itemKey)) console.error(`A <for> tag's \`by\` attribute must return a unique value for each item, but a duplicate was found matching:`, itemKey);
-				seenKeys.add(itemKey);
-			}
-			if (resumeMarker) if (singleNode) flushBranchIds = " " + branchId + flushBranchIds;
-			else {
-				$chunk.writeHTML(state.mark("[", flushBranchIds));
-				flushBranchIds = branchId + "";
-			}
-			withBranchId(branchId, () => {
-				cb(i);
-				const branchScope = writeScope(branchId, {});
-				if (resumeKeys && itemKey !== i) branchScope["#LoopKey"] = itemKey;
-				if (!resumeMarker) loopScopes = push(loopScopes, referenceScope(branchScope));
-			});
-		});
-		if (loopScopes) writeScope(scopeId, { ["BranchScopes:" + accessor]: loopScopes });
-	} else forTo(to, from, step, cb);
-	writeBranchEnd(scopeId, accessor, serializeStateful, serializeMarker, parentEndTag, singleNode, singleNode ? flushBranchIds : flushBranchIds ? " " + flushBranchIds : "");
+	forBranches(by, (each) => each ? forTo(to, from, step, (i) => {
+		const itemKey = forStepBy(by, i);
+		each(itemKey, itemKey === i, () => cb(i));
+	}) : forTo(to, from, step, cb), scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode);
 }
 function _for_until(to, from, step, cb, by, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode) {
+	forBranches(by, (each) => each ? forUntil(to, from, step, (i) => {
+		const itemKey = forStepBy(by, i);
+		each(itemKey, itemKey === i, () => cb(i));
+	}) : forUntil(to, from, step, cb), scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode);
+}
+function forBranches(by, iterate, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode) {
+	if (serializeBranch === 0) {
+		iterate(0);
+		writeBranchEnd(scopeId, accessor, serializeStateful, serializeMarker, parentEndTag, singleNode, "");
+		return;
+	}
 	const { state } = $chunk.boundary;
 	const resumeKeys = serializeMarker !== 0;
 	const resumeMarker = serializeMarker !== 0 && (!parentEndTag || serializeStateful !== 0);
 	let flushBranchIds = "";
-	if (serializeBranch !== 0) {
-		let loopScopes;
-		var seenKeys = /* @__PURE__ */ new Set();
-		forUntil(to, from, step, (i) => {
-			const branchId = _peek_scope_id();
-			const itemKey = forStepBy(by, i);
-			if (by) {
-				if (seenKeys.has(itemKey)) console.error(`A <for> tag's \`by\` attribute must return a unique value for each item, but a duplicate was found matching:`, itemKey);
-				seenKeys.add(itemKey);
-			}
-			if (resumeMarker) if (singleNode) flushBranchIds = " " + branchId + flushBranchIds;
-			else {
-				$chunk.writeHTML(state.mark("[", flushBranchIds));
-				flushBranchIds = branchId + "";
-			}
-			withBranchId(branchId, () => {
-				cb(i);
-				const branchScope = writeScope(branchId, {});
-				if (resumeKeys && itemKey !== i) branchScope["#LoopKey"] = itemKey;
-				if (!resumeMarker) loopScopes = push(loopScopes, referenceScope(branchScope));
-			});
+	let loopScopes;
+	var seenKeys = /* @__PURE__ */ new Set();
+	iterate((itemKey, sameAsIndex, render) => {
+		const branchId = _peek_scope_id();
+		if (by) {
+			if (seenKeys.has(itemKey)) console.error(`A <for> tag's \`by\` attribute must return a unique value for each item, but a duplicate was found matching:`, itemKey);
+			seenKeys.add(itemKey);
+		}
+		if (resumeMarker) if (singleNode) flushBranchIds = " " + branchId + flushBranchIds;
+		else {
+			$chunk.writeHTML(state.mark("[", flushBranchIds));
+			flushBranchIds = branchId + "";
+		}
+		withBranchId(branchId, () => {
+			render();
+			const branchScope = writeScope(branchId, resumeKeys && !sameAsIndex ? { ["#LoopKey"]: itemKey } : {});
+			if (!resumeMarker) loopScopes = push(loopScopes, referenceScope(branchScope));
 		});
-		if (loopScopes) writeScope(scopeId, { ["BranchScopes:" + accessor]: loopScopes });
-	} else forUntil(to, from, step, cb);
+	});
+	if (loopScopes) writeScope(scopeId, { ["BranchScopes:" + accessor]: loopScopes });
 	writeBranchEnd(scopeId, accessor, serializeStateful, serializeMarker, parentEndTag, singleNode, singleNode ? flushBranchIds : flushBranchIds ? " " + flushBranchIds : "");
 }
 function _if(cb, scopeId, accessor, serializeBranch, serializeMarker, serializeStateful, parentEndTag, singleNode) {

package/dist/dom/queue.d.ts

@@ -18,5 +18,6 @@ export declare function queueEffect<S extends Scope, T extends ExecFn<S>>(scope:
 export declare function run(): 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/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

@@ -11,5 +11,5 @@ export { _on } from "./dom/event";
 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 { _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

@@ -249,7 +249,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 +259,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,7 +410,7 @@ function createCloneableHTML(html, ns) {
 //#endregion
 //#region src/dom/resume.ts
 function enableBranches() {
-	branchesEnabled = 1;
+	branchesEnabled || (branchesEnabled = 1, skipDestroyedRenders());
 }
 function initEmbedded(readyId, runtimeId) {
 	embedEnabled = 1, ready(readyId), init(runtimeId), new MutationObserver(() => {
@@ -1014,11 +1018,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();
@@ -1112,4 +1121,4 @@ exports.$signal = $signal, exports.$signalReset = $signalReset, exports._assert_
 	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._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;

package/dist/dom.mjs

@@ -248,7 +248,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 +258,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,7 +409,7 @@ function createCloneableHTML(html, ns) {
 //#endregion
 //#region src/dom/resume.ts
 function enableBranches() {
-	branchesEnabled = 1;
+	branchesEnabled || (branchesEnabled = 1, skipDestroyedRenders());
 }
 function initEmbedded(readyId, runtimeId) {
 	embedEnabled = 1, ready(readyId), init(runtimeId), new MutationObserver(() => {
@@ -1013,11 +1017,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 +1116,4 @@ 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 };
+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 };

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})";