marko 6.3.33 → 6.3.35

package/dist/debug/html.mjs

@@ -33,6 +33,7 @@ const LoopKey = "#LoopKey";
 const PlaceholderContent = "#PlaceholderContent";
 const Renderer = "#Renderer";
 const TagVariable = "#TagVariable";
+const Owner = "owner";
 const Embed = "embed";
 //#endregion
 //#region src/common/helpers.ts
@@ -83,6 +84,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;
@@ -157,6 +159,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";
@@ -180,6 +189,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)}.`);
 }
@@ -211,10 +223,16 @@ function assertExclusiveAttrs(attrs, onError = throwErr) {
 			(exclusiveAttrs ||= []).push("checkedValueChange");
 			if ("checked" in attrs) exclusiveAttrs.push("checked");
 		}
-		if (attrs.valueChange) (exclusiveAttrs ||= []).push("valueChange");
+		if (attrs.valueChange) {
+			(exclusiveAttrs ||= []).push("valueChange");
+			if ("checked" in attrs && !exclusiveAttrs.includes("checked")) exclusiveAttrs.push("checked");
+		}
 		if (exclusiveAttrs && exclusiveAttrs.length > 1) onError(`The attributes ${joinWithAnd(exclusiveAttrs)} are mutually exclusive.`);
 	}
 }
+function assertNoValueBindingOnCheckable(type, valueChange) {
+	if (valueChange && /^(?:button|checkbox|hidden|image|radio|reset|submit)$/i.test(type)) console.error(`\`valueChange\` cannot be used on a \`type="${type}"\` \`<input>\` — user interaction can never change its \`value\`.` + (/^[cr]/i.test(type) ? " Bind `checked` or `checkedValue` instead." : ""));
+}
 function assertHandlerIsFunction(name, value) {
 	if (value && typeof value !== "function") throw new Error(`The \`${name}\` handler must be a function or a falsey value (\`null\`, \`undefined\`, \`false\`, \`0\`, …), but received type "${typeof value}".`);
 }
@@ -245,8 +263,8 @@ function _unescaped(val) {
 	assertValidTextValue(val);
 	return val ? val + "" : val === 0 ? "0" : "";
 }
-const unsafeXMLReg = /[<&]/g;
-const replaceUnsafeXML = (c) => c === "&" ? "&amp;" : "&lt;";
+const unsafeXMLReg = /[<&\r]/g;
+const replaceUnsafeXML = (c) => c === "&" ? "&amp;" : c === "<" ? "&lt;" : "&#13;";
 const escapeXMLStr = (str) => unsafeXMLReg.test(str) ? str.replace(unsafeXMLReg, replaceUnsafeXML) : str;
 function _escape(val) {
 	assertValidTextValue(val);
@@ -525,31 +543,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;
 	}
@@ -559,7 +577,18 @@ function setDebugInfo(obj, file, loc, vars) {
 	DEBUG.set(obj, {
 		file,
 		loc,
-		vars
+		vars,
+		slots: DEBUG.get(obj)?.slots
+	});
+}
+function setDebugSlotName(obj, accessor, name) {
+	const debug = DEBUG.get(obj);
+	if (debug) (debug.slots ??= {})[accessor] = name;
+	else DEBUG.set(obj, {
+		file: "",
+		loc: 0,
+		vars: void 0,
+		slots: { [accessor]: name }
 	});
 }
 var Serializer = class {
@@ -576,7 +605,7 @@ var Serializer = class {
 			this.#state.channel = channel;
 			return writeScopesRoot(this.#state, flushes);
 		} finally {
-			this.#state.flush++;
+			this.#state.flushId++;
 			this.#state.buf = [];
 		}
 	}
@@ -630,7 +659,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];
@@ -649,21 +678,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 + "(");
@@ -710,13 +739,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);
@@ -751,7 +783,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;
 		}
@@ -760,7 +792,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;
@@ -773,7 +805,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);
@@ -783,7 +815,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);
@@ -803,7 +835,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);
 		}
@@ -989,7 +1021,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;
@@ -1000,7 +1032,7 @@ function writeMap(state, val, ref) {
 		return true;
 	}
 	const items = [];
-	let assigns;
+	let assignments;
 	let needsId;
 	let deferring = false;
 	let i = 0;
@@ -1013,16 +1045,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;
@@ -1032,16 +1064,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;
 }
@@ -1051,7 +1083,7 @@ function writeSet(state, val, ref) {
 		return true;
 	}
 	const items = [];
-	let assigns;
+	let assignments;
 	let needsId;
 	let deferring = false;
 	let i = 0;
@@ -1063,11 +1095,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) {
@@ -1081,16 +1113,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(")");
 }
@@ -1134,7 +1166,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;
@@ -1165,7 +1197,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"));
 		}
 	}
@@ -1228,7 +1260,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;
@@ -1277,7 +1309,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;
 	}
