marko 6.3.33 → 6.3.35

package/dist/debug/{dom-BJ93mcSe.mjs → dom-B57LrRnX.mjs}

@@ -112,6 +112,7 @@ function stringifyStyleObject(name, value) {
 		warnedStyleKeys.add(name);
 		console.warn(`\`${name}\` is not a CSS property name; \`style\` object keys are written verbatim, so it renders as invalid CSS. Use \`${name.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase()).replace(/^ms-/, "-ms-")}\`.`);
 	}
+	if (value !== value || typeof value === "bigint" && !value) console.warn(`The \`${name}\` style value \`${value !== value ? "NaN" : "0n"}\` drops the declaration; convert it to a string or number to render it.`);
 	return value || value === 0 ? escapeStyleAttr(name) + ":" + escapeStyleAttr(value + "") : "";
 }
 const unsafeStyleAttrReg = /[\\;]/g;
@@ -188,6 +189,13 @@ function assertValidAttrValue(name, value) {
 function assertValidTextValue(value) {
 	const unrenderable = describeUnrenderable(value);
 	if (unrenderable) throw new Error(`Text content cannot be ${unrenderable}.`);
+	if (isSilentlyDropped(value)) console.warn(`Text content of \`${describeDropped(value)}\` renders as nothing; convert it to a string or number to render it.`);
+}
+function isSilentlyDropped(value) {
+	return value !== value || typeof value === "bigint" && !value;
+}
+function describeDropped(value) {
+	return value !== value ? "NaN" : "0n";
 }
 function describeUnrenderable(value) {
 	if (typeof value === "symbol") return "a symbol";
@@ -211,6 +219,9 @@ function assertValidLoopKey(key, seenKeys) {
 function assertValidList(value) {
 	if (value && typeof value[Symbol.iterator] !== "function") throw new Error(`A \`<for>\` tag's \`of\` attribute must be an iterable, such as an array, but received ${describeForValue(value)}.`);
 }
+function assertValidRangeStart(name, value) {
+	if (value && (typeof value !== "number" || !isFinite(value))) throw new Error(`A \`<for>\` tag's \`${name}\` attribute must be a finite number, but received ${describeForValue(value)}.`);
+}
 function assertValidRangeBound(name, value) {
 	if (!isFinite(value)) throw new Error(`A \`<for>\` tag's \`${name}\` attribute must be a finite number, but received ${describeForValue(value)}.`);
 }
@@ -242,10 +253,16 @@ function assertExclusiveAttrs(attrs, onError = throwErr) {
 			(exclusiveAttrs ||= []).push("checkedValueChange");
 			if ("checked" in attrs) exclusiveAttrs.push("checked");
 		}
-		if (attrs.valueChange) (exclusiveAttrs ||= []).push("valueChange");
+		if (attrs.valueChange) {
+			(exclusiveAttrs ||= []).push("valueChange");
+			if ("checked" in attrs && !exclusiveAttrs.includes("checked")) exclusiveAttrs.push("checked");
+		}
 		if (exclusiveAttrs && exclusiveAttrs.length > 1) onError(`The attributes ${joinWithAnd(exclusiveAttrs)} are mutually exclusive.`);
 	}
 }
+function assertNoValueBindingOnCheckable(type, valueChange) {
+	if (valueChange && /^(?:button|checkbox|hidden|image|radio|reset|submit)$/i.test(type)) console.error(`\`valueChange\` cannot be used on a \`type="${type}"\` \`<input>\` — user interaction can never change its \`value\`.` + (/^[cr]/i.test(type) ? " Bind `checked` or `checkedValue` instead." : ""));
+}
 function assertHandlerIsFunction(name, value) {
 	if (value && typeof value !== "function") throw new Error(`The \`${name}\` handler must be a function or a falsey value (\`null\`, \`undefined\`, \`false\`, \`0\`, …), but received type "${typeof value}".`);
 }
@@ -277,12 +294,16 @@ function forOf(list, cb) {
 }
 function forTo(to, from, step, cb) {
 	assertValidRangeBound("to", to);
+	assertValidRangeStart("from", from);
+	assertValidRangeStart("step", step);
 	const start = from || 0;
 	const delta = step || 1;
 	for (let steps = (to - start) / delta, i = 0; i <= steps; i++) cb(start + i * delta);
 }
 function forUntil(until, from, step, cb) {
 	assertValidRangeBound("until", until);
+	assertValidRangeStart("from", from);
+	assertValidRangeStart("step", step);
 	const start = from || 0;
 	const delta = step || 1;
 	for (let steps = (until - start) / delta, i = 0; i < steps; i++) cb(start + i * delta);
@@ -440,10 +461,10 @@ function push(opt, item) {
 //#region src/dom/event.ts
 function _on(element, type, handler) {
 	assertHandlerIsFunction("on" + type[0].toUpperCase() + type.slice(1), handler);
-	if (element["$" + type] === void 0) delegate(type, handleDelegated);
-	element["$" + type] = handler || null;
+	if (element[1 + type] === void 0) delegate(type, handleDelegated);
+	element[1 + type] = handler || null;
 }
-const delegate = (type, handler) => handler[type] ||= (document.addEventListener(type, handler, true), 1);
+const delegate = (type, handler) => handler[1 + type] ||= (document.addEventListener(type, handler, true), 1);
 function handleDelegated(ev) {
 	let target = !rendering && ev.target;
 	Object.defineProperty(ev, "currentTarget", {
@@ -454,7 +475,7 @@ function handleDelegated(ev) {
 		}
 	});
 	while (target) {
-		target["$" + ev.type]?.(ev, target);
+		target[1 + ev.type]?.(ev, target);
 		target = ev.bubbles && !ev.cancelBubble && target.parentNode;
 	}
 	delete ev.currentTarget;
@@ -719,17 +740,23 @@ function _var(scope, childAccessor, signal) {
 }
 const _return = (scope, value) => scope[TagVariable]?.(value);
 function _return_change(scope, changeHandler) {
-	if (changeHandler) scope[TagVariableChange] = changeHandler;
+	scope[TagVariableChange] = changeHandler || void 0;
 }
 const _var_change = (scope, value, name = "This") => {
 	if (typeof scope["#TagVariableChange"] !== "function") throw new TypeError(`${name} is a readonly tag variable.`);
 	scope[TagVariableChange](value);
 };
 const tagIdsByGlobal = /* @__PURE__ */ new WeakMap();
-function _id({ [Global]: $global }) {
-	const id = tagIdsByGlobal.get($global) || 0;
-	tagIdsByGlobal.set($global, id + 1);
-	return "c" + $global.runtimeId + $global.renderId + id.toString(36);
+function _id(scope, accessor) {
+	let id = accessor !== void 0 && scope[accessor];
+	if (!id) {
+		const $global = scope[Global];
+		const n = tagIdsByGlobal.get($global) || 0;
+		tagIdsByGlobal.set($global, n + 1);
+		id = "c" + $global.runtimeId + $global.renderId + n.toString(36);
+		if (accessor !== void 0) scope[accessor] = id;
+	}
+	return id;
 }
 function _script(id, fn) {
 	_resume(id, fn);
@@ -741,19 +768,19 @@ function _el_read(value) {
 	if (rendering) _el_read_error();
 	return value;
 }
-function* traverse(scope, path, i = path.length - 1) {
+function* traverse(scope, path, args, i = path.length - 1) {
 	if (rendering) _hoist_read_error();
-	if (scope) if (Symbol.iterator in scope) for (const childScope of scope.values()) yield* traverse(childScope, path, i);
+	if (scope) if (Symbol.iterator in scope) for (const childScope of scope.values()) yield* traverse(childScope, path, args, i);
 	else {
 		const item = scope[path[i]];
-		if (i) yield* traverse(item, path, i - 1);
-		else yield typeof item === "function" ? item() : item;
+		if (i) yield* traverse(item, path, args, i - 1);
+		else yield typeof item === "function" ? item(...args) : item;
 	}
 }
 function _hoist(...path) {
 	return (scope) => {
-		const fn = () => traverse(scope, path).next().value;
-		fn[Symbol.iterator] = () => traverse(scope, path);
+		const fn = (...args) => traverse(scope, path, args).next().value;
+		fn[Symbol.iterator] = () => traverse(scope, path, []);
 		return fn;
 	};
 }
@@ -1055,7 +1082,7 @@ function _content(id, template, walks, setup, params, dynamicScopesAccessor) {
 	setup = setup ? setup._ || setup : void 0;
 	params ||= void 0;
 	const clone = template ? (branch, ns) => {
-		((cloneCache[ns] ||= {})[template] ||= createCloneableHTML(template, ns))(branch, walks);
+		((cloneCache[ns] ||= {})[1 + template] ||= createCloneableHTML(template, ns))(branch, walks);
 	} : (branch) => {
 		walk(branch[StartNode] = branch[EndNode] = new Text(), walks, branch);
 	};
@@ -1175,7 +1202,7 @@ function _attrs_partial(scope, nodeAccessor, nextAttrs, skip, controllable) {
 	const partial = {};
 	for (let i = el.attributes.length; i--;) {
 		const { name } = el.attributes.item(i);
-		if (!skip[name] && !(nextAttrs && name in nextAttrs)) el.removeAttribute(name);
+		if (!skip[name] && !(nextAttrs && (name in nextAttrs || hasAttrAlias(el, name, nextAttrs)))) el.removeAttribute(name);
 	}
 	for (const name in nextAttrs) {
 		const key = isEventHandler(name) ? `on-${getEventHandlerName(name)}` : name;
@@ -1220,7 +1247,7 @@ function attrsInternal(scope, nodeAccessor, nextAttrs, controllable) {
 }
 function _attr_content(scope, nodeAccessor, value) {
 	const content = normalizeClientRender(value);
-	if (scope["ConditionalRenderer:" + nodeAccessor] !== (scope["ConditionalRenderer:" + nodeAccessor] = content?.["id"])) {
+	if (scope["ConditionalRenderer:" + nodeAccessor] !== (scope["ConditionalRenderer:" + nodeAccessor] = rendererKey(content))) {
 		setConditionalRenderer(scope, nodeAccessor, content, createAndSetupBranch);
 		if (content?.["accessor"]) subscribeToScopeSet(content[Owner], content[Accessor], scope[BranchScopes$1 + nodeAccessor]);
 	}
@@ -1289,17 +1316,16 @@ function toInsertNode(startNode, endNode) {
 }
 //#endregion
 //#region src/dom/resolve-cursor-position.ts
-const R = /[^\p{L}\p{N}]/gu;
+const R = /[\p{L}\p{N}]/gu;
 function resolveCursorPosition(inputType, initialPosition, initialValue, updatedValue) {
 	if ((initialPosition || initialPosition === 0) && (initialPosition !== initialValue.length || /kw/.test(inputType))) {
 		const before = initialValue.slice(0, initialPosition);
 		const 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;
-		let pos = 0;
-		while (count && updatedValue[pos]) if (updatedValue[pos++].replace(R, "")) count--;
-		return pos;
+		let count = before.match(R)?.length;
+		while (count && R.test(updatedValue)) count--;
+		return count ? updatedValue.length : R.lastIndex;
 	}
 	return -1;
 }
@@ -1401,17 +1427,19 @@ function _attr_input_value(scope, nodeAccessor, value, valueChange, setDefault =
 	const el = scope[nodeAccessor];
 	const normalizedValue = normalizeAttrValue(value) || "";
 	assertHandlerIsFunction("valueChange", valueChange);
+	assertNoValueBindingOnCheckable(el.type, valueChange);
 	scope[ControlledHandler + nodeAccessor] = valueChange;
 	scope[ControlledValue + nodeAccessor] = normalizedValue;
 	scope[ControlledType + nodeAccessor] = valueChange ? 2 : 5;
 	if (valueChange && scope["#Gen"] < runId) setInputValue(el, normalizedValue);
-	else setDefault(scope, nodeAccessor, normalizedValue);
+	else setDefault(scope, nodeAccessor, value);
 }
 function _attr_input_value_attribute_default(scope, nodeAccessor, value) {
 	_attr(scope[nodeAccessor], "value", value);
 }
 function _attr_input_value_script(scope, nodeAccessor) {
 	const el = scope[nodeAccessor];
+	assertNoValueBindingOnCheckable(el.type, scope[ControlledHandler + nodeAccessor]);
 	if (isResuming) scope[ControlledValue + nodeAccessor] = el.defaultValue;
 	syncControllableFormInput(el, hasValueChanged, (ev) => {
 		const valueChange = scope[ControlledHandler + nodeAccessor];
@@ -1643,12 +1671,12 @@ function _await_promise(nodeAccessor, params) {
 		if (!scope[promiseAccessor]) {
 			if (awaitBranch) awaitBranch[PendingRenders] ||= [];
 			if (tryPlaceholder) awaitCounter = addAwaitCounter(scope, tryPlaceholder);
-			else if (!awaitCounter.i++) requestAnimationFrame(() => awaitCounter.i && runEffects(prepareEffects(() => queueRender(scope, () => {
+			else scheduleAwaitFrame(awaitCounter, scope, () => {
 				if (!awaitBranch["#DetachedAwait"]) {
-					awaitBranch["#StartNode"].parentNode.insertBefore(scope[nodeAccessor], awaitBranch["#StartNode"]);
+					awaitBranch[StartNode].parentNode.insertBefore(scope[nodeAccessor], awaitBranch[StartNode]);
 					tempDetachBranch(tryBranch);
 				}
-			}, -1))));
+			});
 		}
 		const thisPromise = scope[promiseAccessor] = promise.then((data) => {
 			if (thisPromise === scope[promiseAccessor]) {
@@ -1713,12 +1741,15 @@ function addAwaitCounter(scope, tryBranch = findBranchWithKey(scope, Placeholder
 	let awaitCounter = tryBranch[AwaitCounter];
 	if (!awaitCounter?.i) awaitCounter = createAwaitCounter(tryBranch, () => dismissPlaceholder(tryBranch));
 	placeholderShown.add(pendingEffects);
-	if (!awaitCounter.i++) requestAnimationFrame(() => awaitCounter.i && runEffects(prepareEffects(() => queueRender(tryBranch, () => {
-		insertBranchBefore(tryBranch["#PlaceholderBranch"] = createAndSetupBranch(tryBranch["$global"], tryBranch["#PlaceholderContent"], tryBranch["_"], tryBranch["#StartNode"].parentNode), tryBranch["#StartNode"].parentNode, tryBranch["#StartNode"]);
+	scheduleAwaitFrame(awaitCounter, tryBranch, () => {
+		insertBranchBefore(tryBranch[PlaceholderBranch] = createAndSetupBranch(tryBranch[Global], tryBranch[PlaceholderContent], tryBranch["_"], tryBranch[StartNode].parentNode), tryBranch[StartNode].parentNode, tryBranch[StartNode]);
 		tempDetachBranch(tryBranch);
-	}, -1))));
+	});
 	return awaitCounter;
 }
+function scheduleAwaitFrame(awaitCounter, scope, render) {
+	if (!awaitCounter.i++) requestAnimationFrame(() => awaitCounter.i && runEffects(prepareEffects(() => queueRender(scope, render, -1))));
+}
 function createAwaitCounter(tryBranch, done) {
 	const awaitCounter = tryBranch[AwaitCounter] = {
 		i: 0,
@@ -1816,6 +1847,9 @@ const _show = /*@__PURE__*/ withBranches((nodeAccessor, startNodeAccessor, endNo
 		}
 	};
 });
+function rendererKey(renderer) {
+	return renderer?.["owner"] ? renderer["id"] + " " + renderer[Owner]["#Id"] : renderer?.["id"] || renderer;
+}
 function patchDynamicTag(fn) {
 	_dynamic_tag = fn(_dynamic_tag);
 }
@@ -1824,14 +1858,15 @@ let _dynamic_tag = /*@__PURE__*/ withBranches((nodeAccessor, getContent, getTagV
 	const rendererAccessor = ConditionalRenderer + nodeAccessor;
 	return (scope, newRenderer, getInput) => {
 		const normalizedRenderer = normalizeDynamicRenderer(newRenderer);
-		if (scope[rendererAccessor] !== (scope[rendererAccessor] = normalizedRenderer?.["id"] || normalizedRenderer) || getContent && !(normalizedRenderer || scope[childScopeAccessor])) {
+		if (scope[rendererAccessor] !== (scope[rendererAccessor] = rendererKey(normalizedRenderer)) || getContent && !(normalizedRenderer || scope[childScopeAccessor])) {
 			setConditionalRenderer(scope, nodeAccessor, normalizedRenderer || (getContent ? getContent(scope) : void 0), createBranchWithTagNameOrRenderer);
-			if (getTagVar) scope[childScopeAccessor][TagVariable] = (value) => getTagVar()(scope, value);
+			if (getTagVar) if (scope[childScopeAccessor]) scope[childScopeAccessor][TagVariable] = (value) => getTagVar()(scope, value);
+			else getTagVar()(scope, void 0);
 			if (typeof normalizedRenderer === "string") {
 				if (getContent) {
 					const content = getContent(scope);
-					setConditionalRenderer(scope[childScopeAccessor], `#${normalizedRenderer}/0`, content, createAndSetupBranch);
-					if (content["accessor"]) subscribeToScopeSet(content[Owner], content[Accessor], scope[childScopeAccessor][`BranchScopes:#${normalizedRenderer}/0`]);
+					setConditionalRenderer(scope[childScopeAccessor], `#${normalizedRenderer.toLowerCase()}/0`, content, createAndSetupBranch);
+					if (content["accessor"]) subscribeToScopeSet(content[Owner], content[Accessor], scope[childScopeAccessor][`BranchScopes:#${normalizedRenderer.toLowerCase()}/0`]);
 				}
 			} else if (normalizedRenderer?.["accessor"]) subscribeToScopeSet(normalizedRenderer[Owner], normalizedRenderer[Accessor], scope[childScopeAccessor]);
 		}
@@ -1839,7 +1874,7 @@ let _dynamic_tag = /*@__PURE__*/ withBranches((nodeAccessor, getContent, getTagV
 			const childScope = scope[childScopeAccessor];
 			const args = getInput?.();
 			if (typeof normalizedRenderer === "string") {
-				const nodeAccessor = `#${normalizedRenderer}/0`;
+				const nodeAccessor = `#${normalizedRenderer.toLowerCase()}/0`;
 				(getContent ? _attrs : _attrs_content)(childScope, nodeAccessor, (inputIsArgs ? args[0] : args) || {}, controllableRenders[childScope[nodeAccessor].tagName]);
 				if (childScope["EventAttributes:" + nodeAccessor] || childScope["ControlledHandler:" + nodeAccessor]) queueEffect(childScope, dynamicTagScript);
 			} else {
@@ -1860,18 +1895,16 @@ const _dynamic_tag_content = /*@__PURE__*/ withBranches((nodeAccessor) => {
 	const childScopeAccessor = BranchScopes$1 + nodeAccessor;
 	const rendererAccessor = ConditionalRenderer + nodeAccessor;
 	return (scope, renderer) => {
-		if (scope[rendererAccessor] !== (scope[rendererAccessor] = renderer?.["id"] || renderer)) {
+		if (scope[rendererAccessor] !== (scope[rendererAccessor] = rendererKey(renderer))) {
 			setConditionalRenderer(scope, nodeAccessor, renderer, createAndSetupBranch);
 			if (renderer?.["accessor"]) subscribeToScopeSet(renderer[Owner], renderer[Accessor], scope[childScopeAccessor]);
 		}
 		if (renderer) for (const accessor in renderer[LocalClosures]) renderer[LocalClosures][accessor](scope[childScopeAccessor], renderer[LocalClosureValues][accessor]);
 	};
 });
-function _resume_dynamic_tag() {
-	_resume(DYNAMIC_TAG_SCRIPT_REGISTER_ID, dynamicTagScript);
-}
+const _resume_dynamic_tag = /*@__PURE__*/ withBranches(() => _resume(DYNAMIC_TAG_SCRIPT_REGISTER_ID, dynamicTagScript));
 function dynamicTagScript(branch) {
-	_attrs_script(branch, `#${branch[Renderer]}/0`);
+	_attrs_script(branch, `#${branch[Renderer].toLowerCase()}/0`);
 }
 function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch) {
 	const referenceNode = scope[nodeAccessor];
@@ -1992,17 +2025,27 @@ const loop = /*@__PURE__*/ withBranches((forEach) => (nodeAccessor, template, wa
 		}
 	};
 });
-const _for_of = /*@__PURE__*/ loop(([all, by = bySecondArg], cb) => {
+const _for_of = /*@__PURE__*/ loop(([all, by], cb) => {
+	by ||= bySecondArg;
 	if (typeof by === "string") forOf(all, (item, i) => cb(item[by], [item, i]));
 	else forOf(all, (item, i) => cb(by(item, i), [item, i]));
 });
-const _for_in = /*@__PURE__*/ loop(([obj, by = byFirstArg], cb) => forIn(obj, (key, value) => cb(by(key, value), [key, value])));
-const _for_to = /*@__PURE__*/ loop(([to, from, step, by = byFirstArg], cb) => forTo(to, from, step, (v) => cb(by(v), [v])));
-const _for_until = /*@__PURE__*/ loop(([until, from, step, by = byFirstArg], cb) => forUntil(until, from, step, (v) => cb(by(v), [v])));
+const _for_in = /*@__PURE__*/ loop(([obj, by], cb) => {
+	by ||= byFirstArg;
+	forIn(obj, (key, value) => cb(by(key, value), [key, value]));
+});
+const _for_to = /*@__PURE__*/ loop(([to, from, step, by], cb) => {
+	by ||= byFirstArg;
+	forTo(to, from, step, (v) => cb(by(v), [v]));
+});
+const _for_until = /*@__PURE__*/ loop(([until, from, step, by], cb) => {
+	by ||= byFirstArg;
+	forUntil(until, from, step, (v) => cb(by(v), [v]));
+});
 function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentScope, parentNode) {
 	if (typeof tagNameOrRenderer === "string") assertValidTagName(tagNameOrRenderer);
 	const branch = createBranch($global, tagNameOrRenderer, parentScope, parentNode);
-	if (typeof tagNameOrRenderer === "string") branch[`#${tagNameOrRenderer}/0`] = branch[StartNode] = branch[EndNode] = document.createElementNS(tagNameOrRenderer === "svg" ? "http://www.w3.org/2000/svg" : tagNameOrRenderer === "math" ? "http://www.w3.org/1998/Math/MathML" : parentNode.namespaceURI, tagNameOrRenderer);
+	if (typeof tagNameOrRenderer === "string") branch[`#${tagNameOrRenderer.toLowerCase()}/0`] = branch[StartNode] = branch[EndNode] = document.createElementNS(tagNameOrRenderer === "svg" ? "http://www.w3.org/2000/svg" : tagNameOrRenderer === "math" ? "http://www.w3.org/1998/Math/MathML" : parentNode.namespaceURI, tagNameOrRenderer);
 	else setupBranch(tagNameOrRenderer, branch);
 	return branch;
 }