@marko/runtime-tags 6.1.9 → 6.1.11

package/dist/common/accessor.d.ts

@@ -56,7 +56,9 @@ export declare enum PendingRenderProp {
     Key = "a",
     Scope = "b",
     Signal = "c",
-    Value = "d"
+    Value = "d",
+    Gen = "e",
+    Pending = "f"
 }
 export declare enum ClosureSignalProp {
     ScopeInstancesAccessor = "a",

package/dist/common/accessor.debug.d.ts

@@ -56,7 +56,9 @@ export declare enum PendingRenderProp {
     Key = "key",
     Scope = "scope",
     Signal = "signal",
-    Value = "value"
+    Value = "value",
+    Gen = "gen",
+    Pending = "pending"
 }
 export declare enum ClosureSignalProp {
     ScopeInstancesAccessor = "scopeInstancesAccessor",

package/dist/common/helpers.d.ts

@@ -7,5 +7,6 @@ export declare const toDelimitedString: (val: unknown, delimiter: string, string
 export declare function isEventHandler(name: string): name is `on${string}`;
 export declare function getEventHandlerName(name: `on${string}`): string;
 export declare function isVoid(value: unknown): value is false | null | undefined;
+export declare function isNotVoid(value: unknown): boolean;
 export declare function normalizeDynamicRenderer<Renderer>(value: any): Renderer | string | undefined;
 export declare const decodeAccessor: (num: number) => string;

package/dist/debug/dom.js

@@ -125,6 +125,9 @@ function isEventHandler(name) {
 function getEventHandlerName(name) {
 	return name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase();
 }
+function isNotVoid(value) {
+	return value != null && value !== false;
+}
 function normalizeDynamicRenderer(value) {
 	if (value) {
 		if (typeof value === "string") return value;
@@ -765,7 +768,7 @@ let inputType = "";
 const controllableDelegate = /* @__PURE__ */ createDelegator();
 function _attr_input_checked_default(scope, nodeAccessor, checked) {
 	const el = scope[nodeAccessor];
-	const normalizedChecked = normalizeBoolProp(checked);
+	const normalizedChecked = isNotVoid(checked);
 	if (el.defaultChecked !== normalizedChecked) {
 		const restoreValue = scope["#Creating"] ? normalizedChecked : el.checked;
 		el.defaultChecked = normalizedChecked;
@@ -774,7 +777,7 @@ function _attr_input_checked_default(scope, nodeAccessor, checked) {
 }
 function _attr_input_checked(scope, nodeAccessor, checked, checkedChange) {
 	const el = scope[nodeAccessor];
-	const normalizedChecked = normalizeBoolProp(checked);
+	const normalizedChecked = isNotVoid(checked);
 	scope["ControlledHandler:" + nodeAccessor] = checkedChange;
 	scope["ControlledType:" + nodeAccessor] = checkedChange ? 0 : 5;
 	if (checkedChange && !scope["#Creating"]) el.checked = normalizedChecked;
@@ -796,19 +799,19 @@ function _attr_input_checkedValue_default(scope, nodeAccessor, checkedValue, val
 	const multiple = Array.isArray(checkedValue);
 	const normalizedValue = normalizeStrProp(value);
 	const normalizedCheckedValue = multiple ? checkedValue.map(normalizeStrProp) : normalizeStrProp(checkedValue);
-	_attr(scope[nodeAccessor], "value", normalizedValue);
+	_attr(scope[nodeAccessor], "value", value);
 	_attr_input_checked_default(scope, nodeAccessor, multiple ? normalizedCheckedValue.includes(normalizedValue) : normalizedValue === normalizedCheckedValue);
 }
 function _attr_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValueChange, value) {
 	const el = scope[nodeAccessor];
 	const multiple = Array.isArray(checkedValue);
-	const normalizedValue = normalizeStrProp(value);
 	const normalizedCheckedValue = scope["ControlledValue:" + nodeAccessor] = multiple ? checkedValue.map(normalizeStrProp) : normalizeStrProp(checkedValue);
-	_attr(el, "value", normalizedValue);
 	scope["ControlledHandler:" + nodeAccessor] = checkedValueChange;
 	scope["ControlledType:" + nodeAccessor] = checkedValueChange ? 1 : 5;
-	if (checkedValueChange && !scope["#Creating"]) el.checked = multiple ? normalizedCheckedValue.includes(normalizedValue) : normalizedValue === normalizedCheckedValue;
-	else _attr_input_checkedValue_default(scope, nodeAccessor, normalizedCheckedValue, normalizedValue);
+	if (checkedValueChange && !scope["#Creating"]) {
+		el.checked = multiple ? normalizedCheckedValue.includes(normalizeStrProp(value)) : normalizeStrProp(value) === normalizedCheckedValue;
+		_attr(el, "value", value);
+	} else _attr_input_checkedValue_default(scope, nodeAccessor, checkedValue, value);
 }
 function _attr_input_checkedValue_script(scope, nodeAccessor) {
 	const el = scope[nodeAccessor];
@@ -829,7 +832,7 @@ function _attr_input_checkedValue_script(scope, nodeAccessor) {
 }
 function _attr_input_value_default(scope, nodeAccessor, value) {
 	const el = scope[nodeAccessor];
-	const normalizedValue = normalizeStrProp(value);
+	const normalizedValue = normalizeAttrValue(value) || "";
 	if (el.defaultValue !== normalizedValue) {
 		const restoreValue = scope["#Creating"] ? normalizedValue : el.value;
 		el.defaultValue = normalizedValue;
@@ -838,7 +841,7 @@ function _attr_input_value_default(scope, nodeAccessor, value) {
 }
 function _attr_input_value(scope, nodeAccessor, value, valueChange) {
 	const el = scope[nodeAccessor];
-	const normalizedValue = normalizeStrProp(value);
+	const normalizedValue = normalizeAttrValue(value) || "";
 	scope["ControlledHandler:" + nodeAccessor] = valueChange;
 	scope["ControlledValue:" + nodeAccessor] = normalizedValue;
 	scope["ControlledType:" + nodeAccessor] = valueChange ? 2 : 5;
@@ -932,10 +935,10 @@ function getSelectValue(el, multiple) {
 	return multiple ? Array.from(el.selectedOptions, (opt) => opt.value) : el.value;
 }
 function _attr_details_or_dialog_open_default(scope, nodeAccessor, open) {
-	if (scope["#Creating"]) scope[nodeAccessor].open = normalizeBoolProp(open);
+	if (scope["#Creating"]) scope[nodeAccessor].open = isNotVoid(open);
 }
 function _attr_details_or_dialog_open(scope, nodeAccessor, open, openChange) {
-	const normalizedOpen = scope["ControlledValue:" + nodeAccessor] = normalizeBoolProp(open);
+	const normalizedOpen = scope["ControlledValue:" + nodeAccessor] = isNotVoid(open);
 	scope["ControlledHandler:" + nodeAccessor] = openChange;
 	scope["ControlledType:" + nodeAccessor] = openChange ? 4 : 5;
 	if (openChange && !scope["#Creating"]) scope[nodeAccessor].open = normalizedOpen;
@@ -987,9 +990,6 @@ function hasFormElementChanged(el) {
 function normalizeStrProp(value) {
 	return normalizeAttrValue(value) || "";
 }
-function normalizeBoolProp(value) {
-	return value != null && value !== false;
-}
 function updateList(arr, val, push) {
 	const index = arr.indexOf(val);
 	return (push ? !~index && [...arr, val] : ~index && arr.slice(0, index).concat(arr.slice(index + 1))) || arr;
@@ -1165,7 +1165,7 @@ function normalizeClientRender(value) {
 	else throw new Error(`Invalid \`content\` attribute. Received ${typeof value}`);
 }
 function normalizeAttrValue(value) {
-	if (value || value === 0) return value === true ? "" : value + "";
+	if (isNotVoid(value)) return value === true ? "" : value + "";
 }
 function _lifecycle(scope, thisObj, index = 0) {
 	const accessor = "Lifecycle:" + index;
@@ -1550,9 +1550,8 @@ function byFirstArg(name) {
 }
 //#endregion
 //#region src/dom/queue.ts
+let runId = 1;
 let pendingRenders = [];
-let pendingRendersLookup = {};
-let asyncRendersLookup;
 const caughtError = /* @__PURE__ */ new WeakSet();
 const placeholderShown = /* @__PURE__ */ new WeakSet();
 let pendingEffects = [];
@@ -1560,18 +1559,22 @@ let pendingScopes = [];
 let rendering;
 const scopeKeyOffset = 1e3;
 function queueRender(scope, signal, signalKey, value, scopeKey = scope["#Id"]) {
-	const key = scopeKey * scopeKeyOffset + signalKey;
-	let render = signalKey >= 0 && pendingRendersLookup[key];
-	if (render) render["value"] = value;
-	else {
-		queuePendingRender(render = {
-			["key"]: key,
+	let render;
+	if (signalKey >= 0 && (render = scope[signalKey + scopeKeyOffset])) {
+		render["value"] = value;
+		if (render["gen"] === runId || catchEnabled && render["pending"]) return;
+		render["gen"] = runId;
+	} else {
+		render = {
+			["key"]: scopeKey * scopeKeyOffset + signalKey,
 			["scope"]: scope,
 			["signal"]: signal,
-			["value"]: value
-		});
-		signalKey >= 0 && (pendingRendersLookup[key] = render);
+			["value"]: value,
+			["gen"]: runId
+		};
+		if (signalKey >= 0) scope[signalKey + scopeKeyOffset] = render;
 	}
+	queuePendingRender(render);
 }
 function queuePendingRender(render) {
 	let i = pendingRenders.push(render) - 1;
@@ -1589,13 +1592,12 @@ function queueEffect(scope, fn) {
 }
 function run() {
 	const effects = pendingEffects;
-	asyncRendersLookup = {};
 	try {
 		rendering = 1;
 		runRenders();
 	} finally {
-		pendingRendersLookup = asyncRendersLookup;
-		asyncRendersLookup = rendering = 0;
+		runId++;
+		rendering = 0;
 		pendingRenders = [];
 		pendingEffects = [];
 	}
@@ -1608,19 +1610,15 @@ function queueAsyncRender(scope, signal, value) {
 function prepareEffects(fn) {
 	const prevRenders = pendingRenders;
 	const prevEffects = pendingEffects;
-	const prevLookup = asyncRendersLookup;
 	const preparedEffects = pendingEffects = [];
 	pendingRenders = [];
-	asyncRendersLookup = pendingRendersLookup;
-	pendingRendersLookup = {};
 	try {
 		rendering = 1;
 		fn();
 		runRenders();
 	} finally {
+		runId++;
 		rendering = 0;
-		pendingRendersLookup = asyncRendersLookup;
-		asyncRendersLookup = prevLookup;
 		pendingRenders = prevRenders;
 		pendingEffects = prevEffects;
 	}
@@ -1690,11 +1688,12 @@ function _enable_catch() {
 				let branch = render["scope"]["#ClosestBranch"];
 				while (branch) {
 					if (branch["#PendingRenders"]) {
-						asyncRendersLookup[render["key"]] = render;
+						render["pending"] = 1;
 						return branch["#PendingRenders"].push(render);
 					}
 					branch = branch["#ParentBranch"];
 				}
+				render["pending"] = 0;
 				runRender(render);
 			} catch (error) {
 				renderCatch(render["scope"], error);

package/dist/debug/dom.mjs

@@ -123,6 +123,9 @@ function isEventHandler(name) {
 function getEventHandlerName(name) {
 	return name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase();
 }
+function isNotVoid(value) {
+	return value != null && value !== false;
+}
 function normalizeDynamicRenderer(value) {
 	if (value) {
 		if (typeof value === "string") return value;
@@ -763,7 +766,7 @@ let inputType = "";
 const controllableDelegate = /* @__PURE__ */ createDelegator();
 function _attr_input_checked_default(scope, nodeAccessor, checked) {
 	const el = scope[nodeAccessor];
-	const normalizedChecked = normalizeBoolProp(checked);
+	const normalizedChecked = isNotVoid(checked);
 	if (el.defaultChecked !== normalizedChecked) {
 		const restoreValue = scope["#Creating"] ? normalizedChecked : el.checked;
 		el.defaultChecked = normalizedChecked;
@@ -772,7 +775,7 @@ function _attr_input_checked_default(scope, nodeAccessor, checked) {
 }
 function _attr_input_checked(scope, nodeAccessor, checked, checkedChange) {
 	const el = scope[nodeAccessor];
-	const normalizedChecked = normalizeBoolProp(checked);
+	const normalizedChecked = isNotVoid(checked);
 	scope["ControlledHandler:" + nodeAccessor] = checkedChange;
 	scope["ControlledType:" + nodeAccessor] = checkedChange ? 0 : 5;
 	if (checkedChange && !scope["#Creating"]) el.checked = normalizedChecked;
@@ -794,19 +797,19 @@ function _attr_input_checkedValue_default(scope, nodeAccessor, checkedValue, val
 	const multiple = Array.isArray(checkedValue);
 	const normalizedValue = normalizeStrProp(value);
 	const normalizedCheckedValue = multiple ? checkedValue.map(normalizeStrProp) : normalizeStrProp(checkedValue);
-	_attr(scope[nodeAccessor], "value", normalizedValue);
+	_attr(scope[nodeAccessor], "value", value);
 	_attr_input_checked_default(scope, nodeAccessor, multiple ? normalizedCheckedValue.includes(normalizedValue) : normalizedValue === normalizedCheckedValue);
 }
 function _attr_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValueChange, value) {
 	const el = scope[nodeAccessor];
 	const multiple = Array.isArray(checkedValue);
-	const normalizedValue = normalizeStrProp(value);
 	const normalizedCheckedValue = scope["ControlledValue:" + nodeAccessor] = multiple ? checkedValue.map(normalizeStrProp) : normalizeStrProp(checkedValue);
-	_attr(el, "value", normalizedValue);
 	scope["ControlledHandler:" + nodeAccessor] = checkedValueChange;
 	scope["ControlledType:" + nodeAccessor] = checkedValueChange ? 1 : 5;
-	if (checkedValueChange && !scope["#Creating"]) el.checked = multiple ? normalizedCheckedValue.includes(normalizedValue) : normalizedValue === normalizedCheckedValue;
-	else _attr_input_checkedValue_default(scope, nodeAccessor, normalizedCheckedValue, normalizedValue);
+	if (checkedValueChange && !scope["#Creating"]) {
+		el.checked = multiple ? normalizedCheckedValue.includes(normalizeStrProp(value)) : normalizeStrProp(value) === normalizedCheckedValue;
+		_attr(el, "value", value);
+	} else _attr_input_checkedValue_default(scope, nodeAccessor, checkedValue, value);
 }
 function _attr_input_checkedValue_script(scope, nodeAccessor) {
 	const el = scope[nodeAccessor];
@@ -827,7 +830,7 @@ function _attr_input_checkedValue_script(scope, nodeAccessor) {
 }
 function _attr_input_value_default(scope, nodeAccessor, value) {
 	const el = scope[nodeAccessor];
-	const normalizedValue = normalizeStrProp(value);
+	const normalizedValue = normalizeAttrValue(value) || "";
 	if (el.defaultValue !== normalizedValue) {
 		const restoreValue = scope["#Creating"] ? normalizedValue : el.value;
 		el.defaultValue = normalizedValue;
@@ -836,7 +839,7 @@ function _attr_input_value_default(scope, nodeAccessor, value) {
 }
 function _attr_input_value(scope, nodeAccessor, value, valueChange) {
 	const el = scope[nodeAccessor];
-	const normalizedValue = normalizeStrProp(value);
+	const normalizedValue = normalizeAttrValue(value) || "";
 	scope["ControlledHandler:" + nodeAccessor] = valueChange;
 	scope["ControlledValue:" + nodeAccessor] = normalizedValue;
 	scope["ControlledType:" + nodeAccessor] = valueChange ? 2 : 5;
@@ -930,10 +933,10 @@ function getSelectValue(el, multiple) {
 	return multiple ? Array.from(el.selectedOptions, (opt) => opt.value) : el.value;
 }
 function _attr_details_or_dialog_open_default(scope, nodeAccessor, open) {
-	if (scope["#Creating"]) scope[nodeAccessor].open = normalizeBoolProp(open);
+	if (scope["#Creating"]) scope[nodeAccessor].open = isNotVoid(open);
 }
 function _attr_details_or_dialog_open(scope, nodeAccessor, open, openChange) {
-	const normalizedOpen = scope["ControlledValue:" + nodeAccessor] = normalizeBoolProp(open);
+	const normalizedOpen = scope["ControlledValue:" + nodeAccessor] = isNotVoid(open);
 	scope["ControlledHandler:" + nodeAccessor] = openChange;
 	scope["ControlledType:" + nodeAccessor] = openChange ? 4 : 5;
 	if (openChange && !scope["#Creating"]) scope[nodeAccessor].open = normalizedOpen;
@@ -985,9 +988,6 @@ function hasFormElementChanged(el) {
 function normalizeStrProp(value) {
 	return normalizeAttrValue(value) || "";
 }
-function normalizeBoolProp(value) {
-	return value != null && value !== false;
-}
 function updateList(arr, val, push) {
 	const index = arr.indexOf(val);
 	return (push ? !~index && [...arr, val] : ~index && arr.slice(0, index).concat(arr.slice(index + 1))) || arr;
@@ -1163,7 +1163,7 @@ function normalizeClientRender(value) {
 	else throw new Error(`Invalid \`content\` attribute. Received ${typeof value}`);
 }
 function normalizeAttrValue(value) {
-	if (value || value === 0) return value === true ? "" : value + "";
+	if (isNotVoid(value)) return value === true ? "" : value + "";
 }
 function _lifecycle(scope, thisObj, index = 0) {
 	const accessor = "Lifecycle:" + index;
@@ -1548,9 +1548,8 @@ function byFirstArg(name) {
 }
 //#endregion
 //#region src/dom/queue.ts
+let runId = 1;
 let pendingRenders = [];
-let pendingRendersLookup = {};
-let asyncRendersLookup;
 const caughtError = /* @__PURE__ */ new WeakSet();
 const placeholderShown = /* @__PURE__ */ new WeakSet();
 let pendingEffects = [];
@@ -1558,18 +1557,22 @@ let pendingScopes = [];
 let rendering;
 const scopeKeyOffset = 1e3;
 function queueRender(scope, signal, signalKey, value, scopeKey = scope["#Id"]) {
-	const key = scopeKey * scopeKeyOffset + signalKey;
-	let render = signalKey >= 0 && pendingRendersLookup[key];
-	if (render) render["value"] = value;
-	else {
-		queuePendingRender(render = {
-			["key"]: key,
+	let render;
+	if (signalKey >= 0 && (render = scope[signalKey + scopeKeyOffset])) {
+		render["value"] = value;
+		if (render["gen"] === runId || catchEnabled && render["pending"]) return;
+		render["gen"] = runId;
+	} else {
+		render = {
+			["key"]: scopeKey * scopeKeyOffset + signalKey,
 			["scope"]: scope,
 			["signal"]: signal,
-			["value"]: value
-		});
-		signalKey >= 0 && (pendingRendersLookup[key] = render);
+			["value"]: value,
+			["gen"]: runId
+		};
+		if (signalKey >= 0) scope[signalKey + scopeKeyOffset] = render;
 	}
+	queuePendingRender(render);
 }
 function queuePendingRender(render) {
 	let i = pendingRenders.push(render) - 1;
@@ -1587,13 +1590,12 @@ function queueEffect(scope, fn) {
 }
 function run() {
 	const effects = pendingEffects;
-	asyncRendersLookup = {};
 	try {
 		rendering = 1;
 		runRenders();
 	} finally {
-		pendingRendersLookup = asyncRendersLookup;
-		asyncRendersLookup = rendering = 0;
+		runId++;
+		rendering = 0;
 		pendingRenders = [];
 		pendingEffects = [];
 	}
@@ -1606,19 +1608,15 @@ function queueAsyncRender(scope, signal, value) {
 function prepareEffects(fn) {
 	const prevRenders = pendingRenders;
 	const prevEffects = pendingEffects;
-	const prevLookup = asyncRendersLookup;
 	const preparedEffects = pendingEffects = [];
 	pendingRenders = [];
-	asyncRendersLookup = pendingRendersLookup;
-	pendingRendersLookup = {};
 	try {
 		rendering = 1;
 		fn();
 		runRenders();
 	} finally {
+		runId++;
 		rendering = 0;
-		pendingRendersLookup = asyncRendersLookup;
-		asyncRendersLookup = prevLookup;
 		pendingRenders = prevRenders;
 		pendingEffects = prevEffects;
 	}
@@ -1688,11 +1686,12 @@ function _enable_catch() {
 				let branch = render["scope"]["#ClosestBranch"];
 				while (branch) {
 					if (branch["#PendingRenders"]) {
-						asyncRendersLookup[render["key"]] = render;
+						render["pending"] = 1;
 						return branch["#PendingRenders"].push(render);
 					}
 					branch = branch["#ParentBranch"];
 				}
+				render["pending"] = 0;
 				runRender(render);
 			} catch (error) {
 				renderCatch(render["scope"], error);

package/dist/debug/html.js

@@ -844,9 +844,10 @@ function writeArrayBuffer(state, val) {
 }
 function writeTypedArray(state, val, ref) {
 	if (val.byteOffset || state.refs.has(val.buffer)) {
+		const needsLength = val.byteOffset + val.byteLength < val.buffer.byteLength;
 		state.buf.push("new " + val.constructor.name + "(");
 		writeProp(state, val.buffer, ref, "buffer");
-		state.buf.push(val.byteOffset ? "," + val.byteOffset + ")" : ")");
+		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.buf.push("new " + val.constructor.name + (val.length === 0 ? "" : "(" + (hasOnlyZeros(val) ? val.length : typedArrayToInitString(val)) + ")"));
@@ -900,11 +901,12 @@ function writeFormData(state, val) {
 		sep = ",";
 	}
 	if (sep === "[") state.buf.push("new FormData");
-	else state.buf.push(valStr + "].reduce((f,v,i,a)=>i%2&&f.append(v,a[i+1])||f,new FormData)");
+	else state.buf.push(valStr + "].reduce((f,v,i,a)=>i%2&&f.append(a[i-1],v)||f,new FormData)");
 	return true;
 }
 function writeRequest(state, val, ref) {
 	let sep = "";
+	let bodySerialized = false;
 	const hasBody = val.body && !val.bodyUsed && val.duplex === "half";
 	state.buf.push("new Request(" + quote(val.url, 0));
 	if (hasBody) {
@@ -912,6 +914,7 @@ function writeRequest(state, val, ref) {
 		if (writeProp(state, val.body, ref, "body")) {
 			state.buf.push(",duplex:\"half\"");
 			sep = ",";
+			bodySerialized = true;
 		} else state.buf.pop();
 	}
 	let options = "";
@@ -954,7 +957,7 @@ function writeRequest(state, val, ref) {
 		sep = ",";
 	}
 	if (val.referrerPolicy) options += sep + "referrerPolicy:" + quote(val.referrerPolicy, 0);
-	state.buf.push(hasBody ? options + "})" : options ? ",{" + options + "})" : ")");
+	state.buf.push(bodySerialized ? options + "})" : options ? ",{" + options + "})" : ")");
 	return true;
 }
 function writeResponse(state, val, ref) {
@@ -1341,6 +1344,9 @@ function getEventHandlerName(name) {
 function isVoid(value) {
 	return value == null || value === false;
 }
+function isNotVoid(value) {
+	return value != null && value !== false;
+}
 function normalizeDynamicRenderer(value) {
 	if (value) {
 		if (typeof value === "string") return value;
@@ -2381,7 +2387,7 @@ function _attr_input_value(scopeId, nodeAccessor, value, valueChange) {
 }
 function _attr_input_checked(scopeId, nodeAccessor, checked, checkedChange) {
 	if (checkedChange) writeControlledScope(0, scopeId, nodeAccessor, void 0, checkedChange);
-	return normalizeBoolAttrValue(checked) ? " checked" : "";
+	return isNotVoid(checked) ? " checked" : "";
 }
 function _attr_input_checkedValue(scopeId, nodeAccessor, checkedValue, checkedValueChange, value) {
 	const valueAttr = _attr("value", value);
@@ -2400,8 +2406,8 @@ function getCheckedValueRef(checkedValue) {
 	}
 }
 function _attr_details_or_dialog_open(scopeId, nodeAccessor, open, openChange) {
-	const normalizedOpen = normalizeBoolAttrValue(open);
-	if (openChange) writeControlledScope(4, scopeId, nodeAccessor, normalizedOpen, openChange);
+	const normalizedOpen = isNotVoid(open);
+	if (openChange) writeControlledScope(4, scopeId, nodeAccessor, normalizedOpen || void 0, openChange);
 	return normalizedOpen ? " open" : "";
 }
 function _attr_nonce() {
@@ -2418,17 +2424,17 @@ function _attrs(data, nodeAccessor, scopeId, tagName) {
 		case "input":
 			assertExclusiveAttrs(data);
 			if (data.checkedChange) result += _attr_input_checked(scopeId, nodeAccessor, data.checked, data.checkedChange);
-			else if (data.checkedValue || data.checkedValueChange) result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value);
+			else if ("checkedValue" in data || data.checkedValueChange) result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value);
 			else if (data.valueChange) result += _attr_input_value(scopeId, nodeAccessor, data.value, data.valueChange);
 			else break;
 			skip = /^(?:value|checked(?:Value)?)(?:Change)?$|[\s/>"'=]/;
 			break;
 		case "select":
 		case "textarea":
-			if (data.value || data.valueChange) skip = /^value(?:Change)?$|[\s/>"'=]/;
+			if ("value" in data || data.valueChange) skip = /^value(?:Change)?$|[\s/>"'=]/;
 			break;
 		case "option":
-			if (data.value) {
+			if ("value" in data) {
 				result += _attr_option_value(data.value);
 				skip = /^value$|[\s/>"'=]/;
 			}
@@ -2531,9 +2537,6 @@ function normalizedValueMatches(a, b) {
 function normalizeStrAttrValue(value) {
 	return value && value !== true || value === 0 ? value + "" : "";
 }
-function normalizeBoolAttrValue(value) {
-	if (value != null && value !== false) return true;
-}
 //#endregion
 //#region src/html/dynamic-tag.ts
 const voidElementsReg = /^(?:area|b(?:ase|r)|col|embed|hr|i(?:mg|nput)|link|meta|param|source|track|wbr)$/;

package/dist/debug/html.mjs

@@ -842,9 +842,10 @@ function writeArrayBuffer(state, val) {
 }
 function writeTypedArray(state, val, ref) {
 	if (val.byteOffset || state.refs.has(val.buffer)) {
+		const needsLength = val.byteOffset + val.byteLength < val.buffer.byteLength;
 		state.buf.push("new " + val.constructor.name + "(");
 		writeProp(state, val.buffer, ref, "buffer");
-		state.buf.push(val.byteOffset ? "," + val.byteOffset + ")" : ")");
+		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.buf.push("new " + val.constructor.name + (val.length === 0 ? "" : "(" + (hasOnlyZeros(val) ? val.length : typedArrayToInitString(val)) + ")"));
@@ -898,11 +899,12 @@ function writeFormData(state, val) {
 		sep = ",";
 	}
 	if (sep === "[") state.buf.push("new FormData");
-	else state.buf.push(valStr + "].reduce((f,v,i,a)=>i%2&&f.append(v,a[i+1])||f,new FormData)");
+	else state.buf.push(valStr + "].reduce((f,v,i,a)=>i%2&&f.append(a[i-1],v)||f,new FormData)");
 	return true;
 }
 function writeRequest(state, val, ref) {
 	let sep = "";
+	let bodySerialized = false;
 	const hasBody = val.body && !val.bodyUsed && val.duplex === "half";
 	state.buf.push("new Request(" + quote(val.url, 0));
 	if (hasBody) {
@@ -910,6 +912,7 @@ function writeRequest(state, val, ref) {
 		if (writeProp(state, val.body, ref, "body")) {
 			state.buf.push(",duplex:\"half\"");
 			sep = ",";
+			bodySerialized = true;
 		} else state.buf.pop();
 	}
 	let options = "";
@@ -952,7 +955,7 @@ function writeRequest(state, val, ref) {
 		sep = ",";
 	}
 	if (val.referrerPolicy) options += sep + "referrerPolicy:" + quote(val.referrerPolicy, 0);
-	state.buf.push(hasBody ? options + "})" : options ? ",{" + options + "})" : ")");
+	state.buf.push(bodySerialized ? options + "})" : options ? ",{" + options + "})" : ")");
 	return true;
 }
 function writeResponse(state, val, ref) {
@@ -1339,6 +1342,9 @@ function getEventHandlerName(name) {
 function isVoid(value) {
 	return value == null || value === false;
 }
+function isNotVoid(value) {
+	return value != null && value !== false;
+}
 function normalizeDynamicRenderer(value) {
 	if (value) {
 		if (typeof value === "string") return value;
@@ -2379,7 +2385,7 @@ function _attr_input_value(scopeId, nodeAccessor, value, valueChange) {
 }
 function _attr_input_checked(scopeId, nodeAccessor, checked, checkedChange) {
 	if (checkedChange) writeControlledScope(0, scopeId, nodeAccessor, void 0, checkedChange);
-	return normalizeBoolAttrValue(checked) ? " checked" : "";
+	return isNotVoid(checked) ? " checked" : "";
 }
 function _attr_input_checkedValue(scopeId, nodeAccessor, checkedValue, checkedValueChange, value) {
 	const valueAttr = _attr("value", value);
@@ -2398,8 +2404,8 @@ function getCheckedValueRef(checkedValue) {
 	}
 }
 function _attr_details_or_dialog_open(scopeId, nodeAccessor, open, openChange) {
-	const normalizedOpen = normalizeBoolAttrValue(open);
-	if (openChange) writeControlledScope(4, scopeId, nodeAccessor, normalizedOpen, openChange);
+	const normalizedOpen = isNotVoid(open);
+	if (openChange) writeControlledScope(4, scopeId, nodeAccessor, normalizedOpen || void 0, openChange);
 	return normalizedOpen ? " open" : "";
 }
 function _attr_nonce() {
@@ -2416,17 +2422,17 @@ function _attrs(data, nodeAccessor, scopeId, tagName) {
 		case "input":
 			assertExclusiveAttrs(data);
 			if (data.checkedChange) result += _attr_input_checked(scopeId, nodeAccessor, data.checked, data.checkedChange);
-			else if (data.checkedValue || data.checkedValueChange) result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value);
+			else if ("checkedValue" in data || data.checkedValueChange) result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value);
 			else if (data.valueChange) result += _attr_input_value(scopeId, nodeAccessor, data.value, data.valueChange);
 			else break;
 			skip = /^(?:value|checked(?:Value)?)(?:Change)?$|[\s/>"'=]/;
 			break;
 		case "select":
 		case "textarea":
-			if (data.value || data.valueChange) skip = /^value(?:Change)?$|[\s/>"'=]/;
+			if ("value" in data || data.valueChange) skip = /^value(?:Change)?$|[\s/>"'=]/;
 			break;
 		case "option":
-			if (data.value) {
+			if ("value" in data) {
 				result += _attr_option_value(data.value);
 				skip = /^value$|[\s/>"'=]/;
 			}
@@ -2529,9 +2535,6 @@ function normalizedValueMatches(a, b) {
 function normalizeStrAttrValue(value) {
 	return value && value !== true || value === 0 ? value + "" : "";
 }
-function normalizeBoolAttrValue(value) {
-	if (value != null && value !== false) return true;
-}
 //#endregion
 //#region src/html/dynamic-tag.ts
 const voidElementsReg = /^(?:area|b(?:ase|r)|col|embed|hr|i(?:mg|nput)|link|meta|param|source|track|wbr)$/;

package/dist/dom/queue.d.ts

@@ -6,6 +6,8 @@ export type PendingRender = {
     [PendingRenderProp.Scope]: Scope;
     [PendingRenderProp.Signal]: Signal<any, any>;
     [PendingRenderProp.Value]: unknown;
+    [PendingRenderProp.Gen]: number;
+    [PendingRenderProp.Pending]?: 0 | 1;
 };
 export declare const caughtError: WeakSet<unknown[]>;
 export declare const placeholderShown: WeakSet<unknown[]>;