@@ -1298,10 +1330,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);
@@ -1362,12 +1394,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) {
@@ -1431,7 +1463,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 + "}");
@@ -1455,21 +1487,27 @@ function throwUnserializable(state, cause, ref = null, accessor = "") {
 	if (cause !== void 0 && state.boundary?.abort) {
 		let message = "Unable to serialize";
 		let access = "";
-		while (ref?.accessor) {
+		while (ref) {
+			const { accessor } = ref;
 			const debug = ref.parent?.debug;
-			if (debug) {
-				const varLoc = debug.vars?.[ref.accessor];
-				let debugAccess = ref.accessor;
+			if (accessor && debug) {
+				const rawAccessor = fromObjectKey(accessor);
+				const varLoc = debug.vars?.[rawAccessor];
+				const slotName = debug.slots?.[rawAccessor];
+				let debugAccess = varLoc ? rawAccessor : void 0;
 				let debugLoc = debug.loc;
 				if (varLoc) if (Array.isArray(varLoc)) {
 					debugAccess = varLoc[0];
 					if (varLoc[1]) debugLoc = varLoc[1];
 				} else debugLoc = varLoc;
-				message += ` ${JSON.stringify(debugAccess)} in ${debug.file}`;
+				let display;
+				if (debugAccess !== void 0) display = slotName && debugAccess.startsWith("...") ? `\`${slotName}\` from \`${debugAccess}\`` : JSON.stringify(debugAccess);
+				else display = describeAccessor(rawAccessor, slotName) ?? JSON.stringify(rawAccessor);
+				message += ` ${display} in ${debug.file}`;
 				if (debugLoc) message += `:${debugLoc}`;
 				break;
 			}
-			access = toAccess(ref.accessor) + access;
+			if (accessor) access = toAccess(accessor) + access;
 			ref = ref.parent;
 		}
 		if (accessor) access = toAccess(accessor) + access;
@@ -1481,6 +1519,40 @@ function throwUnserializable(state, cause, ref = null, accessor = "") {
 		state.boundary.abort(err);
 	}
 }
+const accessorPrefixDescriptions = {
+	BranchScopes: "the branch scopes",
+	ClosureScopes: "the closure scopes",
+	ClosureSignalIndex: "the closure signal index",
+	ConditionalRenderer: "the conditional renderer",
+	ControlledObserver: "the controlled observer",
+	ControlledHandler: "the change handler",
+	ControlledType: "the controlled type",
+	ControlledValue: "the controlled value",
+	DynamicHTMLLastChild: "the dynamic html",
+	EventAttributes: "the event handlers",
+	IdFallback: "the generated id",
+	KeyedScopes: "the keyed scopes",
+	Lifecycle: "the lifecycle handlers",
+	Promise: "the pending promise",
+	TagVariableChange: "the tag variable change handler"
+};
+function describeAccessor(accessor, slotName) {
+	const sep = accessor.indexOf(":");
+	if (~sep) {
+		const description = slotName === void 0 ? accessorPrefixDescriptions[accessor.slice(0, sep)] : `the \`${slotName}\` handler`;
+		if (description) {
+			const node = /^#([a-z-]+)\//i.exec(accessor.slice(sep + 1));
+			return node ? `${description} of \`<${node[1]}>\`` : description;
+		}
+	}
+}
+function fromObjectKey(key) {
+	try {
+		if (key[0] === "\"") return JSON.parse(key.replace(/\\x/g, "\\u00"));
+		if (key[0] === "[") return JSON.parse(key.slice(1, -1));
+	} catch {}
+	return key;
+}
 function trackChannel(state, ref) {
 	const refReadyId = ref.channel?.readyId;
 	if (!refReadyId || refReadyId === state.channel?.readyId) return true;
@@ -1601,7 +1673,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;
@@ -1618,7 +1690,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;
 		}
@@ -1626,13 +1698,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);
@@ -1706,12 +1778,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);
@@ -1857,6 +1933,9 @@ function getContext(key) {
 function getState() {
 	return $chunk.boundary.state;
 }
+function rendererKey(renderer) {
+	return renderer?.["owner"] === void 0 ? renderer?.["id"] || renderer : renderer["id"] + " " + renderer[Owner];
+}
 function getScopeId(scope) {
 	return scope[K_SCOPE_ID];
 }
@@ -1952,7 +2031,7 @@ function _attr_content(nodeAccessor, scopeId, content, serializeReason) {
 	if (_peek_scope_id() !== branchId) {
 		if (shouldResume) writeScope(scopeId, {
 			[BranchScopes + nodeAccessor]: writeScope(branchId, {}),
-			[ConditionalRenderer + nodeAccessor]: render?.["id"]
+			[ConditionalRenderer + nodeAccessor]: rendererKey(render)
 		});
 	} else _scope_id();
 }
@@ -2739,7 +2818,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
@@ -2780,7 +2865,7 @@ function _attr_textarea_value(scopeId, nodeAccessor, value, valueChange, seriali
 }
 function _textarea_value(value) {
 	const escaped = _escape(normalizeStrAttrValue(value));
-	return escaped[0] === "\n" || escaped[0] === "\r" ? "\n" + escaped : escaped;
+	return escaped[0] === "\n" ? "\n" + escaped : escaped;
 }
 function _attr_input_value(scopeId, nodeAccessor, value, valueChange, serializeType) {
 	if (valueChange) writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange, serializeType);
@@ -2844,6 +2929,7 @@ function _attrs(data, nodeAccessor, scopeId, tagName) {
 				result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value, 1);
 				skip = /^(?:value|checked(?:Value)?)(?:Change)?$|[\s/>"'=]/;
 			} else if (data.valueChange) {
+				assertNoValueBindingOnCheckable(data.type, data.valueChange);
 				result += _attr_input_value(scopeId, nodeAccessor, data.value, data.valueChange, 1);
 				skip = /^value(?:Change)?$|[\s/>"'=]/;
 			}
@@ -2876,16 +2962,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;
 		}
 	}
@@ -2901,6 +2985,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) {
@@ -2908,15 +2996,22 @@ 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);
-	writeScope(scopeId, serializeType ? {
+	var handlerName = [
+		"checkedChange",
+		"checkedValueChange",
+		"valueChange",
+		"valueChange",
+		"openChange"
+	][type];
+	assertHandlerIsFunction(handlerName, valueChange);
+	setDebugSlotName(writeScope(scopeId, serializeType ? {
 		[ControlledType + nodeAccessor]: type,
 		[ControlledValue + nodeAccessor]: value,
 		[ControlledHandler + nodeAccessor]: valueChange
 	} : {
 		[ControlledValue + nodeAccessor]: value,
 		[ControlledHandler + nodeAccessor]: valueChange
-	});
+	}), ControlledHandler + nodeAccessor, handlerName);
 }
 function stringAttr(name, value) {
 	return value && " " + name + attrAssignment(value);
@@ -2930,8 +3025,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 : "";
@@ -2940,13 +3035,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);
@@ -2974,21 +3069,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);
@@ -3019,16 +3114,17 @@ let _dynamic_tag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, s
 		}
 	}
 	if (rendered) {
-		if (shouldResume) writeScope(scopeId, { [ConditionalRenderer + accessor]: renderer?.["id"] || renderer });
+		if (shouldResume) writeScope(scopeId, { [ConditionalRenderer + accessor]: rendererKey(renderer) });
 	} else _scope_id();
 	return result;
 };
