marko 6.3.52 → 6.3.53

package/dist/translator/index.js

@@ -961,277 +961,6 @@ function rest(data) {
 	return Array.isArray(data) ? data.length === 2 ? data[1] : data.slice(1) : void 0;
 }
 //#endregion
-//#region src/common/errors.ts
-function assertExclusiveAttrs(attrs, onError = throwErr) {
-	if (attrs) {
-		let exclusiveAttrs;
-		if (attrs.checkedChange) (exclusiveAttrs ||= []).push("checkedChange");
-		if ("checkedValue" in attrs) {
-			(exclusiveAttrs ||= []).push("checkedValue");
-			if ("checked" in attrs) exclusiveAttrs.push("checked");
-		} else if (attrs.checkedValueChange) {
-			(exclusiveAttrs ||= []).push("checkedValueChange");
-			if ("checked" in attrs) exclusiveAttrs.push("checked");
-		}
-		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 throwErr(msg) {
-	throw new Error(msg);
-}
-function joinWithAnd(a) {
-	switch (a.length) {
-		case 0: return "";
-		case 1: return a[0];
-		case 2: return `${a[0]} and ${a[1]}`;
-		default: return `${a.slice(0, -1).join(", ")}, and ${a[a.length - 1]}`;
-	}
-}
-//#endregion
-//#region src/html/content.ts
-function _unescaped(val) {
-	return val ? val + "" : val === 0 ? "0" : "";
-}
-const unsafeXMLReg = /[<&\r]/g;
-const replaceUnsafeXML = (c) => c === "&" ? "&amp;" : c === "<" ? "&lt;" : "&#13;";
-const escapeXMLStr = (str) => unsafeXMLReg.test(str) ? str.replace(unsafeXMLReg, replaceUnsafeXML) : str;
-function _escape(val) {
-	return val ? escapeXMLStr(val + "") : val === 0 ? "0" : "";
-}
-const unsafeScriptReg = /<(\/?script|!--)/gi;
-const escapeScriptStr = (str) => unsafeScriptReg.test(str) ? str.replace(unsafeScriptReg, "\\x3C$1") : str;
-function _escape_script(val) {
-	return val ? escapeScriptStr(val + "") : val === 0 ? "0" : "";
-}
-const unsafeStyleReg = /<(\/style)/gi;
-const escapeStyleStr = (str) => unsafeStyleReg.test(str) ? str.replace(unsafeStyleReg, "\\3C$1") : str;
-function _escape_style(val) {
-	return val ? escapeStyleStr(val + "") : val === 0 ? "0" : "";
-}
-const unsafeCommentReg = />/g;
-const escapeCommentStr = (str) => unsafeCommentReg.test(str) ? str.replace(unsafeCommentReg, "&gt;") : str;
-function _escape_comment(val) {
-	return val ? escapeCommentStr(val + "") : val === 0 ? "0" : "";
-}
-globalThis.setImmediate || globalThis.setTimeout || globalThis.queueMicrotask;
-//#endregion
-//#region src/html/attrs.ts
-function _attr_class(value) {
-	return stringAttr("class", toDelimitedString(value, " ", stringifyClassObject));
-}
-function _attr_style(value) {
-	return stringAttr("style", toDelimitedString(value, ";", stringifyStyleObject));
-}
-function _attr(name, value) {
-	return isVoid(value) ? "" : nonVoidAttr(name, value);
-}
-function stringAttr(name, value) {
-	return value && " " + name + attrAssignment(value);
-}
-function nonVoidAttr(name, value) {
-	switch (typeof value) {
-		case "string": return " " + name + attrAssignment(value);
-		case "boolean": return " " + name;
-		case "number": return " " + name + "=" + value;
-	}
-	return " " + name + attrAssignment(value + "");
-}
-const singleQuoteAttrReplacements = /['\r]|&(?=[#a-zA-Z])/g;
-const doubleQuoteAttrReplacements = /["\r]|&(?=[#a-zA-Z])/g;
-const needsQuotedAttr = /["'>\s]|&[#a-zA-Z]|\/$/g;
-function attrAssignment(value) {
-	return value ? needsQuotedAttr.test(value) ? value[needsQuotedAttr.lastIndex - 1] === (needsQuotedAttr.lastIndex = 0, "\"") ? "='" + escapeSingleQuotedAttrValue(value) + "'" : "=\"" + escapeDoubleQuotedAttrValue(value) + "\"" : "=" + value : "";
-}
-function escapeSingleQuotedAttrValue(value) {
-	return singleQuoteAttrReplacements.test(value) ? value.replace(singleQuoteAttrReplacements, replaceUnsafeSingleQuoteAttrChar) : value;
-}
-function replaceUnsafeSingleQuoteAttrChar(match) {
-	return match === "'" ? "&#39;" : match === "\r" ? "&#13;" : "&amp;";
-}
-function escapeDoubleQuotedAttrValue(value) {
-	return doubleQuoteAttrReplacements.test(value) ? value.replace(doubleQuoteAttrReplacements, replaceUnsafeDoubleQuoteAttrChar) : value;
-}
-function replaceUnsafeDoubleQuoteAttrChar(match) {
-	return match === "\"" ? "&#34;" : match === "\r" ? "&#13;" : "&amp;";
-}
-//#endregion
-//#region src/translator/util/marko-config.ts
-function isOutputHTML() {
-	return getMarkoOpts().output === "html";
-}
-function isOutputDOM() {
-	return getMarkoOpts().output === "dom";
-}
-function getMarkoOpts() {
-	return (0, _marko_compiler_babel_utils.getFile)().markoOpts;
-}
-function isOptimize() {
-	return getMarkoOpts().optimize;
-}
-function getReadyId(file = (0, _marko_compiler_babel_utils.getFile)()) {
-	const { markoOpts } = file;
-	if (!markoOpts.linkAssets) return void 0;
-	return (markoOpts.optimize ? "_" : "ready:") + (0, _marko_compiler_babel_utils.getTemplateId)(markoOpts, file.opts.filename);
-}
-//#endregion
-//#region src/translator/util/state.ts
-function createProgramState(init) {
-	const map = /* @__PURE__ */ new WeakMap();
-	return [() => {
-		let state = map.get((0, _marko_compiler_babel_utils.getProgram)());
-		if (!state) map.set((0, _marko_compiler_babel_utils.getProgram)(), state = init());
-		return state;
-	}, (value) => {
-		map.set((0, _marko_compiler_babel_utils.getProgram)(), value);
-	}];
-}
-function createSectionState(key, init) {
-	return [(section) => {
-		const arrayOfSectionData = (0, _marko_compiler_babel_utils.getProgram)().state[key] ??= {};
-		return arrayOfSectionData[section.id] ??= init && init(section);
-	}, (section, value) => {
-		const arrayOfSectionData = (0, _marko_compiler_babel_utils.getProgram)().state[key] ??= {};
-		arrayOfSectionData[section.id] = value;
-	}];
-}
-//#endregion
-//#region src/translator/util/to-property-name.ts
-function getMemberExpressionPropString(expr) {
-	switch (expr.property.type) {
-		case "StringLiteral": return expr.property.value;
-		case "NumericLiteral": return "" + expr.property.value;
-		case "Identifier":
-			if (expr.computed) return;
-			return expr.property.name;
-	}
-}
-function isValidPropertyIdentifier(name) {
-	return /^[a-z_$][a-z0-9_$]*$/i.test(name);
-}
-function toPropertyName(name) {
-	if (isValidPropertyIdentifier(name)) return _marko_compiler.types.identifier(name);
-	else if (/^(?:0|[1-9][0-9]*)$/.test(name)) return _marko_compiler.types.numericLiteral(parseInt(name, 10));
-	return _marko_compiler.types.stringLiteral(name);
-}
-function toObjectProperty(name, value) {
-	return _marko_compiler.types.objectProperty(toPropertyName(name), value);
-}
-function toMemberExpression(object, key, optional) {
-	const prop = toPropertyName(key);
-	const computed = prop.type !== "Identifier";
-	return optional ? _marko_compiler.types.optionalMemberExpression(object, prop, computed, true) : _marko_compiler.types.memberExpression(object, prop, computed);
-}
-//#endregion
-//#region src/translator/util/runtime.ts
-const pureDOMFunctions = /* @__PURE__ */ new Set([
-	"_await_promise",
-	"_await_content",
-	"_child_setup",
-	"_if",
-	"_if_closure",
-	"_show",
-	"_try",
-	"_dynamic_tag",
-	"_dynamic_tag_content",
-	"_content_closures",
-	"_content",
-	"_template",
-	"_closure",
-	"_closure_get",
-	"_or",
-	"_for_closure",
-	"_for_selector",
-	"_for_in",
-	"_for_of",
-	"_for_to",
-	"_for_until",
-	"_hoist",
-	"_let",
-	"_let_change",
-	"_const",
-	"_load_signal",
-	"_load_setup",
-	"_load_template",
-	"_load_visible_trigger",
-	"_load_event_trigger",
-	"_load_idle_trigger",
-	"_load_media_trigger",
-	"_load_race_trigger"
-]);
-const [getRuntimeImports] = createProgramState(() => /* @__PURE__ */ new Map());
-function importRuntime(name) {
-	if (!isTranslate()) throw new Error(`\`importRuntime(${JSON.stringify(name)})\` may only be called during the translate stage.`);
-	const { output } = getMarkoOpts();
-	const imports = getRuntimeImports();
-	let localName = imports.get(name);
-	if (!localName) {
-		localName = (0, _marko_compiler_babel_utils.importNamed)((0, _marko_compiler_babel_utils.getFile)(), getRuntimePath(output), name).name;
-		imports.set(name, localName);
-	}
-	return _marko_compiler.types.identifier(localName);
-}
-function registerRuntimeValue(id, value) {
-	return _marko_compiler.types.assignmentExpression("=", toMemberExpression(importRuntime("_resumed"), id), value);
-}
-function callRuntime(name, ...args) {
-	const callExpression = _marko_compiler.types.callExpression(importRuntime(name), filterArguments(args));
-	if (isOutputDOM() && pureDOMFunctions.has(name)) return _marko_compiler.types.addComment(callExpression, "leading", "@__PURE__");
-	return callExpression;
-}
-const domRuntimeFeatures = [
-	"catch",
-	"controllable",
-	"controllable-input",
-	"controllable-open",
-	"controllable-select",
-	"controllable-textarea",
-	"dynamic-tag-var",
-	"placeholder"
-];
-const importedFeatures = /* @__PURE__ */ new WeakMap();
-function importRuntimeFeature(feature) {
-	if (!isTranslate()) throw new Error(`\`importRuntimeFeature(${JSON.stringify(feature)})\` may only be called during the translate stage.`);
-	const program = (0, _marko_compiler_babel_utils.getProgram)().node;
-	let features = importedFeatures.get(program);
-	if (!features) importedFeatures.set(program, features = /* @__PURE__ */ new Set());
-	if (!features.has(feature)) {
-		features.add(feature);
-		program.body.push(_marko_compiler.types.importDeclaration([], _marko_compiler.types.stringLiteral(`${getRuntimePath("dom")}/${feature}.feat`)));
-	}
-}
-function getHTMLRuntime() {
-	return {
-		_escape,
-		_escape_comment,
-		_unescaped,
-		_attr,
-		_attr_class,
-		_attr_style,
-		_escape_script,
-		_escape_style
-	};
-}
-function getRuntimePath(output) {
-	const { optimize } = getMarkoOpts();
-	return `${runtime_info_default.name}/${optimize ? "" : "debug/"}${output === "html" ? "html" : "dom"}`;
-}
-function filterArguments(args) {
-	const filteredArgs = [];
-	for (let i = args.length; i--;) {
-		const arg = args[i];
-		if (arg || filteredArgs.length) filteredArgs[i] = arg || _marko_compiler.types.unaryExpression("void", _marko_compiler.types.numericLiteral(0));
-	}
-	return filteredArgs;
-}
-function getCompatRuntimeFile() {
-	const markoOpts = getMarkoOpts();
-	return `marko/${markoOpts.optimize ? "dist" : "src"}/runtime/helpers/tags-compat/${isOutputHTML() ? "html" : "dom"}${markoOpts.optimize ? "" : "-debug"}.${markoOpts.modules === "esm" ? "mjs" : "js"}`;
-}
-//#endregion
 //#region src/common/constants/accessor-prefix.ts
 var accessor_prefix_exports = /* @__PURE__ */ __exportAll({
 	BranchScopes: () => "A",
@@ -1283,6 +1012,25 @@ var accessor_prop_exports = /* @__PURE__ */ __exportAll({
 	TagVariableChange: () => "U"
 });
 //#endregion
+//#region src/translator/util/marko-config.ts
+function isOutputHTML() {
+	return getMarkoOpts().output === "html";
+}
+function isOutputDOM() {
+	return getMarkoOpts().output === "dom";
+}
+function getMarkoOpts() {
+	return (0, _marko_compiler_babel_utils.getFile)().markoOpts;
+}
+function isOptimize() {
+	return getMarkoOpts().optimize;
+}
+function getReadyId(file = (0, _marko_compiler_babel_utils.getFile)()) {
+	const { markoOpts } = file;
+	if (!markoOpts.linkAssets) return void 0;
+	return (markoOpts.optimize ? "_" : "ready:") + (0, _marko_compiler_babel_utils.getTemplateId)(markoOpts, file.opts.filename);
+}
+//#endregion
 //#region src/translator/util/get-accessor-enums.ts
 function getAccessorPrefix() {
 	return isOptimize() ? accessor_prefix_exports : accessor_prefix_debug_exports;
@@ -1425,149 +1173,42 @@ function getPropKey(section, prop, prefix) {
 		const keys = binding.serializePropKeys ??= /* @__PURE__ */ new Map();
 		let key = keys.get(prefix);
 		if (!key) keys.set(prefix, key = Symbol((prefix ? typeof prefix === "symbol" ? `Symbol(${prefix.description})` : prefix : "") + binding.name));
-		return key;
-	}
-}
-function isStrOrSym(v) {
-	switch (typeof v) {
-		case "string":
-		case "symbol": return true;
-		default: return false;
-	}
-}
-function setSerializeReason(section, reason) {
-	section.serializeReason = reason;
-}
-function setPropSerializeReason(section, key, reason) {
-	section.serializeReasons.set(key, reason);
-}
-//#endregion
-//#region src/translator/util/with-comment.ts
-function withLeadingComment(node, value) {
-	if (value) {
-		const comment = {
-			type: "CommentBlock",
-			value: ` ${value} `
-		};
-		node.leadingComments = node.leadingComments ? [...node.leadingComments, comment] : [comment];
-	}
-	return node;
-}
-//#endregion
-//#region src/translator/util/serialize-guard.ts
-const [getSectionReasonState] = createSectionState("serializeReasonState", (section) => ({
-	if: createTypeState(),
-	guard: createTypeState(),
-	declarators: [_marko_compiler.types.variableDeclarator(_marko_compiler.types.identifier(getSharedUid(`scope${section.id}_reason`, section)), callRuntime("_scope_reason"))]
-}));
-function buildGroupMask(groups) {
-	let mask = 0;
-	let maskNames = "";
-	let dynamic;
-	const props = [];
-	let needsObject = false;
-	let any = false;
-	for (let i = 0; i < groups.length; i++) {
-		const { value, names } = groups[i];
-		if (value === void 0) continue;
-		any = true;
-		if (value === 0) continue;
-		if (i >= 15) needsObject = true;
-		else if (typeof value === "number") {
-			mask |= value << 1 + 2 * i;
-			if (names) maskNames += maskNames ? ` | ${names}` : names;
-		} else {
-			const shifted = _marko_compiler.types.binaryExpression("<<", value, withLeadingComment(_marko_compiler.types.numericLiteral(1 + 2 * i), names));
-			dynamic = dynamic ? _marko_compiler.types.binaryExpression("|", dynamic, shifted) : shifted;
-		}
-		props.push(_marko_compiler.types.objectProperty(withLeadingComment(_marko_compiler.types.numericLiteral(i), names), typeof value === "number" ? _marko_compiler.types.numericLiteral(value) : value));
-	}
-	if (needsObject) return _marko_compiler.types.objectExpression(props);
-	if (!any) return;
-	const literal = mask ? withLeadingComment(_marko_compiler.types.numericLiteral(mask), maskNames) : void 0;
-	return literal && dynamic ? _marko_compiler.types.binaryExpression("|", literal, dynamic) : literal || dynamic || _marko_compiler.types.numericLiteral(0);
-}
-function getScopeReasonDeclaration(section) {
-	return _marko_compiler.types.variableDeclaration("const", getSectionReasonState(section).declarators);
-}
-function getSerializeGuard(section, reason, optional) {
-	if (!isDynamicSerializeGuard(section, reason)) {
-		if (!reason) return _marko_compiler.types.numericLiteral(0);
-		return optional ? void 0 : withLeadingComment(_marko_compiler.types.numericLiteral(1), getDebugNames(reason.forced ? void 0 : reason.state));
-	}
-	return getOrHoist(reason, true);
-}
-function getSerializeGuardForAny(section, reasons, optional) {
-	if (!Array.isArray(reasons)) return getSerializeGuard(section, reasons, optional);
-	for (const reason of reasons) if (!isReasonDynamic(reason)) return optional ? void 0 : withLeadingComment(_marko_compiler.types.numericLiteral(1), getDebugNames(reason.state));
-	let expr;
-	for (const reason of reasons) {
-		const guard = getSerializeGuard(section, reason, false);
-		expr = expr ? _marko_compiler.types.logicalExpression("||", expr, guard) : guard;
-	}
-	return expr;
-}
-function getExprIfSerialized(section, reason, expr) {
-	if (!isDynamicSerializeGuard(section, reason)) return reason && expr;
-	const guard = getOrHoist(reason, false);
-	return guard ? _marko_compiler.types.logicalExpression("&&", guard, expr) : expr;
-}
-function getOrHoist(reason, isGuard) {
-	const onlySection = getOnlySection(reason.param);
-	if (onlySection) {
-		const state = getSectionReasonState(onlySection);
-		const tracking = isGuard ? state.guard : state.if;
-		const existingFound = sourcesUtil.find(tracking.hoistedReasons, reason);
-		if (existingFound) return _marko_compiler.types.identifier(tracking.names.get(existingFound));
-		const guard = buildGuardExpr(onlySection, reason.param, isGuard);
-		const seenFound = sourcesUtil.find(tracking.seenReasons, reason);
-		if (!seenFound) {
-			const expr = _marko_compiler.types.parenthesizedExpression(guard);
-			tracking.pending.set(reason, expr);
-			tracking.seenReasons = sourcesUtil.add(tracking.seenReasons, reason);
-			return expr;
-		}
-		const name = generateUid(`${isGuard ? "sg" : "si"}__${getDebugNamesAsIdentifier(reason.param)}`);
-		tracking.hoistedReasons = sourcesUtil.add(tracking.hoistedReasons, reason);
-		tracking.names.set(reason, name);
-		state.declarators.push(_marko_compiler.types.variableDeclarator(_marko_compiler.types.identifier(name), guard));
-		const pendingParen = tracking.pending.get(seenFound);
-		if (pendingParen) {
-			pendingParen.expression = _marko_compiler.types.identifier(name);
-			tracking.pending.delete(seenFound);
-		}
-		return _marko_compiler.types.parenthesizedExpression(_marko_compiler.types.identifier(name));
-	}
-	let orExpr;
-	for (const [paramsSection, params] of groupParamsBySection(reason.param)) {
-		const expr = buildGuardExpr(paramsSection, params, isGuard);
-		orExpr = orExpr ? _marko_compiler.types.logicalExpression("||", orExpr, expr) : expr;
+		return key;
 	}
-	return orExpr;
 }
-function buildGuardExpr(paramsSection, params, isGuard) {
-	const serializeIdentifier = _marko_compiler.types.identifier(getSharedUid(`scope${paramsSection.id}_reason`, paramsSection));
-	return paramsSection.paramReasonGroups ? callRuntime(isGuard ? "_serialize_guard" : "_serialize_if", serializeIdentifier, withLeadingComment(_marko_compiler.types.numericLiteral(getParamReasonGroupIndex(paramsSection, params)), getDebugNames(params))) : serializeIdentifier;
+function isStrOrSym(v) {
+	switch (typeof v) {
+		case "string":
+		case "symbol": return true;
+		default: return false;
+	}
 }
-function getOnlySection(params) {
-	if (params === void 0) return void 0;
-	if (!Array.isArray(params)) return params.section;
-	const { section } = params[0];
-	return section === params[params.length - 1].section ? section : void 0;
+function setSerializeReason(section, reason) {
+	section.serializeReason = reason;
 }
-function isDynamicSerializeGuard(section, reason) {
-	return isReasonDynamic(reason) && !isCrossSection(section, reason);
+function setPropSerializeReason(section, key, reason) {
+	section.serializeReasons.set(key, reason);
 }
-function isCrossSection(section, reason) {
-	return some(reason.param, (param) => !isSameOrChildSection(param.section, section));
+//#endregion
+//#region src/translator/util/state.ts
+function createProgramState(init) {
+	const map = /* @__PURE__ */ new WeakMap();
+	return [() => {
+		let state = map.get((0, _marko_compiler_babel_utils.getProgram)());
+		if (!state) map.set((0, _marko_compiler_babel_utils.getProgram)(), state = init());
+		return state;
+	}, (value) => {
+		map.set((0, _marko_compiler_babel_utils.getProgram)(), value);
+	}];
 }
-function createTypeState() {
-	return {
-		names: /* @__PURE__ */ new Map(),
-		pending: /* @__PURE__ */ new Map(),
-		seenReasons: void 0,
-		hoistedReasons: void 0
-	};
+function createSectionState(key, init) {
+	return [(section) => {
+		const arrayOfSectionData = (0, _marko_compiler_babel_utils.getProgram)().state[key] ??= {};
+		return arrayOfSectionData[section.id] ??= init && init(section);
+	}, (section, value) => {
+		const arrayOfSectionData = (0, _marko_compiler_babel_utils.getProgram)().state[key] ??= {};
+		arrayOfSectionData[section.id] = value;
+	}];
 }
 //#endregion
 //#region src/translator/util/tag-name-type.ts
@@ -1843,9 +1484,8 @@ function getNodeContentType(path, extraMember, contentInfo) {
 }
 function getSectionRegisterReasons(section) {
 	if (section.isBranch) return false;
+	if (section.upstreamExpression?.tagNameType === 0) return false;
 	const { downstream } = section;
-	const dynamicTagBinding = getDynamicTagNodeBinding(section);
-	if (dynamicTagBinding) return getSerializeReason(dynamicTagBinding.section, dynamicTagBinding) || false;
 	if (downstream?.binding) {
 		const downstreamReasons = reduce(downstream.binding, (reasons, binding) => {
 			const reason = getAllSerializeReasonsForBinding(binding, downstream.properties);
@@ -1857,18 +1497,6 @@ function getSectionRegisterReasons(section) {
 	} else if (downstream) return false;
 	return true;
 }
-function isSectionRegisterDynamic(section, registerReason) {
-	const dynamicTagBinding = getDynamicTagNodeBinding(section);
-	return !!dynamicTagBinding && registerReason !== true && isDynamicSerializeGuard(dynamicTagBinding.section, registerReason);
-}
-function isSectionRegisterEager(section) {
-	const registerReason = getSectionRegisterReasons(section);
-	return !!registerReason && !isSectionRegisterDynamic(section, registerReason);
-}
-function getDynamicTagNodeBinding(section) {
-	const { upstreamExpression } = section;
-	return upstreamExpression?.tagNameType === 0 ? upstreamExpression.nodeBinding : void 0;
-}
 function isImmediateOwner(section, binding) {
 	return section.parent?.id === binding.section.id;
 }
@@ -1979,10 +1607,8 @@ var function_default = { analyze(fn) {
 	reserveExportRegisterId(fnExtra, fn, markoRoot);
 	if (isStaticRoot(markoRoot)) {
 		const refs = getStaticDeclRefs(fn);
-		if (refs === true) registerFunction(fnExtra, FORCED);
-		else if (refs.size) getReferencesByFn().set(fnExtra, refs);
-	} else if (shouldAlwaysRegister(markoRoot)) registerFunction(fnExtra, FORCED);
-	else getReferencesByFn().set(fnExtra, /* @__PURE__ */ new Set([fnExtra.exprRoot]));
+		if (refs.size) getReferencesByFn().set(fnExtra, refs);
+	} else getReferencesByFn().set(fnExtra, /* @__PURE__ */ new Set([fnExtra.exprRoot]));
 } };
 function finalizeFunctionRegistry() {
 	for (const [fnExtra, exprExtras] of getReferencesByFn()) {
@@ -2005,8 +1631,8 @@ function trackImportedFn(importDecl, local, resolved) {
 		local
 	};
 	const refs = /* @__PURE__ */ new Set();
-	if (addBindingRefs(binding, refs, /* @__PURE__ */ new Set()) === true) registerImportedFn(importedFn);
-	else if (refs.size) getReferencesByImportedFn().set(importedFn, refs);
+	addBindingRefs(binding, refs, /* @__PURE__ */ new Set());
+	if (refs.size) getReferencesByImportedFn().set(importedFn, refs);
 }
 /**
 * Finds the id reserved for an export, following `export ... from` hops. Each
@@ -2099,8 +1725,7 @@ function getStaticDeclRefs(path, refs = /* @__PURE__ */ new Set(), seen = /* @__
 		const ids = decl.getOuterBindingIdentifiers();
 		if (ids) for (const name in ids) {
 			const binding = decl.scope.getBinding(name);
-			if (!binding) continue;
-			if (addBindingRefs(binding, refs, seen) === true) return true;
+			if (binding) addBindingRefs(binding, refs, seen);
 		}
 	}
 	return refs;
@@ -2111,31 +1736,15 @@ function addBindingRefs(binding, refs, seen) {
 		const exprRoot = getExprRoot(ref);
 		const markoRoot = getMarkoRoot(exprRoot);
 		if (!markoRoot || canIgnoreRegister(markoRoot, exprRoot)) continue;
-		if (isStaticRoot(markoRoot)) {
-			if (getStaticDeclRefs(ref, refs, seen) === true) return true;
-		} else if (shouldAlwaysRegister(markoRoot)) return true;
+		if (isStaticRoot(markoRoot)) getStaticDeclRefs(ref, refs, seen);
 		else refs.add(exprRoot.node.extra ??= {});
 	}
 }
-function shouldAlwaysRegister(markoRoot) {
-	const tag = getTagFromMarkoRoot(markoRoot);
-	if (!tag) return false;
-	if (isCoreTagName(tag, "let")) return true;
-	if (isCoreTagName(tag, "return")) return true;
-	return analyzeTagNameType(tag) === 0;
-}
 function hasSpreadAttributeAfter(attr) {
 	const attrs = attr.parent.attributes;
 	for (let i = attr.key + 1; i < attrs.length; i++) if (attrs[i].type === "MarkoSpreadAttribute") return true;
 	return false;
 }
-function getTagFromMarkoRoot(markoRoot) {
-	let cur = markoRoot;
-	do {
-		if (cur.isMarkoTag()) return cur;
-		cur = cur.parentPath;
-	} while (cur);
-}
 function registerFunction(fnExtra, reason) {
 	const { markoOpts, path: program, opts: { filename } } = (0, _marko_compiler_babel_utils.getFile)();
 	program.node.extra.isInteractive = true;
@@ -2158,7 +1767,8 @@ function isStaticRoot(path) {
 //#region src/translator/util/analyze-errors.ts
 const [getHasAnalyzeErrors, setHasAnalyzeErrors] = createProgramState(() => false);
 function reportAnalyzeError(path, error) {
-	if (!(error instanceof Error)) throw error;
+	const { filename } = error;
+	if (!(error instanceof Error) || filename !== void 0 && filename !== path.hub.file.opts.filename) throw error;
 	const { label = error.message, loc } = error;
 	setHasAnalyzeErrors(true);
 	(0, _marko_compiler_babel_utils.diagnosticError)(path, {
@@ -2319,47 +1929,279 @@ const builder = {
 		}
 		if (isRoot) state.bundled--;
 	}
-};
-//#endregion
-//#region src/translator/util/get-style-file.ts
-function getStyleFile(file) {
-	const { filename } = file.opts;
-	const fs = file.markoOpts.fileSystem;
-	const base = getBase(filename);
-	const styleMatch = new RegExp(`^(${escapeRegExp(base)}\\.${"index" === base ? "|" : ""})style\\.\\w+$`);
-	let dirFiles;
-	try {
-		dirFiles = fs.readdirSync(path.default.dirname(filename)).sort();
-	} catch {
-		return;
+};
+//#endregion
+//#region src/translator/util/get-style-file.ts
+function getStyleFile(file) {
+	const { filename } = file.opts;
+	const fs = file.markoOpts.fileSystem;
+	const base = getBase(filename);
+	const styleMatch = new RegExp(`^(${escapeRegExp(base)}\\.${"index" === base ? "|" : ""})style\\.\\w+$`);
+	let dirFiles;
+	try {
+		dirFiles = fs.readdirSync(path.default.dirname(filename)).sort();
+	} catch {
+		return;
+	}
+	for (const file of dirFiles) if (styleMatch.test(file)) return `./${file}`;
+}
+/**
+* Given a filename, gets the base name, strips off the file extension
+* and removes any arc flags (https://github.com/eBay/arc).
+*
+* @example
+* getBase("/dir/foo.marko") // => "foo"
+* getBase("/dir/foo.bar.marko") // => "foo.bar"
+* getBase("/dir/foo[bar].marko") // => "foo"
+* getBase("/dir/foo[bar].baz.marko") // => "foo.baz"
+*/
+function getBase(filename) {
+	const start = filename.lastIndexOf(path.default.sep) + 1;
+	const leftDot = filename.indexOf(".", start);
+	if (leftDot === -1) return filename.slice(start);
+	const rightDot = filename.lastIndexOf(".");
+	const closeBracket = leftDot - 1;
+	if (filename[closeBracket] === "]") {
+		const openBracket = filename.lastIndexOf("[", closeBracket);
+		if (openBracket > start) return filename.slice(start, openBracket) + filename.slice(leftDot, rightDot);
+	}
+	return filename.slice(start, rightDot);
+}
+const regexpCharsReg = /[\\^$.*+?()[\]{}|]/g;
+function escapeRegExp(str) {
+	return str.replace(regexpCharsReg, "\\$&");
+}
+//#endregion
+//#region src/common/errors.ts
+function assertExclusiveAttrs(attrs, onError = throwErr) {
+	if (attrs) {
+		let exclusiveAttrs;
+		if (attrs.checkedChange) (exclusiveAttrs ||= []).push("checkedChange");
+		if ("checkedValue" in attrs) {
+			(exclusiveAttrs ||= []).push("checkedValue");
+			if ("checked" in attrs) exclusiveAttrs.push("checked");
+		} else if (attrs.checkedValueChange) {
+			(exclusiveAttrs ||= []).push("checkedValueChange");
+			if ("checked" in attrs) exclusiveAttrs.push("checked");
+		}
+		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 throwErr(msg) {
+	throw new Error(msg);
+}
+function joinWithAnd(a) {
+	switch (a.length) {
+		case 0: return "";
+		case 1: return a[0];
+		case 2: return `${a[0]} and ${a[1]}`;
+		default: return `${a.slice(0, -1).join(", ")}, and ${a[a.length - 1]}`;
+	}
+}
+//#endregion
+//#region src/html/content.ts
+function _unescaped(val) {
+	return val ? val + "" : val === 0 ? "0" : "";
+}
+const unsafeXMLReg = /[<&\r]/g;
+const replaceUnsafeXML = (c) => c === "&" ? "&amp;" : c === "<" ? "&lt;" : "&#13;";
+const escapeXMLStr = (str) => unsafeXMLReg.test(str) ? str.replace(unsafeXMLReg, replaceUnsafeXML) : str;
+function _escape(val) {
+	return val ? escapeXMLStr(val + "") : val === 0 ? "0" : "";
+}
+const unsafeScriptReg = /<(\/?script|!--)/gi;
+const escapeScriptStr = (str) => unsafeScriptReg.test(str) ? str.replace(unsafeScriptReg, "\\x3C$1") : str;
+function _escape_script(val) {
+	return val ? escapeScriptStr(val + "") : val === 0 ? "0" : "";
+}
+const unsafeStyleReg = /<(\/style)/gi;
+const escapeStyleStr = (str) => unsafeStyleReg.test(str) ? str.replace(unsafeStyleReg, "\\3C$1") : str;
+function _escape_style(val) {
+	return val ? escapeStyleStr(val + "") : val === 0 ? "0" : "";
+}
+const unsafeCommentReg = />/g;
+const escapeCommentStr = (str) => unsafeCommentReg.test(str) ? str.replace(unsafeCommentReg, "&gt;") : str;
+function _escape_comment(val) {
+	return val ? escapeCommentStr(val + "") : val === 0 ? "0" : "";
+}
+globalThis.setImmediate || globalThis.setTimeout || globalThis.queueMicrotask;
+//#endregion
+//#region src/html/attrs.ts
+function _attr_class(value) {
+	return stringAttr("class", toDelimitedString(value, " ", stringifyClassObject));
+}
+function _attr_style(value) {
+	return stringAttr("style", toDelimitedString(value, ";", stringifyStyleObject));
+}
+function _attr(name, value) {
+	return isVoid(value) ? "" : nonVoidAttr(name, value);
+}
+function stringAttr(name, value) {
+	return value && " " + name + attrAssignment(value);
+}
+function nonVoidAttr(name, value) {
+	switch (typeof value) {
+		case "string": return " " + name + attrAssignment(value);
+		case "boolean": return " " + name;
+		case "number": return " " + name + "=" + value;
+	}
+	return " " + name + attrAssignment(value + "");
+}
+const singleQuoteAttrReplacements = /['\r]|&(?=[#a-zA-Z])/g;
+const doubleQuoteAttrReplacements = /["\r]|&(?=[#a-zA-Z])/g;
+const needsQuotedAttr = /["'>\s]|&[#a-zA-Z]|\/$/g;
+function attrAssignment(value) {
+	return value ? needsQuotedAttr.test(value) ? value[needsQuotedAttr.lastIndex - 1] === (needsQuotedAttr.lastIndex = 0, "\"") ? "='" + escapeSingleQuotedAttrValue(value) + "'" : "=\"" + escapeDoubleQuotedAttrValue(value) + "\"" : "=" + value : "";
+}
+function escapeSingleQuotedAttrValue(value) {
+	return singleQuoteAttrReplacements.test(value) ? value.replace(singleQuoteAttrReplacements, replaceUnsafeSingleQuoteAttrChar) : value;
+}
+function replaceUnsafeSingleQuoteAttrChar(match) {
+	return match === "'" ? "&#39;" : match === "\r" ? "&#13;" : "&amp;";
+}
+function escapeDoubleQuotedAttrValue(value) {
+	return doubleQuoteAttrReplacements.test(value) ? value.replace(doubleQuoteAttrReplacements, replaceUnsafeDoubleQuoteAttrChar) : value;
+}
+function replaceUnsafeDoubleQuoteAttrChar(match) {
+	return match === "\"" ? "&#34;" : match === "\r" ? "&#13;" : "&amp;";
+}
+//#endregion
+//#region src/translator/util/to-property-name.ts
+function getMemberExpressionPropString(expr) {
+	switch (expr.property.type) {
+		case "StringLiteral": return expr.property.value;
+		case "NumericLiteral": return "" + expr.property.value;
+		case "Identifier":
+			if (expr.computed) return;
+			return expr.property.name;
+	}
+}
+function isValidPropertyIdentifier(name) {
+	return /^[a-z_$][a-z0-9_$]*$/i.test(name);
+}
+function toPropertyName(name) {
+	if (isValidPropertyIdentifier(name)) return _marko_compiler.types.identifier(name);
+	else if (/^(?:0|[1-9][0-9]*)$/.test(name)) return _marko_compiler.types.numericLiteral(parseInt(name, 10));
+	return _marko_compiler.types.stringLiteral(name);
+}
+function toObjectProperty(name, value) {
+	return _marko_compiler.types.objectProperty(toPropertyName(name), value);
+}
+function toMemberExpression(object, key, optional) {
+	const prop = toPropertyName(key);
+	const computed = prop.type !== "Identifier";
+	return optional ? _marko_compiler.types.optionalMemberExpression(object, prop, computed, true) : _marko_compiler.types.memberExpression(object, prop, computed);
+}
+//#endregion
+//#region src/translator/util/runtime.ts
+const pureDOMFunctions = /* @__PURE__ */ new Set([
+	"_await_promise",
+	"_await_content",
+	"_child_setup",
+	"_if",
+	"_if_closure",
+	"_show",
+	"_try",
+	"_dynamic_tag",
+	"_dynamic_tag_content",
+	"_content_closures",
+	"_content",
+	"_template",
+	"_closure",
+	"_closure_get",
+	"_or",
+	"_for_closure",
+	"_for_selector",
+	"_for_in",
+	"_for_of",
+	"_for_to",
+	"_for_until",
+	"_hoist",
+	"_let",
+	"_let_change",
+	"_const",
+	"_load_signal",
+	"_load_setup",
+	"_load_template",
+	"_load_visible_trigger",
+	"_load_event_trigger",
+	"_load_idle_trigger",
+	"_load_media_trigger",
+	"_load_race_trigger"
+]);
+const [getRuntimeImports] = createProgramState(() => /* @__PURE__ */ new Map());
+function importRuntime(name) {
+	if (!isTranslate()) throw new Error(`\`importRuntime(${JSON.stringify(name)})\` may only be called during the translate stage.`);
+	const { output } = getMarkoOpts();
+	const imports = getRuntimeImports();
+	let localName = imports.get(name);
+	if (!localName) {
+		localName = (0, _marko_compiler_babel_utils.importNamed)((0, _marko_compiler_babel_utils.getFile)(), getRuntimePath(output), name).name;
+		imports.set(name, localName);
+	}
+	return _marko_compiler.types.identifier(localName);
+}
+function registerRuntimeValue(id, value) {
+	return _marko_compiler.types.assignmentExpression("=", toMemberExpression(importRuntime("_resumed"), id), value);
+}
+function callRuntime(name, ...args) {
+	const callExpression = _marko_compiler.types.callExpression(importRuntime(name), filterArguments(args));
+	if (isOutputDOM() && pureDOMFunctions.has(name)) return _marko_compiler.types.addComment(callExpression, "leading", "@__PURE__");
+	return callExpression;
+}
+const domRuntimeFeatures = [
+	"catch",
+	"controllable",
+	"controllable-input",
+	"controllable-open",
+	"controllable-select",
+	"controllable-textarea",
+	"dynamic-tag-script",
+	"dynamic-tag-var",
+	"placeholder"
+];
+const importedFeatures = /* @__PURE__ */ new WeakMap();
+function importRuntimeFeature(feature) {
+	if (!isTranslate()) throw new Error(`\`importRuntimeFeature(${JSON.stringify(feature)})\` may only be called during the translate stage.`);
+	const program = (0, _marko_compiler_babel_utils.getProgram)().node;
+	let features = importedFeatures.get(program);
+	if (!features) importedFeatures.set(program, features = /* @__PURE__ */ new Set());
+	if (!features.has(feature)) {
+		features.add(feature);
+		program.body.push(_marko_compiler.types.importDeclaration([], _marko_compiler.types.stringLiteral(`${getRuntimePath("dom")}/${feature}.feat`)));
 	}
-	for (const file of dirFiles) if (styleMatch.test(file)) return `./${file}`;
 }
-/**
-* Given a filename, gets the base name, strips off the file extension
-* and removes any arc flags (https://github.com/eBay/arc).
-*
-* @example
-* getBase("/dir/foo.marko") // => "foo"
-* getBase("/dir/foo.bar.marko") // => "foo.bar"
-* getBase("/dir/foo[bar].marko") // => "foo"
-* getBase("/dir/foo[bar].baz.marko") // => "foo.baz"
-*/
-function getBase(filename) {
-	const start = filename.lastIndexOf(path.default.sep) + 1;
-	const leftDot = filename.indexOf(".", start);
-	if (leftDot === -1) return filename.slice(start);
-	const rightDot = filename.lastIndexOf(".");
-	const closeBracket = leftDot - 1;
-	if (filename[closeBracket] === "]") {
-		const openBracket = filename.lastIndexOf("[", closeBracket);
-		if (openBracket > start) return filename.slice(start, openBracket) + filename.slice(leftDot, rightDot);
+function getHTMLRuntime() {
+	return {
+		_escape,
+		_escape_comment,
+		_unescaped,
+		_attr,
+		_attr_class,
+		_attr_style,
+		_escape_script,
+		_escape_style
+	};
+}
+function getRuntimePath(output) {
+	const { optimize } = getMarkoOpts();
+	return `${runtime_info_default.name}/${optimize ? "" : "debug/"}${output === "html" ? "html" : "dom"}`;
+}
+function filterArguments(args) {
+	const filteredArgs = [];
+	for (let i = args.length; i--;) {
+		const arg = args[i];
+		if (arg || filteredArgs.length) filteredArgs[i] = arg || _marko_compiler.types.unaryExpression("void", _marko_compiler.types.numericLiteral(0));
 	}
-	return filename.slice(start, rightDot);
+	return filteredArgs;
 }
-const regexpCharsReg = /[\\^$.*+?()[\]{}|]/g;
-function escapeRegExp(str) {
-	return str.replace(regexpCharsReg, "\\$&");
+function getCompatRuntimeFile() {
+	const markoOpts = getMarkoOpts();
+	return `marko/${markoOpts.optimize ? "dist" : "src"}/runtime/helpers/tags-compat/${isOutputHTML() ? "html" : "dom"}${markoOpts.optimize ? "" : "-debug"}.${markoOpts.modules === "esm" ? "mjs" : "js"}`;
 }
 //#endregion
 //#region src/translator/util/setup-statements.ts
@@ -2561,6 +2403,134 @@ function shiftItems(list, start, offset) {
 	for (let i = list.length - 1; i >= start; i--) list[i + offset] = list[i];
 }
 //#endregion
+//#region src/translator/util/with-comment.ts
+function withLeadingComment(node, value) {
+	if (value) {
+		const comment = {
+			type: "CommentBlock",
+			value: ` ${value} `
+		};
+		node.leadingComments = node.leadingComments ? [...node.leadingComments, comment] : [comment];
+	}
+	return node;
+}
+//#endregion
+//#region src/translator/util/serialize-guard.ts
+const [getSectionReasonState] = createSectionState("serializeReasonState", (section) => ({
+	if: createTypeState(),
+	guard: createTypeState(),
+	declarators: [_marko_compiler.types.variableDeclarator(_marko_compiler.types.identifier(getSharedUid(`scope${section.id}_reason`, section)), callRuntime("_scope_reason"))]
+}));
+function buildGroupMask(groups) {
+	let mask = 0;
+	let maskNames = "";
+	let dynamic;
+	const props = [];
+	let needsObject = false;
+	let any = false;
+	for (let i = 0; i < groups.length; i++) {
+		const { value, names } = groups[i];
+		if (value === void 0) continue;
+		any = true;
+		if (value === 0) continue;
+		if (i >= 15) needsObject = true;
+		else if (typeof value === "number") {
+			mask |= value << 1 + 2 * i;
+			if (names) maskNames += maskNames ? ` | ${names}` : names;
+		} else {
+			const shifted = _marko_compiler.types.binaryExpression("<<", value, withLeadingComment(_marko_compiler.types.numericLiteral(1 + 2 * i), names));
+			dynamic = dynamic ? _marko_compiler.types.binaryExpression("|", dynamic, shifted) : shifted;
+		}
+		props.push(_marko_compiler.types.objectProperty(withLeadingComment(_marko_compiler.types.numericLiteral(i), names), typeof value === "number" ? _marko_compiler.types.numericLiteral(value) : value));
+	}
+	if (needsObject) return _marko_compiler.types.objectExpression(props);
+	if (!any) return;
+	const literal = mask ? withLeadingComment(_marko_compiler.types.numericLiteral(mask), maskNames) : void 0;
+	return literal && dynamic ? _marko_compiler.types.binaryExpression("|", literal, dynamic) : literal || dynamic || _marko_compiler.types.numericLiteral(0);
+}
+function getScopeReasonDeclaration(section) {
+	return _marko_compiler.types.variableDeclaration("const", getSectionReasonState(section).declarators);
+}
+function getSerializeGuard(section, reason, optional) {
+	if (!isDynamicSerializeGuard(section, reason)) {
+		if (!reason) return _marko_compiler.types.numericLiteral(0);
+		return optional ? void 0 : withLeadingComment(_marko_compiler.types.numericLiteral(1), getDebugNames(reason.forced ? void 0 : reason.state));
+	}
+	return getOrHoist(reason, true);
+}
+function getSerializeGuardForAny(section, reasons, optional) {
+	if (!Array.isArray(reasons)) return getSerializeGuard(section, reasons, optional);
+	for (const reason of reasons) if (!isReasonDynamic(reason)) return optional ? void 0 : withLeadingComment(_marko_compiler.types.numericLiteral(1), getDebugNames(reason.state));
+	let expr;
+	for (const reason of reasons) {
+		const guard = getSerializeGuard(section, reason, false);
+		expr = expr ? _marko_compiler.types.logicalExpression("||", expr, guard) : guard;
+	}
+	return expr;
+}
+function getExprIfSerialized(section, reason, expr) {
+	if (!isDynamicSerializeGuard(section, reason)) return reason && expr;
+	const guard = getOrHoist(reason, false);
+	return guard ? _marko_compiler.types.logicalExpression("&&", guard, expr) : expr;
+}
+function getOrHoist(reason, isGuard) {
+	const onlySection = getOnlySection(reason.param);
+	if (onlySection) {
+		const state = getSectionReasonState(onlySection);
+		const tracking = isGuard ? state.guard : state.if;
+		const existingFound = sourcesUtil.find(tracking.hoistedReasons, reason);
+		if (existingFound) return _marko_compiler.types.identifier(tracking.names.get(existingFound));
+		const guard = buildGuardExpr(onlySection, reason.param, isGuard);
+		const seenFound = sourcesUtil.find(tracking.seenReasons, reason);
+		if (!seenFound) {
+			const expr = _marko_compiler.types.parenthesizedExpression(guard);
+			tracking.pending.set(reason, expr);
+			tracking.seenReasons = sourcesUtil.add(tracking.seenReasons, reason);
+			return expr;
+		}
+		const name = generateUid(`${isGuard ? "sg" : "si"}__${getDebugNamesAsIdentifier(reason.param)}`);
+		tracking.hoistedReasons = sourcesUtil.add(tracking.hoistedReasons, reason);
+		tracking.names.set(reason, name);
+		state.declarators.push(_marko_compiler.types.variableDeclarator(_marko_compiler.types.identifier(name), guard));
+		const pendingParen = tracking.pending.get(seenFound);
+		if (pendingParen) {
+			pendingParen.expression = _marko_compiler.types.identifier(name);
+			tracking.pending.delete(seenFound);
+		}
+		return _marko_compiler.types.parenthesizedExpression(_marko_compiler.types.identifier(name));
+	}
+	let orExpr;
+	for (const [paramsSection, params] of groupParamsBySection(reason.param)) {
+		const expr = buildGuardExpr(paramsSection, params, isGuard);
+		orExpr = orExpr ? _marko_compiler.types.logicalExpression("||", orExpr, expr) : expr;
+	}
+	return orExpr;
+}
+function buildGuardExpr(paramsSection, params, isGuard) {
+	const serializeIdentifier = _marko_compiler.types.identifier(getSharedUid(`scope${paramsSection.id}_reason`, paramsSection));
+	return paramsSection.paramReasonGroups ? callRuntime(isGuard ? "_serialize_guard" : "_serialize_if", serializeIdentifier, withLeadingComment(_marko_compiler.types.numericLiteral(getParamReasonGroupIndex(paramsSection, params)), getDebugNames(params))) : serializeIdentifier;
+}
+function getOnlySection(params) {
+	if (params === void 0) return void 0;
+	if (!Array.isArray(params)) return params.section;
+	const { section } = params[0];
+	return section === params[params.length - 1].section ? section : void 0;
+}
+function isDynamicSerializeGuard(section, reason) {
+	return isReasonDynamic(reason) && !isCrossSection(section, reason);
+}
+function isCrossSection(section, reason) {
+	return some(reason.param, (param) => !isSameOrChildSection(param.section, section));
+}
+function createTypeState() {
+	return {
+		names: /* @__PURE__ */ new Map(),
+		pending: /* @__PURE__ */ new Map(),
+		seenReasons: void 0,
+		hoistedReasons: void 0
+	};
+}
+//#endregion
 //#region src/translator/util/writer.ts
 const [getWrites] = createSectionState("writes", () => [""]);
 const [getTrailerWrites] = createSectionState("trailerWrites", () => [""]);
@@ -3857,15 +3827,13 @@ var dom_default = { translate: {
 					tagParamsIdentifier
 				]);
 				else {
-					const registerReason = getSectionRegisterReasons(childSection);
-					let renderer = callRuntime(registerReason ? "_content_resume" : "_content", _marko_compiler.types.stringLiteral(getResumeRegisterId(childSection, "content")), ...replaceNullishAndEmptyFunctionsWith0([
+					let renderer = callRuntime(getSectionRegisterReasons(childSection) ? "_content_resume" : "_content", _marko_compiler.types.stringLiteral(getResumeRegisterId(childSection, "content")), ...replaceNullishAndEmptyFunctionsWith0([
 						writes,
 						walks,
 						setupIdentifier,
 						tagParamsIdentifier,
 						childSection.hoisted || childSection.isHoistThrough ? getSectionInstancesAccessorLiteral(childSection) : void 0
 					]));
-					if (registerReason && isSectionRegisterDynamic(childSection, registerReason)) renderer = _marko_compiler.types.addComment(renderer, "leading", "@__PURE__");
 					if (childSection.referencedLocalClosures) {
 						const objProps = [];
 						forEach(childSection.referencedLocalClosures, (closure) => {
@@ -4747,10 +4715,12 @@ var native_tag_default = {
 						hasEventHandlers = true;
 					} else {
 						assertValidNativeEventHandlerAttr(tag, attr);
+						if (isEventOrChangeHandler(attr.name)) valueExtra.forceRegister = true;
 						if (!evaluate(attr.value).confident) hasDynamicAttributes = true;
 					}
 				} else if (_marko_compiler.types.isMarkoSpreadAttribute(attr)) {
 					valueExtra.isEffect = true;
+					valueExtra.forceRegister = true;
 					hasEventHandlers = true;
 					hasDynamicAttributes = true;
 				}
@@ -6110,7 +6080,7 @@ var program_default = {
 			if (paramsBinding && !paramsBinding.pruned) programExtra.domExports.params = getBindingPropTree(paramsBinding);
 			const section = programExtra.section;
 			forEachSection((childSection) => {
-				programExtra.hasResumes ||= !!(childSection.serializeReason || childSection.serializeReasons.size || childSection !== section && !isSectionRendererElided(childSection) && isSectionRegisterEager(childSection));
+				programExtra.hasResumes ||= !!(childSection.serializeReason || childSection.serializeReasons.size || childSection !== section && !isSectionRendererElided(childSection) && getSectionRegisterReasons(childSection));
 			});
 			if (!section.hoistedTo && !sectionHasSetupStatements(section)) programExtra.domExports.setupEmpty = true;
 		}
@@ -7144,7 +7114,7 @@ function trackReference(referencePath, binding) {
 	let reference = binding;
 	while (true) {
 		const { parent } = root;
-		if (!_marko_compiler.types.isMemberExpression(parent) && !_marko_compiler.types.isOptionalMemberExpression(parent)) break;
+		if (!_marko_compiler.types.isMemberExpression(parent) && !_marko_compiler.types.isOptionalMemberExpression(parent) || isWrittenMember(root.parentPath)) break;
 		let prop = getMemberExpressionPropString(parent);
 		if (prop === void 0) break;
 		if (reference.upstreamAlias && reference.excludeProperties !== void 0) {
@@ -7161,23 +7131,38 @@ function trackReference(referencePath, binding) {
 	}
 	addReadToExpression(root, reference, void 0);
 }
+function isWrittenMember(member) {
+	const { node, parent } = member;
+	switch (parent.type) {
+		case "AssignmentExpression":
+		case "AssignmentPattern":
+		case "ForInStatement":
+		case "ForOfStatement": return parent.left === node;
+		case "UnaryExpression": return parent.operator === "delete";
+		case "UpdateExpression":
+		case "ArrayPattern":
+		case "RestElement": return true;
+		case "ObjectProperty": return parent.value === node && _marko_compiler.types.isObjectPattern(member.parentPath.parent);
+		default: return false;
+	}
+}
 function mergeReferences(section, target, nodes) {
 	const targetExtra = target.extra ??= {};
 	const readsByExpression = getReadsByExpression();
 	const fnReadsByExpression = getFunctionReadsByExpression();
 	let reads = readsByExpression.get(targetExtra);
 	let exprFnReads = fnReadsByExpression.get(targetExtra);
-	let { isEffect, dynamicTagInput } = targetExtra;
+	let { isEffect, forceRegister } = targetExtra;
 	for (const node of nodes) {
 		if (!node) continue;
 		const extra = node.extra ??= {};
 		if (extra === targetExtra) continue;
 		extra.merged = targetExtra;
+		forceRegister ||= extra.forceRegister;
 		if (isReferencedExtra(extra)) {
 			const additionalReads = readsByExpression.get(extra);
 			const additionalExprFnReads = fnReadsByExpression.get(extra);
 			isEffect ||= extra.isEffect;
-			dynamicTagInput ||= extra.dynamicTagInput;
 			if (additionalReads) {
 				forEach(additionalReads, (read) => {
 					read.binding.reads.delete(extra);
@@ -7194,7 +7179,7 @@ function mergeReferences(section, target, nodes) {
 	}
 	readsByExpression.set(targetExtra, reads);
 	targetExtra.isEffect = isEffect;
-	targetExtra.dynamicTagInput = dynamicTagInput;
+	targetExtra.forceRegister = forceRegister;
 	targetExtra.section = section;
 	return targetExtra;
 }
@@ -7512,15 +7497,12 @@ function resolveIntersectionSource(intersection, section, resolved) {
 	return source && !Array.isArray(source) && source.section === section && !source.scopeOffset ? source : void 0;
 }
 function setBindingDownstream(binding, expr, exprs) {
-	setBindingValueExprs(binding, expr);
+	getBindingValueExprs().set(binding, expr || false);
 	if (expr && expr !== true) forEach(expr, (expr) => {
 		expr.downstream = bindingUtil.add(expr.downstream, binding);
 		if (exprs) expr.downstreamExprs = exprs;
 	});
 }
-function setBindingValueExprs(binding, expr) {
-	getBindingValueExprs().set(binding, expr || false);
-}
 const [getResolvedSources] = createProgramState(() => /* @__PURE__ */ new Set());
 const [getBindingValueExprs] = createProgramState(() => /* @__PURE__ */ new Map());
 function resolveBindingSources(binding) {
@@ -7570,7 +7552,7 @@ function resolveDerivedSources(binding) {
 	else if (exprs) {
 		let refs;
 		forEach(exprs, (expr) => {
-			if (isReferencedExtra(expr) && bindingUtil.has(expr.downstream, binding)) refs = bindingUtil.union(refs, expr.referencedBindings);
+			if (isReferencedExtra(expr) && !expr.initialValue) refs = bindingUtil.union(refs, expr.referencedBindings);
 		});
 		forEach(refs, (ref) => {
 			resolveBindingSources(ref);
@@ -8156,11 +8138,12 @@ function getAllSerializeReasonsForBinding(binding, properties) {
 	return serializationForBinding(binding, properties).reason;
 }
 function getRegisterReasonForExtra(extra) {
+	if (extra.forceRegister) return FORCED;
 	const { reason, reads } = serializationForExtra(extra);
-	return some(reads, isDynamicTagInput) ? FORCED : reason;
+	return some(reads, isForceRegisterRead) ? FORCED : reason;
 }
-function isDynamicTagInput(read) {
-	return !!read.dynamicTagInput;
+function isForceRegisterRead(read) {
+	return !!read.forceRegister;
 }
 function serializationForExtra(extra) {
 	if (extra.isEffect) return FORCED_SERIALIZATION;
@@ -8865,15 +8848,16 @@ var let_default = {
 		const tagSection = getOrCreateSection(tag);
 		const binding = trackVarReferences(tag, 1);
 		const tagExtra = mergeReferences(tagSection, tag.node, [valueAttr?.value, valueChangeAttr?.value]);
+		setBindingDownstream(binding, tagExtra);
 		if (valueChangeAttr) {
 			binding.reserveSize = 1;
-			setBindingDownstream(binding, tagExtra);
+			tagExtra.forceRegister = true;
 			onFinalizeReferences(() => {
 				if (binding.assignments) addSerializeReason(tagSection, FORCED, binding, getAccessorPrefix().TagVariableChange);
 			});
 		} else {
+			tagExtra.initialValue = true;
 			tagExtra.pure = !valueAttr || evaluate(valueAttr.value).pure;
-			setBindingValueExprs(binding, tagExtra);
 		}
 	},
 	translate: { exit(tag) {
@@ -10162,6 +10146,7 @@ var custom_tag_default = {
 		const programSection = programExtra.section;
 		const childExtra = childFile.ast.program.extra;
 		const childSection = childExtra.section;
+		if (childSection === programSection && getOrCreateSection(tag) === programSection) throw tag.get("name").buildCodeFrameError(`A template that renders itself outside a branch never terminates. Render \`<${getStaticTagName(tag.node)}>\` inside a branch that eventually stops, such as \`<if>\`.`);
 		if (childExtra.page) programExtra.page ??= true;
 		if (tagExtra.tagNameLoad) tagExtra[kLoadTagBinding] = createBinding("#text", 0, getOrCreateSection(tag));
 		if (tagExtra.tagNameLoad || !childExtra.domExports?.setupEmpty) addSetupStatement(getOrCreateSection(tag));
@@ -10359,8 +10344,7 @@ function optionalValueToNode(value) {
 //#endregion
 //#region src/translator/visitors/tag/dynamic-tag.ts
 const kChildOffsetScopeBinding = Symbol("custom tag scope offset");
-const importedDynamicTagResume = /* @__PURE__ */ new WeakSet();
-const importedDynamicTagVarResume = /* @__PURE__ */ new WeakSet();
+const [getAddedRuntime] = createProgramState(() => /* @__PURE__ */ new Set());
 const [getCompatRegistrations] = createProgramState(() => /* @__PURE__ */ new Set());
 const [getCompatBoundaryCalls] = createProgramState(() => /* @__PURE__ */ new Map());
 function pushCompatRegistration(key, statement) {
@@ -10389,11 +10373,12 @@ var dynamic_tag_default = {
 		const tagSection = getOrCreateSection(tag);
 		const inputNodes = getAllTagReferenceNodes(node);
 		const tagExtra = mergeReferences(tagSection, node, [node.name, ...inputNodes]);
-		if (inputNodes.length) tagExtra.dynamicTagInput = true;
+		if (inputNodes.length) tagExtra.forceRegister = true;
 		const tagBody = tag.get("body");
 		const hasVar = !!tag.node.var;
+		const usesVar = hasVar && isTagVarUsed(tag);
 		const nodeBinding = tagExtra.nodeBinding = createBinding("#text", 0, tagSection);
-		if (hasVar || tag.node.attributes.some((attr) => _marko_compiler.types.isMarkoSpreadAttribute(attr) || isEventOrChangeHandler(attr.name))) (0, _marko_compiler_babel_utils.getProgram)().node.extra.isInteractive = true;
+		if (usesVar || tag.node.attributes.some((attr) => _marko_compiler.types.isMarkoSpreadAttribute(attr) || isEventOrChangeHandler(attr.name))) (0, _marko_compiler_babel_utils.getProgram)().node.extra.isInteractive = true;
 		if (hasVar) {
 			trackVarReferences(tag, 5);
 			tag.node.var.extra.binding.scopeOffset = tagExtra[kChildOffsetScopeBinding] = createBinding("#scopeOffset", 0, tagSection);
@@ -10404,7 +10389,7 @@ var dynamic_tag_default = {
 			if (analyzeTagNameType(tag, true) === 1 && !node.arguments) setTagDownstream(tag, getDynamicTagInputBindings(tagExtra), { value: tagExtra });
 		}
 		trackParamsReferences(tagBody, 3);
-		if (hasVar) addSerializeReason(tagSection, FORCED, nodeBinding);
+		if (usesVar) addSerializeReason(tagSection, FORCED, nodeBinding);
 		addSerializeExpr(tagSection, tagExtra, nodeBinding);
 		if (!hasVar && !node.arguments && !node.attributes.length && !node.body.body.length) tagExtra[kDirectContent] = true;
 		if (tagExtra.featureType !== "class" || (0, _marko_compiler_babel_utils.getTagTemplate)(tag)) {
@@ -10491,12 +10476,13 @@ var dynamic_tag_default = {
 				writeHTMLResumeStatements(tag.get("body"));
 				const serializeArg = getSerializeGuard(tagSection, serializeReason, true);
 				const dynamicTagExpr = hasTagArgs ? callRuntime("_dynamic_tag", getScopeIdIdentifier(tagSection), getScopeAccessorLiteral(nodeBinding), tagExpression, _marko_compiler.types.arrayExpression(args), contentProp ? contentProp.value : _marko_compiler.types.numericLiteral(0), _marko_compiler.types.numericLiteral(1), serializeArg) : callRuntime("_dynamic_tag", getScopeIdIdentifier(tagSection), getScopeAccessorLiteral(nodeBinding), tagExpression, args[0], args[1] || (serializeArg ? _marko_compiler.types.numericLiteral(0) : void 0), serializeArg ? _marko_compiler.types.numericLiteral(0) : void 0, serializeArg);
-				if (node.var) {
+				if (node.var && isTagVarResumed(tag)) {
 					const dynamicScopeIdentifier = generateUidIdentifier(tag.get("name").toString() + "_scope");
-					const mutatesTagVar = !!(tag.node.var.type === "Identifier" && tag.scope.getBinding(tag.node.var.name)?.constantViolations.length);
+					const mutatesTagVar = isTagVarAssigned(tag);
 					statements.push(_marko_compiler.types.variableDeclaration("const", [_marko_compiler.types.variableDeclarator(dynamicScopeIdentifier, callRuntime("_peek_scope_id"))]));
 					statements.push(_marko_compiler.types.variableDeclaration("let", [_marko_compiler.types.variableDeclarator(node.var, dynamicTagExpr)]), _marko_compiler.types.expressionStatement(callRuntime("_var", getScopeIdIdentifier(tagSection), getScopeAccessorLiteral(tag.node.extra[kChildOffsetScopeBinding]), dynamicScopeIdentifier, _marko_compiler.types.stringLiteral(getResumeRegisterId(tagSection, node.var.extra?.binding, "var")), mutatesTagVar ? getScopeAccessorLiteral(nodeBinding) : void 0)));
-				} else statements.push(_marko_compiler.types.expressionStatement(dynamicTagExpr));
+				} else if (node.var) statements.push(_marko_compiler.types.variableDeclaration("let", [_marko_compiler.types.variableDeclarator(node.var, dynamicTagExpr)]));
+				else statements.push(_marko_compiler.types.expressionStatement(dynamicTagExpr));
 				for (const replacement of tag.replaceWithMultiple(statements)) replacement.skip();
 			} else {
 				const section = getSection(tag);
@@ -10506,7 +10492,8 @@ var dynamic_tag_default = {
 				if (tag.node.var) {
 					const varBinding = tag.node.var.extra.binding;
 					tagVarSignal = initValue(varBinding);
-					tagVarSignal.register = tagVarSignal.referenced = true;
+					tagVarSignal.register = isTagVarResumed(tag);
+					tagVarSignal.referenced = true;
 					tagVarSignal.buildAssignment = (valueSection, value) => {
 						const changeArgs = [_marko_compiler.types.memberExpression(getScopeExpression(tagVarSignal.section, valueSection), _marko_compiler.types.stringLiteral(getAccessorPrefix().BranchScopes + getScopeAccessor(nodeBinding)), true), value];
 						if (!isOptimize()) changeArgs.push(_marko_compiler.types.stringLiteral(varBinding.name));
@@ -10524,7 +10511,7 @@ var dynamic_tag_default = {
 				}
 				if (!isClassAPI) {
 					enableDynamicTagResume(tag);
-					enableDynamicTagVarResume(tag);
+					enableDynamicTagVar(tag);
 					enableDynamicTagControllables(tag);
 				}
 				addValue(section, tagExtra.referencedBindings, signal, tagExpression);
@@ -10542,23 +10529,25 @@ function enableDynamicTagControllables(tag) {
 		return;
 	}
 }
-function enableDynamicTagVarResume(tag) {
-	const program = (0, _marko_compiler_babel_utils.getProgram)().node;
-	if (tag.node.var && !importedDynamicTagVarResume.has(program) && analyzeTagNameType(tag, true) !== 1) {
-		importedDynamicTagVarResume.add(program);
-		importRuntimeFeature("dynamic-tag-var");
+function enableDynamicTagVar(tag) {
+	if (!tag.node.var || !isTagVarResumed(tag) || analyzeTagNameType(tag, true) === 1) return;
+	importRuntimeFeature("dynamic-tag-var");
+	if (!tag.node.var.extra.binding.pruned) {
+		const accessor = getScopeAccessorLiteral(tag.node.extra.nodeBinding, true);
+		if (addRuntimeOnce(`_resume_dynamic_tag_var ${accessor.value}`)) (0, _marko_compiler_babel_utils.getProgram)().node.body.push(_marko_compiler.types.expressionStatement(callRuntime("_resume_dynamic_tag_var", accessor)));
 	}
 }
 function enableDynamicTagResume(tag) {
-	const program = (0, _marko_compiler_babel_utils.getProgram)().node;
-	if (!importedDynamicTagResume.has(program) && analyzeTagNameType(tag, true) !== 1) {
-		for (const attr of tag.node.attributes) if (attr.type === "MarkoSpreadAttribute" || attr.type === "MarkoAttribute" && isEventOrChangeHandler(attr.name)) {
-			importedDynamicTagResume.add(program);
-			program.body.push(_marko_compiler.types.expressionStatement(callRuntime("_resume_dynamic_tag")));
-			return;
-		}
+	if (analyzeTagNameType(tag, true) === 1) return;
+	for (const attr of tag.node.attributes) if (attr.type === "MarkoSpreadAttribute" || attr.type === "MarkoAttribute" && isEventOrChangeHandler(attr.name)) {
+		importRuntimeFeature("dynamic-tag-script");
+		return;
 	}
 }
+function addRuntimeOnce(key) {
+	const added = getAddedRuntime();
+	return !added.has(key) && !!added.add(key);
+}
 function getDynamicTagInputBindings(tagExtra) {
 	let inputBindings;
 	for (const childExtra of tagExtra.tagNameTemplates || []) {
@@ -10568,6 +10557,19 @@ function getDynamicTagInputBindings(tagExtra) {
 	}
 	return inputBindings;
 }
+function isTagVarUsed(tag) {
+	for (const name in _marko_compiler.types.getBindingIdentifiers(tag.node.var)) {
+		const binding = tag.scope.getBinding(name);
+		if (binding?.referencePaths.length || binding?.constantViolations.length) return true;
+	}
+	return false;
+}
+function isTagVarResumed(tag) {
+	return !tag.node.var.extra.binding.pruned || isTagVarAssigned(tag);
+}
+function isTagVarAssigned(tag) {
+	return !!(tag.node.var.type === "Identifier" && tag.scope.getBinding(tag.node.var.name)?.constantViolations.length);
+}
 //#endregion
 //#region src/translator/visitors/tag/index.ts
 var tag_default = {