marko 6.3.24 → 6.3.26

package/dist/dom.mjs

@@ -4,7 +4,7 @@ let empty = [], rest = Symbol(), unsafeStyleAttrReg = /[\\;]/g, replaceUnsafeSty
 	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), 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) {
+}, decodeAccessor = (num) => (num + (num < 26 ? 10 : num < 962 ? 334 : 11998)).toString(36), delegate = (type, handler) => handler[type] ||= (document.addEventListener(type, handler, !0), 1), 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;
@@ -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) {
+}, registeredValues = {}, curRenders, branchesEnabled, embedRenders, readyIds, isResuming, cloneCache = {}, R = /[^\p{L}\p{N}]/gu, 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) => {
@@ -33,7 +33,7 @@ let empty = [], rest = Symbol(), unsafeStyleAttrReg = /[\\;]/g, replaceUnsafeSty
 		} else normalizedRenderer?.f && subscribeToScopeSet(normalizedRenderer.e, normalizedRenderer.f, scope[childScopeAccessor]);
 		if (normalizedRenderer) {
 			let childScope = scope[childScopeAccessor], args = getInput?.();
-			if (typeof normalizedRenderer == "string") (getContent ? _attrs : _attrs_content)(childScope, "a", (inputIsArgs ? args[0] : args) || {}), (childScope.Ia || childScope.Ea) && queueEffect(childScope, dynamicTagScript);
+			if (typeof normalizedRenderer == "string") (getContent ? _attrs : _attrs_content)(childScope, "a", (inputIsArgs ? args[0] : args) || {}, controllableRenders[childScope.a.tagName]), (childScope.Ia || childScope.Ea) && queueEffect(childScope, dynamicTagScript);
 			else {
 				for (let accessor in normalizedRenderer.g) normalizedRenderer.g[accessor](childScope, normalizedRenderer.h[accessor]);
 				if (normalizedRenderer.d) if (inputIsArgs) normalizedRenderer.d(childScope, normalizedRenderer._ ? args[0] : args);
@@ -206,19 +206,6 @@ function handleDelegated(ev) {
 	for (; target;) target["$" + ev.type]?.(ev, target), target = ev.bubbles && !ev.cancelBubble && target.parentNode;
 }
 //#endregion
-//#region src/dom/resolve-cursor-position.ts
-function resolveCursorPosition(inputType, initialPosition, initialValue, updatedValue) {
-	if ((initialPosition || initialPosition === 0) && (initialPosition !== initialValue.length || /kw/.test(inputType))) {
-		let before = initialValue.slice(0, initialPosition), after = initialValue.slice(initialPosition);
-		if (updatedValue.startsWith(before)) return initialPosition;
-		if (updatedValue.endsWith(after)) return updatedValue.length - after.length;
-		let count = before.replace(R, "").length, pos = 0;
-		for (; count && updatedValue[pos];) updatedValue[pos++].replace(R, "") && count--;
-		return pos;
-	}
-	return -1;
-}
-//#endregion
 //#region src/dom/parse-html.ts
 function parseHTML(html, ns) {
 	let parser = parsers[ns] ||= document.createElementNS(ns, "template");
@@ -421,57 +408,6 @@ function walk(startNode, walkCodes, branch) {
 	walker.currentNode = startNode, walkInternal(0, walkCodes, branch);
 }
 //#endregion
-//#region src/dom/renderer.ts
-function createBranch($global, renderer, parentScope, parentNode) {
-	let branch = createScope($global);
-	return branch._ = renderer.e || parentScope, setParentBranch(branch, parentScope?.F), renderer.b?.(branch, parentNode.namespaceURI), branch;
-}
-function setParentBranch(branch, parentBranch) {
-	parentBranch && (branch.N = parentBranch, (parentBranch.D ||= /* @__PURE__ */ new Set()).add(branch)), branch.F = branch;
-}
-function createAndSetupBranch($global, renderer, parentScope, parentNode) {
-	return setupBranch(renderer, createBranch($global, renderer, parentScope, parentNode));
-}
-function setupBranch(renderer, branch) {
-	return renderer.c && queueRender(branch, renderer.c, -1), branch;
-}
-function _content(id, template, walks, setup, params, dynamicScopesAccessor) {
-	walks = walks ? walks.replace(/[^\0-1]+$/, "") : "", setup = setup ? setup._ || setup : void 0, params ||= void 0;
-	let clone = template ? (branch, ns) => {
-		((cloneCache[ns] ||= {})[template] ||= createCloneableHTML(template, ns))(branch, walks);
-	} : (branch) => {
-		walk(branch.S = branch.K = new Text(), walks, branch);
-	};
-	return (owner) => ({
-		a: id,
-		b: clone,
-		e: owner,
-		c: setup,
-		d: params,
-		f: dynamicScopesAccessor
-	});
-}
-function _content_resume(id, template, walks, setup, params, dynamicScopesAccessor) {
-	return _resume(id, _content(id, template, walks, setup, params, dynamicScopesAccessor));
-}
-function _content_closures(renderer, closureFns) {
-	let closureSignals = {};
-	for (let key in closureFns) closureSignals[key] = _const(+key, closureFns[key]);
-	return (owner, closureValues) => {
-		let instance = renderer(owner);
-		return instance.g = closureSignals, instance.h = closureValues, instance;
-	};
-}
-function createCloneableHTML(html, ns) {
-	let { firstChild, lastChild } = parseHTML(html, ns), parent = document.createElementNS(ns, "t");
-	return insertChildNodes(parent, null, firstChild, lastChild), firstChild === lastChild && firstChild.nodeType < 8 ? (branch, walks) => {
-		walk(branch.S = branch.K = firstChild.cloneNode(!0), walks, branch);
-	} : (branch, walks) => {
-		let clone = parent.cloneNode(!0);
-		walk(clone.firstChild, walks, branch), branch.S = clone.firstChild, branch.K = clone.lastChild;
-	};
-}
-//#endregion
 //#region src/dom/resume.ts
 function enableBranches() {
 	branchesEnabled || (branchesEnabled = 1, skipDestroyedRenders());
@@ -586,6 +522,210 @@ function _el(id, accessor) {
 	return accessor = decodeAccessor(accessor), _resume(id, (scope) => () => scope[accessor]);
 }
 //#endregion
+//#region src/dom/renderer.ts
+function createBranch($global, renderer, parentScope, parentNode) {
+	let branch = createScope($global);
+	return branch._ = renderer.e || parentScope, setParentBranch(branch, parentScope?.F), renderer.b?.(branch, parentNode.namespaceURI), branch;
+}
+function setParentBranch(branch, parentBranch) {
+	parentBranch && (branch.N = parentBranch, (parentBranch.D ||= /* @__PURE__ */ new Set()).add(branch)), branch.F = branch;
+}
+function createAndSetupBranch($global, renderer, parentScope, parentNode) {
+	return setupBranch(renderer, createBranch($global, renderer, parentScope, parentNode));
+}
+function setupBranch(renderer, branch) {
+	return renderer.c && queueRender(branch, renderer.c, -1), branch;
+}
+function _content(id, template, walks, setup, params, dynamicScopesAccessor) {
+	walks = walks ? walks.replace(/[^\0-1]+$/, "") : "", setup = setup ? setup._ || setup : void 0, params ||= void 0;
+	let clone = template ? (branch, ns) => {
+		((cloneCache[ns] ||= {})[template] ||= createCloneableHTML(template, ns))(branch, walks);
+	} : (branch) => {
+		walk(branch.S = branch.K = new Text(), walks, branch);
+	};
+	return (owner) => ({
+		a: id,
+		b: clone,
+		e: owner,
+		c: setup,
+		d: params,
+		f: dynamicScopesAccessor
+	});
+}
+function _content_resume(id, template, walks, setup, params, dynamicScopesAccessor) {
+	return _resume(id, _content(id, template, walks, setup, params, dynamicScopesAccessor));
+}
+function _content_closures(renderer, closureFns) {
+	let closureSignals = {};
+	for (let key in closureFns) closureSignals[key] = _const(+key, closureFns[key]);
+	return (owner, closureValues) => {
+		let instance = renderer(owner);
+		return instance.g = closureSignals, instance.h = closureValues, instance;
+	};
+}
+function createCloneableHTML(html, ns) {
+	let { firstChild, lastChild } = parseHTML(html, ns), parent = document.createElementNS(ns, "t");
+	return insertChildNodes(parent, null, firstChild, lastChild), firstChild === lastChild && firstChild.nodeType < 8 ? (branch, walks) => {
+		walk(branch.S = branch.K = firstChild.cloneNode(!0), walks, branch);
+	} : (branch, walks) => {
+		let clone = parent.cloneNode(!0);
+		walk(clone.firstChild, walks, branch), branch.S = clone.firstChild, branch.K = clone.lastChild;
+	};
+}
+//#endregion
+//#region src/dom/dom.ts
+function _to_text(value) {
+	return value || value === 0 ? value + "" : "";
+}
+function _attr(element, name, value) {
+	setAttribute(element, name, normalizeAttrValue(value));
+}
+function setAttribute(element, name, value) {
+	element.getAttribute(name) != value && (value === void 0 ? element.removeAttribute(name) : element.setAttribute(name, value));
+}
+function _attr_class(element, value) {
+	setAttribute(element, "class", toDelimitedString(value, " ", stringifyClassObject) || void 0);
+}
+function _attr_class_items(element, items) {
+	for (let key in items) _attr_class_item(element, key, items[key]);
+}
+function _attr_class_item(element, name, value) {
+	element.classList.toggle(name, !!value);
+}
+function _attr_style(element, value) {
+	setAttribute(element, "style", toDelimitedString(value, ";", stringifyStyleObject) || void 0);
+}
+function _attr_style_items(element, items) {
+	for (let key in items) _attr_style_item(element, key, items[key]);
+}
+function _attr_style_item(element, name, value) {
+	element.style.setProperty(name, _to_text(value));
+}
+function _style_shell(scope, nodeAccessor) {
+	let element = scope[nodeAccessor], id = _id(scope);
+	_attr_nonce(scope, nodeAccessor), element.className = id, _text_content(element, "." + id + "~*{}");
+}
+function _style_rule_item(element, name, value) {
+	let text = element.textContent, decl = name + ":" + escapeStyleValue(_to_text(value)) + ";", start = text.indexOf("{" + name + ":");
+	~start || (start = text.indexOf(";" + name + ":")), _text_content(element, ~start ? text.slice(0, ++start) + decl + text.slice(text.indexOf(";", start) + 1) : text.slice(0, -1) + decl + "}");
+}
+function _attr_nonce(scope, nodeAccessor) {
+	_attr(scope[nodeAccessor], "nonce", scope.$.cspNonce);
+}
+function _text(node, value) {
+	let normalizedValue = _to_text(value);
+	node.data !== normalizedValue && (node.data = normalizedValue);
+}
+function _text_content(node, value) {
+	let normalizedValue = _to_text(value);
+	node.textContent !== normalizedValue && (node.textContent = normalizedValue);
+}
+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, controllable);
+}
+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, controllable) {
+	let el = scope[nodeAccessor], partial = {};
+	for (let i = el.attributes.length; i--;) {
+		let { name } = el.attributes.item(i);
+		!skip[name] && !(nextAttrs && name in nextAttrs) && el.removeAttribute(name);
+	}
+	for (let name in nextAttrs) {
+		let key = isEventHandler(name) ? `on-${getEventHandlerName(name)}` : name;
+		skip[key] || (partial[key] = nextAttrs[name]);
+	}
+	attrsInternal(scope, nodeAccessor, partial, controllable);
+}
+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, controllable) {
+	let el = scope[nodeAccessor], events = scope["I" + nodeAccessor], skip;
+	for (let name in events) events[name] = 0;
+	controllable && (scope["F" + nodeAccessor] = 5, scope["E" + nodeAccessor] = 0, nextAttrs && (skip = controllable(scope, nodeAccessor, nextAttrs)));
+	for (let name in nextAttrs) {
+		let value = nextAttrs[name];
+		switch (name) {
+			case "class":
+				_attr_class(el, value);
+				break;
+			case "style":
+				_attr_style(el, value);
+				break;
+			default:
+				isEventHandler(name) ? (events ||= scope["I" + nodeAccessor] = {})[getEventHandlerName(name)] = value : skip?.test(name) || name === "content" && el.tagName !== "META" || _attr(el, name, value);
+				break;
+		}
+	}
+}
+function _attr_content(scope, nodeAccessor, value) {
+	let content = normalizeClientRender(value);
+	scope["D" + nodeAccessor] !== (scope["D" + nodeAccessor] = content?.a) && (setConditionalRenderer(scope, nodeAccessor, content, createAndSetupBranch), content?.f && subscribeToScopeSet(content.e, content.f, scope["A" + nodeAccessor]));
+	for (let accessor in content?.g) content.g[accessor](scope["A" + nodeAccessor], content.h[accessor]);
+}
+function _attrs_script(scope, nodeAccessor) {
+	let el = scope[nodeAccessor], events = scope["I" + nodeAccessor];
+	controllableScripts[scope["F" + nodeAccessor]]?.(scope, nodeAccessor);
+	for (let name in events) _on(el, name, events[name]);
+}
+function _html(scope, value, accessor) {
+	let firstChild = scope[accessor], parentNode = firstChild.parentNode, lastChild = scope["H" + accessor] || firstChild, newContent = parseHTML(_to_text(value), parentNode.namespaceURI);
+	insertChildNodes(parentNode, firstChild, scope[accessor] = newContent.firstChild || newContent.appendChild(new Text()), scope["H" + accessor] = newContent.lastChild), removeChildNodes(firstChild, lastChild);
+}
+function normalizeClientRender(value) {
+	let renderer = normalizeDynamicRenderer(value);
+	if (renderer && renderer.a) return renderer;
+}
+function normalizeAttrValue(value) {
+	if (isNotVoid(value)) return value === !0 ? "" : value + "";
+}
+function _lifecycle(scope, thisObj, index = 0) {
+	let accessor = "K" + index, instance = scope[accessor];
+	instance ? (Object.assign(instance, thisObj), instance.onUpdate?.()) : (scope[accessor] = thisObj, Object.assign(thisObj, thisObj.onMount?.()), $signal(scope, accessor).onabort = () => thisObj.onDestroy?.());
+}
+function removeChildNodes(startNode, endNode) {
+	let stop = endNode.nextSibling;
+	for (; startNode !== stop;) {
+		let next = startNode.nextSibling;
+		startNode.remove(), startNode = next;
+	}
+}
+function insertChildNodes(parentNode, referenceNode, startNode, endNode) {
+	parentNode.insertBefore(toInsertNode(startNode, endNode), referenceNode);
+}
+function toInsertNode(startNode, endNode) {
+	if (startNode === endNode) return startNode;
+	let parent = new DocumentFragment(), stop = endNode.nextSibling;
+	for (; startNode !== stop;) {
+		let next = startNode.nextSibling;
+		parent.appendChild(startNode), startNode = next;
+	}
+	return parent;
+}
+//#endregion
+//#region src/dom/resolve-cursor-position.ts
+function resolveCursorPosition(inputType, initialPosition, initialValue, updatedValue) {
+	if ((initialPosition || initialPosition === 0) && (initialPosition !== initialValue.length || /kw/.test(inputType))) {
+		let before = initialValue.slice(0, initialPosition), after = initialValue.slice(initialPosition);
+		if (updatedValue.startsWith(before)) return initialPosition;
+		if (updatedValue.endsWith(after)) return updatedValue.length - after.length;
+		let count = before.replace(R, "").length, pos = 0;
+		for (; count && updatedValue[pos];) updatedValue[pos++].replace(R, "") && count--;
+		return pos;
+	}
+	return -1;
+}
+//#endregion
 //#region src/dom/controllable.ts
 function _attr_input_checked_default(scope, nodeAccessor, checked) {
 	let el = scope[nodeAccessor], normalizedChecked = isNotVoid(checked);
@@ -594,6 +734,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 +851,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 +875,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,175 +921,17 @@ 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;
 }
