marko 6.3.44 → 6.3.46

package/cheatsheet.md

@@ -7,7 +7,7 @@ Marko 6 = HTML superset, not JSX and not Marko 4/5 syntax. `.marko` files are co
 1. Text interpolation: `${expr}` inside tag bodies. A bare line at the template root parses as a tag (concise mode): `Welcome aboard` fails to compile, but `p is a tag` compiles **silently** to `<p is a tag></p>`, since any line starting with a real tag name loses its words to attributes. Wrap text in an element (`<p>Welcome aboard</p>`) or prefix the line with `--` and a space (`-- Welcome ${name}`). Attributes take raw JS after `=` with no braces or quotes: `<div title=user.name data-n=1 + 1>`.
 2. A top-level `>` hugging its operand in an attribute value **ends the tag** silently: `<button disabled=count>=8 onClick() {…}>More</button>` is `disabled=count` plus the text `=8 onClick() {…}>`, so the handler never binds. Space a `>=` (`disabled=count >= 8`), and parenthesize a bare `>` comparison (`hidden=(a > b)`) and a TS type argument `<let/s=(new Set<string>())>`. Do not move the type onto the tag variable instead: `<let/s:Set<string>=new Set()>` compiles but fails type-check with TS2322 (the annotation does not flow into the initializer). A `>` nested inside `(…)`/`{…}`/`[…]` is safe (`class={ big: n > 1 }`). `<` never closes a tag (`disabled=count<=1` is fine).
 3. State: `<let/name=initial>` (slash then var name!). Update by plain assignment in an event handler: `count++`, `text = "hi"`. No setState, no hooks.
-4. Derived values: `<const/total=items.length * price>` auto-recomputes. Never use an effect to derive state. A tag variable is whatever the tag returns, not the attribute you passed. `<let/draft=input.text>` re-runs on every `input.text` change but returns state it controls, so `draft` keeps your edits. Pick by intent: recomputes → `<const>`, seeds then diverges → `<let>`. A `<let>` you never assign is just a frozen `<const>`. Updates batch: mid-handler a reassigned `<let>` reads current but its derived `<const>` reads stale, so recompute from the `<let>`.
+4. Derived values: `<const/total=items.length * price>` auto-recomputes. Never use an effect to derive state. A tag variable is whatever the tag returns, not the attribute you passed. `<let/draft=input.text>` re-runs on every `input.text` change but returns state it controls, so `draft` keeps your edits; only a controllable `<let>` (`valueChange=`, or `<let/draft:=input.text>`) takes the new value. Pick by intent: recomputes → `<const>`, seeds then diverges → `<let>`. A `<let>` you never assign is just a frozen `<const>`. Updates batch: mid-handler a reassigned `<let>` reads current but its derived `<const>` reads stale, so recompute from the `<let>`.
 5. Never mutate state in place: `items.push(x)` does not update the UI. Always reassign:
    - add: `items = items.concat(x)`
    - remove: `items = items.toSpliced(i, 1)`
@@ -15,9 +15,9 @@ Marko 6 = HTML superset, not JSX and not Marko 4/5 syntax. `.marko` files are co
    - object: `user = { ...user, name }`
 6. Events: method shorthand `onClick() { ... }` or `onClick=fn`. Handlers receive `(event, element)`; delegation means the element is the second parameter, not `event.currentTarget`: `onSubmit(e) { e.preventDefault(); save() }`, `onClick(e, el) { el.focus() }`. Don't sync input values through `onInput`/`onChange`; that's what the change handlers below are for. Prefix with `async` to `await` in the body: `async onClick() { await save() }`.
 7. Native inputs are uncontrolled by default: `value=` sets the default value — later writes update what `form.reset()` restores, never a dirty field's display. Adding the matching `*Change` handler is what makes them controlled: `valueChange` on `<input>`/`<textarea>`/`<select>`, `checkedChange` on checkboxes/radios, `openChange` on `<details>`/`<dialog>`. `value:=text` is the shorthand for `value=text valueChange(v) { text = v }`. (`<textarea value:=text/>`: value attribute, not body.) `:=` differs by operand: on an identifier (`value:=text`) it assigns that variable; on a member expression (`<let/count:=input.count>` in a child) it wires `input.countChange`, so the child is controlled when the parent passes that handler and keeps its own state when it doesn't.
-8. Transform in the handler when needed; number inputs give strings: `<input type="number" value=n valueChange(v) { n = +v }>`, or `value:parseFloat:=n`.
+8. Transform in the handler when needed; number inputs give strings: `<input type="number" value=n valueChange(v) { n = +v }>`, or `value:parseFloat:=n`. Uncommitted edits (debounce, commit on blur) never sync through a `<script>`; that is rule 4's derive-by-effect trap. Pair a controllable `<let/value:=input.value>` with `<let/pending=null>`, show `<const/draft=pending ?? value>`, collect with `valueChange(v) { pending = v }`, and commit by assigning `value = pending; pending = null`. Prefer that to calling `input.valueChange(...)`, which throws unless every caller controls the tag.
 9. Radio/checkbox groups: `checkedValue:=picked` on each input (shared var, distinct `value=`); the match is checked; array var for multi-checkbox. Dropdown: `<select value:=picked>`.
-10. Module-level values, helpers and type aliases need `static`: `static const LIMIT = 10`, `static function fmt(n) {…}`, `static type Row = {…}`. Without it `function fmt(n) {` parses as a tag: ``Unable to find entry point for custom tag `<function>` ``, an error that never says `static`. Prefer it to `<const>` for anything that never changes: `<const/LIMIT=10>` emits a per-instance signal plus a `$setup` call. `server`/`client` narrow `static` to one platform (`client import { Chart } from "chart"`); the binding is `undefined` on the other, so read a `client` one only from `<script>`/handlers/`<lifecycle>` — reading it while rendering throws `is not a function` during SSR.
+10. Module-level values, helpers and type aliases need `static`: `static const LIMIT = 10`, `static function fmt(n) {…}`, `static type Row = {…}`. Without it `function fmt(n) {` parses as a tag: ``Unable to find entry point for custom tag `<function>` ``, an error that points at `static`. Prefer it to `<const>` for anything that never changes: `<const/LIMIT=10>` emits a per-instance signal plus a `$setup` call. `server`/`client` narrow `static` to one platform (`client import { Chart } from "chart"`); the binding is `undefined` on the other, so read a `client` one only from `<script>`/handlers/`<lifecycle>` — reading it while rendering throws `is not a function` during SSR.
 
 ## Canonical component
 
