@marko/runtime-tags 6.1.19 → 6.1.21

package/dist/debug/dom.js

@@ -718,8 +718,8 @@ function init(runtimeId = "M") {
 				}
 			};
 			const serializeContext = ((data, registryId) => typeof data === "number" ? registryId ? registeredValues[registryId](getScope(data)) : getScope(data) : applyScopes(data));
-			const createVisitBranches = (branchScopesStack = [], branchStarts = [], orphanBranches = [], curBranchScopes) => {
-				return (branchId, branch, endedBranches, accessor, singleNode, parent = visit.parentNode, startVisit = visit, i = orphanBranches.length) => {
+			const createVisitBranches = (branchScopesStack = [], branchStarts = [], orphanBranches = [], deferredOwners = [], curBranchScopes) => {
+				return (branchId, branch, endedBranches, accessor, singleNode, parent = visit.parentNode, startVisit = visit, i = orphanBranches.length, j = deferredOwners.length) => {
 					if (visitType !== "[") {
 						visitScope[nextToken()] = visitType === ")" || visitType === "}" ? parent : visit;
 						accessor = "BranchScopes:" + lastToken;
@@ -746,6 +746,10 @@ function init(runtimeId = "M") {
 							branch["#EndNode"] = visit.previousSibling === startVisit ? startVisit : parent.insertBefore(new Text(), visit);
 						}
 						while (i && orphanBranches[--i]["#Id"] > branchId) setParentBranch(orphanBranches.pop(), branch);
+						while (j && deferredOwners[--j]["#Id"] > branchId) {
+							const owner = deferredOwners.pop();
+							if (owner["#ClosestBranch"] !== owner) owner["#ClosestBranch"] = branch;
+						}
 						nextToken();
 					}
 					if (endedBranches) {
@@ -758,7 +762,7 @@ function init(runtimeId = "M") {
 							curBranchScopes = void 0;
 						}
 						branchStarts.push(visit);
-					}
+					} else deferredOwners.push(visitScope);
 				};
 			};
 			const nextToken = () => lastToken = visitText.slice(lastTokenIndex, (lastTokenIndex = visitText.indexOf(" ", lastTokenIndex) + 1 || visitText.length + 1) - 1);
@@ -1190,11 +1194,16 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
 	scope["ControlledHandler:" + nodeAccessor] = 0;
 	switch (el.tagName) {
 		case "INPUT":
-			if ("checked" in nextAttrs || "checkedChange" in nextAttrs) _attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange);
-			else if ("checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs) _attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value);
-			else if ("value" in nextAttrs || "valueChange" in nextAttrs) _attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange);
-			else break;
-			skip = /^(?:value|checked(?:Value)?)(?:Change)?$/;
+			if ("checked" in nextAttrs || "checkedChange" in nextAttrs) {
+				_attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange);
+				skip = /^checked(?:Value)?(?:Change)?$/;
+			} else if ("checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs) {
+				_attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value);
+				skip = /^(?:value|checked(?:Value)?)(?:Change)?$/;
+			} else if ("value" in nextAttrs || "valueChange" in nextAttrs) {
+				_attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange);
+				skip = /^value(?:Change)?$/;
+			} else break;
 			break;
 		case "SELECT":
 			if ("value" in nextAttrs || "valueChange" in nextAttrs) {
@@ -1345,7 +1354,12 @@ function _await_promise(nodeAccessor, params) {
 				c() {
 					if (--awaitCounter.i) return 1;
 					if (tryBranch === scope[branchAccessor]) {
-						if (scope[nodeAccessor].parentNode) scope[nodeAccessor].replaceWith(scope[branchAccessor]["#StartNode"].parentNode);
+						const anchor = scope[nodeAccessor];
+						if (anchor.parentNode) {
+							const detachedParent = scope[branchAccessor]["#StartNode"].parentNode;
+							if (detachedParent === anchor.parentNode) anchor.remove();
+							else anchor.replaceWith(detachedParent);
+						}
 					} else dismissPlaceholder(tryBranch);
 					queueEffect(tryBranch, runPendingEffects);
 				}
@@ -1925,7 +1939,7 @@ const compat = {
 			component.scope = branch;
 			classIdToBranch.delete(component.id);
 		}
-		if (typeof args[0] === "object" && "renderBody" in args[0]) {
+		if (args[0] && typeof args[0] === "object" && "renderBody" in args[0]) {
 			const input = args[0];
 			const normalizedInput = args[0] = {};
 			for (const key in input) normalizedInput[key === "renderBody" ? "content" : key] = input[key];
@@ -2044,35 +2058,34 @@ function _load_setup(nodeAccessor, childScopeAccessor, load) {
 	};
 }
 function insertLoaded(renderer, branch, marker, awaitCounter) {
-	const parent = marker.parentNode;
-	syncGen(branch);
-	renderer["clone"](branch, parent.namespaceURI);
-	setupBranch(renderer, branch);
-	applyLoad(branch, () => {
+	const parent = marker.parentNode, values = branch["#Load"], insert = () => {
 		insertBranchBefore(branch, parent, marker);
 		marker.remove();
 		awaitCounter?.c();
-	});
-}
-function loadFailed(scope, awaitCounter) {
-	return (error) => {
-		if (awaitCounter) awaitCounter.i = 0;
-		queueAsyncRender(scope, renderCatch, error);
 	};
-}
-function applyLoad(scope, insert) {
-	const values = scope["#Load"];
 	let remaining;
-	scope["#Load"] = 0;
+	syncGen(branch);
+	renderer["clone"](branch, parent.namespaceURI);
+	branch["#Load"] = 0;
 	if (remaining = values?.size) for (const [promise, entry] of values) promise.then((signal) => {
 		entry["signal"] = signal;
-		if (!--remaining) queueAsyncRender(scope, (scope) => {
-			syncGen(scope);
-			values.forEach((e) => e["signal"]._(scope, e["value"]));
+		if (!--remaining) queueAsyncRender(branch, (branch) => {
+			syncGen(branch);
+			renderer["setup"]?.(branch);
+			values.forEach((e) => e["signal"]._(branch, e["value"]));
 			insert();
 		});
 	}, () => 0);
-	else insert();
+	else {
+		setupBranch(renderer, branch);
+		insert();
+	}
+}
+function loadFailed(scope, awaitCounter) {
+	return (error) => {
+		if (awaitCounter) awaitCounter.i = 0;
+		queueAsyncRender(scope, renderCatch, error);
+	};
 }
 function _load_signal(load) {
 	let pending;

package/dist/debug/dom.mjs

@@ -716,8 +716,8 @@ function init(runtimeId = "M") {
 				}
 			};
 			const serializeContext = ((data, registryId) => typeof data === "number" ? registryId ? registeredValues[registryId](getScope(data)) : getScope(data) : applyScopes(data));
-			const createVisitBranches = (branchScopesStack = [], branchStarts = [], orphanBranches = [], curBranchScopes) => {
-				return (branchId, branch, endedBranches, accessor, singleNode, parent = visit.parentNode, startVisit = visit, i = orphanBranches.length) => {
+			const createVisitBranches = (branchScopesStack = [], branchStarts = [], orphanBranches = [], deferredOwners = [], curBranchScopes) => {
+				return (branchId, branch, endedBranches, accessor, singleNode, parent = visit.parentNode, startVisit = visit, i = orphanBranches.length, j = deferredOwners.length) => {
 					if (visitType !== "[") {
 						visitScope[nextToken()] = visitType === ")" || visitType === "}" ? parent : visit;
 						accessor = "BranchScopes:" + lastToken;
@@ -744,6 +744,10 @@ function init(runtimeId = "M") {
 							branch["#EndNode"] = visit.previousSibling === startVisit ? startVisit : parent.insertBefore(new Text(), visit);
 						}
 						while (i && orphanBranches[--i]["#Id"] > branchId) setParentBranch(orphanBranches.pop(), branch);
+						while (j && deferredOwners[--j]["#Id"] > branchId) {
+							const owner = deferredOwners.pop();
+							if (owner["#ClosestBranch"] !== owner) owner["#ClosestBranch"] = branch;
+						}
 						nextToken();
 					}
 					if (endedBranches) {
@@ -756,7 +760,7 @@ function init(runtimeId = "M") {
 							curBranchScopes = void 0;
 						}
 						branchStarts.push(visit);
-					}
+					} else deferredOwners.push(visitScope);
 				};
 			};
 			const nextToken = () => lastToken = visitText.slice(lastTokenIndex, (lastTokenIndex = visitText.indexOf(" ", lastTokenIndex) + 1 || visitText.length + 1) - 1);
@@ -1188,11 +1192,16 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
 	scope["ControlledHandler:" + nodeAccessor] = 0;
 	switch (el.tagName) {
 		case "INPUT":
-			if ("checked" in nextAttrs || "checkedChange" in nextAttrs) _attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange);
-			else if ("checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs) _attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value);
-			else if ("value" in nextAttrs || "valueChange" in nextAttrs) _attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange);
-			else break;
-			skip = /^(?:value|checked(?:Value)?)(?:Change)?$/;
+			if ("checked" in nextAttrs || "checkedChange" in nextAttrs) {
+				_attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange);
+				skip = /^checked(?:Value)?(?:Change)?$/;
+			} else if ("checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs) {
+				_attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value);
+				skip = /^(?:value|checked(?:Value)?)(?:Change)?$/;
+			} else if ("value" in nextAttrs || "valueChange" in nextAttrs) {
+				_attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange);
+				skip = /^value(?:Change)?$/;
+			} else break;
 			break;
 		case "SELECT":
 			if ("value" in nextAttrs || "valueChange" in nextAttrs) {
@@ -1343,7 +1352,12 @@ function _await_promise(nodeAccessor, params) {
 				c() {
 					if (--awaitCounter.i) return 1;
 					if (tryBranch === scope[branchAccessor]) {
-						if (scope[nodeAccessor].parentNode) scope[nodeAccessor].replaceWith(scope[branchAccessor]["#StartNode"].parentNode);
+						const anchor = scope[nodeAccessor];
+						if (anchor.parentNode) {
+							const detachedParent = scope[branchAccessor]["#StartNode"].parentNode;
+							if (detachedParent === anchor.parentNode) anchor.remove();
+							else anchor.replaceWith(detachedParent);
+						}
 					} else dismissPlaceholder(tryBranch);
 					queueEffect(tryBranch, runPendingEffects);
 				}
@@ -1923,7 +1937,7 @@ const compat = {
 			component.scope = branch;
 			classIdToBranch.delete(component.id);
 		}
-		if (typeof args[0] === "object" && "renderBody" in args[0]) {
+		if (args[0] && typeof args[0] === "object" && "renderBody" in args[0]) {
 			const input = args[0];
 			const normalizedInput = args[0] = {};
 			for (const key in input) normalizedInput[key === "renderBody" ? "content" : key] = input[key];
@@ -2042,35 +2056,34 @@ function _load_setup(nodeAccessor, childScopeAccessor, load) {
 	};
 }
 function insertLoaded(renderer, branch, marker, awaitCounter) {
-	const parent = marker.parentNode;
-	syncGen(branch);
-	renderer["clone"](branch, parent.namespaceURI);
-	setupBranch(renderer, branch);
-	applyLoad(branch, () => {
+	const parent = marker.parentNode, values = branch["#Load"], insert = () => {
 		insertBranchBefore(branch, parent, marker);
 		marker.remove();
 		awaitCounter?.c();
-	});
-}
-function loadFailed(scope, awaitCounter) {
-	return (error) => {
-		if (awaitCounter) awaitCounter.i = 0;
-		queueAsyncRender(scope, renderCatch, error);
 	};
-}
-function applyLoad(scope, insert) {
-	const values = scope["#Load"];
 	let remaining;
-	scope["#Load"] = 0;
+	syncGen(branch);
+	renderer["clone"](branch, parent.namespaceURI);
+	branch["#Load"] = 0;
 	if (remaining = values?.size) for (const [promise, entry] of values) promise.then((signal) => {
 		entry["signal"] = signal;
-		if (!--remaining) queueAsyncRender(scope, (scope) => {
-			syncGen(scope);
-			values.forEach((e) => e["signal"]._(scope, e["value"]));
+		if (!--remaining) queueAsyncRender(branch, (branch) => {
+			syncGen(branch);
+			renderer["setup"]?.(branch);
+			values.forEach((e) => e["signal"]._(branch, e["value"]));
 			insert();
 		});
 	}, () => 0);
-	else insert();
+	else {
+		setupBranch(renderer, branch);
+		insert();
+	}
+}
+function loadFailed(scope, awaitCounter) {
+	return (error) => {
+		if (awaitCounter) awaitCounter.i = 0;
+		queueAsyncRender(scope, renderCatch, error);
+	};
 }
 function _load_signal(load) {
 	let pending;

package/dist/debug/html.js

@@ -877,8 +877,11 @@ function writeDate(state, val) {
 	state.buf.push("new Date(" + +val + ")");
 	return true;
 }
+const unsafeRegExpSourceReg = /\\[\s\S]|</g;
+const replaceUnsafeRegExpSourceChar = (match) => match === "<" || match === "\\<" ? "\\x3C" : match;
 function writeRegExp(state, val) {
-	state.buf.push(val + "");
+	const { source } = val;
+	state.buf.push("/" + (source.includes("<") ? source.replace(unsafeRegExpSourceReg, replaceUnsafeRegExpSourceChar) : source) + "/" + val.flags);
 	return true;
 }
 function writePromise(state, val, ref) {
@@ -1008,7 +1011,7 @@ function writeWeakMap(state) {
 }
 function writeError(state, val, ref) {
 	const result = "new " + val.constructor.name + "(" + quote(val.message + "", 0);
-	if (val.cause) {
+	if (val.cause !== void 0) {
 		state.buf.push(result + ",{cause:");
 		writeProp(state, val.cause, ref, "cause");
 		state.buf.push("})");
@@ -2464,7 +2467,8 @@ function _attr_style(value) {
 }
 function _attr_option_value(value) {
 	const valueAttr = _attr("value", value);
-	if (normalizedValueMatches(getContext(kSelectedValue), value)) {
+	const selectedValue = getContext(kSelectedValue);
+	if (selectedValue !== void 0 && normalizedValueMatches(selectedValue, value)) {
 		{
 			const matched = getContext(kSelectedValueMatched);
 			if (matched) matched.value = true;
@@ -2529,11 +2533,16 @@ function _attrs(data, nodeAccessor, scopeId, tagName) {
 	switch (tagName) {
 		case "input":
 			assertExclusiveAttrs(data);
-			if (data.checkedChange) result += _attr_input_checked(scopeId, nodeAccessor, data.checked, data.checkedChange, 1);
-			else if ("checkedValue" in data || data.checkedValueChange) result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value, 1);
-			else if (data.valueChange) result += _attr_input_value(scopeId, nodeAccessor, data.value, data.valueChange, 1);
-			else break;
-			skip = /^(?:value|checked(?:Value)?)(?:Change)?$|[\s/>"'=]/;
+			if (data.checkedChange) {
+				result += _attr_input_checked(scopeId, nodeAccessor, data.checked, data.checkedChange, 1);
+				skip = /^checked(?:Value)?(?:Change)?$|[\s/>"'=]/;
+			} else if ("checkedValue" in data || data.checkedValueChange) {
+				result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value, 1);
+				skip = /^(?:value|checked(?:Value)?)(?:Change)?$|[\s/>"'=]/;
+			} else if (data.valueChange) {
+				result += _attr_input_value(scopeId, nodeAccessor, data.value, data.valueChange, 1);
+				skip = /^value(?:Change)?$|[\s/>"'=]/;
+			} else break;
 			break;
 		case "select":
 		case "textarea":

package/dist/debug/html.mjs

@@ -875,8 +875,11 @@ function writeDate(state, val) {
 	state.buf.push("new Date(" + +val + ")");
 	return true;
 }
+const unsafeRegExpSourceReg = /\\[\s\S]|</g;
+const replaceUnsafeRegExpSourceChar = (match) => match === "<" || match === "\\<" ? "\\x3C" : match;
 function writeRegExp(state, val) {
-	state.buf.push(val + "");
+	const { source } = val;
+	state.buf.push("/" + (source.includes("<") ? source.replace(unsafeRegExpSourceReg, replaceUnsafeRegExpSourceChar) : source) + "/" + val.flags);
 	return true;
 }
 function writePromise(state, val, ref) {
@@ -1006,7 +1009,7 @@ function writeWeakMap(state) {
 }
 function writeError(state, val, ref) {
 	const result = "new " + val.constructor.name + "(" + quote(val.message + "", 0);
-	if (val.cause) {
+	if (val.cause !== void 0) {
 		state.buf.push(result + ",{cause:");
 		writeProp(state, val.cause, ref, "cause");
 		state.buf.push("})");
@@ -2462,7 +2465,8 @@ function _attr_style(value) {
 }
 function _attr_option_value(value) {
 	const valueAttr = _attr("value", value);
-	if (normalizedValueMatches(getContext(kSelectedValue), value)) {
+	const selectedValue = getContext(kSelectedValue);
+	if (selectedValue !== void 0 && normalizedValueMatches(selectedValue, value)) {
 		{
 			const matched = getContext(kSelectedValueMatched);
 			if (matched) matched.value = true;
@@ -2527,11 +2531,16 @@ function _attrs(data, nodeAccessor, scopeId, tagName) {
 	switch (tagName) {
 		case "input":
 			assertExclusiveAttrs(data);
-			if (data.checkedChange) result += _attr_input_checked(scopeId, nodeAccessor, data.checked, data.checkedChange, 1);
-			else if ("checkedValue" in data || data.checkedValueChange) result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value, 1);
-			else if (data.valueChange) result += _attr_input_value(scopeId, nodeAccessor, data.value, data.valueChange, 1);
-			else break;
-			skip = /^(?:value|checked(?:Value)?)(?:Change)?$|[\s/>"'=]/;
+			if (data.checkedChange) {
+				result += _attr_input_checked(scopeId, nodeAccessor, data.checked, data.checkedChange, 1);
+				skip = /^checked(?:Value)?(?:Change)?$|[\s/>"'=]/;
+			} else if ("checkedValue" in data || data.checkedValueChange) {
+				result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value, 1);
+				skip = /^(?:value|checked(?:Value)?)(?:Change)?$|[\s/>"'=]/;
+			} else if (data.valueChange) {
+				result += _attr_input_value(scopeId, nodeAccessor, data.value, data.valueChange, 1);
+				skip = /^value(?:Change)?$|[\s/>"'=]/;
+			} else break;
 			break;
 		case "select":
 		case "textarea":

package/dist/dom.js

@@ -98,7 +98,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	},
 	render(out, component, renderer, args) {
 		let branch = component.scope, created = 0;
-		if (!branch && (branch = classIdToBranch.get(component.id)) && (component.scope = branch, classIdToBranch.delete(component.id)), typeof args[0] == "object" && "renderBody" in args[0]) {
+		if (!branch && (branch = classIdToBranch.get(component.id)) && (component.scope = branch, classIdToBranch.delete(component.id)), args[0] && typeof args[0] == "object" && "renderBody" in args[0]) {
 			let input = args[0], normalizedInput = args[0] = {};
 			for (let key in input) normalizedInput[key === "renderBody" ? "content" : key] = input[key];
 		}
@@ -457,20 +457,24 @@ function init(runtimeId = "M") {
 					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) => {
+			}, serializeContext = ((data, registryId) => typeof data == "number" ? registryId ? registeredValues[registryId](getScope(data)) : getScope(data) : applyScopes(data)), createVisitBranches = (branchScopesStack = [], branchStarts = [], orphanBranches = [], deferredOwners = [], curBranchScopes) => (branchId, branch, endedBranches, accessor, singleNode, parent = visit.parentNode, startVisit = visit, i = orphanBranches.length, j = deferredOwners.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););
 						branch.K = branch.S = startVisit, visitType === "'" && (branch.a = startVisit);
 					} else curBranchScopes = push(curBranchScopes, branch), accessor && (visitScope[accessor] = curBranchScopes, curBranchScopes = branchScopesStack.pop()), startVisit = branchStarts.pop(), parent !== startVisit.parentNode && parent.prepend(startVisit), branch.S = startVisit, branch.K = visit.previousSibling === startVisit ? startVisit : parent.insertBefore(new Text(), visit);
 					for (; i && orphanBranches[--i].L > branchId;) setParentBranch(orphanBranches.pop(), branch);
+					for (; j && deferredOwners[--j].L > branchId;) {
+						let owner = deferredOwners.pop();
+						owner.F !== owner && (owner.F = branch);
+					}
 					nextToken();
 				}
 				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));
+				visitType === "[" ? (endedBranches || (branchScopesStack.push(curBranchScopes), curBranchScopes = void 0), branchStarts.push(visit)) : deferredOwners.push(visitScope);
 			}, 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++) {
@@ -773,11 +777,10 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
 	for (let name in events) events[name] = 0;
 	switch (scope["F" + nodeAccessor] = 5, scope["E" + nodeAccessor] = 0, el.tagName) {
 		case "INPUT":
-			if ("checked" in nextAttrs || "checkedChange" in nextAttrs) _attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange);
-			else if ("checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs) _attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value);
-			else if ("value" in nextAttrs || "valueChange" in nextAttrs) _attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange);
+			if ("checked" in nextAttrs || "checkedChange" in nextAttrs) _attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange), skip = /^checked(?:Value)?(?:Change)?$/;
+			else if ("checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs) _attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value), skip = /^(?:value|checked(?:Value)?)(?:Change)?$/;
+			else if ("value" in nextAttrs || "valueChange" in nextAttrs) _attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange), skip = /^value(?:Change)?$/;
 			else break;
-			skip = /^(?:value|checked(?:Value)?)(?:Change)?$/;
 			break;
 		case "SELECT":
 			("value" in nextAttrs || "valueChange" in nextAttrs) && (_attr_select_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange), skip = /^value(?:Change)?$/);
@@ -884,7 +887,14 @@ function _await_promise(nodeAccessor, params) {
 			i: 0,
 			c() {
 				if (--awaitCounter.i) return 1;
-				tryBranch === scope[branchAccessor] ? scope[nodeAccessor].parentNode && scope[nodeAccessor].replaceWith(scope[branchAccessor].S.parentNode) : dismissPlaceholder(tryBranch), queueEffect(tryBranch, runPendingEffects);
+				if (tryBranch === scope[branchAccessor]) {
+					let anchor = scope[nodeAccessor];
+					if (anchor.parentNode) {
+						let detachedParent = scope[branchAccessor].S.parentNode;
+						detachedParent === anchor.parentNode ? anchor.remove() : anchor.replaceWith(detachedParent);
+					}
+				} else dismissPlaceholder(tryBranch);
+				queueEffect(tryBranch, runPendingEffects);
 			}
 		}), 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));
@@ -1224,25 +1234,21 @@ function _load_setup(nodeAccessor, childScopeAccessor, load) {
 	};
 }
 function insertLoaded(renderer, branch, marker, awaitCounter) {
-	let parent = marker.parentNode;
-	syncGen(branch), renderer.b(branch, parent.namespaceURI), setupBranch(renderer, branch), applyLoad(branch, () => {
+	let parent = marker.parentNode, values = branch.X, insert = () => {
 		insertBranchBefore(branch, parent, marker), marker.remove(), awaitCounter?.c();
-	});
+	}, remaining;
+	if (syncGen(branch), renderer.b(branch, parent.namespaceURI), branch.X = 0, remaining = values?.size) for (let [promise, entry] of values) promise.then((signal) => {
+		entry.b = signal, --remaining || queueAsyncRender(branch, (branch) => {
+			syncGen(branch), renderer.c?.(branch), values.forEach((e) => e.b._(branch, e.a)), insert();
+		});
+	}, () => 0);
+	else setupBranch(renderer, branch), insert();
 }
 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 || queueAsyncRender(scope, (scope) => {
-			syncGen(scope), values.forEach((e) => e.b._(scope, e.a)), insert();
-		});
-	}, () => 0);
-	else insert();
-}
 function _load_signal(load) {
 	let pending, signal;
 	return (scope, value) => {

package/dist/dom.mjs

@@ -98,7 +98,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	},
 	render(out, component, renderer, args) {
 		let branch = component.scope, created = 0;
-		if (!branch && (branch = classIdToBranch.get(component.id)) && (component.scope = branch, classIdToBranch.delete(component.id)), typeof args[0] == "object" && "renderBody" in args[0]) {
+		if (!branch && (branch = classIdToBranch.get(component.id)) && (component.scope = branch, classIdToBranch.delete(component.id)), args[0] && typeof args[0] == "object" && "renderBody" in args[0]) {
 			let input = args[0], normalizedInput = args[0] = {};
 			for (let key in input) normalizedInput[key === "renderBody" ? "content" : key] = input[key];
 		}
@@ -456,20 +456,24 @@ function init(runtimeId = "M") {
 					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) => {
+			}, serializeContext = ((data, registryId) => typeof data == "number" ? registryId ? registeredValues[registryId](getScope(data)) : getScope(data) : applyScopes(data)), createVisitBranches = (branchScopesStack = [], branchStarts = [], orphanBranches = [], deferredOwners = [], curBranchScopes) => (branchId, branch, endedBranches, accessor, singleNode, parent = visit.parentNode, startVisit = visit, i = orphanBranches.length, j = deferredOwners.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););
 						branch.K = branch.S = startVisit, visitType === "'" && (branch.a = startVisit);
 					} else curBranchScopes = push(curBranchScopes, branch), accessor && (visitScope[accessor] = curBranchScopes, curBranchScopes = branchScopesStack.pop()), startVisit = branchStarts.pop(), parent !== startVisit.parentNode && parent.prepend(startVisit), branch.S = startVisit, branch.K = visit.previousSibling === startVisit ? startVisit : parent.insertBefore(new Text(), visit);
 					for (; i && orphanBranches[--i].L > branchId;) setParentBranch(orphanBranches.pop(), branch);
+					for (; j && deferredOwners[--j].L > branchId;) {
+						let owner = deferredOwners.pop();
+						owner.F !== owner && (owner.F = branch);
+					}
 					nextToken();
 				}
 				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));
+				visitType === "[" ? (endedBranches || (branchScopesStack.push(curBranchScopes), curBranchScopes = void 0), branchStarts.push(visit)) : deferredOwners.push(visitScope);
 			}, 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++) {
@@ -772,11 +776,10 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
 	for (let name in events) events[name] = 0;
 	switch (scope["F" + nodeAccessor] = 5, scope["E" + nodeAccessor] = 0, el.tagName) {
 		case "INPUT":
-			if ("checked" in nextAttrs || "checkedChange" in nextAttrs) _attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange);
-			else if ("checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs) _attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value);
-			else if ("value" in nextAttrs || "valueChange" in nextAttrs) _attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange);
+			if ("checked" in nextAttrs || "checkedChange" in nextAttrs) _attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange), skip = /^checked(?:Value)?(?:Change)?$/;
+			else if ("checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs) _attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value), skip = /^(?:value|checked(?:Value)?)(?:Change)?$/;
+			else if ("value" in nextAttrs || "valueChange" in nextAttrs) _attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange), skip = /^value(?:Change)?$/;
 			else break;
-			skip = /^(?:value|checked(?:Value)?)(?:Change)?$/;
 			break;
 		case "SELECT":
 			("value" in nextAttrs || "valueChange" in nextAttrs) && (_attr_select_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange), skip = /^value(?:Change)?$/);
@@ -883,7 +886,14 @@ function _await_promise(nodeAccessor, params) {
 			i: 0,
 			c() {
 				if (--awaitCounter.i) return 1;
-				tryBranch === scope[branchAccessor] ? scope[nodeAccessor].parentNode && scope[nodeAccessor].replaceWith(scope[branchAccessor].S.parentNode) : dismissPlaceholder(tryBranch), queueEffect(tryBranch, runPendingEffects);
+				if (tryBranch === scope[branchAccessor]) {
+					let anchor = scope[nodeAccessor];
+					if (anchor.parentNode) {
+						let detachedParent = scope[branchAccessor].S.parentNode;
+						detachedParent === anchor.parentNode ? anchor.remove() : anchor.replaceWith(detachedParent);
+					}
+				} else dismissPlaceholder(tryBranch);
+				queueEffect(tryBranch, runPendingEffects);
 			}
 		}), 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));
@@ -1223,25 +1233,21 @@ function _load_setup(nodeAccessor, childScopeAccessor, load) {
 	};
 }
 function insertLoaded(renderer, branch, marker, awaitCounter) {
-	let parent = marker.parentNode;
-	syncGen(branch), renderer.b(branch, parent.namespaceURI), setupBranch(renderer, branch), applyLoad(branch, () => {
+	let parent = marker.parentNode, values = branch.X, insert = () => {
 		insertBranchBefore(branch, parent, marker), marker.remove(), awaitCounter?.c();
-	});
+	}, remaining;
+	if (syncGen(branch), renderer.b(branch, parent.namespaceURI), branch.X = 0, remaining = values?.size) for (let [promise, entry] of values) promise.then((signal) => {
+		entry.b = signal, --remaining || queueAsyncRender(branch, (branch) => {
+			syncGen(branch), renderer.c?.(branch), values.forEach((e) => e.b._(branch, e.a)), insert();
+		});
+	}, () => 0);
+	else setupBranch(renderer, branch), insert();
 }
 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 || queueAsyncRender(scope, (scope) => {
-			syncGen(scope), values.forEach((e) => e.b._(scope, e.a)), insert();
-		});
-	}, () => 0);
-	else insert();
-}
 function _load_signal(load) {
 	let pending, signal;
 	return (scope, value) => {

package/dist/html.js

@@ -238,7 +238,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	[JSON, "JSON"],
 	[Math, "Math"],
 	[Reflect, "Reflect"]
-]), $chunk, NOOP$2 = () => {}, kPendingContexts = Symbol("Pending Contexts"), kBranchId = Symbol("Branch Id"), kIsAsync = Symbol("Is Async"), writeScope = (scopeId, partialScope) => {
+]), unsafeRegExpSourceReg = /\\[\s\S]|</g, replaceUnsafeRegExpSourceChar = (match) => match === "<" || match === "\\<" ? "\\x3C" : match, $chunk, NOOP$2 = () => {}, kPendingContexts = Symbol("Pending Contexts"), kBranchId = Symbol("Branch Id"), kIsAsync = Symbol("Is Async"), writeScope = (scopeId, partialScope) => {
 	let { state } = $chunk.boundary, target = $chunk.serializeState, scope = scopeWithId(state, scopeId), pending = target.writeScopes[scopeId];
 	return state.needsMainRuntime = !0, Object.assign(scope, partialScope), pending && pending !== partialScope ? Object.assign(pending, partialScope) : target.writeScopes[scopeId] = partialScope, target.flushScopes = !0, scope;
 }, tick = globalThis.setImmediate || globalThis.setTimeout || globalThis.queueMicrotask || ((cb) => Promise.resolve().then(cb)), tickQueue, kSelectedValue = Symbol("selectedValue"), checkedValuesRefs = /* @__PURE__ */ new WeakMap(), singleQuoteAttrReplacements = /'|&(?=#?\w+;)/g, doubleQuoteAttrReplacements = /"|&(?=#?\w+;)/g, needsQuotedAttr = /["'>\s]|&#?\w+;|\/$/g, voidElementsReg = /^(?:area|b(?:ase|r)|col|embed|hr|i(?:mg|nput)|link|meta|param|source|track|wbr)$/, _dynamic_tag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, serializeReason) => {
@@ -691,7 +691,8 @@ function writeDate(state, val) {
 	return state.buf.push("new Date(" + +val + ")"), !0;
 }
 function writeRegExp(state, val) {
-	return state.buf.push(val + ""), !0;
+	let { source } = val;
+	return state.buf.push("/" + (source.includes("<") ? source.replace(unsafeRegExpSourceReg, replaceUnsafeRegExpSourceChar) : source) + "/" + val.flags), !0;
 }
 function writePromise(state, val, ref) {
 	let { boundary, channel } = state;
@@ -760,7 +761,7 @@ function writeWeakMap(state) {
 }
 function writeError(state, val, ref) {
 	let result = "new " + val.constructor.name + "(" + quote(val.message + "", 0);
-	return val.cause ? (state.buf.push(result + ",{cause:"), writeProp(state, val.cause, ref, "cause"), state.buf.push("})")) : state.buf.push(result + ")"), !0;
+	return val.cause === void 0 ? state.buf.push(result + ")") : (state.buf.push(result + ",{cause:"), writeProp(state, val.cause, ref, "cause"), state.buf.push("})")), !0;
 }
 function writeAggregateError(state, val, ref) {
 	return state.buf.push("new AggregateError("), writeProp(state, val.errors, ref, "errors"), val.message ? state.buf.push("," + quote(val.message + "", 0) + ")") : state.buf.push(")"), !0;
@@ -1611,8 +1612,8 @@ function _attr_style(value) {
 	return stringAttr("style", toDelimitedString(value, ";", stringifyStyleObject));
 }
 function _attr_option_value(value) {
-	let valueAttr = _attr("value", value);
-	return normalizedValueMatches(getContext(kSelectedValue), value) ? valueAttr + " selected" : valueAttr;
+	let valueAttr = _attr("value", value), selectedValue = getContext(kSelectedValue);
+	return selectedValue !== void 0 && normalizedValueMatches(selectedValue, value) ? valueAttr + " selected" : valueAttr;
 }
 function _attr_select_value(scopeId, nodeAccessor, value, valueChange, content, serializeType) {
 	valueChange && writeControlledScope(3, scopeId, nodeAccessor, void 0, valueChange, serializeType), content && withContext(kSelectedValue, value, content);
@@ -1650,11 +1651,10 @@ function _attrs(data, nodeAccessor, scopeId, tagName) {
 	let result = "", skip = /[\s/>"'=]/, events;
 	switch (tagName) {
 		case "input":
-			if (data.checkedChange) result += _attr_input_checked(scopeId, nodeAccessor, data.checked, data.checkedChange, 1);
-			else if ("checkedValue" in data || data.checkedValueChange) result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value, 1);
-			else if (data.valueChange) result += _attr_input_value(scopeId, nodeAccessor, data.value, data.valueChange, 1);
+			if (data.checkedChange) result += _attr_input_checked(scopeId, nodeAccessor, data.checked, data.checkedChange, 1), skip = /^checked(?:Value)?(?:Change)?$|[\s/>"'=]/;
+			else if ("checkedValue" in data || data.checkedValueChange) result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value, 1), skip = /^(?:value|checked(?:Value)?)(?:Change)?$|[\s/>"'=]/;
+			else if (data.valueChange) result += _attr_input_value(scopeId, nodeAccessor, data.value, data.valueChange, 1), skip = /^value(?:Change)?$|[\s/>"'=]/;
 			else break;
-			skip = /^(?:value|checked(?:Value)?)(?:Change)?$|[\s/>"'=]/;
 			break;
 		case "select":
 		case "textarea":

package/dist/html.mjs

@@ -238,7 +238,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	[JSON, "JSON"],
 	[Math, "Math"],
 	[Reflect, "Reflect"]
-]), $chunk, NOOP$2 = () => {}, kPendingContexts = Symbol("Pending Contexts"), kBranchId = Symbol("Branch Id"), kIsAsync = Symbol("Is Async"), writeScope = (scopeId, partialScope) => {
+]), unsafeRegExpSourceReg = /\\[\s\S]|</g, replaceUnsafeRegExpSourceChar = (match) => match === "<" || match === "\\<" ? "\\x3C" : match, $chunk, NOOP$2 = () => {}, kPendingContexts = Symbol("Pending Contexts"), kBranchId = Symbol("Branch Id"), kIsAsync = Symbol("Is Async"), writeScope = (scopeId, partialScope) => {
 	let { state } = $chunk.boundary, target = $chunk.serializeState, scope = scopeWithId(state, scopeId), pending = target.writeScopes[scopeId];
 	return state.needsMainRuntime = !0, Object.assign(scope, partialScope), pending && pending !== partialScope ? Object.assign(pending, partialScope) : target.writeScopes[scopeId] = partialScope, target.flushScopes = !0, scope;
 }, tick = globalThis.setImmediate || globalThis.setTimeout || globalThis.queueMicrotask || ((cb) => Promise.resolve().then(cb)), tickQueue, kSelectedValue = Symbol("selectedValue"), checkedValuesRefs = /* @__PURE__ */ new WeakMap(), singleQuoteAttrReplacements = /'|&(?=#?\w+;)/g, doubleQuoteAttrReplacements = /"|&(?=#?\w+;)/g, needsQuotedAttr = /["'>\s]|&#?\w+;|\/$/g, voidElementsReg = /^(?:area|b(?:ase|r)|col|embed|hr|i(?:mg|nput)|link|meta|param|source|track|wbr)$/, _dynamic_tag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, serializeReason) => {
@@ -690,7 +690,8 @@ function writeDate(state, val) {
 	return state.buf.push("new Date(" + +val + ")"), !0;
 }
 function writeRegExp(state, val) {
-	return state.buf.push(val + ""), !0;
+	let { source } = val;
+	return state.buf.push("/" + (source.includes("<") ? source.replace(unsafeRegExpSourceReg, replaceUnsafeRegExpSourceChar) : source) + "/" + val.flags), !0;
 }
 function writePromise(state, val, ref) {
 	let { boundary, channel } = state;
@@ -759,7 +760,7 @@ function writeWeakMap(state) {
 }
 function writeError(state, val, ref) {
 	let result = "new " + val.constructor.name + "(" + quote(val.message + "", 0);
-	return val.cause ? (state.buf.push(result + ",{cause:"), writeProp(state, val.cause, ref, "cause"), state.buf.push("})")) : state.buf.push(result + ")"), !0;
+	return val.cause === void 0 ? state.buf.push(result + ")") : (state.buf.push(result + ",{cause:"), writeProp(state, val.cause, ref, "cause"), state.buf.push("})")), !0;
 }
 function writeAggregateError(state, val, ref) {
 	return state.buf.push("new AggregateError("), writeProp(state, val.errors, ref, "errors"), val.message ? state.buf.push("," + quote(val.message + "", 0) + ")") : state.buf.push(")"), !0;
@@ -1610,8 +1611,8 @@ function _attr_style(value) {
 	return stringAttr("style", toDelimitedString(value, ";", stringifyStyleObject));
 }
 function _attr_option_value(value) {
-	let valueAttr = _attr("value", value);
-	return normalizedValueMatches(getContext(kSelectedValue), value) ? valueAttr + " selected" : valueAttr;
+	let valueAttr = _attr("value", value), selectedValue = getContext(kSelectedValue);
+	return selectedValue !== void 0 && normalizedValueMatches(selectedValue, value) ? valueAttr + " selected" : valueAttr;
 }
 function _attr_select_value(scopeId, nodeAccessor, value, valueChange, content, serializeType) {
 	valueChange && writeControlledScope(3, scopeId, nodeAccessor, void 0, valueChange, serializeType), content && withContext(kSelectedValue, value, content);
@@ -1649,11 +1650,10 @@ function _attrs(data, nodeAccessor, scopeId, tagName) {
 	let result = "", skip = /[\s/>"'=]/, events;
 	switch (tagName) {
 		case "input":
-			if (data.checkedChange) result += _attr_input_checked(scopeId, nodeAccessor, data.checked, data.checkedChange, 1);
-			else if ("checkedValue" in data || data.checkedValueChange) result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value, 1);
-			else if (data.valueChange) result += _attr_input_value(scopeId, nodeAccessor, data.value, data.valueChange, 1);
+			if (data.checkedChange) result += _attr_input_checked(scopeId, nodeAccessor, data.checked, data.checkedChange, 1), skip = /^checked(?:Value)?(?:Change)?$|[\s/>"'=]/;
+			else if ("checkedValue" in data || data.checkedValueChange) result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value, 1), skip = /^(?:value|checked(?:Value)?)(?:Change)?$|[\s/>"'=]/;
+			else if (data.valueChange) result += _attr_input_value(scopeId, nodeAccessor, data.value, data.valueChange, 1), skip = /^value(?:Change)?$|[\s/>"'=]/;
 			else break;
-			skip = /^(?:value|checked(?:Value)?)(?:Change)?$|[\s/>"'=]/;
 			break;
 		case "select":
 		case "textarea":

package/dist/translator/index.js

@@ -25,7 +25,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 let package_json = require("../../package.json");
 let _marko_compiler = require("@marko/compiler");
 let _marko_compiler_babel_utils = require("@marko/compiler/babel-utils");
-let _marko_compiler_config = require("@marko/compiler/config");
 let node_path = require("node:path");
 node_path = __toESM(node_path);
 let path = require("path");
@@ -1765,13 +1764,13 @@ function getBindingPropTree(binding) {
 	};
 	if (!binding.reads.size) {
 		if (!binding.aliases.size) {
-			props.props = {};
+			props.props = Object.create(null);
 			for (const [property, alias] of binding.propertyAliases) props.props[property] = getBindingPropTree(alias);
 		} else if (binding.aliases.size === 1) {
 			const [restAlias] = binding.aliases;
 			if (hasSupersetExcludeProperties(binding, restAlias.excludeProperties)) {
 				props.rest = getBindingPropTree(restAlias);
-				props.props = {};
+				props.props = Object.create(null);
 				if (restAlias.type === 2) restAlias.export ??= generateUid(restAlias.name);
 				forEach(restAlias.excludeProperties, (property) => {
 					const propAlias = binding.propertyAliases.get(property);
@@ -2013,7 +2012,8 @@ function _attr_style(value) {
 }
 function _attr_option_value(value) {
 	const valueAttr = _attr("value", value);
-	if (normalizedValueMatches(getContext(kSelectedValue), value)) return valueAttr + " selected";
+	const selectedValue = getContext(kSelectedValue);
+	if (selectedValue !== void 0 && normalizedValueMatches(selectedValue, value)) return valueAttr + " selected";
 	return valueAttr;
 }
 const kSelectedValue = Symbol("selectedValue");
@@ -2063,11 +2063,16 @@ function _attrs(data, nodeAccessor, scopeId, tagName) {
 	let events;
 	switch (tagName) {
 		case "input":
-			if (data.checkedChange) result += _attr_input_checked(scopeId, nodeAccessor, data.checked, data.checkedChange, 1);
-			else if ("checkedValue" in data || data.checkedValueChange) result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value, 1);
-			else if (data.valueChange) result += _attr_input_value(scopeId, nodeAccessor, data.value, data.valueChange, 1);
-			else break;
-			skip = /^(?:value|checked(?:Value)?)(?:Change)?$|[\s/>"'=]/;
+			if (data.checkedChange) {
+				result += _attr_input_checked(scopeId, nodeAccessor, data.checked, data.checkedChange, 1);
+				skip = /^checked(?:Value)?(?:Change)?$|[\s/>"'=]/;
+			} else if ("checkedValue" in data || data.checkedValueChange) {
+				result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value, 1);
+				skip = /^(?:value|checked(?:Value)?)(?:Change)?$|[\s/>"'=]/;
+			} else if (data.valueChange) {
+				result += _attr_input_value(scopeId, nodeAccessor, data.value, data.valueChange, 1);
+				skip = /^value(?:Change)?$|[\s/>"'=]/;
+			} else break;
 			break;
 		case "select":
 		case "textarea":
@@ -4073,8 +4078,7 @@ function analyzeAttributeTags(tag) {
 			}
 			let attrTagMeta = lookup[name];
 			if (!attrTagMeta) {
-				attrTagMeta = lookup[name] = createAttrTagMeta(name, []);
-				curGroup = attrTagMeta.group;
+				attrTagMeta = lookup[name] = createAttrTagMeta(name, curGroup ||= []);
 				curGroup.push(name);
 			}
 			attrTagMeta.dynamic = true;
@@ -6923,7 +6927,7 @@ function getReadReplacement(node, signal) {
 			else if (read.getter?.hoisted) replacement = _marko_compiler.types.callExpression(getBindingGetterIdentifier(readBinding, read.getter.hoisted), [getScopeExpression(extra.section, read.getter.hoisted)]);
 			else if (readBinding.type === 0) {
 				if (read.getter) replacement = _marko_compiler.types.callExpression(getBindingGetterIdentifier(readBinding, readBinding.section), [getScopeExpression(extra.section, readBinding.section)]);
-			} else if (!_marko_compiler_config.optimize && read.ownVar) replacement = callRuntime("_assert_init", extra.section ? getScopeExpression(extra.section, readBinding.section) : scopeIdentifier, getScopeAccessorLiteral(readBinding));
+			} else if (!isOptimize() && read.ownVar) replacement = callRuntime("_assert_init", extra.section ? getScopeExpression(extra.section, readBinding.section) : scopeIdentifier, getScopeAccessorLiteral(readBinding));
 			else replacement = createScopeReadExpression(readBinding, extra.section);
 			else if (node.type !== "Identifier") replacement = _marko_compiler.types.identifier(readBinding.name);
 			else if (read.getter?.hoisted) replacement = getBindingGetterIdentifier(readBinding, read.getter.hoisted);
@@ -7986,9 +7990,9 @@ var style_default = {
 		(0, _marko_compiler_babel_utils.assertNoParams)(tag);
 		(0, _marko_compiler_babel_utils.assertNoAttributeTags)(tag);
 		const { node, hub: { file } } = tag;
-		const ext = STYLE_EXT_REG.exec(node.rawValue || "")?.[1]?.slice(1);
+		const extClass = (STYLE_EXT_REG.exec(node.rawValue || "")?.[1]?.slice(1))?.replace(/\./g, " ");
 		for (const attr of node.attributes) {
-			if (attr.start == null && attr.type === "MarkoAttribute" && attr.name === "class" && attr.value.type === "StringLiteral" && attr.value.value === ext) continue;
+			if (attr.start == null && attr.type === "MarkoAttribute" && attr.name === "class" && attr.value.type === "StringLiteral" && attr.value.value === extClass) continue;
 			throw tag.hub.buildError(attr.value, "The `style` does not support html attributes." + htmlStyleTagAlternateMsg);
 		}
 		for (const child of node.body.body) if (child.type !== "MarkoText") throw tag.hub.buildError(child, "The [`<style>` tag](https://markojs.com/docs/reference/core-tag#style) currently only supports static content." + htmlStyleTagAlternateMsg);
@@ -8485,7 +8489,7 @@ var referenced_identifier_default = {
 					abortIdsByExpression = /* @__PURE__ */ new Map();
 					abortIdsByExpressionForSection.set(section, abortIdsByExpression);
 				}
-				if (!exprId) {
+				if (exprId === void 0) {
 					exprId = abortIdsByExpression.size;
 					abortIdsByExpression.set(exprRoot, exprId);
 					addStatement("render", section, exprRoot.node.extra?.referencedBindings, _marko_compiler.types.expressionStatement(_marko_compiler.types.callExpression(importRuntime("$signalReset"), [scopeIdentifier, _marko_compiler.types.numericLiteral(exprId)])), false);

package/package.json

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