marko 6.4.0 → 6.4.2

package/cheatsheet.md

@@ -128,9 +128,9 @@ 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.
+- `class=` / `style=` accept strings, objects, arrays: `class=["btn", { active }]`, `style={ color }` (single braces). A toggled class may not repeat another name in its `class=` value (`["a", { a: on }]` is an error). `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).
 - `<select value:=picked>`: every `<option>` needs `value=`; `multiple` binds an array.
 - `<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.

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

@@ -1,4 +1,5 @@
 export declare function assertValidAttrValue(name: string, value: unknown): void;
+export declare function _assert_class_toggles(classes: string, toggles: string[]): void;
 export declare function assertValidTextValue(value: unknown): void;
 export declare function assertValidLoopKey(key: unknown, seenKeys?: Set<unknown>): void;
 export declare function assertValidList(value: unknown): void;
@@ -8,7 +9,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/opt.d.ts

@@ -3,6 +3,7 @@ export type Opt<T> = OneMany<T> | undefined | null;
 export declare function toArray<T>(oneMany: OneMany<T>): [T, ...T[]];
 export declare function toArray<T>(opt: Opt<T>): T[];
 export declare function forEach<T>(opt: Opt<T>, cb: (item: T) => void): void;
+export declare function reduce<T, R>(opt: Opt<T>, cb: (acc: R, item: T) => R, acc: R): R;
 export declare function push<T>(opt: Opt<T>, item: T): OneMany<T>;
 export declare function push<T>(oneMany: OneMany<T>, item: T): T[];
 export declare function concat<T>(opt: Opt<T>, other: Opt<T>): Opt<T>;

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-BLbR0hEx.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 { In as ParentBranch, Ln as PendingEffectScopes, On as Pending, Rn as PendingEffects, b as runPendingEffects, cn as queueAsyncRender, jn as ClosestBranch, kn as Scope, ln as queueEffect, on as installCatch, y as renderCatch, zn as PendingRenders } from "../dom-Cii0IA92.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-BLbR0hEx.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-Cii0IA92.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-BLbR0hEx.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-Cii0IA92.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-BLbR0hEx.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-Cii0IA92.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-BLbR0hEx.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-Cii0IA92.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-BLbR0hEx.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-Cii0IA92.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-BLbR0hEx.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 { Cn as withBranches, St as _resumed, g as dynamicTagScript, tn as DYNAMIC_TAG_SCRIPT_REGISTER_ID } from "../dom-Cii0IA92.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-BLbR0hEx.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 { Hn as TagVariable, Pt as _el_read, Vn as StartNode, _ as installDynamicTagVar } from "../dom-Cii0IA92.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-BLbR0hEx.js").withLazy();
 //#endregion

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