@@ -129,6 +129,7 @@ Don't fetch while rendering: start data loads early, pass the promise through th
 - Conditional attrs: `false`/`null` attrs are omitted from HTML. `aria-selected` etc. want strings: `aria-selected=(i === active && "true")`.
 - `class=` / `style=` accept strings, objects, arrays: `class=["btn", { active }]`, `style={ color }` (single braces). `style=` keys are kebab-case CSS names (`{ "background-color": c }`), not camelCase.
 - `<id/x>` mints a collision-free id for label/input wiring (`<label for=x>`/`<input id=x>`); don't hardcode ids in reusable tags; `<id/x=input.id>` reuses a caller's.
+- Head tags render where written: a `<title>`/`<meta>`/`<link>` inside a nested component stays in the body, giving a second title or an inert canonical. `<head>` is already written by the time descendants render, so page meta has to be known before it: under @marko/run declare it in the route's `+meta.*` file and read `$global.meta` from the layout that owns `<head>`, otherwise pass it down or set it on `$global` at the render call.
 
 ## Sharing data (`$global`)
 
@@ -201,6 +202,7 @@ Each left-hand habit is an error or silently wrong.
 | `const [x, setX] = useState()` / `state` / `class {}` block | `<let/x=0>` then `x = 1`                                                             |
 | `$ const y = x * 2;` (scriptlets are removed)               | `<const/y=x * 2>`                                                                    |
 | `<let/n=a + b>` for a value that should recompute           | `<const/n=a + b>`; `<let>` seeds an initial value, then de-syncs by design           |
+| `<let/x=input.x>` expecting it to track `input.x`           | `<const/x=input.x>`, or `<let/x:=input.x>` to make it controllable                   |
 | `function fmt(n) {…}` / `const LIMIT = 10` at module level  | `static function fmt(n) {…}` / `static const LIMIT = 10`                             |
 | `type Row = {…}` at module level                            | `static type Row = {…}`                                                              |
 | `<let x=0>`                                                 | `<let/x=0>`                                                                          |
@@ -213,6 +215,7 @@ Each left-hand habit is an error or silently wrong.
 | bare text on its own line at template root                  | wrap in an element (`<p>...`), or prefix the line with `--` and a space              |
 | `by=item` using the loop variable                           | `by="propName"` or `by=(item) => key`; `by=` is evaluated outside the loop           |
 | `onInput(e) { q = e.target.value }` to sync an input        | `value:=q`; the change handler owns the value                                        |
+| `<script>` syncing a draft field back from `value`          | `<const/draft=pending ?? value>`; a `<let>` holds only the uncommitted edit          |
 | fetching inside the component that renders the data         | start the promise early (route handler / top of template), pass it down to `<await>` |
 | `style={ backgroundColor: c }` (camelCase keys)             | `style={ "background-color": c }` (kebab-case)                                       |
 | `this.querySelector` / `this.getRootNode()` in `<script>`   | element ref getter: `<div/el>` then `el()` (there is no `this`)                      |
@@ -221,6 +224,7 @@ Each left-hand habit is an error or silently wrong.
 | hand-rolled `IntersectionObserver` to defer a widget's JS   | `import W from "<w>" with { load: "visible#sel" }`                                   |
 | imperative lib wired through `<script>` mount + cleanup     | `<lifecycle onMount/onUpdate/onDestroy>` (keeps `this` across all three)             |
 | `createContext`/provider to share data                      | `input` (prop drilling) or request-scoped `$global`                                  |
+| `<title>`/`<meta>` in a nested component                    | put page meta in the layout that owns `<head>`; head tags never hoist                |
 | `$global.x` in client-reactive code, not allow-listed       | `$global.serializedGlobals = { x: true }` first; otherwise the read is `undefined`   |
 | hand-namespaced global classes (`.my-card-title`)           | `<style/styles>` + `class=styles.card` (scoped CSS modules)                          |
 | `tsc --noEmit` to type check templates                      | `mtc`; `tsc` skips `.marko` files and exits 0                                        |

package/dist/debug/dom/catch.feat.js

@@ -1,5 +1,5 @@
 "use strict";
