marko 6.1.18 → 6.1.20

package/dist/dom.js

@@ -4,7 +4,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	else if (Array.isArray(val)) for (let v of val) part = toDelimitedString(v, delimiter, stringify), part && (str += sep + part, sep = delimiter);
 	else for (let name in val) part = stringify(name, val[name]), part && (str += sep + part, sep = delimiter);
 	return str;
-}, decodeAccessor = (num) => (num + (num < 26 ? 10 : num < 962 ? 334 : 11998)).toString(36), defaultDelegator = /* @__PURE__ */ createDelegator(), R = /[^\p{L}\p{N}]/gu, parsers = {}, nextScopeId = 1e6, collectingScopes, destroyNestedScopes = function destroyNestedScopes(scope) {
+}, decodeAccessor = (num) => (num + (num < 26 ? 10 : num < 962 ? 334 : 11998)).toString(36), delegate = (type, handler) => handler[type] ||= (document.addEventListener(type, handler, !0), 1), R = /[^\p{L}\p{N}]/gu, parsers = {}, nextScopeId = 1e6, collectingScopes, destroyNestedScopes = function destroyNestedScopes(scope) {
 	scope.H = 0, scope.D?.forEach(destroyNestedScopes), scope.B?.forEach(resetControllers);
 }, isScheduled, channel, _return = (scope, value) => scope.T?.(value), _var_change = (scope, value) => scope.U?.(value), tagIdsByGlobal = /* @__PURE__ */ new WeakMap(), walker = /* @__PURE__ */ document.createTreeWalker(document), walkInternal = function walkInternal(currentWalkIndex, walkCodes, scope) {
 	let value, currentMultiplier, storedMultiplier = 0, currentScopeIndex = 0;
@@ -20,7 +20,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 		for (value = 10 * currentMultiplier + value - 107; value--;) walker.parentNode();
 		walker.nextSibling();
 	} else storedMultiplier = currentMultiplier * 10 + value - 117;
