marko 6.3.24 → 6.3.25

package/dist/common/constants/accessor-prefix.d.ts

@@ -2,6 +2,7 @@ export declare const BranchScopes = "A";
 export declare const ClosureScopes = "B";
 export declare const ClosureSignalIndex = "C";
 export declare const ConditionalRenderer = "D";
+export declare const ControlledObserver = "N";
 export declare const ControlledHandler = "E";
 export declare const ControlledType = "F";
 export declare const ControlledValue = "G";

package/dist/common/constants/accessor-prefix.debug.d.ts

@@ -2,6 +2,7 @@ export declare const BranchScopes = "BranchScopes:";
 export declare const ClosureScopes = "ClosureScopes:";
 export declare const ClosureSignalIndex = "ClosureSignalIndex:";
 export declare const ConditionalRenderer = "ConditionalRenderer:";
+export declare const ControlledObserver = "ControlledObserver:";
 export declare const ControlledHandler = "ControlledHandler:";
 export declare const ControlledType = "ControlledType:";
 export declare const ControlledValue = "ControlledValue:";

package/dist/common/constants/walk-range-size.d.ts

@@ -1,4 +1,4 @@
-export declare const Next = 20;
+export declare const Next = 25;
 export declare const Over = 10;
 export declare const Out = 10;
 export declare const Multiplier = 10;

package/dist/debug/dom.js

@@ -26,6 +26,7 @@ const BranchScopes$1 = "BranchScopes:";
 const ClosureScopes = "ClosureScopes:";
 const ClosureSignalIndex = "ClosureSignalIndex:";
 const ConditionalRenderer = "ConditionalRenderer:";
+const ControlledObserver = "ControlledObserver:";
 const ControlledHandler = "ControlledHandler:";
 const ControlledType = "ControlledType:";
 const ControlledValue = "ControlledValue:";
@@ -687,7 +688,7 @@ const walkInternal = function walkInternal(currentWalkIndex, walkCodes, scope) {
 			currentWalkIndex = walkInternal(currentWalkIndex, walkCodes, scope[getDebugKey(currentScopeIndex++, "#childScope")] = createScope(scope[Global], scope[ClosestBranch]));
 			if (value === 48) scope[getDebugKey(currentScopeIndex++, "#scopeOffset")] = skipScope();
 		} else if (value < 92) {
-			value = 20 * currentMultiplier + value - 67;
+			value = 25 * currentMultiplier + value - 67;
 			while (value--) walker.nextNode();
 		} else if (value < 107) {
 			value = 10 * currentMultiplier + value - 97;
@@ -1011,6 +1012,36 @@ function _attr_input_checked_default(scope, nodeAccessor, checked) {
 		if (restoreValue !== normalizedChecked) el.checked = restoreValue;
 	}
 }
+/** Filled by the latches a compiled page emits, so a page carries only the
+* control kinds its tags can be (`_attrs_script` resolves the kind at run time). */
+const controllableScripts = {};
+/** The render pass equivalent, for a tag whose name is only known at run time;
+* a statically named tag passes its claim to `_attrs` instead. */
+const controllableRenders = {};
+function _enable_controllable_input() {
+	controllableScripts[0] = _attr_input_checked_script;
+	controllableScripts[1] = _attr_input_checkedValue_script;
+	controllableScripts[2] = _attr_input_value_script;
+}
+function _enable_controllable_textarea() {
+	controllableScripts[2] = _attr_input_value_script;
+}
+function _enable_controllable_select() {
+	controllableScripts[3] = _attr_select_value_script;
+}
+function _enable_controllable_open() {
+	controllableScripts[4] = _attr_details_or_dialog_open_script;
+}
+/** A run-time tag name can be any controllable, so its page enables them all. */
+function _enable_controllable() {
+	_enable_controllable_input();
+	_enable_controllable_select();
+	_enable_controllable_open();
+	controllableRenders.INPUT = _controllable_input;
+	controllableRenders.TEXTAREA = _controllable_textarea;
+	controllableRenders.SELECT = _controllable_select;
+	controllableRenders.DETAILS = controllableRenders.DIALOG = _controllable_open;
+}
 function _attr_input_checked(scope, nodeAccessor, checked, checkedChange) {
 	const el = scope[nodeAccessor];
 	const normalizedChecked = isNotVoid(checked);
@@ -1172,12 +1203,12 @@ function _attr_select_value_script(scope, nodeAccessor) {
 		}
 	}
 	syncControllableFormInput(el, hasSelectChanged, onChange);
