@marko/runtime-tags 6.0.173 → 6.1.1

package/dist/debug/dom.js

@@ -302,7 +302,7 @@ function _let(id, fn) {
 }
 function _const(valueAccessor, fn) {
 	return (scope, value) => {
-		if (!(valueAccessor in scope) || scope[valueAccessor] !== value) {
+		if (scope["#Creating"] || scope[valueAccessor] !== value) {
 			scope[valueAccessor] = value;
 			fn?.(scope);
 		}
@@ -970,7 +970,8 @@ function setAttribute(element, name, value) {
 	else element.setAttribute(name, value);
 }
 function _attr_class(element, value) {
-	setAttribute(element, "class", toDelimitedString(value, " ", stringifyClassObject) || void 0);
+	value = typeof value === "string" ? value : toDelimitedString(value, " ", stringifyClassObject);
+	if (value !== element.className) element.className = value;
 }
 function _attr_class_items(element, items) {
 	for (const key in items) _attr_class_item(element, key, items[key]);
@@ -1144,11 +1145,10 @@ function _lifecycle(scope, thisObj, index = 0) {
 }
 function removeChildNodes(startNode, endNode) {
 	const stop = endNode.nextSibling;
-	let current = startNode;
-	while (current !== stop) {
-		const next = current.nextSibling;
-		current.remove();
-		current = next;
+	while (startNode !== stop) {
+		const next = startNode.nextSibling;
+		startNode.remove();
+		startNode = next;
 	}
 }
 function insertChildNodes(parentNode, referenceNode, startNode, endNode) {
@@ -1158,11 +1158,10 @@ function toInsertNode(startNode, endNode) {
 	if (startNode === endNode) return startNode;
 	const parent = new DocumentFragment();
 	const stop = endNode.nextSibling;
-	let current = startNode;
-	while (current !== stop) {
-		const next = current.nextSibling;
-		parent.appendChild(current);
-		current = next;
+	while (startNode !== stop) {
+		const next = startNode.nextSibling;
+		parent.appendChild(startNode);
+		startNode = next;
 	}
 	return parent;
 }
@@ -1493,7 +1492,7 @@ function byFirstArg(name) {
 //#endregion
 //#region src/dom/queue.ts
 let pendingRenders = [];
-let pendingRendersLookup = /* @__PURE__ */ new Map();
+let pendingRendersLookup = {};
 let asyncRendersLookup;
 const caughtError = /* @__PURE__ */ new WeakSet();
 const placeholderShown = /* @__PURE__ */ new WeakSet();
@@ -1503,7 +1502,7 @@ let rendering;
 const scopeKeyOffset = 1e3;
 function queueRender(scope, signal, signalKey, value, scopeKey = scope["#Id"]) {
 	const key = scopeKey * scopeKeyOffset + signalKey;
-	let render = signalKey >= 0 && pendingRendersLookup.get(key);
+	let render = signalKey >= 0 && pendingRendersLookup[key];
 	if (render) render["value"] = value;
 	else {
 		queuePendingRender(render = {
@@ -1512,7 +1511,7 @@ function queueRender(scope, signal, signalKey, value, scopeKey = scope["#Id"]) {
 			["signal"]: signal,
 			["value"]: value
 		});
-		signalKey >= 0 && pendingRendersLookup.set(key, render);
+		signalKey >= 0 && (pendingRendersLookup[key] = render);
 	}
 }
 function queuePendingRender(render) {
@@ -1531,7 +1530,7 @@ function queueEffect(scope, fn) {
 }
 function run() {
 	const effects = pendingEffects;
-	asyncRendersLookup = /* @__PURE__ */ new Map();
+	asyncRendersLookup = {};
 	try {
 		rendering = 1;
 		runRenders();
@@ -1550,7 +1549,7 @@ function prepareEffects(fn) {
 	const preparedEffects = pendingEffects = [];
 	pendingRenders = [];
 	asyncRendersLookup = pendingRendersLookup;
-	pendingRendersLookup = /* @__PURE__ */ new Map();
+	pendingRendersLookup = {};
 	try {
 		rendering = 1;
 		fn();
@@ -1623,7 +1622,7 @@ function _enable_catch() {
 				let branch = render["scope"]["#ClosestBranch"];
 				while (branch) {
 					if (branch["#PendingRenders"]) {
-						asyncRendersLookup.set(render["key"], render);
+						asyncRendersLookup[render["key"]] = render;
 						return branch["#PendingRenders"].push(render);
 					}
 					branch = branch["#ParentBranch"];

package/dist/debug/dom.mjs

@@ -300,7 +300,7 @@ function _let(id, fn) {
 }
 function _const(valueAccessor, fn) {
 	return (scope, value) => {
-		if (!(valueAccessor in scope) || scope[valueAccessor] !== value) {
+		if (scope["#Creating"] || scope[valueAccessor] !== value) {
 			scope[valueAccessor] = value;
 			fn?.(scope);
 		}
@@ -968,7 +968,8 @@ function setAttribute(element, name, value) {
 	else element.setAttribute(name, value);
 }
 function _attr_class(element, value) {
-	setAttribute(element, "class", toDelimitedString(value, " ", stringifyClassObject) || void 0);
+	value = typeof value === "string" ? value : toDelimitedString(value, " ", stringifyClassObject);
+	if (value !== element.className) element.className = value;
 }
 function _attr_class_items(element, items) {
 	for (const key in items) _attr_class_item(element, key, items[key]);
@@ -1142,11 +1143,10 @@ function _lifecycle(scope, thisObj, index = 0) {
 }
 function removeChildNodes(startNode, endNode) {
 	const stop = endNode.nextSibling;
-	let current = startNode;
-	while (current !== stop) {
-		const next = current.nextSibling;
-		current.remove();
-		current = next;
+	while (startNode !== stop) {
+		const next = startNode.nextSibling;
+		startNode.remove();
+		startNode = next;
 	}
 }
 function insertChildNodes(parentNode, referenceNode, startNode, endNode) {
@@ -1156,11 +1156,10 @@ function toInsertNode(startNode, endNode) {
 	if (startNode === endNode) return startNode;
 	const parent = new DocumentFragment();
 	const stop = endNode.nextSibling;
-	let current = startNode;
-	while (current !== stop) {
-		const next = current.nextSibling;
-		parent.appendChild(current);
-		current = next;
+	while (startNode !== stop) {
+		const next = startNode.nextSibling;
+		parent.appendChild(startNode);
+		startNode = next;
 	}
 	return parent;
 }
@@ -1491,7 +1490,7 @@ function byFirstArg(name) {
 //#endregion
 //#region src/dom/queue.ts
 let pendingRenders = [];
-let pendingRendersLookup = /* @__PURE__ */ new Map();
+let pendingRendersLookup = {};
 let asyncRendersLookup;
 const caughtError = /* @__PURE__ */ new WeakSet();
 const placeholderShown = /* @__PURE__ */ new WeakSet();
@@ -1501,7 +1500,7 @@ let rendering;
 const scopeKeyOffset = 1e3;
 function queueRender(scope, signal, signalKey, value, scopeKey = scope["#Id"]) {
 	const key = scopeKey * scopeKeyOffset + signalKey;
-	let render = signalKey >= 0 && pendingRendersLookup.get(key);
+	let render = signalKey >= 0 && pendingRendersLookup[key];
 	if (render) render["value"] = value;
 	else {
 		queuePendingRender(render = {
@@ -1510,7 +1509,7 @@ function queueRender(scope, signal, signalKey, value, scopeKey = scope["#Id"]) {
 			["signal"]: signal,
 			["value"]: value
 		});
-		signalKey >= 0 && pendingRendersLookup.set(key, render);
+		signalKey >= 0 && (pendingRendersLookup[key] = render);
 	}
 }
 function queuePendingRender(render) {
@@ -1529,7 +1528,7 @@ function queueEffect(scope, fn) {
 }
 function run() {
 	const effects = pendingEffects;
-	asyncRendersLookup = /* @__PURE__ */ new Map();
+	asyncRendersLookup = {};
 	try {
 		rendering = 1;
 		runRenders();
@@ -1548,7 +1547,7 @@ function prepareEffects(fn) {
 	const preparedEffects = pendingEffects = [];
 	pendingRenders = [];
 	asyncRendersLookup = pendingRendersLookup;
-	pendingRendersLookup = /* @__PURE__ */ new Map();
+	pendingRendersLookup = {};
 	try {
 		rendering = 1;
 		fn();
@@ -1621,7 +1620,7 @@ function _enable_catch() {
 				let branch = render["scope"]["#ClosestBranch"];
 				while (branch) {
 					if (branch["#PendingRenders"]) {
-						asyncRendersLookup.set(render["key"], render);
+						asyncRendersLookup[render["key"]] = render;
 						return branch["#PendingRenders"].push(render);
 					}
 					branch = branch["#ParentBranch"];

package/dist/debug/html.js

@@ -746,12 +746,20 @@ function writeReferenceOr(state, write, val, parent, accessor) {
 }
 function writeRegistered(state, val, parent, accessor, registered) {
 	if (parent && registered.scope) {
+		if (!state.refs.has(registered.scope)) {
+			state.buf.push(registered.access + "(");
+			writeProp(state, registered.scope, null, "");
+			state.buf.push(")");
+			const scopeRef = state.refs.get(registered.scope);
+			if (scopeRef) ensureId(state, scopeRef);
+			return true;
+		}
 		const fnRef = new Reference(parent, accessor, state.flush, state.buf.length);
 		fnRef.registered = registered;
 		state.refs.set(val, fnRef);
 		state.registered.push(fnRef);
 		addAssignment(fnRef, ensureId(state, parent) + toAccess(accessor));
-		return !state.refs.has(registered.scope) && writeProp(state, registered.scope, null, "");
+		return false;
 	} else state.buf.push(registered.access);
 	return true;
 }
@@ -2218,7 +2226,7 @@ function getFilteredGlobals($global) {
 	return filtered;
 }
 function _subscribe(subscribers, scope) {
-	$chunk.boundary.state.serializer.writeCall(scope, subscribers, "add");
+	if (subscribers) $chunk.boundary.state.serializer.writeCall(scope, subscribers, "add");
 	return referenceScope(scope);
 }
 //#endregion

package/dist/debug/html.mjs

@@ -744,12 +744,20 @@ function writeReferenceOr(state, write, val, parent, accessor) {
 }
 function writeRegistered(state, val, parent, accessor, registered) {
 	if (parent && registered.scope) {
+		if (!state.refs.has(registered.scope)) {
+			state.buf.push(registered.access + "(");
+			writeProp(state, registered.scope, null, "");
+			state.buf.push(")");
+			const scopeRef = state.refs.get(registered.scope);
+			if (scopeRef) ensureId(state, scopeRef);
+			return true;
+		}
 		const fnRef = new Reference(parent, accessor, state.flush, state.buf.length);
 		fnRef.registered = registered;
 		state.refs.set(val, fnRef);
 		state.registered.push(fnRef);
 		addAssignment(fnRef, ensureId(state, parent) + toAccess(accessor));
-		return !state.refs.has(registered.scope) && writeProp(state, registered.scope, null, "");
+		return false;
 	} else state.buf.push(registered.access);
 	return true;
 }
@@ -2216,7 +2224,7 @@ function getFilteredGlobals($global) {
 	return filtered;
 }
 function _subscribe(subscribers, scope) {
-	$chunk.boundary.state.serializer.writeCall(scope, subscribers, "add");
+	if (subscribers) $chunk.boundary.state.serializer.writeCall(scope, subscribers, "add");
 	return referenceScope(scope);
 }
 //#endregion

package/dist/dom.js

@@ -52,7 +52,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	};
 }, _for_of = /* @__PURE__ */ loop(([all, by = bySecondArg], cb) => {
 	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 = /* @__PURE__ */ new Map(), asyncRendersLookup, caughtError = /* @__PURE__ */ new WeakSet(), placeholderShown = /* @__PURE__ */ new WeakSet(), pendingEffects = [], pendingScopes = [], rendering, runEffects = ((effects) => {
+}), _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 = {
 	patchDynamicTag,
@@ -264,7 +264,7 @@ function _let(id, fn) {
 }
 function _const(valueAccessor, fn) {
 	return valueAccessor = decodeAccessor(valueAccessor), (scope, value) => {
-		(!(valueAccessor in scope) || scope[valueAccessor] !== value) && (scope[valueAccessor] = value, fn?.(scope));
+		(scope.H || scope[valueAccessor] !== value) && (scope[valueAccessor] = value, fn?.(scope));
 	};
 }
 function _or(id, fn, defaultPending = 1, scopeIdAccessor = "L") {
@@ -667,7 +667,7 @@ function setAttribute(element, name, value) {
 	element.getAttribute(name) != value && (value === void 0 ? element.removeAttribute(name) : element.setAttribute(name, value));
 }
 function _attr_class(element, value) {
-	setAttribute(element, "class", toDelimitedString(value, " ", stringifyClassObject) || void 0);
+	value = typeof value == "string" ? value : toDelimitedString(value, " ", stringifyClassObject), value !== element.className && (element.className = value);
 }
 function _attr_class_items(element, items) {
 	for (let key in items) _attr_class_item(element, key, items[key]);
@@ -802,10 +802,10 @@ function _lifecycle(scope, thisObj, index = 0) {
 	instance ? (Object.assign(instance, thisObj), instance.onUpdate?.()) : (scope[accessor] = thisObj, thisObj.onMount?.(), $signal(scope, accessor).onabort = () => thisObj.onDestroy?.());
 }
 function removeChildNodes(startNode, endNode) {
-	let stop = endNode.nextSibling, current = startNode;
-	for (; current !== stop;) {
-		let next = current.nextSibling;
-		current.remove(), current = next;
+	let stop = endNode.nextSibling;
+	for (; startNode !== stop;) {
+		let next = startNode.nextSibling;
+		startNode.remove(), startNode = next;
 	}
 }
 function insertChildNodes(parentNode, referenceNode, startNode, endNode) {
@@ -813,10 +813,10 @@ function insertChildNodes(parentNode, referenceNode, startNode, endNode) {
 }
 function toInsertNode(startNode, endNode) {
 	if (startNode === endNode) return startNode;
-	let parent = new DocumentFragment(), stop = endNode.nextSibling, current = startNode;
-	for (; current !== stop;) {
-		let next = current.nextSibling;
-		parent.appendChild(current), current = next;
+	let parent = new DocumentFragment(), stop = endNode.nextSibling;
+	for (; startNode !== stop;) {
+		let next = startNode.nextSibling;
+		parent.appendChild(startNode), startNode = next;
 	}
 	return parent;
 }
@@ -962,13 +962,13 @@ function byFirstArg(name) {
 //#endregion
 //#region src/dom/queue.ts
 function queueRender(scope, signal, signalKey, value, scopeKey = scope.L) {
-	let key = scopeKey * 1e3 + signalKey, render = signalKey >= 0 && pendingRendersLookup.get(key);
+	let key = scopeKey * 1e3 + signalKey, render = signalKey >= 0 && pendingRendersLookup[key];
 	render ? render.d = value : (queuePendingRender(render = {
 		a: key,
 		b: scope,
 		c: signal,
 		d: value
-	}), signalKey >= 0 && pendingRendersLookup.set(key, render));
+	}), signalKey >= 0 && (pendingRendersLookup[key] = render));
 }
 function queuePendingRender(render) {
 	let i = pendingRenders.push(render) - 1;
@@ -984,7 +984,7 @@ function queueEffect(scope, fn) {
 }
 function run() {
 	let effects = pendingEffects;
-	asyncRendersLookup = /* @__PURE__ */ new Map();
+	asyncRendersLookup = {};
 	try {
 		rendering = 1, runRenders();
 	} finally {
@@ -994,7 +994,7 @@ function run() {
 }
 function prepareEffects(fn) {
 	let prevRenders = pendingRenders, prevEffects = pendingEffects, prevLookup = asyncRendersLookup, preparedEffects = pendingEffects = [];
-	pendingRenders = [], asyncRendersLookup = pendingRendersLookup, pendingRendersLookup = /* @__PURE__ */ new Map();
+	pendingRenders = [], asyncRendersLookup = pendingRendersLookup, pendingRendersLookup = {};
 	try {
 		rendering = 1, fn(), runRenders();
 	} finally {
@@ -1037,7 +1037,7 @@ function _enable_catch() {
 			try {
 				let branch = render.b.F;
 				for (; branch;) {
-					if (branch.W) return asyncRendersLookup.set(render.a, render), branch.W.push(render);
+					if (branch.W) return asyncRendersLookup[render.a] = render, branch.W.push(render);
 					branch = branch.N;
 				}
 				runRender(render);

package/dist/dom.mjs

@@ -52,7 +52,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	};
 }, _for_of = /* @__PURE__ */ loop(([all, by = bySecondArg], cb) => {
 	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 = /* @__PURE__ */ new Map(), asyncRendersLookup, caughtError = /* @__PURE__ */ new WeakSet(), placeholderShown = /* @__PURE__ */ new WeakSet(), pendingEffects = [], pendingScopes = [], rendering, runEffects = ((effects) => {
+}), _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 = {
 	patchDynamicTag,
@@ -263,7 +263,7 @@ function _let(id, fn) {
 }
 function _const(valueAccessor, fn) {
 	return valueAccessor = decodeAccessor(valueAccessor), (scope, value) => {
-		(!(valueAccessor in scope) || scope[valueAccessor] !== value) && (scope[valueAccessor] = value, fn?.(scope));
+		(scope.H || scope[valueAccessor] !== value) && (scope[valueAccessor] = value, fn?.(scope));
 	};
 }
 function _or(id, fn, defaultPending = 1, scopeIdAccessor = "L") {
@@ -666,7 +666,7 @@ function setAttribute(element, name, value) {
 	element.getAttribute(name) != value && (value === void 0 ? element.removeAttribute(name) : element.setAttribute(name, value));
 }
 function _attr_class(element, value) {
-	setAttribute(element, "class", toDelimitedString(value, " ", stringifyClassObject) || void 0);
+	value = typeof value == "string" ? value : toDelimitedString(value, " ", stringifyClassObject), value !== element.className && (element.className = value);
 }
 function _attr_class_items(element, items) {
 	for (let key in items) _attr_class_item(element, key, items[key]);
@@ -801,10 +801,10 @@ function _lifecycle(scope, thisObj, index = 0) {
 	instance ? (Object.assign(instance, thisObj), instance.onUpdate?.()) : (scope[accessor] = thisObj, thisObj.onMount?.(), $signal(scope, accessor).onabort = () => thisObj.onDestroy?.());
 }
 function removeChildNodes(startNode, endNode) {
-	let stop = endNode.nextSibling, current = startNode;
-	for (; current !== stop;) {
-		let next = current.nextSibling;
-		current.remove(), current = next;
+	let stop = endNode.nextSibling;
+	for (; startNode !== stop;) {
+		let next = startNode.nextSibling;
+		startNode.remove(), startNode = next;
 	}
 }
 function insertChildNodes(parentNode, referenceNode, startNode, endNode) {
@@ -812,10 +812,10 @@ function insertChildNodes(parentNode, referenceNode, startNode, endNode) {
 }
 function toInsertNode(startNode, endNode) {
 	if (startNode === endNode) return startNode;
-	let parent = new DocumentFragment(), stop = endNode.nextSibling, current = startNode;
-	for (; current !== stop;) {
-		let next = current.nextSibling;
-		parent.appendChild(current), current = next;
+	let parent = new DocumentFragment(), stop = endNode.nextSibling;
+	for (; startNode !== stop;) {
+		let next = startNode.nextSibling;
+		parent.appendChild(startNode), startNode = next;
 	}
 	return parent;
 }
@@ -961,13 +961,13 @@ function byFirstArg(name) {
 //#endregion
 //#region src/dom/queue.ts
 function queueRender(scope, signal, signalKey, value, scopeKey = scope.L) {
-	let key = scopeKey * 1e3 + signalKey, render = signalKey >= 0 && pendingRendersLookup.get(key);
+	let key = scopeKey * 1e3 + signalKey, render = signalKey >= 0 && pendingRendersLookup[key];
 	render ? render.d = value : (queuePendingRender(render = {
 		a: key,
 		b: scope,
 		c: signal,
 		d: value
-	}), signalKey >= 0 && pendingRendersLookup.set(key, render));
+	}), signalKey >= 0 && (pendingRendersLookup[key] = render));
 }
 function queuePendingRender(render) {
 	let i = pendingRenders.push(render) - 1;
@@ -983,7 +983,7 @@ function queueEffect(scope, fn) {
 }
 function run() {
 	let effects = pendingEffects;
-	asyncRendersLookup = /* @__PURE__ */ new Map();
+	asyncRendersLookup = {};
 	try {
 		rendering = 1, runRenders();
 	} finally {
@@ -993,7 +993,7 @@ function run() {
 }
 function prepareEffects(fn) {
 	let prevRenders = pendingRenders, prevEffects = pendingEffects, prevLookup = asyncRendersLookup, preparedEffects = pendingEffects = [];
-	pendingRenders = [], asyncRendersLookup = pendingRendersLookup, pendingRendersLookup = /* @__PURE__ */ new Map();
+	pendingRenders = [], asyncRendersLookup = pendingRendersLookup, pendingRendersLookup = {};
 	try {
 		rendering = 1, fn(), runRenders();
 	} finally {
@@ -1036,7 +1036,7 @@ function _enable_catch() {
 			try {
 				let branch = render.b.F;
 				for (; branch;) {
-					if (branch.W) return asyncRendersLookup.set(render.a, render), branch.W.push(render);
+					if (branch.W) return asyncRendersLookup[render.a] = render, branch.W.push(render);
 					branch = branch.N;
 				}
 				runRender(render);

package/dist/html/writer.d.ts

@@ -145,4 +145,4 @@ export declare function _trailers(html: string): void;
 type QueueCallback = (ticked: true) => void;
 export declare function queueTick(cb: QueueCallback): void;
 export declare function offTick(cb: QueueCallback): void;
-export declare function _subscribe(subscribers: Set<ScopeInternals>, scope: ScopeInternals): ScopeInternals;
+export declare function _subscribe(subscribers: Set<ScopeInternals> | undefined, scope: ScopeInternals): ScopeInternals;

package/dist/html.js

@@ -599,8 +599,13 @@ function writeReferenceOr(state, write, val, parent, accessor) {
 }
 function writeRegistered(state, val, parent, accessor, registered) {
 	if (parent && registered.scope) {
+		if (!state.refs.has(registered.scope)) {
+			state.buf.push(registered.access + "("), writeProp(state, registered.scope, null, ""), state.buf.push(")");
+			let scopeRef = state.refs.get(registered.scope);
+			return scopeRef && ensureId(state, scopeRef), !0;
+		}
 		let fnRef = new Reference(parent, accessor, state.flush, state.buf.length);
-		return fnRef.registered = registered, state.refs.set(val, fnRef), state.registered.push(fnRef), addAssignment(fnRef, ensureId(state, parent) + toAccess(accessor)), !state.refs.has(registered.scope) && writeProp(state, registered.scope, null, "");
+		return fnRef.registered = registered, state.refs.set(val, fnRef), state.registered.push(fnRef), addAssignment(fnRef, ensureId(state, parent) + toAccess(accessor)), !1;
 	} else state.buf.push(registered.access);
 	return !0;
 }
@@ -1464,7 +1469,7 @@ function getFilteredGlobals($global) {
 	return filtered;
 }
 function _subscribe(subscribers, scope) {
-	return $chunk.boundary.state.serializer.writeCall(scope, subscribers, "add"), referenceScope(scope);
+	return subscribers && $chunk.boundary.state.serializer.writeCall(scope, subscribers, "add"), referenceScope(scope);
 }
 //#endregion
 //#region src/html/attrs.ts

package/dist/html.mjs

@@ -598,8 +598,13 @@ function writeReferenceOr(state, write, val, parent, accessor) {
 }
 function writeRegistered(state, val, parent, accessor, registered) {
 	if (parent && registered.scope) {
+		if (!state.refs.has(registered.scope)) {
+			state.buf.push(registered.access + "("), writeProp(state, registered.scope, null, ""), state.buf.push(")");
+			let scopeRef = state.refs.get(registered.scope);
+			return scopeRef && ensureId(state, scopeRef), !0;
+		}
 		let fnRef = new Reference(parent, accessor, state.flush, state.buf.length);
-		return fnRef.registered = registered, state.refs.set(val, fnRef), state.registered.push(fnRef), addAssignment(fnRef, ensureId(state, parent) + toAccess(accessor)), !state.refs.has(registered.scope) && writeProp(state, registered.scope, null, "");
+		return fnRef.registered = registered, state.refs.set(val, fnRef), state.registered.push(fnRef), addAssignment(fnRef, ensureId(state, parent) + toAccess(accessor)), !1;
 	} else state.buf.push(registered.access);
 	return !0;
 }
@@ -1463,7 +1468,7 @@ function getFilteredGlobals($global) {
 	return filtered;
 }
 function _subscribe(subscribers, scope) {
-	return $chunk.boundary.state.serializer.writeCall(scope, subscribers, "add"), referenceScope(scope);
+	return subscribers && $chunk.boundary.state.serializer.writeCall(scope, subscribers, "add"), referenceScope(scope);
 }
 //#endregion
 //#region src/html/attrs.ts

package/dist/translator/index.js

@@ -1535,8 +1535,12 @@ function getNodeContentType(path, extraMember, contentInfo) {
 function getSectionRegisterReasons(section) {
 	if (section.isBranch) return false;
 	const { downstreamBinding } = section;
-	if (downstreamBinding) return getAllSerializeReasonsForBinding(downstreamBinding.binding, downstreamBinding.properties);
-	else if (downstreamBinding === false) return false;
+	if (downstreamBinding) {
+		const downstreamReasons = getAllSerializeReasonsForBinding(downstreamBinding.binding, downstreamBinding.properties);
+		if (!downstreamReasons) return false;
+		if (downstreamReasons !== true && !section.serializeReason && !section.serializeReasons.size && !section.parent?.serializeReason && !section.parent?.serializeReasons.size) return false;
+		return downstreamReasons;
+	} else if (downstreamBinding === false) return false;
 	return true;
 }
 function isImmediateOwner(section, binding) {
@@ -2134,24 +2138,6 @@ let _dynamic_tag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, s
 	};
 })(_dynamic_tag);
 //#endregion
-//#region src/translator/util/to-property-name.ts
-function isValidPropertyIdentifier(name) {
-	return /^[a-z_$][a-z0-9_$]*$/i.test(name);
-}
-function toPropertyName(name) {
-	if (isValidPropertyIdentifier(name)) return _marko_compiler.types.identifier(name);
-	else if (/^(?:0|[1-9][0-9]*)$/.test(name)) return _marko_compiler.types.numericLiteral(parseInt(name, 10));
-	return _marko_compiler.types.stringLiteral(name);
-}
-function toObjectProperty(name, value) {
-	return _marko_compiler.types.objectProperty(toPropertyName(name), value);
-}
-function toMemberExpression(object, key, optional) {
-	const prop = toPropertyName(key);
-	const computed = prop.type !== "Identifier";
-	return optional ? _marko_compiler.types.optionalMemberExpression(object, prop, computed, true) : _marko_compiler.types.memberExpression(object, prop, computed);
-}
-//#endregion
 //#region src/translator/util/runtime.ts
 const pureDOMFunctions = new Set([
 	"_await_promise",
@@ -2177,7 +2163,7 @@ const pureDOMFunctions = new Set([
 ]);
 function importRuntime(name) {
 	const { output } = getMarkoOpts();
-	return toMemberExpression((0, _marko_compiler_babel_utils.importStar)((0, _marko_compiler_babel_utils.getFile)(), getRuntimePath(output), "_"), name);
+	return (0, _marko_compiler_babel_utils.importNamed)((0, _marko_compiler_babel_utils.getFile)(), getRuntimePath(output), name);
 }
 function callRuntime(name, ...args) {
 	const callExpression = _marko_compiler.types.callExpression(importRuntime(name), filterArguments(args));
@@ -2771,6 +2757,24 @@ function forEachIdentifierPath(nodePath, cb) {
 	}
 }
 //#endregion
+//#region src/translator/util/to-property-name.ts
+function isValidPropertyIdentifier(name) {
+	return /^[a-z_$][a-z0-9_$]*$/i.test(name);
+}
+function toPropertyName(name) {
+	if (isValidPropertyIdentifier(name)) return _marko_compiler.types.identifier(name);
+	else if (/^(?:0|[1-9][0-9]*)$/.test(name)) return _marko_compiler.types.numericLiteral(parseInt(name, 10));
+	return _marko_compiler.types.stringLiteral(name);
+}
+function toObjectProperty(name, value) {
+	return _marko_compiler.types.objectProperty(toPropertyName(name), value);
+}
+function toMemberExpression(object, key, optional) {
+	const prop = toPropertyName(key);
+	const computed = prop.type !== "Identifier";
+	return optional ? _marko_compiler.types.optionalMemberExpression(object, prop, computed, true) : _marko_compiler.types.memberExpression(object, prop, computed);
+}
+//#endregion
 //#region src/translator/util/get-declared-binding-expression.ts
 function getDeclaredBindingExpression(binding) {
 	const canonicalBinding = getCanonicalBinding(binding);
@@ -3204,6 +3208,7 @@ function writeHTMLResumeStatements(path) {
 	const body = path.node.body;
 	const allSignals = Array.from(getSignals(section).values());
 	const scopeIdIdentifier = getScopeIdIdentifier(section);
+	const sectionSerializeReason = nonAnalyzedForceSerializedSection.has(section) ? true : section.serializeReason;
 	forEach(section.referencedClosures, (closure) => {
 		if (closure.sources) {
 			if (isDynamicClosure(section, closure)) {
@@ -3219,7 +3224,11 @@ function writeHTMLResumeStatements(path) {
 				if (underTryPlaceholder(section)) {
 					const reason = getSerializeReason(section);
 					if (reason) getHTMLSectionStatements(section).push(_marko_compiler.types.expressionStatement(getExprIfSerialized(section, reason, callRuntime("_script", getScopeIdIdentifier(section), _marko_compiler.types.stringLiteral(getResumeRegisterId(section, closure, "pending"))))));
-				} else addWriteScopeBuilder(section, (expr) => callRuntime("_subscribe", identifier, expr));
+				} else {
+					const closureScopesReason = getSerializeReason(closure.section, closure, getAccessorPrefix().ClosureScopes);
+					const subscribeArg = isReasonDynamic(closureScopesReason) && !isSameReason(closureScopesReason, sectionSerializeReason) ? getExprIfSerialized(closure.section, closureScopesReason, identifier) : identifier;
+					addWriteScopeBuilder(section, (expr) => callRuntime("_subscribe", subscribeArg, expr));
+				}
 			}
 		}
 	});
@@ -3231,7 +3240,6 @@ function writeHTMLResumeStatements(path) {
 	const writeScopeBuilder = getSectionWriteScopeBuilder(section);
 	const serializedLookup = getSerializedAccessors(section);
 	const serializedProperties = [];
-	const sectionSerializeReason = nonAnalyzedForceSerializedSection.has(section) ? true : section.serializeReason;
 	const ifSerialized = (reason, expr) => {
 		if (isSameReason(sectionSerializeReason, reason)) return expr;
 		return getExprIfSerialized(section, reason, expr);

package/dist/translator/util/runtime.d.ts

@@ -3,7 +3,7 @@ import type { Falsy } from "../../common/types";
 import { _attr, _attr_class, _attr_style, _escape, _escape_comment, _escape_script, _escape_style, _unescaped } from "../../html";
 export type DOMRuntimeHelpers = keyof typeof import("../../dom");
 export type HTMLRuntimeHelpers = keyof typeof import("../../html");
-export declare function importRuntime(name: DOMRuntimeHelpers | HTMLRuntimeHelpers): t.MemberExpression;
+export declare function importRuntime(name: DOMRuntimeHelpers | HTMLRuntimeHelpers): t.Identifier;
 export declare function callRuntime(name: DOMRuntimeHelpers | HTMLRuntimeHelpers, ...args: Array<Parameters<typeof t.callExpression>[1][number] | Falsy>): t.CallExpression;
 export declare function getHTMLRuntime(): {
     _escape: typeof _escape;

package/dist/translator/util/sections.d.ts

@@ -75,7 +75,7 @@ export declare const getBranchRendererArgs: (section: Section) => [template?: t.
 export declare function forEachSection(fn: (section: Section) => void): void;
 export declare function forEachSectionReverse(fn: (section: Section) => void): void;
 export declare function getNodeContentType(path: t.NodePath<t.Statement>, extraMember: "startType" | "endType", contentInfo?: Section["content"]): ContentType | null;
-export declare function getSectionRegisterReasons(section: Section): false | SerializeReason | undefined;
+export declare function getSectionRegisterReasons(section: Section): boolean | Sources;
 export declare function isImmediateOwner(section: Section, binding: Binding): boolean;
 export declare function isDirectClosure(section: Section, closure: Binding): boolean;
 export declare function isDynamicClosure(section: Section, closure: Binding): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marko/runtime-tags",
-  "version": "6.0.173",
+  "version": "6.1.1",
   "description": "Optimized runtime for Marko templates.",
   "keywords": [
     "api",