marko 6.3.23 → 6.3.25

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) {
@@ -1494,58 +1508,64 @@ function _await_promise(nodeAccessor, params) {
 	const promiseAccessor = Promise$1 + nodeAccessor;
 	const branchAccessor = BranchScopes$1 + nodeAccessor;
 	_enable_catch();
-	return (scope, promise) => {
-		if (!isPromise(promise)) {
-			if (!scope[promiseAccessor]) {
-				const resolve = () => resolveAwait(scope, branchAccessor, nodeAccessor, scope[nodeAccessor], params, promise);
-				if (scope[branchAccessor]) resolve();
-				else scope[promiseAccessor] = resolve;
-				return;
-			}
-			promise = Promise.resolve(promise);
+	const resolveAwait = (scope, referenceNode, value) => {
+		const awaitBranch = scope[branchAccessor];
+		if (awaitBranch["#DetachedAwait"]) {
+			awaitBranch[PendingScopes] = awaitBranch[PendingScopes]?.forEach(syncGen);
+			setupBranch(awaitBranch[DetachedAwait], awaitBranch);
+			awaitBranch[DetachedAwait] = 0;
+			insertBranchBefore(awaitBranch, scope[nodeAccessor].parentNode, scope[nodeAccessor]);
+			referenceNode.remove();
 		}
+		params?.(awaitBranch, [value]);
+		return awaitBranch;
+	};
+	const awaitPromise = (scope, promise) => {
+		if (!isPromise(promise) && scope[promiseAccessor]) promise = Promise.resolve(promise);
 		let awaitBranch = scope[branchAccessor];
 		const tryPlaceholder = findBranchWithKey(scope, PlaceholderContent);
 		const tryBranch = tryPlaceholder || awaitBranch;
+		if (!(isPromise(promise) ? tryBranch : awaitBranch)) {
+			scope[promiseAccessor] = () => awaitPromise(scope, promise);
+			return;
+		}
+		if (!isPromise(promise)) {
+			resolveAwait(scope, scope[nodeAccessor], promise);
+			return;
+		}
 		let awaitCounter = tryBranch[AwaitCounter];
 		placeholderShown.add(pendingEffects);
-		if (tryPlaceholder) {
-			if (!scope[promiseAccessor]) {
-				if (awaitBranch) awaitBranch[PendingRenders] ||= [];
-				awaitCounter = addAwaitCounter(scope, tryPlaceholder);
-			}
-		} else {
-			if (!awaitCounter?.i) awaitCounter = tryBranch[AwaitCounter] = {
-				i: 0,
-				c() {
-					if (--awaitCounter.i) return 1;
-					if (tryBranch === scope[branchAccessor]) {
-						const anchor = scope[nodeAccessor];
-						if (anchor.parentNode) {
-							const detachedParent = scope[branchAccessor][StartNode].parentNode;
-							if (detachedParent === anchor.parentNode) anchor.remove();
-							else anchor.replaceWith(detachedParent);
-						}
-					} else dismissPlaceholder(tryBranch);
-					queueEffect(tryBranch, runPendingEffects);
+		if (!tryPlaceholder && !awaitCounter?.i) awaitCounter = createAwaitCounter(tryBranch, () => {
+			if (tryBranch === scope[branchAccessor]) {
+				const anchor = scope[nodeAccessor];
+				if (anchor.parentNode) {
+					const detachedParent = scope[branchAccessor][StartNode].parentNode;
+					if (detachedParent === anchor.parentNode) anchor.remove();
+					else anchor.replaceWith(detachedParent);
 				}
-			};
-			if (!scope[promiseAccessor]) {
-				if (awaitBranch) awaitBranch[PendingRenders] ||= [];
-				if (!awaitCounter.i++) requestAnimationFrame(() => awaitCounter.i && runEffects(prepareEffects(() => queueRender(scope, () => {
-					if (!awaitBranch["#DetachedAwait"]) {
-						awaitBranch["#StartNode"].parentNode.insertBefore(scope[nodeAccessor], awaitBranch["#StartNode"]);
-						tempDetachBranch(tryBranch);
-					}
-				}, -1))));
-			}
+			} else dismissPlaceholder(tryBranch);
+		});
+		if (!scope[promiseAccessor]) {
+			if (awaitBranch) awaitBranch[PendingRenders] ||= [];
+			if (tryPlaceholder) awaitCounter = addAwaitCounter(scope, tryPlaceholder);
+			else if (!awaitCounter.i++) requestAnimationFrame(() => awaitCounter.i && runEffects(prepareEffects(() => queueRender(scope, () => {
+				if (!awaitBranch["#DetachedAwait"]) {
+					awaitBranch["#StartNode"].parentNode.insertBefore(scope[nodeAccessor], awaitBranch["#StartNode"]);
+					tempDetachBranch(tryBranch);
+				}
+			}, -1))));
 		}
 		const thisPromise = scope[promiseAccessor] = promise.then((data) => {
 			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, branchAccessor, nodeAccessor, referenceNode, params, data);
+					awaitBranch = resolveAwait(scope, referenceNode, data);
 					const pendingRenders = awaitBranch[PendingRenders];
 					awaitBranch[PendingRenders] = 0;
 					pendingRenders?.forEach(queuePendingRender);
@@ -1577,18 +1597,7 @@ function _await_promise(nodeAccessor, params) {
 			}
 		});
 	};
-}
-function resolveAwait(scope, branchAccessor, nodeAccessor, referenceNode, params, value) {
-	const awaitBranch = scope[branchAccessor];
-	if (awaitBranch["#DetachedAwait"]) {
-		awaitBranch[PendingScopes] = awaitBranch[PendingScopes]?.forEach(syncGen);
-		setupBranch(awaitBranch[DetachedAwait], awaitBranch);
-		awaitBranch[DetachedAwait] = 0;
-		insertBranchBefore(awaitBranch, scope[nodeAccessor].parentNode, scope[nodeAccessor]);
-		referenceNode.remove();
-	}
-	params?.(awaitBranch, [value]);
-	return awaitBranch;
+	return awaitPromise;
 }
 function _await_content(nodeAccessor, template, walks, setup) {
 	const branchAccessor = BranchScopes$1 + nodeAccessor;
@@ -1607,19 +1616,23 @@ function _await_content(nodeAccessor, template, walks, setup) {
 function addAwaitCounter(scope, tryBranch = findBranchWithKey(scope, PlaceholderContent)) {
 	if (!tryBranch) return;
 	let awaitCounter = tryBranch[AwaitCounter];
-	if (!awaitCounter?.i) awaitCounter = tryBranch[AwaitCounter] = {
+	if (!awaitCounter?.i) awaitCounter = createAwaitCounter(tryBranch, () => dismissPlaceholder(tryBranch));
+	placeholderShown.add(pendingEffects);
+	if (!awaitCounter.i++) requestAnimationFrame(() => awaitCounter.i && runEffects(prepareEffects(() => queueRender(tryBranch, () => {
+		insertBranchBefore(tryBranch["#PlaceholderBranch"] = createAndSetupBranch(tryBranch["$global"], tryBranch["#PlaceholderContent"], tryBranch["_"], tryBranch["#StartNode"].parentNode), tryBranch["#StartNode"].parentNode, tryBranch["#StartNode"]);
+		tempDetachBranch(tryBranch);
+	}, -1))));
+	return awaitCounter;
+}
+function createAwaitCounter(tryBranch, done) {
+	const awaitCounter = tryBranch[AwaitCounter] = {
 		i: 0,
 		c() {
 			if (--awaitCounter.i) return 1;
-			dismissPlaceholder(tryBranch);
+			done();
 			queueEffect(tryBranch, runPendingEffects);
 		}
 	};
-	placeholderShown.add(pendingEffects);
-	if (!awaitCounter.i++) requestAnimationFrame(() => awaitCounter.i && runEffects(prepareEffects(() => queueRender(tryBranch, () => {
-		insertBranchBefore(tryBranch["#PlaceholderBranch"] = createAndSetupBranch(tryBranch["$global"], tryBranch["#PlaceholderContent"], tryBranch["_"], tryBranch["#StartNode"].parentNode), tryBranch["#StartNode"].parentNode, tryBranch["#StartNode"]);
-		tempDetachBranch(tryBranch);
-	}, -1))));
 	return awaitCounter;
 }
 function runPendingEffects(scope) {
@@ -2335,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/debug/html.js

@@ -624,7 +624,7 @@ function writeScopesRoot(state, flushes) {
 		const ref = state.refs.get(scope) || newScopeReference(state, scope, scopeId);
 		const openIndex = buf.push("") - 1;
 		if (writeObjectProps(state, flush[2], ref)) {
-			buf[openIndex] = nextSlotId === -1 ? "[" + scopeId + ",{" : (scopeId > nextSlotId ? "," + (scopeId - nextSlotId) : "") + ",{";
+			buf[openIndex] = nextSlotId === -1 ? "[" + scopeId + ",{" : (scopeId !== nextSlotId ? "," + (scopeId - nextSlotId) : "") + ",{";
 			if (fillIndex === -1) fillIndex = openIndex;
 			nextSlotId = scopeId + 1;
 			buf.push("}");

package/dist/debug/html.mjs

@@ -622,7 +622,7 @@ function writeScopesRoot(state, flushes) {
 		const ref = state.refs.get(scope) || newScopeReference(state, scope, scopeId);
 		const openIndex = buf.push("") - 1;
 		if (writeObjectProps(state, flush[2], ref)) {
-			buf[openIndex] = nextSlotId === -1 ? "[" + scopeId + ",{" : (scopeId > nextSlotId ? "," + (scopeId - nextSlotId) : "") + ",{";
+			buf[openIndex] = nextSlotId === -1 ? "[" + scopeId + ",{" : (scopeId !== nextSlotId ? "," + (scopeId - nextSlotId) : "") + ",{";
 			if (fillIndex === -1) fillIndex = openIndex;
 			nextSlotId = scopeId + 1;
 			buf.push("}");

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";