marko 6.3.24 → 6.3.26

package/dist/dom.js

@@ -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);
@@ -207,19 +207,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");
@@ -422,57 +409,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());
@@ -587,6 +523,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);
@@ -595,6 +735,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 +852,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 +876,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,175 +922,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
@@ -964,7 +969,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) {
@@ -1230,7 +1239,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;
@@ -1276,10 +1285,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,9 +1368,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;