marko 6.4.0 → 6.4.1

package/cheatsheet.md

@@ -128,7 +128,7 @@ Don't fetch while rendering: start data loads early, pass the promise through th
 ```
 
 - Repeated attr tags (many `<@tab ...>`) arrive as the singular prop `input.tab`: the first tab's attrs, made iterable, not an array: `input.tab[i]` and `input.tab.length` are undefined. To index or count, spread first: `<const/tabs=[...input.tab ?? []]>` then `tabs[active]`/`tabs.length`. Looping directly is fine: `<for|tab| of=input.tab>`.
-- Text: `0` renders; `false`/`null`/`undefined`/`""`/`NaN` render nothing. `$!{html}` inserts raw HTML.
+- Text: `0` renders; `false`/`null`/`undefined`/`""`/`NaN` render nothing. `$!{html}` inserts raw HTML; it must be a balanced fragment (no truncated excerpts), or updating it after SSR removes the wrong nodes.
 - 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 }`); camelCase keys are written verbatim. `...input` spreads attrs onto a tag; `content=` passes body content as an attr.
 - `<define/Panel|input|>` declares a local tag inline; `<${Toolbar.Undo}/>` renders a dynamic tag (falsy name → content only).

package/dist/common/constants/accessor-prefix.d.ts

@@ -7,6 +7,7 @@ export declare const ControlledHandler = "E";
 export declare const ControlledType = "F";
 export declare const ControlledValue = "G";
 export declare const DynamicHTMLLastChild = "H";
+export declare const DynamicHTMLValue = "R";
 export declare const EventAttributes = "I";
 export declare const IdFallback = "J";
 export declare const KeyedScopes = "O";

package/dist/common/constants/accessor-prefix.debug.d.ts

@@ -7,6 +7,7 @@ export declare const ControlledHandler = "ControlledHandler:";
 export declare const ControlledType = "ControlledType:";
 export declare const ControlledValue = "ControlledValue:";
 export declare const DynamicHTMLLastChild = "DynamicHTMLLastChild:";
+export declare const DynamicHTMLValue = "DynamicHTMLValue:";
 export declare const EventAttributes = "EventAttributes:";
 export declare const IdFallback = "IdFallback:";
 export declare const KeyedScopes = "KeyedScopes:";

package/dist/common/constants/reserved-id.d.ts

@@ -0,0 +1,5 @@
+export declare const ChangeHandler = 1;
+export declare const ScopeOffset = 1;
+type Self = typeof import("./reserved-id");
+export type Value = Self[keyof Self];
+export {};

package/dist/common/errors.d.ts

@@ -8,7 +8,7 @@ export declare function assertValidAttrName(name: string): void;
 export declare function _el_read_error(): void;
 export declare function _hoist_read_error(): void;
 export declare function _assert_hoist(value: unknown): void;
-export declare function assertExclusiveAttrs(attrs: Record<string, unknown> | undefined, onError?: typeof throwErr): void;
+export declare function assertExclusiveAttrs(attrs: Record<string, unknown> | undefined, onError?: typeof throwErr, isSet?: (value: unknown) => unknown): void;
 export declare function assertNoValueBindingOnCheckable(type: unknown, valueChange: unknown): void;
 export declare function assertHandlerIsFunction(name: string, value: unknown): void;
 export declare function assertValidTagName(tagName: string): void;

package/dist/common/types.d.ts

@@ -4,6 +4,7 @@ import type { SignalFn } from "../dom/signals";
 import type { AccessorProp } from "./accessor.debug";
 import * as ControlledType from "./constants/controlled-type";
 import * as NodeType from "./constants/node-type";
+import * as ReservedId from "./constants/reserved-id";
 import * as ResumeSymbol from "./constants/resume-symbol";
 import * as WalkCode from "./constants/walk-code";
 import * as WalkRangeSize from "./constants/walk-range-size";
@@ -53,6 +54,8 @@ type WalkCode = WalkCode.Value;
 export { WalkCode };
 type WalkRangeSize = WalkRangeSize.Value;
 export { WalkRangeSize };