-}, cloneCache = {}, registeredValues = {}, curRenders, branchesEnabled, embedRenders, readyIds, isResuming, inputType = "", controllableDelegate = /* @__PURE__ */ createDelegator(), _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
+}, cloneCache = {}, registeredValues = {}, curRenders, branchesEnabled, embedRenders, readyIds, isResuming, inputType = "", _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
 	nodeAccessor = decodeAccessor(nodeAccessor);
 	let childScopeAccessor = "A" + nodeAccessor, rendererAccessor = "D" + nodeAccessor;
 	return enableBranches(), (scope, newRenderer, getInput) => {
@@ -98,7 +98,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	},
 	render(out, component, renderer, args) {
 		let branch = component.scope, created = 0;
-		if (!branch && (branch = classIdToBranch.get(component.id)) && (component.scope = branch, classIdToBranch.delete(component.id)), typeof args[0] == "object" && "renderBody" in args[0]) {
+		if (!branch && (branch = classIdToBranch.get(component.id)) && (component.scope = branch, classIdToBranch.delete(component.id)), args[0] && typeof args[0] == "object" && "renderBody" in args[0]) {
 			let input = args[0], normalizedInput = args[0] = {};
 			for (let key in input) normalizedInput[key === "renderBody" ? "content" : key] = input[key];
 		}
@@ -182,14 +182,7 @@ function push(opt, item) {
 //#endregion
 //#region src/dom/event.ts
 function _on(element, type, handler) {
-	element["$" + type] === void 0 && defaultDelegator(element, type, handleDelegated), element["$" + type] = handler || null;
-}
-/* @__NO_SIDE_EFFECTS__ */
-function createDelegator() {
-	let kEvents = Symbol();
-	return function(node, type, handler) {
-		((node = node.getRootNode())[kEvents] ||= {})[type] ||= (node.addEventListener(type, handler, !0), 1);
-	};
+	element["$" + type] === void 0 && delegate(type, handleDelegated), element["$" + type] = handler || null;
 }
 function handleDelegated(ev) {
 	let target = !rendering && ev.target;
@@ -577,7 +570,7 @@ function _attr_input_checkedValue_script(scope, nodeAccessor) {
 		let checkedValueChange = scope["E" + nodeAccessor];
 		if (checkedValueChange) {
 			let oldValue = scope["G" + nodeAccessor], newValue = Array.isArray(oldValue) ? updateList(oldValue, el.value, el.checked) : el.checked ? el.value : void 0;
-			if (el.name && el.type[0] === "r") for (let radio of el.getRootNode().querySelectorAll(`[type=radio][name=${CSS.escape(el.name)}]`)) radio.form === el.form && (radio.checked = Array.isArray(oldValue) ? oldValue.includes(radio.value) : oldValue === radio.value);
+			if (el.name && el.type[0] === "r") for (let radio of document.querySelectorAll(`[type=radio][name=${CSS.escape(el.name)}]`)) radio.form === el.form && (radio.checked = Array.isArray(oldValue) ? oldValue.includes(radio.value) : oldValue === radio.value);
 			else el.checked = !el.checked;
 			checkedValueChange(newValue), run();
 		}
@@ -603,7 +596,7 @@ function _attr_input_value_script(scope, nodeAccessor) {
 }
 function setInputValue(el, value) {
 	if (el.value !== value) {
-		let updatedPosition = resolveCursorPosition(inputType, el.getRootNode().activeElement === el && el.selectionStart, el.value, el.value = value);
+		let updatedPosition = resolveCursorPosition(inputType, document.activeElement === el && el.selectionStart, el.value, el.value = value);
 		~updatedPosition && el.setSelectionRange(updatedPosition, updatedPosition);
 	}
 }
@@ -675,7 +668,7 @@ function _attr_details_or_dialog_open_script(scope, nodeAccessor) {
 	});
 }
 function syncControllableFormInput(el, hasChanged, onChange) {
-	el._ = onChange, controllableDelegate(el, "input", handleChange), el.form && controllableDelegate(el.form, "reset", handleFormReset), isResuming && hasChanged(el) && queueMicrotask(onChange);
+	el._ = onChange, delegate("input", handleChange), el.form && delegate("reset", handleFormReset), isResuming && hasChanged(el) && queueMicrotask(onChange);
 }
 function handleChange(ev) {
 	ev.target._?.(ev);
@@ -780,11 +773,10 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
 	for (let name in events) events[name] = 0;
 	switch (scope["F" + nodeAccessor] = 5, scope["E" + nodeAccessor] = 0, el.tagName) {
 		case "INPUT":
-			if ("checked" in nextAttrs || "checkedChange" in nextAttrs) _attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange);
-			else if ("checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs) _attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value);
-			else if ("value" in nextAttrs || "valueChange" in nextAttrs) _attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange);
+			if ("checked" in nextAttrs || "checkedChange" in nextAttrs) _attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange), skip = /^checked(?:Value)?(?:Change)?$/;
+			else if ("checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs) _attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value), skip = /^(?:value|checked(?:Value)?)(?:Change)?$/;
+			else if ("value" in nextAttrs || "valueChange" in nextAttrs) _attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange), skip = /^value(?:Change)?$/;
 			else break;
-			skip = /^(?:value|checked(?:Value)?)(?:Change)?$/;
 			break;
 		case "SELECT":
 			("value" in nextAttrs || "valueChange" in nextAttrs) && (_attr_select_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange), skip = /^value(?:Change)?$/);
@@ -1231,25 +1223,21 @@ function _load_setup(nodeAccessor, childScopeAccessor, load) {
 	};
 }
 function insertLoaded(renderer, branch, marker, awaitCounter) {
-	let parent = marker.parentNode;
-	syncGen(branch), renderer.b(branch, parent.namespaceURI), setupBranch(renderer, branch), applyLoad(branch, () => {
+	let parent = marker.parentNode, values = branch.X, insert = () => {
 		insertBranchBefore(branch, parent, marker), marker.remove(), awaitCounter?.c();
-	});
+	}, remaining;
+	if (syncGen(branch), renderer.b(branch, parent.namespaceURI), branch.X = 0, remaining = values?.size) for (let [promise, entry] of values) promise.then((signal) => {
+		entry.b = signal, --remaining || queueAsyncRender(branch, (branch) => {
+			syncGen(branch), renderer.c?.(branch), values.forEach((e) => e.b._(branch, e.a)), insert();
+		});
+	}, () => 0);
+	else setupBranch(renderer, branch), insert();
 }
 function loadFailed(scope, awaitCounter) {
 	return (error) => {
 		awaitCounter && (awaitCounter.i = 0), queueAsyncRender(scope, renderCatch, error);
 	};
 }
-function applyLoad(scope, insert) {
-	let values = scope.X, remaining;
-	if (scope.X = 0, remaining = values?.size) for (let [promise, entry] of values) promise.then((signal) => {
-		entry.b = signal, --remaining || queueAsyncRender(scope, (scope) => {
-			syncGen(scope), values.forEach((e) => e.b._(scope, e.a)), insert();
-		});
-	}, () => 0);
-	else insert();
-}
 function _load_signal(load) {
 	let pending, signal;
 	return (scope, value) => {

package/dist/dom.mjs

@@ -4,7 +4,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	else if (Array.isArray(val)) for (let v of val) part = toDelimitedString(v, delimiter, stringify), part && (str += sep + part, sep = delimiter);
 	else for (let name in val) part = stringify(name, val[name]), part && (str += sep + part, sep = delimiter);
 	return str;
-}, decodeAccessor = (num) => (num + (num < 26 ? 10 : num < 962 ? 334 : 11998)).toString(36), defaultDelegator = /* @__PURE__ */ createDelegator(), R = /[^\p{L}\p{N}]/gu, parsers = {}, nextScopeId = 1e6, collectingScopes, destroyNestedScopes = function destroyNestedScopes(scope) {
+}, decodeAccessor = (num) => (num + (num < 26 ? 10 : num < 962 ? 334 : 11998)).toString(36), delegate = (type, handler) => handler[type] ||= (document.addEventListener(type, handler, !0), 1), R = /[^\p{L}\p{N}]/gu, parsers = {}, nextScopeId = 1e6, collectingScopes, destroyNestedScopes = function destroyNestedScopes(scope) {
 	scope.H = 0, scope.D?.forEach(destroyNestedScopes), scope.B?.forEach(resetControllers);
 }, isScheduled, channel, _return = (scope, value) => scope.T?.(value), _var_change = (scope, value) => scope.U?.(value), tagIdsByGlobal = /* @__PURE__ */ new WeakMap(), walker = /* @__PURE__ */ document.createTreeWalker(document), walkInternal = function walkInternal(currentWalkIndex, walkCodes, scope) {
 	let value, currentMultiplier, storedMultiplier = 0, currentScopeIndex = 0;
@@ -20,7 +20,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 		for (value = 10 * currentMultiplier + value - 107; value--;) walker.parentNode();
 		walker.nextSibling();
 	} else storedMultiplier = currentMultiplier * 10 + value - 117;
-}, cloneCache = {}, registeredValues = {}, curRenders, branchesEnabled, embedRenders, readyIds, isResuming, inputType = "", controllableDelegate = /* @__PURE__ */ createDelegator(), _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
+}, cloneCache = {}, registeredValues = {}, curRenders, branchesEnabled, embedRenders, readyIds, isResuming, inputType = "", _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
 	nodeAccessor = decodeAccessor(nodeAccessor);
 	let childScopeAccessor = "A" + nodeAccessor, rendererAccessor = "D" + nodeAccessor;
 	return enableBranches(), (scope, newRenderer, getInput) => {
@@ -98,7 +98,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	},
 	render(out, component, renderer, args) {
 		let branch = component.scope, created = 0;
-		if (!branch && (branch = classIdToBranch.get(component.id)) && (component.scope = branch, classIdToBranch.delete(component.id)), typeof args[0] == "object" && "renderBody" in args[0]) {
+		if (!branch && (branch = classIdToBranch.get(component.id)) && (component.scope = branch, classIdToBranch.delete(component.id)), args[0] && typeof args[0] == "object" && "renderBody" in args[0]) {
 			let input = args[0], normalizedInput = args[0] = {};
 			for (let key in input) normalizedInput[key === "renderBody" ? "content" : key] = input[key];
 		}
@@ -181,14 +181,7 @@ function push(opt, item) {
 //#endregion
 //#region src/dom/event.ts
 function _on(element, type, handler) {
-	element["$" + type] === void 0 && defaultDelegator(element, type, handleDelegated), element["$" + type] = handler || null;
-}
-/* @__NO_SIDE_EFFECTS__ */
-function createDelegator() {
-	let kEvents = Symbol();
-	return function(node, type, handler) {
-		((node = node.getRootNode())[kEvents] ||= {})[type] ||= (node.addEventListener(type, handler, !0), 1);
-	};
+	element["$" + type] === void 0 && delegate(type, handleDelegated), element["$" + type] = handler || null;
 }
 function handleDelegated(ev) {
 	let target = !rendering && ev.target;
@@ -576,7 +569,7 @@ function _attr_input_checkedValue_script(scope, nodeAccessor) {
 		let checkedValueChange = scope["E" + nodeAccessor];
 		if (checkedValueChange) {
 			let oldValue = scope["G" + nodeAccessor], newValue = Array.isArray(oldValue) ? updateList(oldValue, el.value, el.checked) : el.checked ? el.value : void 0;
-			if (el.name && el.type[0] === "r") for (let radio of el.getRootNode().querySelectorAll(`[type=radio][name=${CSS.escape(el.name)}]`)) radio.form === el.form && (radio.checked = Array.isArray(oldValue) ? oldValue.includes(radio.value) : oldValue === radio.value);
+			if (el.name && el.type[0] === "r") for (let radio of document.querySelectorAll(`[type=radio][name=${CSS.escape(el.name)}]`)) radio.form === el.form && (radio.checked = Array.isArray(oldValue) ? oldValue.includes(radio.value) : oldValue === radio.value);
 			else el.checked = !el.checked;
 			checkedValueChange(newValue), run();
 		}
@@ -602,7 +595,7 @@ function _attr_input_value_script(scope, nodeAccessor) {
 }
 function setInputValue(el, value) {
 	if (el.value !== value) {
-		let updatedPosition = resolveCursorPosition(inputType, el.getRootNode().activeElement === el && el.selectionStart, el.value, el.value = value);
+		let updatedPosition = resolveCursorPosition(inputType, document.activeElement === el && el.selectionStart, el.value, el.value = value);
 		~updatedPosition && el.setSelectionRange(updatedPosition, updatedPosition);
 	}
 }
@@ -674,7 +667,7 @@ function _attr_details_or_dialog_open_script(scope, nodeAccessor) {
 	});
 }
 function syncControllableFormInput(el, hasChanged, onChange) {
-	el._ = onChange, controllableDelegate(el, "input", handleChange), el.form && controllableDelegate(el.form, "reset", handleFormReset), isResuming && hasChanged(el) && queueMicrotask(onChange);
+	el._ = onChange, delegate("input", handleChange), el.form && delegate("reset", handleFormReset), isResuming && hasChanged(el) && queueMicrotask(onChange);
 }
 function handleChange(ev) {
 	ev.target._?.(ev);
@@ -779,11 +772,10 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
 	for (let name in events) events[name] = 0;
 	switch (scope["F" + nodeAccessor] = 5, scope["E" + nodeAccessor] = 0, el.tagName) {
 		case "INPUT":
-			if ("checked" in nextAttrs || "checkedChange" in nextAttrs) _attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange);
-			else if ("checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs) _attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value);
-			else if ("value" in nextAttrs || "valueChange" in nextAttrs) _attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange);
+			if ("checked" in nextAttrs || "checkedChange" in nextAttrs) _attr_input_checked(scope, nodeAccessor, nextAttrs.checked, nextAttrs.checkedChange), skip = /^checked(?:Value)?(?:Change)?$/;
+			else if ("checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs) _attr_input_checkedValue(scope, nodeAccessor, nextAttrs.checkedValue, nextAttrs.checkedValueChange, nextAttrs.value), skip = /^(?:value|checked(?:Value)?)(?:Change)?$/;
+			else if ("value" in nextAttrs || "valueChange" in nextAttrs) _attr_input_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange), skip = /^value(?:Change)?$/;
 			else break;
-			skip = /^(?:value|checked(?:Value)?)(?:Change)?$/;
 			break;
 		case "SELECT":
 			("value" in nextAttrs || "valueChange" in nextAttrs) && (_attr_select_value(scope, nodeAccessor, nextAttrs.value, nextAttrs.valueChange), skip = /^value(?:Change)?$/);
@@ -1230,25 +1222,21 @@ function _load_setup(nodeAccessor, childScopeAccessor, load) {
 	};
 }
 function insertLoaded(renderer, branch, marker, awaitCounter) {
-	let parent = marker.parentNode;
-	syncGen(branch), renderer.b(branch, parent.namespaceURI), setupBranch(renderer, branch), applyLoad(branch, () => {
+	let parent = marker.parentNode, values = branch.X, insert = () => {
 		insertBranchBefore(branch, parent, marker), marker.remove(), awaitCounter?.c();
-	});
+	}, remaining;
+	if (syncGen(branch), renderer.b(branch, parent.namespaceURI), branch.X = 0, remaining = values?.size) for (let [promise, entry] of values) promise.then((signal) => {
+		entry.b = signal, --remaining || queueAsyncRender(branch, (branch) => {
+			syncGen(branch), renderer.c?.(branch), values.forEach((e) => e.b._(branch, e.a)), insert();
+		});
+	}, () => 0);
+	else setupBranch(renderer, branch), insert();
 }
 function loadFailed(scope, awaitCounter) {
 	return (error) => {
 		awaitCounter && (awaitCounter.i = 0), queueAsyncRender(scope, renderCatch, error);
 	};
 }
-function applyLoad(scope, insert) {
-	let values = scope.X, remaining;
-	if (scope.X = 0, remaining = values?.size) for (let [promise, entry] of values) promise.then((signal) => {
-		entry.b = signal, --remaining || queueAsyncRender(scope, (scope) => {
-			syncGen(scope), values.forEach((e) => e.b._(scope, e.a)), insert();
-		});
-	}, () => 0);
-	else insert();
-}
 function _load_signal(load) {
 	let pending, signal;
 	return (scope, value) => {

package/dist/html/attrs.d.ts

@@ -2,12 +2,12 @@ import { type Accessor } from "../common/types";
 export declare function _attr_class(value: unknown): string;
 export declare function _attr_style(value: unknown): string;
 export declare function _attr_option_value(value: unknown): string;
-export declare function _attr_select_value(scopeId: number, nodeAccessor: Accessor, value: unknown, valueChange: unknown, content?: () => void): void;
-export declare function _attr_textarea_value(scopeId: number, nodeAccessor: Accessor, value: unknown, valueChange: unknown): string;
-export declare function _attr_input_value(scopeId: number, nodeAccessor: Accessor, value: unknown, valueChange: unknown): string;
-export declare function _attr_input_checked(scopeId: number, nodeAccessor: Accessor, checked: unknown, checkedChange: unknown): "" | " checked";
-export declare function _attr_input_checkedValue(scopeId: number, nodeAccessor: Accessor, checkedValue: unknown, checkedValueChange: unknown, value: unknown): string;
-export declare function _attr_details_or_dialog_open(scopeId: number, nodeAccessor: Accessor, open: unknown, openChange: unknown): "" | " open";
+export declare function _attr_select_value(scopeId: number, nodeAccessor: Accessor, value: unknown, valueChange: unknown, content?: () => void, serializeType?: 1): void;
+export declare function _attr_textarea_value(scopeId: number, nodeAccessor: Accessor, value: unknown, valueChange: unknown, serializeType?: 1): string;
+export declare function _attr_input_value(scopeId: number, nodeAccessor: Accessor, value: unknown, valueChange: unknown, serializeType?: 1): string;
+export declare function _attr_input_checked(scopeId: number, nodeAccessor: Accessor, checked: unknown, checkedChange: unknown, serializeType?: 1): "" | " checked";
+export declare function _attr_input_checkedValue(scopeId: number, nodeAccessor: Accessor, checkedValue: unknown, checkedValueChange: unknown, value: unknown, serializeType?: 1): string;
+export declare function _attr_details_or_dialog_open(scopeId: number, nodeAccessor: Accessor, open: unknown, openChange: unknown, serializeType?: 1): "" | " open";
 export declare function _attr_nonce(): string;
 export declare function _attr(name: string, value: unknown): string;
 export declare function _attrs(data: Record<string, unknown>, nodeAccessor: Accessor, scopeId: number, tagName: string): string;

package/dist/html.js

@@ -238,7 +238,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	[JSON, "JSON"],
 	[Math, "Math"],
 	[Reflect, "Reflect"]
-]), $chunk, NOOP$2 = () => {}, kPendingContexts = Symbol("Pending Contexts"), kBranchId = Symbol("Branch Id"), kIsAsync = Symbol("Is Async"), writeScope = (scopeId, partialScope) => {
+]), unsafeRegExpSourceReg = /\\[\s\S]|</g, replaceUnsafeRegExpSourceChar = (match) => match === "<" || match === "\\<" ? "\\x3C" : match, $chunk, NOOP$2 = () => {}, kPendingContexts = Symbol("Pending Contexts"), kBranchId = Symbol("Branch Id"), kIsAsync = Symbol("Is Async"), writeScope = (scopeId, partialScope) => {
 	let { state } = $chunk.boundary, target = $chunk.serializeState, scope = scopeWithId(state, scopeId), pending = target.writeScopes[scopeId];
 	return state.needsMainRuntime = !0, Object.assign(scope, partialScope), pending && pending !== partialScope ? Object.assign(pending, partialScope) : target.writeScopes[scopeId] = partialScope, target.flushScopes = !0, scope;
 }, tick = globalThis.setImmediate || globalThis.setTimeout || globalThis.queueMicrotask || ((cb) => Promise.resolve().then(cb)), tickQueue, kSelectedValue = Symbol("selectedValue"), checkedValuesRefs = /* @__PURE__ */ new WeakMap(), singleQuoteAttrReplacements = /'|&(?=#?\w+;)/g, doubleQuoteAttrReplacements = /"|&(?=#?\w+;)/g, needsQuotedAttr = /["'>\s]|&#?\w+;|\/$/g, voidElementsReg = /^(?:area|b(?:ase|r)|col|embed|hr|i(?:mg|nput)|link|meta|param|source|track|wbr)$/, _dynamic_tag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, serializeReason) => {
@@ -247,10 +247,10 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 		let input = (inputIsArgs ? inputOrArgs[0] : inputOrArgs) || {};
 		if (rendered = !0, _scope_id(), _html(`<${renderer}${_attrs(input, "a", branchId, renderer)}>`), !voidElementsReg.test(renderer)) {
 			let renderContent = content || normalizeDynamicRenderer(input.content);
-			if (renderer === "textarea") _html(_attr_textarea_value(branchId, "a", input.value, input.valueChange));
+			if (renderer === "textarea") _html(_attr_textarea_value(branchId, "a", input.value, input.valueChange, 1));
 			else if (renderContent) {
 				if (typeof renderContent != "function") throw Error(`Body content is not supported for the \`<${renderer}>\` tag.`);
-				renderer === "select" && ("value" in input || "valueChange" in input) ? _attr_select_value(branchId, "a", input.value, input.valueChange, renderContent) : _dynamic_tag(branchId, "a", renderContent, void 0, 0, void 0, serializeReason);
+				renderer === "select" && ("value" in input || "valueChange" in input) ? _attr_select_value(branchId, "a", input.value, input.valueChange, renderContent, 1) : _dynamic_tag(branchId, "a", renderContent, void 0, 0, void 0, serializeReason);
 			}
 			_html(`</${renderer}>`);
 		}
@@ -691,7 +691,8 @@ function writeDate(state, val) {
 	return state.buf.push("new Date(" + +val + ")"), !0;
 }
 function writeRegExp(state, val) {
-	return state.buf.push(val + ""), !0;
+	let { source } = val;
+	return state.buf.push("/" + (source.includes("<") ? source.replace(unsafeRegExpSourceReg, replaceUnsafeRegExpSourceChar) : source) + "/" + val.flags), !0;
 }
 function writePromise(state, val, ref) {
 	let { boundary, channel } = state;
@@ -760,7 +761,7 @@ function writeWeakMap(state) {
 }
 function writeError(state, val, ref) {
 	let result = "new " + val.constructor.name + "(" + quote(val.message + "", 0);
-	return val.cause ? (state.buf.push(result + ",{cause:"), writeProp(state, val.cause, ref, "cause"), state.buf.push("})")) : state.buf.push(result + ")"), !0;
+	return val.cause === void 0 ? state.buf.push(result + ")") : (state.buf.push(result + ",{cause:"), writeProp(state, val.cause, ref, "cause"), state.buf.push("})")), !0;
 }
 function writeAggregateError(state, val, ref) {
 	return state.buf.push("new AggregateError("), writeProp(state, val.errors, ref, "errors"), val.message ? state.buf.push("," + quote(val.message + "", 0) + ")") : state.buf.push(")"), !0;
@@ -1611,24 +1612,24 @@ function _attr_style(value) {
 	return stringAttr("style", toDelimitedString(value, ";", stringifyStyleObject));
 }
 function _attr_option_value(value) {
-	let valueAttr = _attr("value", value);
-	return normalizedValueMatches(getContext(kSelectedValue), value) ? valueAttr + " selected" : valueAttr;
+	let valueAttr = _attr("value", value), selectedValue = getContext(kSelectedValue);
+	return selectedValue !== void 0 && normalizedValueMatches(selectedValue, value) ? valueAttr + " selected" : valueAttr;
 }
-function _attr_select_value(scopeId, nodeAccessor, value, valueChange, content) {
-	valueChange && writeControlledScope(3, scopeId, nodeAccessor, void 0, valueChange), content && withContext(kSelectedValue, value, content);
+function _attr_select_value(scopeId, nodeAccessor, value, valueChange, content, serializeType) {
+	valueChange && writeControlledScope(3, scopeId, nodeAccessor, void 0, valueChange, serializeType), content && withContext(kSelectedValue, value, content);
 }
-function _attr_textarea_value(scopeId, nodeAccessor, value, valueChange) {
-	return valueChange && writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange), _escape(value);
+function _attr_textarea_value(scopeId, nodeAccessor, value, valueChange, serializeType) {
+	return valueChange && writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange, serializeType), _escape(value);
 }
-function _attr_input_value(scopeId, nodeAccessor, value, valueChange) {
-	return valueChange && writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange), _attr("value", value);
+function _attr_input_value(scopeId, nodeAccessor, value, valueChange, serializeType) {
+	return valueChange && writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange, serializeType), _attr("value", value);
 }
-function _attr_input_checked(scopeId, nodeAccessor, checked, checkedChange) {
-	return checkedChange && writeControlledScope(0, scopeId, nodeAccessor, void 0, checkedChange), isNotVoid(checked) ? " checked" : "";
+function _attr_input_checked(scopeId, nodeAccessor, checked, checkedChange, serializeType) {
+	return checkedChange && writeControlledScope(0, scopeId, nodeAccessor, void 0, checkedChange, serializeType), isNotVoid(checked) ? " checked" : "";
 }
-function _attr_input_checkedValue(scopeId, nodeAccessor, checkedValue, checkedValueChange, value) {
+function _attr_input_checkedValue(scopeId, nodeAccessor, checkedValue, checkedValueChange, value, serializeType) {
 	let valueAttr = _attr("value", value);
-	return checkedValueChange && writeControlledScope(1, scopeId, nodeAccessor, getCheckedValueRef(checkedValue), checkedValueChange), normalizedValueMatches(checkedValue, value) ? valueAttr + " checked" : valueAttr;
+	return checkedValueChange && writeControlledScope(1, scopeId, nodeAccessor, getCheckedValueRef(checkedValue), checkedValueChange, serializeType), normalizedValueMatches(checkedValue, value) ? valueAttr + " checked" : valueAttr;
 }
 function getCheckedValueRef(checkedValue) {
 	if (Array.isArray(checkedValue)) {
@@ -1636,9 +1637,9 @@ function getCheckedValueRef(checkedValue) {
 		return ref || (ref = [], checkedValuesRefs.set(checkedValue, ref)), ref;
 	}
 }
-function _attr_details_or_dialog_open(scopeId, nodeAccessor, open, openChange) {
+function _attr_details_or_dialog_open(scopeId, nodeAccessor, open, openChange, serializeType) {
 	let normalizedOpen = isNotVoid(open);
-	return openChange && writeControlledScope(4, scopeId, nodeAccessor, normalizedOpen || void 0, openChange), normalizedOpen ? " open" : "";
+	return openChange && writeControlledScope(4, scopeId, nodeAccessor, normalizedOpen || void 0, openChange, serializeType), normalizedOpen ? " open" : "";
 }
 function _attr_nonce() {
 	return getChunk().boundary.state.nonceAttr;
@@ -1650,11 +1651,10 @@ function _attrs(data, nodeAccessor, scopeId, tagName) {
 	let result = "", skip = /[\s/>"'=]/, events;
 	switch (tagName) {
 		case "input":
-			if (data.checkedChange) result += _attr_input_checked(scopeId, nodeAccessor, data.checked, data.checkedChange);
-			else if ("checkedValue" in data || data.checkedValueChange) result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value);
-			else if (data.valueChange) result += _attr_input_value(scopeId, nodeAccessor, data.value, data.valueChange);
+			if (data.checkedChange) result += _attr_input_checked(scopeId, nodeAccessor, data.checked, data.checkedChange, 1), skip = /^checked(?:Value)?(?:Change)?$|[\s/>"'=]/;
+			else if ("checkedValue" in data || data.checkedValueChange) result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value, 1), skip = /^(?:value|checked(?:Value)?)(?:Change)?$|[\s/>"'=]/;
+			else if (data.valueChange) result += _attr_input_value(scopeId, nodeAccessor, data.value, data.valueChange, 1), skip = /^value(?:Change)?$|[\s/>"'=]/;
 			else break;
-			skip = /^(?:value|checked(?:Value)?)(?:Change)?$|[\s/>"'=]/;
 			break;
 		case "select":
 		case "textarea":
@@ -1665,7 +1665,7 @@ function _attrs(data, nodeAccessor, scopeId, tagName) {
 			break;
 		case "details":
 		case "dialog":
-			data.openChange && (result += _attr_details_or_dialog_open(scopeId, nodeAccessor, data.open, data.openChange), skip = /^open(?:Change)?$|[\s/>"'=]/);
+			data.openChange && (result += _attr_details_or_dialog_open(scopeId, nodeAccessor, data.open, data.openChange, 1), skip = /^open(?:Change)?$|[\s/>"'=]/);
 			break;
 	}
 	for (let name in data) {
@@ -1698,11 +1698,14 @@ function _attrs_partial(data, skip, nodeAccessor, scopeId, tagName) {
 function _attrs_partial_content(data, skip, nodeAccessor, scopeId, tagName, serializeReason) {
 	_html(`${_attrs_partial(data, skip, nodeAccessor, scopeId, tagName)}>`), _attr_content(nodeAccessor, scopeId, data?.content, serializeReason);
 }
-function writeControlledScope(type, scopeId, nodeAccessor, value, valueChange) {
-	writeScope(scopeId, {
+function writeControlledScope(type, scopeId, nodeAccessor, value, valueChange, serializeType) {
+	writeScope(scopeId, serializeType ? {
 		["F" + nodeAccessor]: type,
 		["G" + nodeAccessor]: value,
 		["E" + nodeAccessor]: valueChange
+	} : {
+		["G" + nodeAccessor]: value,
+		["E" + nodeAccessor]: valueChange
 	});
 }
 function stringAttr(name, value) {

package/dist/html.mjs

@@ -238,7 +238,7 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 	[JSON, "JSON"],
 	[Math, "Math"],
 	[Reflect, "Reflect"]
-]), $chunk, NOOP$2 = () => {}, kPendingContexts = Symbol("Pending Contexts"), kBranchId = Symbol("Branch Id"), kIsAsync = Symbol("Is Async"), writeScope = (scopeId, partialScope) => {
+]), unsafeRegExpSourceReg = /\\[\s\S]|</g, replaceUnsafeRegExpSourceChar = (match) => match === "<" || match === "\\<" ? "\\x3C" : match, $chunk, NOOP$2 = () => {}, kPendingContexts = Symbol("Pending Contexts"), kBranchId = Symbol("Branch Id"), kIsAsync = Symbol("Is Async"), writeScope = (scopeId, partialScope) => {
 	let { state } = $chunk.boundary, target = $chunk.serializeState, scope = scopeWithId(state, scopeId), pending = target.writeScopes[scopeId];
 	return state.needsMainRuntime = !0, Object.assign(scope, partialScope), pending && pending !== partialScope ? Object.assign(pending, partialScope) : target.writeScopes[scopeId] = partialScope, target.flushScopes = !0, scope;
 }, tick = globalThis.setImmediate || globalThis.setTimeout || globalThis.queueMicrotask || ((cb) => Promise.resolve().then(cb)), tickQueue, kSelectedValue = Symbol("selectedValue"), checkedValuesRefs = /* @__PURE__ */ new WeakMap(), singleQuoteAttrReplacements = /'|&(?=#?\w+;)/g, doubleQuoteAttrReplacements = /"|&(?=#?\w+;)/g, needsQuotedAttr = /["'>\s]|&#?\w+;|\/$/g, voidElementsReg = /^(?:area|b(?:ase|r)|col|embed|hr|i(?:mg|nput)|link|meta|param|source|track|wbr)$/, _dynamic_tag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, serializeReason) => {
@@ -247,10 +247,10 @@ let empty = [], rest = Symbol(), toDelimitedString = function toDelimitedString(
 		let input = (inputIsArgs ? inputOrArgs[0] : inputOrArgs) || {};
 		if (rendered = !0, _scope_id(), _html(`<${renderer}${_attrs(input, "a", branchId, renderer)}>`), !voidElementsReg.test(renderer)) {
 			let renderContent = content || normalizeDynamicRenderer(input.content);
-			if (renderer === "textarea") _html(_attr_textarea_value(branchId, "a", input.value, input.valueChange));
+			if (renderer === "textarea") _html(_attr_textarea_value(branchId, "a", input.value, input.valueChange, 1));
 			else if (renderContent) {
 				if (typeof renderContent != "function") throw Error(`Body content is not supported for the \`<${renderer}>\` tag.`);
-				renderer === "select" && ("value" in input || "valueChange" in input) ? _attr_select_value(branchId, "a", input.value, input.valueChange, renderContent) : _dynamic_tag(branchId, "a", renderContent, void 0, 0, void 0, serializeReason);
+				renderer === "select" && ("value" in input || "valueChange" in input) ? _attr_select_value(branchId, "a", input.value, input.valueChange, renderContent, 1) : _dynamic_tag(branchId, "a", renderContent, void 0, 0, void 0, serializeReason);
 			}
 			_html(`</${renderer}>`);
 		}
@@ -690,7 +690,8 @@ function writeDate(state, val) {
 	return state.buf.push("new Date(" + +val + ")"), !0;
 }
 function writeRegExp(state, val) {
-	return state.buf.push(val + ""), !0;
+	let { source } = val;
+	return state.buf.push("/" + (source.includes("<") ? source.replace(unsafeRegExpSourceReg, replaceUnsafeRegExpSourceChar) : source) + "/" + val.flags), !0;
 }
 function writePromise(state, val, ref) {
 	let { boundary, channel } = state;
@@ -759,7 +760,7 @@ function writeWeakMap(state) {
 }
 function writeError(state, val, ref) {
 	let result = "new " + val.constructor.name + "(" + quote(val.message + "", 0);
-	return val.cause ? (state.buf.push(result + ",{cause:"), writeProp(state, val.cause, ref, "cause"), state.buf.push("})")) : state.buf.push(result + ")"), !0;
+	return val.cause === void 0 ? state.buf.push(result + ")") : (state.buf.push(result + ",{cause:"), writeProp(state, val.cause, ref, "cause"), state.buf.push("})")), !0;
 }
 function writeAggregateError(state, val, ref) {
 	return state.buf.push("new AggregateError("), writeProp(state, val.errors, ref, "errors"), val.message ? state.buf.push("," + quote(val.message + "", 0) + ")") : state.buf.push(")"), !0;
@@ -1610,24 +1611,24 @@ function _attr_style(value) {
 	return stringAttr("style", toDelimitedString(value, ";", stringifyStyleObject));
 }
 function _attr_option_value(value) {
-	let valueAttr = _attr("value", value);
-	return normalizedValueMatches(getContext(kSelectedValue), value) ? valueAttr + " selected" : valueAttr;
+	let valueAttr = _attr("value", value), selectedValue = getContext(kSelectedValue);
+	return selectedValue !== void 0 && normalizedValueMatches(selectedValue, value) ? valueAttr + " selected" : valueAttr;
 }
-function _attr_select_value(scopeId, nodeAccessor, value, valueChange, content) {
-	valueChange && writeControlledScope(3, scopeId, nodeAccessor, void 0, valueChange), content && withContext(kSelectedValue, value, content);
+function _attr_select_value(scopeId, nodeAccessor, value, valueChange, content, serializeType) {
+	valueChange && writeControlledScope(3, scopeId, nodeAccessor, void 0, valueChange, serializeType), content && withContext(kSelectedValue, value, content);
 }
-function _attr_textarea_value(scopeId, nodeAccessor, value, valueChange) {
-	return valueChange && writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange), _escape(value);
+function _attr_textarea_value(scopeId, nodeAccessor, value, valueChange, serializeType) {
+	return valueChange && writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange, serializeType), _escape(value);
 }
-function _attr_input_value(scopeId, nodeAccessor, value, valueChange) {
-	return valueChange && writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange), _attr("value", value);
+function _attr_input_value(scopeId, nodeAccessor, value, valueChange, serializeType) {
+	return valueChange && writeControlledScope(2, scopeId, nodeAccessor, void 0, valueChange, serializeType), _attr("value", value);
 }
-function _attr_input_checked(scopeId, nodeAccessor, checked, checkedChange) {
-	return checkedChange && writeControlledScope(0, scopeId, nodeAccessor, void 0, checkedChange), isNotVoid(checked) ? " checked" : "";
+function _attr_input_checked(scopeId, nodeAccessor, checked, checkedChange, serializeType) {
+	return checkedChange && writeControlledScope(0, scopeId, nodeAccessor, void 0, checkedChange, serializeType), isNotVoid(checked) ? " checked" : "";
 }
-function _attr_input_checkedValue(scopeId, nodeAccessor, checkedValue, checkedValueChange, value) {
+function _attr_input_checkedValue(scopeId, nodeAccessor, checkedValue, checkedValueChange, value, serializeType) {
 	let valueAttr = _attr("value", value);
-	return checkedValueChange && writeControlledScope(1, scopeId, nodeAccessor, getCheckedValueRef(checkedValue), checkedValueChange), normalizedValueMatches(checkedValue, value) ? valueAttr + " checked" : valueAttr;
+	return checkedValueChange && writeControlledScope(1, scopeId, nodeAccessor, getCheckedValueRef(checkedValue), checkedValueChange, serializeType), normalizedValueMatches(checkedValue, value) ? valueAttr + " checked" : valueAttr;
 }
 function getCheckedValueRef(checkedValue) {
 	if (Array.isArray(checkedValue)) {
@@ -1635,9 +1636,9 @@ function getCheckedValueRef(checkedValue) {
 		return ref || (ref = [], checkedValuesRefs.set(checkedValue, ref)), ref;
 	}
 }
-function _attr_details_or_dialog_open(scopeId, nodeAccessor, open, openChange) {
+function _attr_details_or_dialog_open(scopeId, nodeAccessor, open, openChange, serializeType) {
 	let normalizedOpen = isNotVoid(open);
-	return openChange && writeControlledScope(4, scopeId, nodeAccessor, normalizedOpen || void 0, openChange), normalizedOpen ? " open" : "";
+	return openChange && writeControlledScope(4, scopeId, nodeAccessor, normalizedOpen || void 0, openChange, serializeType), normalizedOpen ? " open" : "";
 }
 function _attr_nonce() {
 	return getChunk().boundary.state.nonceAttr;
@@ -1649,11 +1650,10 @@ function _attrs(data, nodeAccessor, scopeId, tagName) {
 	let result = "", skip = /[\s/>"'=]/, events;
 	switch (tagName) {
 		case "input":
-			if (data.checkedChange) result += _attr_input_checked(scopeId, nodeAccessor, data.checked, data.checkedChange);
-			else if ("checkedValue" in data || data.checkedValueChange) result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value);
-			else if (data.valueChange) result += _attr_input_value(scopeId, nodeAccessor, data.value, data.valueChange);
+			if (data.checkedChange) result += _attr_input_checked(scopeId, nodeAccessor, data.checked, data.checkedChange, 1), skip = /^checked(?:Value)?(?:Change)?$|[\s/>"'=]/;
+			else if ("checkedValue" in data || data.checkedValueChange) result += _attr_input_checkedValue(scopeId, nodeAccessor, data.checkedValue, data.checkedValueChange, data.value, 1), skip = /^(?:value|checked(?:Value)?)(?:Change)?$|[\s/>"'=]/;
+			else if (data.valueChange) result += _attr_input_value(scopeId, nodeAccessor, data.value, data.valueChange, 1), skip = /^value(?:Change)?$|[\s/>"'=]/;
 			else break;
-			skip = /^(?:value|checked(?:Value)?)(?:Change)?$|[\s/>"'=]/;
 			break;
 		case "select":
 		case "textarea":
@@ -1664,7 +1664,7 @@ function _attrs(data, nodeAccessor, scopeId, tagName) {
 			break;
 		case "details":
 		case "dialog":
-			data.openChange && (result += _attr_details_or_dialog_open(scopeId, nodeAccessor, data.open, data.openChange), skip = /^open(?:Change)?$|[\s/>"'=]/);
+			data.openChange && (result += _attr_details_or_dialog_open(scopeId, nodeAccessor, data.open, data.openChange, 1), skip = /^open(?:Change)?$|[\s/>"'=]/);
 			break;
 	}
 	for (let name in data) {
@@ -1697,11 +1697,14 @@ function _attrs_partial(data, skip, nodeAccessor, scopeId, tagName) {
 function _attrs_partial_content(data, skip, nodeAccessor, scopeId, tagName, serializeReason) {
 	_html(`${_attrs_partial(data, skip, nodeAccessor, scopeId, tagName)}>`), _attr_content(nodeAccessor, scopeId, data?.content, serializeReason);
 }
-function writeControlledScope(type, scopeId, nodeAccessor, value, valueChange) {
-	writeScope(scopeId, {
+function writeControlledScope(type, scopeId, nodeAccessor, value, valueChange, serializeType) {
+	writeScope(scopeId, serializeType ? {
 		["F" + nodeAccessor]: type,
 		["G" + nodeAccessor]: value,
 		["E" + nodeAccessor]: valueChange
+	} : {
+		["G" + nodeAccessor]: value,
+		["E" + nodeAccessor]: valueChange
 	});
 }
 function stringAttr(name, value) {