marko 6.3.33 → 6.3.34

package/dist/debug/html.js

@@ -85,6 +85,7 @@ function stringifyStyleObject(name, value) {
 		warnedStyleKeys.add(name);
 		console.warn(`\`${name}\` is not a CSS property name; \`style\` object keys are written verbatim, so it renders as invalid CSS. Use \`${name.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase()).replace(/^ms-/, "-ms-")}\`.`);
 	}
+	if (value !== value || typeof value === "bigint" && !value) console.warn(`The \`${name}\` style value \`${value !== value ? "NaN" : "0n"}\` drops the declaration; convert it to a string or number to render it.`);
 	return value || value === 0 ? escapeStyleAttr(name) + ":" + escapeStyleAttr(value + "") : "";
 }
 const unsafeStyleAttrReg = /[\\;]/g;
@@ -159,6 +160,13 @@ function assertValidAttrValue(name, value) {
 function assertValidTextValue(value) {
 	const unrenderable = describeUnrenderable(value);
 	if (unrenderable) throw new Error(`Text content cannot be ${unrenderable}.`);
+	if (isSilentlyDropped(value)) console.warn(`Text content of \`${describeDropped(value)}\` renders as nothing; convert it to a string or number to render it.`);
+}
+function isSilentlyDropped(value) {
+	return value !== value || typeof value === "bigint" && !value;
+}
+function describeDropped(value) {
+	return value !== value ? "NaN" : "0n";
 }
 function describeUnrenderable(value) {
 	if (typeof value === "symbol") return "a symbol";
@@ -182,6 +190,9 @@ function assertValidLoopKey(key, seenKeys) {
 function assertValidList(value) {
 	if (value && typeof value[Symbol.iterator] !== "function") throw new Error(`A \`<for>\` tag's \`of\` attribute must be an iterable, such as an array, but received ${describeForValue(value)}.`);
 }
+function assertValidRangeStart(name, value) {
+	if (value && (typeof value !== "number" || !isFinite(value))) throw new Error(`A \`<for>\` tag's \`${name}\` attribute must be a finite number, but received ${describeForValue(value)}.`);
+}
 function assertValidRangeBound(name, value) {
 	if (!isFinite(value)) throw new Error(`A \`<for>\` tag's \`${name}\` attribute must be a finite number, but received ${describeForValue(value)}.`);
 }
@@ -527,31 +538,31 @@ const KNOWN_OBJECTS = /* @__PURE__ */ new Map([
 ]);
 var State$1 = class {
 	ids = 0;
-	flush = 0;
+	flushId = 0;
 	wroteUndefined = false;
 	buf = [];
 	strs = /* @__PURE__ */ new Map();
 	refs = /* @__PURE__ */ new WeakMap();
-	assigned = /* @__PURE__ */ new Set();
+	pendingAssignments = /* @__PURE__ */ new Set();
 	boundary = void 0;
 	channel = void 0;
 	channelDeps = null;
 	mutated = [];
 };
 var Reference = class {
-	assigns = null;
+	assignments = null;
 	calls = null;
 	scopeId = void 0;
 	channel = void 0;
 	parent;
 	accessor;
-	flush;
+	flushId;
 	pos;
 	id;
-	constructor(parent, accessor, flush, pos = null, id = null) {
+	constructor(parent, accessor, flushId, pos = null, id = null) {
 		this.parent = parent;
 		this.accessor = accessor;
-		this.flush = flush;
+		this.flushId = flushId;
 		this.pos = pos;
 		this.id = id;
 	}
@@ -578,7 +589,7 @@ var Serializer = class {
 			this.#state.channel = channel;
 			return writeScopesRoot(this.#state, flushes);
 		} finally {
-			this.#state.flush++;
+			this.#state.flushId++;
 			this.#state.buf = [];
 		}
 	}
@@ -632,7 +643,7 @@ function writeScopesRoot(state, flushes) {
 	}
 	if (nextSlotId !== -1) buf.push("]");
 	let extras = "";
-	if (state.assigned.size || hasChannelMutations(state)) {
+	if (state.pendingAssignments.size || hasChannelMutations(state)) {
 		extras = ",0)";
 		if (fillIndex !== -1) {
 			buf[fillIndex] = "_(" + buf[fillIndex];
@@ -651,21 +662,21 @@ function writeScopesRoot(state, flushes) {
 }
 function writeAssigned(state) {
 	let sep = state.buf.length ? "," : "";
-	if (state.assigned.size) {
-		const assigned = state.assigned;
-		state.assigned = /* @__PURE__ */ new Set();
+	if (state.pendingAssignments.size) {
+		const pending = state.pendingAssignments;
+		state.pendingAssignments = /* @__PURE__ */ new Set();
 		let buf = "";
 		let hasCalls = false;
-		for (const ref of assigned) {
-			if (ref.assigns) {
-				buf += sep + assignsToString(ref.assigns, ref.id);
-				ref.assigns = null;
+		for (const ref of pending) {
+			if (ref.assignments) {
+				buf += sep + assignmentsToString(ref.assignments, ref.id);
+				ref.assignments = null;
 				sep = ",";
 			}
 			hasCalls ||= ref.calls !== null;
 		}
 		if (buf) state.buf.push(buf);
-		if (hasCalls) for (const ref of assigned) {
+		if (hasCalls) for (const ref of pending) {
 			if (!ref.calls) continue;
 			for (const { method, args } of ref.calls) {
 				state.buf.push((state.buf.length ? "," : "") + ref.id + "." + method + "(");
@@ -712,13 +723,16 @@ function writeAssigned(state) {
 		}
 		state.mutated = remaining;
 	}
-	if (state.assigned.size) writeAssigned(state);
+	if (state.pendingAssignments.size) writeAssigned(state);
 }
 function writeCallArg(state, val) {
 	if (val === void 0) {
 		state.wroteUndefined = true;
 		state.buf.push("$");
-	} else if (!writeProp(state, val, null, "")) state.buf.push("void 0");
+	} else if (writeProp(state, val, null, "")) {
+		const ref = state.refs.get(val) || state.strs.get(val);
+		if (ref && ref.id === null) assignId(state, ref);
+	} else state.buf.push("void 0");
 }
 function hasChannelMutations(state) {
 	return hasMatchingMutations(state.mutated, state.channel?.readyId);
@@ -753,7 +767,7 @@ function writeReferenceOr(state, write, val, parent, accessor) {
 		}
 		if (parent && isCircular(parent, ref)) {
 			ensureId(state, ref);
-			state.assigned.add(ref);
+			state.pendingAssignments.add(ref);
 			addAssignment(ref, accessId(state, parent) + toAccess(accessor));
 			return false;
 		}
@@ -762,7 +776,7 @@ function writeReferenceOr(state, write, val, parent, accessor) {
 	}
 	const registered = REGISTRY.get(val);
 	if (registered) return writeRegistered(state, val, parent, accessor, registered);
-	state.refs.set(val, ref = new Reference(parent, accessor, state.flush, state.buf.length));
+	state.refs.set(val, ref = new Reference(parent, accessor, state.flushId, state.buf.length));
 	ref.channel = state.channel;
 	ref.debug = DEBUG.get(val);
 	if (write(state, val, ref)) return true;
@@ -775,7 +789,7 @@ function trackScope(state, val, scopeId) {
 	else newScopeReference(state, val, scopeId);
 }
 function newScopeReference(state, val, scopeId) {
-	const ref = new Reference(null, null, state.flush);
+	const ref = new Reference(null, null, state.flushId);
 	ref.scopeId = scopeId;
 	ref.channel = state.channel;
 	state.refs.set(val, ref);
@@ -785,7 +799,7 @@ function newScopeReference(state, val, scopeId) {
 function writeRegistered(state, val, parent, accessor, registered) {
 	const { scope } = registered;
 	if (scope) {
-		const ref = new Reference(parent, accessor, state.flush, state.buf.length);
+		const ref = new Reference(parent, accessor, state.flushId, state.buf.length);
 		ref.channel = state.channel;
 		state.refs.set(val, ref);
 		ref.debug = DEBUG.get(val);
@@ -805,7 +819,7 @@ function writeString(state, val, parent, accessor) {
 				return true;
 			}
 		} else {
-			const ref = new Reference(parent, accessor, state.flush, state.buf.length);
+			const ref = new Reference(parent, accessor, state.flushId, state.buf.length);
 			ref.channel = state.channel;
 			state.strs.set(val, ref);
 		}
@@ -991,7 +1005,7 @@ function writePromise(state, val, ref) {
 }
 function newAsyncHandle(state, parent, id) {
 	const handle = {};
-	const handleRef = new Reference(parent, null, state.flush, null, id);
+	const handleRef = new Reference(parent, null, state.flushId, null, id);
 	handleRef.channel = state.channel;
 	state.refs.set(handle, handleRef);
 	return handle;
@@ -1002,7 +1016,7 @@ function writeMap(state, val, ref) {
 		return true;
 	}
 	const items = [];
-	let assigns;
+	let assignments;
 	let needsId;
 	let deferring = false;
 	let i = 0;
@@ -1015,16 +1029,16 @@ function writeMap(state, val, ref) {
 			}
 			if (itemKey === val) {
 				itemKey = void 0;
-				(assigns ||= []).push("a[" + i + "][0]");
+				(assignments ||= []).push("a[" + i + "][0]");
 			}
 			if (itemValue === val) {
 				itemValue = void 0;
-				(assigns ||= []).push("a[" + i + "][1]");
+				(assignments ||= []).push("a[" + i + "][1]");
 			}
 			needsId ||= isDedupedMember(itemKey) || isDedupedMember(itemValue);
 			i = items.push(itemValue === void 0 ? itemKey === void 0 ? [] : [itemKey] : [itemKey, itemValue]);
 		}
-		writeArrayArg(state, ref, items, assigns && "((m,a)=>(" + assignsToString(assigns, "m") + ",a.forEach(i=>m.set(i[0],i[1])),m))(new Map,", "new Map(", needsId);
+		writeArrayArg(state, ref, items, assignments && "((m,a)=>(" + assignmentsToString(assignments, "m") + ",a.forEach(i=>m.set(i[0],i[1])),m))(new Map,", "new Map(", needsId);
 	} else {
 		for (let [itemKey, itemValue] of val) {
 			if (!deferring && (itemKey !== val && isAncestorMember(state, ref, itemKey) || itemValue !== val && isAncestorMember(state, ref, itemValue))) deferring = true;
@@ -1034,16 +1048,16 @@ function writeMap(state, val, ref) {
 			}
 			if (itemKey === val) {
 				itemKey = 0;
-				(assigns ||= []).push("a[" + i + "]");
+				(assignments ||= []).push("a[" + i + "]");
 			}
 			if (itemValue === val) {
 				itemValue = 0;
-				(assigns ||= []).push("a[" + (i + 1) + "]");
+				(assignments ||= []).push("a[" + (i + 1) + "]");
 			}
 			needsId ||= isDedupedMember(itemKey) || isDedupedMember(itemValue);
 			i = items.push(itemKey, itemValue);
 		}
-		writeArrayArg(state, ref, items, assigns && "(a=>a.reduce((m,v,i)=>i%2?m:m.set(v,a[i+1])," + assignsToString(assigns, "new Map") + "))(", "(a=>a.reduce((m,v,i)=>i%2?m:m.set(v,a[i+1]),new Map))(", needsId);
+		writeArrayArg(state, ref, items, assignments && "(a=>a.reduce((m,v,i)=>i%2?m:m.set(v,a[i+1])," + assignmentsToString(assignments, "new Map") + "))(", "(a=>a.reduce((m,v,i)=>i%2?m:m.set(v,a[i+1]),new Map))(", needsId);
 	}
 	return true;
 }
@@ -1053,7 +1067,7 @@ function writeSet(state, val, ref) {
 		return true;
 	}
 	const items = [];
-	let assigns;
+	let assignments;
 	let needsId;
 	let deferring = false;
 	let i = 0;
@@ -1065,11 +1079,11 @@ function writeSet(state, val, ref) {
 		}
 		if (item === val) {
 			item = 0;
-			(assigns ||= []).push("i[" + i + "]");
+			(assignments ||= []).push("i[" + i + "]");
 		} else needsId ||= isDedupedMember(item);
 		i = items.push(item);
 	}
-	writeArrayArg(state, ref, items, assigns && "((s,i)=>(" + assignsToString(assigns, "s") + ",i.forEach(i=>s.add(i)),s))(new Set,", "new Set(", needsId);
+	writeArrayArg(state, ref, items, assignments && "((s,i)=>(" + assignmentsToString(assignments, "s") + ",i.forEach(i=>s.add(i)),s))(new Set,", "new Set(", needsId);
 	return true;
 }
 function isAncestorMember(state, container, member) {
@@ -1083,16 +1097,16 @@ function deferCall(state, ref, method, args) {
 		method,
 		args
 	});
-	state.assigned.add(ref);
+	state.pendingAssignments.add(ref);
 }
 function writeArrayArg(state, ref, items, assignsPrefix, plainPrefix, needsId) {
 	if (assignsPrefix || needsId) {
-		const arrayRef = new Reference(ref, null, state.flush, null, nextRefAccess(state));
+		const arrayRef = new Reference(ref, null, state.flushId, null, nextRefAccess(state));
 		state.buf.push((assignsPrefix || plainPrefix) + arrayRef.id + "=");
 		writeArray(state, items, arrayRef);
 	} else {
 		state.buf.push(plainPrefix);
-		writeArray(state, items, new Reference(ref, null, state.flush, state.buf.length));
+		writeArray(state, items, new Reference(ref, null, state.flushId, state.buf.length));
 	}
 	state.buf.push(")");
 }
@@ -1136,7 +1150,7 @@ function writeTypedArray(state, val, ref) {
 		writeProp(state, val.buffer, ref, "buffer");
 		state.buf.push((val.byteOffset || needsLength ? "," + val.byteOffset + (needsLength ? "," + val.length : "") : "") + ")");
 	} else {
-		state.refs.set(val.buffer, new Reference(ref, "buffer", state.flush, null));
+		state.refs.set(val.buffer, new Reference(ref, "buffer", state.flushId, null));
 		state.buf.push("new " + val.constructor.name + (val.length === 0 ? "" : "(" + (hasOnlyZeros(val) ? val.length : typedArrayToInitString(val)) + ")"));
 	}
 	return true;
@@ -1167,7 +1181,7 @@ function writeAggregateError(state, val, ref) {
 	if (inlined) {
 		const errorsRef = state.refs.get(val.errors);
 		if (errorsRef?.id) {
-			state.assigned.add(errorsRef);
+			state.pendingAssignments.add(errorsRef);
 			addAssignment(errorsRef, accessId(state, ref) + toAccess("errors"));
 		}
 	}
@@ -1230,7 +1244,7 @@ function writeRequest(state, val, ref) {
 		options += sep + "headers:" + ensureId(state, seenHeaders);
 		sep = ",";
 	} else {
-		state.refs.set(val.headers, new Reference(ref, "headers", state.flush, null));
+		state.refs.set(val.headers, new Reference(ref, "headers", state.flushId, null));
 		const headers = stringEntriesToHeadersInit(val.headers);
 		if (headers) {
 			options += sep + "headers:" + headers;
@@ -1279,7 +1293,7 @@ function writeResponse(state, val, ref) {
 	const seenHeaders = state.refs.get(val.headers);
 	if (seenHeaders) options += sep + "headers:" + ensureId(state, seenHeaders);
 	else {
-		state.refs.set(val.headers, new Reference(ref, "headers", state.flush, null));
+		state.refs.set(val.headers, new Reference(ref, "headers", state.flushId, null));
 		const headers = stringEntriesToHeadersInit(val.headers);
 		if (headers) options += sep + "headers:" + headers;
 	}
@@ -1300,10 +1314,10 @@ function writeIntl(state, val, name, ref) {
 	state.buf.push("new Intl." + name + "(" + quote(locale, 0) + ",");
 	let optionsRef;
 	if (needsId) {
-		optionsRef = new Reference(ref, null, state.flush, null, nextRefAccess(state));
+		optionsRef = new Reference(ref, null, state.flushId, null, nextRefAccess(state));
 		state.buf.push(optionsRef.id + "={");
 	} else {
-		optionsRef = new Reference(ref, null, state.flush, state.buf.length);
+		optionsRef = new Reference(ref, null, state.flushId, state.buf.length);
 		state.buf.push("{");
 	}
 	writeObjectProps(state, options, optionsRef);
@@ -1364,12 +1378,12 @@ function writeGenerator(state, iter, ref) {
 	const heldReturn = returnValue !== void 0 && isAncestorMember(state, ref, returnValue);
 	state.buf.push(returnValue === void 0 ? "(function*(a){yield*a})(" : heldReturn ? "(function*(a,r){yield*a;return r.v})(" : "(function*(a,r){yield*a;return r})(");
 	if (needsId) {
-		const arrayRef = new Reference(ref, null, state.flush, null, nextRefAccess(state));
+		const arrayRef = new Reference(ref, null, state.flushId, null, nextRefAccess(state));
 		state.buf.push(arrayRef.id + "=");
 		writeArray(state, yields, arrayRef);
-	} else writeArray(state, yields, new Reference(ref, null, state.flush, state.buf.length));
+	} else writeArray(state, yields, new Reference(ref, null, state.flushId, state.buf.length));
 	if (heldReturn) {
-		const holder = new Reference(ref, null, state.flush, null, nextRefAccess(state));
+		const holder = new Reference(ref, null, state.flushId, null, nextRefAccess(state));
 		state.buf.push("," + holder.id + "={}");
 		writeProp(state, returnValue, holder, "v");
 	} else if (returnValue !== void 0) {
@@ -1433,7 +1447,7 @@ function writeMaybeIterableProps(state, val, ref) {
 		for (const item of val) if (item === val && !(yieldSelf || iterArr.length)) yieldSelf = "yield this;";
 		else iterArr.push(item);
 		if (iterArr.length) {
-			const iterRef = new Reference(ref, null, state.flush, null, nextRefAccess(state));
+			const iterRef = new Reference(ref, null, state.flushId, null, nextRefAccess(state));
 			state.buf.push(sep + "*[(" + iterRef.id + "=");
 			writeArray(state, iterArr, iterRef);
 			state.buf.push(",Symbol.iterator)](){" + yieldSelf + "yield*" + iterRef.id + "}");
@@ -1603,7 +1617,7 @@ function accessId(state, ref) {
 function assignId(state, ref) {
 	const { pos } = ref;
 	ref.id = nextRefAccess(state);
-	if (pos !== null && ref.flush === state.flush) {
+	if (pos !== null && ref.flushId === state.flushId) {
 		if (pos === 0) state.buf[0] = ref.id + "=" + state.buf[0];
 		else state.buf[pos - 1] += ref.id + "=";
 		return ref.id;
@@ -1620,7 +1634,7 @@ function assignId(state, ref) {
 				break;
 			}
 		}
-		if (parent.flush === state.flush || parent.scopeId !== void 0) {
+		if (parent.flushId === state.flushId || parent.scopeId !== void 0) {
 			accessPrevValue = accessId(state, parent) + accessPrevValue;
 			break;
 		}
@@ -1628,13 +1642,13 @@ function assignId(state, ref) {
 	} while (cur);
 	return ref.id + "=" + accessPrevValue;
 }
-function assignsToString(assigns, value) {
-	if (assigns.length > 100) return "($=>(" + assigns.join("=$,") + "=$))(" + value + ")";
-	return assigns.join("=") + "=" + value;
+function assignmentsToString(assignments, value) {
+	if (assignments.length > 100) return "($=>(" + assignments.join("=$,") + "=$))(" + value + ")";
+	return assignments.join("=") + "=" + value;
 }
 function addAssignment(ref, assign) {
-	if (ref.assigns) ref.assigns.push(assign);
-	else ref.assigns = [assign];
+	if (ref.assignments) ref.assignments.push(assign);
+	else ref.assignments = [assign];
 }
 function nextRefAccess(state) {
 	return "_." + nextId(state);
@@ -1708,12 +1722,16 @@ function forOf(list, cb) {
 }
 function forTo(to, from, step, cb) {
 	assertValidRangeBound("to", to);
+	assertValidRangeStart("from", from);
+	assertValidRangeStart("step", step);
 	const start = from || 0;
 	const delta = step || 1;
 	for (let steps = (to - start) / delta, i = 0; i <= steps; i++) cb(start + i * delta);
 }
 function forUntil(until, from, step, cb) {
 	assertValidRangeBound("until", until);
+	assertValidRangeStart("from", from);
+	assertValidRangeStart("step", step);
 	const start = from || 0;
 	const delta = step || 1;
 	for (let steps = (until - start) / delta, i = 0; i < steps; i++) cb(start + i * delta);
@@ -2741,7 +2759,13 @@ function offTick(cb) {
 function flushTickQueue() {
 	const queue = tickQueue;
 	tickQueue = void 0;
-	for (const cb of queue) cb(true);
+	for (const cb of queue) try {
+		cb(true);
+	} catch (err) {
+		tick(() => {
+			throw err;
+		});
+	}
 }
 //#endregion
 //#region src/html/attrs.ts
@@ -2878,16 +2902,14 @@ function _attrs(data, nodeAccessor, scopeId, tagName) {
 				result += _attr_style(value);
 				break;
 			default:
-				if (name && !(isVoid(value) || skip.test(name) || name === "content" && tagName !== "meta")) {
-					assertValidAttrName(name);
-					if (isEventHandler(name)) {
-						if (!events) {
-							events = {};
-							writeScope(scopeId, { [EventAttributes + nodeAccessor]: events });
-						}
-						events[getEventHandlerName(name)] = value;
-					} else result += nonVoidAttr(name, value);
-				}
+				if (name) assertValidAttrName(name);
+				if (name && !(isVoid(value) || skip.test(name) || name === "content" && tagName !== "meta")) if (isEventHandler(name)) {
+					if (!events) {
+						events = {};
+						writeScope(scopeId, { [EventAttributes + nodeAccessor]: events });
+					}
+					events[getEventHandlerName(name)] = value;
+				} else result += nonVoidAttr(name, value);
 				break;
 		}
 	}
@@ -2903,6 +2925,10 @@ function _attrs_partial(data, skip, nodeAccessor, scopeId, tagName) {
 		const key = isEventHandler(name) ? `on-${getEventHandlerName(name)}` : name;
 		if (!skip[key]) partial[key] = data[name];
 	}
+	assertExclusiveAttrs({
+		...data,
+		...skip
+	});
 	return _attrs(partial, nodeAccessor, scopeId, tagName);
 }
 function _attrs_partial_content(data, skip, nodeAccessor, scopeId, tagName, serializeReason) {
@@ -2910,7 +2936,13 @@ function _attrs_partial_content(data, skip, nodeAccessor, scopeId, tagName, seri
 	_attr_content(nodeAccessor, scopeId, data?.content, serializeReason);
 }
 function writeControlledScope(type, scopeId, nodeAccessor, value, valueChange, serializeType) {
-	assertHandlerIsFunction("valueChange", valueChange);
+	assertHandlerIsFunction([
+		"checkedChange",
+		"checkedValueChange",
+		"valueChange",
+		"valueChange",
+		"openChange"
+	][type], valueChange);
 	writeScope(scopeId, serializeType ? {
 		[ControlledType + nodeAccessor]: type,
 		[ControlledValue + nodeAccessor]: value,
@@ -2932,8 +2964,8 @@ function nonVoidAttr(name, value) {
 	}
 	return " " + name + attrAssignment(value + "");
 }
-const singleQuoteAttrReplacements = /'|&(?=[#a-zA-Z])/g;
-const doubleQuoteAttrReplacements = /"|&(?=[#a-zA-Z])/g;
+const singleQuoteAttrReplacements = /['\r]|&(?=[#a-zA-Z])/g;
+const doubleQuoteAttrReplacements = /["\r]|&(?=[#a-zA-Z])/g;
 const needsQuotedAttr = /["'>\s]|&[#a-zA-Z]|\/$/g;
 function attrAssignment(value) {
 	return value ? needsQuotedAttr.test(value) ? value[needsQuotedAttr.lastIndex - 1] === (needsQuotedAttr.lastIndex = 0, "\"") ? "='" + escapeSingleQuotedAttrValue(value) + "'" : "=\"" + escapeDoubleQuotedAttrValue(value) + "\"" : "=" + value : "";
@@ -2942,13 +2974,13 @@ function escapeSingleQuotedAttrValue(value) {
 	return singleQuoteAttrReplacements.test(value) ? value.replace(singleQuoteAttrReplacements, replaceUnsafeSingleQuoteAttrChar) : value;
 }
 function replaceUnsafeSingleQuoteAttrChar(match) {
-	return match === "'" ? "&#39;" : "&amp;";
+	return match === "'" ? "&#39;" : match === "\r" ? "&#13;" : "&amp;";
 }
 function escapeDoubleQuotedAttrValue(value) {
 	return doubleQuoteAttrReplacements.test(value) ? value.replace(doubleQuoteAttrReplacements, replaceUnsafeDoubleQuoteAttrChar) : value;
 }
 function replaceUnsafeDoubleQuoteAttrChar(match) {
-	return match === "\"" ? "&#34;" : "&amp;";
+	return match === "\"" ? "&#34;" : match === "\r" ? "&#13;" : "&amp;";
 }
 function normalizedValueMatches(a, b) {
 	const value = normalizeStrAttrValue(b);
@@ -2976,21 +3008,21 @@ let _dynamic_tag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, s
 		rendered = true;
 		const renderNative = () => {
 			_scope_id();
-			_html(`<${renderer}${_attrs(input, `#${renderer}/0`, branchId, renderer)}>`);
+			_html(`<${renderer}${_attrs(input, `#${renderer.toLowerCase()}/0`, branchId, renderer)}>`);
 			if (!voidElementsReg.test(renderer)) {
 				const renderContent = content || normalizeDynamicRenderer(input.content);
 				if (renderer === "textarea") {
 					if (renderContent) throw new Error("A dynamic tag rendering a `<textarea>` cannot have `content` and must use the `value` attribute instead.");
-					_html(_attr_textarea_value(branchId, `#${renderer}/0`, input.value, input.valueChange, 1));
+					_html(_attr_textarea_value(branchId, `#${renderer.toLowerCase()}/0`, input.value, input.valueChange, 1));
 				} else if (renderContent) {
 					if (typeof renderContent !== "function") throw new Error(`Body content is not supported for the \`<${renderer}>\` tag.`);
-					if (renderer === "select" && ("value" in input || "valueChange" in input)) _attr_select_value(branchId, `#${renderer}/0`, input.value, input.valueChange, renderContent, 1);
-					else _dynamic_tag(branchId, `#${renderer}/0`, renderContent, void 0, 0, void 0, serializeReason);
+					if (renderer === "select" && ("value" in input || "valueChange" in input)) _attr_select_value(branchId, `#${renderer.toLowerCase()}/0`, input.value, input.valueChange, renderContent, 1);
+					else _dynamic_tag(branchId, `#${renderer.toLowerCase()}/0`, renderContent, void 0, 0, void 0, serializeReason);
 				}
 				_html(`</${renderer}>`);
 			} else if (content) throw new Error(`Body content is not supported for the \`<${renderer}>\` tag.`);
 			const childScope = getScopeById(branchId);
-			const needsScript = childScope && (childScope[`EventAttributes:#${renderer}/0`] || childScope[`ControlledHandler:#${renderer}/0`]);
+			const needsScript = childScope && (childScope[`EventAttributes:#${renderer.toLowerCase()}/0`] || childScope[`ControlledHandler:#${renderer.toLowerCase()}/0`]);
 			if (needsScript) {
 				writeScope(branchId, { [Renderer]: renderer });
 				_script(branchId, DYNAMIC_TAG_SCRIPT_REGISTER_ID);
@@ -3385,6 +3417,7 @@ const compat = {
 	peekNextScopeId: _peek_scope_id,
 	isInResumedBranch,
 	withChunk,
+	getChunk,
 	ensureState($global) {
 		let state = $global[K_TAGS_API_STATE] ||= getChunk()?.boundary.state;
 		if (!state) {
@@ -3426,11 +3459,18 @@ const compat = {
 			return compatRegistered;
 		};
 	},
-	flushScript($global) {
+	createChunk($global) {
 		const state = this.ensureState($global);
-		const boundary = new Boundary(state);
-		if (boundary.flush() === 1) throw new Error("Cannot serialize promise across tags/class compat layer.");
-		return new Chunk(boundary, null, null, state).flushScript().scripts;
+		return new Chunk(new Boundary(state), null, null, state);
+	},
+	flushScript($global, chunk) {
+		chunk ||= this.createChunk($global);
+		const { boundary } = chunk;
+		switch (boundary.flush()) {
+			case 2: throw boundary.signal.reason;
+			case 1: throw new Error("Cannot serialize promise across tags/class compat layer.");
+		}
+		return chunk.flushScript().scripts;
 	},
 	render(renderer, willRerender, classAPIOut, component, input, completeChunks, registerChildScope) {
 		const state = this.ensureState(classAPIOut.global);