marko 6.3.23 → 6.3.25

package/dist/dom.js

@@ -14,13 +14,13 @@ let empty = [], rest = Symbol(), unsafeStyleAttrReg = /[\\;]/g, replaceUnsafeSty
 	} else if (value === 37 || value === 49) walker.currentNode.replaceWith(walker.currentNode = scope[decodeAccessor(currentScopeIndex++)] = new Text()), value === 49 && (scope[decodeAccessor(currentScopeIndex++)] = skipScope());
 	else if (value === 38) return currentWalkIndex;
 	else if (value === 47 || value === 48) currentWalkIndex = walkInternal(currentWalkIndex, walkCodes, scope[decodeAccessor(currentScopeIndex++)] = createScope(scope.$, scope.F)), value === 48 && (scope[decodeAccessor(currentScopeIndex++)] = skipScope());
-	else if (value < 92) for (value = 20 * currentMultiplier + value - 67; value--;) walker.nextNode();
+	else if (value < 92) for (value = 25 * currentMultiplier + value - 67; value--;) walker.nextNode();
 	else if (value < 107) for (value = 10 * currentMultiplier + value - 97; value--;) walker.nextSibling();
 	else if (value < 117) {
 		for (value = 10 * currentMultiplier + value - 107; value--;) walker.parentNode();
 		walker.nextSibling();
 	} else storedMultiplier = currentMultiplier * 10 + value - 117;
-}, cloneCache = {}, registeredValues = {}, curRenders, branchesEnabled, embedRenders, readyIds, isResuming, inputType = "", _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
+}, cloneCache = {}, registeredValues = {}, curRenders, branchesEnabled, embedRenders, readyIds, isResuming, inputType = "", controllableScripts = {}, controllableRenders = {}, _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
 	nodeAccessor = decodeAccessor(nodeAccessor);
 	let childScopeAccessor = "A" + nodeAccessor, rendererAccessor = "D" + nodeAccessor;
 	return enableBranches(), (scope, newRenderer, getInput) => {
@@ -595,6 +595,26 @@ function _attr_input_checked_default(scope, nodeAccessor, checked) {
 		el.defaultChecked = normalizedChecked, 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). */
+/** 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. */
+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) {
 	let el = scope[nodeAccessor], normalizedChecked = isNotVoid(checked);
 	scope["E" + nodeAccessor] = checkedChange, scope["F" + nodeAccessor] = checkedChange ? 0 : 5, checkedChange && scope.H < runId ? el.checked = normalizedChecked : _attr_input_checked_default(scope, nodeAccessor, normalizedChecked);
@@ -692,12 +712,12 @@ function _attr_select_value_script(scope, nodeAccessor) {
 			break;
 		}
 	}
