marko 6.3.39 → 6.3.41

package/dist/dom.js

@@ -1,10 +1,10 @@
-let require_control_flow = require("./dom-B15s3PHD.js"), empty = [], rest = Symbol(), classIdToBranch = /* @__PURE__ */ new Map(), classEventResolver, scopesByRender = /* @__PURE__ */ new WeakMap(), getRenderScopes = ($global) => {
+let require_control_flow = require("./dom-BfloYt04.js"), empty = [], rest = Symbol(), classIdToBranch = /* @__PURE__ */ new Map(), classEventResolver, scopesByRender = /* @__PURE__ */ new WeakMap(), getRenderScopes = ($global) => {
 	require_control_flow.yt($global.runtimeId);
 	let render = self[$global.runtimeId]?.[$global.renderId], scopes = render && scopesByRender.get(render);
 	return render && !scopes && scopesByRender.set(render, scopes = {}), scopes;
 }, compat = {
 	patchDynamicTag: require_control_flow.h,
-	queueEffect: require_control_flow.tn,
+	queueEffect: require_control_flow.nn,
 	init(warp10Noop) {
 		require_control_flow.gt("$C_s", (scope) => {
 			if (getRenderScopes(scope.$)[scope.L] = scope, scope.m5c && classIdToBranch.set(scope.m5c, scope), classEventResolver) for (let key in scope) {
@@ -16,6 +16,9 @@ let require_control_flow = require("./dom-B15s3PHD.js"), empty = [], rest = Symb
 	setClassEventResolver(fn) {
 		classEventResolver = fn;
 	},
+	resumeClassFunction(id, build) {
+		require_control_flow.gt(id, build);
+	},
 	getScope($global, scopeId) {
 		return getRenderScopes($global)?.[scopeId];
 	},
@@ -35,10 +38,10 @@ let require_control_flow = require("./dom-B15s3PHD.js"), empty = [], rest = Symb
 		branch.S = startNode, branch.K = endNode;
 	},
 	runComponentEffects() {
-		this.effects && require_control_flow.rn(this.effects);
+		this.effects && require_control_flow.in(this.effects);
 	},
 	runComponentDestroy() {
-		this.scope && require_control_flow.Ut(this.scope);
+		this.scope && require_control_flow.Wt(this.scope);
 	},
 	resolveRegistered(value, $global) {
 		return Array.isArray(value) && typeof value[0] == "string" ? require_control_flow.vt(value[0], getRenderScopes($global)?.[value[1]]) : value;
@@ -57,23 +60,23 @@ let require_control_flow = require("./dom-B15s3PHD.js"), empty = [], rest = Symb
 			let input = args[0], normalizedInput = args[0] = {};
 			for (let key in input) normalizedInput[key === "renderBody" ? "content" : key] = input[key];
 		}
-		if (component.effects = require_control_flow.$t(() => {
+		if (component.effects = require_control_flow.en(() => {
 			branch ||= (created = 1, component.scope = require_control_flow.ft(out.global, renderer, renderer.e, document.body)), renderer.d?.(branch, renderer._ ? args[0] : args);
 		}), created) return require_control_flow.ct(branch.S, branch.K);
 	}
 }, _template = (id, template, walks, setup, inputSignal) => {
 	let renderer = require_control_flow.lt(id, template, walks, setup, inputSignal)();
 	return renderer.mount = mount, renderer._ = renderer, require_control_flow.gt(id, renderer);
-}, _load_template = /*@__PURE__*/ require_control_flow.St((id, load) => {
+}, _load_template = /*@__PURE__*/ require_control_flow.Ct((id, load) => {
 	let pending, lazyTemplate = _template(id, 0, 0, (branch) => {
 		let awaitCounter = require_control_flow.p(branch);
 		branch.X ||= /* @__PURE__ */ new Map(), (pending ||= load()).then((renderer) => {
-			Object.assign(lazyTemplate, renderer), require_control_flow.en(branch, (branch) => insertLoaded(renderer, branch, branch.S, awaitCounter));
+			Object.assign(lazyTemplate, renderer), require_control_flow.tn(branch, (branch) => insertLoaded(renderer, branch, branch.S, awaitCounter));
 		}, loadFailed(branch, awaitCounter));
 	}, _load_signal(() => (pending ||= load()).then((r) => ({ _: r.d }))));
 	return lazyTemplate;
-}), _load_setup = /*@__PURE__*/ require_control_flow.St((nodeAccessor, childScopeAccessor, load) => {
-	nodeAccessor = require_control_flow.dn(nodeAccessor), childScopeAccessor = require_control_flow.dn(childScopeAccessor);
+}), _load_setup = /*@__PURE__*/ require_control_flow.Ct((nodeAccessor, childScopeAccessor, load) => {
+	nodeAccessor = require_control_flow.pn(nodeAccessor), childScopeAccessor = require_control_flow.pn(childScopeAccessor);
 	let pending, renderer;
 	return (owner) => {
 		let child = owner[childScopeAccessor];
@@ -81,14 +84,14 @@ let require_control_flow = require("./dom-B15s3PHD.js"), empty = [], rest = Symb
 		else {
 			let awaitCounter = require_control_flow.p(owner);
 			child.X ||= /* @__PURE__ */ new Map(), (pending ||= load()).then((mod) => {
-				renderer = require_control_flow.lt("", ...mod._)(), require_control_flow.en(child, (child) => insertLoaded(renderer, child, owner[nodeAccessor], awaitCounter));
+				renderer = require_control_flow.lt("", ...mod._)(), require_control_flow.tn(child, (child) => insertLoaded(renderer, child, owner[nodeAccessor], awaitCounter));
 			}, loadFailed(child, awaitCounter));
 		}
 	};
-}), _load_signal = /*@__PURE__*/ require_control_flow.St((load) => {
+}), _load_signal = /*@__PURE__*/ require_control_flow.Ct((load) => {
 	let pending, signal;
 	return (scope, value) => {
-		pending ||= load(), scope.X || !("X" in scope) && scope.H === require_control_flow.in ? (scope.X ||= /* @__PURE__ */ new Map()).set(pending, { a: value }) : signal ? signal(scope, value) : pending.then((mod) => require_control_flow.en(scope, signal = mod._, value), () => 0);
+		pending ||= load(), scope.X || !("X" in scope) && scope.H === require_control_flow.an ? (scope.X ||= /* @__PURE__ */ new Map()).set(pending, { a: value }) : signal ? signal(scope, value) : pending.then((mod) => require_control_flow.tn(scope, signal = mod._, value), () => 0);
 	};
 });
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
@@ -128,25 +131,25 @@ function mount(input = {}, reference, position) {
 			parentNode = reference.parentNode, nextSibling = reference.nextSibling;
 			break;
 	}
-	let curValue, args = this.d, effects = require_control_flow.$t(() => {
+	let curValue, args = this.d, effects = require_control_flow.en(() => {
 		branch = require_control_flow.pt($global, this, void 0, parentNode), branch.T = (newValue) => {
 			curValue = newValue;
 		}, this.c?.(branch), args?.(branch, input);
 	});
-	return require_control_flow.st(parentNode, nextSibling, branch.S, branch.K), require_control_flow.rn(effects), {
+	return require_control_flow.st(parentNode, nextSibling, branch.S, branch.K), require_control_flow.in(effects), {
 		get value() {
 			return curValue;
 		},
 		set value(newValue) {
-			require_control_flow.Vt(branch, newValue);
+			require_control_flow.Ht(branch, newValue);
 		},
 		update(newInput = {}) {
-			args && (newInput.$global && ({$global, ...newInput} = newInput), require_control_flow.rn(require_control_flow.$t(() => {
+			args && (newInput.$global && ({$global, ...newInput} = newInput), require_control_flow.in(require_control_flow.en(() => {
 				args(branch, newInput);
 			})));
 		},
 		destroy() {
-			require_control_flow.Gt(branch);
+			require_control_flow.Kt(branch);
 		}
 	};
 }
@@ -154,20 +157,20 @@ function mount(input = {}, reference, position) {
 //#region src/dom/load.ts
 function insertLoaded(renderer, branch, marker, awaitCounter) {
 	let parent = marker.parentNode, values = branch.X, insert = () => {
-		require_control_flow.Wt(branch, parent, marker), marker.remove(), awaitCounter?.c();
+		require_control_flow.Gt(branch, parent, marker), marker.remove(), awaitCounter?.c();
 	}, remaining;
-	if (require_control_flow.Kt(branch), renderer.b(branch, parent.namespaceURI), branch.X = 0, remaining = values?.size) {
+	if (require_control_flow.qt(branch), renderer.b(branch, parent.namespaceURI), branch.X = 0, remaining = values?.size) {
 		let fail = loadFailed(branch, awaitCounter);
 		for (let [promise, entry] of values) promise.then((signal) => {
-			entry.b = signal, --remaining || require_control_flow.en(branch, (branch) => {
-				require_control_flow.Kt(branch), renderer.c?.(branch), values.forEach((e) => e.b._(branch, e.a)), insert();
+			entry.b = signal, --remaining || require_control_flow.tn(branch, (branch) => {
+				require_control_flow.qt(branch), renderer.c?.(branch), values.forEach((e) => e.b._(branch, e.a)), insert();
 			});
 		}, (error) => remaining > 0 && (remaining = 0, fail(error)));
 	} else require_control_flow.mt(renderer, branch), insert();
 }
 function loadFailed(scope, awaitCounter) {
 	return (error) => {
-		awaitCounter && (awaitCounter.m ? awaitCounter.i = 0 : awaitCounter.c()), require_control_flow.en(scope, require_control_flow.g, error);
+		awaitCounter && (awaitCounter.m ? awaitCounter.i = 0 : awaitCounter.c()), require_control_flow.tn(scope, require_control_flow.g, error);
 	};
 }
 function _load_visible_trigger(selector, options) {
@@ -193,9 +196,9 @@ function _load_race_trigger(...triggers) {
 function getSelectorOrResolve(selector, resolve) {
 	return document.querySelector(selector) || resolve();
 }
-exports.$signal = require_control_flow.Jt, exports.$signalReset = require_control_flow.Yt, exports._assert_hoist = require_control_flow.ln, exports._assert_init = require_control_flow.Ht, exports._attr = require_control_flow.B, exports._attr_class = require_control_flow.V, exports._attr_class_item = require_control_flow.H, exports._attr_class_items = require_control_flow.U, exports._attr_content = require_control_flow.W, exports._attr_details_open = require_control_flow._, exports._attr_dialog_open = require_control_flow._, exports._attr_details_open_default = require_control_flow.v, exports._attr_dialog_open_default = require_control_flow.v, exports._attr_details_open_script = require_control_flow.y, exports._attr_dialog_open_script = require_control_flow.y, exports._attr_input_checked = require_control_flow.b, exports._attr_input_checkedValue = require_control_flow.x, exports._attr_input_checkedValue_default = require_control_flow.S, exports._attr_input_checkedValue_script = require_control_flow.C, exports._attr_input_checked_default = require_control_flow.w, exports._attr_input_checked_script = require_control_flow.T, exports._attr_input_value = require_control_flow.E, exports._attr_textarea_value = require_control_flow.E, exports._attr_input_value_attribute_default = require_control_flow.D, exports._attr_input_value_default = require_control_flow.O, exports._attr_textarea_value_default = require_control_flow.O, exports._attr_input_value_dynamic_default = require_control_flow.k, exports._attr_input_value_script = require_control_flow.A, exports._attr_textarea_value_script = require_control_flow.A, exports._attr_nonce = require_control_flow.G, exports._attr_select_value = require_control_flow.j, exports._attr_select_value_default = require_control_flow.M, exports._attr_select_value_script = require_control_flow.N, exports._attr_style = require_control_flow.K, exports._attr_style_item = require_control_flow.q, exports._attr_style_items = require_control_flow.J, exports._attrs = require_control_flow.Y, exports._attrs_content = require_control_flow.X, exports._attrs_partial = require_control_flow.Z, exports._attrs_partial_content = require_control_flow.Q, exports._attrs_script = require_control_flow.$, exports._await_content = require_control_flow.t, exports._await_promise = require_control_flow.n, exports._call = require_control_flow.un, exports._child_setup = require_control_flow.Ct, exports._closure = require_control_flow.wt, exports._closure_get = require_control_flow.Tt, exports._const = require_control_flow.Et, exports._content = require_control_flow.lt, exports._content_closures = require_control_flow.ut, exports._content_resume = require_control_flow.dt, exports._controllable_input = require_control_flow.P, exports._controllable_open = require_control_flow.F, exports._controllable_select = require_control_flow.I, exports._controllable_textarea = require_control_flow.L, Object.defineProperty(exports, "_dynamic_tag", {
+exports.$signal = require_control_flow.Yt, exports.$signalReset = require_control_flow.Xt, exports._assert_hoist = require_control_flow.un, exports._assert_init = require_control_flow.Ut, exports._attr = require_control_flow.B, exports._attr_class = require_control_flow.V, exports._attr_class_item = require_control_flow.H, exports._attr_class_items = require_control_flow.U, exports._attr_content = require_control_flow.W, exports._attr_details_open = require_control_flow._, exports._attr_dialog_open = require_control_flow._, exports._attr_details_open_default = require_control_flow.v, exports._attr_dialog_open_default = require_control_flow.v, exports._attr_details_open_script = require_control_flow.y, exports._attr_dialog_open_script = require_control_flow.y, exports._attr_input_checked = require_control_flow.b, exports._attr_input_checkedValue = require_control_flow.x, exports._attr_input_checkedValue_default = require_control_flow.S, exports._attr_input_checkedValue_script = require_control_flow.C, exports._attr_input_checked_default = require_control_flow.w, exports._attr_input_checked_script = require_control_flow.T, exports._attr_input_value = require_control_flow.E, exports._attr_textarea_value = require_control_flow.E, exports._attr_input_value_attribute_default = require_control_flow.D, exports._attr_input_value_default = require_control_flow.O, exports._attr_textarea_value_default = require_control_flow.O, exports._attr_input_value_dynamic_default = require_control_flow.k, exports._attr_input_value_script = require_control_flow.A, exports._attr_textarea_value_script = require_control_flow.A, exports._attr_nonce = require_control_flow.G, exports._attr_select_value = require_control_flow.j, exports._attr_select_value_default = require_control_flow.M, exports._attr_select_value_script = require_control_flow.N, exports._attr_style = require_control_flow.K, exports._attr_style_item = require_control_flow.q, exports._attr_style_items = require_control_flow.J, exports._attrs = require_control_flow.Y, exports._attrs_content = require_control_flow.X, exports._attrs_partial = require_control_flow.Z, exports._attrs_partial_content = require_control_flow.Q, exports._attrs_script = require_control_flow.$, exports._await_content = require_control_flow.t, exports._await_promise = require_control_flow.n, exports._call = require_control_flow.fn, exports._child_setup = require_control_flow.wt, exports._closure = require_control_flow.Tt, exports._closure_get = require_control_flow.Et, exports._const = require_control_flow.Dt, exports._content = require_control_flow.lt, exports._content_closures = require_control_flow.ut, exports._content_resume = require_control_flow.dt, exports._controllable_input = require_control_flow.P, exports._controllable_open = require_control_flow.F, exports._controllable_select = require_control_flow.I, exports._controllable_textarea = require_control_flow.L, Object.defineProperty(exports, "_dynamic_tag", {
 	enumerable: !0,
 	get: function() {
 		return require_control_flow.r;
 	}
-}), exports._dynamic_tag_content = require_control_flow.i, exports._el = require_control_flow.ht, exports._el_read = require_control_flow.Dt, exports._for_closure = require_control_flow.Ot, exports._for_in = require_control_flow.a, exports._for_of = require_control_flow.o, exports._for_selector = require_control_flow.kt, exports._for_to = require_control_flow.s, exports._for_until = require_control_flow.c, exports._hoist = require_control_flow.At, exports._hoist_resume = require_control_flow.jt, exports._html = require_control_flow.et, exports._id = require_control_flow.Mt, exports._if = require_control_flow.l, exports._if_closure = require_control_flow.Nt, exports._let = require_control_flow.Pt, exports._let_change = require_control_flow.Ft, exports._lifecycle = require_control_flow.tt, exports._load_event_trigger = _load_event_trigger, exports._load_idle_trigger = _load_idle_trigger, exports._load_media_trigger = _load_media_trigger, exports._load_race_trigger = _load_race_trigger, exports._load_setup = _load_setup, exports._load_signal = _load_signal, exports._load_template = _load_template, exports._load_visible_trigger = _load_visible_trigger, exports._on = require_control_flow.qt, exports._or = require_control_flow.It, exports._resume = require_control_flow.gt, exports._resume_dynamic_tag = require_control_flow.u, exports._return = require_control_flow.Lt, exports._return_change = require_control_flow.Rt, exports._script = require_control_flow.zt, exports._show = require_control_flow.d, exports._style_rule_item = require_control_flow.nt, exports._style_shell = require_control_flow.rt, exports._template = _template, exports._text = require_control_flow.it, exports._text_content = require_control_flow.at, exports._to_text = require_control_flow.ot, exports._try = require_control_flow.f, exports._var = require_control_flow.Bt, exports._var_change = require_control_flow.Vt, exports._var_resume = require_control_flow._t, exports.attrTag = attrTag, exports.attrTags = attrTags, exports.compat = compat, exports.forIn = require_control_flow.an, exports.forOf = require_control_flow.on, exports.forTo = require_control_flow.sn, exports.forUntil = require_control_flow.cn, exports.init = require_control_flow.yt, exports.initEmbedded = require_control_flow.bt, exports.ready = require_control_flow.xt, exports.run = require_control_flow.nn;
+}), exports._dynamic_tag_content = require_control_flow.i, exports._el = require_control_flow.ht, exports._el_read = require_control_flow.Ot, exports._for_closure = require_control_flow.kt, exports._for_in = require_control_flow.a, exports._for_of = require_control_flow.o, exports._for_selector = require_control_flow.At, exports._for_to = require_control_flow.s, exports._for_until = require_control_flow.c, exports._hoist = require_control_flow.jt, exports._hoist_read_error = require_control_flow.dn, exports._hoist_resume = require_control_flow.Mt, exports._html = require_control_flow.et, exports._id = require_control_flow.Nt, exports._if = require_control_flow.l, exports._if_closure = require_control_flow.Pt, exports._let = require_control_flow.Ft, exports._let_change = require_control_flow.It, exports._lifecycle = require_control_flow.tt, exports._load_event_trigger = _load_event_trigger, exports._load_idle_trigger = _load_idle_trigger, exports._load_media_trigger = _load_media_trigger, exports._load_race_trigger = _load_race_trigger, exports._load_setup = _load_setup, exports._load_signal = _load_signal, exports._load_template = _load_template, exports._load_visible_trigger = _load_visible_trigger, exports._on = require_control_flow.Jt, exports._or = require_control_flow.Lt, exports._resume = require_control_flow.gt, exports._resume_dynamic_tag = require_control_flow.u, exports._return = require_control_flow.Rt, exports._return_change = require_control_flow.zt, exports._script = require_control_flow.Bt, exports._show = require_control_flow.d, exports._style_rule_item = require_control_flow.nt, exports._style_shell = require_control_flow.rt, exports._template = _template, exports._text = require_control_flow.it, exports._text_content = require_control_flow.at, exports._to_text = require_control_flow.ot, exports._try = require_control_flow.f, exports._var = require_control_flow.Vt, exports._var_change = require_control_flow.Ht, exports._var_resume = require_control_flow._t, exports.attrTag = attrTag, exports.attrTags = attrTags, exports.compat = compat, exports.forIn = require_control_flow.on, exports.forOf = require_control_flow.sn, exports.forTo = require_control_flow.cn, exports.forUntil = require_control_flow.ln, exports.init = require_control_flow.yt, exports.initEmbedded = require_control_flow.bt, exports.ready = require_control_flow.xt, exports.run = require_control_flow.rn;

package/dist/dom.mjs

@@ -16,6 +16,9 @@ let empty = [], rest = Symbol(), classIdToBranch = /* @__PURE__ */ new Map(), cl
 	setClassEventResolver(fn) {
 		classEventResolver = fn;
 	},
+	resumeClassFunction(id, build) {
+		_resume(id, build);
+	},
 	getScope($global, scopeId) {
 		return getRenderScopes($global)?.[scopeId];
 	},
@@ -91,7 +94,7 @@ let empty = [], rest = Symbol(), classIdToBranch = /* @__PURE__ */ new Map(), cl
 		pending ||= load(), scope.X || !("X" in scope) && scope.H === runId ? (scope.X ||= /* @__PURE__ */ new Map()).set(pending, { a: value }) : signal ? signal(scope, value) : pending.then((mod) => queueAsyncRender(scope, signal = mod._, value), () => 0);
 	};
 });
-import { $ as _attrs_script, $t as prepareEffects, A as _attr_input_value_script, At as _hoist, B as _attr, Bt as _var, C as _attr_input_checkedValue_script, Ct as _child_setup, D as _attr_input_value_attribute_default, Dt as _el_read, E as _attr_input_value, Et as _const, F as _controllable_open, Ft as _let_change, G as _attr_nonce, Gt as removeAndDestroyBranch, H as _attr_class_item, Ht as _assert_init, I as _controllable_select, It as _or, J as _attr_style_items, Jt as $signal, K as _attr_style, Kt as syncGen, L as _controllable_textarea, Lt as _return, M as _attr_select_value_default, Mt as _id, N as _attr_select_value_script, Nt as _if_closure, O as _attr_input_value_default, Ot as _for_closure, P as _controllable_input, Pt as _let, Q as _attrs_partial_content, Rt as _return_change, S as _attr_input_checkedValue_default, St as withLazy, T as _attr_input_checked_script, Tt as _closure_get, U as _attr_class_items, Ut as destroyBranch, V as _attr_class, Vt as _var_change, W as _attr_content, Wt as insertBranchBefore, X as _attrs_content, Y as _attrs, Yt as $signalReset, Z as _attrs_partial, _ as _attr_details_or_dialog_open, _t as _var_resume, a as _for_in, an as forIn, at as _text_content, b as _attr_input_checked, bt as initEmbedded, c as _for_until, cn as forUntil, ct as toInsertNode, d as _show, dn as decodeAccessor, dt as _content_resume, en as queueAsyncRender, et as _html, f as _try, ft as createAndSetupBranch, g as renderCatch, gt as _resume, h as patchDynamicTag, ht as _el, i as _dynamic_tag_content, in as runId, it as _text, j as _attr_select_value, jt as _hoist_resume, k as _attr_input_value_dynamic_default, kt as _for_selector, l as _if, ln as _assert_hoist, lt as _content, mt as setupBranch, n as _await_promise, nn as run, nt as _style_rule_item, o as _for_of, on as forOf, ot as _to_text, p as addAwaitCounter, pt as createBranch, q as _attr_style_item, qt as _on, r as _dynamic_tag, rn as runEffects, rt as _style_shell, s as _for_to, sn as forTo, st as insertChildNodes, t as _await_content, tn as queueEffect, tt as _lifecycle, u as _resume_dynamic_tag, un as _call, ut as _content_closures, v as _attr_details_or_dialog_open_default, vt as getRegisteredWithScope, w as _attr_input_checked_default, wt as _closure, x as _attr_input_checkedValue, xt as ready, y as _attr_details_or_dialog_open_script, yt as init, zt as _script } from "./dom-CPUybM_C.mjs";
+import { $ as _attrs_script, A as _attr_input_value_script, At as _for_selector, B as _attr, Bt as _script, C as _attr_input_checkedValue_script, Ct as withLazy, D as _attr_input_value_attribute_default, Dt as _const, E as _attr_input_value, Et as _closure_get, F as _controllable_open, Ft as _let, G as _attr_nonce, Gt as insertBranchBefore, H as _attr_class_item, Ht as _var_change, I as _controllable_select, It as _let_change, J as _attr_style_items, Jt as _on, K as _attr_style, Kt as removeAndDestroyBranch, L as _controllable_textarea, Lt as _or, M as _attr_select_value_default, Mt as _hoist_resume, N as _attr_select_value_script, Nt as _id, O as _attr_input_value_default, Ot as _el_read, P as _controllable_input, Pt as _if_closure, Q as _attrs_partial_content, Rt as _return, S as _attr_input_checkedValue_default, T as _attr_input_checked_script, Tt as _closure, U as _attr_class_items, Ut as _assert_init, V as _attr_class, Vt as _var, W as _attr_content, Wt as destroyBranch, X as _attrs_content, Xt as $signalReset, Y as _attrs, Yt as $signal, Z as _attrs_partial, _ as _attr_details_or_dialog_open, _t as _var_resume, a as _for_in, an as runId, at as _text_content, b as _attr_input_checked, bt as initEmbedded, c as _for_until, cn as forTo, ct as toInsertNode, d as _show, dn as _hoist_read_error, dt as _content_resume, en as prepareEffects, et as _html, f as _try, fn as _call, ft as createAndSetupBranch, g as renderCatch, gt as _resume, h as patchDynamicTag, ht as _el, i as _dynamic_tag_content, in as runEffects, it as _text, j as _attr_select_value, jt as _hoist, k as _attr_input_value_dynamic_default, kt as _for_closure, l as _if, ln as forUntil, lt as _content, mt as setupBranch, n as _await_promise, nn as queueEffect, nt as _style_rule_item, o as _for_of, on as forIn, ot as _to_text, p as addAwaitCounter, pn as decodeAccessor, pt as createBranch, q as _attr_style_item, qt as syncGen, r as _dynamic_tag, rn as run, rt as _style_shell, s as _for_to, sn as forOf, st as insertChildNodes, t as _await_content, tn as queueAsyncRender, tt as _lifecycle, u as _resume_dynamic_tag, un as _assert_hoist, ut as _content_closures, v as _attr_details_or_dialog_open_default, vt as getRegisteredWithScope, w as _attr_input_checked_default, wt as _child_setup, x as _attr_input_checkedValue, xt as ready, y as _attr_details_or_dialog_open_script, yt as init, zt as _return_change } from "./dom-BVNolGe1.mjs";
 //#region src/common/attr-tag.ts
 function attrTag(attrs) {
 	return attrs[Symbol.iterator] = attrTagIterator, attrs[rest] = empty, attrs;
@@ -194,4 +197,4 @@ function getSelectorOrResolve(selector, resolve) {
 	return document.querySelector(selector) || resolve();
 }
 //#endregion
-export { $signal, $signalReset, _assert_hoist, _assert_init, _attr, _attr_class, _attr_class_item, _attr_class_items, _attr_content, _attr_details_or_dialog_open as _attr_details_open, _attr_details_or_dialog_open as _attr_dialog_open, _attr_details_or_dialog_open_default as _attr_details_open_default, _attr_details_or_dialog_open_default as _attr_dialog_open_default, _attr_details_or_dialog_open_script as _attr_details_open_script, _attr_details_or_dialog_open_script as _attr_dialog_open_script, _attr_input_checked, _attr_input_checkedValue, _attr_input_checkedValue_default, _attr_input_checkedValue_script, _attr_input_checked_default, _attr_input_checked_script, _attr_input_value, _attr_input_value as _attr_textarea_value, _attr_input_value_attribute_default, _attr_input_value_default, _attr_input_value_default as _attr_textarea_value_default, _attr_input_value_dynamic_default, _attr_input_value_script, _attr_input_value_script as _attr_textarea_value_script, _attr_nonce, _attr_select_value, _attr_select_value_default, _attr_select_value_script, _attr_style, _attr_style_item, _attr_style_items, _attrs, _attrs_content, _attrs_partial, _attrs_partial_content, _attrs_script, _await_content, _await_promise, _call, _child_setup, _closure, _closure_get, _const, _content, _content_closures, _content_resume, _controllable_input, _controllable_open, _controllable_select, _controllable_textarea, _dynamic_tag, _dynamic_tag_content, _el, _el_read, _for_closure, _for_in, _for_of, _for_selector, _for_to, _for_until, _hoist, _hoist_resume, _html, _id, _if, _if_closure, _let, _let_change, _lifecycle, _load_event_trigger, _load_idle_trigger, _load_media_trigger, _load_race_trigger, _load_setup, _load_signal, _load_template, _load_visible_trigger, _on, _or, _resume, _resume_dynamic_tag, _return, _return_change, _script, _show, _style_rule_item, _style_shell, _template, _text, _text_content, _to_text, _try, _var, _var_change, _var_resume, attrTag, attrTags, compat, forIn, forOf, forTo, forUntil, init, initEmbedded, ready, run };
+export { $signal, $signalReset, _assert_hoist, _assert_init, _attr, _attr_class, _attr_class_item, _attr_class_items, _attr_content, _attr_details_or_dialog_open as _attr_details_open, _attr_details_or_dialog_open as _attr_dialog_open, _attr_details_or_dialog_open_default as _attr_details_open_default, _attr_details_or_dialog_open_default as _attr_dialog_open_default, _attr_details_or_dialog_open_script as _attr_details_open_script, _attr_details_or_dialog_open_script as _attr_dialog_open_script, _attr_input_checked, _attr_input_checkedValue, _attr_input_checkedValue_default, _attr_input_checkedValue_script, _attr_input_checked_default, _attr_input_checked_script, _attr_input_value, _attr_input_value as _attr_textarea_value, _attr_input_value_attribute_default, _attr_input_value_default, _attr_input_value_default as _attr_textarea_value_default, _attr_input_value_dynamic_default, _attr_input_value_script, _attr_input_value_script as _attr_textarea_value_script, _attr_nonce, _attr_select_value, _attr_select_value_default, _attr_select_value_script, _attr_style, _attr_style_item, _attr_style_items, _attrs, _attrs_content, _attrs_partial, _attrs_partial_content, _attrs_script, _await_content, _await_promise, _call, _child_setup, _closure, _closure_get, _const, _content, _content_closures, _content_resume, _controllable_input, _controllable_open, _controllable_select, _controllable_textarea, _dynamic_tag, _dynamic_tag_content, _el, _el_read, _for_closure, _for_in, _for_of, _for_selector, _for_to, _for_until, _hoist, _hoist_read_error, _hoist_resume, _html, _id, _if, _if_closure, _let, _let_change, _lifecycle, _load_event_trigger, _load_idle_trigger, _load_media_trigger, _load_race_trigger, _load_setup, _load_signal, _load_template, _load_visible_trigger, _on, _or, _resume, _resume_dynamic_tag, _return, _return_change, _script, _show, _style_rule_item, _style_shell, _template, _text, _text_content, _to_text, _try, _var, _var_change, _var_resume, attrTag, attrTags, compat, forIn, forOf, forTo, forUntil, init, initEmbedded, ready, run };

package/dist/html/compat.d.ts

@@ -23,4 +23,6 @@ export declare const compat: {
     register: typeof register;
     registerRenderBody(fn: any): void;
     registerClassFunctions(input: any): void;
+    registerClassFunction<T extends WeakKey>($global: object, id: string, fn: T, hostId: string): T;
+    hasPendingClassFunctions($global: object): boolean;
 };

package/dist/html/writer.d.ts

@@ -146,6 +146,8 @@ export declare class Chunk {
         body: Chunk;
         render: () => void;
         branchId: number;
+        scopeId: number;
+        placeholderBranchId: number;
     } | null;
     boundary: Boundary;
     next: Chunk | null;

package/dist/html.js

@@ -347,7 +347,13 @@ let empty = [], rest = Symbol(), unsafeStyleAttrReg = /[\\;]/g, replaceUnsafeSty
 			for (let key in input) normalizedInput[key === "renderBody" ? "content" : key] = input[key];
 		}
 		head.render(() => {
-			if (willRerender || registerChildScope) {
+			if (this.hasPendingClassFunctions(classAPIOut.global) && drainClassFunctions(classAPIOut.global, (hostId) => {
+				let fnScopeId = _scope_id(), scope = writeScope(fnScopeId, {
+					m5c: component.id,
+					m5h: hostId
+				});
+				return _script(fnScopeId, SET_SCOPE_REGISTER_ID), scope;
+			}), willRerender || registerChildScope) {
 				let scopeId = _peek_scope_id();
 				writeScope(scopeId, { m5c: component.id }), _script(scopeId, SET_SCOPE_REGISTER_ID);
 			}
@@ -377,8 +383,19 @@ let empty = [], rest = Symbol(), unsafeStyleAttrReg = /[\\;]/g, replaceUnsafeSty
 			let value = input[key];
 			typeof value == "function" && !getRegistered(value) && register(RENDER_BODY_ID, value);
 		}
+	},
+	registerClassFunction($global, id, fn, hostId) {
+		let pending = pendingClassFunctions.get($global);
+		return pending || pendingClassFunctions.set($global, pending = []), pending.push([
+			id,
+			fn,
+			hostId
+		]), fn;
+	},
+	hasPendingClassFunctions($global) {
+		return !!pendingClassFunctions.get($global)?.length;
 	}
-};
+}, pendingClassFunctions = /* @__PURE__ */ new WeakMap();
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 //#region src/common/attr-tag.ts
 function attrTag(attrs) {
@@ -1499,16 +1516,14 @@ function _await(scopeId, accessor, promise, content, serializeMarker) {
 	});
 }
 function _try(scopeId, accessor, content, input) {
-	let branchId = _peek_scope_id();
-	$chunk.writeHTML($chunk.boundary.state.mark("[", ""));
-	let catchContent = input.catch ? normalizeDynamicRenderer(input.catch) || 0 : void 0, placeholderContent = normalizeDynamicRenderer(input.placeholder);
-	catchContent === void 0 ? placeholderContent ? tryPlaceholder(content, placeholderContent, branchId) : content() : tryCatch(placeholderContent ? () => tryPlaceholder(content, placeholderContent, branchId) : content, catchContent || (() => {})), writeScope(branchId, {
+	let catchContent = input.catch ? normalizeDynamicRenderer(input.catch) || 0 : void 0, placeholderContent = normalizeDynamicRenderer(input.placeholder), placeholderBranchId = placeholderContent ? _scope_id() : 0, branchId = _peek_scope_id();
+	$chunk.writeHTML($chunk.boundary.state.mark("[", "")), catchContent === void 0 ? placeholderContent ? tryPlaceholder(content, placeholderContent, branchId, scopeId, placeholderBranchId) : content() : tryCatch(placeholderContent ? () => tryPlaceholder(content, placeholderContent, branchId, scopeId, placeholderBranchId) : content, catchContent || (() => {})), writeScope(branchId, {
 		C: accessor,
 		E: catchContent,
 		Q: placeholderContent
 	}), $chunk.writeHTML($chunk.boundary.state.mark("]", scopeId + " " + accessor + " " + branchId));
 }
-function tryPlaceholder(content, placeholder, branchId) {
+function tryPlaceholder(content, placeholder, branchId, scopeId, placeholderBranchId) {
 	let chunk = $chunk, { boundary } = chunk, body = chunk.fork(boundary, null);
 	if (body === body.render(content)) {
 		chunk.append(body);
@@ -1517,7 +1532,9 @@ function tryPlaceholder(content, placeholder, branchId) {
 	chunk.next = $chunk = chunk.fork(boundary, chunk.next), chunk.placeholder = {
 		body,
 		render: placeholder,
-		branchId
+		branchId,
+		scopeId,
+		placeholderBranchId
 	};
 }
 function tryCatch(content, catchContent) {
@@ -1666,10 +1683,10 @@ var State = class {
 		if (placeholder) {
 			let body = placeholder.body.consume();
 			if (body.async) {
-				let { state } = this.boundary, reorderId = body.reorderId = placeholder.branchId ? placeholder.branchId + "" : state.nextReorderId();
+				let { state } = this.boundary, { branchId, scopeId, placeholderBranchId } = placeholder, reorderId = body.reorderId = branchId ? branchId + "" : state.nextReorderId();
 				this.writeHTML(state.mark("!^", reorderId));
-				let after = this.render(placeholder.render);
-				after !== this && this.boundary.abort(/* @__PURE__ */ Error("An @placeholder cannot contain async content.")), after.writeHTML(state.mark("!", reorderId)), state.reorder(body);
+				let { effects } = this, beforeBranch = deferBranchStart(this), after = this.render(() => withBranchId(placeholderBranchId, placeholder.render)), stateful = after === this && this.effects !== effects;
+				applyBranchStart(this, beforeBranch, stateful), after === this ? stateful && (this.render(() => writeScope(branchId, { P: scopeWithId(state, placeholderBranchId) })), this.writeHTML(state.mark("]", scopeId + " " + ("P" + branchId) + " " + placeholderBranchId)), body.writeEffect(branchId, "f")) : this.boundary.abort(/* @__PURE__ */ Error("An @placeholder cannot contain async content.")), this.writeHTML(state.mark("!", reorderId)), state.reorder(body);
 			} else body.next = this.next, this.next = body;
 			this.placeholder = null;
 		}
@@ -1720,7 +1737,7 @@ var State = class {
 		}
 		readyResumeScripts && (needsWalk = !0);
 		let effects = this.async ? "" : this.effects, { html, scripts } = this;
-		if (state.needsMainRuntime && !state.hasMainRuntime && (state.hasMainRuntime = !0, scripts = concatScripts(scripts, "(e=>(self[e]||=(l,f=e+l,s=f.length,a={},d=[],t=document,n=t.createTreeWalker(t,129))=>t=self[e][l]={i:f,d:t,l:a,v:d,x(){},w(e,l,r){for(;e=n.nextNode();)t.x(l=(l=e.data)&&!l.indexOf(f)&&(a[r=l.slice(s+1)]=e,l[s]),r,e),l>\"#\"&&d.push(e)}},self[e]))(\"" + $global.runtimeId + "\")(\"" + $global.renderId + "\")")), scripts = concatScripts(scripts, readyResumeScripts), effects && (needsWalk = !0, state.resumes = state.resumes ? state.resumes + ",\"" + effects + "\"" : "\"" + effects + "\""), state.resumes && (state.hasWrittenResume ? scripts = concatScripts(scripts, runtimePrefix + ".r.push(" + state.resumes + ")") : (state.hasWrittenResume = !0, scripts = concatScripts(scripts, runtimePrefix + ".r=[" + state.resumes + "]"))), state.writeReorders) {
+		if (state.needsMainRuntime && !state.hasMainRuntime && (state.hasMainRuntime = !0, scripts = concatScripts(scripts, "(e=>(self[e]||=(l,f=e+l,s=f.length,a={},d=[],t=document,n=t.createTreeWalker(t,129))=>t=self[e][l]={i:f,d:t,l:a,v:d,x(){},w(e,l,r){for(;e=n.nextNode();)t.x(l=(l=e.data)&&!l.indexOf(f)&&(a[r=l.slice(s+1)]=e,l[s]),r,e),l>\"#\"&&d.push(e)}},self[e]))(\"" + $global.runtimeId + "\")(\"" + $global.renderId + "\")")), scripts = concatScripts(scripts, readyResumeScripts), effects && (needsWalk = !0, state.resumes = state.resumes ? state.resumes + ",\"" + effects + "\"" : "\"" + effects + "\""), state.writeReorders) {
 			let carried = null;
 			for (let reorderedChunk of state.writeReorders) {
 				if (reorderedChunk.async && reorderedChunk.consumed) {
@@ -1746,7 +1763,7 @@ var State = class {
 			}
 			state.writeReorders = carried;
 		}
-		return needsWalk && (scripts = concatScripts(scripts, runtimePrefix + ".w()")), this.html = html, this.scripts = scripts, this.async || (this.effects = this.lastEffect = ""), state.resumes = "", this;
+		return flushSerializer(boundary, state), state.resumes && (state.hasWrittenResume ? scripts = concatScripts(scripts, runtimePrefix + ".r.push(" + state.resumes + ")") : (state.hasWrittenResume = !0, scripts = concatScripts(scripts, runtimePrefix + ".r=[" + state.resumes + "]"))), needsWalk && (scripts = concatScripts(scripts, runtimePrefix + ".w()")), this.html = html, this.scripts = scripts, this.async || (this.effects = this.lastEffect = ""), state.resumes = "", this;
 	}
 	flushHTML() {
 		let { boundary } = this, { state } = boundary;
@@ -2232,6 +2249,11 @@ function toObjectExpression(options) {
 //#region src/common/compat-meta.ts
 //#endregion
 //#region src/html/compat.ts
+function drainClassFunctions($global, writeScope) {
+	let pending = pendingClassFunctions.get($global), scopeByHost = {};
+	for (let [id, fn, hostId] of pending) register(id, fn, scopeByHost[hostId] ||= writeScope(hostId));
+	pending.length = 0;
+}
 function NOOP() {}
 exports.$global = $global, exports._assert_hoist = _assert_hoist, exports._attr = _attr, exports._attr_and = _attr_and, exports._attr_class = _attr_class, exports._attr_content = _attr_content, exports._attr_details_open = _attr_details_or_dialog_open, exports._attr_dialog_open = _attr_details_or_dialog_open, exports._attr_input_checked = _attr_input_checked, exports._attr_input_checkedValue = _attr_input_checkedValue, exports._attr_input_value = _attr_input_value, exports._attr_nonce = _attr_nonce, exports._attr_nullish = _attr_nullish, exports._attr_option_value = _attr_option_value, exports._attr_or = _attr_or, exports._attr_select_value = _attr_select_value, exports._attr_style = _attr_style, exports._attr_textarea_value = _attr_textarea_value, exports._attrs = _attrs, exports._attrs_content = _attrs_content, exports._attrs_partial = _attrs_partial, exports._attrs_partial_content = _attrs_partial_content, exports._await = _await, exports._content = _content, exports._content_resume = _content_resume, Object.defineProperty(exports, "_dynamic_tag", {
 	enumerable: !0,

package/dist/html.mjs

@@ -347,7 +347,13 @@ let empty = [], rest = Symbol(), unsafeStyleAttrReg = /[\\;]/g, replaceUnsafeSty
 			for (let key in input) normalizedInput[key === "renderBody" ? "content" : key] = input[key];
 		}
 		head.render(() => {
-			if (willRerender || registerChildScope) {
+			if (this.hasPendingClassFunctions(classAPIOut.global) && drainClassFunctions(classAPIOut.global, (hostId) => {
+				let fnScopeId = _scope_id(), scope = writeScope(fnScopeId, {
+					m5c: component.id,
+					m5h: hostId
+				});
+				return _script(fnScopeId, SET_SCOPE_REGISTER_ID), scope;
+			}), willRerender || registerChildScope) {
 				let scopeId = _peek_scope_id();
 				writeScope(scopeId, { m5c: component.id }), _script(scopeId, SET_SCOPE_REGISTER_ID);
 			}
@@ -377,8 +383,19 @@ let empty = [], rest = Symbol(), unsafeStyleAttrReg = /[\\;]/g, replaceUnsafeSty
 			let value = input[key];
 			typeof value == "function" && !getRegistered(value) && register(RENDER_BODY_ID, value);
 		}
+	},
+	registerClassFunction($global, id, fn, hostId) {
+		let pending = pendingClassFunctions.get($global);
+		return pending || pendingClassFunctions.set($global, pending = []), pending.push([
+			id,
+			fn,
+			hostId
+		]), fn;
+	},
+	hasPendingClassFunctions($global) {
+		return !!pendingClassFunctions.get($global)?.length;
 	}
-};
+}, pendingClassFunctions = /* @__PURE__ */ new WeakMap();
 //#region src/common/attr-tag.ts
 function attrTag(attrs) {
 	return attrs[Symbol.iterator] = attrTagIterator, attrs[rest] = empty, attrs;
@@ -1498,16 +1515,14 @@ function _await(scopeId, accessor, promise, content, serializeMarker) {
 	});
 }
 function _try(scopeId, accessor, content, input) {
-	let branchId = _peek_scope_id();
-	$chunk.writeHTML($chunk.boundary.state.mark("[", ""));
-	let catchContent = input.catch ? normalizeDynamicRenderer(input.catch) || 0 : void 0, placeholderContent = normalizeDynamicRenderer(input.placeholder);
-	catchContent === void 0 ? placeholderContent ? tryPlaceholder(content, placeholderContent, branchId) : content() : tryCatch(placeholderContent ? () => tryPlaceholder(content, placeholderContent, branchId) : content, catchContent || (() => {})), writeScope(branchId, {
+	let catchContent = input.catch ? normalizeDynamicRenderer(input.catch) || 0 : void 0, placeholderContent = normalizeDynamicRenderer(input.placeholder), placeholderBranchId = placeholderContent ? _scope_id() : 0, branchId = _peek_scope_id();
+	$chunk.writeHTML($chunk.boundary.state.mark("[", "")), catchContent === void 0 ? placeholderContent ? tryPlaceholder(content, placeholderContent, branchId, scopeId, placeholderBranchId) : content() : tryCatch(placeholderContent ? () => tryPlaceholder(content, placeholderContent, branchId, scopeId, placeholderBranchId) : content, catchContent || (() => {})), writeScope(branchId, {
 		C: accessor,
 		E: catchContent,
 		Q: placeholderContent
 	}), $chunk.writeHTML($chunk.boundary.state.mark("]", scopeId + " " + accessor + " " + branchId));
 }
-function tryPlaceholder(content, placeholder, branchId) {
+function tryPlaceholder(content, placeholder, branchId, scopeId, placeholderBranchId) {
 	let chunk = $chunk, { boundary } = chunk, body = chunk.fork(boundary, null);
 	if (body === body.render(content)) {
 		chunk.append(body);
@@ -1516,7 +1531,9 @@ function tryPlaceholder(content, placeholder, branchId) {
 	chunk.next = $chunk = chunk.fork(boundary, chunk.next), chunk.placeholder = {
 		body,
 		render: placeholder,
-		branchId
+		branchId,
+		scopeId,
+		placeholderBranchId
 	};
 }
 function tryCatch(content, catchContent) {
@@ -1665,10 +1682,10 @@ var State = class {
 		if (placeholder) {
 			let body = placeholder.body.consume();
 			if (body.async) {
-				let { state } = this.boundary, reorderId = body.reorderId = placeholder.branchId ? placeholder.branchId + "" : state.nextReorderId();
+				let { state } = this.boundary, { branchId, scopeId, placeholderBranchId } = placeholder, reorderId = body.reorderId = branchId ? branchId + "" : state.nextReorderId();
 				this.writeHTML(state.mark("!^", reorderId));
-				let after = this.render(placeholder.render);
-				after !== this && this.boundary.abort(/* @__PURE__ */ Error("An @placeholder cannot contain async content.")), after.writeHTML(state.mark("!", reorderId)), state.reorder(body);
+				let { effects } = this, beforeBranch = deferBranchStart(this), after = this.render(() => withBranchId(placeholderBranchId, placeholder.render)), stateful = after === this && this.effects !== effects;
+				applyBranchStart(this, beforeBranch, stateful), after === this ? stateful && (this.render(() => writeScope(branchId, { P: scopeWithId(state, placeholderBranchId) })), this.writeHTML(state.mark("]", scopeId + " " + ("P" + branchId) + " " + placeholderBranchId)), body.writeEffect(branchId, "f")) : this.boundary.abort(/* @__PURE__ */ Error("An @placeholder cannot contain async content.")), this.writeHTML(state.mark("!", reorderId)), state.reorder(body);
 			} else body.next = this.next, this.next = body;
 			this.placeholder = null;
 		}
@@ -1719,7 +1736,7 @@ var State = class {
 		}
 		readyResumeScripts && (needsWalk = !0);
 		let effects = this.async ? "" : this.effects, { html, scripts } = this;
-		if (state.needsMainRuntime && !state.hasMainRuntime && (state.hasMainRuntime = !0, scripts = concatScripts(scripts, "(e=>(self[e]||=(l,f=e+l,s=f.length,a={},d=[],t=document,n=t.createTreeWalker(t,129))=>t=self[e][l]={i:f,d:t,l:a,v:d,x(){},w(e,l,r){for(;e=n.nextNode();)t.x(l=(l=e.data)&&!l.indexOf(f)&&(a[r=l.slice(s+1)]=e,l[s]),r,e),l>\"#\"&&d.push(e)}},self[e]))(\"" + $global.runtimeId + "\")(\"" + $global.renderId + "\")")), scripts = concatScripts(scripts, readyResumeScripts), effects && (needsWalk = !0, state.resumes = state.resumes ? state.resumes + ",\"" + effects + "\"" : "\"" + effects + "\""), state.resumes && (state.hasWrittenResume ? scripts = concatScripts(scripts, runtimePrefix + ".r.push(" + state.resumes + ")") : (state.hasWrittenResume = !0, scripts = concatScripts(scripts, runtimePrefix + ".r=[" + state.resumes + "]"))), state.writeReorders) {
+		if (state.needsMainRuntime && !state.hasMainRuntime && (state.hasMainRuntime = !0, scripts = concatScripts(scripts, "(e=>(self[e]||=(l,f=e+l,s=f.length,a={},d=[],t=document,n=t.createTreeWalker(t,129))=>t=self[e][l]={i:f,d:t,l:a,v:d,x(){},w(e,l,r){for(;e=n.nextNode();)t.x(l=(l=e.data)&&!l.indexOf(f)&&(a[r=l.slice(s+1)]=e,l[s]),r,e),l>\"#\"&&d.push(e)}},self[e]))(\"" + $global.runtimeId + "\")(\"" + $global.renderId + "\")")), scripts = concatScripts(scripts, readyResumeScripts), effects && (needsWalk = !0, state.resumes = state.resumes ? state.resumes + ",\"" + effects + "\"" : "\"" + effects + "\""), state.writeReorders) {
 			let carried = null;
 			for (let reorderedChunk of state.writeReorders) {
 				if (reorderedChunk.async && reorderedChunk.consumed) {
@@ -1745,7 +1762,7 @@ var State = class {
 			}
 			state.writeReorders = carried;
 		}
-		return needsWalk && (scripts = concatScripts(scripts, runtimePrefix + ".w()")), this.html = html, this.scripts = scripts, this.async || (this.effects = this.lastEffect = ""), state.resumes = "", this;
+		return flushSerializer(boundary, state), state.resumes && (state.hasWrittenResume ? scripts = concatScripts(scripts, runtimePrefix + ".r.push(" + state.resumes + ")") : (state.hasWrittenResume = !0, scripts = concatScripts(scripts, runtimePrefix + ".r=[" + state.resumes + "]"))), needsWalk && (scripts = concatScripts(scripts, runtimePrefix + ".w()")), this.html = html, this.scripts = scripts, this.async || (this.effects = this.lastEffect = ""), state.resumes = "", this;
 	}
 	flushHTML() {
 		let { boundary } = this, { state } = boundary;
@@ -2231,6 +2248,11 @@ function toObjectExpression(options) {
 //#region src/common/compat-meta.ts
 //#endregion
 //#region src/html/compat.ts
+function drainClassFunctions($global, writeScope) {
+	let pending = pendingClassFunctions.get($global), scopeByHost = {};
+	for (let [id, fn, hostId] of pending) register(id, fn, scopeByHost[hostId] ||= writeScope(hostId));
+	pending.length = 0;
+}
 function NOOP() {}
 //#endregion
 export { $global, _assert_hoist, _attr, _attr_and, _attr_class, _attr_content, _attr_details_or_dialog_open as _attr_details_open, _attr_details_or_dialog_open as _attr_dialog_open, _attr_input_checked, _attr_input_checkedValue, _attr_input_value, _attr_nonce, _attr_nullish, _attr_option_value, _attr_or, _attr_select_value, _attr_style, _attr_textarea_value, _attrs, _attrs_content, _attrs_partial, _attrs_partial_content, _await, _content, _content_resume, _dynamic_tag, _el, _el_read_error, _el_resume, _escape, _escape_comment, _escape_script, _escape_style, _escape_style_value, _existing_scope, _flush_head, _for_in, _for_of, _for_to, _for_until, _hoist, _hoist_read_error, _html, _id, _if, _peek_scope_id, _resume, _resume_branch, _resume_locals, writeScope as _scope, _scope_id, _scope_reason, _scope_with_id, _script, _sep, _serialize_guard, _serialize_if, _set_serialize_reason, _show_end, _show_start, _style_html, _subscribe, _template, _textarea_value, _to_text, _trailers, _try, _unescaped, _var, attrTag, attrTags, compat, forIn, forOf, forTo, forUntil, withLoadAssets, withPageAssets };

package/dist/translator/index.js

@@ -4173,6 +4173,7 @@ var html_default = { translate: {
 		});
 	},
 	exit(program) {
+		if (program.node.extra.hasGlobalRead) getHTMLSectionStatements(getSection(program)).push(_marko_compiler.types.variableDeclaration("const", [_marko_compiler.types.variableDeclarator(_marko_compiler.types.identifier("$global"), callRuntime("$global"))]));
 		flushInto(program);
 		writeHTMLResumeStatements(program);
 		traverseReplace(program.node, "body", replaceNode);
@@ -7292,6 +7293,7 @@ function setReferencesScope(path) {
 }
 const [getGlobalBinding] = createProgramState(() => createBinding("$global", 7, getOrCreateSection((0, _marko_compiler_babel_utils.getProgram)())));
 function trackGlobalReference(path) {
+	(0, _marko_compiler_babel_utils.getProgram)().node.extra.hasGlobalRead = true;
 	trackReference(path, getGlobalBinding());
 }
 function createBindingsAndTrackReferences(lVal, type, scope, section, upstreamAlias, property, excludeProperties, restOffset) {
@@ -7998,13 +8000,13 @@ function getReadReplacement(node, signal) {
 				const inlined = getSignals(extra.section).get(readBinding)?.inline?.value;
 				if (inlined) replacement = _marko_compiler.types.cloneNode(inlined, true);
 				else if (signal?.referencedBindings === readBinding && !signal.hasSideEffect) replacement = getSignalValueIdentifier(signal);
-				else if (read.getter?.hoisted) replacement = _marko_compiler.types.callExpression(getBindingGetterIdentifier(readBinding, read.getter.hoisted), [getScopeExpression(extra.section, read.getter.hoisted)]);
+				else if (read.getter?.hoisted) replacement = readBinding.upstreamAlias ? callRuntime("_hoist_read_error") : _marko_compiler.types.callExpression(getBindingGetterIdentifier(readBinding, read.getter.hoisted), [getScopeExpression(extra.section, read.getter.hoisted)]);
 				else if (readBinding.type === 0) {
 					if (read.getter) replacement = _marko_compiler.types.callExpression(getBindingGetterIdentifier(readBinding, readBinding.section), [getScopeExpression(extra.section, readBinding.section)]);
 				} else if (!isOptimize() && read.ownVar) replacement = callRuntime("_assert_init", extra.section ? getScopeExpression(extra.section, readBinding.section) : scopeIdentifier, getScopeAccessorLiteral(readBinding));
 				else replacement = createScopeReadExpression(readBinding, extra.section);
 			} else if (node.type !== "Identifier") replacement = _marko_compiler.types.identifier(readBinding.name);
-			else if (read.getter?.hoisted) replacement = getBindingGetterIdentifier(readBinding, read.getter.hoisted);
+			else if (read.getter?.hoisted) replacement = readBinding.upstreamAlias ? callRuntime("_hoist_read_error") : getBindingGetterIdentifier(readBinding, read.getter.hoisted);
 			else if (readBinding.type === 0) {
 				if (readBinding.getters.has(readBinding.section)) replacement = getBindingGetterIdentifier(readBinding, readBinding.section);
 			} else if (readBinding.name !== node.name) node.name = readBinding.name;
@@ -9638,8 +9640,10 @@ var try_default = {
 				const section = getSection(tag);
 				const bodySection = getSectionForBody(tag.get("body"));
 				const signal = getSignal(section, nodeRef, "try");
+				const hasPlaceholder = !!tag.node.extra?.attributeTags?.["@placeholder"];
 				signal.build = () => {
 					importRuntimeFeature("catch");
+					if (hasPlaceholder) importRuntimeFeature("placeholder");
 					return callRuntime("_try", getScopeAccessorLiteral(nodeRef, true), ...replaceNullishAndEmptyFunctionsWith0(getBranchRendererArgs(bodySection)));
 				};
 				if (translatedAttrs.statements.length) addStatement("render", section, referencedBindings, translatedAttrs.statements);
@@ -10096,8 +10100,7 @@ var referenced_identifier_default = {
 		if (identifier.scope.hasBinding(name)) return;
 		switch (name) {
 			case "$global":
-				if (isOutputHTML()) identifier.replaceWith(_marko_compiler.types.callExpression(importRuntime("$global"), []));
-				else identifier.replaceWith(_marko_compiler.types.memberExpression(scopeIdentifier, _marko_compiler.types.identifier(getAccessorProp().Global)));
+				if (!isOutputHTML()) identifier.replaceWith(_marko_compiler.types.memberExpression(scopeIdentifier, _marko_compiler.types.identifier(getAccessorProp().Global)));
 				break;
 			case "$signal": if (isOutputHTML()) identifier.replaceWith(_marko_compiler.types.callExpression(_marko_compiler.types.arrowFunctionExpression([], _marko_compiler.types.blockStatement([_marko_compiler.types.throwStatement(_marko_compiler.types.newExpression(_marko_compiler.types.identifier("Error"), [_marko_compiler.types.stringLiteral("Cannot use $signal in a server render.")]))])), []));
 			else {

package/dist/translator/util/references.d.ts

@@ -82,6 +82,10 @@ interface ExtraRead {
     localFn?: ReferencedFunctionExtra;
 }
 declare module "@marko/compiler/dist/types" {
+    interface ProgramExtra {
+        /** This template reads `$global`, so HTML output declares a const for it. */
+        hasGlobalRead?: true;
+    }
     interface NodeExtra {
         section?: Section;
         referencedBindings?: ReferencedBindings;

package/dist/translator/util/runtime.d.ts

@@ -5,7 +5,7 @@ export type DOMRuntimeHelpers = keyof typeof import("../../dom");
 export type HTMLRuntimeHelpers = keyof typeof import("../../html");
 export declare function importRuntime(name: DOMRuntimeHelpers | HTMLRuntimeHelpers): t.Identifier;
 export declare function callRuntime(name: DOMRuntimeHelpers | HTMLRuntimeHelpers, ...args: Array<Parameters<typeof t.callExpression>[1][number] | Falsy>): t.CallExpression;
-export type DOMRuntimeFeature = "catch" | "controllable" | "controllable-input" | "controllable-open" | "controllable-select" | "controllable-textarea" | "dynamic-tag-var";
+export type DOMRuntimeFeature = "catch" | "controllable" | "controllable-input" | "controllable-open" | "controllable-select" | "controllable-textarea" | "dynamic-tag-var" | "placeholder";
 export declare function importRuntimeFeature(feature: DOMRuntimeFeature): void;
 export declare function getHTMLRuntime(): {
     _escape: typeof _escape;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "marko",
-  "version": "6.3.39",
+  "version": "6.3.41",
   "description": "Optimized runtime for Marko templates.",
   "keywords": [
     "api",
@@ -54,8 +54,8 @@
     "magic-string": "^0.30.21"
   },
   "devDependencies": {
-    "marko": "5.39.34",
-    "@marko/runtime-tags": "npm:marko@6.3.39"
+    "@marko/runtime-tags": "npm:marko@6.3.41",
+    "marko": "5.39.35"
   },
   "engines": {
     "node": ">=22"
@@ -64,6 +64,9 @@
     ".": {
       "types": "./index.d.ts"
     },
+    "./tags-html": {
+      "types": "./tags-html.d.ts"
+    },
     "./cheatsheet.md": "./cheatsheet.md",
     "./package.json": "./package.json",
     "./translator": "./src/translator/index.ts",