@marko/runtime-tags 6.1.19 → 6.1.20

package/dist/debug/dom.js

@@ -1190,11 +1190,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) {
@@ -1925,7 +1930,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 +2049,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

@@ -1188,11 +1188,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) {
@@ -1923,7 +1928,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 +2047,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];
 		}
@@ -773,11 +773,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)?$/);
@@ -1224,25 +1223,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];
 		}
@@ -772,11 +772,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)?$/);
@@ -1223,25 +1222,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.20",
   "description": "Optimized runtime for Marko templates.",
   "keywords": [
     "api",