+type ReservedId = ReservedId.Value;
+export { ReservedId };
 export type Accessor = string;
 export type EncodedAccessor = number | string;
 export interface $Global {

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

@@ -1,5 +1,5 @@
 "use strict";
-const require_control_flow = require("../dom-BRO5aArp.js");
+const require_control_flow = require("../dom-ClV4kVOO.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 { Dn as Scope, En as Pending, Fn as PendingEffectScopes, In as PendingEffects, Ln as PendingRenders, Pn as ParentBranch, an as installCatch, b as runPendingEffects, cn as queueEffect, kn as ClosestBranch, sn as queueAsyncRender, y as renderCatch } from "../dom-Btj2QJhk.mjs";
+import { Dn as Scope, En as Pending, Fn as PendingEffectScopes, In as PendingEffects, Ln as PendingRenders, Pn as ParentBranch, an as installCatch, b as runPendingEffects, cn as queueEffect, kn as ClosestBranch, sn as queueAsyncRender, y as renderCatch } from "../dom-LFrKxOk5.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-BRO5aArp.js");
+const require_control_flow = require("../dom-ClV4kVOO.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 { D as _attr_input_checkedValue_script, P as _attr_input_value_script, U as controllableScripts, k as _attr_input_checked_script } from "../dom-Btj2QJhk.mjs";
+import { D as _attr_input_checkedValue_script, P as _attr_input_value_script, U as controllableScripts, k as _attr_input_checked_script } from "../dom-LFrKxOk5.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-BRO5aArp.js");
+const require_control_flow = require("../dom-ClV4kVOO.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 { C as _attr_details_or_dialog_open_script, U as controllableScripts } from "../dom-Btj2QJhk.mjs";
+import { C as _attr_details_or_dialog_open_script, U as controllableScripts } from "../dom-LFrKxOk5.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-BRO5aArp.js");
+const require_control_flow = require("../dom-ClV4kVOO.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 { L as _attr_select_value_script, U as controllableScripts } from "../dom-Btj2QJhk.mjs";
+import { L as _attr_select_value_script, U as controllableScripts } from "../dom-LFrKxOk5.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-BRO5aArp.js");
+const require_control_flow = require("../dom-ClV4kVOO.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 { P as _attr_input_value_script, U as controllableScripts } from "../dom-Btj2QJhk.mjs";
+import { P as _attr_input_value_script, U as controllableScripts } from "../dom-LFrKxOk5.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-BRO5aArp.js");
+const require_control_flow = require("../dom-ClV4kVOO.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 { B as _controllable_select, H as controllableRenders, R as _controllable_input, V as _controllable_textarea, z as _controllable_open } from "../dom-Btj2QJhk.mjs";
+import { B as _controllable_select, H as controllableRenders, R as _controllable_input, V as _controllable_textarea, z as _controllable_open } from "../dom-LFrKxOk5.mjs";
 import "./controllable-input.feat.mjs";
 import "./controllable-open.feat.mjs";
 import "./controllable-select.feat.mjs";

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

@@ -1,5 +1,5 @@
 "use strict";
-const require_control_flow = require("../dom-BRO5aArp.js");
+const require_control_flow = require("../dom-ClV4kVOO.js");
 //#region src/dom/dynamic-tag-script.feat.ts
 require_control_flow._resumed[require_control_flow.DYNAMIC_TAG_SCRIPT_REGISTER_ID] = require_control_flow.withBranches(require_control_flow.dynamicTagScript);
 //#endregion

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

@@ -1,4 +1,4 @@
-import { en as DYNAMIC_TAG_SCRIPT_REGISTER_ID, g as dynamicTagScript, xn as withBranches, xt as _resumed } from "../dom-Btj2QJhk.mjs";
+import { en as DYNAMIC_TAG_SCRIPT_REGISTER_ID, g as dynamicTagScript, xn as withBranches, xt as _resumed } from "../dom-LFrKxOk5.mjs";
 //#region src/dom/dynamic-tag-script.feat.ts
 _resumed[DYNAMIC_TAG_SCRIPT_REGISTER_ID] = withBranches(dynamicTagScript);
 //#endregion

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

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

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

@@ -1,4 +1,4 @@
-import { Bn as TagVariable, Nt as _el_read, _ as installDynamicTagVar, zn as StartNode } from "../dom-Btj2QJhk.mjs";
+import { Bn as TagVariable, Nt as _el_read, _ as installDynamicTagVar, zn as StartNode } from "../dom-LFrKxOk5.mjs";
 //#region src/dom/dynamic-tag-var.feat.ts
 installDynamicTagVar((branch) => branch[TagVariable](() => _el_read(branch[StartNode])));
 //#endregion

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

@@ -1,4 +1,4 @@
 "use strict";
 //#region src/dom/lazy.feat.ts
-require("../dom-BRO5aArp.js").withLazy();
+require("../dom-ClV4kVOO.js").withLazy();
 //#endregion

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

@@ -1,4 +1,4 @@
-import { Ot as withLazy } from "../dom-Btj2QJhk.mjs";
+import { Ot as withLazy } from "../dom-LFrKxOk5.mjs";
 //#region src/dom/lazy.feat.ts
 withLazy();
 //#endregion

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

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

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

@@ -1,4 +1,4 @@
-import { Rn as PlaceholderBranch, Xt as destroyBranch, tn as PLACEHOLDER_DISMISS_REGISTER_ID, xt as _resumed } from "../dom-Btj2QJhk.mjs";
+import { Rn as PlaceholderBranch, Xt as destroyBranch, tn as PLACEHOLDER_DISMISS_REGISTER_ID, xt as _resumed } from "../dom-LFrKxOk5.mjs";
 //#region src/dom/placeholder.feat.ts
 _resumed[PLACEHOLDER_DISMISS_REGISTER_ID] = (tryBranch) => {
 	if (tryBranch["#PlaceholderBranch"]) {

package/dist/debug/{dom-BRO5aArp.js → dom-ClV4kVOO.js}

@@ -9,6 +9,7 @@ const ControlledHandler = "ControlledHandler:";
 const ControlledType = "ControlledType:";
 const ControlledValue = "ControlledValue:";
 const DynamicHTMLLastChild = "DynamicHTMLLastChild:";
+const DynamicHTMLValue = "DynamicHTMLValue:";
 const EventAttributes = "EventAttributes:";
 const KeyedScopes = "KeyedScopes:";
 const Lifecycle = "Lifecycle:";
@@ -256,18 +257,18 @@ function _hoist_read_error() {
 function _assert_hoist(value) {
 	if (value !== void 0 && typeof value !== "function") throw new Error(`Hoisted values must be functions, received type "${typeof value}".`);
 }
-function assertExclusiveAttrs(attrs, onError = throwErr) {
+function assertExclusiveAttrs(attrs, onError = throwErr, isSet = isTruthy) {
 	if (attrs) {
 		let exclusiveAttrs;
-		if (attrs.checkedChange) (exclusiveAttrs ||= []).push("checkedChange");
+		if (isSet(attrs.checkedChange)) (exclusiveAttrs ||= []).push("checkedChange");
 		if ("checkedValue" in attrs) {
 			(exclusiveAttrs ||= []).push("checkedValue");
 			if ("checked" in attrs) exclusiveAttrs.push("checked");
-		} else if (attrs.checkedValueChange) {
+		} else if (isSet(attrs.checkedValueChange)) {
 			(exclusiveAttrs ||= []).push("checkedValueChange");
 			if ("checked" in attrs) exclusiveAttrs.push("checked");
 		}
-		if (attrs.valueChange) {
+		if (isSet(attrs.valueChange)) {
 			(exclusiveAttrs ||= []).push("valueChange");
 			if ("checked" in attrs && !exclusiveAttrs.includes("checked")) exclusiveAttrs.push("checked");
 		}
@@ -283,6 +284,9 @@ function assertHandlerIsFunction(name, value) {
 function assertValidTagName(tagName) {
 	if (!/^[a-z][a-z0-9._-]*$/i.test(tagName)) throw new Error(`Invalid tag name: "${tagName}". Tag names must start with a letter and contain only letters, numbers, periods, hyphens, and underscores.`);
 }
+function isTruthy(value) {
+	return value;
+}
 function throwErr(msg) {
 	throw new Error(msg);
 }
@@ -808,7 +812,8 @@ function* traverse(scope, path, args, i = path.length - 1) {
 		if (Symbol.iterator in scope) {
 			for (const childScope of scope.values()) if (childScope["#Gen"] !== 0) yield* traverse(childScope, path, args, i);
 		} else {
-			const item = scope[path[i]];
+			const step = path[i];
+			const item = Array.isArray(step) ? (scope[step[1]] || 0) === step[2] && scope[step[0]] : scope[step];
 			if (i) yield* traverse(item, path, args, i - 1);
 			else yield typeof item === "function" ? item(...args) : item;
 		}
@@ -1056,6 +1061,7 @@ function init(runtimeId = "M") {
 					if (dynamicHtmlEnabled && visitType > "%" && visitType <= "'") {
 						if (visitType === "&") htmlStart = visit;
 						else {
+							if (visit.parentNode !== htmlStart.parentNode) console.error("An unescaped placeholder (`$!{}`) rendered HTML that does not parse as a balanced fragment where it is placed (an unclosed, stray or misnested tag), so updating it removes the wrong nodes.");
 							visitScope[nextToken()] = htmlStart;
 							visitScope[DynamicHTMLLastChild + lastToken] = visit;
 							if ((branchesEnabled || lazyEnabled) && pending[pending.length - 1] !== visitScope) pending.push(visitScope);
@@ -1163,6 +1169,7 @@ function _content(id, template, walks, setup, params, dynamicScopesAccessor) {
 function _content_resume(renderer, hasLocalValues = 0) {
 	return _resumed[renderer()["id"]] = (owner, ...values) => {
 		for (let i = values.length, scope = owner; i > hasLocalValues;) {
+			if (!scope) throw new Error("Unable to resume registered content: its payload does not link the owner of every closure level.");
 			const closures = values[--i];
 			for (const key in closures) if (!(key in scope)) scope[key] = closures[key];
 			scope = scope["_"];
@@ -1337,17 +1344,26 @@ function _attrs_script(scope, nodeAccessor) {
 	for (const name in events) _on(el, name, events[name]);
 }
 const _html = /*@__PURE__*/ withDynamicHtml(function _html(scope, value, accessor) {
-	const firstChild = scope[accessor];
-	const parentNode = firstChild.parentNode;
-	const lastChild = scope["DynamicHTMLLastChild:" + accessor] || firstChild;
-	const newContent = parseHTML(_to_text(value), parentNode.namespaceURI);
-	const newFirstChild = scope[accessor] = newContent.firstChild || newContent.appendChild(new Text());
-	const newLastChild = scope[DynamicHTMLLastChild + accessor] = newContent.lastChild;
-	const branch = scope[ClosestBranch];
-	if (branch?.["#StartNode"] === firstChild) branch[StartNode] = newFirstChild;
-	if (branch?.["#EndNode"] === lastChild) branch[EndNode] = newLastChild;
-	insertChildNodes(parentNode, firstChild, newFirstChild, newLastChild);
-	removeChildNodes(firstChild, lastChild);
+	const prevValue = scope[DynamicHTMLValue + accessor];
+	if (prevValue !== (scope["DynamicHTMLValue:" + accessor] = _to_text(value))) {
+		const firstChild = scope[accessor];
+		const parentNode = firstChild.parentNode;
+		const lastChild = scope["DynamicHTMLLastChild:" + accessor] || firstChild;
+		const newContent = parseHTML(scope[DynamicHTMLValue + accessor], parentNode.namespaceURI);
+		if (prevValue === void 0 && lastChild !== firstChild) {
+			let node = firstChild;
+			let newNode = newContent.firstChild;
+			while ((node = node.nextSibling) !== lastChild && node.isEqualNode(newNode)) newNode = newNode.nextSibling;
+			if (node === lastChild && !newNode) return;
+		}
+		const newFirstChild = scope[accessor] = newContent.firstChild || newContent.appendChild(new Text());
+		const newLastChild = scope[DynamicHTMLLastChild + accessor] = newContent.lastChild;
+		const branch = scope[ClosestBranch];
+		if (branch?.["#StartNode"] === firstChild) branch[StartNode] = newFirstChild;
+		if (branch?.["#EndNode"] === lastChild) branch[EndNode] = newLastChild;
+		insertChildNodes(parentNode, firstChild, newFirstChild, newLastChild);
+		removeChildNodes(firstChild, lastChild);
+	}
 });
 function normalizeClientRender(value) {
 	const renderer = normalizeDynamicRenderer(value);

package/dist/debug/{dom-Btj2QJhk.mjs → dom-LFrKxOk5.mjs}

@@ -8,6 +8,7 @@ const ControlledHandler = "ControlledHandler:";
 const ControlledType = "ControlledType:";
 const ControlledValue = "ControlledValue:";
 const DynamicHTMLLastChild = "DynamicHTMLLastChild:";
+const DynamicHTMLValue = "DynamicHTMLValue:";
 const EventAttributes = "EventAttributes:";
 const KeyedScopes = "KeyedScopes:";
 const Lifecycle = "Lifecycle:";
@@ -255,18 +256,18 @@ function _hoist_read_error() {
 function _assert_hoist(value) {
 	if (value !== void 0 && typeof value !== "function") throw new Error(`Hoisted values must be functions, received type "${typeof value}".`);
 }
-function assertExclusiveAttrs(attrs, onError = throwErr) {
+function assertExclusiveAttrs(attrs, onError = throwErr, isSet = isTruthy) {
 	if (attrs) {
 		let exclusiveAttrs;
-		if (attrs.checkedChange) (exclusiveAttrs ||= []).push("checkedChange");
+		if (isSet(attrs.checkedChange)) (exclusiveAttrs ||= []).push("checkedChange");
 		if ("checkedValue" in attrs) {
 			(exclusiveAttrs ||= []).push("checkedValue");
 			if ("checked" in attrs) exclusiveAttrs.push("checked");
-		} else if (attrs.checkedValueChange) {
+		} else if (isSet(attrs.checkedValueChange)) {
 			(exclusiveAttrs ||= []).push("checkedValueChange");
 			if ("checked" in attrs) exclusiveAttrs.push("checked");
 		}
-		if (attrs.valueChange) {
+		if (isSet(attrs.valueChange)) {
 			(exclusiveAttrs ||= []).push("valueChange");
 			if ("checked" in attrs && !exclusiveAttrs.includes("checked")) exclusiveAttrs.push("checked");
 		}
@@ -282,6 +283,9 @@ function assertHandlerIsFunction(name, value) {
 function assertValidTagName(tagName) {
 	if (!/^[a-z][a-z0-9._-]*$/i.test(tagName)) throw new Error(`Invalid tag name: "${tagName}". Tag names must start with a letter and contain only letters, numbers, periods, hyphens, and underscores.`);
 }
+function isTruthy(value) {
+	return value;
+}
 function throwErr(msg) {
 	throw new Error(msg);
 }
@@ -807,7 +811,8 @@ function* traverse(scope, path, args, i = path.length - 1) {
 		if (Symbol.iterator in scope) {
 			for (const childScope of scope.values()) if (childScope["#Gen"] !== 0) yield* traverse(childScope, path, args, i);
 		} else {
-			const item = scope[path[i]];
+			const step = path[i];
+			const item = Array.isArray(step) ? (scope[step[1]] || 0) === step[2] && scope[step[0]] : scope[step];
 			if (i) yield* traverse(item, path, args, i - 1);
 			else yield typeof item === "function" ? item(...args) : item;
 		}
@@ -1055,6 +1060,7 @@ function init(runtimeId = "M") {
 					if (dynamicHtmlEnabled && visitType > "%" && visitType <= "'") {
 						if (visitType === "&") htmlStart = visit;
 						else {
+							if (visit.parentNode !== htmlStart.parentNode) console.error("An unescaped placeholder (`$!{}`) rendered HTML that does not parse as a balanced fragment where it is placed (an unclosed, stray or misnested tag), so updating it removes the wrong nodes.");
 							visitScope[nextToken()] = htmlStart;
 							visitScope[DynamicHTMLLastChild + lastToken] = visit;
 							if ((branchesEnabled || lazyEnabled) && pending[pending.length - 1] !== visitScope) pending.push(visitScope);
@@ -1162,6 +1168,7 @@ function _content(id, template, walks, setup, params, dynamicScopesAccessor) {
 function _content_resume(renderer, hasLocalValues = 0) {
 	return _resumed[renderer()["id"]] = (owner, ...values) => {
 		for (let i = values.length, scope = owner; i > hasLocalValues;) {
+			if (!scope) throw new Error("Unable to resume registered content: its payload does not link the owner of every closure level.");
 			const closures = values[--i];
 			for (const key in closures) if (!(key in scope)) scope[key] = closures[key];
 			scope = scope["_"];
@@ -1336,17 +1343,26 @@ function _attrs_script(scope, nodeAccessor) {
 	for (const name in events) _on(el, name, events[name]);
 }
 const _html = /*@__PURE__*/ withDynamicHtml(function _html(scope, value, accessor) {
-	const firstChild = scope[accessor];
-	const parentNode = firstChild.parentNode;
-	const lastChild = scope["DynamicHTMLLastChild:" + accessor] || firstChild;
-	const newContent = parseHTML(_to_text(value), parentNode.namespaceURI);
-	const newFirstChild = scope[accessor] = newContent.firstChild || newContent.appendChild(new Text());
-	const newLastChild = scope[DynamicHTMLLastChild + accessor] = newContent.lastChild;
-	const branch = scope[ClosestBranch];
-	if (branch?.["#StartNode"] === firstChild) branch[StartNode] = newFirstChild;
-	if (branch?.["#EndNode"] === lastChild) branch[EndNode] = newLastChild;
-	insertChildNodes(parentNode, firstChild, newFirstChild, newLastChild);
-	removeChildNodes(firstChild, lastChild);
+	const prevValue = scope[DynamicHTMLValue + accessor];
+	if (prevValue !== (scope["DynamicHTMLValue:" + accessor] = _to_text(value))) {
+		const firstChild = scope[accessor];
+		const parentNode = firstChild.parentNode;
+		const lastChild = scope["DynamicHTMLLastChild:" + accessor] || firstChild;
+		const newContent = parseHTML(scope[DynamicHTMLValue + accessor], parentNode.namespaceURI);
+		if (prevValue === void 0 && lastChild !== firstChild) {
+			let node = firstChild;
+			let newNode = newContent.firstChild;
+			while ((node = node.nextSibling) !== lastChild && node.isEqualNode(newNode)) newNode = newNode.nextSibling;
+			if (node === lastChild && !newNode) return;
+		}
+		const newFirstChild = scope[accessor] = newContent.firstChild || newContent.appendChild(new Text());
+		const newLastChild = scope[DynamicHTMLLastChild + accessor] = newContent.lastChild;
+		const branch = scope[ClosestBranch];
+		if (branch?.["#StartNode"] === firstChild) branch[StartNode] = newFirstChild;
+		if (branch?.["#EndNode"] === lastChild) branch[EndNode] = newLastChild;
+		insertChildNodes(parentNode, firstChild, newFirstChild, newLastChild);
+		removeChildNodes(firstChild, lastChild);
+	}
 });
 function normalizeClientRender(value) {
 	const renderer = normalizeDynamicRenderer(value);

package/dist/debug/dom.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_control_flow = require("./dom-BRO5aArp.js");
+const require_control_flow = require("./dom-ClV4kVOO.js");
 //#region src/common/attr-tag.ts
 const empty = [];
 const rest = Symbol("Attribute Tag");

package/dist/debug/dom.mjs

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