@marko/runtime-tags 6.3.0 → 6.3.1

package/dist/debug/html.js

@@ -1323,34 +1323,49 @@ function toAccess(accessor) {
 	const start = accessor[0];
 	return start === "[" ? accessor : start === "\"" || start >= "0" && start <= "9" ? "[" + accessor + "]" : "." + accessor;
 }
+const unsafeQuoteReg = /["\\<\n\r\u2028\u2029\0\ud800-\udfff]/u;
 function quote(str, startPos) {
+	if (!unsafeQuoteReg.test(str)) return "\"" + str + "\"";
 	let result = "";
 	let lastPos = 0;
 	for (let i = startPos; i < str.length; i++) {
 		let replacement;
-		switch (str[i]) {
-			case "\"":
+		const code = str.charCodeAt(i);
+		switch (code) {
+			case 34:
 				replacement = "\\\"";
 				break;
-			case "\\":
+			case 92:
 				replacement = "\\\\";
 				break;
-			case "<":
+			case 60:
 				replacement = "\\x3C";
 				break;
-			case "\n":
+			case 10:
 				replacement = "\\n";
 				break;
-			case "\r":
+			case 13:
 				replacement = "\\r";
 				break;
-			case "\u2028":
+			case 8232:
 				replacement = "\\u2028";
 				break;
-			case "\u2029":
+			case 8233:
 				replacement = "\\u2029";
 				break;
-			default: continue;
+			case 0:
+				replacement = "\\x00";
+				break;
+			default:
+				if (code < 55296 || code > 57343) continue;
+				if (code < 56320) {
+					const next = str.charCodeAt(i + 1);
+					if (next >= 56320 && next <= 57343) {
+						i++;
+						continue;
+					}
+				}
+				replacement = "\\u" + code.toString(16);
 		}
 		result += str.slice(lastPos, i) + replacement;
 		lastPos = i + 1;
@@ -1917,7 +1932,7 @@ function _await(scopeId, accessor, promise, content, serializeMarker) {
 						$chunk.writeHTML($chunk.boundary.state.mark("]", scopeId + " " + accessor + " " + branchId));
 					} else withIsAsync(content, value);
 				});
-				boundary.endAsync(chunk);
+				boundary.endAsync();
 			}
 		}
 	}, (err) => {
@@ -1959,7 +1974,7 @@ function tryCatch(content, catchContent) {
 	const chunk = $chunk;
 	const { boundary } = chunk;
 	const { state } = boundary;
-	const catchBoundary = new Boundary(state);
+	const catchBoundary = new Boundary(state, void 0, boundary);
 	const body = chunk.fork(catchBoundary, null);
 	const bodyEnd = body.render(content);
 	if (catchBoundary.signal.aborted) {
@@ -2073,19 +2088,21 @@ var State = class {
 };
 var Boundary = class extends AbortController {
 	state;
+	parent;
 	onNext = NOOP$2;
 	count = 0;
-	constructor(state, parent) {
+	constructor(state, signal, parent) {
 		super();
 		this.state = state;
+		this.parent = parent;
 		this.signal.addEventListener("abort", () => {
 			this.count = 0;
 			this.state = new State(this.state.$global);
 			this.onNext();
 		});
-		if (parent) if (parent.aborted) this.abort(parent.reason);
-		else parent.addEventListener("abort", () => {
-			this.abort(parent.reason);
+		if (signal) if (signal.aborted) this.abort(signal.reason);
+		else signal.addEventListener("abort", () => {
+			this.abort(signal.reason);
 		});
 	}
 	flush() {
@@ -2095,10 +2112,9 @@ var Boundary = class extends AbortController {
 	startAsync() {
 		if (!this.signal.aborted) this.count++;
 	}
-	endAsync(chunk) {
+	endAsync() {
 		if (!this.signal.aborted && this.count) {
 			this.count--;
-			if (chunk?.reorderId) this.state.reorder(chunk);
 			this.onNext();
 		}
 	}
@@ -2285,12 +2301,22 @@ var Chunk = class Chunk {
 			scripts = concatScripts(scripts, runtimePrefix + ".r=[" + state.resumes + "]");
 		}
 		if (state.writeReorders) {
-			needsWalk = true;
-			if (!state.hasReorderRuntime) {
-				state.hasReorderRuntime = true;
-				scripts = concatScripts(scripts, REORDER_RUNTIME_CODE + "(" + runtimePrefix + ")");
-			}
+			let carried = null;
 			for (const reorderedChunk of state.writeReorders) {
+				if (reorderedChunk.async && reorderedChunk.consumed) {
+					let aborted = reorderedChunk.boundary;
+					while (aborted && !aborted.signal.aborted) aborted = aborted.parent;
+					if (!aborted) {
+						(carried ||= []).push(reorderedChunk);
+						continue;
+					}
+					reorderedChunk.async = false;
+				}
+				needsWalk = true;
+				if (!state.hasReorderRuntime) {
+					state.hasReorderRuntime = true;
+					scripts = concatScripts(scripts, REORDER_RUNTIME_CODE + "(" + runtimePrefix + ")");
+				}
 				const { reorderId } = reorderedChunk;
 				const readyReservations = [];
 				let reorderHTML = "";
@@ -2309,6 +2335,7 @@ var Chunk = class Chunk {
 					reorderScripts = concatScripts(reorderScripts, concatScripts(readyResumeScripts, cur.scripts));
 					if (cur.async) {
 						reorderHTML += state.mark("#", cur.reorderId = state.nextReorderId());
+						state.reorder(cur);
 						cur.html = cur.effects = cur.scripts = cur.lastEffect = "";
 						cur.next = null;
 					}
@@ -2326,7 +2353,7 @@ var Chunk = class Chunk {
 				scripts = concatScripts(scripts, reorderScripts && runtimePrefix + ".j" + toAccess(reorderId) + "=_=>{" + reorderScripts + "}");
 				html += "<t hidden " + state.commentPrefix + "=" + reorderId + ">" + reorderHTML + "</t>";
 			}
-			state.writeReorders = null;
+			state.writeReorders = carried;
 		}
 		if (needsWalk) scripts = concatScripts(scripts, runtimePrefix + ".w()");
 		this.html = html;
@@ -2656,9 +2683,9 @@ function nonVoidAttr(name, value) {
 	}
 	return " " + name + attrAssignment(value + "");
 }
-const singleQuoteAttrReplacements = /'|&(?=#?\w+;)/g;
-const doubleQuoteAttrReplacements = /"|&(?=#?\w+;)/g;
-const needsQuotedAttr = /["'>\s]|&#?\w+;|\/$/g;
+const singleQuoteAttrReplacements = /'|&(?=[#a-zA-Z])/g;
+const doubleQuoteAttrReplacements = /"|&(?=[#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 : "";
 }

package/dist/debug/html.mjs

@@ -1321,34 +1321,49 @@ function toAccess(accessor) {
 	const start = accessor[0];
 	return start === "[" ? accessor : start === "\"" || start >= "0" && start <= "9" ? "[" + accessor + "]" : "." + accessor;
 }
+const unsafeQuoteReg = /["\\<\n\r\u2028\u2029\0\ud800-\udfff]/u;
 function quote(str, startPos) {
+	if (!unsafeQuoteReg.test(str)) return "\"" + str + "\"";
 	let result = "";
 	let lastPos = 0;
 	for (let i = startPos; i < str.length; i++) {
 		let replacement;
-		switch (str[i]) {
-			case "\"":
+		const code = str.charCodeAt(i);
+		switch (code) {
+			case 34:
 				replacement = "\\\"";
 				break;
-			case "\\":
+			case 92:
 				replacement = "\\\\";
 				break;
-			case "<":
+			case 60:
 				replacement = "\\x3C";
 				break;
-			case "\n":
+			case 10:
 				replacement = "\\n";
 				break;
-			case "\r":
+			case 13:
 				replacement = "\\r";
 				break;
-			case "\u2028":
+			case 8232:
 				replacement = "\\u2028";
 				break;
-			case "\u2029":
+			case 8233:
 				replacement = "\\u2029";
 				break;
-			default: continue;
+			case 0:
+				replacement = "\\x00";
+				break;
+			default:
+				if (code < 55296 || code > 57343) continue;
+				if (code < 56320) {
+					const next = str.charCodeAt(i + 1);
+					if (next >= 56320 && next <= 57343) {
+						i++;
+						continue;
+					}
+				}
+				replacement = "\\u" + code.toString(16);
 		}
 		result += str.slice(lastPos, i) + replacement;
 		lastPos = i + 1;
@@ -1915,7 +1930,7 @@ function _await(scopeId, accessor, promise, content, serializeMarker) {
 						$chunk.writeHTML($chunk.boundary.state.mark("]", scopeId + " " + accessor + " " + branchId));
 					} else withIsAsync(content, value);
 				});
-				boundary.endAsync(chunk);
+				boundary.endAsync();
 			}
 		}
 	}, (err) => {
@@ -1957,7 +1972,7 @@ function tryCatch(content, catchContent) {
 	const chunk = $chunk;
 	const { boundary } = chunk;
 	const { state } = boundary;
-	const catchBoundary = new Boundary(state);
+	const catchBoundary = new Boundary(state, void 0, boundary);
 	const body = chunk.fork(catchBoundary, null);
 	const bodyEnd = body.render(content);
 	if (catchBoundary.signal.aborted) {
@@ -2071,19 +2086,21 @@ var State = class {
 };
 var Boundary = class extends AbortController {
 	state;
+	parent;
 	onNext = NOOP$2;
 	count = 0;
-	constructor(state, parent) {
+	constructor(state, signal, parent) {
 		super();
 		this.state = state;
+		this.parent = parent;
 		this.signal.addEventListener("abort", () => {
 			this.count = 0;
 			this.state = new State(this.state.$global);
 			this.onNext();
 		});
-		if (parent) if (parent.aborted) this.abort(parent.reason);
-		else parent.addEventListener("abort", () => {
-			this.abort(parent.reason);
+		if (signal) if (signal.aborted) this.abort(signal.reason);
+		else signal.addEventListener("abort", () => {
+			this.abort(signal.reason);
 		});
 	}
 	flush() {
@@ -2093,10 +2110,9 @@ var Boundary = class extends AbortController {
 	startAsync() {
 		if (!this.signal.aborted) this.count++;
 	}
-	endAsync(chunk) {
+	endAsync() {
 		if (!this.signal.aborted && this.count) {
 			this.count--;
-			if (chunk?.reorderId) this.state.reorder(chunk);
 			this.onNext();
 		}
 	}
@@ -2283,12 +2299,22 @@ var Chunk = class Chunk {
 			scripts = concatScripts(scripts, runtimePrefix + ".r=[" + state.resumes + "]");
 		}
 		if (state.writeReorders) {
-			needsWalk = true;
-			if (!state.hasReorderRuntime) {
-				state.hasReorderRuntime = true;
-				scripts = concatScripts(scripts, REORDER_RUNTIME_CODE + "(" + runtimePrefix + ")");
-			}
+			let carried = null;
 			for (const reorderedChunk of state.writeReorders) {
+				if (reorderedChunk.async && reorderedChunk.consumed) {
+					let aborted = reorderedChunk.boundary;
+					while (aborted && !aborted.signal.aborted) aborted = aborted.parent;
+					if (!aborted) {
+						(carried ||= []).push(reorderedChunk);
+						continue;
+					}
+					reorderedChunk.async = false;
+				}
+				needsWalk = true;
+				if (!state.hasReorderRuntime) {
+					state.hasReorderRuntime = true;
+					scripts = concatScripts(scripts, REORDER_RUNTIME_CODE + "(" + runtimePrefix + ")");
+				}
 				const { reorderId } = reorderedChunk;
 				const readyReservations = [];
 				let reorderHTML = "";
@@ -2307,6 +2333,7 @@ var Chunk = class Chunk {
 					reorderScripts = concatScripts(reorderScripts, concatScripts(readyResumeScripts, cur.scripts));
 					if (cur.async) {
 						reorderHTML += state.mark("#", cur.reorderId = state.nextReorderId());
+						state.reorder(cur);
 						cur.html = cur.effects = cur.scripts = cur.lastEffect = "";
 						cur.next = null;
 					}
@@ -2324,7 +2351,7 @@ var Chunk = class Chunk {
 				scripts = concatScripts(scripts, reorderScripts && runtimePrefix + ".j" + toAccess(reorderId) + "=_=>{" + reorderScripts + "}");
 				html += "<t hidden " + state.commentPrefix + "=" + reorderId + ">" + reorderHTML + "</t>";
 			}
-			state.writeReorders = null;
+			state.writeReorders = carried;
 		}
 		if (needsWalk) scripts = concatScripts(scripts, runtimePrefix + ".w()");
 		this.html = html;
@@ -2654,9 +2681,9 @@ function nonVoidAttr(name, value) {
 	}
 	return " " + name + attrAssignment(value + "");
 }
-const singleQuoteAttrReplacements = /'|&(?=#?\w+;)/g;
-const doubleQuoteAttrReplacements = /"|&(?=#?\w+;)/g;
-const needsQuotedAttr = /["'>\s]|&#?\w+;|\/$/g;
+const singleQuoteAttrReplacements = /'|&(?=[#a-zA-Z])/g;
+const doubleQuoteAttrReplacements = /"|&(?=[#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 : "";
 }

package/dist/html/writer.d.ts

@@ -121,12 +121,13 @@ export declare enum FlushStatus {
 }
 export declare class Boundary extends AbortController {
     state: State;
+    parent?: Boundary | undefined;
     onNext: () => void;
     count: number;
-    constructor(state: State, parent?: AbortSignal);
+    constructor(state: State, signal?: AbortSignal, parent?: Boundary | undefined);
     flush(): FlushStatus;
     startAsync(): void;
-    endAsync(chunk?: Chunk): void;
+    endAsync(): void;
 }
 export declare class Chunk {
     boundary: Boundary;

package/dist/html.js

@@ -238,10 +238,10 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	[JSON, "JSON"],
 	[Math, "Math"],
 	[Reflect, "Reflect"]
-]), 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) => {
+]), unsafeRegExpSourceReg = /\\[\s\S]|</g, replaceUnsafeRegExpSourceChar = (match) => match === "<" || match === "\\<" ? "\\x3C" : match, unsafeQuoteReg = /["\\<\n\r\u2028\u2029\0\ud800-\udfff]/u, $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) => {
+}, tick = globalThis.setImmediate || globalThis.setTimeout || globalThis.queueMicrotask || ((cb) => Promise.resolve().then(cb)), tickQueue, kSelectedValue = Symbol("selectedValue"), checkedValuesRefs = /* @__PURE__ */ new WeakMap(), singleQuoteAttrReplacements = /'|&(?=[#a-zA-Z])/g, doubleQuoteAttrReplacements = /"|&(?=[#a-zA-Z])/g, needsQuotedAttr = /["'>\s]|&[#a-zA-Z]|\/$/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) => {
 	let shouldResume = serializeReason !== 0, renderer = normalizeDynamicRenderer(tag), state = getState(), branchId = _peek_scope_id(), rendered, result;
 	if (typeof renderer == "string") {
 		let input = (inputIsArgs ? inputOrArgs[0] : inputOrArgs) || {};
@@ -907,32 +907,45 @@ function toAccess(accessor) {
 	return start === "[" ? accessor : start === "\"" || start >= "0" && start <= "9" ? "[" + accessor + "]" : "." + accessor;
 }
 function quote(str, startPos) {
+	if (!unsafeQuoteReg.test(str)) return "\"" + str + "\"";
 	let result = "", lastPos = 0;
 	for (let i = startPos; i < str.length; i++) {
-		let replacement;
-		switch (str[i]) {
-			case "\"":
+		let replacement, code = str.charCodeAt(i);
+		switch (code) {
+			case 34:
 				replacement = "\\\"";
 				break;
-			case "\\":
+			case 92:
 				replacement = "\\\\";
 				break;
-			case "<":
+			case 60:
 				replacement = "\\x3C";
 				break;
-			case "\n":
+			case 10:
 				replacement = "\\n";
 				break;
-			case "\r":
+			case 13:
 				replacement = "\\r";
 				break;
-			case "\u2028":
+			case 8232:
 				replacement = "\\u2028";
 				break;
-			case "\u2029":
+			case 8233:
 				replacement = "\\u2029";
 				break;
-			default: continue;
+			case 0:
+				replacement = "\\x00";
+				break;
+			default:
+				if (code < 55296 || code > 57343) continue;
+				if (code < 56320) {
+					let next = str.charCodeAt(i + 1);
+					if (next >= 56320 && next <= 57343) {
+						i++;
+						continue;
+					}
+				}
+				replacement = "\\u" + code.toString(16);
 		}
 		result += str.slice(lastPos, i) + replacement, lastPos = i + 1;
 	}
@@ -1282,7 +1295,7 @@ function _await(scopeId, accessor, promise, content, serializeMarker) {
 				let branchId = _peek_scope_id();
 				$chunk.writeHTML($chunk.boundary.state.mark("[", "")), withIsAsync(content, value), $chunk.writeHTML($chunk.boundary.state.mark("]", scopeId + " " + accessor + " " + branchId));
 			} else withIsAsync(content, value);
-		}), boundary.endAsync(chunk)));
+		}), boundary.endAsync()));
 	}, (err) => {
 		chunk.async = !1, boundary.abort(err);
 	});
@@ -1310,7 +1323,7 @@ function tryPlaceholder(content, placeholder, branchId) {
 	};
 }
 function tryCatch(content, catchContent) {
-	let chunk = $chunk, { boundary } = chunk, { state } = boundary, catchBoundary = new Boundary(state), body = chunk.fork(catchBoundary, null), bodyEnd = body.render(content);
+	let chunk = $chunk, { boundary } = chunk, { state } = boundary, catchBoundary = new Boundary(state, void 0, boundary), body = chunk.fork(catchBoundary, null), bodyEnd = body.render(content);
 	if (catchBoundary.signal.aborted) {
 		catchContent(catchBoundary.signal.reason);
 		return;
@@ -1388,13 +1401,14 @@ var State = class {
 	}
 }, Boundary = class extends AbortController {
 	state;
+	parent;
 	onNext = NOOP$2;
 	count = 0;
-	constructor(state, parent) {
-		super(), this.state = state, this.signal.addEventListener("abort", () => {
+	constructor(state, signal, parent) {
+		super(), this.state = state, this.parent = parent, this.signal.addEventListener("abort", () => {
 			this.count = 0, this.state = new State(this.state.$global), this.onNext();
-		}), parent && (parent.aborted ? this.abort(parent.reason) : parent.addEventListener("abort", () => {
-			this.abort(parent.reason);
+		}), signal && (signal.aborted ? this.abort(signal.reason) : signal.addEventListener("abort", () => {
+			this.abort(signal.reason);
 		}));
 	}
 	flush() {
@@ -1403,8 +1417,8 @@ var State = class {
 	startAsync() {
 		this.signal.aborted || this.count++;
 	}
-	endAsync(chunk) {
-		!this.signal.aborted && this.count && (this.count--, chunk?.reorderId && this.state.reorder(chunk), this.onNext());
+	endAsync() {
+		!this.signal.aborted && this.count && (this.count--, this.onNext());
 	}
 }, Chunk = class Chunk {
 	boundary;
@@ -1509,20 +1523,30 @@ var State = class {
 		readyResumeScripts && (needsWalk = !0);
 		let effects = this.async ? "" : this.effects, { html, scripts } = this;
 		if (state.needsMainRuntime && !state.hasMainRuntime && (state.hasMainRuntime = !0, scripts = concatScripts(scripts, "(e=>(self[e]||=(l,f=e+l,s=f.length,a={},d=[],t=document,n=t.createTreeWalker(t,129))=>t=self[e][l]={i:f,d:t,l:a,v:d,x(){},w(e,l,r){for(;e=n.nextNode();)t.x(l=(l=e.data)&&!l.indexOf(f)&&(a[r=l.slice(s+1)]=e,l[s]),r,e),l>\"#\"&&d.push(e)}},self[e]))(\"" + $global.runtimeId + "\")(\"" + $global.renderId + "\")")), scripts = concatScripts(scripts, readyResumeScripts), effects && (needsWalk = !0, state.resumes = state.resumes ? state.resumes + ",\"" + effects + "\"" : "\"" + effects + "\""), state.resumes && (state.hasWrittenResume ? scripts = concatScripts(scripts, runtimePrefix + ".r.push(" + state.resumes + ")") : (state.hasWrittenResume = !0, scripts = concatScripts(scripts, runtimePrefix + ".r=[" + state.resumes + "]"))), state.writeReorders) {
-			needsWalk = !0, state.hasReorderRuntime || (state.hasReorderRuntime = !0, scripts = concatScripts(scripts, "(e=>{if(e.j)return;let i,l,r,t=e.p={},c=(i,l)=>e.l[i].replaceWith(...l.childNodes);e.j={},e.x=(n,a,d,o,g)=>{d==r&&i(),\"#\"==n?(t[a]=l).i++:\"!\"==n?e.l[a]&&t[a]&&(r=d.nextSibling,i=()=>t[a].c()):\"T\"==d.tagName&&(a=d.getAttribute(e.i))&&(r=d.nextSibling,i=()=>{d.remove(),o||c(a,d),l.c()},l=t[a]||(o=t[a]={i:e.l[a]?1:2,c(i=e.l[\"^\"+a]){if(--o.i)return 1;for(;(r=e.l[a].previousSibling||i).remove(),i!=r;);c(a,d)}}),(n=e.j[a])&&(g=l.c,l.c=()=>g()||n(e.r)))}})(" + runtimePrefix + ")"));
+			let carried = null;
 			for (let reorderedChunk of state.writeReorders) {
+				if (reorderedChunk.async && reorderedChunk.consumed) {
+					let aborted = reorderedChunk.boundary;
+					for (; aborted && !aborted.signal.aborted;) aborted = aborted.parent;
+					if (!aborted) {
+						(carried ||= []).push(reorderedChunk);
+						continue;
+					}
+					reorderedChunk.async = !1;
+				}
+				needsWalk = !0, state.hasReorderRuntime || (state.hasReorderRuntime = !0, scripts = concatScripts(scripts, "(e=>{if(e.j)return;let i,l,r,t=e.p={},c=(i,l)=>e.l[i].replaceWith(...l.childNodes);e.j={},e.x=(n,a,d,o,g)=>{d==r&&i(),\"#\"==n?(t[a]=l).i++:\"!\"==n?e.l[a]&&t[a]&&(r=d.nextSibling,i=()=>t[a].c()):\"T\"==d.tagName&&(a=d.getAttribute(e.i))&&(r=d.nextSibling,i=()=>{d.remove(),o||c(a,d),l.c()},l=t[a]||(o=t[a]={i:e.l[a]?1:2,c(i=e.l[\"^\"+a]){if(--o.i)return 1;for(;(r=e.l[a].previousSibling||i).remove(),i!=r;);c(a,d)}}),(n=e.j[a])&&(g=l.c,l.c=()=>g()||n(e.r)))}})(" + runtimePrefix + ")"));
 				let { reorderId } = reorderedChunk, readyReservations = [], reorderHTML = "", reorderEffects = "", reorderScripts = "", cur = reorderedChunk;
 				for (reorderedChunk.reorderId = null;;) {
 					cur.flushPlaceholder(), cur.deferOwnReady();
 					let { next } = cur, readyResumeScripts = cur.flushReadyScripts(readyReservations);
-					if (cur.consumed = !0, reorderHTML += cur.html, reorderEffects = concatEffects(reorderEffects, cur.effects), reorderScripts = concatScripts(reorderScripts, concatScripts(readyResumeScripts, cur.scripts)), cur.async && (reorderHTML += state.mark("#", cur.reorderId = state.nextReorderId()), cur.html = cur.effects = cur.scripts = cur.lastEffect = "", cur.next = null), next) cur = next;
+					if (cur.consumed = !0, reorderHTML += cur.html, reorderEffects = concatEffects(reorderEffects, cur.effects), reorderScripts = concatScripts(reorderScripts, concatScripts(readyResumeScripts, cur.scripts)), cur.async && (reorderHTML += state.mark("#", cur.reorderId = state.nextReorderId()), state.reorder(cur), cur.html = cur.effects = cur.scripts = cur.lastEffect = "", cur.next = null), next) cur = next;
 					else break;
 				}
 				reorderEffects && (state.hasWrittenResume || (state.hasWrittenResume = !0, scripts = concatScripts(scripts, runtimePrefix + ".r=[]")), reorderScripts = concatScripts(reorderScripts, "_.push(\"" + reorderEffects + "\")"));
 				for (let reservation of readyReservations) scripts = concatScripts(scripts, reservation);
 				scripts = concatScripts(scripts, reorderScripts && runtimePrefix + ".j" + toAccess(reorderId) + "=_=>{" + reorderScripts + "}"), html += "<t hidden " + state.commentPrefix + "=" + reorderId + ">" + reorderHTML + "</t>";
 			}
-			state.writeReorders = null;
+			state.writeReorders = carried;
 		}
 		return needsWalk && (scripts = concatScripts(scripts, runtimePrefix + ".w()")), this.html = html, this.scripts = scripts, this.async || (this.effects = this.lastEffect = ""), state.resumes = "", this;
 	}

package/dist/html.mjs

@@ -238,10 +238,10 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	[JSON, "JSON"],
 	[Math, "Math"],
 	[Reflect, "Reflect"]
-]), 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) => {
+]), unsafeRegExpSourceReg = /\\[\s\S]|</g, replaceUnsafeRegExpSourceChar = (match) => match === "<" || match === "\\<" ? "\\x3C" : match, unsafeQuoteReg = /["\\<\n\r\u2028\u2029\0\ud800-\udfff]/u, $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) => {
+}, tick = globalThis.setImmediate || globalThis.setTimeout || globalThis.queueMicrotask || ((cb) => Promise.resolve().then(cb)), tickQueue, kSelectedValue = Symbol("selectedValue"), checkedValuesRefs = /* @__PURE__ */ new WeakMap(), singleQuoteAttrReplacements = /'|&(?=[#a-zA-Z])/g, doubleQuoteAttrReplacements = /"|&(?=[#a-zA-Z])/g, needsQuotedAttr = /["'>\s]|&[#a-zA-Z]|\/$/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) => {
 	let shouldResume = serializeReason !== 0, renderer = normalizeDynamicRenderer(tag), state = getState(), branchId = _peek_scope_id(), rendered, result;
 	if (typeof renderer == "string") {
 		let input = (inputIsArgs ? inputOrArgs[0] : inputOrArgs) || {};
@@ -906,32 +906,45 @@ function toAccess(accessor) {
 	return start === "[" ? accessor : start === "\"" || start >= "0" && start <= "9" ? "[" + accessor + "]" : "." + accessor;
 }
 function quote(str, startPos) {
+	if (!unsafeQuoteReg.test(str)) return "\"" + str + "\"";
 	let result = "", lastPos = 0;
 	for (let i = startPos; i < str.length; i++) {
-		let replacement;
-		switch (str[i]) {
-			case "\"":
+		let replacement, code = str.charCodeAt(i);
+		switch (code) {
+			case 34:
 				replacement = "\\\"";
 				break;
-			case "\\":
+			case 92:
 				replacement = "\\\\";
 				break;
-			case "<":
+			case 60:
 				replacement = "\\x3C";
 				break;
-			case "\n":
+			case 10:
 				replacement = "\\n";
 				break;
-			case "\r":
+			case 13:
 				replacement = "\\r";
 				break;
-			case "\u2028":
+			case 8232:
 				replacement = "\\u2028";
 				break;
-			case "\u2029":
+			case 8233:
 				replacement = "\\u2029";
 				break;
-			default: continue;
+			case 0:
+				replacement = "\\x00";
+				break;
+			default:
+				if (code < 55296 || code > 57343) continue;
+				if (code < 56320) {
+					let next = str.charCodeAt(i + 1);
+					if (next >= 56320 && next <= 57343) {
+						i++;
+						continue;
+					}
+				}
+				replacement = "\\u" + code.toString(16);
 		}
 		result += str.slice(lastPos, i) + replacement, lastPos = i + 1;
 	}
@@ -1281,7 +1294,7 @@ function _await(scopeId, accessor, promise, content, serializeMarker) {
 				let branchId = _peek_scope_id();
 				$chunk.writeHTML($chunk.boundary.state.mark("[", "")), withIsAsync(content, value), $chunk.writeHTML($chunk.boundary.state.mark("]", scopeId + " " + accessor + " " + branchId));
 			} else withIsAsync(content, value);
-		}), boundary.endAsync(chunk)));
+		}), boundary.endAsync()));
 	}, (err) => {
 		chunk.async = !1, boundary.abort(err);
 	});
@@ -1309,7 +1322,7 @@ function tryPlaceholder(content, placeholder, branchId) {
 	};
 }
 function tryCatch(content, catchContent) {
-	let chunk = $chunk, { boundary } = chunk, { state } = boundary, catchBoundary = new Boundary(state), body = chunk.fork(catchBoundary, null), bodyEnd = body.render(content);
+	let chunk = $chunk, { boundary } = chunk, { state } = boundary, catchBoundary = new Boundary(state, void 0, boundary), body = chunk.fork(catchBoundary, null), bodyEnd = body.render(content);
 	if (catchBoundary.signal.aborted) {
 		catchContent(catchBoundary.signal.reason);
 		return;
@@ -1387,13 +1400,14 @@ var State = class {
 	}
 }, Boundary = class extends AbortController {
 	state;
+	parent;
 	onNext = NOOP$2;
 	count = 0;
-	constructor(state, parent) {
-		super(), this.state = state, this.signal.addEventListener("abort", () => {
+	constructor(state, signal, parent) {
+		super(), this.state = state, this.parent = parent, this.signal.addEventListener("abort", () => {
 			this.count = 0, this.state = new State(this.state.$global), this.onNext();
-		}), parent && (parent.aborted ? this.abort(parent.reason) : parent.addEventListener("abort", () => {
-			this.abort(parent.reason);
+		}), signal && (signal.aborted ? this.abort(signal.reason) : signal.addEventListener("abort", () => {
+			this.abort(signal.reason);
 		}));
 	}
 	flush() {
@@ -1402,8 +1416,8 @@ var State = class {
 	startAsync() {
 		this.signal.aborted || this.count++;
 	}
-	endAsync(chunk) {
-		!this.signal.aborted && this.count && (this.count--, chunk?.reorderId && this.state.reorder(chunk), this.onNext());
+	endAsync() {
+		!this.signal.aborted && this.count && (this.count--, this.onNext());
 	}
 }, Chunk = class Chunk {
 	boundary;
@@ -1508,20 +1522,30 @@ var State = class {
 		readyResumeScripts && (needsWalk = !0);
 		let effects = this.async ? "" : this.effects, { html, scripts } = this;
 		if (state.needsMainRuntime && !state.hasMainRuntime && (state.hasMainRuntime = !0, scripts = concatScripts(scripts, "(e=>(self[e]||=(l,f=e+l,s=f.length,a={},d=[],t=document,n=t.createTreeWalker(t,129))=>t=self[e][l]={i:f,d:t,l:a,v:d,x(){},w(e,l,r){for(;e=n.nextNode();)t.x(l=(l=e.data)&&!l.indexOf(f)&&(a[r=l.slice(s+1)]=e,l[s]),r,e),l>\"#\"&&d.push(e)}},self[e]))(\"" + $global.runtimeId + "\")(\"" + $global.renderId + "\")")), scripts = concatScripts(scripts, readyResumeScripts), effects && (needsWalk = !0, state.resumes = state.resumes ? state.resumes + ",\"" + effects + "\"" : "\"" + effects + "\""), state.resumes && (state.hasWrittenResume ? scripts = concatScripts(scripts, runtimePrefix + ".r.push(" + state.resumes + ")") : (state.hasWrittenResume = !0, scripts = concatScripts(scripts, runtimePrefix + ".r=[" + state.resumes + "]"))), state.writeReorders) {
-			needsWalk = !0, state.hasReorderRuntime || (state.hasReorderRuntime = !0, scripts = concatScripts(scripts, "(e=>{if(e.j)return;let i,l,r,t=e.p={},c=(i,l)=>e.l[i].replaceWith(...l.childNodes);e.j={},e.x=(n,a,d,o,g)=>{d==r&&i(),\"#\"==n?(t[a]=l).i++:\"!\"==n?e.l[a]&&t[a]&&(r=d.nextSibling,i=()=>t[a].c()):\"T\"==d.tagName&&(a=d.getAttribute(e.i))&&(r=d.nextSibling,i=()=>{d.remove(),o||c(a,d),l.c()},l=t[a]||(o=t[a]={i:e.l[a]?1:2,c(i=e.l[\"^\"+a]){if(--o.i)return 1;for(;(r=e.l[a].previousSibling||i).remove(),i!=r;);c(a,d)}}),(n=e.j[a])&&(g=l.c,l.c=()=>g()||n(e.r)))}})(" + runtimePrefix + ")"));
+			let carried = null;
 			for (let reorderedChunk of state.writeReorders) {
+				if (reorderedChunk.async && reorderedChunk.consumed) {
+					let aborted = reorderedChunk.boundary;
+					for (; aborted && !aborted.signal.aborted;) aborted = aborted.parent;
+					if (!aborted) {
+						(carried ||= []).push(reorderedChunk);
+						continue;
+					}
+					reorderedChunk.async = !1;
+				}
+				needsWalk = !0, state.hasReorderRuntime || (state.hasReorderRuntime = !0, scripts = concatScripts(scripts, "(e=>{if(e.j)return;let i,l,r,t=e.p={},c=(i,l)=>e.l[i].replaceWith(...l.childNodes);e.j={},e.x=(n,a,d,o,g)=>{d==r&&i(),\"#\"==n?(t[a]=l).i++:\"!\"==n?e.l[a]&&t[a]&&(r=d.nextSibling,i=()=>t[a].c()):\"T\"==d.tagName&&(a=d.getAttribute(e.i))&&(r=d.nextSibling,i=()=>{d.remove(),o||c(a,d),l.c()},l=t[a]||(o=t[a]={i:e.l[a]?1:2,c(i=e.l[\"^\"+a]){if(--o.i)return 1;for(;(r=e.l[a].previousSibling||i).remove(),i!=r;);c(a,d)}}),(n=e.j[a])&&(g=l.c,l.c=()=>g()||n(e.r)))}})(" + runtimePrefix + ")"));
 				let { reorderId } = reorderedChunk, readyReservations = [], reorderHTML = "", reorderEffects = "", reorderScripts = "", cur = reorderedChunk;
 				for (reorderedChunk.reorderId = null;;) {
 					cur.flushPlaceholder(), cur.deferOwnReady();
 					let { next } = cur, readyResumeScripts = cur.flushReadyScripts(readyReservations);
-					if (cur.consumed = !0, reorderHTML += cur.html, reorderEffects = concatEffects(reorderEffects, cur.effects), reorderScripts = concatScripts(reorderScripts, concatScripts(readyResumeScripts, cur.scripts)), cur.async && (reorderHTML += state.mark("#", cur.reorderId = state.nextReorderId()), cur.html = cur.effects = cur.scripts = cur.lastEffect = "", cur.next = null), next) cur = next;
+					if (cur.consumed = !0, reorderHTML += cur.html, reorderEffects = concatEffects(reorderEffects, cur.effects), reorderScripts = concatScripts(reorderScripts, concatScripts(readyResumeScripts, cur.scripts)), cur.async && (reorderHTML += state.mark("#", cur.reorderId = state.nextReorderId()), state.reorder(cur), cur.html = cur.effects = cur.scripts = cur.lastEffect = "", cur.next = null), next) cur = next;
 					else break;
 				}
 				reorderEffects && (state.hasWrittenResume || (state.hasWrittenResume = !0, scripts = concatScripts(scripts, runtimePrefix + ".r=[]")), reorderScripts = concatScripts(reorderScripts, "_.push(\"" + reorderEffects + "\")"));
 				for (let reservation of readyReservations) scripts = concatScripts(scripts, reservation);
 				scripts = concatScripts(scripts, reorderScripts && runtimePrefix + ".j" + toAccess(reorderId) + "=_=>{" + reorderScripts + "}"), html += "<t hidden " + state.commentPrefix + "=" + reorderId + ">" + reorderHTML + "</t>";
 			}
-			state.writeReorders = null;
+			state.writeReorders = carried;
 		}
 		return needsWalk && (scripts = concatScripts(scripts, runtimePrefix + ".w()")), this.html = html, this.scripts = scripts, this.async || (this.effects = this.lastEffect = ""), state.resumes = "", this;
 	}

package/dist/translator/index.js

@@ -1931,9 +1931,9 @@ function nonVoidAttr(name, value) {
 	}
 	return " " + name + attrAssignment(value + "");
 }
-const singleQuoteAttrReplacements = /'|&(?=#?\w+;)/g;
-const doubleQuoteAttrReplacements = /"|&(?=#?\w+;)/g;
-const needsQuotedAttr = /["'>\s]|&#?\w+;|\/$/g;
+const singleQuoteAttrReplacements = /'|&(?=[#a-zA-Z])/g;
+const doubleQuoteAttrReplacements = /"|&(?=[#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 : "";
 }
@@ -2134,6 +2134,9 @@ function sectionHasSetupStatements(section) {
 }
 //#endregion
 //#region src/translator/util/binding-has-prop.ts
+function isSectionRendererElided(section) {
+	return !!section.downstreamBinding && !bindingHasProperty(section.downstreamBinding.binding, section.downstreamBinding.properties);
+}
 function bindingHasProperty(binding, properties) {
 	if (binding.pruned) return false;
 	else if (binding.pruned === void 0) throw new Error("Binding must be pruned before checking properties");
@@ -3513,7 +3516,7 @@ var dom_default = { translate: {
 				const setup = getSetup(childSection);
 				const written = writeSignals(childSection);
 				const setupIdentifier = setup && written.has(setup) ? setup.identifier : void 0;
-				if (!childSection.downstreamBinding || bindingHasProperty(childSection.downstreamBinding.binding, childSection.downstreamBinding.properties)) if (getSectionParentIsOwner(childSection)) setBranchRendererArgs(childSection, [
+				if (!isSectionRendererElided(childSection)) if (getSectionParentIsOwner(childSection)) setBranchRendererArgs(childSection, [
 					writes,
 					walks,
 					setupIdentifier,
@@ -4269,9 +4272,12 @@ function buildContent(body) {
 		if (dynamicSerializeReason) body.node.body.unshift(getScopeReasonDeclaration(bodySection));
 		else body.node.body.unshift(_marko_compiler.types.expressionStatement(callRuntime("_scope_reason")));
 		return callRuntime(serialized ? "_content_resume" : "_content", _marko_compiler.types.stringLiteral(getResumeRegisterId(bodySection, "content")), _marko_compiler.types.arrowFunctionExpression(body.node.params, _marko_compiler.types.blockStatement(body.node.body)), serialized ? getScopeIdIdentifier(getSection(getAttributeTagParent(body.parentPath))) : void 0);
-	} else return _marko_compiler.types.callExpression(_marko_compiler.types.identifier(bodySection.name), bodySection.referencedLocalClosures ? [scopeIdentifier, _marko_compiler.types.objectExpression(toArray(bodySection.referencedLocalClosures, (ref) => {
-		return toObjectProperty(getScopeAccessor(ref, true), getDeclaredBindingExpression(ref));
-	}))] : [scopeIdentifier]);
+	} else {
+		if (isSectionRendererElided(bodySection)) return;
+		return _marko_compiler.types.callExpression(_marko_compiler.types.identifier(bodySection.name), bodySection.referencedLocalClosures ? [scopeIdentifier, _marko_compiler.types.objectExpression(toArray(bodySection.referencedLocalClosures, (ref) => {
+			return toObjectProperty(getScopeAccessor(ref, true), getDeclaredBindingExpression(ref));
+		}))] : [scopeIdentifier]);
+	}
 }
 //#endregion
 //#region src/translator/visitors/tag/native-tag.ts
@@ -8953,12 +8959,13 @@ var placeholder_default = {
 			const siblingText = extra[kSiblingText];
 			const markerSerializeReason = nodeBinding && getSerializeReason(section, nodeBinding);
 			if (siblingText === 1) {
-				if (isHTML && markerSerializeReason) if (markerSerializeReason === true || markerSerializeReason.state) write`<!>`;
-				else write`${callRuntime("_sep", getSerializeGuard(section, markerSerializeReason, true))}`;
+				if (isHTML && markerSerializeReason) writeSeparator(write, section, markerSerializeReason);
 				visit(placeholder, 37);
 			} else if (siblingText === 2) visit(placeholder, 37);
 			else {
-				if (!isHTML) write` `;
+				if (isHTML) {
+					if (siblingText === 3 && markerSerializeReason) writeSeparator(write, section, markerSerializeReason);
+				} else write` `;
 				visit(placeholder, 32);
 			}
 			if (isHTML) {
@@ -8990,8 +8997,13 @@ function buildEscapedTextExpression(value) {
 		default: return callRuntime("_escape", value);
 	}
 }
+function writeSeparator(write, section, reason) {
+	if (reason === true || reason.state) write`<!>`;
+	else write`${callRuntime("_sep", getSerializeGuard(section, reason, true))}`;
+}
 function analyzeSiblingText(placeholder) {
 	const placeholderExtra = placeholder.node.extra;
+	let hasNodeBefore = false;
 	let prev = placeholder.getPrevSibling();
 	let prevParent = placeholder.parentPath;
 	for (;;) {
@@ -9007,7 +9019,10 @@ function analyzeSiblingText(placeholder) {
 		const contentType = getNodeContentType(prev, "endType");
 		if (contentType === null) prev = prev.getPrevSibling();
 		else if (contentType === 4 || contentType === 1 || contentType === 2) return placeholderExtra[kSiblingText] = 1;
-		else break;
+		else {
+			hasNodeBefore = true;
+			break;
+		}
 	}
 	if (!prev.node && prevParent.isProgram()) return placeholderExtra[kSiblingText] = 1;
 	let next = placeholder.getNextSibling();
@@ -9028,7 +9043,7 @@ function analyzeSiblingText(placeholder) {
 		else break;
 	}
 	if (!next.node && nextParent.isProgram()) return placeholderExtra[kSiblingText] = 2;
-	return placeholderExtra[kSiblingText] = 0;
+	return placeholderExtra[kSiblingText] = hasNodeBefore ? 3 : 0;
 }
 function getInlinedBodyTag(parent) {
 	if (parent.isMarkoTagBody()) {

package/dist/translator/util/binding-has-prop.d.ts

@@ -1,3 +1,5 @@
 import type { Opt } from "./optional";
 import type { Binding } from "./references";
+import type { Section } from "./sections";
+export declare function isSectionRendererElided(section: Section): boolean;
 export declare function bindingHasProperty(binding: Binding, properties: Opt<string>): boolean;

package/dist/translator/visitors/placeholder.d.ts

@@ -6,7 +6,8 @@ declare const kSharedText: unique symbol;
 declare enum SiblingText {
     None = 0,
     Before = 1,
-    After = 2
+    After = 2,
+    NodeBefore = 3
 }
 declare module "@marko/compiler/dist/types" {
     interface MarkoPlaceholderExtra {

package/package.json

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