-	new MutationObserver(() => {
-		const value = scope[ControlledValue + nodeAccessor];
-		if (Array.isArray(value) ? value.length !== el.selectedOptions.length || value.some((_, i) => !value.includes(el.selectedOptions[i].value)) : el.value !== value) onChange();
-	}).observe(el, {
+	observeOnce(scope, nodeAccessor, {
 		childList: true,
 		subtree: true
+	}, () => {
+		const value = scope[ControlledValue + nodeAccessor];
+		if (Array.isArray(value) ? value.length !== el.selectedOptions.length || value.some((_, i) => !value.includes(el.selectedOptions[i].value)) : el.value !== value) onChange();
 	});
 }
 function setSelectValue(el, value, multiple) {
@@ -1207,7 +1238,10 @@ function _attr_details_or_dialog_open(scope, nodeAccessor, open, openChange) {
 }
 function _attr_details_or_dialog_open_script(scope, nodeAccessor) {
 	const el = scope[nodeAccessor];
-	new MutationObserver(() => {
+	observeOnce(scope, nodeAccessor, {
+		attributes: true,
+		attributeFilter: ["open"]
+	}, () => {
 		const openChange = scope[ControlledHandler + nodeAccessor];
 		if (openChange && el.open === !scope["ControlledValue:" + nodeAccessor]) {
 			const newValue = el.open;
@@ -1215,11 +1249,11 @@ function _attr_details_or_dialog_open_script(scope, nodeAccessor) {
 			openChange(newValue);
 			run();
 		}
-	}).observe(el, {
-		attributes: true,
-		attributeFilter: ["open"]
 	});
 }
+function observeOnce(scope, nodeAccessor, init, callback) {
+	(scope[ControlledObserver + nodeAccessor] ||= new MutationObserver(callback)).observe(scope[nodeAccessor], init);
+}
 function syncControllableFormInput(el, hasChanged, onChange) {
 	el._ = onChange;
 	delegate("input", handleChange);
@@ -1255,6 +1289,35 @@ 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;
 }
+function _controllable_input(scope, nodeAccessor, nextAttrs) {
+	if ("checked" in nextAttrs || "checkedChange" in nextAttrs) {
+		_attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange);
+		return /^checked(?:Value)?(?:Change)?$/;
+	}
+	if ("checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs) {
+		_attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value);
+		return /^(?:value|checked(?:Value)?)(?:Change)?$/;
+	}
+	return _controllable_textarea(scope, nodeAccessor, nextAttrs, _attr_input_value_dynamic_default);
+}
+function _controllable_textarea(scope, nodeAccessor, nextAttrs, dynamicDefault) {
+	if ("value" in nextAttrs || "valueChange" in nextAttrs) {
+		_attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange, dynamicDefault);
+		return /^value(?:Change)?$/;
+	}
+}
+function _controllable_select(scope, nodeAccessor, nextAttrs) {
+	if ("value" in nextAttrs || "valueChange" in nextAttrs) {
+		_attr_select_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange);
+		return /^value(?:Change)?$/;
+	}
+}
+function _controllable_open(scope, nodeAccessor, nextAttrs) {
+	if ("open" in nextAttrs || "openChange" in nextAttrs) {
+		_attr_details_or_dialog_open(scope, nodeAccessor, nextAttrs.open, nextAttrs.openChange);
+		return /^open(?:Change)?$/;
+	}
+}
 //#endregion
 //#region src/dom/dom.ts
 function _to_text(value) {
@@ -1312,23 +1375,23 @@ function _text_content(node, value) {
 	const normalizedValue = _to_text(value);
 	if (node.textContent !== normalizedValue) node.textContent = normalizedValue;
 }
-function _attrs(scope, nodeAccessor, nextAttrs) {
+function _attrs(scope, nodeAccessor, nextAttrs, controllable) {
 	const el = scope[nodeAccessor];
 	for (let i = el.attributes.length; i--;) {
 		const { name } = el.attributes.item(i);
 		if (!(nextAttrs && (name in nextAttrs || hasAttrAlias(el, name, nextAttrs)))) el.removeAttribute(name);
 	}
 	assertExclusiveAttrs(nextAttrs);
-	attrsInternal(scope, nodeAccessor, nextAttrs);
+	attrsInternal(scope, nodeAccessor, nextAttrs, controllable);
 }
-function _attrs_content(scope, nodeAccessor, nextAttrs) {
-	_attrs(scope, nodeAccessor, nextAttrs);
+function _attrs_content(scope, nodeAccessor, nextAttrs, controllable) {
+	_attrs(scope, nodeAccessor, nextAttrs, controllable);
 	_attr_content(scope, nodeAccessor, nextAttrs?.content);
 }
 function hasAttrAlias(element, attr, nextAttrs) {
 	return attr === "checked" && element.tagName === "INPUT" && "checkedValue" in nextAttrs;
 }
-function _attrs_partial(scope, nodeAccessor, nextAttrs, skip) {
+function _attrs_partial(scope, nodeAccessor, nextAttrs, skip, controllable) {
 	const el = scope[nodeAccessor];
 	const partial = {};
 	for (let i = el.attributes.length; i--;) {
@@ -1343,52 +1406,19 @@ function _attrs_partial(scope, nodeAccessor, nextAttrs, skip) {
 		...nextAttrs,
 		...skip
 	});
-	attrsInternal(scope, nodeAccessor, partial);
+	attrsInternal(scope, nodeAccessor, partial, controllable);
 }
-function _attrs_partial_content(scope, nodeAccessor, nextAttrs, skip) {
-	_attrs_partial(scope, nodeAccessor, nextAttrs, skip);
+function _attrs_partial_content(scope, nodeAccessor, nextAttrs, skip, controllable) {
+	_attrs_partial(scope, nodeAccessor, nextAttrs, skip, controllable);
 	_attr_content(scope, nodeAccessor, nextAttrs?.content);
 }
-function attrsInternal(scope, nodeAccessor, nextAttrs) {
+function attrsInternal(scope, nodeAccessor, nextAttrs, controllable) {
 	const el = scope[nodeAccessor];
 	let events = scope[EventAttributes + nodeAccessor];
-	let skip;
 	for (const name in events) events[name] = 0;
 	scope[ControlledType + nodeAccessor] = 5;
 	scope[ControlledHandler + nodeAccessor] = 0;
-	switch (nextAttrs && el.tagName) {
-		case "INPUT":
-			if ("checked" in nextAttrs || "checkedChange" in nextAttrs) {
-				_attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange);
-				skip = /^checked(?:Value)?(?:Change)?$/;
-			} else if ("checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs) {
-				_attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value);
-				skip = /^(?:value|checked(?:Value)?)(?:Change)?$/;
-			} else if ("value" in nextAttrs || "valueChange" in nextAttrs) {
-				_attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange, _attr_input_value_dynamic_default);
-				skip = /^value(?:Change)?$/;
-			}
-			break;
-		case "SELECT":
-			if ("value" in nextAttrs || "valueChange" in nextAttrs) {
-				_attr_select_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange);
-				skip = /^value(?:Change)?$/;
-			}
-			break;
-		case "TEXTAREA":
-			if ("value" in nextAttrs || "valueChange" in nextAttrs) {
-				_attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange);
-				skip = /^value(?:Change)?$/;
-			}
-			break;
-		case "DETAILS":
-		case "DIALOG":
-			if ("open" in nextAttrs || "openChange" in nextAttrs) {
-				_attr_details_or_dialog_open(scope, nodeAccessor, nextAttrs.open, nextAttrs.openChange);
-				skip = /^open(?:Change)?$/;
-			}
-			break;
-	}
+	const skip = nextAttrs && (controllable || controllableRenders[el.tagName])?.(scope, nodeAccessor, nextAttrs);
 	for (const name in nextAttrs) {
 		const value = nextAttrs[name];
 		switch (name) {
@@ -1417,23 +1447,7 @@ function _attr_content(scope, nodeAccessor, value) {
 function _attrs_script(scope, nodeAccessor) {
 	const el = scope[nodeAccessor];
 	const events = scope[EventAttributes + nodeAccessor];
-	switch (scope[ControlledType + nodeAccessor]) {
-		case 0:
-			_attr_input_checked_script(scope, nodeAccessor);
-			break;
-		case 1:
-			_attr_input_checkedValue_script(scope, nodeAccessor);
-			break;
-		case 2:
-			_attr_input_value_script(scope, nodeAccessor);
-			break;
-		case 3:
-			_attr_select_value_script(scope, nodeAccessor);
-			break;
-		case 4:
-			_attr_details_or_dialog_open_script(scope, nodeAccessor);
-			break;
-	}
+	controllableScripts[scope[ControlledType + nodeAccessor]]?.(scope, nodeAccessor);
 	for (const name in events) _on(el, name, events[name]);
 }
 function _html(scope, value, accessor) {
@@ -1547,6 +1561,11 @@ function _await_promise(nodeAccessor, params) {
 			if (thisPromise === scope[promiseAccessor]) {
 				const referenceNode = scope[nodeAccessor];
 				scope[promiseAccessor] = 0;
+				if (scope["#ClosestBranch"]?.["#Gen"] === 0) {
+					awaitCounter.c();
+					run();
+					return;
+				}
 				queueAsyncRender(scope, () => {
 					awaitBranch = resolveAwait(scope, referenceNode, data);
 					const pendingRenders = awaitBranch[PendingRenders];
@@ -2382,6 +2401,10 @@ exports._const = _const;
 exports._content = _content;
 exports._content_closures = _content_closures;
 exports._content_resume = _content_resume;
+exports._controllable_input = _controllable_input;
+exports._controllable_open = _controllable_open;
+exports._controllable_select = _controllable_select;
+exports._controllable_textarea = _controllable_textarea;
 Object.defineProperty(exports, "_dynamic_tag", {
 	enumerable: true,
 	get: function() {
@@ -2392,6 +2415,11 @@ exports._dynamic_tag_content = _dynamic_tag_content;
 exports._el = _el;
 exports._el_read = _el_read;
 exports._enable_catch = _enable_catch;
+exports._enable_controllable = _enable_controllable;
+exports._enable_controllable_input = _enable_controllable_input;
+exports._enable_controllable_open = _enable_controllable_open;
+exports._enable_controllable_select = _enable_controllable_select;
+exports._enable_controllable_textarea = _enable_controllable_textarea;
 exports._for_closure = _for_closure;
 exports._for_in = _for_in;
 exports._for_of = _for_of;

package/dist/debug/dom.mjs

@@ -24,6 +24,7 @@ const BranchScopes$1 = "BranchScopes:";
 const ClosureScopes = "ClosureScopes:";
 const ClosureSignalIndex = "ClosureSignalIndex:";
 const ConditionalRenderer = "ConditionalRenderer:";
+const ControlledObserver = "ControlledObserver:";
 const ControlledHandler = "ControlledHandler:";
 const ControlledType = "ControlledType:";
 const ControlledValue = "ControlledValue:";
@@ -685,7 +686,7 @@ const walkInternal = function walkInternal(currentWalkIndex, walkCodes, scope) {
 			currentWalkIndex = walkInternal(currentWalkIndex, walkCodes, scope[getDebugKey(currentScopeIndex++, "#childScope")] = createScope(scope[Global], scope[ClosestBranch]));
 			if (value === 48) scope[getDebugKey(currentScopeIndex++, "#scopeOffset")] = skipScope();
 		} else if (value < 92) {
-			value = 20 * currentMultiplier + value - 67;
+			value = 25 * currentMultiplier + value - 67;
 			while (value--) walker.nextNode();
 		} else if (value < 107) {
 			value = 10 * currentMultiplier + value - 97;
@@ -1009,6 +1010,36 @@ function _attr_input_checked_default(scope, nodeAccessor, checked) {
 		if (restoreValue !== normalizedChecked) el.checked = restoreValue;
 	}
 }
+/** Filled by the latches a compiled page emits, so a page carries only the
+* control kinds its tags can be (`_attrs_script` resolves the kind at run time). */
+const controllableScripts = {};
+/** The render pass equivalent, for a tag whose name is only known at run time;
+* a statically named tag passes its claim to `_attrs` instead. */
+const controllableRenders = {};
+function _enable_controllable_input() {
+	controllableScripts[0] = _attr_input_checked_script;
+	controllableScripts[1] = _attr_input_checkedValue_script;
+	controllableScripts[2] = _attr_input_value_script;
+}
+function _enable_controllable_textarea() {
+	controllableScripts[2] = _attr_input_value_script;
+}
+function _enable_controllable_select() {
+	controllableScripts[3] = _attr_select_value_script;
+}
+function _enable_controllable_open() {
+	controllableScripts[4] = _attr_details_or_dialog_open_script;
+}
+/** A run-time tag name can be any controllable, so its page enables them all. */
+function _enable_controllable() {
+	_enable_controllable_input();
+	_enable_controllable_select();
+	_enable_controllable_open();
+	controllableRenders.INPUT = _controllable_input;
+	controllableRenders.TEXTAREA = _controllable_textarea;
+	controllableRenders.SELECT = _controllable_select;
+	controllableRenders.DETAILS = controllableRenders.DIALOG = _controllable_open;
+}
 function _attr_input_checked(scope, nodeAccessor, checked, checkedChange) {
 	const el = scope[nodeAccessor];
 	const normalizedChecked = isNotVoid(checked);
@@ -1170,12 +1201,12 @@ function _attr_select_value_script(scope, nodeAccessor) {
 		}
 	}
 	syncControllableFormInput(el, hasSelectChanged, onChange);
-	new MutationObserver(() => {
-		const value = scope[ControlledValue + nodeAccessor];
-		if (Array.isArray(value) ? value.length !== el.selectedOptions.length || value.some((_, i) => !value.includes(el.selectedOptions[i].value)) : el.value !== value) onChange();
-	}).observe(el, {
+	observeOnce(scope, nodeAccessor, {
 		childList: true,
 		subtree: true
+	}, () => {
+		const value = scope[ControlledValue + nodeAccessor];
+		if (Array.isArray(value) ? value.length !== el.selectedOptions.length || value.some((_, i) => !value.includes(el.selectedOptions[i].value)) : el.value !== value) onChange();
 	});
 }
 function setSelectValue(el, value, multiple) {
@@ -1205,7 +1236,10 @@ function _attr_details_or_dialog_open(scope, nodeAccessor, open, openChange) {
 }
 function _attr_details_or_dialog_open_script(scope, nodeAccessor) {
 	const el = scope[nodeAccessor];
-	new MutationObserver(() => {
+	observeOnce(scope, nodeAccessor, {
+		attributes: true,
+		attributeFilter: ["open"]
+	}, () => {
 		const openChange = scope[ControlledHandler + nodeAccessor];
 		if (openChange && el.open === !scope["ControlledValue:" + nodeAccessor]) {
 			const newValue = el.open;
@@ -1213,11 +1247,11 @@ function _attr_details_or_dialog_open_script(scope, nodeAccessor) {
 			openChange(newValue);
 			run();
 		}
-	}).observe(el, {
-		attributes: true,
-		attributeFilter: ["open"]
 	});
 }
+function observeOnce(scope, nodeAccessor, init, callback) {
+	(scope[ControlledObserver + nodeAccessor] ||= new MutationObserver(callback)).observe(scope[nodeAccessor], init);
+}
 function syncControllableFormInput(el, hasChanged, onChange) {
 	el._ = onChange;
 	delegate("input", handleChange);
@@ -1253,6 +1287,35 @@ 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;
 }
+function _controllable_input(scope, nodeAccessor, nextAttrs) {
+	if ("checked" in nextAttrs || "checkedChange" in nextAttrs) {
+		_attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange);
+		return /^checked(?:Value)?(?:Change)?$/;
+	}
+	if ("checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs) {
+		_attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value);
+		return /^(?:value|checked(?:Value)?)(?:Change)?$/;
+	}
+	return _controllable_textarea(scope, nodeAccessor, nextAttrs, _attr_input_value_dynamic_default);
+}
+function _controllable_textarea(scope, nodeAccessor, nextAttrs, dynamicDefault) {
+	if ("value" in nextAttrs || "valueChange" in nextAttrs) {
+		_attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange, dynamicDefault);
+		return /^value(?:Change)?$/;
+	}
+}
+function _controllable_select(scope, nodeAccessor, nextAttrs) {
+	if ("value" in nextAttrs || "valueChange" in nextAttrs) {
+		_attr_select_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange);
+		return /^value(?:Change)?$/;
+	}
+}
+function _controllable_open(scope, nodeAccessor, nextAttrs) {
+	if ("open" in nextAttrs || "openChange" in nextAttrs) {
+		_attr_details_or_dialog_open(scope, nodeAccessor, nextAttrs.open, nextAttrs.openChange);
+		return /^open(?:Change)?$/;
+	}
+}
 //#endregion
 //#region src/dom/dom.ts
 function _to_text(value) {
@@ -1310,23 +1373,23 @@ function _text_content(node, value) {
 	const normalizedValue = _to_text(value);
 	if (node.textContent !== normalizedValue) node.textContent = normalizedValue;
 }
-function _attrs(scope, nodeAccessor, nextAttrs) {
+function _attrs(scope, nodeAccessor, nextAttrs, controllable) {
 	const el = scope[nodeAccessor];
 	for (let i = el.attributes.length; i--;) {
 		const { name } = el.attributes.item(i);
 		if (!(nextAttrs && (name in nextAttrs || hasAttrAlias(el, name, nextAttrs)))) el.removeAttribute(name);
 	}
 	assertExclusiveAttrs(nextAttrs);
-	attrsInternal(scope, nodeAccessor, nextAttrs);
+	attrsInternal(scope, nodeAccessor, nextAttrs, controllable);
 }
-function _attrs_content(scope, nodeAccessor, nextAttrs) {
-	_attrs(scope, nodeAccessor, nextAttrs);
+function _attrs_content(scope, nodeAccessor, nextAttrs, controllable) {
+	_attrs(scope, nodeAccessor, nextAttrs, controllable);
 	_attr_content(scope, nodeAccessor, nextAttrs?.content);
 }
 function hasAttrAlias(element, attr, nextAttrs) {
 	return attr === "checked" && element.tagName === "INPUT" && "checkedValue" in nextAttrs;
 }
-function _attrs_partial(scope, nodeAccessor, nextAttrs, skip) {
+function _attrs_partial(scope, nodeAccessor, nextAttrs, skip, controllable) {
 	const el = scope[nodeAccessor];
 	const partial = {};
 	for (let i = el.attributes.length; i--;) {
@@ -1341,52 +1404,19 @@ function _attrs_partial(scope, nodeAccessor, nextAttrs, skip) {
 		...nextAttrs,
 		...skip
 	});
-	attrsInternal(scope, nodeAccessor, partial);
+	attrsInternal(scope, nodeAccessor, partial, controllable);
 }
-function _attrs_partial_content(scope, nodeAccessor, nextAttrs, skip) {
-	_attrs_partial(scope, nodeAccessor, nextAttrs, skip);
+function _attrs_partial_content(scope, nodeAccessor, nextAttrs, skip, controllable) {
+	_attrs_partial(scope, nodeAccessor, nextAttrs, skip, controllable);
 	_attr_content(scope, nodeAccessor, nextAttrs?.content);
 }
-function attrsInternal(scope, nodeAccessor, nextAttrs) {
+function attrsInternal(scope, nodeAccessor, nextAttrs, controllable) {
 	const el = scope[nodeAccessor];
 	let events = scope[EventAttributes + nodeAccessor];
-	let skip;
 	for (const name in events) events[name] = 0;
 	scope[ControlledType + nodeAccessor] = 5;
 	scope[ControlledHandler + nodeAccessor] = 0;
-	switch (nextAttrs && el.tagName) {
-		case "INPUT":
-			if ("checked" in nextAttrs || "checkedChange" in nextAttrs) {
-				_attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange);
-				skip = /^checked(?:Value)?(?:Change)?$/;
-			} else if ("checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs) {
-				_attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value);
-				skip = /^(?:value|checked(?:Value)?)(?:Change)?$/;
-			} else if ("value" in nextAttrs || "valueChange" in nextAttrs) {
-				_attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange, _attr_input_value_dynamic_default);
-				skip = /^value(?:Change)?$/;
-			}
-			break;
-		case "SELECT":
-			if ("value" in nextAttrs || "valueChange" in nextAttrs) {
-				_attr_select_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange);
-				skip = /^value(?:Change)?$/;
-			}
-			break;
-		case "TEXTAREA":
-			if ("value" in nextAttrs || "valueChange" in nextAttrs) {
-				_attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange);
-				skip = /^value(?:Change)?$/;
-			}
-			break;
-		case "DETAILS":
-		case "DIALOG":
-			if ("open" in nextAttrs || "openChange" in nextAttrs) {
-				_attr_details_or_dialog_open(scope, nodeAccessor, nextAttrs.open, nextAttrs.openChange);
-				skip = /^open(?:Change)?$/;
-			}
-			break;
-	}
+	const skip = nextAttrs && (controllable || controllableRenders[el.tagName])?.(scope, nodeAccessor, nextAttrs);
 	for (const name in nextAttrs) {
 		const value = nextAttrs[name];
 		switch (name) {
@@ -1415,23 +1445,7 @@ function _attr_content(scope, nodeAccessor, value) {
 function _attrs_script(scope, nodeAccessor) {
 	const el = scope[nodeAccessor];
 	const events = scope[EventAttributes + nodeAccessor];
-	switch (scope[ControlledType + nodeAccessor]) {
-		case 0:
-			_attr_input_checked_script(scope, nodeAccessor);
-			break;
-		case 1:
-			_attr_input_checkedValue_script(scope, nodeAccessor);
-			break;
-		case 2:
-			_attr_input_value_script(scope, nodeAccessor);
-			break;
-		case 3:
-			_attr_select_value_script(scope, nodeAccessor);
-			break;
-		case 4:
-			_attr_details_or_dialog_open_script(scope, nodeAccessor);
-			break;
-	}
+	controllableScripts[scope[ControlledType + nodeAccessor]]?.(scope, nodeAccessor);
 	for (const name in events) _on(el, name, events[name]);
 }
 function _html(scope, value, accessor) {
@@ -1545,6 +1559,11 @@ function _await_promise(nodeAccessor, params) {
 			if (thisPromise === scope[promiseAccessor]) {
 				const referenceNode = scope[nodeAccessor];
 				scope[promiseAccessor] = 0;
+				if (scope["#ClosestBranch"]?.["#Gen"] === 0) {
+					awaitCounter.c();
+					run();
+					return;
+				}
 				queueAsyncRender(scope, () => {
 					awaitBranch = resolveAwait(scope, referenceNode, data);
 					const pendingRenders = awaitBranch[PendingRenders];
@@ -2329,4 +2348,4 @@ function getSelectorOrResolve(selector, resolve) {
 	return document.querySelector(selector) || (console.warn(`A lazy load trigger could not find an element matching "${selector}". The module was loaded immediately.`), resolve());
 }
 //#endregion
-export { $signal, $signalReset, _assert_hoist, _assert_init, _attr, _attr_class, _attr_class_item, _attr_class_items, _attr_content, _attr_details_or_dialog_open as _attr_details_open, _attr_details_or_dialog_open as _attr_dialog_open, _attr_details_or_dialog_open_default as _attr_details_open_default, _attr_details_or_dialog_open_default as _attr_dialog_open_default, _attr_details_or_dialog_open_script as _attr_details_open_script, _attr_details_or_dialog_open_script as _attr_dialog_open_script, _attr_input_checked, _attr_input_checkedValue, _attr_input_checkedValue_default, _attr_input_checkedValue_script, _attr_input_checked_default, _attr_input_checked_script, _attr_input_value, _attr_input_value as _attr_textarea_value, _attr_input_value_attribute_default, _attr_input_value_default, _attr_input_value_default as _attr_textarea_value_default, _attr_input_value_dynamic_default, _attr_input_value_script, _attr_input_value_script as _attr_textarea_value_script, _attr_nonce, _attr_select_value, _attr_select_value_default, _attr_select_value_script, _attr_style, _attr_style_item, _attr_style_items, _attrs, _attrs_content, _attrs_partial, _attrs_partial_content, _attrs_script, _await_content, _await_promise, _call, _child_setup, _closure, _closure_get, _const, _content, _content_closures, _content_resume, _dynamic_tag, _dynamic_tag_content, _el, _el_read, _enable_catch, _for_closure, _for_in, _for_of, _for_selector, _for_to, _for_until, _hoist, _hoist_resume, _html, _id, _if, _if_closure, _let, _let_change, _lifecycle, _load_event_trigger, _load_idle_trigger, _load_media_trigger, _load_race_trigger, _load_setup, _load_signal, _load_template, _load_visible_trigger, _on, _or, _resume, _resume_dynamic_tag, _return, _return_change, _script, _show, _style_rule_item, _style_shell, _template, _text, _text_content, _to_text, _try, _var, _var_change, _var_resume, attrTag, attrTags, compat, forIn, forOf, forTo, forUntil, init, initEmbedded, ready, run };
+export { $signal, $signalReset, _assert_hoist, _assert_init, _attr, _attr_class, _attr_class_item, _attr_class_items, _attr_content, _attr_details_or_dialog_open as _attr_details_open, _attr_details_or_dialog_open as _attr_dialog_open, _attr_details_or_dialog_open_default as _attr_details_open_default, _attr_details_or_dialog_open_default as _attr_dialog_open_default, _attr_details_or_dialog_open_script as _attr_details_open_script, _attr_details_or_dialog_open_script as _attr_dialog_open_script, _attr_input_checked, _attr_input_checkedValue, _attr_input_checkedValue_default, _attr_input_checkedValue_script, _attr_input_checked_default, _attr_input_checked_script, _attr_input_value, _attr_input_value as _attr_textarea_value, _attr_input_value_attribute_default, _attr_input_value_default, _attr_input_value_default as _attr_textarea_value_default, _attr_input_value_dynamic_default, _attr_input_value_script, _attr_input_value_script as _attr_textarea_value_script, _attr_nonce, _attr_select_value, _attr_select_value_default, _attr_select_value_script, _attr_style, _attr_style_item, _attr_style_items, _attrs, _attrs_content, _attrs_partial, _attrs_partial_content, _attrs_script, _await_content, _await_promise, _call, _child_setup, _closure, _closure_get, _const, _content, _content_closures, _content_resume, _controllable_input, _controllable_open, _controllable_select, _controllable_textarea, _dynamic_tag, _dynamic_tag_content, _el, _el_read, _enable_catch, _enable_controllable, _enable_controllable_input, _enable_controllable_open, _enable_controllable_select, _enable_controllable_textarea, _for_closure, _for_in, _for_of, _for_selector, _for_to, _for_until, _hoist, _hoist_resume, _html, _id, _if, _if_closure, _let, _let_change, _lifecycle, _load_event_trigger, _load_idle_trigger, _load_media_trigger, _load_race_trigger, _load_setup, _load_signal, _load_template, _load_visible_trigger, _on, _or, _resume, _resume_dynamic_tag, _return, _return_change, _script, _show, _style_rule_item, _style_shell, _template, _text, _text_content, _to_text, _try, _var, _var_change, _var_resume, attrTag, attrTags, compat, forIn, forOf, forTo, forUntil, init, initEmbedded, ready, run };

package/dist/dom/controllable.d.ts

@@ -1,5 +1,22 @@
-import { type Accessor, type Scope } from "../common/types";
+import { type Accessor, ControlledType, type Scope } from "../common/types";
 export declare function _attr_input_checked_default(scope: Scope, nodeAccessor: Accessor, checked: boolean): void;
+/** Filled by the latches a compiled page emits, so a page carries only the
+ * control kinds its tags can be (`_attrs_script` resolves the kind at run time). */
+export declare const controllableScripts: {
+    [T in ControlledType]?: (scope: Scope, nodeAccessor: Accessor) => void;
+};
+/** The render pass equivalent, for a tag whose name is only known at run time;
+ * a statically named tag passes its claim to `_attrs` instead. */
+export declare const controllableRenders: {
+    [tagName: string]: ControllableAttrs;
+};
+export type ControllableAttrs = (scope: Scope, nodeAccessor: Accessor, nextAttrs: Record<string, unknown>) => RegExp | void;
+export declare function _enable_controllable_input(): void;
+export declare function _enable_controllable_textarea(): void;
+export declare function _enable_controllable_select(): void;
+export declare function _enable_controllable_open(): void;
+/** A run-time tag name can be any controllable, so its page enables them all. */
+export declare function _enable_controllable(): void;
 export declare function _attr_input_checked(scope: Scope, nodeAccessor: Accessor, checked: unknown, checkedChange: unknown): void;
 export declare function _attr_input_checked_script(scope: Scope, nodeAccessor: Accessor): void;
 export declare function _attr_input_checkedValue_default(scope: Scope, nodeAccessor: Accessor, checkedValue: unknown, value: unknown): void;
@@ -16,3 +33,7 @@ export declare function _attr_select_value_script(scope: Scope, nodeAccessor: Ac
 export declare function _attr_details_or_dialog_open_default(scope: Scope, nodeAccessor: Accessor, open: unknown): void;
 export declare function _attr_details_or_dialog_open(scope: Scope, nodeAccessor: Accessor, open: unknown, openChange: unknown): void;
 export declare function _attr_details_or_dialog_open_script(scope: Scope, nodeAccessor: Accessor): void;
+export declare function _controllable_input(scope: Scope, nodeAccessor: Accessor, nextAttrs: Record<string, unknown>): RegExp | undefined;
+export declare function _controllable_textarea(scope: Scope, nodeAccessor: Accessor, nextAttrs: Record<string, unknown>, dynamicDefault?: typeof _attr_input_value_dynamic_default): RegExp | undefined;
+export declare function _controllable_select(scope: Scope, nodeAccessor: Accessor, nextAttrs: Record<string, unknown>): RegExp | undefined;
+export declare function _controllable_open(scope: Scope, nodeAccessor: Accessor, nextAttrs: Record<string, unknown>): RegExp | undefined;

package/dist/dom/dom.d.ts

@@ -1,4 +1,5 @@
 import { type Accessor, type Scope } from "../common/types";
+import { type ControllableAttrs } from "./controllable";
 export declare function _to_text(value: unknown): string;
 export declare function _attr(element: Element, name: string, value: unknown): void;
 export declare function _attr_class(element: Element, value: unknown): void;
@@ -12,10 +13,10 @@ export declare function _style_rule_item(element: HTMLStyleElement, name: string
 export declare function _attr_nonce(scope: Scope, nodeAccessor: Accessor): void;
 export declare function _text(node: Text | Comment, value: unknown): void;
 export declare function _text_content(node: ParentNode, value: unknown): void;
-export declare function _attrs(scope: Scope, nodeAccessor: Accessor, nextAttrs: Record<string, unknown>): void;
-export declare function _attrs_content(scope: Scope, nodeAccessor: Accessor, nextAttrs: Record<string, unknown>): void;
-export declare function _attrs_partial(scope: Scope, nodeAccessor: Accessor, nextAttrs: Record<string, unknown>, skip: Record<string, 1>): void;
-export declare function _attrs_partial_content(scope: Scope, nodeAccessor: Accessor, nextAttrs: Record<string, unknown>, skip: Record<string, 1>): void;
+export declare function _attrs(scope: Scope, nodeAccessor: Accessor, nextAttrs: Record<string, unknown>, controllable?: ControllableAttrs): void;
+export declare function _attrs_content(scope: Scope, nodeAccessor: Accessor, nextAttrs: Record<string, unknown>, controllable?: ControllableAttrs): void;
+export declare function _attrs_partial(scope: Scope, nodeAccessor: Accessor, nextAttrs: Record<string, unknown>, skip: Record<string, 1>, controllable?: ControllableAttrs): void;
+export declare function _attrs_partial_content(scope: Scope, nodeAccessor: Accessor, nextAttrs: Record<string, unknown>, skip: Record<string, 1>, controllable?: ControllableAttrs): void;
 export declare function _attr_content(scope: Scope, nodeAccessor: Accessor, value: unknown): void;
 export declare function _attrs_script(scope: Scope, nodeAccessor: Accessor): void;
 export declare function _html(scope: Scope, value: unknown, accessor: Accessor): void;

package/dist/dom.d.ts

@@ -5,7 +5,7 @@ export { _call } from "./common/helpers";
 export { $signal, $signalReset } from "./dom/abort-signal";
 export { compat } from "./dom/compat";
 export { _await_content, _await_promise, _dynamic_tag, _dynamic_tag_content, _for_in, _for_of, _for_to, _for_until, _if, _resume_dynamic_tag, _show, _try, } from "./dom/control-flow";
-export { _attr_details_or_dialog_open as _attr_details_open, _attr_details_or_dialog_open_default as _attr_details_open_default, _attr_details_or_dialog_open_script as _attr_details_open_script, _attr_details_or_dialog_open as _attr_dialog_open, _attr_details_or_dialog_open_default as _attr_dialog_open_default, _attr_details_or_dialog_open_script as _attr_dialog_open_script, _attr_input_checked, _attr_input_checked_default, _attr_input_checked_script, _attr_input_checkedValue, _attr_input_checkedValue_default, _attr_input_checkedValue_script, _attr_input_value, _attr_input_value_attribute_default, _attr_input_value_default, _attr_input_value_dynamic_default, _attr_input_value_script, _attr_select_value, _attr_select_value_default, _attr_select_value_script, _attr_input_value as _attr_textarea_value, _attr_input_value_default as _attr_textarea_value_default, _attr_input_value_script as _attr_textarea_value_script, } from "./dom/controllable";
+export { _attr_details_or_dialog_open as _attr_details_open, _attr_details_or_dialog_open_default as _attr_details_open_default, _attr_details_or_dialog_open_script as _attr_details_open_script, _attr_details_or_dialog_open as _attr_dialog_open, _attr_details_or_dialog_open_default as _attr_dialog_open_default, _attr_details_or_dialog_open_script as _attr_dialog_open_script, _attr_input_checked, _attr_input_checked_default, _attr_input_checked_script, _attr_input_checkedValue, _attr_input_checkedValue_default, _attr_input_checkedValue_script, _attr_input_value, _attr_input_value_attribute_default, _attr_input_value_default, _attr_input_value_dynamic_default, _attr_input_value_script, _attr_select_value, _attr_select_value_default, _attr_select_value_script, _attr_input_value as _attr_textarea_value, _attr_input_value_default as _attr_textarea_value_default, _attr_input_value_script as _attr_textarea_value_script, _controllable_input, _controllable_open, _controllable_select, _controllable_textarea, _enable_controllable, _enable_controllable_input, _enable_controllable_open, _enable_controllable_select, _enable_controllable_textarea, } from "./dom/controllable";
 export { _attr, _attr_class, _attr_class_item, _attr_class_items, _attr_content, _attr_nonce, _attr_style, _attr_style_item, _attr_style_items, _attrs, _attrs_content, _attrs_partial, _attrs_partial_content, _attrs_script, _html, _lifecycle, _style_rule_item, _style_shell, _text, _text_content, _to_text, } from "./dom/dom";
 export { _on } from "./dom/event";
 export { _load_event_trigger, _load_idle_trigger, _load_media_trigger, _load_race_trigger, _load_setup, _load_signal, _load_template, _load_visible_trigger, } from "./dom/load";