-//#endregion
-//#region src/dom/dom.ts
-function _to_text(value) {
-	return value || value === 0 ? value + "" : "";
-}
-function _attr(element, name, value) {
-	setAttribute(element, name, normalizeAttrValue(value));
-}
-function setAttribute(element, name, value) {
-	element.getAttribute(name) != value && (value === void 0 ? element.removeAttribute(name) : element.setAttribute(name, value));
-}
-function _attr_class(element, value) {
-	setAttribute(element, "class", toDelimitedString(value, " ", stringifyClassObject) || void 0);
-}
-function _attr_class_items(element, items) {
-	for (let key in items) _attr_class_item(element, key, items[key]);
-}
-function _attr_class_item(element, name, value) {
-	element.classList.toggle(name, !!value);
-}
-function _attr_style(element, value) {
-	setAttribute(element, "style", toDelimitedString(value, ";", stringifyStyleObject) || void 0);
-}
-function _attr_style_items(element, items) {
-	for (let key in items) _attr_style_item(element, key, items[key]);
-}
-function _attr_style_item(element, name, value) {
-	element.style.setProperty(name, _to_text(value));
-}
-function _style_shell(scope, nodeAccessor) {
-	let element = scope[nodeAccessor], id = _id(scope);
-	_attr_nonce(scope, nodeAccessor), element.className = id, _text_content(element, "." + id + "~*{}");
-}
-function _style_rule_item(element, name, value) {
-	let text = element.textContent, decl = name + ":" + escapeStyleValue(_to_text(value)) + ";", start = text.indexOf("{" + name + ":");
-	~start || (start = text.indexOf(";" + name + ":")), _text_content(element, ~start ? text.slice(0, ++start) + decl + text.slice(text.indexOf(";", start) + 1) : text.slice(0, -1) + decl + "}");
-}
-function _attr_nonce(scope, nodeAccessor) {
-	_attr(scope[nodeAccessor], "nonce", scope.$.cspNonce);
-}
-function _text(node, value) {
-	let normalizedValue = _to_text(value);
-	node.data !== normalizedValue && (node.data = normalizedValue);
-}
-function _text_content(node, value) {
-	let normalizedValue = _to_text(value);
-	node.textContent !== normalizedValue && (node.textContent = normalizedValue);
-}
-function _attrs(scope, nodeAccessor, nextAttrs) {
-	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);
-}
-function _attrs_content(scope, nodeAccessor, nextAttrs) {
-	_attrs(scope, nodeAccessor, nextAttrs), _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) {
-	let el = scope[nodeAccessor], partial = {};
-	for (let i = el.attributes.length; i--;) {
-		let { name } = el.attributes.item(i);
-		!skip[name] && !(nextAttrs && name in nextAttrs) && el.removeAttribute(name);
-	}
-	for (let name in nextAttrs) {
-		let key = isEventHandler(name) ? `on-${getEventHandlerName(name)}` : name;
-		skip[key] || (partial[key] = nextAttrs[name]);
-	}
-	attrsInternal(scope, nodeAccessor, partial);
-}
-function _attrs_partial_content(scope, nodeAccessor, nextAttrs, skip) {
-	_attrs_partial(scope, nodeAccessor, nextAttrs, skip), _attr_content(scope, nodeAccessor, nextAttrs?.content);
-}
-function attrsInternal(scope, nodeAccessor, nextAttrs) {
-	let el = scope[nodeAccessor], events = scope["I" + nodeAccessor], skip;
-	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;
-	}
-	for (let name in nextAttrs) {
-		let value = nextAttrs[name];
-		switch (name) {
-			case "class":
-				_attr_class(el, value);
-				break;
-			case "style":
-				_attr_style(el, value);
-				break;
-			default:
-				isEventHandler(name) ? (events ||= scope["I" + nodeAccessor] = {})[getEventHandlerName(name)] = value : skip?.test(name) || name === "content" && el.tagName !== "META" || _attr(el, name, value);
-				break;
-		}
-	}
-}
-function _attr_content(scope, nodeAccessor, value) {
-	let content = normalizeClientRender(value);
-	scope["D" + nodeAccessor] !== (scope["D" + nodeAccessor] = content?.a) && (setConditionalRenderer(scope, nodeAccessor, content, createAndSetupBranch), content?.f && subscribeToScopeSet(content.e, content.f, scope["A" + nodeAccessor]));
-	for (let accessor in content?.g) content.g[accessor](scope["A" + nodeAccessor], content.h[accessor]);
+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 _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;
-	}
-	for (let name in events) _on(el, name, events[name]);
+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 _html(scope, value, accessor) {
-	let firstChild = scope[accessor], parentNode = firstChild.parentNode, lastChild = scope["H" + accessor] || firstChild, newContent = parseHTML(_to_text(value), parentNode.namespaceURI);
-	insertChildNodes(parentNode, firstChild, scope[accessor] = newContent.firstChild || newContent.appendChild(new Text()), scope["H" + accessor] = newContent.lastChild), removeChildNodes(firstChild, lastChild);
+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 normalizeClientRender(value) {
-	let renderer = normalizeDynamicRenderer(value);
-	if (renderer && renderer.a) return renderer;
-}
-function normalizeAttrValue(value) {
-	if (isNotVoid(value)) return value === !0 ? "" : value + "";
-}
-function _lifecycle(scope, thisObj, index = 0) {
-	let accessor = "K" + index, instance = scope[accessor];
-	instance ? (Object.assign(instance, thisObj), instance.onUpdate?.()) : (scope[accessor] = thisObj, Object.assign(thisObj, thisObj.onMount?.()), $signal(scope, accessor).onabort = () => thisObj.onDestroy?.());
-}
-function removeChildNodes(startNode, endNode) {
-	let stop = endNode.nextSibling;
-	for (; startNode !== stop;) {
-		let next = startNode.nextSibling;
-		startNode.remove(), startNode = next;
-	}
-}
-function insertChildNodes(parentNode, referenceNode, startNode, endNode) {
-	parentNode.insertBefore(toInsertNode(startNode, endNode), referenceNode);
-}
-function toInsertNode(startNode, endNode) {
-	if (startNode === endNode) return startNode;
-	let parent = new DocumentFragment(), stop = endNode.nextSibling;
-	for (; startNode !== stop;) {
-		let next = startNode.nextSibling;
-		parent.appendChild(startNode), startNode = next;
-	}
-	return parent;
+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/control-flow.ts
@@ -963,7 +968,11 @@ function _await_promise(nodeAccessor, params) {
 		let thisPromise = scope[promiseAccessor] = promise.then((data) => {
 			if (thisPromise === scope[promiseAccessor]) {
 				let referenceNode = scope[nodeAccessor];
-				scope[promiseAccessor] = 0, queueAsyncRender(scope, () => {
+				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) {
@@ -1229,7 +1238,7 @@ function _enable_catch() {
 //#region src/dom/abort-signal.ts
 function $signalReset(scope, id) {
 	let ctrl = scope.A?.[id];
-	ctrl && (queueEffect(ctrl, abort), scope.A[id] = void 0);
+	ctrl && (scope.A[id] = void 0, rendering ? queueEffect(ctrl, abort) : abort(ctrl));
 }
 function $signal(scope, id) {
 	return scope.F && (scope.F.B ||= /* @__PURE__ */ new Set()).add(scope), ((scope.A ||= {})[id] ||= new AbortController()).signal;
@@ -1275,10 +1284,10 @@ function mount(input = {}, reference, position) {
 		set value(newValue) {
 			_var_change(branch, newValue);
 		},
-		update(newInput) {
-			args && runEffects(prepareEffects(() => {
+		update(newInput = {}) {
+			args && (newInput.$global && ({$global, ...newInput} = newInput), runEffects(prepareEffects(() => {
 				args(branch, newInput);
-			}));
+			})));
 		},
 		destroy() {
 			removeAndDestroyBranch(branch);
@@ -1359,4 +1368,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 };

package/dist/html.js

@@ -957,11 +957,15 @@ function writeGenerator(state, iter, ref) {
 		needsId ||= isDedupedMember(value), yields.push(value);
 	}
 	if (returnValue === void 0 && !yields.length) return state.buf.push("(function*(){})()"), !0;
-	if (state.buf.push(returnValue === void 0 ? "(function*(a){yield*a})(" : "(function*(a,r){yield*a;return r})("), needsId) {
+	let heldReturn = returnValue !== void 0 && isAncestorMember(state, ref, returnValue);
+	if (state.buf.push(returnValue === void 0 ? "(function*(a){yield*a})(" : heldReturn ? "(function*(a,r){yield*a;return r.v})(" : "(function*(a,r){yield*a;return r})("), needsId) {
 		let arrayRef = new Reference(ref, null, state.flush, null, nextRefAccess(state));
 		state.buf.push(arrayRef.id + "="), writeArray(state, yields, arrayRef);
 	} else writeArray(state, yields, new Reference(ref, null, state.flush, state.buf.length));
-	if (returnValue !== void 0) {
+	if (heldReturn) {
+		let holder = new Reference(ref, null, state.flush, null, nextRefAccess(state));
+		state.buf.push("," + holder.id + "={}"), writeProp(state, returnValue, holder, "v");
+	} else if (returnValue !== void 0) {
 		let sepIndex = state.buf.push(",") - 1;
 		if (writeProp(state, returnValue, ref, "") && isDedupedMember(returnValue)) {
 			let retRef = typeof returnValue == "string" ? state.strs.get(returnValue) : state.refs.get(returnValue);
@@ -1820,7 +1824,8 @@ function _attr_textarea_value(scopeId, nodeAccessor, value, valueChange, seriali
 	return valueChange && writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange, serializeType), _textarea_value(value);
 }
 function _textarea_value(value) {
-	return _escape(normalizeStrAttrValue(value));
+	let escaped = _escape(normalizeStrAttrValue(value));
+	return escaped[0] === "\n" || escaped[0] === "\r" ? "\n" + escaped : escaped;
 }
 function _attr_input_value(scopeId, nodeAccessor, value, valueChange, serializeType) {
 	return valueChange && writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange, serializeType), _attr("value", value);