-function _content(id, fn) {
+function _content(id, fn, scopeId) {
 	fn["id"] = id;
+	fn[Owner] = scopeId;
 	return fn;
 }
 function _content_resume(id, fn, scopeId) {
-	return _resume(_content(id, fn), id, scopeId);
+	return _resume(_content(id, fn, scopeId), id, scopeId);
 }
 const patchDynamicTag = ((originalDynamicTag) => (patch) => {
 	_dynamic_tag = (scopeId, accessor, tag, input, content, inputIsArgs, resume) => {
@@ -3349,14 +3445,17 @@ function writeTriggerScript(html, triggers) {
 	const exprs = triggers.map((trigger) => {
 		const options = trigger.options && toObjectExpression(trigger.options);
 		switch (trigger.type) {
-			case "visible": return `(e=>e&&new IntersectionObserver((e,i)=>e.some(e=>e.isIntersecting)&&i.disconnect()+l()${options ? `,${options}` : ""}).observe(e))(document.querySelector(${JSON.stringify(trigger.selector)})||l())`;
+			case "visible": return `(e=>e&&new IntersectionObserver((e,i)=>e.some(e=>e.isIntersecting)&&i.disconnect()+l()${options ? `,${options}` : ""}).observe(e))(${querySelectorOrLoad(trigger.selector)})`;
 			case "idle": return `(self.requestIdleCallback||l)(l${options ? `,${options}` : ""})`;
 			case "media": return `(m=>m.matches?l():m.addEventListener("change",l,{once:1}))(matchMedia(${JSON.stringify(trigger.selector)}))`;
-			default: return `(e=>e?.addEventListener("${trigger.type.slice(3)}",l,{once:1}))(document.querySelector(${JSON.stringify(trigger.selector)})||l())`;
+			default: return `(e=>e?.addEventListener("${trigger.type.slice(3)}",l,{once:1}))(${querySelectorOrLoad(trigger.selector)})`;
 		}
 	});
 	writeScript(`((p,h,d,l=$=>{d||p.after(new Range().createContextualFragment(d=h))})=>${exprs.length > 1 ? `{${exprs.join(";")}}` : exprs[0]})(document.currentScript,${htmlStr})`);
 }
+function querySelectorOrLoad(selector) {
+	return `document.querySelector(${JSON.stringify(selector)})||${`(console.warn(${JSON.stringify(`A lazy load trigger could not find an element matching "${selector}". The module was loaded immediately.`)}),l())`}`;
+}
 function toObjectExpression(options) {
 	let result = "{";
 	let sep = "";
@@ -3383,6 +3482,7 @@ const compat = {
 	peekNextScopeId: _peek_scope_id,
 	isInResumedBranch,
 	withChunk,
+	getChunk,
 	ensureState($global) {
 		let state = $global[K_TAGS_API_STATE] ||= getChunk()?.boundary.state;
 		if (!state) {
@@ -3424,11 +3524,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);