@@ -1,4 +1,4 @@
-import { Ot as withLazy } from "../dom-Btj2QJhk.mjs";
+import { kt as withLazy } from "../dom-Cii0IA92.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-BLbR0hEx.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 { Bn as PlaceholderBranch, St as _resumed, Zt as destroyBranch, nn as PLACEHOLDER_DISMISS_REGISTER_ID } from "../dom-Cii0IA92.mjs";
 //#region src/dom/placeholder.feat.ts
 _resumed[PLACEHOLDER_DISMISS_REGISTER_ID] = (tryBranch) => {
 	if (tryBranch["#PlaceholderBranch"]) {

package/dist/debug/{dom-BRO5aArp.js → dom-BLbR0hEx.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:";
@@ -200,6 +201,16 @@ function assertValidAttrValue(name, value) {
 	const unrenderable = describeUnrenderable(value);
 	if (unrenderable) throw new Error(`The \`${name}\` attribute cannot be ${unrenderable}.`);
 }
+function _assert_class_toggles(classes, toggles) {
+	{
+		const written = new Set(classes.split(" "));
+		for (const toggle of toggles) {
+			const names = new Set(toggle.split(" "));
+			for (const name of names) if (written.has(name)) throw new Error(`The toggled class \`${name}\` is also written by another part of the \`class\` value; a toggled class may appear only once.`);
+			for (const name of names) written.add(name);
+		}
+	}
+}
 function assertValidTextValue(value) {
 	const unrenderable = describeUnrenderable(value);
 	if (unrenderable) throw new Error(`Text content cannot be ${unrenderable}.`);
@@ -256,18 +267,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 +294,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 +822,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 +1071,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 +1179,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["_"];
@@ -1225,6 +1242,14 @@ function _attr_class_items(element, items) {
 function _attr_class_item(element, name, value) {
 	element.classList.toggle(name, !!value);
 }
+function _attr_class_names(element, names, value) {
+	let start = 0;
+	let end;
+	do {
+		end = names.indexOf(" ", start);
+		element.classList.toggle(names.slice(start, end >>> 0), !!value);
+	} while (start = end + 1);
+}
 function _attr_style(element, value) {
 	setAttribute(element, "style", toDelimitedString(value, ";", stringifyStyleObject) || void 0);
 }
@@ -1337,17 +1362,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);
@@ -2317,6 +2351,12 @@ Object.defineProperty(exports, "TagVariable", {
 		return TagVariable;
 	}
 });
+Object.defineProperty(exports, "_assert_class_toggles", {
+	enumerable: true,
+	get: function() {
+		return _assert_class_toggles;
+	}
+});
 Object.defineProperty(exports, "_assert_hoist", {
 	enumerable: true,
 	get: function() {
@@ -2353,6 +2393,12 @@ Object.defineProperty(exports, "_attr_class_items", {
 		return _attr_class_items;
 	}
 });
+Object.defineProperty(exports, "_attr_class_names", {
+	enumerable: true,
+	get: function() {
+		return _attr_class_names;
+	}
+});
 Object.defineProperty(exports, "_attr_content", {
 	enumerable: true,
 	get: function() {

package/dist/debug/{dom-Btj2QJhk.mjs → dom-Cii0IA92.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:";
@@ -199,6 +200,16 @@ function assertValidAttrValue(name, value) {
 	const unrenderable = describeUnrenderable(value);
 	if (unrenderable) throw new Error(`The \`${name}\` attribute cannot be ${unrenderable}.`);
 }
+function _assert_class_toggles(classes, toggles) {
+	{
+		const written = new Set(classes.split(" "));
+		for (const toggle of toggles) {
+			const names = new Set(toggle.split(" "));
+			for (const name of names) if (written.has(name)) throw new Error(`The toggled class \`${name}\` is also written by another part of the \`class\` value; a toggled class may appear only once.`);
+			for (const name of names) written.add(name);
+		}
+	}
+}
 function assertValidTextValue(value) {
 	const unrenderable = describeUnrenderable(value);
 	if (unrenderable) throw new Error(`Text content cannot be ${unrenderable}.`);
@@ -255,18 +266,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 +293,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 +821,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 +1070,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 +1178,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["_"];
@@ -1224,6 +1241,14 @@ function _attr_class_items(element, items) {
 function _attr_class_item(element, name, value) {
 	element.classList.toggle(name, !!value);
 }
+function _attr_class_names(element, names, value) {
+	let start = 0;
+	let end;
+	do {
+		end = names.indexOf(" ", start);
+		element.classList.toggle(names.slice(start, end >>> 0), !!value);
+	} while (start = end + 1);
+}
 function _attr_style(element, value) {
 	setAttribute(element, "style", toDelimitedString(value, ";", stringifyStyleObject) || void 0);
 }
@@ -1336,17 +1361,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);
@@ -2178,4 +2212,4 @@ function byFirstArg(name) {
 	return name;
 }
 //#endregion
-export { _attrs as $, syncGen as $t, _attr_input_value as A, EndNode as An, _closure as At, _controllable_select as B, TagVariable as Bn, _if_closure as Bt, _attr_details_or_dialog_open_script as C, Owner as Cn, getRegisteredWithScope as Ct, _attr_input_checkedValue_script as D, Scope as Dn, readyFailed as Dt, _attr_input_checkedValue_default as E, Pending as En, ready as Et, _attr_select_value as F, PendingEffectScopes as Fn, _for_selector as Ft, _attr_class as G, _return_change as Gt, controllableRenders as H, _let_change as Ht, _attr_select_value_default as I, PendingEffects as In, _global_read as It, _attr_content as J, _var_change as Jt, _attr_class_item as K, _script as Kt, _attr_select_value_script as L, PendingRenders as Ln, _hoist as Lt, _attr_input_value_default as M, Global as Mn, _const as Mt, _attr_input_value_dynamic_default as N, Load as Nn, _el_read as Nt, _attr_input_checked_default as O, AwaitCounter as On, withLazy as Ot, _attr_input_value_script as P, ParentBranch as Pn, _for_closure as Pt, _attr_style_items as Q, removeAndDestroyBranch as Qt, _controllable_input as R, PlaceholderBranch as Rn, _hoist_resume as Rt, _attr_details_or_dialog_open_default as S, Clone as Sn, _var_resume as St, _attr_input_checkedValue as T, Setup as Tn, initEmbedded as Tt, controllableScripts as U, _or as Ut, _controllable_textarea as V, _let as Vt, _attr as W, _return as Wt, _attr_style as X, destroyBranch as Xt, _attr_nonce as Y, _assert_init as Yt, _attr_style_item as Z, insertBranchBefore as Zt, installDynamicTagVar as _, forUntil as _n, createBranch as _t, _for_in as a, installCatch as an, _lifecycle as at, runPendingEffects as b, _call as bn, _el as bt, _for_to as c, queueEffect as cn, _text as ct, _for_until_unkeyed as d, run as dn, insertChildNodes as dt, DYNAMIC_TAG_SCRIPT_REGISTER_ID as en, _attrs_content as et, _if as f, runEffects as fn, toInsertNode as ft, dynamicTagScript as g, forTo as gn, createAndSetupBranch as gt, addAwaitCounter as h, forOf as hn, _content_resume as ht, _dynamic_tag_content as i, $signalReset as in, _html as it, _attr_input_value_attribute_default as j, Gen$1 as jn, _closure_get as jt, _attr_input_checked_script as k, ClosestBranch as kn, _child_setup as kt, _for_to_unkeyed as l, queueRender as ln, _text_content as lt, _try as m, forIn as mn, _content_closures as mt, _await_promise as n, _on as nn, _attrs_partial_content as nt, _for_of as o, prepareEffects as on, _style_rule_item as ot, _show as p, runId as pn, _content as pt, _attr_class_items as q, _var as qt, _dynamic_tag as r, $signal as rn, _attrs_script as rt, _for_of_unkeyed as s, queueAsyncRender as sn, _style_shell as st, _await_content as t, PLACEHOLDER_DISMISS_REGISTER_ID as tn, _attrs_partial as tt, _for_until as u, rendering as un, _to_text as ut, patchDynamicTag as v, _assert_hoist as vn, setupBranch as vt, _attr_input_checked as w, Params as wn, init as wt, _attr_details_or_dialog_open as x, withBranches as xn, _resumed as xt, renderCatch as y, _hoist_read_error as yn, _dynamic_tag_var_resume as yt, _controllable_open as z, StartNode as zn, _id as zt };
+export { _attr_style_items as $, removeAndDestroyBranch as $t, _attr_input_value as A, AwaitCounter as An, _child_setup as At, _controllable_select as B, PlaceholderBranch as Bn, _id as Bt, _attr_details_or_dialog_open_script as C, withBranches as Cn, _var_resume as Ct, _attr_input_checkedValue_script as D, Setup as Dn, ready as Dt, _attr_input_checkedValue_default as E, Params as En, initEmbedded as Et, _attr_select_value as F, Load as Fn, _for_closure as Ft, _attr_class as G, _return as Gt, controllableRenders as H, TagVariable as Hn, _let as Ht, _attr_select_value_default as I, ParentBranch as In, _for_selector as It, _attr_class_names as J, _var as Jt, _attr_class_item as K, _return_change as Kt, _attr_select_value_script as L, PendingEffectScopes as Ln, _global_read as Lt, _attr_input_value_default as M, EndNode as Mn, _closure_get as Mt, _attr_input_value_dynamic_default as N, Gen$1 as Nn, _const as Nt, _attr_input_checked_default as O, Pending as On, readyFailed as Ot, _attr_input_value_script as P, Global as Pn, _el_read as Pt, _attr_style_item as Q, insertBranchBefore as Qt, _controllable_input as R, PendingEffects as Rn, _hoist as Rt, _attr_details_or_dialog_open_default as S, _call as Sn, _resumed as St, _attr_input_checkedValue as T, Owner as Tn, init as Tt, controllableScripts as U, _let_change as Ut, _controllable_textarea as V, StartNode as Vn, _if_closure as Vt, _attr as W, _or as Wt, _attr_nonce as X, _assert_init as Xt, _attr_content as Y, _var_change as Yt, _attr_style as Z, destroyBranch as Zt, installDynamicTagVar as _, forTo as _n, createAndSetupBranch as _t, _for_in as a, $signalReset as an, _html as at, runPendingEffects as b, _assert_hoist as bn, _dynamic_tag_var_resume as bt, _for_to as c, queueAsyncRender as cn, _style_shell as ct, _for_until_unkeyed as d, rendering as dn, _to_text as dt, syncGen as en, _attrs as et, _if as f, run as fn, insertChildNodes as ft, dynamicTagScript as g, forOf as gn, _content_resume as gt, addAwaitCounter as h, forIn as hn, _content_closures as ht, _dynamic_tag_content as i, $signal as in, _attrs_script as it, _attr_input_value_attribute_default as j, ClosestBranch as jn, _closure as jt, _attr_input_checked_script as k, Scope as kn, withLazy as kt, _for_to_unkeyed as l, queueEffect as ln, _text as lt, _try as m, runId as mn, _content as mt, _await_promise as n, PLACEHOLDER_DISMISS_REGISTER_ID as nn, _attrs_partial as nt, _for_of as o, installCatch as on, _lifecycle as ot, _show as p, runEffects as pn, toInsertNode as pt, _attr_class_items as q, _script as qt, _dynamic_tag as r, _on as rn, _attrs_partial_content as rt, _for_of_unkeyed as s, prepareEffects as sn, _style_rule_item as st, _await_content as t, DYNAMIC_TAG_SCRIPT_REGISTER_ID as tn, _attrs_content as tt, _for_until as u, queueRender as un, _text_content as ut, patchDynamicTag as v, forUntil as vn, createBranch as vt, _attr_input_checked as w, Clone as wn, getRegisteredWithScope as wt, _attr_details_or_dialog_open as x, _hoist_read_error as xn, _el as xt, renderCatch as y, _assert_class_toggles as yn, setupBranch as yt, _controllable_open as z, PendingRenders as zn, _hoist_resume as zt };

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-BLbR0hEx.js");
 //#region src/common/attr-tag.ts
 const empty = [];
 const rest = Symbol("Attribute Tag");
@@ -224,17 +224,18 @@ function _load_setup(load) {
 	};
 }
 function insertLoaded(renderer, branch, marker, awaitCounter) {
-	const parent = marker.parentNode, values = branch[require_control_flow.Load], clone = () => {
+	const parent = () => marker.parentNode, values = branch[require_control_flow.Load], clone = () => {
 		require_control_flow.syncGen(branch);
-		renderer[require_control_flow.Clone](branch, parent.namespaceURI);
+		renderer[require_control_flow.Clone](branch, parent().namespaceURI);
 		branch[require_control_flow.Load] = 0;
 	}, insert = () => {
-		require_control_flow.insertBranchBefore(branch, parent, marker);
+		require_control_flow.insertBranchBefore(branch, parent(), marker);
 		marker.remove();
 		awaitCounter?.c();
 	};
 	let remaining;
 	if (remaining = values?.size) {
+		awaitCounter ||= require_control_flow.addAwaitCounter(branch);
 		const fail = loadFailed(branch, awaitCounter);
 		values.forEach(([, apply], promise) => promise.then((mod) => (apply._ = mod._) && !--remaining && require_control_flow.queueAsyncRender(branch, (branch) => {
 			clone();
@@ -295,12 +296,14 @@ function getSelectorOrResolve(selector, resolve) {
 //#endregion
 exports.$signal = require_control_flow.$signal;
 exports.$signalReset = require_control_flow.$signalReset;
+exports._assert_class_toggles = require_control_flow._assert_class_toggles;
 exports._assert_hoist = require_control_flow._assert_hoist;
 exports._assert_init = require_control_flow._assert_init;
 exports._attr = require_control_flow._attr;
 exports._attr_class = require_control_flow._attr_class;
 exports._attr_class_item = require_control_flow._attr_class_item;
 exports._attr_class_items = require_control_flow._attr_class_items;
+exports._attr_class_names = require_control_flow._attr_class_names;
 exports._attr_content = require_control_flow._attr_content;
 exports._attr_details_open = require_control_flow._attr_details_or_dialog_open;
 exports._attr_details_open_default = require_control_flow._attr_details_or_dialog_open_default;