marko 6.1.18 → 6.1.21

package/dist/debug/html.mjs

@@ -875,8 +875,11 @@ function writeDate(state, val) {
 	state.buf.push("new Date(" + +val + ")");
 	return true;
 }
+const unsafeRegExpSourceReg = /\\[\s\S]|</g;
+const replaceUnsafeRegExpSourceChar = (match) => match === "<" || match === "\\<" ? "\\x3C" : match;
 function writeRegExp(state, val) {
-	state.buf.push(val + "");
+	const { source } = val;
+	state.buf.push("/" + (source.includes("<") ? source.replace(unsafeRegExpSourceReg, replaceUnsafeRegExpSourceChar) : source) + "/" + val.flags);
 	return true;
 }
 function writePromise(state, val, ref) {
@@ -1006,7 +1009,7 @@ function writeWeakMap(state) {
 }
 function writeError(state, val, ref) {
 	const result = "new " + val.constructor.name + "(" + quote(val.message + "", 0);
-	if (val.cause) {
+	if (val.cause !== void 0) {
 		state.buf.push(result + ",{cause:");
 		writeProp(state, val.cause, ref, "cause");
 		state.buf.push("})");
@@ -2462,7 +2465,8 @@ function _attr_style(value) {
 }
 function _attr_option_value(value) {
 	const valueAttr = _attr("value", value);
-	if (normalizedValueMatches(getContext(kSelectedValue), value)) {
+	const selectedValue = getContext(kSelectedValue);
+	if (selectedValue !== void 0 && normalizedValueMatches(selectedValue, value)) {
 		{
 			const matched = getContext(kSelectedValueMatched);
 			if (matched) matched.value = true;
@@ -2473,29 +2477,29 @@ function _attr_option_value(value) {
 }
 const kSelectedValue = Symbol("selectedValue");
 const kSelectedValueMatched = Symbol("selectedValueMatched");
-function _attr_select_value(scopeId, nodeAccessor, value, valueChange, content) {
-	if (valueChange) writeControlledScope(3, scopeId, nodeAccessor, void 0, valueChange);
+function _attr_select_value(scopeId, nodeAccessor, value, valueChange, content, serializeType) {
+	if (valueChange) writeControlledScope(3, scopeId, nodeAccessor, void 0, valueChange, serializeType);
 	if (content) if (valueChange) {
 		const matched = { value: false };
 		withContext(kSelectedValue, value, () => withContext(kSelectedValueMatched, matched, content));
 		if (!matched.value && (Array.isArray(value) ? value.some((v) => normalizeStrAttrValue(v) !== "") : normalizeStrAttrValue(value) !== "")) console.error("A controlled `<select>`'s `value` has no matching `<option>`:", value);
 	} else withContext(kSelectedValue, value, content);
 }
-function _attr_textarea_value(scopeId, nodeAccessor, value, valueChange) {
-	if (valueChange) writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange);
+function _attr_textarea_value(scopeId, nodeAccessor, value, valueChange, serializeType) {
+	if (valueChange) writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange, serializeType);
 	return _escape(value);
 }
-function _attr_input_value(scopeId, nodeAccessor, value, valueChange) {
-	if (valueChange) writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange);
+function _attr_input_value(scopeId, nodeAccessor, value, valueChange, serializeType) {
+	if (valueChange) writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange, serializeType);
 	return _attr("value", value);
 }
-function _attr_input_checked(scopeId, nodeAccessor, checked, checkedChange) {
-	if (checkedChange) writeControlledScope(0, scopeId, nodeAccessor, void 0, checkedChange);
+function _attr_input_checked(scopeId, nodeAccessor, checked, checkedChange, serializeType) {
+	if (checkedChange) writeControlledScope(0, scopeId, nodeAccessor, void 0, checkedChange, serializeType);
 	return isNotVoid(checked) ? " checked" : "";
 }
-function _attr_input_checkedValue(scopeId, nodeAccessor, checkedValue, checkedValueChange, value) {
+function _attr_input_checkedValue(scopeId, nodeAccessor, checkedValue, checkedValueChange, value, serializeType) {
 	const valueAttr = _attr("value", value);
-	if (checkedValueChange) writeControlledScope(1, scopeId, nodeAccessor, getCheckedValueRef(checkedValue), checkedValueChange);
+	if (checkedValueChange) writeControlledScope(1, scopeId, nodeAccessor, getCheckedValueRef(checkedValue), checkedValueChange, serializeType);
 	return normalizedValueMatches(checkedValue, value) ? valueAttr + " checked" : valueAttr;
 }
 const checkedValuesRefs = /* @__PURE__ */ new WeakMap();
@@ -2509,9 +2513,9 @@ function getCheckedValueRef(checkedValue) {
 		return ref;
 	}
 }
-function _attr_details_or_dialog_open(scopeId, nodeAccessor, open, openChange) {
+function _attr_details_or_dialog_open(scopeId, nodeAccessor, open, openChange, serializeType) {
 	const normalizedOpen = isNotVoid(open);
-	if (openChange) writeControlledScope(4, scopeId, nodeAccessor, normalizedOpen || void 0, openChange);
+	if (openChange) writeControlledScope(4, scopeId, nodeAccessor, normalizedOpen || void 0, openChange, serializeType);
 	return normalizedOpen ? " open" : "";
 }
 function _attr_nonce() {
@@ -2527,11 +2531,16 @@ function _attrs(data, nodeAccessor, scopeId, tagName) {
 	switch (tagName) {
 		case "input":
 			assertExclusiveAttrs(data);
-			if (data.checkedChange) result += _attr_input_checked(scopeId, nodeAccessor, data.checked, data.checkedChange);
-			else if ("checkedValue" in data || data.checkedValueChange) result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value);
-			else if (data.valueChange) result += _attr_input_value(scopeId, nodeAccessor, data.value, data.valueChange);
-			else break;
-			skip = /^(?:value|checked(?:Value)?)(?:Change)?$|[\s/>"'=]/;
+			if (data.checkedChange) {
+				result += _attr_input_checked(scopeId, nodeAccessor, data.checked, data.checkedChange, 1);
+				skip = /^checked(?:Value)?(?:Change)?$|[\s/>"'=]/;
+			} else if ("checkedValue" in data || data.checkedValueChange) {
+				result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value, 1);
+				skip = /^(?:value|checked(?:Value)?)(?:Change)?$|[\s/>"'=]/;
+			} else if (data.valueChange) {
+				result += _attr_input_value(scopeId, nodeAccessor, data.value, data.valueChange, 1);
+				skip = /^value(?:Change)?$|[\s/>"'=]/;
+			} else break;
 			break;
 		case "select":
 		case "textarea":
@@ -2546,7 +2555,7 @@ function _attrs(data, nodeAccessor, scopeId, tagName) {
 		case "details":
 		case "dialog":
 			if (data.openChange) {
-				result += _attr_details_or_dialog_open(scopeId, nodeAccessor, data.open, data.openChange);
+				result += _attr_details_or_dialog_open(scopeId, nodeAccessor, data.open, data.openChange, 1);
 				skip = /^open(?:Change)?$|[\s/>"'=]/;
 			}
 			break;
@@ -2592,12 +2601,15 @@ function _attrs_partial_content(data, skip, nodeAccessor, scopeId, tagName, seri
 	_html(`${_attrs_partial(data, skip, nodeAccessor, scopeId, tagName)}>`);
 	_attr_content(nodeAccessor, scopeId, data?.content, serializeReason);
 }
-function writeControlledScope(type, scopeId, nodeAccessor, value, valueChange) {
+function writeControlledScope(type, scopeId, nodeAccessor, value, valueChange, serializeType) {
 	assertHandlerIsFunction("valueChange", valueChange);
-	writeScope(scopeId, {
+	writeScope(scopeId, serializeType ? {
 		["ControlledType:" + nodeAccessor]: type,
 		["ControlledValue:" + nodeAccessor]: value,
 		["ControlledHandler:" + nodeAccessor]: valueChange
+	} : {
+		["ControlledValue:" + nodeAccessor]: value,
+		["ControlledHandler:" + nodeAccessor]: valueChange
 	});
 }
 function stringAttr(name, value) {
@@ -2663,10 +2675,10 @@ let _dynamic_tag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, s
 			const renderContent = content || normalizeDynamicRenderer(input.content);
 			if (renderer === "textarea") {
 				if (renderContent) throw new Error("A dynamic tag rendering a `<textarea>` cannot have `content` and must use the `value` attribute instead.");
-				_html(_attr_textarea_value(branchId, `#${renderer}/0`, input.value, input.valueChange));
+				_html(_attr_textarea_value(branchId, `#${renderer}/0`, input.value, input.valueChange, 1));
 			} else if (renderContent) {
 				if (typeof renderContent !== "function") throw new Error(`Body content is not supported for the \`<${renderer}>\` tag.`);
-				if (renderer === "select" && ("value" in input || "valueChange" in input)) _attr_select_value(branchId, `#${renderer}/0`, input.value, input.valueChange, renderContent);
+				if (renderer === "select" && ("value" in input || "valueChange" in input)) _attr_select_value(branchId, `#${renderer}/0`, input.value, input.valueChange, renderContent, 1);
 				else _dynamic_tag(branchId, `#${renderer}/0`, renderContent, void 0, 0, void 0, serializeReason);
 			}
 			_html(`</${renderer}>`);

package/dist/dom/event.d.ts

@@ -1,4 +1,4 @@
 type EventNames = keyof GlobalEventHandlersEventMap;
 export declare function _on<T extends EventNames, H extends false | null | undefined | ((ev: GlobalEventHandlersEventMap[T], target: Element) => void)>(element: Element, type: T, handler: H): void;
-export declare function createDelegator(): (node: Node, type: string, handler: EventListener) => void;
+export declare const delegate: (type: string, handler: EventListener) => any;
 export {};

package/dist/dom.js

@@ -4,7 +4,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	else if (Array.isArray(val)) for (let v of val) part = toDelimitedString(v, delimiter, stringify), part && (str += sep + part, sep = delimiter);
 	else for (let name in val) part = stringify(name, val[name]), part && (str += sep + part, sep = delimiter);
 	return str;
-}, decodeAccessor = (num) => (num + (num < 26 ? 10 : num < 962 ? 334 : 11998)).toString(36), defaultDelegator = /* @__PURE__ */ createDelegator(), R = /[^\p{L}\p{N}]/gu, parsers = {}, nextScopeId = 1e6, collectingScopes, destroyNestedScopes = function destroyNestedScopes(scope) {
+}, decodeAccessor = (num) => (num + (num < 26 ? 10 : num < 962 ? 334 : 11998)).toString(36), delegate = (type, handler) => handler[type] ||= (document.addEventListener(type, handler, !0), 1), R = /[^\p{L}\p{N}]/gu, parsers = {}, nextScopeId = 1e6, collectingScopes, destroyNestedScopes = function destroyNestedScopes(scope) {
 	scope.H = 0, scope.D?.forEach(destroyNestedScopes), scope.B?.forEach(resetControllers);
 }, isScheduled, channel, _return = (scope, value) => scope.T?.(value), _var_change = (scope, value) => scope.U?.(value), tagIdsByGlobal = /* @__PURE__ */ new WeakMap(), walker = /* @__PURE__ */ document.createTreeWalker(document), walkInternal = function walkInternal(currentWalkIndex, walkCodes, scope) {
 	let value, currentMultiplier, storedMultiplier = 0, currentScopeIndex = 0;
@@ -20,7 +20,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 		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 = "", controllableDelegate = /* @__PURE__ */ createDelegator(), _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
+}, cloneCache = {}, registeredValues = {}, curRenders, branchesEnabled, embedRenders, readyIds, isResuming, inputType = "", _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
 	nodeAccessor = decodeAccessor(nodeAccessor);
 	let childScopeAccessor = "A" + nodeAccessor, rendererAccessor = "D" + nodeAccessor;
 	return enableBranches(), (scope, newRenderer, getInput) => {
@@ -98,7 +98,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	},
 	render(out, component, renderer, args) {
 		let branch = component.scope, created = 0;
-		if (!branch && (branch = classIdToBranch.get(component.id)) && (component.scope = branch, classIdToBranch.delete(component.id)), typeof args[0] == "object" && "renderBody" in args[0]) {
+		if (!branch && (branch = classIdToBranch.get(component.id)) && (component.scope = branch, classIdToBranch.delete(component.id)), args[0] && typeof args[0] == "object" && "renderBody" in args[0]) {
 			let input = args[0], normalizedInput = args[0] = {};
 			for (let key in input) normalizedInput[key === "renderBody" ? "content" : key] = input[key];
 		}
@@ -182,14 +182,7 @@ function push(opt, item) {
 //#endregion
 //#region src/dom/event.ts
 function _on(element, type, handler) {
-	element["$" + type] === void 0 && defaultDelegator(element, type, handleDelegated), element["$" + type] = handler || null;
-}
-/* @__NO_SIDE_EFFECTS__ */
-function createDelegator() {
-	let kEvents = Symbol();
-	return function(node, type, handler) {
-		((node = node.getRootNode())[kEvents] ||= {})[type] ||= (node.addEventListener(type, handler, !0), 1);
-	};
+	element["$" + type] === void 0 && delegate(type, handleDelegated), element["$" + type] = handler || null;
 }
 function handleDelegated(ev) {
 	let target = !rendering && ev.target;
@@ -464,20 +457,24 @@ function init(runtimeId = "M") {
 					let partial = partials[i];
 					typeof partial == "number" ? scopeId += partial : (scopeId ? initScope(Object.assign(scopeLookup[scopeId] ||= (partial.L = scopeId, partial), partial)) : Object.assign(initGlobal(), partial), scopeId++);
 				}
-			}, serializeContext = ((data, registryId) => typeof data == "number" ? registryId ? registeredValues[registryId](getScope(data)) : getScope(data) : applyScopes(data)), createVisitBranches = (branchScopesStack = [], branchStarts = [], orphanBranches = [], curBranchScopes) => (branchId, branch, endedBranches, accessor, singleNode, parent = visit.parentNode, startVisit = visit, i = orphanBranches.length) => {
+			}, serializeContext = ((data, registryId) => typeof data == "number" ? registryId ? registeredValues[registryId](getScope(data)) : getScope(data) : applyScopes(data)), createVisitBranches = (branchScopesStack = [], branchStarts = [], orphanBranches = [], deferredOwners = [], curBranchScopes) => (branchId, branch, endedBranches, accessor, singleNode, parent = visit.parentNode, startVisit = visit, i = orphanBranches.length, j = deferredOwners.length) => {
 				for (visitType !== "[" && (visitScope[nextToken()] = visitType === ")" || visitType === "}" ? parent : visit, accessor = "A" + lastToken, singleNode = visitType !== "]" && visitType !== ")", nextToken()); branchId = +lastToken;) {
 					if ((endedBranches ||= []).push(branch = getScope(branchId)), setParentBranch(branch, branch.F), (branch.O = render.p?.[branchId]) && (branch.O.m = render.m), singleNode) {
 						for (; startVisit.previousSibling && ~visits.indexOf(startVisit = startVisit.previousSibling););
 						branch.K = branch.S = startVisit, visitType === "'" && (branch.a = startVisit);
 					} else curBranchScopes = push(curBranchScopes, branch), accessor && (visitScope[accessor] = curBranchScopes, curBranchScopes = branchScopesStack.pop()), startVisit = branchStarts.pop(), parent !== startVisit.parentNode && parent.prepend(startVisit), branch.S = startVisit, branch.K = visit.previousSibling === startVisit ? startVisit : parent.insertBefore(new Text(), visit);
 					for (; i && orphanBranches[--i].L > branchId;) setParentBranch(orphanBranches.pop(), branch);
+					for (; j && deferredOwners[--j].L > branchId;) {
+						let owner = deferredOwners.pop();
+						owner.F !== owner && (owner.F = branch);
+					}
 					nextToken();
 				}
 				if (endedBranches) {
 					for (let ended of endedBranches) orphanBranches.push(ended);
 					singleNode && (visitScope[accessor] = endedBranches.length > 1 ? endedBranches.reverse() : endedBranches[0]);
 				}
-				visitType === "[" && (endedBranches || (branchScopesStack.push(curBranchScopes), curBranchScopes = void 0), branchStarts.push(visit));
+				visitType === "[" ? (endedBranches || (branchScopesStack.push(curBranchScopes), curBranchScopes = void 0), branchStarts.push(visit)) : deferredOwners.push(visitScope);
 			}, nextToken = () => lastToken = visitText.slice(lastTokenIndex, (lastTokenIndex = visitText.indexOf(" ", lastTokenIndex) + 1 || visitText.length + 1) - 1), processResumes = (resumes = [], effects) => {
 				let i = 0;
 				for (; i < resumes.length; i++) {
@@ -577,7 +574,7 @@ function _attr_input_checkedValue_script(scope, nodeAccessor) {
 		let checkedValueChange = scope["E" + nodeAccessor];
 		if (checkedValueChange) {
 			let oldValue = scope["G" + nodeAccessor], newValue = Array.isArray(oldValue) ? updateList(oldValue, el.value, el.checked) : el.checked ? el.value : void 0;
-			if (el.name && el.type[0] === "r") for (let radio of el.getRootNode().querySelectorAll(`[type=radio][name=${CSS.escape(el.name)}]`)) radio.form === el.form && (radio.checked = Array.isArray(oldValue) ? oldValue.includes(radio.value) : oldValue === radio.value);
+			if (el.name && el.type[0] === "r") for (let radio of document.querySelectorAll(`[type=radio][name=${CSS.escape(el.name)}]`)) radio.form === el.form && (radio.checked = Array.isArray(oldValue) ? oldValue.includes(radio.value) : oldValue === radio.value);
 			else el.checked = !el.checked;
 			checkedValueChange(newValue), run();
 		}
@@ -603,7 +600,7 @@ function _attr_input_value_script(scope, nodeAccessor) {
 }
 function setInputValue(el, value) {
 	if (el.value !== value) {
-		let updatedPosition = resolveCursorPosition(inputType, el.getRootNode().activeElement === el && el.selectionStart, el.value, el.value = value);
+		let updatedPosition = resolveCursorPosition(inputType, document.activeElement === el && el.selectionStart, el.value, el.value = value);
 		~updatedPosition && el.setSelectionRange(updatedPosition, updatedPosition);
 	}
 }
@@ -675,7 +672,7 @@ function _attr_details_or_dialog_open_script(scope, nodeAccessor) {
 	});
 }
 function syncControllableFormInput(el, hasChanged, onChange) {
-	el._ = onChange, controllableDelegate(el, "input", handleChange), el.form && controllableDelegate(el.form, "reset", handleFormReset), isResuming && hasChanged(el) && queueMicrotask(onChange);
+	el._ = onChange, delegate("input", handleChange), el.form && delegate("reset", handleFormReset), isResuming && hasChanged(el) && queueMicrotask(onChange);
 }
 function handleChange(ev) {
 	ev.target._?.(ev);
@@ -780,11 +777,10 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
 	for (let name in events) events[name] = 0;
 	switch (scope["F" + nodeAccessor] = 5, scope["E" + nodeAccessor] = 0, el.tagName) {
 		case "INPUT":
-			if ("checked" in nextAttrs || "checkedChange" in nextAttrs) _attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange);
-			else if ("checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs) _attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value);
-			else if ("value" in nextAttrs || "valueChange" in nextAttrs) _attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange);
+			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), skip = /^value(?:Change)?$/;
 			else break;
-			skip = /^(?:value|checked(?:Value)?)(?:Change)?$/;
 			break;
 		case "SELECT":
 			("value" in nextAttrs || "valueChange" in nextAttrs) && (_attr_select_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange), skip = /^value(?:Change)?$/);
@@ -891,7 +887,14 @@ function _await_promise(nodeAccessor, params) {
 			i: 0,
 			c() {
 				if (--awaitCounter.i) return 1;
-				tryBranch === scope[branchAccessor] ? scope[nodeAccessor].parentNode && scope[nodeAccessor].replaceWith(scope[branchAccessor].S.parentNode) : dismissPlaceholder(tryBranch), queueEffect(tryBranch, runPendingEffects);
+				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, () => {
 			awaitBranch.V || (awaitBranch.S.parentNode.insertBefore(scope[nodeAccessor], awaitBranch.S), tempDetachBranch(tryBranch));
@@ -1231,25 +1234,21 @@ function _load_setup(nodeAccessor, childScopeAccessor, load) {
 	};
 }
 function insertLoaded(renderer, branch, marker, awaitCounter) {
-	let parent = marker.parentNode;
-	syncGen(branch), renderer.b(branch, parent.namespaceURI), setupBranch(renderer, branch), applyLoad(branch, () => {
+	let parent = marker.parentNode, values = branch.X, insert = () => {
 		insertBranchBefore(branch, parent, marker), marker.remove(), awaitCounter?.c();
-	});
+	}, remaining;
+	if (syncGen(branch), renderer.b(branch, parent.namespaceURI), branch.X = 0, remaining = values?.size) for (let [promise, entry] of values) promise.then((signal) => {
+		entry.b = signal, --remaining || queueAsyncRender(branch, (branch) => {
+			syncGen(branch), renderer.c?.(branch), values.forEach((e) => e.b._(branch, e.a)), insert();
+		});
+	}, () => 0);
+	else setupBranch(renderer, branch), insert();
 }
 function loadFailed(scope, awaitCounter) {
 	return (error) => {
 		awaitCounter && (awaitCounter.i = 0), queueAsyncRender(scope, renderCatch, error);
 	};
 }
-function applyLoad(scope, insert) {
-	let values = scope.X, remaining;
-	if (scope.X = 0, remaining = values?.size) for (let [promise, entry] of values) promise.then((signal) => {
-		entry.b = signal, --remaining || queueAsyncRender(scope, (scope) => {
-			syncGen(scope), values.forEach((e) => e.b._(scope, e.a)), insert();
-		});
-	}, () => 0);
-	else insert();
-}
 function _load_signal(load) {
 	let pending, signal;
 	return (scope, value) => {

package/dist/dom.mjs

@@ -4,7 +4,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	else if (Array.isArray(val)) for (let v of val) part = toDelimitedString(v, delimiter, stringify), part && (str += sep + part, sep = delimiter);
 	else for (let name in val) part = stringify(name, val[name]), part && (str += sep + part, sep = delimiter);
 	return str;
-}, decodeAccessor = (num) => (num + (num < 26 ? 10 : num < 962 ? 334 : 11998)).toString(36), defaultDelegator = /* @__PURE__ */ createDelegator(), R = /[^\p{L}\p{N}]/gu, parsers = {}, nextScopeId = 1e6, collectingScopes, destroyNestedScopes = function destroyNestedScopes(scope) {
+}, decodeAccessor = (num) => (num + (num < 26 ? 10 : num < 962 ? 334 : 11998)).toString(36), delegate = (type, handler) => handler[type] ||= (document.addEventListener(type, handler, !0), 1), R = /[^\p{L}\p{N}]/gu, parsers = {}, nextScopeId = 1e6, collectingScopes, destroyNestedScopes = function destroyNestedScopes(scope) {
 	scope.H = 0, scope.D?.forEach(destroyNestedScopes), scope.B?.forEach(resetControllers);
 }, isScheduled, channel, _return = (scope, value) => scope.T?.(value), _var_change = (scope, value) => scope.U?.(value), tagIdsByGlobal = /* @__PURE__ */ new WeakMap(), walker = /* @__PURE__ */ document.createTreeWalker(document), walkInternal = function walkInternal(currentWalkIndex, walkCodes, scope) {
 	let value, currentMultiplier, storedMultiplier = 0, currentScopeIndex = 0;
@@ -20,7 +20,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 		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 = "", controllableDelegate = /* @__PURE__ */ createDelegator(), _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
+}, cloneCache = {}, registeredValues = {}, curRenders, branchesEnabled, embedRenders, readyIds, isResuming, inputType = "", _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
 	nodeAccessor = decodeAccessor(nodeAccessor);
 	let childScopeAccessor = "A" + nodeAccessor, rendererAccessor = "D" + nodeAccessor;
 	return enableBranches(), (scope, newRenderer, getInput) => {
@@ -98,7 +98,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	},
 	render(out, component, renderer, args) {
 		let branch = component.scope, created = 0;
-		if (!branch && (branch = classIdToBranch.get(component.id)) && (component.scope = branch, classIdToBranch.delete(component.id)), typeof args[0] == "object" && "renderBody" in args[0]) {
+		if (!branch && (branch = classIdToBranch.get(component.id)) && (component.scope = branch, classIdToBranch.delete(component.id)), args[0] && typeof args[0] == "object" && "renderBody" in args[0]) {
 			let input = args[0], normalizedInput = args[0] = {};
 			for (let key in input) normalizedInput[key === "renderBody" ? "content" : key] = input[key];
 		}
@@ -181,14 +181,7 @@ function push(opt, item) {
 //#endregion
 //#region src/dom/event.ts
 function _on(element, type, handler) {
-	element["$" + type] === void 0 && defaultDelegator(element, type, handleDelegated), element["$" + type] = handler || null;
-}
-/* @__NO_SIDE_EFFECTS__ */
-function createDelegator() {
-	let kEvents = Symbol();
-	return function(node, type, handler) {
-		((node = node.getRootNode())[kEvents] ||= {})[type] ||= (node.addEventListener(type, handler, !0), 1);
-	};
+	element["$" + type] === void 0 && delegate(type, handleDelegated), element["$" + type] = handler || null;
 }
 function handleDelegated(ev) {
 	let target = !rendering && ev.target;
@@ -463,20 +456,24 @@ function init(runtimeId = "M") {
 					let partial = partials[i];
 					typeof partial == "number" ? scopeId += partial : (scopeId ? initScope(Object.assign(scopeLookup[scopeId] ||= (partial.L = scopeId, partial), partial)) : Object.assign(initGlobal(), partial), scopeId++);
 				}
-			}, serializeContext = ((data, registryId) => typeof data == "number" ? registryId ? registeredValues[registryId](getScope(data)) : getScope(data) : applyScopes(data)), createVisitBranches = (branchScopesStack = [], branchStarts = [], orphanBranches = [], curBranchScopes) => (branchId, branch, endedBranches, accessor, singleNode, parent = visit.parentNode, startVisit = visit, i = orphanBranches.length) => {
+			}, serializeContext = ((data, registryId) => typeof data == "number" ? registryId ? registeredValues[registryId](getScope(data)) : getScope(data) : applyScopes(data)), createVisitBranches = (branchScopesStack = [], branchStarts = [], orphanBranches = [], deferredOwners = [], curBranchScopes) => (branchId, branch, endedBranches, accessor, singleNode, parent = visit.parentNode, startVisit = visit, i = orphanBranches.length, j = deferredOwners.length) => {
 				for (visitType !== "[" && (visitScope[nextToken()] = visitType === ")" || visitType === "}" ? parent : visit, accessor = "A" + lastToken, singleNode = visitType !== "]" && visitType !== ")", nextToken()); branchId = +lastToken;) {
 					if ((endedBranches ||= []).push(branch = getScope(branchId)), setParentBranch(branch, branch.F), (branch.O = render.p?.[branchId]) && (branch.O.m = render.m), singleNode) {
 						for (; startVisit.previousSibling && ~visits.indexOf(startVisit = startVisit.previousSibling););
 						branch.K = branch.S = startVisit, visitType === "'" && (branch.a = startVisit);
 					} else curBranchScopes = push(curBranchScopes, branch), accessor && (visitScope[accessor] = curBranchScopes, curBranchScopes = branchScopesStack.pop()), startVisit = branchStarts.pop(), parent !== startVisit.parentNode && parent.prepend(startVisit), branch.S = startVisit, branch.K = visit.previousSibling === startVisit ? startVisit : parent.insertBefore(new Text(), visit);
 					for (; i && orphanBranches[--i].L > branchId;) setParentBranch(orphanBranches.pop(), branch);
+					for (; j && deferredOwners[--j].L > branchId;) {
+						let owner = deferredOwners.pop();
+						owner.F !== owner && (owner.F = branch);
+					}
 					nextToken();
 				}
 				if (endedBranches) {
 					for (let ended of endedBranches) orphanBranches.push(ended);
 					singleNode && (visitScope[accessor] = endedBranches.length > 1 ? endedBranches.reverse() : endedBranches[0]);
 				}
-				visitType === "[" && (endedBranches || (branchScopesStack.push(curBranchScopes), curBranchScopes = void 0), branchStarts.push(visit));
+				visitType === "[" ? (endedBranches || (branchScopesStack.push(curBranchScopes), curBranchScopes = void 0), branchStarts.push(visit)) : deferredOwners.push(visitScope);
 			}, nextToken = () => lastToken = visitText.slice(lastTokenIndex, (lastTokenIndex = visitText.indexOf(" ", lastTokenIndex) + 1 || visitText.length + 1) - 1), processResumes = (resumes = [], effects) => {
 				let i = 0;
 				for (; i < resumes.length; i++) {
@@ -576,7 +573,7 @@ function _attr_input_checkedValue_script(scope, nodeAccessor) {
 		let checkedValueChange = scope["E" + nodeAccessor];
 		if (checkedValueChange) {
 			let oldValue = scope["G" + nodeAccessor], newValue = Array.isArray(oldValue) ? updateList(oldValue, el.value, el.checked) : el.checked ? el.value : void 0;
-			if (el.name && el.type[0] === "r") for (let radio of el.getRootNode().querySelectorAll(`[type=radio][name=${CSS.escape(el.name)}]`)) radio.form === el.form && (radio.checked = Array.isArray(oldValue) ? oldValue.includes(radio.value) : oldValue === radio.value);
+			if (el.name && el.type[0] === "r") for (let radio of document.querySelectorAll(`[type=radio][name=${CSS.escape(el.name)}]`)) radio.form === el.form && (radio.checked = Array.isArray(oldValue) ? oldValue.includes(radio.value) : oldValue === radio.value);
 			else el.checked = !el.checked;
 			checkedValueChange(newValue), run();
 		}
@@ -602,7 +599,7 @@ function _attr_input_value_script(scope, nodeAccessor) {
 }
 function setInputValue(el, value) {
 	if (el.value !== value) {
-		let updatedPosition = resolveCursorPosition(inputType, el.getRootNode().activeElement === el && el.selectionStart, el.value, el.value = value);
+		let updatedPosition = resolveCursorPosition(inputType, document.activeElement === el && el.selectionStart, el.value, el.value = value);
 		~updatedPosition && el.setSelectionRange(updatedPosition, updatedPosition);
 	}
 }
@@ -674,7 +671,7 @@ function _attr_details_or_dialog_open_script(scope, nodeAccessor) {
 	});
 }
 function syncControllableFormInput(el, hasChanged, onChange) {
-	el._ = onChange, controllableDelegate(el, "input", handleChange), el.form && controllableDelegate(el.form, "reset", handleFormReset), isResuming && hasChanged(el) && queueMicrotask(onChange);
+	el._ = onChange, delegate("input", handleChange), el.form && delegate("reset", handleFormReset), isResuming && hasChanged(el) && queueMicrotask(onChange);
 }
 function handleChange(ev) {
 	ev.target._?.(ev);
@@ -779,11 +776,10 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
 	for (let name in events) events[name] = 0;
 	switch (scope["F" + nodeAccessor] = 5, scope["E" + nodeAccessor] = 0, el.tagName) {
 		case "INPUT":
-			if ("checked" in nextAttrs || "checkedChange" in nextAttrs) _attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange);
-			else if ("checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs) _attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value);
-			else if ("value" in nextAttrs || "valueChange" in nextAttrs) _attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange);
+			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), skip = /^value(?:Change)?$/;
 			else break;
-			skip = /^(?:value|checked(?:Value)?)(?:Change)?$/;
 			break;
 		case "SELECT":
 			("value" in nextAttrs || "valueChange" in nextAttrs) && (_attr_select_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange), skip = /^value(?:Change)?$/);
@@ -890,7 +886,14 @@ function _await_promise(nodeAccessor, params) {
 			i: 0,
 			c() {
 				if (--awaitCounter.i) return 1;
-				tryBranch === scope[branchAccessor] ? scope[nodeAccessor].parentNode && scope[nodeAccessor].replaceWith(scope[branchAccessor].S.parentNode) : dismissPlaceholder(tryBranch), queueEffect(tryBranch, runPendingEffects);
+				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, () => {
 			awaitBranch.V || (awaitBranch.S.parentNode.insertBefore(scope[nodeAccessor], awaitBranch.S), tempDetachBranch(tryBranch));
@@ -1230,25 +1233,21 @@ function _load_setup(nodeAccessor, childScopeAccessor, load) {
 	};
 }
 function insertLoaded(renderer, branch, marker, awaitCounter) {
-	let parent = marker.parentNode;
-	syncGen(branch), renderer.b(branch, parent.namespaceURI), setupBranch(renderer, branch), applyLoad(branch, () => {
+	let parent = marker.parentNode, values = branch.X, insert = () => {
 		insertBranchBefore(branch, parent, marker), marker.remove(), awaitCounter?.c();
-	});
+	}, remaining;
+	if (syncGen(branch), renderer.b(branch, parent.namespaceURI), branch.X = 0, remaining = values?.size) for (let [promise, entry] of values) promise.then((signal) => {
+		entry.b = signal, --remaining || queueAsyncRender(branch, (branch) => {
+			syncGen(branch), renderer.c?.(branch), values.forEach((e) => e.b._(branch, e.a)), insert();
+		});
+	}, () => 0);
+	else setupBranch(renderer, branch), insert();
 }
 function loadFailed(scope, awaitCounter) {
 	return (error) => {
 		awaitCounter && (awaitCounter.i = 0), queueAsyncRender(scope, renderCatch, error);
 	};
 }
-function applyLoad(scope, insert) {
-	let values = scope.X, remaining;
-	if (scope.X = 0, remaining = values?.size) for (let [promise, entry] of values) promise.then((signal) => {
-		entry.b = signal, --remaining || queueAsyncRender(scope, (scope) => {
-			syncGen(scope), values.forEach((e) => e.b._(scope, e.a)), insert();
-		});
-	}, () => 0);
-	else insert();
-}
 function _load_signal(load) {
 	let pending, signal;
 	return (scope, value) => {

package/dist/html/attrs.d.ts

@@ -2,12 +2,12 @@ import { type Accessor } from "../common/types";
 export declare function _attr_class(value: unknown): string;
 export declare function _attr_style(value: unknown): string;
 export declare function _attr_option_value(value: unknown): string;
-export declare function _attr_select_value(scopeId: number, nodeAccessor: Accessor, value: unknown, valueChange: unknown, content?: () => void): void;
-export declare function _attr_textarea_value(scopeId: number, nodeAccessor: Accessor, value: unknown, valueChange: unknown): string;
-export declare function _attr_input_value(scopeId: number, nodeAccessor: Accessor, value: unknown, valueChange: unknown): string;
-export declare function _attr_input_checked(scopeId: number, nodeAccessor: Accessor, checked: unknown, checkedChange: unknown): "" | " checked";
-export declare function _attr_input_checkedValue(scopeId: number, nodeAccessor: Accessor, checkedValue: unknown, checkedValueChange: unknown, value: unknown): string;
-export declare function _attr_details_or_dialog_open(scopeId: number, nodeAccessor: Accessor, open: unknown, openChange: unknown): "" | " open";
+export declare function _attr_select_value(scopeId: number, nodeAccessor: Accessor, value: unknown, valueChange: unknown, content?: () => void, serializeType?: 1): void;
+export declare function _attr_textarea_value(scopeId: number, nodeAccessor: Accessor, value: unknown, valueChange: unknown, serializeType?: 1): string;
+export declare function _attr_input_value(scopeId: number, nodeAccessor: Accessor, value: unknown, valueChange: unknown, serializeType?: 1): string;
+export declare function _attr_input_checked(scopeId: number, nodeAccessor: Accessor, checked: unknown, checkedChange: unknown, serializeType?: 1): "" | " checked";
+export declare function _attr_input_checkedValue(scopeId: number, nodeAccessor: Accessor, checkedValue: unknown, checkedValueChange: unknown, value: unknown, serializeType?: 1): string;
+export declare function _attr_details_or_dialog_open(scopeId: number, nodeAccessor: Accessor, open: unknown, openChange: unknown, serializeType?: 1): "" | " open";
 export declare function _attr_nonce(): string;
 export declare function _attr(name: string, value: unknown): string;
 export declare function _attrs(data: Record<string, unknown>, nodeAccessor: Accessor, scopeId: number, tagName: string): string;