-const require_control_flow = require("../dom-DBuLwSOh.js");
+const require_control_flow = require("../dom-WyMgkHne.js");
 //#region src/dom/catch.feat.ts
 const handlePendingTry = (fn, scope, branch) => {
 	while (branch) {

package/dist/debug/dom/catch.feat.mjs

@@ -1,4 +1,4 @@
-import { An as PendingRenders, Cn as ClosestBranch, On as ParentBranch, bn as Pending, en as caughtError, g as renderCatch, kn as PendingEffects, nn as placeholderShown, tn as installCatch, xn as Scope } from "../dom-ky42a_qY.mjs";
+import { An as PendingEffects, Sn as Scope, g as renderCatch, jn as PendingRenders, kn as ParentBranch, nn as installCatch, rn as placeholderShown, tn as caughtError, wn as ClosestBranch, xn as Pending } from "../dom-CIt3_Sdm.mjs";
 //#region src/dom/catch.feat.ts
 const handlePendingTry = (fn, scope, branch) => {
 	while (branch) {

package/dist/debug/dom/controllable-input.feat.js

@@ -1,5 +1,5 @@
 "use strict";
-const require_control_flow = require("../dom-DBuLwSOh.js");
+const require_control_flow = require("../dom-WyMgkHne.js");
 //#region src/dom/controllable-input.feat.ts
 require_control_flow.controllableScripts[0] = require_control_flow._attr_input_checked_script;
 require_control_flow.controllableScripts[1] = require_control_flow._attr_input_checkedValue_script;

package/dist/debug/dom/controllable-input.feat.mjs

@@ -1,4 +1,4 @@
-import { A as _attr_input_value_script, C as _attr_input_checkedValue_script, T as _attr_input_checked_script, z as controllableScripts } from "../dom-ky42a_qY.mjs";
+import { A as _attr_input_value_script, C as _attr_input_checkedValue_script, T as _attr_input_checked_script, z as controllableScripts } from "../dom-CIt3_Sdm.mjs";
 //#region src/dom/controllable-input.feat.ts
 controllableScripts[0] = _attr_input_checked_script;
 controllableScripts[1] = _attr_input_checkedValue_script;

package/dist/debug/dom/controllable-open.feat.js

@@ -1,5 +1,5 @@
 "use strict";
-const require_control_flow = require("../dom-DBuLwSOh.js");
+const require_control_flow = require("../dom-WyMgkHne.js");
 //#region src/dom/controllable-open.feat.ts
 require_control_flow.controllableScripts[4] = require_control_flow._attr_details_or_dialog_open_script;
 //#endregion

package/dist/debug/dom/controllable-open.feat.mjs

@@ -1,4 +1,4 @@
-import { y as _attr_details_or_dialog_open_script, z as controllableScripts } from "../dom-ky42a_qY.mjs";
+import { y as _attr_details_or_dialog_open_script, z as controllableScripts } from "../dom-CIt3_Sdm.mjs";
 //#region src/dom/controllable-open.feat.ts
 controllableScripts[4] = _attr_details_or_dialog_open_script;
 //#endregion

package/dist/debug/dom/controllable-select.feat.js

@@ -1,5 +1,5 @@
 "use strict";
-const require_control_flow = require("../dom-DBuLwSOh.js");
+const require_control_flow = require("../dom-WyMgkHne.js");
 //#region src/dom/controllable-select.feat.ts
 require_control_flow.controllableScripts[3] = require_control_flow._attr_select_value_script;
 //#endregion

package/dist/debug/dom/controllable-select.feat.mjs

@@ -1,4 +1,4 @@
-import { N as _attr_select_value_script, z as controllableScripts } from "../dom-ky42a_qY.mjs";
+import { N as _attr_select_value_script, z as controllableScripts } from "../dom-CIt3_Sdm.mjs";
 //#region src/dom/controllable-select.feat.ts
 controllableScripts[3] = _attr_select_value_script;
 //#endregion

package/dist/debug/dom/controllable-textarea.feat.js

@@ -1,5 +1,5 @@
 "use strict";
-const require_control_flow = require("../dom-DBuLwSOh.js");
+const require_control_flow = require("../dom-WyMgkHne.js");
 //#region src/dom/controllable-textarea.feat.ts
 require_control_flow.controllableScripts[2] = require_control_flow._attr_input_value_script;
 //#endregion

package/dist/debug/dom/controllable-textarea.feat.mjs

@@ -1,4 +1,4 @@
-import { A as _attr_input_value_script, z as controllableScripts } from "../dom-ky42a_qY.mjs";
+import { A as _attr_input_value_script, z as controllableScripts } from "../dom-CIt3_Sdm.mjs";
 //#region src/dom/controllable-textarea.feat.ts
 controllableScripts[2] = _attr_input_value_script;
 //#endregion

package/dist/debug/dom/controllable.feat.js

@@ -1,5 +1,5 @@
 "use strict";
-const require_control_flow = require("../dom-DBuLwSOh.js");
+const require_control_flow = require("../dom-WyMgkHne.js");
 require("./controllable-input.feat.js");
 require("./controllable-open.feat.js");
 require("./controllable-select.feat.js");

package/dist/debug/dom/controllable.feat.mjs

@@ -1,4 +1,4 @@
-import { F as _controllable_open, I as _controllable_select, L as _controllable_textarea, P as _controllable_input, R as controllableRenders } from "../dom-ky42a_qY.mjs";
+import { F as _controllable_open, I as _controllable_select, L as _controllable_textarea, P as _controllable_input, R as controllableRenders } from "../dom-CIt3_Sdm.mjs";
 import "./controllable-input.feat.mjs";
 import "./controllable-open.feat.mjs";
 import "./controllable-select.feat.mjs";

package/dist/debug/dom/dynamic-tag-var.feat.js

@@ -1,5 +1,5 @@
 "use strict";
-const require_control_flow = require("../dom-DBuLwSOh.js");
+const require_control_flow = require("../dom-WyMgkHne.js");
 //#region src/dom/dynamic-tag-var.feat.ts
 const elementGetter = (branch) => () => require_control_flow._el_read(branch[require_control_flow.StartNode]);
 require_control_flow.installDynamicTagVar((branch) => branch[require_control_flow.TagVariable](elementGetter(branch)));

package/dist/debug/dom/dynamic-tag-var.feat.mjs

@@ -1,4 +1,4 @@
-import { Mn as StartNode, Nn as TagVariable, Ot as _el_read, Xt as DYNAMIC_TAG_VAR_REGISTER_ID, gt as _resume, m as installDynamicTagVar } from "../dom-ky42a_qY.mjs";
+import { Nn as StartNode, Pn as TagVariable, Zt as DYNAMIC_TAG_VAR_REGISTER_ID, gt as _resume, kt as _el_read, m as installDynamicTagVar } from "../dom-CIt3_Sdm.mjs";
 //#region src/dom/dynamic-tag-var.feat.ts
 const elementGetter = (branch) => () => _el_read(branch[StartNode]);
 installDynamicTagVar((branch) => branch[TagVariable](elementGetter(branch)));

package/dist/debug/dom/placeholder.feat.js

@@ -1,5 +1,5 @@
 "use strict";
-const require_control_flow = require("../dom-DBuLwSOh.js");
+const require_control_flow = require("../dom-WyMgkHne.js");
 //#region src/dom/placeholder.feat.ts
 require_control_flow.registeredValues[require_control_flow.PLACEHOLDER_DISMISS_REGISTER_ID] = (tryBranch) => {
 	if (tryBranch["#PlaceholderBranch"]) {

package/dist/debug/dom/placeholder.feat.mjs

@@ -1,4 +1,4 @@
-import { Gt as destroyBranch, St as registeredValues, Zt as PLACEHOLDER_DISMISS_REGISTER_ID, jn as PlaceholderBranch } from "../dom-ky42a_qY.mjs";
+import { Ct as registeredValues, Kt as destroyBranch, Mn as PlaceholderBranch, Qt as PLACEHOLDER_DISMISS_REGISTER_ID } from "../dom-CIt3_Sdm.mjs";
 //#region src/dom/placeholder.feat.ts
 registeredValues[PLACEHOLDER_DISMISS_REGISTER_ID] = (tryBranch) => {
 	if (tryBranch["#PlaceholderBranch"]) {

package/dist/debug/{dom-ky42a_qY.mjs → dom-CIt3_Sdm.mjs}

@@ -859,11 +859,17 @@ const registeredValues = {};
 let curRenders;
 let embedRenders;
 let readyIds;
+let failedIds;
 let lazyEnabled;
 function ready(readyId) {
 	(readyIds ||= /* @__PURE__ */ new Set()).add(readyId);
 	for (const renderId in curRenders) runResumeEffects(curRenders[renderId]);
 }
+function readyFailed(readyId) {
+	if (failedIds?.has(readyId) || readyIds?.has(readyId)) return;
+	(failedIds ||= /* @__PURE__ */ new Set()).add(readyId);
+	console.error(`The lazy module for "${readyId}" failed to load; its server-rendered content cannot become interactive.`);
+}
 function withLazy(runtime) {
 	lazyEnabled = 1;
 	return runtime;
@@ -2077,4 +2083,4 @@ function byFirstArg(name) {
 	return name;
 }
 //#endregion
-export { _attrs_script as $, $signalReset as $t, _attr_input_value_script as A, PendingRenders as An, _for_selector as At, _attr as B, _return_change as Bt, _attr_input_checkedValue_script as C, ClosestBranch as Cn, withLazy as Ct, _attr_input_value_attribute_default as D, Load as Dn, _const as Dt, _attr_input_value as E, Global as En, _closure_get as Et, _controllable_open as F, _if_closure as Ft, _attr_nonce as G, destroyBranch as Gt, _attr_class_item as H, _var as Ht, _controllable_select as I, _let as It, _attr_style_items as J, syncGen as Jt, _attr_style as K, insertBranchBefore as Kt, _controllable_textarea as L, _let_change as Lt, _attr_select_value_default as M, StartNode as Mn, _hoist as Mt, _attr_select_value_script as N, TagVariable as Nn, _hoist_resume as Nt, _attr_input_value_default as O, ParentBranch as On, _el_read as Ot, _controllable_input as P, _id as Pt, _attrs_partial_content as Q, $signal as Qt, controllableRenders as R, _or as Rt, _attr_input_checkedValue_default as S, AwaitCounter as Sn, registeredValues as St, _attr_input_checked_script as T, Gen$1 as Tn, _closure as Tt, _attr_class_items as U, _var_change as Ut, _attr_class as V, _script as Vt, _attr_content as W, _assert_init as Wt, _attrs_content as X, DYNAMIC_TAG_VAR_REGISTER_ID as Xt, _attrs as Y, _on as Yt, _attrs_partial as Z, PLACEHOLDER_DISMISS_REGISTER_ID as Zt, _attr_details_or_dialog_open as _, Owner as _n, _var_resume as _t, _for_in as a, queueEffect as an, _text_content as at, _attr_input_checked as b, Pending as bn, initEmbedded as bt, _for_until as c, runId as cn, toInsertNode as ct, _show as d, forTo as dn, _content_resume as dt, caughtError as en, _html as et, _try as f, forUntil as fn, createAndSetupBranch as ft, renderCatch as g, Clone as gn, _resume as gt, patchDynamicTag as h, _call as hn, _el as ht, _dynamic_tag_content as i, queueAsyncRender as in, _text as it, _attr_select_value as j, PlaceholderBranch as jn, _global_read as jt, _attr_input_value_dynamic_default as k, PendingEffects as kn, _for_closure as kt, _if as l, forIn as ln, _content as lt, installDynamicTagVar as m, _hoist_read_error as mn, setupBranch as mt, _await_promise as n, placeholderShown as nn, _style_rule_item as nt, _for_of as o, run as on, _to_text as ot, addAwaitCounter as p, _assert_hoist as pn, createBranch as pt, _attr_style_item as q, removeAndDestroyBranch as qt, _dynamic_tag as r, prepareEffects as rn, _style_shell as rt, _for_to as s, runEffects as sn, insertChildNodes as st, _await_content as t, installCatch as tn, _lifecycle as tt, _resume_dynamic_tag as u, forOf as un, _content_closures as ut, _attr_details_or_dialog_open_default as v, Params as vn, getRegisteredWithScope as vt, _attr_input_checked_default as w, EndNode as wn, _child_setup as wt, _attr_input_checkedValue as x, Scope as xn, ready as xt, _attr_details_or_dialog_open_script as y, Setup as yn, init as yt, controllableScripts as z, _return as zt };
+export { _attrs_script as $, $signal as $t, _attr_input_value_script as A, PendingEffects as An, _for_closure as At, _attr as B, _return as Bt, _attr_input_checkedValue_script as C, AwaitCounter as Cn, registeredValues as Ct, _attr_input_value_attribute_default as D, Global as Dn, _closure_get as Dt, _attr_input_value as E, Gen$1 as En, _closure as Et, _controllable_open as F, _id as Ft, _attr_nonce as G, _assert_init as Gt, _attr_class_item as H, _script as Ht, _controllable_select as I, _if_closure as It, _attr_style_items as J, removeAndDestroyBranch as Jt, _attr_style as K, destroyBranch as Kt, _controllable_textarea as L, _let as Lt, _attr_select_value_default as M, PlaceholderBranch as Mn, _global_read as Mt, _attr_select_value_script as N, StartNode as Nn, _hoist as Nt, _attr_input_value_default as O, Load as On, _const as Ot, _controllable_input as P, TagVariable as Pn, _hoist_resume as Pt, _attrs_partial_content as Q, PLACEHOLDER_DISMISS_REGISTER_ID as Qt, controllableRenders as R, _let_change as Rt, _attr_input_checkedValue_default as S, Scope as Sn, readyFailed as St, _attr_input_checked_script as T, EndNode as Tn, _child_setup as Tt, _attr_class_items as U, _var as Ut, _attr_class as V, _return_change as Vt, _attr_content as W, _var_change as Wt, _attrs_content as X, _on as Xt, _attrs as Y, syncGen as Yt, _attrs_partial as Z, DYNAMIC_TAG_VAR_REGISTER_ID as Zt, _attr_details_or_dialog_open as _, Clone as _n, _var_resume as _t, _for_in as a, queueAsyncRender as an, _text_content as at, _attr_input_checked as b, Setup as bn, initEmbedded as bt, _for_until as c, runEffects as cn, toInsertNode as ct, _show as d, forOf as dn, _content_resume as dt, $signalReset as en, _html as et, _try as f, forTo as fn, createAndSetupBranch as ft, renderCatch as g, _call as gn, _resume as gt, patchDynamicTag as h, _hoist_read_error as hn, _el as ht, _dynamic_tag_content as i, prepareEffects as in, _text as it, _attr_select_value as j, PendingRenders as jn, _for_selector as jt, _attr_input_value_dynamic_default as k, ParentBranch as kn, _el_read as kt, _if as l, runId as ln, _content as lt, installDynamicTagVar as m, _assert_hoist as mn, setupBranch as mt, _await_promise as n, installCatch as nn, _style_rule_item as nt, _for_of as o, queueEffect as on, _to_text as ot, addAwaitCounter as p, forUntil as pn, createBranch as pt, _attr_style_item as q, insertBranchBefore as qt, _dynamic_tag as r, placeholderShown as rn, _style_shell as rt, _for_to as s, run as sn, insertChildNodes as st, _await_content as t, caughtError as tn, _lifecycle as tt, _resume_dynamic_tag as u, forIn as un, _content_closures as ut, _attr_details_or_dialog_open_default as v, Owner as vn, getRegisteredWithScope as vt, _attr_input_checked_default as w, ClosestBranch as wn, withLazy as wt, _attr_input_checkedValue as x, Pending as xn, ready as xt, _attr_details_or_dialog_open_script as y, Params as yn, init as yt, controllableScripts as z, _or as zt };

package/dist/debug/{dom-DBuLwSOh.js → dom-WyMgkHne.js}

@@ -860,11 +860,17 @@ const registeredValues = {};
 let curRenders;
 let embedRenders;
 let readyIds;
+let failedIds;
 let lazyEnabled;
 function ready(readyId) {
 	(readyIds ||= /* @__PURE__ */ new Set()).add(readyId);
 	for (const renderId in curRenders) runResumeEffects(curRenders[renderId]);
 }
+function readyFailed(readyId) {
+	if (failedIds?.has(readyId) || readyIds?.has(readyId)) return;
+	(failedIds ||= /* @__PURE__ */ new Set()).add(readyId);
+	console.error(`The lazy module for "${readyId}" failed to load; its server-rendered content cannot become interactive.`);
+}
 function withLazy(runtime) {
 	lazyEnabled = 1;
 	return runtime;
@@ -2864,6 +2870,12 @@ Object.defineProperty(exports, "ready", {
 		return ready;
 	}
 });
+Object.defineProperty(exports, "readyFailed", {
+	enumerable: true,
+	get: function() {
+		return readyFailed;
+	}
+});
 Object.defineProperty(exports, "registeredValues", {
 	enumerable: true,
 	get: function() {

package/dist/debug/dom.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_control_flow = require("./dom-DBuLwSOh.js");
+const require_control_flow = require("./dom-WyMgkHne.js");
 //#region src/common/attr-tag.ts
 const empty = [];
 const rest = Symbol("Attribute Tag");
@@ -413,4 +413,5 @@ exports.forUntil = require_control_flow.forUntil;
 exports.init = require_control_flow.init;
 exports.initEmbedded = require_control_flow.initEmbedded;
 exports.ready = require_control_flow.ready;
+exports.readyFailed = require_control_flow.readyFailed;
 exports.run = require_control_flow.run;

package/dist/debug/dom.mjs

@@ -1,4 +1,4 @@
-import { $ as _attrs_script, $t as $signalReset, A as _attr_input_value_script, At as _for_selector, B as _attr, Bt as _return_change, C as _attr_input_checkedValue_script, Ct as withLazy, D as _attr_input_value_attribute_default, Dn as Load, Dt as _const, E as _attr_input_value, En as Global, Et as _closure_get, F as _controllable_open, Ft as _if_closure, G as _attr_nonce, Gt as destroyBranch, H as _attr_class_item, Ht as _var, I as _controllable_select, It as _let, J as _attr_style_items, Jt as syncGen, K as _attr_style, Kt as insertBranchBefore, L as _controllable_textarea, Lt as _let_change, M as _attr_select_value_default, Mn as StartNode, Mt as _hoist, N as _attr_select_value_script, Nn as TagVariable, Nt as _hoist_resume, O as _attr_input_value_default, Ot as _el_read, P as _controllable_input, Pt as _id, Q as _attrs_partial_content, Qt as $signal, Rt as _or, S as _attr_input_checkedValue_default, T as _attr_input_checked_script, Tt as _closure, U as _attr_class_items, Ut as _var_change, V as _attr_class, Vt as _script, W as _attr_content, Wt as _assert_init, X as _attrs_content, Y as _attrs, Yt as _on, Z as _attrs_partial, _ as _attr_details_or_dialog_open, _n as Owner, _t as _var_resume, a as _for_in, an as queueEffect, at as _text_content, b as _attr_input_checked, bt as initEmbedded, c as _for_until, cn as runId, ct as toInsertNode, d as _show, dn as forTo, dt as _content_resume, et as _html, f as _try, fn as forUntil, ft as createAndSetupBranch, g as renderCatch, gn as Clone, gt as _resume, h as patchDynamicTag, hn as _call, ht as _el, i as _dynamic_tag_content, in as queueAsyncRender, it as _text, j as _attr_select_value, jt as _global_read, k as _attr_input_value_dynamic_default, kt as _for_closure, l as _if, ln as forIn, lt as _content, mn as _hoist_read_error, mt as setupBranch, n as _await_promise, nt as _style_rule_item, o as _for_of, on as run, ot as _to_text, p as addAwaitCounter, pn as _assert_hoist, pt as createBranch, q as _attr_style_item, qt as removeAndDestroyBranch, r as _dynamic_tag, rn as prepareEffects, rt as _style_shell, s as _for_to, sn as runEffects, st as insertChildNodes, t as _await_content, tt as _lifecycle, u as _resume_dynamic_tag, un as forOf, ut as _content_closures, v as _attr_details_or_dialog_open_default, vn as Params, vt as getRegisteredWithScope, w as _attr_input_checked_default, wn as EndNode, wt as _child_setup, x as _attr_input_checkedValue, xt as ready, y as _attr_details_or_dialog_open_script, yn as Setup, yt as init, zt as _return } from "./dom-ky42a_qY.mjs";
+import { $ as _attrs_script, $t as $signal, A as _attr_input_value_script, At as _for_closure, B as _attr, Bt as _return, C as _attr_input_checkedValue_script, D as _attr_input_value_attribute_default, Dn as Global, Dt as _closure_get, E as _attr_input_value, Et as _closure, F as _controllable_open, Ft as _id, G as _attr_nonce, Gt as _assert_init, H as _attr_class_item, Ht as _script, I as _controllable_select, It as _if_closure, J as _attr_style_items, Jt as removeAndDestroyBranch, K as _attr_style, Kt as destroyBranch, L as _controllable_textarea, Lt as _let, M as _attr_select_value_default, Mt as _global_read, N as _attr_select_value_script, Nn as StartNode, Nt as _hoist, O as _attr_input_value_default, On as Load, Ot as _const, P as _controllable_input, Pn as TagVariable, Pt as _hoist_resume, Q as _attrs_partial_content, Rt as _let_change, S as _attr_input_checkedValue_default, St as readyFailed, T as _attr_input_checked_script, Tn as EndNode, Tt as _child_setup, U as _attr_class_items, Ut as _var, V as _attr_class, Vt as _return_change, W as _attr_content, Wt as _var_change, X as _attrs_content, Xt as _on, Y as _attrs, Yt as syncGen, Z as _attrs_partial, _ as _attr_details_or_dialog_open, _n as Clone, _t as _var_resume, a as _for_in, an as queueAsyncRender, at as _text_content, b as _attr_input_checked, bn as Setup, bt as initEmbedded, c as _for_until, cn as runEffects, ct as toInsertNode, d as _show, dn as forOf, dt as _content_resume, en as $signalReset, et as _html, f as _try, fn as forTo, ft as createAndSetupBranch, g as renderCatch, gn as _call, gt as _resume, h as patchDynamicTag, hn as _hoist_read_error, ht as _el, i as _dynamic_tag_content, in as prepareEffects, it as _text, j as _attr_select_value, jt as _for_selector, k as _attr_input_value_dynamic_default, kt as _el_read, l as _if, ln as runId, lt as _content, mn as _assert_hoist, mt as setupBranch, n as _await_promise, nt as _style_rule_item, o as _for_of, on as queueEffect, ot as _to_text, p as addAwaitCounter, pn as forUntil, pt as createBranch, q as _attr_style_item, qt as insertBranchBefore, r as _dynamic_tag, rt as _style_shell, s as _for_to, sn as run, st as insertChildNodes, t as _await_content, tt as _lifecycle, u as _resume_dynamic_tag, un as forIn, ut as _content_closures, v as _attr_details_or_dialog_open_default, vn as Owner, vt as getRegisteredWithScope, w as _attr_input_checked_default, wt as withLazy, x as _attr_input_checkedValue, xt as ready, y as _attr_details_or_dialog_open_script, yn as Params, yt as init, zt as _or } from "./dom-CIt3_Sdm.mjs";
 //#region src/common/attr-tag.ts
 const empty = [];
 const rest = Symbol("Attribute Tag");
@@ -294,4 +294,4 @@ function getSelectorOrResolve(selector, resolve) {
 	return document.querySelector(selector) || (console.warn(`A lazy load trigger could not find an element matching "${selector}". The module was loaded immediately.`), 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, _global_read, _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 };
+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, _global_read, _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, readyFailed, run };

package/dist/debug/html.js

@@ -300,16 +300,16 @@ function _escape_comment(val) {
 //#endregion
 //#region src/html/serializer.ts
 const K_SCOPE_ID = Symbol("Scope ID");
-const kTouchedIterator = Symbol.for("marko.touchedIterator");
+const kTouchedIterator = /* @__PURE__ */ Symbol.for("marko.touchedIterator");
 const { hasOwnProperty } = {};
 const objectProto = Object.prototype;
 const arrayProto = Array.prototype;
-const Generator = (function* () {})().constructor;
-const AsyncGenerator = (async function* () {})().constructor;
+const Generator = (/* @__PURE__ */ (function* () {})()).constructor;
+const AsyncGenerator = (/* @__PURE__ */ (async function* () {})()).constructor;
 patchIteratorNext(Generator.prototype);
 patchIteratorNext(AsyncGenerator.prototype);
 const REGISTRY = /* @__PURE__ */ new WeakMap();
-const KNOWN_SYMBOLS = (() => {
+const KNOWN_SYMBOLS = /* @__PURE__ */ (() => {
 	const KNOWN_SYMBOLS = /* @__PURE__ */ new Map();
 	for (const name of Object.getOwnPropertyNames(Symbol)) {
 		const symbol = Symbol[name];
@@ -317,7 +317,7 @@ const KNOWN_SYMBOLS = (() => {
 	}
 	return KNOWN_SYMBOLS;
 })();
-const KNOWN_FUNCTIONS = /* @__PURE__ */ new Map([
+const KNOWN_FUNCTIONS = /* @__PURE__ */ (() => /* @__PURE__ */ new Map([
 	[AggregateError, "AggregateError"],
 	[Array, "Array"],
 	[Array.from, "Array.from"],
@@ -535,8 +535,8 @@ const KNOWN_FUNCTIONS = /* @__PURE__ */ new Map([
 	[URIError, "URIError"],
 	[WeakMap, "WeakMap"],
 	[WeakSet, "WeakSet"]
-]);
-const KNOWN_OBJECTS = /* @__PURE__ */ new Map([
+]))();
+const KNOWN_OBJECTS = /* @__PURE__ */ (() => /* @__PURE__ */ new Map([
 	[Atomics, "Atomics"],
 	[console, "console"],
 	[globalThis, "globalThis"],
@@ -545,7 +545,7 @@ const KNOWN_OBJECTS = /* @__PURE__ */ new Map([
 	[JSON, "JSON"],
 	[Math, "Math"],
 	[Reflect, "Reflect"]
-]);
+]))();
 var State$1 = class {
 	ids = 0;
 	flushId = 0;
@@ -1011,7 +1011,8 @@ const replaceUnsafeRegExpSourceChar = (match) => {
 };
 function writeRegExp(state, val) {
 	const { source } = val;
-	state.buf.push("/" + (unsafeRegExpSourceDetect.test(source) ? source.replace(unsafeRegExpSourceReg, replaceUnsafeRegExpSourceChar) : source) + "/" + val.flags);
+	if (source.includes("<")) state.buf.push(`RegExp(${quote(source, 0)}${val.flags ? ",\"" + val.flags + "\"" : ""})`);
+	else state.buf.push("/" + (unsafeRegExpSourceDetect.test(source) ? source.replace(unsafeRegExpSourceReg, replaceUnsafeRegExpSourceChar) : source) + "/" + val.flags);
 	return true;
 }
 function writePromise(state, val, ref) {
@@ -2314,7 +2315,7 @@ function tryCatch(content, catchContent) {
 	const chunk = $chunk;
 	const { boundary } = chunk;
 	const { state } = boundary;
-	const catchBoundary = new Boundary(state, void 0, boundary);
+	const catchBoundary = new Boundary(state, boundary.signal, boundary);
 	const body = chunk.fork(catchBoundary, null);
 	const bodyEnd = body.render(content);
 	if (catchBoundary.signal.aborted) {
@@ -3149,7 +3150,7 @@ function _content(id, fn, scopeId) {
 function _content_resume(id, fn, scopeId) {
 	return _resume(_content(id, fn, scopeId), id, scopeId);
 }
-const patchDynamicTag = ((originalDynamicTag) => (patch) => {
+const patchDynamicTag = /* @__PURE__ */ ((originalDynamicTag) => (patch) => {
 	_dynamic_tag = (scopeId, accessor, tag, input, content, inputIsArgs, resume) => {
 		const patched = patch(tag, scopeId, accessor);
 		if (patched !== tag) patched["id"] = tag;
@@ -3439,7 +3440,7 @@ function flush(g, html) {
 		const { id, triggers } = assets[di];
 		const deferHTML = assetFlush(g, "defer", id);
 		if (triggers) {
-			if (deferHTML) writeTriggerScript(deferHTML, triggers);
+			if (deferHTML) writeTriggerScript(id, deferHTML, triggers);
 		} else result += deferHTML;
 	}
 	g[kBlockIndex] = bi;
@@ -3463,8 +3464,9 @@ function addAsset(g, id, triggers) {
 		if (JSON.stringify(existing.triggers) !== JSON.stringify(triggers)) console.error(`The lazy asset "${id}" is imported with different \`load\` triggers; an asset must use one consistent trigger.`);
 	}
 }
-function writeTriggerScript(html, triggers) {
+function writeTriggerScript(id, html, triggers) {
 	const htmlStr = _escape_script(JSON.stringify(html));
+	const insert = `(d=new Range().createContextualFragment(h),d.querySelectorAll("script").forEach(s=>s.onerror=()=>console.error(${_escape_script(JSON.stringify(`The lazy module for "${id}" failed to load; its server-rendered content cannot become interactive.`))})),p.after(d))`;
 	const exprs = triggers.map((trigger) => {
 		const options = trigger.options && toObjectExpression(trigger.options);
 		switch (trigger.type) {
@@ -3474,7 +3476,7 @@ function writeTriggerScript(html, triggers) {
 			default: return `(e=>e?.addEventListener("${trigger.type.slice(3)}",l,{once:1}))(${querySelectorOrLoad(trigger.selector)})`;
 		}
 	});
-	writeScript(`((p,h,d,l=$=>{d||p.after(new Range().createContextualFragment(d=h))})=>${exprs.length > 1 ? `{${exprs.join(";")}}` : exprs[0]})(document.currentScript,${htmlStr})`);
+	writeScript(`((p,h,d,l=$=>{d||${insert}})=>${exprs.length > 1 ? `{${exprs.join(";")}}` : exprs[0]})(document.currentScript,${htmlStr})`);
 }
 function querySelectorOrLoad(selector) {
 	return `document.querySelector(${JSON.stringify(selector)})||${`(console.warn(${JSON.stringify(`A lazy load trigger could not find an element matching "${selector}". The module was loaded immediately.`)}),l())`}`;

package/dist/debug/html.mjs

@@ -298,16 +298,16 @@ function _escape_comment(val) {
 //#endregion
 //#region src/html/serializer.ts
 const K_SCOPE_ID = Symbol("Scope ID");
-const kTouchedIterator = Symbol.for("marko.touchedIterator");
+const kTouchedIterator = /* @__PURE__ */ Symbol.for("marko.touchedIterator");
 const { hasOwnProperty } = {};
 const objectProto = Object.prototype;
 const arrayProto = Array.prototype;
-const Generator = (function* () {})().constructor;
-const AsyncGenerator = (async function* () {})().constructor;
+const Generator = (/* @__PURE__ */ (function* () {})()).constructor;
+const AsyncGenerator = (/* @__PURE__ */ (async function* () {})()).constructor;
 patchIteratorNext(Generator.prototype);
 patchIteratorNext(AsyncGenerator.prototype);
 const REGISTRY = /* @__PURE__ */ new WeakMap();
-const KNOWN_SYMBOLS = (() => {
+const KNOWN_SYMBOLS = /* @__PURE__ */ (() => {
 	const KNOWN_SYMBOLS = /* @__PURE__ */ new Map();
 	for (const name of Object.getOwnPropertyNames(Symbol)) {
 		const symbol = Symbol[name];
@@ -315,7 +315,7 @@ const KNOWN_SYMBOLS = (() => {
 	}
 	return KNOWN_SYMBOLS;
 })();
-const KNOWN_FUNCTIONS = /* @__PURE__ */ new Map([
+const KNOWN_FUNCTIONS = /* @__PURE__ */ (() => /* @__PURE__ */ new Map([
 	[AggregateError, "AggregateError"],
 	[Array, "Array"],
 	[Array.from, "Array.from"],
@@ -533,8 +533,8 @@ const KNOWN_FUNCTIONS = /* @__PURE__ */ new Map([
 	[URIError, "URIError"],
 	[WeakMap, "WeakMap"],
 	[WeakSet, "WeakSet"]
-]);
-const KNOWN_OBJECTS = /* @__PURE__ */ new Map([
+]))();
+const KNOWN_OBJECTS = /* @__PURE__ */ (() => /* @__PURE__ */ new Map([
 	[Atomics, "Atomics"],
 	[console, "console"],
 	[globalThis, "globalThis"],
@@ -543,7 +543,7 @@ const KNOWN_OBJECTS = /* @__PURE__ */ new Map([
 	[JSON, "JSON"],
 	[Math, "Math"],
 	[Reflect, "Reflect"]
-]);
+]))();
 var State$1 = class {
 	ids = 0;
 	flushId = 0;
@@ -1009,7 +1009,8 @@ const replaceUnsafeRegExpSourceChar = (match) => {
 };
 function writeRegExp(state, val) {
 	const { source } = val;
-	state.buf.push("/" + (unsafeRegExpSourceDetect.test(source) ? source.replace(unsafeRegExpSourceReg, replaceUnsafeRegExpSourceChar) : source) + "/" + val.flags);
+	if (source.includes("<")) state.buf.push(`RegExp(${quote(source, 0)}${val.flags ? ",\"" + val.flags + "\"" : ""})`);
+	else state.buf.push("/" + (unsafeRegExpSourceDetect.test(source) ? source.replace(unsafeRegExpSourceReg, replaceUnsafeRegExpSourceChar) : source) + "/" + val.flags);
 	return true;
 }
 function writePromise(state, val, ref) {
@@ -2312,7 +2313,7 @@ function tryCatch(content, catchContent) {
 	const chunk = $chunk;
 	const { boundary } = chunk;
 	const { state } = boundary;
-	const catchBoundary = new Boundary(state, void 0, boundary);
+	const catchBoundary = new Boundary(state, boundary.signal, boundary);
 	const body = chunk.fork(catchBoundary, null);
 	const bodyEnd = body.render(content);
 	if (catchBoundary.signal.aborted) {
@@ -3147,7 +3148,7 @@ function _content(id, fn, scopeId) {
 function _content_resume(id, fn, scopeId) {
 	return _resume(_content(id, fn, scopeId), id, scopeId);
 }
-const patchDynamicTag = ((originalDynamicTag) => (patch) => {
+const patchDynamicTag = /* @__PURE__ */ ((originalDynamicTag) => (patch) => {
 	_dynamic_tag = (scopeId, accessor, tag, input, content, inputIsArgs, resume) => {
 		const patched = patch(tag, scopeId, accessor);
 		if (patched !== tag) patched["id"] = tag;
@@ -3437,7 +3438,7 @@ function flush(g, html) {
 		const { id, triggers } = assets[di];
 		const deferHTML = assetFlush(g, "defer", id);
 		if (triggers) {
-			if (deferHTML) writeTriggerScript(deferHTML, triggers);
+			if (deferHTML) writeTriggerScript(id, deferHTML, triggers);
 		} else result += deferHTML;
 	}
 	g[kBlockIndex] = bi;
@@ -3461,8 +3462,9 @@ function addAsset(g, id, triggers) {
 		if (JSON.stringify(existing.triggers) !== JSON.stringify(triggers)) console.error(`The lazy asset "${id}" is imported with different \`load\` triggers; an asset must use one consistent trigger.`);
 	}
 }
-function writeTriggerScript(html, triggers) {
+function writeTriggerScript(id, html, triggers) {
 	const htmlStr = _escape_script(JSON.stringify(html));
+	const insert = `(d=new Range().createContextualFragment(h),d.querySelectorAll("script").forEach(s=>s.onerror=()=>console.error(${_escape_script(JSON.stringify(`The lazy module for "${id}" failed to load; its server-rendered content cannot become interactive.`))})),p.after(d))`;
 	const exprs = triggers.map((trigger) => {
 		const options = trigger.options && toObjectExpression(trigger.options);
 		switch (trigger.type) {
@@ -3472,7 +3474,7 @@ function writeTriggerScript(html, triggers) {
 			default: return `(e=>e?.addEventListener("${trigger.type.slice(3)}",l,{once:1}))(${querySelectorOrLoad(trigger.selector)})`;
 		}
 	});
-	writeScript(`((p,h,d,l=$=>{d||p.after(new Range().createContextualFragment(d=h))})=>${exprs.length > 1 ? `{${exprs.join(";")}}` : exprs[0]})(document.currentScript,${htmlStr})`);
+	writeScript(`((p,h,d,l=$=>{d||${insert}})=>${exprs.length > 1 ? `{${exprs.join(";")}}` : exprs[0]})(document.currentScript,${htmlStr})`);
 }
 function querySelectorOrLoad(selector) {
 	return `document.querySelector(${JSON.stringify(selector)})||${`(console.warn(${JSON.stringify(`A lazy load trigger could not find an element matching "${selector}". The module was loaded immediately.`)}),l())`}`;

package/dist/dom/catch.feat.js

@@ -1,12 +1,12 @@
-let require_control_flow = require("../dom-DHJCbngT.js"), handlePendingTry = (fn, scope, branch) => {
+let require_control_flow = require("../dom-R3sALHJt.js"), handlePendingTry = (fn, scope, branch) => {
 	for (; branch;) {
 		if (branch.O?.i) return (branch.J ||= []).push(fn, scope);
 		branch = branch.N;
 	}
 };
 //#region src/dom/catch.feat.ts
-require_control_flow.$t((runEffects) => (effects, checkPending = require_control_flow.en.has(effects)) => {
-	if (checkPending || require_control_flow.Qt.has(effects)) {
+require_control_flow.en((runEffects) => (effects, checkPending = require_control_flow.tn.has(effects)) => {
+	if (checkPending || require_control_flow.$t.has(effects)) {
 		let i = 0, fn, scope, branch;
 		for (; i < effects.length;) fn = effects[i++], scope = effects[i++], (branch = scope.F)?.H !== 0 && !(checkPending && handlePendingTry(fn, scope, branch)) && fn(scope);
 	} else runEffects(effects);

package/dist/dom/catch.feat.mjs

@@ -4,7 +4,7 @@ let handlePendingTry = (fn, scope, branch) => {
 		branch = branch.N;
 	}
 };
-import { $t as installCatch, Qt as caughtError, en as placeholderShown, g as renderCatch } from "../dom-BSAs0ur8.mjs";
+import { $t as caughtError, en as installCatch, g as renderCatch, tn as placeholderShown } from "../dom-DN6BTUmH.mjs";
 //#region src/dom/catch.feat.ts
 installCatch((runEffects) => (effects, checkPending = placeholderShown.has(effects)) => {
 	if (checkPending || caughtError.has(effects)) {

package/dist/dom/controllable-input.feat.js

@@ -1,3 +1,3 @@
-let require_control_flow = require("../dom-DHJCbngT.js");
+let require_control_flow = require("../dom-R3sALHJt.js");
 require_control_flow.z[0] = require_control_flow.T, require_control_flow.z[1] = require_control_flow.C, require_control_flow.z[2] = require_control_flow.A;
 //#endregion

package/dist/dom/controllable-input.feat.mjs

@@ -1,3 +1,3 @@
-import { A as _attr_input_value_script, C as _attr_input_checkedValue_script, T as _attr_input_checked_script, z as controllableScripts } from "../dom-BSAs0ur8.mjs";
+import { A as _attr_input_value_script, C as _attr_input_checkedValue_script, T as _attr_input_checked_script, z as controllableScripts } from "../dom-DN6BTUmH.mjs";
 controllableScripts[0] = _attr_input_checked_script, controllableScripts[1] = _attr_input_checkedValue_script, controllableScripts[2] = _attr_input_value_script;
 //#endregion

package/dist/dom/controllable-open.feat.js

@@ -1,4 +1,4 @@
-let require_control_flow = require("../dom-DHJCbngT.js");
+let require_control_flow = require("../dom-R3sALHJt.js");
 //#region src/dom/controllable-open.feat.ts
 require_control_flow.z[4] = require_control_flow.y;
 //#endregion

package/dist/dom/controllable-open.feat.mjs

@@ -1,4 +1,4 @@
-import { y as _attr_details_or_dialog_open_script, z as controllableScripts } from "../dom-BSAs0ur8.mjs";
+import { y as _attr_details_or_dialog_open_script, z as controllableScripts } from "../dom-DN6BTUmH.mjs";
 //#region src/dom/controllable-open.feat.ts
 controllableScripts[4] = _attr_details_or_dialog_open_script;
 //#endregion

package/dist/dom/controllable-select.feat.js

@@ -1,4 +1,4 @@
-let require_control_flow = require("../dom-DHJCbngT.js");
+let require_control_flow = require("../dom-R3sALHJt.js");
 //#region src/dom/controllable-select.feat.ts
 require_control_flow.z[3] = require_control_flow.N;
 //#endregion

package/dist/dom/controllable-select.feat.mjs

@@ -1,4 +1,4 @@
-import { N as _attr_select_value_script, z as controllableScripts } from "../dom-BSAs0ur8.mjs";
+import { N as _attr_select_value_script, z as controllableScripts } from "../dom-DN6BTUmH.mjs";
 //#region src/dom/controllable-select.feat.ts
 controllableScripts[3] = _attr_select_value_script;
 //#endregion

package/dist/dom/controllable-textarea.feat.js

@@ -1,4 +1,4 @@
-let require_control_flow = require("../dom-DHJCbngT.js");
+let require_control_flow = require("../dom-R3sALHJt.js");
 //#region src/dom/controllable-textarea.feat.ts
 require_control_flow.z[2] = require_control_flow.A;
 //#endregion

package/dist/dom/controllable-textarea.feat.mjs

@@ -1,4 +1,4 @@
-import { A as _attr_input_value_script, z as controllableScripts } from "../dom-BSAs0ur8.mjs";
+import { A as _attr_input_value_script, z as controllableScripts } from "../dom-DN6BTUmH.mjs";
 //#region src/dom/controllable-textarea.feat.ts
 controllableScripts[2] = _attr_input_value_script;
 //#endregion

package/dist/dom/controllable.feat.js

@@ -1,3 +1,3 @@
-let require_control_flow = require("../dom-DHJCbngT.js");
+let require_control_flow = require("../dom-R3sALHJt.js");
 require("./controllable-input.feat.js"), require("./controllable-open.feat.js"), require("./controllable-select.feat.js"), require_control_flow.R.INPUT = require_control_flow.P, require_control_flow.R.TEXTAREA = require_control_flow.L, require_control_flow.R.SELECT = require_control_flow.I, require_control_flow.R.DETAILS = require_control_flow.R.DIALOG = require_control_flow.F;
 //#endregion