marko 6.3.32 → 6.3.34

package/dist/debug/{dom-BJ93mcSe.mjs → dom-klf8Ec_o.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)}.`);
 }
@@ -277,12 +288,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 +455,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 +469,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,7 +734,7 @@ 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.`);
@@ -1055,7 +1070,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 +1190,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;
@@ -1289,17 +1304,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;
 }
@@ -1643,12 +1657,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 +1727,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,
@@ -1830,8 +1847,8 @@ let _dynamic_tag = /*@__PURE__*/ withBranches((nodeAccessor, getContent, getTagV
 			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 +1856,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 {
@@ -1867,11 +1884,9 @@ const _dynamic_tag_content = /*@__PURE__*/ withBranches((nodeAccessor) => {
 		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 +2007,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;
 }

package/dist/debug/dom.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_control_flow = require("./dom-CiFITSPN.js");
+const require_control_flow = require("./dom-Bj58jt8y.js");
 //#region src/common/attr-tag.ts
 const empty = [];
 const rest = Symbol("Attribute Tag");
@@ -35,6 +35,7 @@ const classIdToBranch = /* @__PURE__ */ new Map();
 let classEventResolver;
 const scopesByRender = /* @__PURE__ */ new WeakMap();
 const getRenderScopes = ($global) => {
+	require_control_flow.init($global.runtimeId);
 	const render = self[$global.runtimeId]?.[$global.renderId];
 	let scopes = render && scopesByRender.get(render);
 	if (render && !scopes) scopesByRender.set(render, scopes = {});
@@ -96,6 +97,7 @@ const compat = {
 		return renderer;
 	},
 	render(out, component, renderer, args) {
+		require_control_flow.init(out.global.runtimeId);
 		let branch = component.scope;
 		let created = 0;
 		if (!branch && (branch = classIdToBranch.get(component.id))) {

package/dist/debug/dom.mjs

@@ -1,4 +1,4 @@
-import { $ as _html, $t as queueEffect, A as _attr_select_value, At as _id, B as _attr_class, Bt as _assert_init, C as _attr_input_checked_default, Ct as _closure_get, D as _attr_input_value_default, Dt as _for_selector, E as _attr_input_value_attribute_default, Et as _for_closure, F as _controllable_select, Ft as _return, G as _attr_style, Gt as _on, H as _attr_class_items, Ht as insertBranchBefore, I as _controllable_textarea, It as _return_change, J as _attrs, K as _attr_style_item, Kt as $signal, Lt as _script, M as _attr_select_value_script, Mt as _let, N as _controllable_input, Nt as _let_change, O as _attr_input_value_dynamic_default, Ot as _hoist, P as _controllable_open, Pt as _or, Q as _attrs_script, Qt as queueAsyncRender, Rt as _var, S as _attr_input_checkedValue_script, St as _closure, T as _attr_input_value, Tn as TagVariable, Tt as _el_read, U as _attr_content, Ut as removeAndDestroyBranch, V as _attr_class_item, Vt as destroyBranch, W as _attr_nonce, Wt as syncGen, X as _attrs_partial, Y as _attrs_content, Z as _attrs_partial_content, Zt as prepareEffects, _ as _attr_details_or_dialog_open_default, _n as EndNode, _t as getRegisteredWithScope, a as _for_in, an as forTo, at as _to_text, b as _attr_input_checkedValue, bn as Load, bt as ready, c as _for_until, cn as _call, ct as _content, d as _show, dn as Params, dt as createAndSetupBranch, en as run, et as _lifecycle, f as _try, fn as Setup, ft as createBranch, g as _attr_details_or_dialog_open, gt as _var_resume, h as renderCatch, ht as _resume, i as _dynamic_tag_content, in as forOf, it as _text_content, j as _attr_select_value_default, jt as _if_closure, k as _attr_input_value_script, kt as _hoist_resume, l as _if, ln as Clone, lt as _content_closures, m as patchDynamicTag, mt as _el, n as _await_promise, nn as runId, nt as _style_shell, o as _for_of, on as forUntil, ot as insertChildNodes, p as addAwaitCounter, pt as setupBranch, q as _attr_style_items, qt as $signalReset, r as _dynamic_tag, rn as forIn, rt as _text, s as _for_to, sn as _assert_hoist, st as toInsertNode, t as _await_content, tn as runEffects, tt as _style_rule_item, u as _resume_dynamic_tag, un as Owner, ut as _content_resume, v as _attr_details_or_dialog_open_script, vt as init, w as _attr_input_checked_script, wn as StartNode, wt as _const, x as _attr_input_checkedValue_default, xt as _child_setup, y as _attr_input_checked, yn as Global, yt as initEmbedded, z as _attr, zt as _var_change } from "./dom-BJ93mcSe.mjs";
+import { $ as _html, $t as queueEffect, A as _attr_select_value, At as _id, B as _attr_class, Bt as _assert_init, C as _attr_input_checked_default, Ct as _closure_get, D as _attr_input_value_default, Dt as _for_selector, E as _attr_input_value_attribute_default, Et as _for_closure, F as _controllable_select, Ft as _return, G as _attr_style, Gt as _on, H as _attr_class_items, Ht as insertBranchBefore, I as _controllable_textarea, It as _return_change, J as _attrs, K as _attr_style_item, Kt as $signal, Lt as _script, M as _attr_select_value_script, Mt as _let, N as _controllable_input, Nt as _let_change, O as _attr_input_value_dynamic_default, Ot as _hoist, P as _controllable_open, Pt as _or, Q as _attrs_script, Qt as queueAsyncRender, Rt as _var, S as _attr_input_checkedValue_script, St as _closure, T as _attr_input_value, Tn as TagVariable, Tt as _el_read, U as _attr_content, Ut as removeAndDestroyBranch, V as _attr_class_item, Vt as destroyBranch, W as _attr_nonce, Wt as syncGen, X as _attrs_partial, Y as _attrs_content, Z as _attrs_partial_content, Zt as prepareEffects, _ as _attr_details_or_dialog_open_default, _n as EndNode, _t as getRegisteredWithScope, a as _for_in, an as forTo, at as _to_text, b as _attr_input_checkedValue, bn as Load, bt as ready, c as _for_until, cn as _call, ct as _content, d as _show, dn as Params, dt as createAndSetupBranch, en as run, et as _lifecycle, f as _try, fn as Setup, ft as createBranch, g as _attr_details_or_dialog_open, gt as _var_resume, h as renderCatch, ht as _resume, i as _dynamic_tag_content, in as forOf, it as _text_content, j as _attr_select_value_default, jt as _if_closure, k as _attr_input_value_script, kt as _hoist_resume, l as _if, ln as Clone, lt as _content_closures, m as patchDynamicTag, mt as _el, n as _await_promise, nn as runId, nt as _style_shell, o as _for_of, on as forUntil, ot as insertChildNodes, p as addAwaitCounter, pt as setupBranch, q as _attr_style_items, qt as $signalReset, r as _dynamic_tag, rn as forIn, rt as _text, s as _for_to, sn as _assert_hoist, st as toInsertNode, t as _await_content, tn as runEffects, tt as _style_rule_item, u as _resume_dynamic_tag, un as Owner, ut as _content_resume, v as _attr_details_or_dialog_open_script, vt as init, w as _attr_input_checked_script, wn as StartNode, wt as _const, x as _attr_input_checkedValue_default, xt as _child_setup, y as _attr_input_checked, yn as Global, yt as initEmbedded, z as _attr, zt as _var_change } from "./dom-klf8Ec_o.mjs";
 //#region src/common/attr-tag.ts
 const empty = [];
 const rest = Symbol("Attribute Tag");
@@ -33,6 +33,7 @@ const classIdToBranch = /* @__PURE__ */ new Map();
 let classEventResolver;
 const scopesByRender = /* @__PURE__ */ new WeakMap();
 const getRenderScopes = ($global) => {
+	init($global.runtimeId);
 	const render = self[$global.runtimeId]?.[$global.renderId];
 	let scopes = render && scopesByRender.get(render);
 	if (render && !scopes) scopesByRender.set(render, scopes = {});
@@ -94,6 +95,7 @@ const compat = {
 		return renderer;
 	},
 	render(out, component, renderer, args) {
+		init(out.global.runtimeId);
 		let branch = component.scope;
 		let created = 0;
 		if (!branch && (branch = classIdToBranch.get(component.id))) {