-	syncControllableFormInput(el, hasSelectChanged, onChange), new MutationObserver(() => {
-		let value = scope["G" + nodeAccessor];
-		(Array.isArray(value) ? value.length !== el.selectedOptions.length || value.some((_, i) => !value.includes(el.selectedOptions[i].value)) : el.value !== value) && onChange();
-	}).observe(el, {
+	syncControllableFormInput(el, hasSelectChanged, onChange), observeOnce(scope, nodeAccessor, {
 		childList: !0,
 		subtree: !0
+	}, () => {
+		let value = scope["G" + nodeAccessor];
+		(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) {
@@ -716,17 +736,20 @@ function _attr_details_or_dialog_open(scope, nodeAccessor, open, openChange) {
 }
 function _attr_details_or_dialog_open_script(scope, nodeAccessor) {
 	let el = scope[nodeAccessor];
-	new MutationObserver(() => {
+	observeOnce(scope, nodeAccessor, {
+		attributes: !0,
+		attributeFilter: ["open"]
+	}, () => {
 		let openChange = scope["E" + nodeAccessor];
 		if (openChange && el.open === !scope["G" + nodeAccessor]) {
 			let newValue = el.open;
 			el.open = !newValue, openChange(newValue), run();
 		}
-	}).observe(el, {
-		attributes: !0,
-		attributeFilter: ["open"]
 	});
 }
+function observeOnce(scope, nodeAccessor, init, callback) {
+	(scope["N" + nodeAccessor] ||= new MutationObserver(callback)).observe(scope[nodeAccessor], init);
+}
 function syncControllableFormInput(el, hasChanged, onChange) {
 	el._ = onChange, delegate("input", handleChange), el.form && delegate("reset", handleFormReset), isResuming && hasChanged(el) && queueMicrotask(onChange);
 }
@@ -759,6 +782,18 @@ function updateList(arr, val, push) {
 	let 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) {
+	return "checked" in nextAttrs || "checkedChange" in nextAttrs ? (_attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange), /^checked(?:Value)?(?:Change)?$/) : "checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs ? (_attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value), /^(?:value|checked(?:Value)?)(?:Change)?$/) : _controllable_textarea(scope, nodeAccessor, nextAttrs, _attr_input_value_dynamic_default);
+}
+function _controllable_textarea(scope, nodeAccessor, nextAttrs, dynamicDefault) {
+	if ("value" in nextAttrs || "valueChange" in nextAttrs) return _attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange, dynamicDefault), /^value(?:Change)?$/;
+}
+function _controllable_select(scope, nodeAccessor, nextAttrs) {
+	if ("value" in nextAttrs || "valueChange" in nextAttrs) return _attr_select_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange), /^value(?:Change)?$/;
+}
+function _controllable_open(scope, nodeAccessor, nextAttrs) {
+	if ("open" in nextAttrs || "openChange" in nextAttrs) return _attr_details_or_dialog_open(scope, nodeAccessor, nextAttrs.open, nextAttrs.openChange), /^open(?:Change)?$/;
+}
 //#endregion
 //#region src/dom/dom.ts
 function _to_text(value) {
@@ -807,21 +842,21 @@ function _text_content(node, value) {
 	let normalizedValue = _to_text(value);
 	node.textContent !== normalizedValue && (node.textContent = normalizedValue);
 }
-function _attrs(scope, nodeAccessor, nextAttrs) {
+function _attrs(scope, nodeAccessor, nextAttrs, controllable) {
 	let el = scope[nodeAccessor];
 	for (let i = el.attributes.length; i--;) {
 		let { name } = el.attributes.item(i);
 		nextAttrs && (name in nextAttrs || hasAttrAlias(el, name, nextAttrs)) || el.removeAttribute(name);
 	}
-	attrsInternal(scope, nodeAccessor, nextAttrs);
+	attrsInternal(scope, nodeAccessor, nextAttrs, controllable);
 }
-function _attrs_content(scope, nodeAccessor, nextAttrs) {
-	_attrs(scope, nodeAccessor, nextAttrs), _attr_content(scope, nodeAccessor, nextAttrs?.content);
+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) {
 	let el = scope[nodeAccessor], partial = {};
 	for (let i = el.attributes.length; i--;) {
 		let { name } = el.attributes.item(i);
@@ -831,29 +866,16 @@ function _attrs_partial(scope, nodeAccessor, nextAttrs, skip) {
 		let key = isEventHandler(name) ? `on-${getEventHandlerName(name)}` : name;
 		skip[key] || (partial[key] = nextAttrs[name]);
 	}
-	attrsInternal(scope, nodeAccessor, partial);
+	attrsInternal(scope, nodeAccessor, partial, controllable);
 }
-function _attrs_partial_content(scope, nodeAccessor, nextAttrs, skip) {
-	_attrs_partial(scope, nodeAccessor, nextAttrs, skip), _attr_content(scope, nodeAccessor, nextAttrs?.content);
+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) {
-	let el = scope[nodeAccessor], events = scope["I" + nodeAccessor], skip;
+function attrsInternal(scope, nodeAccessor, nextAttrs, controllable) {
+	let el = scope[nodeAccessor], events = scope["I" + nodeAccessor];
 	for (let name in events) events[name] = 0;
-	switch (scope["F" + nodeAccessor] = 5, scope["E" + nodeAccessor] = 0, nextAttrs && el.tagName) {
-		case "INPUT":
-			"checked" in nextAttrs || "checkedChange" in nextAttrs ? (_attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange), skip = /^checked(?:Value)?(?:Change)?$/) : "checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs ? (_attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value), skip = /^(?:value|checked(?:Value)?)(?:Change)?$/) : ("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":
-			("value" in nextAttrs || "valueChange" in nextAttrs) && (_attr_select_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange), skip = /^value(?:Change)?$/);
-			break;
-		case "TEXTAREA":
-			("value" in nextAttrs || "valueChange" in nextAttrs) && (_attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange), skip = /^value(?:Change)?$/);
-			break;
-		case "DETAILS":
-		case "DIALOG":
-			("open" in nextAttrs || "openChange" in nextAttrs) && (_attr_details_or_dialog_open(scope, nodeAccessor, nextAttrs.open, nextAttrs.openChange), skip = /^open(?:Change)?$/);
-			break;
-	}
+	scope["F" + nodeAccessor] = 5, scope["E" + nodeAccessor] = 0;
+	let skip = nextAttrs && (controllable || controllableRenders[el.tagName])?.(scope, nodeAccessor, nextAttrs);
 	for (let name in nextAttrs) {
 		let value = nextAttrs[name];
 		switch (name) {
@@ -876,23 +898,7 @@ function _attr_content(scope, nodeAccessor, value) {
 }
 function _attrs_script(scope, nodeAccessor) {
 	let el = scope[nodeAccessor], events = scope["I" + nodeAccessor];
-	switch (scope["F" + 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["F" + nodeAccessor]]?.(scope, nodeAccessor);
 	for (let name in events) _on(el, name, events[name]);
 }
 function _html(scope, value, accessor) {
@@ -934,37 +940,42 @@ function toInsertNode(startNode, endNode) {
 function _await_promise(nodeAccessor, params) {
 	nodeAccessor = decodeAccessor(nodeAccessor);
 	let promiseAccessor = "L" + nodeAccessor, branchAccessor = "A" + nodeAccessor;
-	return _enable_catch(), (scope, promise) => {
+	_enable_catch();
+	let resolveAwait = (scope, referenceNode, value) => {
+		let awaitBranch = scope[branchAccessor];
+		return awaitBranch.V && (awaitBranch.Y = awaitBranch.Y?.forEach(syncGen), setupBranch(awaitBranch.V, awaitBranch), awaitBranch.V = 0, insertBranchBefore(awaitBranch, scope[nodeAccessor].parentNode, scope[nodeAccessor]), referenceNode.remove()), params?.(awaitBranch, [value]), awaitBranch;
+	}, awaitPromise = (scope, promise) => {
+		!isPromise(promise) && scope[promiseAccessor] && (promise = Promise.resolve(promise));
+		let awaitBranch = scope[branchAccessor], tryPlaceholder = findBranchWithKey(scope, "Q"), tryBranch = tryPlaceholder || awaitBranch;
+		if (!(isPromise(promise) ? tryBranch : awaitBranch)) {
+			scope[promiseAccessor] = () => awaitPromise(scope, promise);
+			return;
+		}
 		if (!isPromise(promise)) {
-			if (!scope[promiseAccessor]) {
-				let resolve = () => resolveAwait(scope, branchAccessor, nodeAccessor, scope[nodeAccessor], params, promise);
-				scope[branchAccessor] ? resolve() : scope[promiseAccessor] = resolve;
-				return;
-			}
-			promise = Promise.resolve(promise);
+			resolveAwait(scope, scope[nodeAccessor], promise);
+			return;
 		}
-		let awaitBranch = scope[branchAccessor], tryPlaceholder = findBranchWithKey(scope, "Q"), tryBranch = tryPlaceholder || awaitBranch, awaitCounter = tryBranch.O;
-		placeholderShown.add(pendingEffects), tryPlaceholder ? scope[promiseAccessor] || (awaitBranch && (awaitBranch.W ||= []), awaitCounter = addAwaitCounter(scope, tryPlaceholder)) : (awaitCounter?.i || (awaitCounter = tryBranch.O = {
-			i: 0,
-			c() {
-				if (--awaitCounter.i) return 1;
-				if (tryBranch === scope[branchAccessor]) {
-					let anchor = scope[nodeAccessor];
-					if (anchor.parentNode) {
-						let detachedParent = scope[branchAccessor].S.parentNode;
-						detachedParent === anchor.parentNode ? anchor.remove() : anchor.replaceWith(detachedParent);
-					}
-				} else dismissPlaceholder(tryBranch);
-				queueEffect(tryBranch, runPendingEffects);
-			}
-		}), scope[promiseAccessor] || (awaitBranch && (awaitBranch.W ||= []), awaitCounter.i++ || requestAnimationFrame(() => awaitCounter.i && runEffects(prepareEffects(() => queueRender(scope, () => {
+		let awaitCounter = tryBranch.O;
+		placeholderShown.add(pendingEffects), !tryPlaceholder && !awaitCounter?.i && (awaitCounter = createAwaitCounter(tryBranch, () => {
+			if (tryBranch === scope[branchAccessor]) {
+				let anchor = scope[nodeAccessor];
+				if (anchor.parentNode) {
+					let detachedParent = scope[branchAccessor].S.parentNode;
+					detachedParent === anchor.parentNode ? anchor.remove() : anchor.replaceWith(detachedParent);
+				}
+			} else dismissPlaceholder(tryBranch);
+		})), scope[promiseAccessor] || (awaitBranch && (awaitBranch.W ||= []), tryPlaceholder ? awaitCounter = addAwaitCounter(scope, tryPlaceholder) : awaitCounter.i++ || requestAnimationFrame(() => awaitCounter.i && runEffects(prepareEffects(() => queueRender(scope, () => {
 			awaitBranch.V || (awaitBranch.S.parentNode.insertBefore(scope[nodeAccessor], awaitBranch.S), tempDetachBranch(tryBranch));
-		}, -1))))));
+		}, -1)))));
 		let thisPromise = scope[promiseAccessor] = promise.then((data) => {
 			if (thisPromise === scope[promiseAccessor]) {
 				let referenceNode = scope[nodeAccessor];
-				scope[promiseAccessor] = 0, queueAsyncRender(scope, () => {
-					awaitBranch = resolveAwait(scope, branchAccessor, nodeAccessor, referenceNode, params, data);
+				if (scope[promiseAccessor] = 0, scope.F?.H === 0) {
+					awaitCounter.c(), run();
+					return;
+				}
+				queueAsyncRender(scope, () => {
+					awaitBranch = resolveAwait(scope, referenceNode, data);
 					let pendingRenders = awaitBranch.W;
 					if (awaitBranch.W = 0, pendingRenders?.forEach(queuePendingRender), placeholderShown.add(pendingEffects), awaitCounter.c(), awaitCounter.m) {
 						let fnScopes = /* @__PURE__ */ new Map(), effects = awaitCounter.m([]);
@@ -983,10 +994,7 @@ function _await_promise(nodeAccessor, params) {
 			thisPromise === scope[promiseAccessor] && (scope[promiseAccessor] = 0, tryPlaceholder && !awaitCounter.m ? awaitCounter.c() : awaitCounter.i = 0, queueAsyncRender(scope, renderCatch, error));
 		});
 	};
-}
-function resolveAwait(scope, branchAccessor, nodeAccessor, referenceNode, params, value) {
-	let awaitBranch = scope[branchAccessor];
-	return awaitBranch.V && (awaitBranch.Y = awaitBranch.Y?.forEach(syncGen), setupBranch(awaitBranch.V, awaitBranch), awaitBranch.V = 0, insertBranchBefore(awaitBranch, scope[nodeAccessor].parentNode, scope[nodeAccessor]), referenceNode.remove()), params?.(awaitBranch, [value]), awaitBranch;
+	return awaitPromise;
 }
 function _await_content(nodeAccessor, template, walks, setup) {
 	nodeAccessor = decodeAccessor(nodeAccessor);
@@ -1001,15 +1009,19 @@ function _await_content(nodeAccessor, template, walks, setup) {
 function addAwaitCounter(scope, tryBranch = findBranchWithKey(scope, "Q")) {
 	if (!tryBranch) return;
 	let awaitCounter = tryBranch.O;
-	return awaitCounter?.i || (awaitCounter = tryBranch.O = {
+	return awaitCounter?.i || (awaitCounter = createAwaitCounter(tryBranch, () => dismissPlaceholder(tryBranch))), placeholderShown.add(pendingEffects), awaitCounter.i++ || requestAnimationFrame(() => awaitCounter.i && runEffects(prepareEffects(() => queueRender(tryBranch, () => {
+		insertBranchBefore(tryBranch.P = createAndSetupBranch(tryBranch.$, tryBranch.Q, tryBranch._, tryBranch.S.parentNode), tryBranch.S.parentNode, tryBranch.S), tempDetachBranch(tryBranch);
+	}, -1)))), awaitCounter;
+}
+function createAwaitCounter(tryBranch, done) {
+	let awaitCounter = tryBranch.O = {
 		i: 0,
 		c() {
 			if (--awaitCounter.i) return 1;
-			dismissPlaceholder(tryBranch), queueEffect(tryBranch, runPendingEffects);
+			done(), queueEffect(tryBranch, runPendingEffects);
 		}
-	}), placeholderShown.add(pendingEffects), awaitCounter.i++ || requestAnimationFrame(() => awaitCounter.i && runEffects(prepareEffects(() => queueRender(tryBranch, () => {
-		insertBranchBefore(tryBranch.P = createAndSetupBranch(tryBranch.$, tryBranch.Q, tryBranch._, tryBranch.S.parentNode), tryBranch.S.parentNode, tryBranch.S), tempDetachBranch(tryBranch);
-	}, -1)))), awaitCounter;
+	};
+	return awaitCounter;
 }
 function runPendingEffects(scope) {
 	let effects = scope.J;
@@ -1357,9 +1369,9 @@ function _load_race_trigger(...triggers) {
 function getSelectorOrResolve(selector, resolve) {
 	return document.querySelector(selector) || resolve();
 }
-exports.$signal = $signal, exports.$signalReset = $signalReset, exports._assert_hoist = _assert_hoist, exports._assert_init = _assert_init, exports._attr = _attr, exports._attr_class = _attr_class, exports._attr_class_item = _attr_class_item, exports._attr_class_items = _attr_class_items, exports._attr_content = _attr_content, exports._attr_details_open = _attr_details_or_dialog_open, exports._attr_dialog_open = _attr_details_or_dialog_open, exports._attr_details_open_default = _attr_details_or_dialog_open_default, exports._attr_dialog_open_default = _attr_details_or_dialog_open_default, exports._attr_details_open_script = _attr_details_or_dialog_open_script, exports._attr_dialog_open_script = _attr_details_or_dialog_open_script, exports._attr_input_checked = _attr_input_checked, exports._attr_input_checkedValue = _attr_input_checkedValue, exports._attr_input_checkedValue_default = _attr_input_checkedValue_default, exports._attr_input_checkedValue_script = _attr_input_checkedValue_script, exports._attr_input_checked_default = _attr_input_checked_default, exports._attr_input_checked_script = _attr_input_checked_script, exports._attr_input_value = _attr_input_value, exports._attr_textarea_value = _attr_input_value, exports._attr_input_value_attribute_default = _attr_input_value_attribute_default, exports._attr_input_value_default = _attr_input_value_default, exports._attr_textarea_value_default = _attr_input_value_default, exports._attr_input_value_dynamic_default = _attr_input_value_dynamic_default, exports._attr_input_value_script = _attr_input_value_script, exports._attr_textarea_value_script = _attr_input_value_script, exports._attr_nonce = _attr_nonce, exports._attr_select_value = _attr_select_value, exports._attr_select_value_default = _attr_select_value_default, exports._attr_select_value_script = _attr_select_value_script, exports._attr_style = _attr_style, exports._attr_style_item = _attr_style_item, exports._attr_style_items = _attr_style_items, exports._attrs = _attrs, exports._attrs_content = _attrs_content, exports._attrs_partial = _attrs_partial, exports._attrs_partial_content = _attrs_partial_content, exports._attrs_script = _attrs_script, exports._await_content = _await_content, exports._await_promise = _await_promise, exports._call = _call, exports._child_setup = _child_setup, exports._closure = _closure, exports._closure_get = _closure_get, exports._const = _const, exports._content = _content, exports._content_closures = _content_closures, exports._content_resume = _content_resume, Object.defineProperty(exports, "_dynamic_tag", {
+exports.$signal = $signal, exports.$signalReset = $signalReset, exports._assert_hoist = _assert_hoist, exports._assert_init = _assert_init, exports._attr = _attr, exports._attr_class = _attr_class, exports._attr_class_item = _attr_class_item, exports._attr_class_items = _attr_class_items, exports._attr_content = _attr_content, exports._attr_details_open = _attr_details_or_dialog_open, exports._attr_dialog_open = _attr_details_or_dialog_open, exports._attr_details_open_default = _attr_details_or_dialog_open_default, exports._attr_dialog_open_default = _attr_details_or_dialog_open_default, exports._attr_details_open_script = _attr_details_or_dialog_open_script, exports._attr_dialog_open_script = _attr_details_or_dialog_open_script, exports._attr_input_checked = _attr_input_checked, exports._attr_input_checkedValue = _attr_input_checkedValue, exports._attr_input_checkedValue_default = _attr_input_checkedValue_default, exports._attr_input_checkedValue_script = _attr_input_checkedValue_script, exports._attr_input_checked_default = _attr_input_checked_default, exports._attr_input_checked_script = _attr_input_checked_script, exports._attr_input_value = _attr_input_value, exports._attr_textarea_value = _attr_input_value, exports._attr_input_value_attribute_default = _attr_input_value_attribute_default, exports._attr_input_value_default = _attr_input_value_default, exports._attr_textarea_value_default = _attr_input_value_default, exports._attr_input_value_dynamic_default = _attr_input_value_dynamic_default, exports._attr_input_value_script = _attr_input_value_script, exports._attr_textarea_value_script = _attr_input_value_script, exports._attr_nonce = _attr_nonce, exports._attr_select_value = _attr_select_value, exports._attr_select_value_default = _attr_select_value_default, exports._attr_select_value_script = _attr_select_value_script, exports._attr_style = _attr_style, exports._attr_style_item = _attr_style_item, exports._attr_style_items = _attr_style_items, exports._attrs = _attrs, exports._attrs_content = _attrs_content, exports._attrs_partial = _attrs_partial, exports._attrs_partial_content = _attrs_partial_content, exports._attrs_script = _attrs_script, exports._await_content = _await_content, exports._await_promise = _await_promise, exports._call = _call, exports._child_setup = _child_setup, exports._closure = _closure, exports._closure_get = _closure_get, 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: !0,
 	get: function() {
 		return _dynamic_tag;
 	}
-}), exports._dynamic_tag_content = _dynamic_tag_content, exports._el = _el, exports._el_read = _el_read, exports._enable_catch = _enable_catch, exports._for_closure = _for_closure, exports._for_in = _for_in, exports._for_of = _for_of, exports._for_selector = _for_selector, exports._for_to = _for_to, exports._for_until = _for_until, exports._hoist = _hoist, exports._hoist_resume = _hoist_resume, exports._html = _html, exports._id = _id, exports._if = _if, exports._if_closure = _if_closure, exports._let = _let, exports._let_change = _let_change, exports._lifecycle = _lifecycle, exports._load_event_trigger = _load_event_trigger, exports._load_idle_trigger = _load_idle_trigger, exports._load_media_trigger = _load_media_trigger, exports._load_race_trigger = _load_race_trigger, exports._load_setup = _load_setup, exports._load_signal = _load_signal, exports._load_template = _load_template, exports._load_visible_trigger = _load_visible_trigger, exports._on = _on, exports._or = _or, exports._resume = _resume, exports._resume_dynamic_tag = _resume_dynamic_tag, exports._return = _return, exports._return_change = _return_change, exports._script = _script, exports._show = _show, exports._style_rule_item = _style_rule_item, exports._style_shell = _style_shell, exports._template = _template, exports._text = _text, exports._text_content = _text_content, exports._to_text = _to_text, exports._try = _try, exports._var = _var, exports._var_change = _var_change, exports._var_resume = _var_resume, exports.attrTag = attrTag, exports.attrTags = attrTags, exports.compat = compat, exports.forIn = forIn, exports.forOf = forOf, exports.forTo = forTo, exports.forUntil = forUntil, exports.init = init, exports.initEmbedded = initEmbedded, exports.ready = ready, exports.run = run;
+}), 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, exports._for_selector = _for_selector, exports._for_to = _for_to, exports._for_until = _for_until, exports._hoist = _hoist, exports._hoist_resume = _hoist_resume, exports._html = _html, exports._id = _id, exports._if = _if, exports._if_closure = _if_closure, exports._let = _let, exports._let_change = _let_change, exports._lifecycle = _lifecycle, exports._load_event_trigger = _load_event_trigger, exports._load_idle_trigger = _load_idle_trigger, exports._load_media_trigger = _load_media_trigger, exports._load_race_trigger = _load_race_trigger, exports._load_setup = _load_setup, exports._load_signal = _load_signal, exports._load_template = _load_template, exports._load_visible_trigger = _load_visible_trigger, exports._on = _on, exports._or = _or, exports._resume = _resume, exports._resume_dynamic_tag = _resume_dynamic_tag, exports._return = _return, exports._return_change = _return_change, exports._script = _script, exports._show = _show, exports._style_rule_item = _style_rule_item, exports._style_shell = _style_shell, exports._template = _template, exports._text = _text, exports._text_content = _text_content, exports._to_text = _to_text, exports._try = _try, exports._var = _var, exports._var_change = _var_change, exports._var_resume = _var_resume, exports.attrTag = attrTag, exports.attrTags = attrTags, exports.compat = compat, exports.forIn = forIn, exports.forOf = forOf, exports.forTo = forTo, exports.forUntil = forUntil, exports.init = init, exports.initEmbedded = initEmbedded, exports.ready = ready, exports.run = run;

package/dist/dom.mjs

@@ -14,13 +14,13 @@ let empty = [], rest = Symbol(), unsafeStyleAttrReg = /[\\;]/g, replaceUnsafeSty
 	} else if (value === 37 || value === 49) walker.currentNode.replaceWith(walker.currentNode = scope[decodeAccessor(currentScopeIndex++)] = new Text()), value === 49 && (scope[decodeAccessor(currentScopeIndex++)] = skipScope());
 	else if (value === 38) return currentWalkIndex;
 	else if (value === 47 || value === 48) currentWalkIndex = walkInternal(currentWalkIndex, walkCodes, scope[decodeAccessor(currentScopeIndex++)] = createScope(scope.$, scope.F)), value === 48 && (scope[decodeAccessor(currentScopeIndex++)] = skipScope());
-	else if (value < 92) for (value = 20 * currentMultiplier + value - 67; value--;) walker.nextNode();
+	else if (value < 92) for (value = 25 * currentMultiplier + value - 67; value--;) walker.nextNode();
 	else if (value < 107) for (value = 10 * currentMultiplier + value - 97; value--;) walker.nextSibling();
 	else if (value < 117) {
 		for (value = 10 * currentMultiplier + value - 107; value--;) walker.parentNode();
 		walker.nextSibling();
 	} else storedMultiplier = currentMultiplier * 10 + value - 117;
-}, cloneCache = {}, registeredValues = {}, curRenders, branchesEnabled, embedRenders, readyIds, isResuming, inputType = "", _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
+}, cloneCache = {}, registeredValues = {}, curRenders, branchesEnabled, embedRenders, readyIds, isResuming, inputType = "", controllableScripts = {}, controllableRenders = {}, _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
 	nodeAccessor = decodeAccessor(nodeAccessor);
 	let childScopeAccessor = "A" + nodeAccessor, rendererAccessor = "D" + nodeAccessor;
 	return enableBranches(), (scope, newRenderer, getInput) => {
@@ -594,6 +594,26 @@ function _attr_input_checked_default(scope, nodeAccessor, checked) {
 		el.defaultChecked = normalizedChecked, 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). */
+/** 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. */
+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) {
 	let el = scope[nodeAccessor], normalizedChecked = isNotVoid(checked);
 	scope["E" + nodeAccessor] = checkedChange, scope["F" + nodeAccessor] = checkedChange ? 0 : 5, checkedChange && scope.H < runId ? el.checked = normalizedChecked : _attr_input_checked_default(scope, nodeAccessor, normalizedChecked);
@@ -691,12 +711,12 @@ function _attr_select_value_script(scope, nodeAccessor) {
 			break;
 		}
 	}
-	syncControllableFormInput(el, hasSelectChanged, onChange), new MutationObserver(() => {
-		let value = scope["G" + nodeAccessor];
-		(Array.isArray(value) ? value.length !== el.selectedOptions.length || value.some((_, i) => !value.includes(el.selectedOptions[i].value)) : el.value !== value) && onChange();
-	}).observe(el, {
+	syncControllableFormInput(el, hasSelectChanged, onChange), observeOnce(scope, nodeAccessor, {
 		childList: !0,
 		subtree: !0
+	}, () => {
+		let value = scope["G" + nodeAccessor];
+		(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) {
@@ -715,17 +735,20 @@ function _attr_details_or_dialog_open(scope, nodeAccessor, open, openChange) {
 }
 function _attr_details_or_dialog_open_script(scope, nodeAccessor) {
 	let el = scope[nodeAccessor];
-	new MutationObserver(() => {
+	observeOnce(scope, nodeAccessor, {
+		attributes: !0,
+		attributeFilter: ["open"]
+	}, () => {
 		let openChange = scope["E" + nodeAccessor];
 		if (openChange && el.open === !scope["G" + nodeAccessor]) {
 			let newValue = el.open;
 			el.open = !newValue, openChange(newValue), run();
 		}
-	}).observe(el, {
-		attributes: !0,
-		attributeFilter: ["open"]
 	});
 }
+function observeOnce(scope, nodeAccessor, init, callback) {
+	(scope["N" + nodeAccessor] ||= new MutationObserver(callback)).observe(scope[nodeAccessor], init);
+}
 function syncControllableFormInput(el, hasChanged, onChange) {
 	el._ = onChange, delegate("input", handleChange), el.form && delegate("reset", handleFormReset), isResuming && hasChanged(el) && queueMicrotask(onChange);
 }
@@ -758,6 +781,18 @@ function updateList(arr, val, push) {
 	let 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) {
+	return "checked" in nextAttrs || "checkedChange" in nextAttrs ? (_attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange), /^checked(?:Value)?(?:Change)?$/) : "checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs ? (_attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value), /^(?:value|checked(?:Value)?)(?:Change)?$/) : _controllable_textarea(scope, nodeAccessor, nextAttrs, _attr_input_value_dynamic_default);
+}
+function _controllable_textarea(scope, nodeAccessor, nextAttrs, dynamicDefault) {
+	if ("value" in nextAttrs || "valueChange" in nextAttrs) return _attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange, dynamicDefault), /^value(?:Change)?$/;
+}
+function _controllable_select(scope, nodeAccessor, nextAttrs) {
+	if ("value" in nextAttrs || "valueChange" in nextAttrs) return _attr_select_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange), /^value(?:Change)?$/;
+}
+function _controllable_open(scope, nodeAccessor, nextAttrs) {
+	if ("open" in nextAttrs || "openChange" in nextAttrs) return _attr_details_or_dialog_open(scope, nodeAccessor, nextAttrs.open, nextAttrs.openChange), /^open(?:Change)?$/;
+}
 //#endregion
 //#region src/dom/dom.ts
 function _to_text(value) {
@@ -806,21 +841,21 @@ function _text_content(node, value) {
 	let normalizedValue = _to_text(value);
 	node.textContent !== normalizedValue && (node.textContent = normalizedValue);
 }
-function _attrs(scope, nodeAccessor, nextAttrs) {
+function _attrs(scope, nodeAccessor, nextAttrs, controllable) {
 	let el = scope[nodeAccessor];
 	for (let i = el.attributes.length; i--;) {
 		let { name } = el.attributes.item(i);
 		nextAttrs && (name in nextAttrs || hasAttrAlias(el, name, nextAttrs)) || el.removeAttribute(name);
 	}
-	attrsInternal(scope, nodeAccessor, nextAttrs);
+	attrsInternal(scope, nodeAccessor, nextAttrs, controllable);
 }
-function _attrs_content(scope, nodeAccessor, nextAttrs) {
-	_attrs(scope, nodeAccessor, nextAttrs), _attr_content(scope, nodeAccessor, nextAttrs?.content);
+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) {
 	let el = scope[nodeAccessor], partial = {};
 	for (let i = el.attributes.length; i--;) {
 		let { name } = el.attributes.item(i);
@@ -830,29 +865,16 @@ function _attrs_partial(scope, nodeAccessor, nextAttrs, skip) {
 		let key = isEventHandler(name) ? `on-${getEventHandlerName(name)}` : name;
 		skip[key] || (partial[key] = nextAttrs[name]);
 	}
-	attrsInternal(scope, nodeAccessor, partial);
+	attrsInternal(scope, nodeAccessor, partial, controllable);
 }
-function _attrs_partial_content(scope, nodeAccessor, nextAttrs, skip) {
-	_attrs_partial(scope, nodeAccessor, nextAttrs, skip), _attr_content(scope, nodeAccessor, nextAttrs?.content);
+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) {
-	let el = scope[nodeAccessor], events = scope["I" + nodeAccessor], skip;
+function attrsInternal(scope, nodeAccessor, nextAttrs, controllable) {
+	let el = scope[nodeAccessor], events = scope["I" + nodeAccessor];
 	for (let name in events) events[name] = 0;
-	switch (scope["F" + nodeAccessor] = 5, scope["E" + nodeAccessor] = 0, nextAttrs && el.tagName) {
-		case "INPUT":
-			"checked" in nextAttrs || "checkedChange" in nextAttrs ? (_attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange), skip = /^checked(?:Value)?(?:Change)?$/) : "checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs ? (_attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value), skip = /^(?:value|checked(?:Value)?)(?:Change)?$/) : ("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":
-			("value" in nextAttrs || "valueChange" in nextAttrs) && (_attr_select_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange), skip = /^value(?:Change)?$/);
-			break;
-		case "TEXTAREA":
-			("value" in nextAttrs || "valueChange" in nextAttrs) && (_attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange), skip = /^value(?:Change)?$/);
-			break;
-		case "DETAILS":
-		case "DIALOG":
-			("open" in nextAttrs || "openChange" in nextAttrs) && (_attr_details_or_dialog_open(scope, nodeAccessor, nextAttrs.open, nextAttrs.openChange), skip = /^open(?:Change)?$/);
-			break;
-	}
+	scope["F" + nodeAccessor] = 5, scope["E" + nodeAccessor] = 0;
+	let skip = nextAttrs && (controllable || controllableRenders[el.tagName])?.(scope, nodeAccessor, nextAttrs);
 	for (let name in nextAttrs) {
 		let value = nextAttrs[name];
 		switch (name) {
@@ -875,23 +897,7 @@ function _attr_content(scope, nodeAccessor, value) {
 }
 function _attrs_script(scope, nodeAccessor) {
 	let el = scope[nodeAccessor], events = scope["I" + nodeAccessor];
-	switch (scope["F" + 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["F" + nodeAccessor]]?.(scope, nodeAccessor);
 	for (let name in events) _on(el, name, events[name]);
 }
 function _html(scope, value, accessor) {
@@ -933,37 +939,42 @@ function toInsertNode(startNode, endNode) {
 function _await_promise(nodeAccessor, params) {
 	nodeAccessor = decodeAccessor(nodeAccessor);
 	let promiseAccessor = "L" + nodeAccessor, branchAccessor = "A" + nodeAccessor;
-	return _enable_catch(), (scope, promise) => {
+	_enable_catch();
+	let resolveAwait = (scope, referenceNode, value) => {
+		let awaitBranch = scope[branchAccessor];
+		return awaitBranch.V && (awaitBranch.Y = awaitBranch.Y?.forEach(syncGen), setupBranch(awaitBranch.V, awaitBranch), awaitBranch.V = 0, insertBranchBefore(awaitBranch, scope[nodeAccessor].parentNode, scope[nodeAccessor]), referenceNode.remove()), params?.(awaitBranch, [value]), awaitBranch;
+	}, awaitPromise = (scope, promise) => {
+		!isPromise(promise) && scope[promiseAccessor] && (promise = Promise.resolve(promise));
+		let awaitBranch = scope[branchAccessor], tryPlaceholder = findBranchWithKey(scope, "Q"), tryBranch = tryPlaceholder || awaitBranch;
+		if (!(isPromise(promise) ? tryBranch : awaitBranch)) {
+			scope[promiseAccessor] = () => awaitPromise(scope, promise);
+			return;
+		}
 		if (!isPromise(promise)) {
-			if (!scope[promiseAccessor]) {
-				let resolve = () => resolveAwait(scope, branchAccessor, nodeAccessor, scope[nodeAccessor], params, promise);
-				scope[branchAccessor] ? resolve() : scope[promiseAccessor] = resolve;
-				return;
-			}
-			promise = Promise.resolve(promise);
+			resolveAwait(scope, scope[nodeAccessor], promise);
+			return;
 		}
-		let awaitBranch = scope[branchAccessor], tryPlaceholder = findBranchWithKey(scope, "Q"), tryBranch = tryPlaceholder || awaitBranch, awaitCounter = tryBranch.O;
-		placeholderShown.add(pendingEffects), tryPlaceholder ? scope[promiseAccessor] || (awaitBranch && (awaitBranch.W ||= []), awaitCounter = addAwaitCounter(scope, tryPlaceholder)) : (awaitCounter?.i || (awaitCounter = tryBranch.O = {
-			i: 0,
-			c() {
-				if (--awaitCounter.i) return 1;
-				if (tryBranch === scope[branchAccessor]) {
-					let anchor = scope[nodeAccessor];
-					if (anchor.parentNode) {
-						let detachedParent = scope[branchAccessor].S.parentNode;
-						detachedParent === anchor.parentNode ? anchor.remove() : anchor.replaceWith(detachedParent);
-					}
-				} else dismissPlaceholder(tryBranch);
-				queueEffect(tryBranch, runPendingEffects);
-			}
-		}), scope[promiseAccessor] || (awaitBranch && (awaitBranch.W ||= []), awaitCounter.i++ || requestAnimationFrame(() => awaitCounter.i && runEffects(prepareEffects(() => queueRender(scope, () => {
+		let awaitCounter = tryBranch.O;
+		placeholderShown.add(pendingEffects), !tryPlaceholder && !awaitCounter?.i && (awaitCounter = createAwaitCounter(tryBranch, () => {
+			if (tryBranch === scope[branchAccessor]) {
+				let anchor = scope[nodeAccessor];
+				if (anchor.parentNode) {
+					let detachedParent = scope[branchAccessor].S.parentNode;
+					detachedParent === anchor.parentNode ? anchor.remove() : anchor.replaceWith(detachedParent);
+				}
+			} else dismissPlaceholder(tryBranch);
+		})), scope[promiseAccessor] || (awaitBranch && (awaitBranch.W ||= []), tryPlaceholder ? awaitCounter = addAwaitCounter(scope, tryPlaceholder) : awaitCounter.i++ || requestAnimationFrame(() => awaitCounter.i && runEffects(prepareEffects(() => queueRender(scope, () => {
 			awaitBranch.V || (awaitBranch.S.parentNode.insertBefore(scope[nodeAccessor], awaitBranch.S), tempDetachBranch(tryBranch));
-		}, -1))))));
+		}, -1)))));
 		let thisPromise = scope[promiseAccessor] = promise.then((data) => {
 			if (thisPromise === scope[promiseAccessor]) {
 				let referenceNode = scope[nodeAccessor];
-				scope[promiseAccessor] = 0, queueAsyncRender(scope, () => {
-					awaitBranch = resolveAwait(scope, branchAccessor, nodeAccessor, referenceNode, params, data);
+				if (scope[promiseAccessor] = 0, scope.F?.H === 0) {
+					awaitCounter.c(), run();
+					return;
+				}
+				queueAsyncRender(scope, () => {
+					awaitBranch = resolveAwait(scope, referenceNode, data);
 					let pendingRenders = awaitBranch.W;
 					if (awaitBranch.W = 0, pendingRenders?.forEach(queuePendingRender), placeholderShown.add(pendingEffects), awaitCounter.c(), awaitCounter.m) {
 						let fnScopes = /* @__PURE__ */ new Map(), effects = awaitCounter.m([]);
@@ -982,10 +993,7 @@ function _await_promise(nodeAccessor, params) {
 			thisPromise === scope[promiseAccessor] && (scope[promiseAccessor] = 0, tryPlaceholder && !awaitCounter.m ? awaitCounter.c() : awaitCounter.i = 0, queueAsyncRender(scope, renderCatch, error));
 		});
 	};
-}
-function resolveAwait(scope, branchAccessor, nodeAccessor, referenceNode, params, value) {
-	let awaitBranch = scope[branchAccessor];
-	return awaitBranch.V && (awaitBranch.Y = awaitBranch.Y?.forEach(syncGen), setupBranch(awaitBranch.V, awaitBranch), awaitBranch.V = 0, insertBranchBefore(awaitBranch, scope[nodeAccessor].parentNode, scope[nodeAccessor]), referenceNode.remove()), params?.(awaitBranch, [value]), awaitBranch;
+	return awaitPromise;
 }
 function _await_content(nodeAccessor, template, walks, setup) {
 	nodeAccessor = decodeAccessor(nodeAccessor);
@@ -1000,15 +1008,19 @@ function _await_content(nodeAccessor, template, walks, setup) {
 function addAwaitCounter(scope, tryBranch = findBranchWithKey(scope, "Q")) {
 	if (!tryBranch) return;
 	let awaitCounter = tryBranch.O;
-	return awaitCounter?.i || (awaitCounter = tryBranch.O = {
+	return awaitCounter?.i || (awaitCounter = createAwaitCounter(tryBranch, () => dismissPlaceholder(tryBranch))), placeholderShown.add(pendingEffects), awaitCounter.i++ || requestAnimationFrame(() => awaitCounter.i && runEffects(prepareEffects(() => queueRender(tryBranch, () => {
+		insertBranchBefore(tryBranch.P = createAndSetupBranch(tryBranch.$, tryBranch.Q, tryBranch._, tryBranch.S.parentNode), tryBranch.S.parentNode, tryBranch.S), tempDetachBranch(tryBranch);
+	}, -1)))), awaitCounter;
+}
+function createAwaitCounter(tryBranch, done) {
+	let awaitCounter = tryBranch.O = {
 		i: 0,
 		c() {
 			if (--awaitCounter.i) return 1;
-			dismissPlaceholder(tryBranch), queueEffect(tryBranch, runPendingEffects);
+			done(), queueEffect(tryBranch, runPendingEffects);
 		}
-	}), placeholderShown.add(pendingEffects), awaitCounter.i++ || requestAnimationFrame(() => awaitCounter.i && runEffects(prepareEffects(() => queueRender(tryBranch, () => {
-		insertBranchBefore(tryBranch.P = createAndSetupBranch(tryBranch.$, tryBranch.Q, tryBranch._, tryBranch.S.parentNode), tryBranch.S.parentNode, tryBranch.S), tempDetachBranch(tryBranch);
-	}, -1)))), awaitCounter;
+	};
+	return awaitCounter;
 }
 function runPendingEffects(scope) {
 	let effects = scope.J;
@@ -1357,4 +1369,4 @@ function getSelectorOrResolve(selector, resolve) {
 	return document.querySelector(selector) || 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 };